@charset "UTF-8";
body{background-color: #efefef;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;
}
#headbar{
width:auto;
border-bottom: 1px solid #ccc;
background-color:#08a5f6;
text-align:center;
color:#fff;
text-shadow:none;
height:45px;
line-height:45px;
}


/*PC*/
@media(min-width:520px){
	body.ua_other #headbar{
		height:49px;
		line-height:49px;
	}
	body.ua_other #headbar h1{
		font-size: 218.1%;
		/*font-size: 24px;*/
	}
}
#main{
width:auto;margin: 0;
border-top: 1px solid #fff;
background-color: #efefef;
}
#main.wallpaper{border-top: none;}

/* -- 一覧ページのタブナビゲーション -- */
.nav-tab{
	overflow: hidden;
	position: relative;
	}
.tab{
	float: left;
	position:relative;
	left:50%;
	margin: 0;
	padding: 0;}

.tab li{
	background:#fff;
	color:#08a5f6;
	border:solid 2px #08a5f6;
	list-style:none;
	padding:0.3em 1.5em;
	margin-top:20px;
	float:left;
	position: relative;
	left: -50%;
	line-height:1.2em;
	font-size:150%;
	}

 .tab li.select{
	background:#08a5f6;
	color:#fff;
	}
 .content section{
	background:#eee;
	}
 .hide {
	display:none;
	}
	
/*PC*/
@media(min-width:520px){
	body.ua_other .tab li{
		font-size:200%;
		padding:0.3em 2em;
		}
}



	
/* -- 一覧ページ -- */

#campaign_list {padding: 10px 1% 0;width:98%;}
#campaign_list:after{
	content:"";
	display: block;
	clear:both;float:none;
	height:0px;
}
.campaign_list_i{width:50%;float:left;}
.campaign_list_i > .inner{
	width:144px;
	margin: 0 auto 10px;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.2);
	overflow:hidden;
	position: relative;
}
.campaign_list_i .inner .image{
	width:144px;
	height:100px;
	border-bottom: 1px solid #d1d1d1;
	background-size:144px 100px;
}
.campaign_list_i .inner .image.noimg{background:url(/sp/campaign/img/list_img_def.gif) no-repeat 0 0;}
.campaign_list_i .inner .image img{width:144px;height:100px;}
#campaign_list .campaign_list_i .inner .title{
	background-image:none;
	padding: 9px 0;
	margin: 0;
	text-align:center;
	font-size: 109%;
}
#campaign_list .campaign_list_i .inner .term{
	color: #999;
	font-size: 81.8%;
	padding: 0 6px 10px;
}
.campaign_list_i .inner .tag{
	width:28px;height:28px;
	position: absolute;
	right:0;bottom:0;
}

/* Android系 360px(1080pxの) */
@media screen and (min-width:321px) and (max-width:360px){
	#campaign_list{margin-top: 20px;}
	.campaign_list_i > .inner{
		width:162px;
		border-radius: 3px;
		margin-bottom: 10px;
	}
	.campaign_list_i .inner .image{
		width:162px;
		height:112px;
		background-size:162px 112px;
	}
	.campaign_list_i .inner .image img{width:162px;height:112px;}
	#campaign_list .campaign_list_i .inner .title{padding: 12px 0;font-size: 120%;}
	#campaign_list .campaign_list_i .inner .term{padding: 0 8px 12px;font-size: 90%;}
	.campaign_list_i .inner .tag{width:30px;height:30px;}

}

/* Android系 360px(1080pxのdevicePixelRatio:3) */
@media screen and (min-width:321px) and (max-width:360px){
	#campaign_list{margin-top: 20px;}
	.campaign_list_i > .inner{
		width:162px;
		border-radius: 3px;
		margin-bottom: 10px;
	}
	.campaign_list_i .inner .image{
		width:162px;
		height:112px;
		background-size:162px 112px;
	}
	.campaign_list_i .inner .image img{width:162px;height:112px;}
	#campaign_list .campaign_list_i .inner .title{padding: 12px 0;font-size: 120%;}
	#campaign_list .campaign_list_i .inner .term{padding: 0 8px 12px;font-size: 90%;}
	.campaign_list_i .inner .tag{width:30px;height:30px;}

}

