@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,700&display=swap&subset=japanese');

.sales{
	width:90%;
	margin:0 auto;
	font-family: 'M PLUS 1p', sans-serif; 
}

.sales .title{display:flex;justify-content:space-around;margin-bottom:1.3em;}
.sales .title img{width:97px;height:97px;}

.sales .title h1{
	font-size:46px;
	text-align:center;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0;
	line-height:1.3em;
}

#maincontents .sales .title h2{
	font-size:20px;
	text-align:center;
	font-weight:bold;
	background:none;
}

.items,.flex_be{display:flex;justify-content:space-between;}
.flex_ar{display:flex;justify-content:space-around;}

.lineup li{margin-right:1em;text-align:center;font-size:14px;font-weight:bold;color:#00933E;}

.pricebox p{margin:0}
.product{font-size:24px;font-weight:bold;}
.product>span{font-size:14px;padding-left:1em;}
.size{text-align:center;font-size:14px;font-weight:bold;color:#fff;background:#00933E;}
.price{font-size:44px;font-weight:bold;color:#00933E;vertical-align:bottom;}
.price>span:nth-child(1){font-size:24px;background:#00933E;color:#fff;padding:0.3em;}
.price>span:nth-child(2){font-size:20px;}
.price>span:nth-child(3){font-size:16px;}
.coment{text-align:right;}

.othercoment{background:#ff0000;border-radius:8px;color:#fff;padding:0.3em 0.6em;}
.othercoment h3{text-align:center;border-bottom:1px solid #fff;line-height: 1.2;margin-top:0.3em;margin-bottom:0.6em;}

.plustext p{color:#00933E;font-size:20px;font-weight:bold;line-height:1.2}

.otherservice{color:#00933E;font-size:20px;font-weight:bold;line-height:1.2;background:#FFF100;text-align:center;padding:0.6em;}
.otherservice02{color:#fff;font-size:18px;font-weight:bold;line-height:1.2;background:#00933E;text-align:center;padding:0.6em;}

.img_sp_apper{display:none;}

.sales a{
	text-decoration:none;
}

@media screen and (max-width:640px){
	.sales .title img{width:15%;height:15%;}
	.sales .title h1{font-size:1.5em}
	#maincontents .sales .title h2{font-size:0.8em;line-height:1.2}
	
	.items{display:block;width:100%;}
	.othercoment img{width:20%;height:20%;}
	
	.plustext{display:flex;align-items: center;margin:0.5em auto;}
	.plustext img{width:20%;height:auto;}
	
	.otherservice02{font-size:1em;line-height:1.7}

}