@charset "UTF-8";

/* ラインナップ */
@media (min-width: 768px) {
	.swiper-box{ position: relative; margin: 0 auto 40px; max-width: 1260px; overflow: hidden; padding: 0 60px;}
	.swiper-container{ max-width: 1140px;}
	.swiper-wrapper{ -webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important; margin: 0; padding-bottom: 20px;}
	.swiper-slide { width: 170px; height: auto; display: block; margin: 0 20px 0 0; position: relative;}
	.swiper-slide:first-child{ margin-left: 10px;}
	.swiper-slide span{ color: #000; display: block; text-align: center; font-size: 18px; line-height: 1.6; margin: 32px 0 0 0; font-weight: normal;}
	.swiper-container img{ width: 200px; height: auto; object-fit: cover;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("../images/yajirushi.svg"); background-size: 38px 75px; right: 0; left: auto; top: calc(50%); width: 36px; height: 60px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next { transform: rotate(-180deg); background-image: url("../images/yajirushi.svg"); background-size: 38px 75px; left: 0; right: auto; top: calc(50%); width: 36px; height: 60px;}
}
@media (max-width: 767.98px) {
	.swiper-box{ position: relative; left: 0; margin: 0 auto; width: calc(100% - 30px);}
	.swiper-wrapper{ -webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important; margin: 0; padding-bottom: 20px;}
	.swiper-slide { width: 140px; height: auto; display: block; margin: 0 5px 0 0; position: relative; opacity: 0.3;}
	.swiper-slide.active{ opacity: 1.0;}
	.swiper-slide span{ color: #000; text-align: center; font-size: 16px; line-height: 1.4; margin: 32px 0 0 0; font-weight: normal; display: none;}
	.swiper-slide.active span{ display: block;}
	.swiper-container img{ width: 185px; height: auto; object-fit: cover;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("../images/yajirushi.svg"); background-size: 18px 37px; right: 0; left: auto; top: 72px; width: 18px; height: 37px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next { transform: rotate(-180deg); background-image: url("../images/yajirushi.svg"); background-size: 18px 37px; left: 0; right: auto; top: 72px; width: 18px; height: 37px;}
}


/* シリーズ */
@media (min-width: 768px) {
	.detail_contents2{ margin: 0 auto; max-width: 1120px;}
	
	.center_title { text-align: center; margin: 0 0 60px;}
	
	.serius_title{ position: relative; margin: 90px auto 30px; overflow: hidden; padding: 0; border-bottom: 1px solid #000; display: inline-block; font-size: 26px; padding-bottom: 20px;}
	.serius_p{ margin: 0 0 70px 0; line-height: 1.8; font-size: 18px;}
	.serius_ul{ margin: 0; padding: 0 0 0 10px; display: flex; flex-wrap: wrap;}
	.serius_ul li{ line-height: 1.6; width: 24%; margin: 0 1% 50px 0;}
	.serius_ul li:nth-child(4n){ margin-right: 0;}
	.serius_ul li p{ margin: 15px 0 0 0; font-size: 16px; text-align: center;}
	
	.swiper-container-horizontal > .swiper-scrollbar { bottom: 0;}
}
@media (max-width: 767.98px) {
	.detail_contents2{ margin: 0 15px; max-width: 100%;}
	
	.center_title { text-align: center; margin: 0 0 60px;}
	
	.serius_title{ position: relative; margin: 50px auto 10px; overflow: hidden; padding: 0; border-bottom: 1px solid #000; display: inline-block; font-size: 17px; padding-bottom: 10px;}
	.serius_p{ margin: 0 0 50px 0; line-height: 1.6; font-size: 14px;}
	.serius_ul{ margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
	.serius_ul li:nth-child(odd){ width: 48%; margin: 0 2% 30px 0; line-height: 1.6;}
	.serius_ul li:nth-child(even){ width: 48%; margin: 0 0 30px 2%; line-height: 1.6;}
	.serius_ul li p{ margin: 10px 0 0 0; font-size: 14px;}
	
	.swiper-container-horizontal > .swiper-scrollbar { bottom: 0;}
}


/* セレクトボックス */
@media (min-width: 768px) {
	.selectbox_box{ display: inline-block; margin: 20px 0 0 0;}
	.cp_ipselect { overflow: hidden; text-align: center; font-size: 14px;}
	.cp_ipselect select { width: 100%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none;}
	.cp_ipselect select::-ms-expand { display: none;}
	.cp_ipselect.cp_sl01 { display: inline-block; position: relative; border: 2px solid #a0a0a0; border-radius: 2px; background: #ffffff;}
	.cp_ipselect.cp_sl01::before { position: absolute; top: 0.7em; right: 0.7em; padding: 0; content: ""; pointer-events: none; background-image: url("../images/yajirushi2.svg"); transform:rotate(90deg); background-size: 7px 14px; width: 7px; height: 14px;}
	.cp_ipselect.cp_sl01 select { padding: 5px 38px 5px 8px; color: #212121; width: 190px; height: 35px;}
}
@media (max-width: 767.98px) {
	.selectbox_box{ display: inline-block; margin: 20px 0 0 0;}
	.cp_ipselect { overflow: hidden; text-align: center; font-size: 14px;}
	.cp_ipselect select { width: 100%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none;}
	.cp_ipselect select::-ms-expand { display: none;}
	.cp_ipselect.cp_sl01 { display: inline-block; position: relative; border: 1px solid #a0a0a0; border-radius: 2px; background: #ffffff;}
	.cp_ipselect.cp_sl01::before { position: absolute; top: 1em; right: 0.7em; padding: 0; content: ""; pointer-events: none; background-image: url("../images/yajirushi2.svg"); transform:rotate(90deg); background-size: 7px 14px; width: 7px; height: 14px;}
	.cp_ipselect.cp_sl01 select { padding: 5px 38px 5px 8px; color: #212121; width: 200px; height: auto; font-size: 14px;}
}


/* 詳細 */
@media (min-width: 768px) {
	.detail_h3 { font-size: 22px; position: relative; padding: 0 0 0 25px; line-height: 1.0; margin: 60px 0 20px 0;}
	.detail_h3_top{ margin: 0 0 20px 0;}
	.detail_pbox{ line-height: 1.8; margin: 20px 0 0 0; font-size: 15px;}
	
	.detail_tb_box{ margin: 20px 0 0 0;}
	.detail_tb_box { border: 0!important; table-layout: fixed;}
	.detail_tb_box table{ width: 100%; border: 0!important;}
	.detail_tb_box table tr,.detail_tb table th,.detail_tb table td{ border: 0!important;}
	.detail_tb_box table th{ width: 130px; padding: 0; vertical-align: top;}
	.detail_tb_box table td{ width: 950px; padding: 0 0 20px 0;}

	.section_title:before { content: ""; display: none;}
}
@media (max-width: 767.98px) {
	.detail_contents { margin: 60px 0 40px 0;}

	.detail_h3 { font-size: 18px; position: relative; padding: 0 0 0 25px; line-height: 1.0; margin: 40px 0 15px 0;}
	.detail_h3_top{ margin: 0 0 20px 0;}
	.detail_pbox{ line-height: 1.6; margin: 20px 0 0 0; font-size: 14px;}
	
	.detail_h3::before { height: 22px;}
	
	.detail_tb_box{ margin: 20px 0 0 0;}
	.detail_tb_box { border: 0!important; table-layout: fixed;}
	.detail_tb_box table{ width: 100%; border: 0!important;}
	.detail_tb_box table tr,.detail_tb table th,.detail_tb table td{ border: 0!important;}
	.detail_tb_box table th{ width: 100%; padding: 0; vertical-align: top; display: block;}
	.detail_tb_box table td{ width: 100%; padding: 0 0 20px 0; display: block; line-height: 1.6; font-size: 14px;}
	
	.section_title:before { content: ""; display: none;}
}