@charset "utf-8";
/* CSS Document */
/*商品詳細用スライダー*/
#catch_product{ overflow: hidden; position: relative;}
/*
#catch_product_in{ width: 2800px; margin: 0 auto; margin-left: calc((100% - 2800px)/2);}
@media screen and (max-width:1680px){
#catch_product_in{ width: 1680px; margin: 0 auto; margin-left: calc((100% - 1680px)/2);}
}
*/
#catch_product_in{ width: 1680px; margin: 0 auto; margin-left: calc((100% - 1680px)/2);}
#catch_product .slick-slide img{ width: 550px; height: auto;}
#catch_product .slick-slide{ padding: 0 10px;}
#catch_product .slick-slidecurrent img{ opacity: 1.0;}
#catch_product li{ opacity: 0.4 !important; transition: 0.3s !important;}
#catch_product li.slick-active{ opacity: 1.0 !important;}
#catch_product li.slick-current{ opacity: 1.0 !important;}
#catch_product li.slick-center{ opacity: 1.0 !important;}
@media screen and (max-width:767px){
#catch_product{ overflow: hidden; position: relative;}
#catch_product_in{ width: 100%; margin: 0 auto;}
#catch_product .slick-slide img{ width: 100%;}
#catch_product .slick-slide{ padding: 0 1.5vw;}
}
#catch_product dl{ position: relative;}
#catch_product dl dd{ position: absolute; left: 0; bottom: 30px; width: calc(100% - 10px); background: rgba(0,0,0,0.4); color: #fff; padding: 0.5em; text-align: right; font-size: 28px;}
@media screen and (max-width:767px){
#catch_product dl dd{ bottom:1em; width:100%; padding: 0.25em; font-size:3.5vw;}
}

/*商品詳細*/
.detail p{ margin-bottom: 2em;}
.detail ul{ letter-spacing: -1em;}
.detail ul li{ width: calc(33.3333% - 10px); display: inline-block; vertical-align: top; letter-spacing: normal;}
.detail ul li:nth-child(3n + 2){ margin: 0 10px;}
.detail ul li figure{ position: relative; margin: 0 auto;}
.detail ul li figure span{ position: absolute; left: 1em; bottom: 1em; color: #fff; line-height: 1em;}
.detail h4{ color: #a03119; margin:10px auto 5px;}
.detail ul.img_list{ display: table; table-layout: fixed; width: 100%; margin: 3% auto;}
.detail ul.img_list li{ display: table-cell; vertical-align: middle; text-align: center; width: auto;}
@media screen and (max-width:767px){
.detail ul li{ width:48%; margin:0 2%;}
.detail ul li:nth-child(3n + 2){ margin:0 2%;}
.detail ul li:nth-child(2n){ margin-right: 0;}
.detail ul li:nth-child(2n+1){ margin-left: 0;}
.detail h4{ margin:1.5% auto 0.5%;}
.detail ul.img_list{ border-collapse: separate; border-spacing: 1.5vw 0; width: calc(100% + 3vw); margin-left: -1.5vw;}
}
.detail_info{ background: #F6F6F6; padding: 1em;}
.detail_info h5{ background: #C9C9C9; padding: 0.5em; font-size: 14px; margin-bottom: 1em;}
.detail_info p{ font-size: 12px;}
@media screen and (max-width:767px){
.detail_info h5{ font-size:3.5vw;}
.detail_info p{ font-size:3vw;}
}

/*お客様の声*/
.review{ background: #F6F6F6; padding: 1em;}
@media screen and (max-width:767px){
}