@charset "UTF-8";

@import url(res_lp_common.css);

#contents img{
	vertical-align: bottom;
	display:block;
}
.detailLink {
	vertical-align: bottom;
	position: relative;
	width:100%;
	display: block;
}
.detailLink img {
	display: block;
	width: 100%;
}

.detailLink .ui-link{
	display: block;
    position: absolute;
}
.detailLink .btn1{
    left: 21%;
	width: 58.4%;
	max-width: 432px;
}



.detailLink a:hover {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	/zoom:1;
}


#howto_order {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #ffffff;
	border:solid 10px #fff7f2;
}

#howto_order h3{
	background-color:#6a3906;
	color:#ffffff;
	text-align:center;
	border-radius: 8px;
	font-size: 23px;
	font-weight: bold;
	margin: 15px 10px 10px 10px;
}

#howto_order div{
	width: 100%;
	margin-bottom: 50px;
}

#howto_order p{
	text-align: center;
	padding: 5px 10px 15px 10px;
	font-size: 16px;
}

#howto_order img{
	width: 80%;
	margin: 0 auto;
	display: block;
}


.clear {
	clear: both;
}

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

	#howto_order div{
		width: 50%;
	}
	
	#how_to_order{
		text-align: right;
		margin:10px 8px 20px 0;
		font-size:80%;
	}
	
	#how_to_order a{
		color:#ED1C24;
	}
	
	

}