/* LP用CSS */
@charset "utf-8";

article{
	width:100% !important;	
	float:none;
}

#lpArea{
	background:#FFCC00;
	width:100%;
	padding-bottom:1px;
}

#lpArea #lpImg img{
	width:100%;
	height:auto;
}

#lpArea #lpBtn{
	margin-top:10px;
	text-align:center;	
}


#lpArea div.clearfix:after{
	content:".";
	display:block;
	clear:both;
	visibility: hidden;
	height:0;
}

#lpArea div.clearfix{
	zoom:1;
}


/*SP用
-----------------------------------------*/
@media screen and (max-width:568px){
	#lpBtn img{
		width:80%;
		height:auto;
	}

/*けんさくーぽん追加*/
	.topArea{
		margin:0;
		padding-top:15px;
	}

	.ttl_bg{
		background-image: url(../images/ttl_bg.gif);
		background-repeat: repeat-x;
		padding:8px 0;
		text-align:center;
		color:#FFF;
		font-size:14px;
		margin:5px 10px 0 10px;
	}

	.ttl_bg2{
		background-image: url(../images/ttl_bg.gif);
		background-repeat: repeat-x;
		padding:5px 15px;
		text-align:center;
		color:#FFF;
		font-size:12px;
		margin:0 10px;
		line-height:115%;
	}

	.coupon{
		width:85%;
		padding:0;
		margin-top:15px;
		margin-bottom:15px;
		margin-left:auto;
		margin-right:auto;
	}

	.coupon a:hover img{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		background: #fff;
	}

	.box{
		background:#FFF;
		padding:10px 0;
		margin:0 10px 20px 10px;
	}

	.couponAtt{
		margin:10px 0;
		padding:0 15px;
	}

	.couponAtt ul{
		list-style-type:disc;
		margin:0;
		padding:0;
	}

	.couponAtt ul li{
		margin:0 0 3px 10px;
		padding:0;
		font-size:12px;
	}

	.bnArea{
		width:93%;
		padding:0;
		margin-top:10px;
		margin-bottom:5px;
		margin-left:auto;
		margin-right:auto;
	}

	.bnArea a:hover img{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		background: #fff;
	}

	.column1{
		width: 80%;
		margin:15px auto;
	}

	.column{
		width: 100%;
		margin: 0 auto 15px auto;
	}

	.column2L{
		float: none;
		margin:10px auto 25px auto;
		width: 254px;
	}

	.column2L a:hover img{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		background: #fff;
	}

	.app_txt{
		margin:0 20px 10px 20px;
		border:2px solid red;
	}

	.app_txt p{
		font-size:12px;
		font-weight:bold;
		padding:8px;
		text-align:left;
		line-height:135%;
	}

}

/*PC用
------------------------------------------*/
@media screen and (min-width:569px){

	#lpBtn img{
		width:auto;
		height:auto;
	}

	#lpBtn a:hover img{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		background: #fff;
	}


/*けんさくーぽん追加*/
	.topArea{
		margin:0;
		padding-top:35px;
	}

	.ttl_bg{
		background-image: url(../images/ttl_bg.gif);
		background-repeat: repeat-x;
		padding:13px 0;
		text-align:center;
		color:#FFF;
		font-size:20px;
		margin:10px 50px 0 50px;
	}

	.ttl_bg2{
		background-image: url(../images/ttl_bg.gif);
		background-repeat: repeat-x;
		padding:13px 0;
		text-align:center;
		color:#FFF;
		font-size:20px;
		margin:0 50px;
	}

	.box{
		background:#FFF;
		padding:10px 0;
		margin:0 50px 50px 50px;
	}

	.coupon{
		width:50%;
		padding:10px 0;
		margin-top:15px;
		margin-bottom:15px;
		margin-left:auto;
		margin-right:auto;
	}

	.coupon a:hover img{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		background: #fff;
	}

	.couponAtt{
		margin:10px 0;
		padding:0 30px;
	}

	.couponAtt ul{
		list-style-type:disc;
		margin:0;
		padding:0;
	}

	.couponAtt ul li{
		margin:0 0 3px 10px;
		padding:0;
		font-size:14px;
	}

	.bnArea{
		width:88%;
		padding:0;
		margin-top:15px;
		margin-bottom:15px;
		margin-left:auto;
		margin-right:auto;
	}

	.bnArea a:hover img{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		background: #fff;
	}

	.column1{
		width:264px;
		margin:15px auto 25px auto;
	}

	.column{
		margin: 0 0 30px 130px;
		width:auto;
		display:inline-block;
	}

	.column2L{
		float: left;
		width: 254px;
		margin:0 20px 0 20px;
		text-align:center;
	}

	.column2L img{
		width: 260px;
	}

	.app_txt{
		margin:10px 80px 30px 80px;
		border:2px solid red;
	}

	.app_txt p{
		font-size:15px;
		padding:10px 0;
		text-align:center;
		line-height:135%;
	}

}