@charset "utf-8";


/*
.post-type-archive-brand .page__title { background-image: url(../../assets/images/brand/idx/page_title_bg.jpg);}
.brand-borbet .page__title { background-image: url(../../assets/images/brand/borbet/page_title_bg.jpg);}
.brand-tecmag .page__title { background-image: url(../../assets/images/brand/tecmag/page_title_bg.jpg);}
.brand-smartline .page__title { background-image: url(../../assets/images/brand/smartline/page_title_bg.jpg);}
.brand-aga .page__title { background-image: url(../../assets/images/brand/aga/page_title_bg.jpg);}
.brand-minilite .page__title { background-image: url(../../assets/images/brand/minilite/page_title_bg.jpg);}
*/



/* index

-------------------------------------------------------------------------------------------------------- */

.post-type-archive-brand .sec__01 { padding: 5rem 0;}
.post-type-archive-brand .sec__01__title { margin-bottom: 1rem; font-size: 1.8rem; font-weight: bold; text-align: center;}
.post-type-archive-brand .brand__card { }
.post-type-archive-brand .brand__card + .brand__card { margin-top: 4rem; }
.post-type-archive-brand .brand__card__a { display: block; }
.post-type-archive-brand .brand__logo { width: 60%; max-width: 28rem; margin: 0 auto 1rem;  }
.post-type-archive-brand .brand__logo img { }
.post-type-archive-brand .brand__txtbox { padding: 1.5rem 0 0 ;}
.post-type-archive-brand .brand__title { margin-bottom: .5rem;}

/* Coming Soon
.brand__card.post-1989,
.brand__card.post-1989 .brand__pic { position: relative;}
.brand__card.post-1989::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent;}
.brand__card.post-1989 .brand__pic::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.6);}
.brand__card.post-1989 .brand__pic::after { content: "Coming Soon"; color: #fff; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2rem; letter-spacing: 0.04em; font-family: 'Open Sans', sans-serif;}
.brand__card.post-1989 .txt__arrow__ico::after  { content: "（Coming Soon）"; font-size: 1.4rem; letter-spacing: 0.04em; font-family: 'Open Sans', sans-serif;}
*/
@media screen and (min-width: 768px) {
.post-type-archive-brand .sec__01__title { margin-bottom: 2rem; font-size: 2.6rem;}

}
@media screen and (min-width: 1024px) {
.post-type-archive-brand .sec__01__title { margin-bottom: 3rem; font-size: 4rem;}
.post-type-archive-brand .brand__card + .brand__card { margin-top: 15rem; }
.post-type-archive-brand .brand__logo { margin: 0 auto 4rem;  }
.post-type-archive-brand .brand__txtbox { padding: 2rem 0 0 ;}

/* Coming Soon */
.brand__card.post-1989 .brand__pic::after { font-size: 2.5rem; }
.brand__card.post-1989 .txt__arrow__ico::after  { font-size: 1.6rem;}

}




/* detail

----------------------------------------------------------------------------------------------*/
.brand-template-default .page__title { display: none; }


