@charset "utf-8";
/*PCパーツ独自設定*/


:root{
  --color-intel:#0068b5;
  --color-amd:#ed1c24;
  --color-nvidia:#76b900;
}

/*------------------------------------------
KV上書き
-------------------------------------------*/
.kv-img {
  width: 70%;
  max-width: 700px;
}


/*------------------------------------------
買取価格を調べる
cont-check
-------------------------------------------*/
.category-list{
  width:100%;
  display:grid;
  gap:var(--gap-s);
  grid-template-columns: repeat(3,1fr);
  text-align:center;
}

@media screen and (max-width: 767px) {
  .category-list{
    grid-template-columns: repeat(2,1fr);
  } 
}


/*------------------------------------------
pickupキーワード上書き
-------------------------------------------*/
.category-check .pickup-keyword {
  position: relative;
  margin-top:0;
  margin-bottom: var(--gap-m);
}

@media screen and (max-width: 767px) {
  .category-check .pickup-keyword {
    padding-top: 2.5em; 
  }
  .category-check .pickup-keyword::before {
    position: absolute;
    top: 0;
    left:0;
  }
}

/*------------------------------------------
パーツ毎リスト
item-list-wrap
-------------------------------------------*/
/* .cont-section.category-check {
  overflow: inherit;
} */

.item-list-wrap{
  width:100%;
  display:flex;
  gap:var(--gap-m);
}

.item-list-block{
  flex:1;
}

.item-list-block h3{
  font-size:clamp(16px, 0.773rem + 0.97vw, 24px);
  font-weight:700;
  margin-bottom:0.5em;
  padding-left:0.5em;
  border-left:0.5em solid #999;
}

.item-list-block h3.ico-intel{
  border-color:var(--color-intel);
}
.item-list-block h3.ico-amd{
  border-color:var(--color-amd);
}
.item-list-block h3.ico-nvidia{
  border-color:var(--color-nvidia);
}

.item-list-block .note{
  margin-bottom:1em;
}

@media screen and (max-width: 767px) {
  .item-list-wrap{
    flex-direction: column;
  }
}

/*------------------------------------------
パーツ毎リストプルダウン
-------------------------------------------*/
.item-list{
  display:flex;
  flex-direction: column;
  gap:10px;
}
.item-list{
  display:flex;
  flex-direction: column;
  gap:10px;
}

.item-list > li{
  position:relative;
}

.item-list .c-button{
  font-size:clamp(14px, 0.705rem + 0.73vw, 20px);
  color: #001e60;
}

.item-list details summary{
  cursor: pointer;
}

.item-list details summary.c-button::after{
  transform: rotate(45deg);
  transition: 0.3s all;
}

.item-list details[open] summary.c-button::after {
  transform: rotate(-135deg);
}

.item-list details ul {
  /* position: absolute;
  top: 50px;
  left: 0; */
  z-index: 2;
  width: 100%;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
  opacity: 0;
}

.item-list details[open] ul{
  opacity: 1;
}

.item-list details ul li .c-button{
  border:none;
  border-radius:0;
}

.item-list details ul li:nth-child(even) .c-button{
  background: #f6f6f6;
}