/* Android系 540px(1080pxのdevicePixelRatio:2) */
@media screen and (min-width:520px) and (max-width:642px){
	#campaign_list{margin-top: 20px;}
	.campaign_list_i > .inner{
		width:230px;
		border-radius: 5px;
		margin-bottom: 15px;
	}
	.campaign_list_i .inner .image{
		width:230px;
		height:160px;
		background-size:230px 160px;
	}
	.campaign_list_i .inner .image img{width:230px;height:160px;}
	#campaign_list .campaign_list_i .inner .title{padding: 18px 0;font-size: 180%;}
	#campaign_list .campaign_list_i .inner .term{padding: 0 12px 20px;font-size: 110%;}
	.campaign_list_i .inner .tag{width:40px;height:40px;}

}



/* pcと1000pxまでの端末 */
@media screen and (min-width:643px) and (max-width:999px){
	#campaign_list{margin-top: 20px;}
	.campaign_list_i > .inner{
		width:288px;
		border-radius: 6px;
		margin-bottom: 20px;
	}
	.campaign_list_i .inner .image{
		width:288px;
		height:200px;
		background-size:288px 200px;
	}
	.campaign_list_i .inner .image img{width:288px;height:200px;}
	#campaign_list .campaign_list_i .inner .title{padding: 18px 0;font-size: 227%;}
	#campaign_list .campaign_list_i .inner .term{padding: 0 12px 20px;font-size: 163.6%;}
	.campaign_list_i .inner .tag{width:56px;height:56px;}

}

/*高解像度FHD*/
@media screen and (min-width: 1000px){
	#campaign_list{margin-top: 40px;}
	.campaign_list_i > .inner{
		width:450px;
		border-radius: 12px;
		margin-bottom: 40px;
	}
	.campaign_list_i .inner .image{
		width:450px;
		height:312px;
		background-size:480px 333px;
	}
	.campaign_list_i .inner .image img{width:450px;height:312px;}
	#campaign_list .campaign_list_i .inner .title{padding: 36px 0;font-size: 280%;}
	#campaign_list .campaign_list_i .inner .term{padding: 0 24px 40px;font-size: 200%;}
	.campaign_list_i .inner .tag{width:112px;height:112px;}

}



/* -- 詳細ページ -- */
#main .campaign_box{
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	padding: 10px 10px 15px;
}
#main .campaign_box.bottom{border-bottom: none;}

#main .campaign_box h2{
	font-size: 145.4%; /*font-size: 16px;*/
	margin-bottom: 10px;
}
#main .campaign_box h2.imgtitle{
	text-align:center;
	background-image: none;
}
#main .campaign_box h2 span{border-left: 5px solid #00ccfd;padding-left: 9px;}
#main .campaign_box .txt{font-size: 118.1%;/*font-size: 13px; */padding-bottom: 17px;}
#main .campaign_box .num{list-style: none}
#main .campaign_box .num li{
    text-indent: -1.6em;
    margin-left: 1.6em;
    margin-bottom: 0.2em;
}
.btns_dl{padding-top: 4px;padding-bottom: 4px;}
.btns_dl a{display: none;margin: 0 auto 13px;width:211px;height:39px;}
body.ua_a .campaign_box .btns_dl a.googleplay,
body.ua_a .campaign_box .btns_dl a.ausp,
body.ua_i .campaign_box .btns_dl a.appstore
{display: block;}
.btn_box{text-align:center;padding-top: 20px;}
.campaign_box.backlist{display: none;}
#wallpaper_box p{margin: 0 0 25px;}

.indent{
padding-left:1em;
text-indent:-1em;
padding-bottom:0 !important;
}

/* pc */
@media(min-width:643px){
	body.ua_other .campaign_box{
		border-bottom: none;
		padding: 20px 20px 30px;
	}

	body.ua_other #main .campaign_box h2{
		font-size: 200%; /*font-size: 22px;*/
		margin-bottom: 20px;
	}
	body.ua_other .campaign_box .txt{font-size: 145.4%;/*font-size: 16px; */padding-bottom: 36px;}
	/* body.ua_** に変更したほうが正しいかも */
	body.ua_other .campaign_box.nowplay{display: none;}
	body.ua_other .campaign_box.backlist{display: block;}
	body.ua_other .campaign_sv{display: none;}
	body.ua_other #wallpaper_box p{margin: 0 0 50px;}
}

/* かぐや姫 */
.campaign_box.kaguya{background:url(/scan/kaguya/img/kaguya_bg.jpg) repeat top center;background-size:25%;}
/* エラーページ */
.error_page{padding:15px;}
.error_page p{font-size:150%;text-align:center;background-color: #eee;border: 1px solid #ccc;padding: 15px;}