@charset "utf-8";
@media screen and (min-width:768px){
/*pc・タブレットcss*/

#products-page #wrapper{
	/*background: url(../img/common/inner_bg.svg) no-repeat left top / 100% auto; */
	
}

/* +++++++++++++++++++++++++ */

#products-mv{
	background-color:#fff;
	color:#444;
	position:relative;
	padding:10vw 0 5vw;
	margin-bottom:10vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-mv #common-header{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#products-mv .mv-slider{
	width:50%;
	padding:0 5vw;
}
#products-mv .mv-slider figcaption{
	font-size:70%;
	padding-top:0.5vw;
}
#products-mv .mv-data{
	width:50%;
	padding-right:10vw;
	line-height:2.5;
}
#products-mv .mv-data .cat{
	display:block;
	font-family: 'Playfair Display', serif;
	line-height:1;
	font-size:1vw;
	color:#A5874A;
	margin-bottom:1vw;
}
#products-mv .mv-data .p-name{
	display:block;
	font-family: 'Playfair Display', serif;
	line-height:1;
	font-size:3.8vw;
	margin-right:0.5vw;
	letter-spacing:0.05em;
	margin-bottom:2vw;
}
#products-mv .mv-data .p-name .mini{
	font-size:2vw;
}
#products-mv .mv-data .p-name .discontinued-icon{
	position:relative;
	top:-0.8em;
	display:inline-block;
	font-size:0.8vw;
	letter-spacing:0em;
	padding:0.5vw 0.5vw;
	margin-left:0.8em;
	color:#ff0000;
	border: solid 1px #f00;
}
#products-mv .mv-data .copy{
	margin-bottom:1.6vw;
	color:#A5874A;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:1.8vw;
}

/* ドットの親要素 */
.slick-dots {
  position:relative;
  bottom:-2vw; /* 任意で位置調整OK */
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 10;
}

/* 各ドット */
.slick-dots li {
  width: 12px;
  height: 12px;
}

/* ボタン部分 */
.slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* アクティブ状態 */
.slick-dots li.slick-active button {
  background: #C7B181;
  transform: scale(1.2);
}


/* +++++++++++++++++++++++++ */

#products-detail-list{
	
}
#products-detail-list > ul > li{
	padding:0 10vw 0 5vw;
	margin-bottom:3vw;
}

#products-detail-list > ul > li .products-detail-box01{
	margin-bottom:5vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-detail-list > ul > li:nth-child(odd) .products-detail-box01 .txt-box{
	-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}
#products-detail-list > ul > li:nth-child(odd) .products-detail-box01:nth-of-type(even) .txt-box{
	-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-flex-order: 1; -moz-flex-order: 1; -webkit-order: 1; -moz-order: 1; order: 1;
}
#products-detail-list > ul > li:nth-child(even) .products-detail-box01:nth-of-type(even) .txt-box{
	-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}

#products-detail-list .products-detail-box01 .ph{
	width:46%;
}
#products-detail-list .products-detail-box01 .ph .item-bg01{ display:block; background-color:#ccc; }
#products-detail-list .products-detail-box01 .ph .item-bg02{ display:block; background-color:#fff; }
#products-detail-list .products-detail-box01 .ph .item-bg03{ display:block; background-color:#000; }
#products-detail-list .products-detail-box01 .ph figcaption{
	font-size:70%;
	line-height:1.5;
	padding-top:0.5em;
}
#products-detail-list .products-detail-box01 .txt-box{
	width:49%;
}
#products-detail-list .products-detail-box01 .detail-photo-list{
	margin-top:2vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-detail-list .products-detail-box01 .detail-photo-list li{
	width:47.5%;
	margin-right:5%;
}
#products-detail-list .products-detail-box01 .detail-photo-list li:last-child{
	margin-right:0;
}
#products-detail-list .products-detail-box01 .detail-photo-list figcaption{
	font-size:70%;
	line-height:1.5;
	padding-top:0.5em;
}

/* ++++++++++++ */

#products-detail-list > ul > li .products-detail-box02{
	margin-bottom:5vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-detail-list > ul > li .products-detail-box02 .txt-box{
	width:100%;
}

