/* ===== base ===== */
* {
  box-sizing: border-box;
}

/* ============================================= Prodcut Page ============================================= */
#hydrangea .product-content {width: 100%; padding: 100px 0; background-color: #ffffff;}
#hydrangea .product-content>.lead {width: 100%; margin: 50px auto 150px;}
#hydrangea .product-content>.lead .leadWrap {width: 85%; margin: 0 auto; text-align: center;}
#hydrangea .product-content>.lead .leadWrap>h2 {margin: 0 auto 80px; font-size:1.6rem; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight:700; line-height:1; letter-spacing:0.1em;}
#hydrangea .product-content>.lead p {margin: 0 auto 20px; color: #000000; font-size: 1.0rem; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 2.0; letter-spacing: 0.07em;}
#hydrangea .product-content>.lead p.heading {margin: 0 auto 30px; font-size: 1.2rem; line-height: 1.8;}
#hydrangea .product-content>.lead .split-text span {display: inline-block; opacity: 0; transform: translateX(-20px); filter: blur(8px); /*animation:textAnime 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;*/}
#hydrangea .product-content>.lead .js-scroll.is-show .split-text span {animation:textAnime 1s cubic-bezier(0.22, 1, 0.36, 1)forwards;}

#hydrangea .product-kv {width: 100%; margin: 0 auto 80px;}
#hydrangea .product-kv>.product-category {display: table; margin: 0 auto 40px; padding: 15px 20px; color: #ffffff; font-size: 1.0rem; font-weight: 400; line-height: 1.0; letter-spacing: 0.08em; background-color: #000000; text-align: center;}
#hydrangea .product-kv>img  {width: 100%; margin: 0 auto;}
#hydrangea .productWrap {max-width: 92%; margin: 0 auto 200px; padding: 0 0; display: flex; justify-content: space-between; align-items: stretch; gap: 5%;}
#hydrangea .productWrap:last-child {margin: 0 auto 100px;}
#hydrangea .productWrap>.left-column {width: 220px;}
/*#hydrangea .productWrap:nth-child(even){flex-direction:row-reverse;}*/

@media screen and (max-width: 1000px) {
	#hydrangea .product-content {padding: 100px 0;}
	#hydrangea .product-content>.lead {margin: 50px auto 140px;}
	#hydrangea .product-content>.lead .leadWrap>h2 {font-size:1.2rem;}
	#hydrangea .product-content>.lead p {font-size: 0.85rem; /*text-align: justify;*/}
	#hydrangea .product-content>.lead p.heading {font-size: 1.0rem;} 
	#hydrangea .product-kv>.product-category {font-size: 0.9rem;} 
	#hydrangea .productWrap {max-width: 88%; margin: 0 auto 150px; display: block; gap: 0;}
	#hydrangea .productWrap>.left-column {width: 100%;}
}

