@charset "utf-8";


/* パンくず */
.pan__box { max-width: 119rem; margin: 0 auto; padding: 0 2rem; display: flex; flex-wrap: wrap;}
.pan__item > * { color: #7B7B7B;}
.pan__item__a {}
.pan__item__a::after { content: ">"; margin: 0 .5rem;}

@media screen and (min-width: 768px) {
.pan__box { padding: 0 4rem; }
.pan__item__a { font-size: 1.4rem;}
.pan__item span { font-size: 1.4rem;}
}


/* インナー指定 */
.product__contents { padding-bottom: 11.5rem;}
.product__contents .sec__inner { max-width: 100rem;}



/* slider */
.image__box { max-width: 92rem; margin: 1rem auto 0;}
.image__box__ex { text-align: right; font-size: 1rem; }
.swiper-slide { position: relative; }
.swiper-slide > img { aspect-ratio: 1; }
.swiper-slide .js-ofi { object-fit: contain; font-family: 'object-fit: contain;'; }
/*
.swiper-slide { position: relative; padding-bottom: 66%; height: 0 !important; overflow: hidden; }
.swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.swiper-slide .js-ofi { object-fit: contain; font-family: 'object-fit: contain;'; }
*/
.thumbs-slider { margin-top: .2rem;}
.thumbs-slider .swiper-slide { position: relative; }
.thumbs-slider .swiper-slide::before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background-color: rgba(51,51,51,0.8); z-index: 10; }
.thumbs-slider .swiper-slide-thumb-active::before { display: none; }
.swiper-pagination-bullet-active { opacity: 1; background: #fff;   }
/*.thumbs-slider .c-movie-wrap { padding-bottom: 74%;}*/
/*.thumbs-slider .swiper-slide { padding-bottom: 19.5%; }*/
.thumbs-slider .swiper-slide img {  }
.thumbs-slider .swiper-slide .js-ofi { object-fit: contain; font-family: 'object-fit: contain;'; }
.main-slider { border: #ccc 1px solid;}

@media screen and (min-width: 768px) {
.image__box { margin-top: 4rem;}
/*.thumbs-slider .c-movie-wrap { padding-bottom: 66%;}
.thumbs-slider .c-movie-wrap { padding-bottom: 67%;}*/
}
@media screen and (min-width: 1024px) {
.swiper-slide img {  }
/*.swiper-slide { padding-bottom: 62%;  }*/
/*.thumbs-slider .c-movie-wrap { padding-bottom: 67%;}*/
.thumbs-slider .swiper-slide img {  }
/*.thumbs-slider .swiper-slide { padding-bottom: 19.8%; }*/

}


/* 動画 */
.c-movie-wrap { position: relative; margin-top: 2rem; padding-bottom: 56%; height: 0; overflow: hidden; }
.c-movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.c-movie-wrap::after { /*position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0);*/ }
@media screen and (min-width: 1024px) {
.c-movie-wrap { margin-top: 4rem; }

}

/* ブランド詳細 */
.info__box { max-width: 45rem; margin-top: 4rem; padding-left: 2rem; border-left: #ccc 1px solid;}
.info__logo ,
.info__logo img { max-height: 1.5rem;}
.info__name { margin-top: 1.5rem; font-size: 3rem; font-weight: bold; line-height: 1.2;}
.info__size { margin-top: 1.5rem; }
.info__price { margin-top: 1rem; }
.info__price dl { display: flex; }
.info__price dt { position: relative; }
.info__price dt::after { content: "："; /*padding-right: 1em;*/ }
.info__price dd { padding-left: .5rem; }

@media screen and (min-width: 768px) {
.info__box { margin-top: 8rem; }
.info__name { font-size: 3.6rem;}
}
@media screen and (min-width: 1024px) {

}



/* タグリスト */
.tag__list { max-width: 45rem; margin-top: 3rem;}
.tag__list__item { display: inline-block; margin: 0 0 .5rem; padding: .2rem .5rem; color: #FF6E00; font-size: 1rem; border: #FF6E00 1px solid;}

@media screen and (min-width: 768px) {
.tag__list { margin-top: 4rem;}
}



/* テキスト */
.txt__box {/* max-width: 73rem;*/ margin-top: 3rem;}
.txt__box__title { font-size: 2rem; font-weight: bold;}
.txt__box__txt { margin-top: 1rem;}
.txt__box .wp-block-button__link { display: block; padding: 1.2rem; color: #fff; background-color: #FF6E00; border-radius: 4rem; font-weight: normal; margin-top: 0.5em; min-width: 22rem; }

@media screen and (min-width: 768px) {
.txt__box { margin-top: 8rem; }
.txt__box__title { font-size: 3rem;}


}


/* スペックアコーディオン */
.spec__box { /*max-width: 73rem;*/ margin-top: 3rem;}
.ac__menu input { display: none; }
.ac__menu label { position: relative; display: block; border: #ccc solid; border-width: 1px 0 1px; padding: 1.5rem 0; font-size: 1.6rem; font-weight: bold;/*cursor: pointer;*/  }
.ac__menu label:after { position: absolute; top: 50%; right: 1.5rem; transform : translateY(-50%) rotate(180deg); content: ""; display: block; width: 1.5rem; height: 1rem; background: url(../../assets/images/common/ar_top_red_01.svg) no-repeat right center; background-size: contain; transition: .4s; }
.ac__menu input:checked ~ label::after { transform : translateY(-50%) rotate(360deg); }
.ac__menu div { height: 0; overflow: hidden; opacity: 0; transition: 0.3s; }
.ac__menu input:checked ~ div { height: auto; opacity: 1;  }

.ac__child { }
.ac__child__item { padding: 1rem 1.5rem; background: #FAFAFA; }
.ac__child__item + .ac__child__item { margin-top: 2px; }
.ac__child__item dt { font-weight: bold; }
.ac__child__item dd { }

@media screen and (min-width: 768px) {
.spec__box { margin-top: 8rem; }
.ac__menu label { padding: 1.5rem 0; font-size: 2rem;  }
.ac__child__item { display: flex; padding: 2rem 3rem;  }
.ac__child__item dt { width: 25rem; font-weight: normal; }
.ac__child__item dd { width: auto; flex: 1; }

}


/* ホイールリスト */
.product__list__title { margin-bottom: 2rem; padding: 4rem 0 0; border-top: #ccc 1px solid; font-weight: bold; font-size: 1.6rem; text-align: center;}
.product__history {}
.product__history .product__list__title { border: none;}
.product__history .wheel__wrap { }
.product__history .wheel__card { width: 33.33%; border: none;}
.product__history .wheel__card:nth-child(-n+3) { padding-top: 0; }

@media screen and (min-width: 768px) {
.product__list__title { margin-bottom: 6rem; padding: 4rem 0 0; font-size: 2.2rem; text-align: left;}
.product__history .product__list__title { margin-bottom: 3rem;}
.product__history .wheel__card { width: 20%; padding: 2rem 1rem;}
.product__history .wheel__type { margin-top: 0; font-size: 1.6rem;}
.product__history .wheel__spec { font-size: 1rem;}
.product__history .wheel__brand__img img { max-height: 1rem;}
.product__history .wheel__card:nth-child(-n+5) { padding-top: 0; }
}
@media screen and (min-width: 1024px) {
.product__list__title { padding-top: 12rem;}
.product__history .wheel__card { width: 14.2%; }
.product__history .wheel__card:nth-child(-n+7) { padding-top: 0; }
}
@media screen and (min-width: 1200px) {
.wheel-list .wheel__card:nth-last-child(-n+5) { padding-bottom: 10rem;}
.product__history .wheel__card:nth-last-child(-n+5) { padding-bottom: 0; }

}

@media screen and (min-width: 768px) {
.wheel__type { font-size: 2.4rem;}
.wheel__spec { font-size: 1.6rem;}
}