#products-detail-list > ul > li .products-detail-box02 .box{
	width:47.5%;
}
#products-detail-list > ul > li .products-detail-box02 .detail-photo-list li{
	width:47.5%;
}
#products-detail-list .products-detail-box02 .detail-photo-list figcaption{
	font-size:70%;
	line-height:1.5;
	padding-top:0.5em;
}
#products-detail-list .products-detail-box02 .txt-box{
	width:49%;
}
#products-detail-list .products-detail-box02 .detail-photo-list{
	margin-top:2vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-detail-list .products-detail-box02 .detail-photo-list li{
	width:47.5%;
	margin-right:5%;
}
#products-detail-list .products-detail-box02 .detail-photo-list li:last-child{
	margin-right:0;
}
#products-detail-list .products-detail-box02 .detail-photo-list .item-bg01{ display:block; background-color:#ccc; }
#products-detail-list .products-detail-box02 .detail-photo-list .item-bg02{ display:block; background-color:#fff; }
#products-detail-list .products-detail-box02 .detail-photo-list .item-bg03{ display:block; background-color:#000; }


/* ++++++++++++ */

#products-detail-list > ul > li .products-detail-box03{
	margin-bottom:5vw;
}
#products-detail-list > ul > li .products-detail-box03 .detail-photo-list{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-detail-list > ul > li .products-detail-box03 .detail-photo-list{
	padding-top:2vw;
}
#products-detail-list > ul > li .products-detail-box03 .detail-photo-list li{
	width:47.5%;
}
#products-detail-list .products-detail-box03 .detail-photo-list figcaption{
	font-size:70%;
	line-height:1.5;
	padding-top:0.5em;
}



/* +++++++++++++++++++++++++ */

#products-detail-list .products-detail-cat-en{
	display:none;
	font-family: 'Playfair Display', serif;
	color:rgba(255,255,255,0.06);
	line-height:1;
	font-size:11vw;
	margin-right:0.5vw;
	margin-bottom:2vw;
}
#products-detail-list > ul > li:nth-child(even) .products-detail-cat-en{
	text-align:right;
}
#products-detail-list .products-detail-cat-jp{
	display:inline-block;
	font-family: 'Noto Serif JP', serif;
	color:fff;
	line-height:1;
	font-size:3.4vw;
	margin-bottom:0.8vw;
}
#products-detail-list .copy{
	margin-bottom:1.5vw;
	color:#C6B180;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:1.6vw;
}


/* +++++++++++++++++++++++++ */

#products-specification{
	padding:8vw 0;
	background-color:#272727;
}
#products-specification .ttl{
	padding-bottom:1vw;
	margin-bottom:1vw;
	border-bottom: solid 1px #fff;
	font-size:1.2vw;
}

.specification-cap-txt{
	font-size:70%;
	line-height:1.5;
	padding-top:0.5em;
}


/* +++++++++++++++++++++++++ */

#products-individual-inquiries{
	padding:8vw 0;
}
#products-individual-inquiries .content-area{
	max-width:900px;
}
#products-individual-inquiries .box{
	border: solid 1px #fff;
	padding:2vw;
	text-align:center;
}
#products-individual-inquiries .box .ttl{
	padding-bottom:1vw;
	margin-bottom:1vw;
	border-bottom: solid 1px #fff;
	font-size:1.2vw;
}
#products-individual-inquiries .box p{
	margin-bottom:2vw;
}
#products-individual-inquiries .box p:last-child{
	margin-bottom:0;
}


/* +++++++++++++++++++++++++ */

#mstps-wav{
	padding:6vw 0;
	background:url(../img/products-common/mstps_wav_bg.jpg) no-repeat fixed;
	color:#000;
}
#mstps-wav .content-area{
	max-width:900px;
}
#mstps-wav .content-area .ph{
	width:40%;
}
#mstps-wav .content-area .txt{
	width:55%;
}
#mstps-wav .content-area .txt .ttl{
	margin-bottom:1.3vw;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:1.3vw;
}

}



@media screen and (min-width:768px) and ( max-width:1460px) {
	

}