/*/////////////////// ProductSlider ///////////////////*/
.product-img {width: 100%; display: block; margin: 0 auto 0; padding: 0; align-items: center; justify-content: center;}
.product-img>.inner {width: 100%; max-width: 100%; margin: 0 auto;}
.product-slide {width: 100%; margin: 0 auto; padding: 0;}
.product-slide>img {width: 100%;}
/* arrow */
.product-img>.inner>.product-slider>.slick-arrow {z-index: 2; top: 50%; margin-top: -10px; width: 10px; height: 10px; border-top: 2px solid #3d2d21; border-right: 2px solid #3d2d21; opacity: .8;}
.product-img>.inner>.product-slider>.slick-arrow::before {content: '';}
.product-img>.inner>.product-slider>.slick-prev {left: -10px; transform: rotate(-135deg); color: #3d2d21;}
.product-img>.inner>.product-slider>.slick-next {right: -10px; transform: rotate(45deg); color: #3d2d21;}
/* dots */
.product-img>.inner>.product-slider>.slick-dots {margin: 0 auto 10px; bottom: -10px;}
.product-img>.inner>.product-slider>.slick-dots li,
.product-img>.inner>.product-slider>.slick-dots li button,
.product-img>.inner>.product-slider>.slick-dots li button::before{width: 10px; height: 10px;}
.product-img>.inner>.product-slider>.slick-dots li {margin: 0 7px;}
.product-img>.inner>.product-slider>.slick-dots li button {background-color: #000000; opacity: .2; border-radius: 100%;}
.product-img>.inner>.product-slider>.slick-dots li.slick-active button {opacity: .8;}
.product-img>.inner>.product-slider>.slick-dots li button::before {content: '';}

@media screen and (max-width: 1000px) {
	#hydrangea .productWrap {margin: 0 auto 150px; display: block; gap: 0;}
	.product-img>.inner {height: 400px;}
}

/*/////////////////// Product ///////////////////*/
.productWrap .productdetail {width: 100%; margin: 0 auto;}
.productWrap .product-category {display: inline-block; margin: 0 auto 15px; padding: 10px 15px; color: #ffffff; font-size: 0.9rem; font-weight: 400; line-height: 1.0; letter-spacing: 0.08em; background-color: #000000; text-align: center;}
.productWrap .product-name {margin: 0 auto 10px; padding: 0; color: #000000; font-size: 1.3rem; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 700; line-height: 1.4; letter-spacing: 0.08em;}
.productWrap .product-name>span {display: block; font-size: 70%;}
.productWrap .product-capacity {margin: 0 auto 20px; padding: 0; color: #000000; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-size: 0.8rem; font-weight: 400; line-height: 1.0; letter-spacing: 0.1em;}
.productWrap .product-sales {margin: 0 auto 20px; padding: 0; color: #000000; font-size: 1.0rem; font-weight: 700; line-height: 1.0; letter-spacing: 0.02em;}
.productWrap .product-specs {margin: 0 auto 0;}
.productWrap .product-specs>.detail-toggle {display: none;}
.productWrap .product-specs>.detail-Label {padding: 0.8em; display: block; color: #000000; font-size: 0.8rem; border-bottom: 1px solid #000000; background: none;}
.productWrap .product-specs>.detail-Label::before {content: "+"; color: #000000; font-size: 1.0rem; position: absolute; top: calc( 50% - 10px ); right: 20px;}
.productWrap .product-specs>.detail-toggle:checked + .detail-Label::before {content: "-";}
.productWrap .product-specs>.detail-Label,
.product-specs>.detail-content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s;}
.productWrap .product-specs>.detail-content {height: 0; margin-bottom: 10px; padding: 0 20px; overflow: hidden;}
.productWrap .product-specs>.detail-content>.info-row {padding: 5px 0; margin: 0;}
.productWrap .product-specs>.detail-content>.info-row>p {padding: 0 0; margin: 0 auto 10px; font-size: 0.8rem; line-height: 1.6; letter-spacing: -0.01em; text-align: justify;}
.productWrap .product-specs>.detail-content>.info-row>p.heading {margin: 0 auto 8px; font-size: 0.9rem; font-weight: 700;}
.productWrap .product-specs>.detail-content>.info-row>p>sup {font-size: 80%; position: relative; top: 2px;}
.productWrap .product-specs>.detail-toggle:checked + .detail-Label + .detail-content {height: auto; padding: 15px 10px; transition: all .3s;}
.productWrap .product-specs .notes {list-style: none; counter-reset: note; padding: 0; margin: 10px auto 0;}
.productWrap .product-specs .notes>li {margin: 0 auto 2px; font-size: 0.65rem; line-height: 1.5; letter-spacing: 0.01em; counter-increment: note; position: relative; padding-left: 2.2em;}
.productWrap .product-specs .notes>li::before {content: "※" counter(note); position: absolute; left: 0;}

@media screen and (max-width: 1000px) {
	.productWrap .product-category {font-size: 0.8rem;}
	.productWrap .product-name {font-size: 1.4rem; font-weight: 700;}
	.productWrap .product-capacity {font-size: 0.8rem;}
	.productWrap .product-sales {font-size: 1.1rem;}
	.productWrap .product-specs>.detail-Label {font-size: 0.9rem;}
	.productWrap .product-specs>.detail-content>.info-row>p {font-size: 0.9rem;}
.productWrap .product-specs>.detail-content>.info-row>p.heading {font-size: 1.05rem;}

}

/* ============================================= Back to ============================================= */
#hydrangea .backto {padding: 100px 0 200px !important;}
#hydrangea .backto>.backToBasics {color: #000000 !important;}
#hydrangea .backto>.backToBasics>.backToBasics__arrow::before{background:#000000 !important;}
#hydrangea .backto>.backToBasics>.backToBasics__arrow::after{background:#000000 !important;}

/* ============================================= Footer ============================================= */
#hydrangea footer>p {color: #000000 !important;}