@charset "UTF-8";
/* CSS Document */

#container{
	width:100%;
margin-top: 5%;}

.btn_area{
	width: 851px;
	margin: 0 auto 5%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}


.btn{
	width: 49%;
}

.btn img{
	width: 100%;
}

.title{
	width: 851px;
	margin: 0 auto 3%;
}

.step{
	width: 851px;
	margin: 0 auto 5%;
}

.step img{
	margin-bottom: 5%;
}

.btn_back{
	width: 851px;
	margin: 0 auto 8%;
	text-align: center;
}

.ticket{
	width: 851px;
	margin: 0 auto 3%;
}

/***詳細簡易版***/
.shosai_small{
	width: 851px;
	margin: 0 auto;
}

.shosai_small img{
	margin-bottom: 3%;
}

/**アプリダウンロード**/
.app_dl {
	text-align:center;
	margin-bottom:5%;}

.app_dl p{
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 2%;
}
	
.app_dl ul{
	margin:0 auto;
	display: table;}
	
.app_dl li{
	display: table-cell;
	vertical-align:top;
	width:48%;}
	
.app_dl li img{
	width:95%;}

/**対象ショップ**/
#shop{
	width:100%;
	margin-bottom:6%;}
	
#shop ul {
	width: 800px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
	
@media screen and (min-width: 481px) {
.sp {display: none;}
}
	
@media screen and (max-width: 480px) {

.pc {display: none;}
	
.btn_area{
	width: 90%;
	margin: 0 auto 7%;}


.btn{
	width: 49%;
}

.btn img{
	width: 100%;
}

.title{
	width: 90%;
	margin: 0 auto 7%;
}

.step{
	width: 90%;
}
	
.ticket{
	width: 90%;
}


	
.btn_back{
	width: 90%;
}
	
	.btn_back img{
		width: 60%;
	}
	
/**対象ショップ**/
#shop{
	width:100%;
	margin-bottom:6%;}
	
#shop ul {
	width: 90%;
	
}

#shop li {
  width:32%;
}

#shop img{
	width:100%;}
	
/***詳細簡易版***/
.shosai_small{
	width: 90%;
}
	
/***画像サイズ***/
.title img,
.step img,
.ticket img,
.shosai_small img{
	width: 100%;}

}