@media screen and (min-width:768px) and ( max-width:1366px) {
	


}
@media (max-width: 768px) {

	
	
	#products-page #wrapper{
		/*background: url(../img/common/inner_bg.svg) no-repeat left top / 100% auto;*/
		
	}
	
	/* +++++++++++++++++++++++++ */
	
	#products-mv{
		background-color:#fff;
		color:#444;
		position:relative;
		padding:18vw 0 12vw;
		margin-bottom:12vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#products-mv #common-header{
		position:absolute;
		top:0;
		left:0;
		z-index:10;
	}
	
	
	#products-mv .mv-slider{
		width:100%;
		padding:0 5vw;
		margin-bottom:8vw;
	}
	#products-mv .mv-slider figcaption{
		font-size:70%;
		line-height:1.5;
		padding-top:0.5vw;
	}
	#products-mv .mv-data{
		width:100%;
		padding:0 5vw;
	}
	#products-mv .mv-data .cat{
		display:block;
		font-family: 'Playfair Display', serif;
		line-height:1;
		font-size:12px;
		color:#A5874A;
		margin-bottom:3vw;
	}
	#products-mv .mv-data .p-name{
		display:block;
		font-family: 'Playfair Display', serif;
		line-height:1;
		font-size:30px;
		margin-right:2vw;
		letter-spacing:0.05em;
		margin-bottom:5vw;
	}
	#products-mv .mv-data .p-name .mini{
		font-size:14px;
	}
	#products-mv .mv-data .p-name .discontinued-icon{
		position:relative;
		top:-0.4em;
		display:inline-block;
		font-size:12px;
		letter-spacing:0em;
		padding:1vw;
		margin-left:0.8em;
		color:#ff0000;
		border: solid 1px #f00;
	}
	#products-mv .mv-data .copy{
		margin-bottom:3vw;
		color:#A5874A;
		font-family: 'Noto Serif JP', serif;
		line-height:1.5;
		font-size:20px;
	}
	
	/* ドットの親要素 */
	.slick-dots {
	  position:relative;
	  bottom:-2vw; /* 任意で位置調整OK */
	  left: 50%;
	  transform: translateX(-50%);
	  display: flex !important;
	  justify-content: center;
	  align-items: center;
	  gap: 10px;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  z-index: 10;
	}
	
	/* 各ドット */
	.slick-dots li {
	  width: 12px;
	  height: 12px;
	}
	
	/* ボタン部分 */
	.slick-dots li button {
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  background: rgba(0, 0, 0, 0.3);
	  border: none;
	  text-indent: -9999px;
	  cursor: pointer;
	  transition: all 0.3s ease;
	}
	
	/* アクティブ状態 */
	.slick-dots li.slick-active button {
	  background: #C7B181;
	  transform: scale(1.2);
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	#products-detail-list{
		
	}
	#products-detail-list > ul > li{
		padding:0 5vw 0 5vw;
		margin-bottom:3vw;
	}
	
	#products-detail-list > ul > li .products-detail-box01{
		margin-bottom:15vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	
	#products-detail-list .products-detail-box01 .ph{
		width:100%;
		margin-bottom:5vw;
	}
	#products-detail-list .products-detail-box01 .ph .item-bg01{ display:block; background-color:#ccc; }
	#products-detail-list .products-detail-box01 .ph .item-bg02{ display:block; background-color:#fff; }
	#products-detail-list .products-detail-box01 .ph .item-bg03{ display:block; background-color:#000; }
	#products-detail-list .products-detail-box01 .ph figcaption{
		font-size:70%;
		line-height:1.5;
		padding-top:0.5vw;
	}
	#products-detail-list .products-detail-box01 .txt-box{
		width:100%;
	}
	#products-detail-list .products-detail-box01 .detail-photo-list{
		margin-top:2vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#products-detail-list .products-detail-box01 .detail-photo-list li{
		width:47.5%;
		margin-right:5%;
	}
	#products-detail-list .products-detail-box01 .detail-photo-list li:last-child{
		margin-right:0;
	}
	#products-detail-list .products-detail-box01 .detail-photo-list figcaption{
		font-size:70%;
		line-height:1.5;
		padding-top:0.5vw;
	}
	
	/* ++++++++++++ */
	
	#products-detail-list > ul > li .products-detail-box02{
		margin-bottom:5vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#products-detail-list > ul > li .products-detail-box02 .txt-box{
		width:100%;
	}
	
	#products-detail-list > ul > li .products-detail-box02 .box{
		width:100%;
		margin-bottom:15vw;
	}
	#products-detail-list > ul > li .products-detail-box02 .detail-photo-list li{
		width:47.5%;
	}
	#products-detail-list .products-detail-box02 .detail-photo-list figcaption{
		font-size:70%;
		line-height:1.5;
		padding-top:0.5vw;
	}
	#products-detail-list .products-detail-box02 .txt-box{
		width:49%;
	}
	#products-detail-list .products-detail-box02 .detail-photo-list{
		margin-top:2vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#products-detail-list .products-detail-box02 .detail-photo-list li{
		width:47.5%;
		margin-right:5%;
	}
	#products-detail-list .products-detail-box02 .detail-photo-list li:last-child{
		margin-right:0;
	}
	#products-detail-list .products-detail-box02 .detail-photo-list .item-bg01{ display:block; background-color:#ccc; }
	#products-detail-list .products-detail-box02 .detail-photo-list .item-bg02{ display:block; background-color:#fff; }
	#products-detail-list .products-detail-box02 .detail-photo-list .item-bg03{ display:block; background-color:#000; }
	
	/* ++++++++++++ */
	
	#products-detail-list > ul > li .products-detail-box03{
		margin-bottom:5vw;
	}
	#products-detail-list > ul > li .products-detail-box03 .detail-photo-list{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#products-detail-list > ul > li .products-detail-box03 .detail-photo-list{
		padding-top:2vw;
	}
	#products-detail-list > ul > li .products-detail-box03 .detail-photo-list li{
		width:47.5%;
	}
	#products-detail-list .products-detail-box03 .detail-photo-list figcaption{
		font-size:70%;
		line-height:1.5;
		padding-top:0.5vw;
	}
	
	
	
	/* +++++++++++++++++++++++++ */
	
	#products-detail-list .products-detail-cat-en{
		display:none;
		font-family: 'Playfair Display', serif;
		color:rgba(255,255,255,0.06);
		line-height:1;
		font-size:15vw;
		margin-right:0.5vw;
		margin-bottom:2vw;
	}
	#products-detail-list .products-detail-cat-jp{
		font-family: 'Noto Serif JP', serif;
		color:fff;
		line-height:1;
		font-size:26px;
		margin-bottom:3vw;
	}
	#products-detail-list .copy{
		margin-bottom:3vw;
		color:#C6B180;
		font-family: 'Noto Serif JP', serif;
		line-height:1.5;
		font-size:18px;
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	#products-specification{
		padding:12vw 0;
		background-color:#272727;
	}
	#products-specification .ttl{
		padding-bottom:3vw;
		margin-bottom:3vw;
		border-bottom: solid 1px #fff;
		font-size:16px;
	}
	
	.specification-cap-txt{
		font-size:70%;
		line-height:1.5;
		padding-top:0.5em;
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	#products-individual-inquiries{
		padding:12vw 0;
	}
	#products-individual-inquiries .box{
		border: solid 1px #fff;
		padding:5vw;
		text-align:center;
	}
	#products-individual-inquiries .box .ttl{
		padding-bottom:3vw;
		margin-bottom:3vw;
		border-bottom: solid 1px #fff;
		font-size:16px;
		line-height:1.3;
	}
	#products-individual-inquiries .box p{
		margin-bottom:4vw;
	}
	#products-individual-inquiries .box p:last-child{
		margin-bottom:0;
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	#mstps-wav{
		padding:12vw 0;
		background:url(../img/products-common/mstps_wav_bg.jpg) no-repeat center fixed;
		color:#000;
	}
	#mstps-wav .content-area{
	}
	#mstps-wav .content-area .ph{
		width:70%;
		margin:0 auto 5vw;
	}
	#mstps-wav .content-area .txt{
		width:100%;
	}
	#mstps-wav .content-area .txt .ttl{
		margin-bottom:3vw;
		font-family: 'Noto Serif JP', serif;
		line-height:1.5;
		font-size:17px;
	}
			
			
	
}

