﻿














#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}




select {
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #A9FFDC;/*薄いエメラルドグリーン*/
	background:#A9FFDC;
}







/*
==================================================== */
.products_area .block1 {
	padding:10px 15px 40px;
}
	
.products_block1 .block2 {
	padding-bottom:0;
}

.gallery_block {
	margin:0 auto 15px;
	max-width:500px;
}




/* data_block */
.mainblock2 h3 {
	margin:0 0 10px;
	text-align: center;
	font-weight: normal;
}
/* data_block */
.mainblock2 h3 b {
	display: block;
	margin:0 0 5px;
	font-size:2.2rem;
}

.p_lead {
	margin:0 0 10px;
	color:#aa863a;
	font-size:1.8rem;
	font-weight: bold;
}

.p_ex {
	padding:0 0 15px;
	font-size:1.6rem;
	border-bottom:1px solid #CCC;
}

.p_ex a {
	color:#3da28d;
}
				
.databox1 {
	padding:15px 0;
	border-bottom:1px solid #CCC;
}
				
.databox1 h4 {
	margin:0 0 10px;
	font-size:1.6rem;
}
						
.databox2 {
	padding:15px 0;
	border-bottom:1px solid #CCC;
}

.databox2 li {
	margin:0 0 10px;
	position: relative;
}

.databox2 li:last-child {
	margin-bottom:0;
}

.databox2 li .name {
	font-size:1.2rem;
}

.databox2 li .name b {
	font-size:1.6rem;
}

.databox2 li .name i {
	display: none;
}

.databox2 li .price {
	position: absolute;
	top:0;
	right:0;
	font-size:1.0rem;
}

.databox2 li .price b {
	font-size:1.6rem;
}	

.databox3 {
	margin:0 0 20px;
	padding:15px 0;
	border-bottom:1px solid #CCC;
}

.databox3 b {
	color:#C00;
	font-weight: normal;
}

.selectbox_block {
	margin:0 0 20px;
}

.selectbox {
	margin:0 0 10px;
	padding:0 0 0 60px;
	position: relative;
}

.selectbox:last-child {
	margin-bottom:0;
}

.selectbox p {
	position: absolute;
	top:7px;
	left:0;
	font-weight: bold;
}

.selectbox select {
	padding:0 45px 0 10px;
	width:100%;
	height:35px;
	line-height:35px;
	border:1px solid #CCC;
	background: url('../images/common/icon_arrow3.svg') no-repeat right 15px center;
}
	
