@charset "UTF-8";


.onairBox{
}
.onairBox:before{
	content:"";
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	z-index: 2;
	background: url(../img/common/bg_5.png) center 100% no-repeat;
	background-size: 100%;
}
.onairBoxInner{
	padding: 10px 2.5vw 80px 2.5vw;
	position: relative;
	z-index: 3;
}

.onairSection1{
	border: #000 1.3vw solid;
	border-top: none;
	margin-top: -33vw;
	padding: 35vw 10px 15% 10px;
	background: 
		#bfd986 url(../img/common/bg_2.png) 0 100% repeat-x;
	background-size: 11px;
	position: relative;
}
.onairSection1 p{ 
	margin-top: 20px;
}
.onairSection1 p img{ 
	margin: auto;
}

.onairTit1{
	padding-top: 20px;
	text-align: center;
	width: 100vw;
	position: relative;
	z-index: 4;
}
.onairTit1 img{
	width: 100%;
}


.txt_haishin{
	display; block;
	width:96%;
	margin: 0 auto;
	padding: 10% 0 5% 0;
	position: relative;
	text-align:left;
}

.txt_haishin h3{
	display; block;
	width:100%;
	height: auto;
	margin:2% 0 1% 0;
}

.txt_haishin p.cap{
	display; block;
	width:100%;
	height: auto;
	margin: 0;
	font-size:0.9em;
	padding-left:0.9em;
	text-indent:-0.9em;
}

ul.shoplist{
	display: block;
	width: 98%;
	margin: 0 auto;
	padding: 0 0 3% 0;
	text-align :left;
}

.shoplist li{
	display: inline-block;
	width:48%;
	margin: 2px  2px 5px 0;
	padding: 0.25% ;
	font-size:0.8em;
	text-align:center;
	background: rgba(255,255,255,0.5);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


.shoplist a{ display: block; width:100%; height:100%;}

.li_wide{	width:58%;}
.li_sml{	width:38%;}

.shoplist span{white-space: nowrap;padding: 4px;}

@media screen and (max-width: 320px) {
ul.shoplist{
	display: block;
	width: 90%;
	margin: 5px auto;
	padding: 0 0 3% 0;
	text-align :left;
}
 .shoplist li{
	display: block;
	width:80%;
	margin: 0 auto 6px auto;
	padding: 1px ;
	font-size:0.8em;
	text-align:center;
	background: rgba(255,255,255,0.5);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
 }
 .shoplist span{white-space: nowrap;padding: 2px;}
 }

.txt_haishin img.haishin_txt{
	display; block;
	width:100%;
	max-width:560px;
}