/* title部分 */
.single-brand .title__wrap { margin-top: 5rem;}
.single-brand .title__logo { width: 90%; max-width: 60rem; margin: 0 auto;}
.single-brand .title__logo img { }
.single-brand .brand__eos { text-align: center; background-color: #A6A6A6; margin: 2rem auto; color: #FFFFFF; }
.single-brand .brand__mid__title { margin-top: 2rem; font-size: 2rem; text-align: center;}
.single-brand .brand__txt { margin-top: 1.5rem; line-height: 1.75;}
.single-brand .title__pic { margin-top: 3rem;}
@media screen and (min-width: 768px) {
.single-brand .title__logo img {  }
.single-brand .brand__eos { font-size: 2rem; }
.single-brand .brand__txt { margin-top: 2rem; text-align: center;}
.single-brand .title__pic { max-width: 140rem; margin: 6rem auto 0; padding: 0 1rem; text-align: center;}

}
@media screen and (min-width: 1024px) {
.single-brand .title__wrap { margin-top: 10rem;}
.single-brand .brand__eos { font-size: 2.4rem; }
.single-brand .brand__mid__title { margin-top: 8rem; font-size: 3rem; }
.single-brand .brand__txt { margin-top: 8rem; }
.single-brand .title__pic { margin-top: 9rem;}
}



/* sec01 */
.single-brand .sec01__box { display: flex; flex-direction: column-reverse;}
.single-brand .sec01__box + .sec01__box { margin-top: 9rem; }
.single-brand .sec01__txtbox { margin: 2rem auto 0; }
.single-brand .sec01__num { font-weight: bold;}
.single-brand .sec01__num__span { display: inline-block; margin-right: 1rem; color: #FC2D2D; font-weight: bold; font-size: 2.4rem; line-height: 1;}
.single-brand .sec01__title { margin-top: 1rem; font-size: 2rem; font-weight: bold;}
.single-brand .sec01__txt { margin-top: 1rem; }
.single-brand .sec01__pic { margin: 0 auto; width: 80%;}
.single-brand .sec01__btn { margin: 2rem auto;}

@media screen and (min-width: 768px) {
.single-brand .sec01__wrap { margin-top: 4rem;}
.single-brand .sec01__box { flex-direction: row; flex-wrap: wrap; margin: 0 -1rem; justify-content: space-between;}
.single-brand .sec01__box + .sec01__box { margin-top: 10rem; }
.single-brand .sec01__box:nth-child(even) { flex-direction: row-reverse; margin-left: 2rem;}
.single-brand .sec01__box:nth-child(odd) { margin-right: 2rem; }
.single-brand .sec01__box > * { width: calc(55% - 2.1rem); margin: 0 1rem; max-width: 54rem;}
.single-brand .sec01__txtbox { margin-top: 0; }
.single-brand .sec01__pic { width: calc(45% - 2.1rem); max-width: 45rem; margin: 0 0 0 auto;}
.single-brand .sec01__box:nth-child(even) .sec01__pic { margin-right: auto; margin-left: 0;}
.single-brand .sec01__title { margin-top: 1.5rem;}
.single-brand .sec01__btn { margin: 3rem auto 0 0;}
}
@media screen and (min-width: 1024px) {
.single-brand .sec01__box + .sec01__box { margin-top: 14rem; }
.single-brand .sec01__num__span { margin-right: 1.5rem; font-size: 4rem;}
.single-brand .sec01__title { font-size: 2.8rem; }
.single-brand .sec01__txt { margin-top: 2rem; line-height: 1.75; }
.single-brand .sec01__box:nth-child(even) {  margin-left: 6.5rem;}
.single-brand .sec01__box:nth-child(odd) { margin-right: 6.5rem; }
}





/* sec02 */
.single-brand .sec02 { }
.single-brand .sec02 .sec__inner { max-width: 148rem;}
.single-brand .product__wrap + .product__wrap { margin-top: 4rem;}
.single-brand .product__title { font-size: 1.6rem; font-weight: bold;}
.single-brand .product__row { display: flex; flex-wrap: wrap; margin: 1.5rem -.5rem 0; justify-content: center; }
.single-brand .wheel__card { width: calc(50% - 1.1rem); margin: .5rem; padding: 0; background: #fff;}
.single-brand .wheel__txtbox { padding: 0 1rem 1rem 1rem; }
.single-brand .wheel__spec { justify-content: center; text-align: center; }

/*
.single-brand .wheel__card .link__btn {  margin-top: 1rem;}
.single-brand .wheel__card .link__btn__a { padding: 1rem; font-size: 1.3rem;}
.single-brand .swiper-container { padding-bottom: 6rem;}
.single-brand .swiper__button { position: relative;}
.single-brand .swiper-button-prev,
.single-brand .swiper-button-next { right: 0; left: auto; bottom: 0; top: auto; width: 3.8rem; height: 3.8rem; border: #FC2D2D 1px solid; background: no-repeat center center #fff; background-size: 1.5rem; }
.single-brand .swiper-button-prev { right: 4.8rem;}
.single-brand .swiper-button-prev { background-image: url(../../assets/images/common/ico_ar_red_02.svg) ;  }
.single-brand .swiper-button-prev::after { display: none;}
.single-brand .swiper-button-next { background-image: url(../../assets/images/common/ico_ar_red_01.svg) ;}
.single-brand .swiper-button-next::after { display: none;}
.single-brand .swiper-button-prev:hover,
.single-brand .swiper-button-next:hover { background-color: #FC2D2D;}
.single-brand .swiper-button-prev:hover { background-image: url(../../assets/images/common/ico_ar_wh_02.svg); }
.single-brand .swiper-button-next:hover { background-image: url(../../assets/images/common/ico_ar_wh_01.svg) ;}
*/

@media screen and (min-width: 768px) {
.single-brand .product__title { font-size: 2rem; }
.single-brand .wheel__card { width: calc(25% - 1.1rem); }

/*
.single-brand .wheel__card .link__btn { max-width: 16rem; margin-top: 2rem;}
*/
}
@media screen and (min-width: 1024px) {
.single-brand .product__title { font-size: 2.2rem; }
.single-brand .product__wrap + .product__wrap { margin-top: 10rem;}
.single-brand .product__row { margin: 1.5rem -1.5rem 0;}
.single-brand .wheel__card { width: calc(25% - 3.1rem); margin: 1.5rem; }
.single-brand .wheel__txtbox { padding: 0 2rem 3rem 2rem; }
/*
.single-brand .wheel__card { padding: 3rem 2rem;}
*/

}
@media screen and (min-width: 1200px) {
.single-brand .wheel__card { width: calc(20% - 3.1rem);}

}



/* sec03 */
.sec03 { background-color: #E6E6E6; padding-bottom: 6rem;}
.sec03 .sec__inner { max-width: 100rem;}
.sec03__row {}
.sec03__pic__row { display: flex; flex-direction: column; gap: 2rem; }
.sec03__title { margin-top: 1.5rem; font-weight: bold; font-size: 1.8rem;}
.sec03__txt { margin-top: 1rem;}

@media screen and (min-width: 768px) {
.sec03 { padding-bottom: 15rem;}
.sec03__row { display: flex; justify-content: space-between; flex-direction: row-reverse; }
.sec03__row .sec03__pic { width: calc(50% - 2rem); }
.sec03__row .sec03__txtbox { width:calc(50% - 2rem); }
.sec03__pic__row { gap: 3rem; align-items: center; }
.sec03__pic__row img { width: 100%; }
.sec03__pic__row._row3 img { width: 100%; }
.sec03__title { font-size: 2.2rem;}
}
@media screen and (min-width: 1024px) {
.sec03__title { margin-top: 3rem; font-size: 2.8rem;}
.sec03__txt { margin-top: 2rem;}
}








/* sp fix btn */
.productFixBtn { position: fixed; bottom: 0; width: 100%; z-index: 1; background-color: #F4F4F4; visibility: hidden; opacity: 0; transform: translateY(100px); transition: 0.5s; }
.productFixBtn__list { display: flex; justify-content: center; gap: 1rem; padding: 1.5rem 0; }
.productFixBtn__list__item { font-size: 1.2rem; margin: 0; }
.productFixBtn__list__item .link__btn__a { padding: 1rem; }
._fixed.productFixBtn { visibility: visible; opacity: 1; transform: translateY(0); }

@media screen and (min-width: 768px) {
.productFixBtn { display: none; }
}

/* sp fix btn用bottom padding */
.single-product { padding-bottom: 8.2rem; }
@media screen and (min-width: 768px) {
.single-product { padding-bottom: 0; }
}


/* sec01 btn調整 */
@media screen and (min-width: 1024px) {
.sec01__btn.link__btn { max-width: 30rem;}
}