@charset "utf-8";

#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/*
========================================================================== */
.product_area {
	padding:45px 0 0;
	font-size:1.2rem;
}

.marea {
	background: url('../images/product/sp_product_back1.png') no-repeat right bottom;
	background-size: 151px 135px;
}

.marea .image {
	background: url('../images/product/sp_triline.jpg') no-repeat center bottom 35px;
	background-size: 960px 83px;
	text-align: center;
}

.marea .image img {
	width:77px;
	height:auto;
}

.marea .item_data {
	margin:0 30px 25px;
}

.item_data .logobox {
	margin:0 0 20px;
	border-bottom:1px solid #3d3734;
}

.item_data .logo {
	overflow: hidden;
	background: url('../images/product/sp_product_area1name.png') no-repeat center top;
	background-size: 260px 50px;
	padding: 80px 0 0;
	height: 0!important;
}

.item_data .logo_ex {
	display: none;
}

.item_data h2 {
	margin:0 0 10px;
	text-align: center;
	font-size:1.1rem;
}

.item_data h2 b {
	margin:0 10px 0 0;
	font-size:1.6rem;
}

.item_data ul {
	margin:0 0 30px;
	text-align: center;
}

.item_data li {
	margin:0 0 5px;
}

.item_data li:last-child {
	margin:0;
}

.item_data .onlineshop a {
	display: block;
	overflow: hidden;
	background-image: url('../images/product/shopbtn.svg'), url('../images/product/shopbtn_label.gif');
	background-repeat: no-repeat, no-repeat;
	background-position: right 15px center, center center;
	background-size: 13px 24px, auto 12px;
	padding: 50px 0 0;
	height: 0!important;
	border:1px solid #3e3835;
}

.marea .ex {
	margin:0 30px;
	padding:0 0 30px;
	font-size:1.1rem;
	border-bottom:1px solid #3d3734;
}

.marea .ex p {
	margin:0 0 20px;
	line-height:1.8;
}

.marea .ex p:last-child {
	margin:0;
}

.pointbox {
	background: url('../images/product/sp_product_back2.png') no-repeat right top;
	background-size: 151px 73px;
	padding:25px 30px 0;
}

.pointbox.pbox2 {
	margin:0 0 35px;
	background: none;
}

.pointbox.pbox3 {
	margin:0;
	background: none;
}

.pointbox h3 {
	margin:0 0 5px;
	line-height:1.4;
	color:#cacaca;
	font-size:4.0rem;
	font-weight: 100;
	letter-spacing: 3px;
}

.pointbox .mlead {
	margin:0 0 15px;
	line-height:1.3;
	color:#ff7c8c;
	font-size:2.0rem;
	font-weight: 300;
	letter-spacing: 1px;
}

.pointbox .ex1 {
	margin:0 0 10px;
	line-height:1.4;
	font-size:1.3rem;
	letter-spacing: 1.5px;
}

.pointbox .ex2 {
	padding:0 0 25px;
	line-height:1.8;
	font-size:1.1rem;
	border-bottom:1px solid #3d3734;
}

.pointbox.pbox2 .ex2,
.pointbox.pbox3 .ex2 {
	padding:0;
	border-bottom: none;
}

.ate_block {
	margin:0 30px;
	padding:0 0 30px;
	border-bottom:1px solid #3d3734;
}

.ate_block h3 {
	margin:0 0 12px;
	color:#b80016;
	font-size:1.6rem;
	font-weight: 300;
	letter-spacing: 2px;
}

.ate_block .title_ex {
	margin:0 0 15px;
	font-size:1.0rem;
}

.exbox_block {
	margin:0 0 20px;
	font-size:1.0rem;
	border-top:1px solid #cdcdcd;
}

.exbox_block:last-child {
	margin:0;
}

.exbox_block .exbox {
	width:50%;
	float:left;
}

.exbox_block .exbox .image {
	margin:0 0 6px;
	border-left:1px solid #cdcdcd;
	border-right:1px solid transparent;
	border-bottom:1px solid #cdcdcd;
}

.exbox_block .exbox:last-child .image {
	border-right:1px solid #cdcdcd;
}

.exbox_block .exbox .image img {
	width:100%;
	height:auto;
}

