@charset "utf-8";
/******** mainImg ********/

.container-mainImg-index{
	border-bottom: none;
	padding: 0;
}
.container-mainImg{
	border-bottom: none;
	height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.container-mainImg-index{
	background: url(images/products_headerImg.jpg) center left no-repeat;
	background-size: cover;
}
.container-mainImg-classic{
	background: url(images/products_bg_classic.jpg) center left no-repeat;
	background-size: cover;
}
.container-mainImg-deluxe{
	background: url(images/products_bg_deluxe.jpg) center left no-repeat;
	background-size: cover;
}
.products-header{
	color: rgba(255,255,255,0.8);
	display: block;
	font-family: 'Sanchez', serif;
	font-size: 1.5rem;
	font-weight: 400;
	font-style: italic;
}
@media screen and (min-width:768px){
	.container-mainImg{
		height: 400px;
	}
	.products-header{
		font-size: 2rem;
	}
}
@media screen and (min-width:1240px){
	.products-header{
		font-size: 2.5rem;
	}
}

/******** article section content ********/

/* about-products */

.about-products{
	background: #ddd;
	width: 100%;
	box-sizing: border-box;
	margin: auto;
	padding: 10%;
	mix-blend-mode: multiply;
}
.about-products-classic{
	background: url(images/classic_bg.jpg) right bottom no-repeat;
	background-size: cover;
}
.about-products-deluxe{
	background: url(images/deluxe_bg.jpg) right bottom no-repeat;
	background-size: cover;
}
.about-products h2{
	width: 60%;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5rem;
	color: #fff;
	margin-bottom: 1.5rem;
	border-bottom: solid 1px yellow;
}
.about-products p{
	color: #fff;
	font-size: 1rem;
}
@media screen and (min-width:768px){
	.about-products{
		display: flex;
		justify-content: space-between;
	}
	.about-products h2{
		width: 20%;
		font-size: 1.75rem;
	}
	.about-products p{
		width: 70%;
		font-size: 1.25rem;
	}
}

/******** section-model ********/

.model{
	box-sizing: border-box;
	margin: 62px auto;
}
.spec{
	text-align: left;
	font-size: 0.875rem; /* 14px */
}
.spec h3{
	font-family: 'Sanchez', serif;
	font-size: 38px;
	font-weight: 400;
	font-style: italic;
	color: #009da7;
}
.spec p, .spec table{
	width: 100%;
	margin-bottom: 2rem;
}
.spec table tr{
	vertical-align: text-top;
	background: #F9E7CF;
	font-size: 0.75rem; /* 12px */
}
.spec th, .spec td{
	box-sizing: border-box;
	padding: 0.4rem;
} 
.spec th{
	width: 45%;
	margin-right: 5%;
}
.spec td{
	width: 50%;
}
@media screen and (min-width:768px){
	.model{
		display: flex;
	}
	.model-img{
		width: 40%;
		margin-right: 10%;
	}
	.spec{
		width: 50%;
	}
	.spec h3{
		font-size: 52px;
	}
}
@media screen and (min-width:960px){
	.section-model{
		margin: 0 auto 64px auto;
	}
	.section-model-inner{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.model{
		width: 45%;
		align-items: flex-end;
	}
}
@media screen and (min-width:1240px){
	.section{
		padding: 0; /* common.cssのリセット */
	}
	.section-model{
		width: 1240px;
		margin: 0 auto 64px auto;
	}
}
.onlineshop-btn a.btn-01{
	width: 180px;
	padding: 8px 4px;
	margin: 0 auto 24px auto;
	transition: auto .5 ease-out;
}
.onlineshop-btn a.btn-01:hover{
	background: #009da7;
	border: solid 1px #009da7;
}
@media screen and (min-width:768px){
	.onlineshop-btn a{
	width: 30%;
	}
}
/******** Gallery ********/
.gallery-photos{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.gallery-photos .photo{
	width: 25%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.gallery-photos .photo{
	background: #aaa;
}
.gallery-photos .photo img{
	transition: all .5s ease-out;
	opacity: 0.8;
}
.gallery-photos .photo img:hover{
	opacity: 1;
}