@charset "UTF-8";



h5.blue-bar{padding:3%; background:#03C; color:#fff; margin:5% 0; text-align:center;}

h5.red-bar{padding:3%; background:#C00; color:#fff; margin:5% 0; text-align:center;}



#master{

	width:100%;

	background: #000 repeat-y;

	background-size:100% auto;

	color:#FFF;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 15px;

	padding-left: 0;

}



#master h1{

	width:310px;

	height:190px;

	background:url(images/site_id.png) no-repeat;

	background-size:310px 183px;

	text-indent:-9999px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

.h1_back {

	background: url(images/h1_back.jpg) no-repeat center;

	height: 190px;

	width: 100%;

	-moz-background-size:cover;

	background-size:cover;

}







.intro{

	width:90%;

	text-align:center;

	margin:0 auto 25px;

	padding:15px 0px;

	/*background: url(images/intro_back.png) repeat-y center;*/

	background: #ce9c29;

background: -moz-linear-gradient(left, #ce9c29 0%, #f0ff7f 50%, #ce9c29 100%);

background: -webkit-linear-gradient(left, #ce9c29 0%,#f0ff7f 50%,#ce9c29 100%);

background: linear-gradient(to right, #ce9c29 0%,#f0ff7f 50%,#ce9c29 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce9c29', endColorstr='#ce9c29',GradientType=1 );

}





.intro h2{

	width:100%;

	text-align:center;

	font-size:24px;

	color: #E8518F;

	font-weight:bold;

	text-shadow: 0 1px 1px #000;

}



.intro p{

	width:85%;

	font-size:15px;

	text-align:left;

	margin:15px auto 5px;

	color:#000;

	font-weight:bold;

	line-height:1.3;

}











.under_text_link{

	margin-top:25px;

	text-align:center;

}



.under_text_link a{

	color:#FFF;

	font-weight:bold;

}



.copyright{

	margin:15px 0 0;

	color:#FFF;

	text-align:center;

	font-size:75%;

}





.contents_box{

	width:80%;

	margin:0 auto 15px;

	padding:5%;

	background:#FFF;

	color:#000;

}



.contents_box h3{

	margin-bottom:10px;

	padding:8px 0;

	text-align:center;

	font-size:110%;

	background:#F30;

	color:#FFF;

	line-height:1.4;

	font-weight:bold;

}



.contents_text{

	font-size:90%;

	line-height:1.4;

}



.attention{

	width:90%;

	margin:10px auto 0;

	padding:5%;

	background:#FF0;

	font-size:80%;

	color:#F00;

	line-height:1.4;

	font-weight:bold;

	border:#c00 solid 1px;

}



.attention li{

	margin-bottom:6px;

}



.yellow{

	color:#FF0;

}





.app_pr {

	width: 100%;

	text-align: center;

	padding: 10px 0px;

}







/* privilege */





/* registration */



.under_attention{

	width:80%;

	margin:10px auto 0;

	padding:5%;

	background:#C00;

	font-size:80%;

	color:#FFF;

	line-height:1.4;

}



.under_attention h3{

	text-align:center;

	font-size:130%;

	color:#FF0;

	font-weight:bold;

	margin-bottom:15px;

}



.under_attention p{

	margin-bottom:10px;

	text-indent:-1em;

	margin-left:12px;

}



.under_attention .orangebox{

	width:85%;

	margin:0 auto 10px;

	padding:15px;

	background:#FC6;

	text-indent:0;

	border-radius: 10px;

	color:#333;

}





a.google {

    width:216px;

	height:100px;

	background: url(images/google_btn.png) no-repeat;

	-webkit-background-size: 216px 100px;

	background-size: 216px 100px;

	display:block;

	text-indent:-9999px;

	margin:10px auto 20px 15px;

}



a.apple {

	width:216px;

	height:100px;

	background: url(images/apple_btn.png) no-repeat;

	-webkit-background-size: 216px 100px;

	background-size: 216px 100px;

	display:block;

	text-indent:-9999px;

	margin: 0px auto 10px 15px;

}





.touroku_info{

	width:90%;

	margin:10px auto 0;

	padding:5%;

	background: #CFF;

	font-size:80%;

	color:#000;

	line-height:1.4;

}



.touroku_info h3 {

	font-size: 16px;

	text-align: center;

	color: #F00;

	font-weight: bold;

	background: #FF0;

}



.touroku_info li{

	margin-left:14px;

	margin-bottom:6px;

	text-indent:-1em;

}









/* point */



/* original */



.goods_attention{

	width:95%;

	margin:10px auto 0;

	padding:5%;

	font-size:80%;

	color:#F00;

	line-height:1.4;

}



.goods_attention li{

	margin-bottom:6px;

	text-indent:-1em;

}



.under_goodsinfo{

	width:80%;

	margin:10px auto 0;

	padding:5%;

	background:#369;

	font-size:80%;

	color:#FFF;

	line-height:1.4;

}



.under_goodsinfo h3{

	text-align:center;

	font-size:130%;

	color:#FF0;

	font-weight:bold;

	margin-bottom:15px;

}



.under_goodsinfo p{

	margin-bottom:10px;

	text-indent:-1em;

	margin-left:12px;

}



.under_goodsinfo .yellow{

	font-weight:bold;

}



/* fqa */



.sp_attention{

	width:80%;

	text-align:center;

	margin:15px auto;

	padding:5%;

	background:#fff;

	font-size:90%;

	color:#F00;

	line-height:1.4;

	font-weight:bold;

}



.sp_attention a.btn{

	width:80%;

	margin:15px auto;

	text-align:center;

	display: block;

	padding:15px 0;

	color: #fff;

	text-decoration: none;

	text-shadow: 0 1px 1px #C00;

	border-radius: 10px;

	font-weight:bold;

	background: #e22092 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F00), to(#C00));

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);

	border-bottom: 1px solid rgba(0,0,0,0.25);

}





/* rule */



.under_attention dl dt{

	font-size:110%;

	font-weight:bold;

}



.under_attention dl dd{

	padding-left:10px;

	margin:5px 0 15px;

}







/* アコーディオン */



.faq_list dl.acordion{ width:90%; margin:0 auto 15px;}

.faq_list dt.trigger {

	background: #e22092 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd700), to(#b8860b));

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);

	text-align:left;

	padding:10px;

	color:#FFF;

	font-weight:bold;

	line-height:1.4;

}



.faq_list dt.active{

	background: #F60;

}



.faq_list dt.trigger span.open-close {

	background:url(images/plus.png) no-repeat right top;

	background-size:18px 18px;

	float:right;

	width:20px;

	text-indent: -9999em;

	padding-top:4px;

}



.faq_list dt.active span.open-close {

	background:url(images/none.png) no-repeat right top;

	background-size:18px 18px;

	float:right;

	width:20px;

	height:20px;

}



.faq_list dd.acordion_tree{

	padding:10px;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#F0F0F0));

	border-top:none;

}



.faq_list .contents_text{

	font-size:90%;

	line-height:1.4;

	color:#000;

	padding:5px 10px;

}



.faq_list .attention{

	width:90%;

	margin:10px auto 0;

	padding:5%;

	background:#C00;

	font-size:80%;

	color:#FFF;

	line-height:1.4;

}



.faq_list .attention li{

	margin-left:14px;

	margin-bottom:6px;

	text-indent:-1em;

}









/* お詫び告知 */



a.owabi {

	color: #000;

}



.owabi_attention{

	width:80%;

	margin:10px auto 0;

	padding:5%;

	background:#fff;

	font-size:80%;

	color:#000;

	line-height:1.4;

}









/* アプリ登場 */





.contents_app_box{

	width:80%;

	margin:0 auto 15px;

	padding:5%;

	background:#FFF;

	color:#000;

}





.contents_app_box h3{

	margin-bottom:10px;

	padding:2.5% 0 2.5%;

	text-align:center;

	font-size:18px;

	background: #ea6100;

	color:#FFF;

	font-weight:bold;

}





/* マスタークーポン */



.coupon_back {

	background: #FFF;

	text-align: center;

}



.service {

	text-align: center;

	color: #F20;

	font-size: 150%;

	font-weight: bold;

	line-height: 1.4;

}



.coupon_info {

	font-size: 120%;

	text-align: left;

	width: 90%;

	margin: 20px auto 10px;

	line-height: 1.4;

}



.coupon_attention {

	font-size: 100%;

	text-align: left;

	width: 90%;

	margin: 10px auto 20px;

	line-height: 1.4;

	}





.point_check_title {

	font-weight:bold;

	font-size:130%;

	line-height: 1.4;

	}





.atte_title{

	padding:8px 0;

	margin-bottom:10px;

	text-align:center;

	font-size:110%;

	background:#000;

	color:#FFF;

	line-height:1.4;

	font-weight:bold;

}



.contents_gamen_box p{margin-bottom:3%;}