.exbox_block .exbox .ex {
	padding:0 0 0 5px;
	line-height:1.4;
	letter-spacing: 0.2px;
}

.product_area3 {
	background: url('../images/product/sp_product_back3.png') no-repeat left 105px;
	background-size: 120px 167px;
	padding:0 0 50px;
}





@media screen and (min-width: 768px) {

	/*
	========================================================================== */
	.product_area {
		margin:0 auto;
		padding:90px 20px 150px;
		width:1000px;
		font-size:1.4rem;
	}

	.product_area1 {
		padding:0 50px 70px;
		border-bottom:1px solid #3d3734;
	}

	.marea {
		background: none;
		margin:0 0 80px;
	}

	.marea .image {
		overflow: hidden;
		background: url('../images/product/product_area1image.jpg') no-repeat center top;
		background-size: 350px 530px;
		margin:0 0 30px;
		padding: 530px 0 0;
		width:350px;
		height: 0!important;
		float:left;
	}

	.marea .item_data {
		margin:0 0 80px;
		width:505px;
		float:right;
	}

	.item_data .logobox {
		margin:0 0 50px;
		padding:20px 0 50px;
	}

	.item_data .logo {
		background: url('../images/product/product_logo.svg') no-repeat center top;
		margin:0 0 20px;
		padding: 30px 0 0;
	}

	.item_data .logo_ex {
		display: block;
		overflow: hidden;
		background: url('../images/product/product_sttile.svg') no-repeat center top;
		padding: 10px 0 0;
		height: 0!important;
	}

	.item_data h2 {
		margin:0 0 20px 110px;
		text-align: left;
		font-size:1.4rem;
	}

	.item_data h2 b {
		font-size:2.0rem;
	}

	.item_data ul {
		margin:0 0 70px 110px;
		text-align: left;
	}

	.item_data li {
		margin:0 0 10px;
	}

	.item_data .onlineshop {
		margin:0 auto;
		width:400px;
		height:80px;
	}

	.item_data .onlineshop a {
		display: block;
		overflow: hidden;
		background-image: url('../images/product/shopbtn.svg'), url('../images/product/shopbtn_label.gif');
		background-repeat: no-repeat, no-repeat;
		background-position: right 15px center, center center;
		background-size: auto, 100px 18px;
		padding: 80px 0 0;
		height: 0!important;
		border:1px solid #3e3835;
	}

	.marea .ex {
		clear:both;
		margin:0;
		padding:0;
		font-size:1.4rem;
		border-bottom:none;
	}

	.marea .ex p {
		line-height:1.6;
	}

	.pointbox {
		background: none;
		padding:0;
	}

	.pointbox.pbox2 {
		margin:0 0 65px;
	}

	.pointbox h3 {
		margin:0 0 25px;
		line-height:1.0;
		font-size:5.0rem;
	}

	.pointbox .mlead {
		margin:0 0 20px;
		line-height:1.0;
		font-size:3.0rem;
	}

	.pointbox .ex1 {
		margin:0 0 25px;
		font-size:1.8rem;
	}

	.pointbox .ex2 {
		padding:0;
		line-height:1.6;
		font-size:1.4rem;
		border-bottom:none;
	}

	.product_area2 {
		padding:70px 50px;
		border-bottom:1px solid #3d3734;
	}

	.ate_block {
		margin:0;
		padding:0;
		border-bottom:none;
	}

	.ate_block h3 {
		font-size:2.0rem;
	}

	.ate_block .title_ex {
		margin:0 0 50px;
		font-size:1.4rem;
	}

	.exbox_block {
		display: inline-block;
		margin:0;
		font-size:1.2rem;
		border-top:none;
	}

	.exbox_block .exbox {
		width:205px;
	}

	.exbox_block .exbox .image {
		margin:0 0 10px;
		border-top:1px solid #cdcdcd;
	}

	.exbox_block .exbox:last-child .image {
		border-right:1px solid transparent;
	}

	.exbox_block:last-child .exbox:last-child .image {
		border-right:1px solid #cdcdcd;
	}

	.exbox_block .exbox .ex {
		margin:0 0 0 30px;
		line-height:1.6;
	}

	.product_area3 {
		background: none;
		padding:70px 50px 0;
	}
}