
/*----------------------------------------------------
 id style
----------------------------------------------------*/

section#main_area h2 {
	background-image: url(../images/main_bg.png);
}

/*----------------------------------------------------
 contents style)SP
----------------------------------------------------*/

div.concept_made {
	width: 90%;
	text-align: left;
	margin: 0px auto 50px auto;
	padding: 0px;
}
section#contents article div.concept_made h3.ttl {
	background-image: url(../images/made_ttl.png);
}
div.concept_made div.video {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
div.concept_made div.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


div.concept_shipping {
	width: 90%;
	text-align: left;
	margin: 0px auto 50px auto;
	padding: 0px;
}
section#contents article div.concept_shipping h3.ttl {
	background-image: url(../images/shipping_ttl.png);
}
div.concept_shipping ol {
	width: 100%;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
div.concept_shipping ol li {
	width: 100%;
	text-align: left;
	display: inline-block;
	margin: 0px 0px 20px 0px;
	padding: 0px;	
}
div.concept_shipping ol li:last-child {
	margin-bottom: 0px;
}
div.concept_shipping ol li img {
	width: 100%;
	height: auto;
	margin: 0px 0px 8px 0px;
}
div.concept_shipping ol li span {
	width: 24px;
	line-height: 24px;
	display: block;
	border-radius: 12px;
	float: left;
	color: #fff;
	background-color: #c9564c;
	text-align: center;
	margin: 1px 0px 0px 0px;
	padding: 0px;	
}
div.concept_shipping ol li p {
	width: 87%;
	float: right;
	text-align: left;
	line-height: 1.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}


@media only screen and (min-width: 460px) {
	
}

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

}

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

/*----------------------------------------------------
 contents style)PC
----------------------------------------------------*/


div.concept_made {
	width: 960px;
	text-align: center;
	margin: 0px auto 60px auto;
	padding: 0px;
}
div.concept_made div.video {
	width: 640px;
	padding-bottom: 56.25%;
	margin: 0px auto 0px auto;
}


div.concept_shipping {
	width: 960px;
	text-align: left;
	overflow: hidden;
	margin: 0px auto 60px auto;
	padding: 0px;
}
div.concept_shipping ol {
	width: 840px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
div.concept_shipping ol li {
	width: 400px;
	float: left;
	text-align: left;
	margin: 0px 0px 30px 0px;
	padding: 0px;	
}
div.concept_shipping ol li:nth-child(2n) {
	float: right;
}
div.concept_shipping ol li:last-child {
	margin-left: 220px;
}

div.concept_shipping ol li img {
	width: 100%;
	height: auto;
	line-height: 1.8em;
	margin: 0px 0px 10px 0px;
}
div.concept_shipping ol li span {
	width: 24px;
	line-height: 24px;
	display: block;
	border-radius: 12px;
	float: left;
	color: #fff;
	background-color: #c9564c;
	text-align: center;
	margin: 1px 0px 0px 0px;
	padding: 0px;	
}
div.concept_shipping ol li p {
	width: 360px;
	float: right;
	text-align: left;
	line-height: 1.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}


}


/*----------------------------------------------------
 style end
----------------------------------------------------*/