.cartin {
	overflow: hidden;
	font-size:1.6rem;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.cartin a {
	display: block;
	line-height:50px;
	color:#FFF;
	text-align: center;
	background-color: #333;
}

.cartin b {
	display: inline-block;
	background: url('../images/common/icon_cart2.svg') no-repeat left center;
	background-size: 22px 22px;
	padding:0 0 0 40px;
	font-weight: normal;
}

.message {
	margin:0 0 20px;
	padding:0 15px;
	line-height:40px;
	font-size: 1.6rem;
	color:#FFF;
	background-color:#cc0301;
}

.exbox1 {
	margin:0 0 20px;
	padding:0 0 15px;
	font-size: 1.6rem;
	border-bottom:1px solid #CCC;
}							

.exbox1 h4 {
	margin:0 0 10px;
	font-size: 1.8rem;
}

.exbox1 .image {
	margin:0 auto 15px;
	max-width:300px;
}

.exbox1 .ex p {
	margin:0 0 10px;
}

.exbox1 .ex p:last-child {
	margin-bottom:0;
}

.exbox1 .ex p a {
	color:#3da28d;
}

.exbox1 .ex p.link a {
	display: inline-block;	
	background: url('../images/common/icon_arrow2.svg') no-repeat right center;
	padding:0 20px 0 0;
}

.exbox_block {
	margin:0 0 20px;
}	

.exbox_block:last-child {
	margin-bottom:0;
}

.exbox2 {
	margin:0 0 20px;
	padding:0 0 20px;
	font-size: 1.6rem;
	border-bottom:1px solid #CCC;
}		

.exbox2:last-child {
	margin-right:0;
}	

.exbox2 h4 {
	margin:0 0 10px;
	font-size: 1.8rem;
}
					
.exbox2 ul {
	list-style-position: outside;
	list-style-type: disc;
	margin:0 0 0 20px;
}

.exbox2 li {
	margin:0 0 10px;
}

.exbox2 li.star {
	line-height:20px;
}

.exbox2 li:last-child {
	margin-bottom:0;
}	

.exbox2 li.star b {
	display: inline-block;
	background-repeat: no-repeat;		
	background-size: 146px 20px;
	background-position: right center;
	padding:0 150px 0 0;
	line-height:20px;
}

.exbox2 li.s0 b {
	background-image: url('../images/products/star0.png');
}

.exbox2 li.s1 b {
	background-image: url('../images/products/star1.png');
}

.exbox2 li.s2 b {
	background-image: url('../images/products/star2.png');
}

.exbox2 li.s3 b {
	background-image: url('../images/products/star3.png');
}

.exbox2 li.s4 b {
	background-image: url('../images/products/star4.png');
}

.exbox2 li.s5 b {
	background-image: url('../images/products/star5.png');
}

.exbox2 li i {
	display: none;
}

.exbox2 p {
	padding:15px 0 0;
}

.exbox2 p a {
	display: inline-block;		
	background: url('../images/common/icon_arrow2.svg') no-repeat right center;
	padding:0 20px 0 0;
	color:#34a28b;
}

.type_box {
	margin:0 0 20px;
}

.type_box:last-child {
	margin-bottom:0;
}

.type_box .image {
	margin:0 auto 10px;
	max-width:300px;
}

.type_box h4 {
	margin:0 0 5px;
	font-size: 1.8rem;
}

.type_box ul {
	list-style-position: outside;
	list-style-type: disc;
	margin:0 0 0 20px;
}

.type_box li {
	margin:0 0 5px;
}

.type_box li:last-child {
	margin-bottom:0;
}

.type_box li b {
	color:#C00;
	font-weight: normal;
}

.comment_box {
	background-repeat: no-repeat;
	background-position: center bottom;
	margin:0 0 20px;
	padding:0 0 80px;
}

.comment_box:last-of-type {
	margin-bottom:0;
}

.comment_box.comment1 {
	background-image: url('../images/products/commenter1.svg');
	background-size: 52px 60px;
}

.comment_box.comment2 {
	background-image: url('../images/products/commenter2.svg');
	background-size: 46px 60px;
}

.comment_box.comment3 {
	background-image: url('../images/products/commenter3.svg');
	background-size: 41px 60px;
}
	
.comment_box p {
	padding:13px 15px;
	background-color: #fbf8e9;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
}

.comment_box p::after {
	position: absolute;
	bottom:-20px;
	left:50%;
	content: '';
	margin-left:-10px;
	border:10px solid transparent;
	border-top-color: #fbf8e9;
}

.more {
	padding:20px 0 0;
	text-align: center;
	font-size:1.6rem;
}

.more a {
	display: inline-block;
	background: url('../images/common/icon_arrow2.svg') no-repeat right 15px center;
	padding:0 40px 0 0;
	color:#399;
}

.adviser_box {
	margin:0 0 20px;
	background: url('../images/products/adviser1.png') no-repeat center bottom;
	background-size: 53px 53px;
	padding:0 0 70px;
}

.adviser_box p {
	padding:13px 15px;
	background-color: #e5f3ee;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
}

.adviser_box p::after {
	position: absolute;
	bottom:-20px;
	left:50%;
	content: '';
	margin:0 0 0 -10px;
	border:10px solid transparent;
	border-top-color: #e5f3ee;
}

.advice_box {
	margin:0 0 15px;
}

.advice_box:last-child {
	margin-bottom:0;
}

.advice_box h4 {
	margin:0 0 10px;
	font-size:1.8rem;
}

.advice_box p {
	margin:0 0 10px;
}

.advice_box p:last-child {
	margin-bottom:0;
}

.advice_box p a {
	color:#3da28d;
}

.advice_box div p b {
	background:linear-gradient(transparent 20%, #ffffcc 20%);
	font-weight: normal;
}

.recommend {
	padding:0 0 20px;
	overflow-x: scroll;
	position: relative;
	-webkit-overflow-scrolling: touch;
}

.recommend ul {
	width: 5000px
}

.recommend li {
	margin:0 30px 0 0;
	width:120px;
	float:left;
}

.recommend li:last-child {
	margin-right:0;
}

.recommend li a {
	display: block;
	color:#3da28d;
	text-align: center;
}

.recommend li img {
	margin:0 0 5px;
}

.recommend li b {
	display: block;
	font-weight: normal;
}

.products_block7 {
	padding-bottom:0;
}

.relate_link li {
	margin:0 0 5px;
}

.relate_link li:last-child {
	margin-bottom:0;
}

.relate_link li a {
	display: block;		
	background: url('../images/common/icon_arrow2.svg') no-repeat right 15px center;
	padding:0 10px;
	line-height:45px;
	color:#3da28d;
	font-size:1.6rem;
	border:1px solid #a5cdc5;
}

@media all and (min-width: 768px) {

	/* 
	================================================== */
	.products_area .block1 {
		padding:60px 0;
	}
	
	.products_block1 {
		padding-bottom:0;
	}
	
	.gallery_block {
		margin:0 0 30px;
		width:500px;
		float:left;
	}
	
/* data_block */
	.mainblock2 {
		margin:0 0 60px;
		width:460px;
		float:right;
	}
	
/* data_block */
	.mainblock2 h3 {
		margin:0 0 20px;
		line-height:30px;
		text-align: left;
		font-size:1.6rem;
	}
	
/* data_block */
	.mainblock2 h3 b {
		display: inline-block;
		margin:0 15px 0 0;
		font-size:3.0rem;
	}
	
	.p_lead {
		margin:0 0 15px;
	}
					
	.databox1 {
		padding:15px 0 15px 95px;
		position: relative;
	}
					
	.databox1 h4 {
		position: absolute;
		top:15px;
		left:0;
		margin:0;
	}
	
	.databox2 li .name {
		font-size:1.4rem;
	}
	
	.databox2 li .name i {
		display: inline-block;
		font-style: normal;
	}
	
	.databox2 li .price {
		font-size:1.2rem;
	}
	
	.databox3 {
		padding:15px 0 0;
		border-bottom:none;
	}
	
	.selectbox_block {
		margin:0 0 30px;
	}
	
	.selectbox {
		margin:0 0 20px;
		padding:0 0 0 75px;
		font-size:1.6rem;
	}
	
	.selectbox p {
		top:8px;
	}
	
	.selectbox select {
		padding:0 45px 0 15px;
		height:40px;
		line-height:40px;
	}
	
	
	
	.exbox1 {
		margin:0 0 30px;
		padding:15px 0 30px 25px;
		border-left:1px solid #CCC;
	}				
	
	.exbox1 h4 {
		margin:0 0 15px;
		font-size: 2.0rem;
	}
	
	.exbox1 .image {
		margin:0 0 10px 20px;
		width:300px;
		float:right;
	}
	
	.exbox1 .ex p {
		margin:0 0 15px;
	}

	.exbox1 .ex p a:hover {
		opacity: 0.7;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	
	.exbox_block {
		margin:0 0 30px;
	}
	
	.exbox2 {
		margin:0 40px 0 0;
		padding:15px 0 25px 25px;
		width:480px;
		border-left:1px solid #CCC;
		float:left;
	}
	
	.exbox2 h4 {
		margin:0 0 20px;
		font-size: 2.0rem;
	}
	
	.exbox2 li {
		margin:0 0 15px;
	}
	
	.type_box {
		margin:0 0 30px;
	}
	
	.type_box .image {
		width:240px;
		max-width:240px;
		float:left;
	}
	
	.type_box .body {
		width:735px;
		float:right;
	}
	
	.type_box h4 {
		font-size: 2.0rem;
	}
	
	.type_box li {
		margin:0 0 5px;
	}
	
	.comment_box {
		margin:0 0 30px;
		padding:0 0 0 95px;
		min-height:70px;
	}
	
	.comment_box.comment1 {
		background-position: 18px 10px;
	}
	
	.comment_box.comment2 {
		background-position: 20px 10px;
	}
	
	.comment_box.comment3 {
		background-position: 24px 10px;
	}
	
	.comment_box p {
		padding:13px 15px;
	}
	
	.comment_box p::after {
		top:10px;
		bottom:auto;
		left:-20px;
		margin-left:0;
		border-top-color: transparent;
		border-right-color: #fbf8e9;
	}
	
	.more {
		padding:15px 0 0;
		text-align: right;
	}
	
	.adviser_box {
		margin:0 0 30px;
		background-position: 15px 12px;
		padding:0 0 0 95px;
		min-height:65px;
	}
	
	.adviser_box p::after {
		top:10px;
		bottom:auto;
		left:-20px;
		margin:0;
		border-top-color: transparent;
		border-right-color: #e5f3ee;
	}
	
	.advice_box {
		margin:0 0 30px;
	}
	
	.advice_box h4 {
		margin:0 0 15px;
		font-size:2.0rem;
	}

	.advice_box p {
		margin:0 0 15px;
	}

	.advice_box p a:hover {
		opacity: 0.7;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	
	.products_block6 {
		padding-bottom:0;
	}

	.recommend {
		padding:0;
		overflow-x: visible;
	}
	
	.recommend li {
		margin:0 25px 20px 0;
	}
	
	.recommend li:nth-child(7n) {
		margin-right:0;
	}
	
	.relate_link li {
		margin:0 20px 20px 0;
		width:320px;
		float:left;
	}
	
	.relate_link li:nth-child(3n) {
		margin-right:0;
	}
}