@charset "utf-8";
/* 定義・共通パーツは ../global.cssに記載 */
/* （このページの）element -------------------- */
.allparts-container{
  --color-badass: #F26549;
}

/* 見出し */
.allparts-container .el-heading{
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 1.5rem;
  font-size: 200%;
  font-weight: bold;
}

/* ピックアップ -------------------- */
.sec-pickup .contents-list{
  margin-inline: auto;
  & > li{
    background-color: var(--color-white);
  }

  & > li > a{
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }

  & > li > a:hover{
    opacity: var(--hover-opacity);
  }
@container allparts-container-wrapper (max-width: 600px) {
  max-width: 450px;
  & > li > a{
    flex-direction: column;
  } 
}
}

.sec-pickup .image-block{
  width: 200px;
  margin-inline: auto;
  background-color: var(--color-black);
  & > img{
    display: block;
    width: 100%;
    height: 100%;
    margin-inline: auto;
    object-fit: cover;
  }
@container allparts-container-wrapper (max-width: 600px) {
  width: 100%;
  & > img{
    max-width: 300px;
  }
}
}

.sec-pickup .text-block{
  flex: 1;
  padding: 1rem;
}

.sec-pickup .ttl{
  margin-bottom: .5rem;
  font-size: 112%;
  font-weight: bold;
}