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

html,body {
  -webkit-text-size-adjust: none;
	width: 100%;
	height: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,img,form{
	margin:0;
	padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
img{
	border:none;
	max-width: 100%;
    height: auto;
	vertical-align: bottom;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
table th{
	font-weight:normal;
	vertical-align:top;
}
th td{
	vertical-align:top;
}
ol,ul{
	list-style:none;
}
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.8;
	font-size:12px;
	text-align:center;
	background: url(../img/bg.png);
}
table{
	font-size:1em;
}
h1,h2,h3,h4,h5{
	font-size:100%;
	font-weight:normal;
}
a{
	outline:none;
	text-decoration:none;
}

address{
  font-style:normal;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */

cf{
	zoom: 1;
}

span.fw{
	font-weight: bold;
}

span.orange{
	color: #FF6600;
}

span.red{
	color: #F00;
}

span.yellow{
	color: #FF0;
}

span.green{
	color: #008f03;
}


span.pink{
	color: #F0C;
}

span.blue{
	color: #00baff;
}

span.fs76{
	font-size: 76%;
}

.center{
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.attention{
	font-size: 80%;
	text-align: left;
	padding: 5px 10px 10px;
	color: #FFF;
}


.fs_d1{font-size:95%;}
.fs_d2{font-size:90%;}
.fs_d3{font-size:85%;}
.fs_d4{font-size:80%;}

.fs_u1{font-size:105%;}
.fs_u2{font-size:110%;}
.fs_u3{font-size:115%;}
.fs_u4{font-size:120%;}
.fs_u5{font-size:125%;}
.fs_u6{font-size:130%;}
.fs_u7{font-size:135%;}
.fs_u8{font-size:140%;}
.fs_u9{font-size:145%;}

.pl_1{padding-left:5px; display:block;}
.pl_2{padding-left:10px; display:block;}
.pl_3{padding-left:15px; display:block;}
.pl_4{padding-left:20px; display:block;}
.pl_5{padding-left:25px; display:block;}
.pl_6{padding-left:30px; display:block;}
.pl_7{padding-left:35px; display:block;}
.pl_8{padding-left:40px; display:block;}
.pl_9{padding-left:45px; display:block;}

.pr_1{padding-right:5px; display:block;}
.pr_2{padding-right:10px; display:block;}
.pr_3{padding-right:15px; display:block;}
.pr_4{padding-right:20px; display:block;}
.pr_5{padding-right:25px; display:block;}
.pr_6{padding-right:30px; display:block;}
.pr_7{padding-right:35px; display:block;}
.pr_8{padding-right:40px; display:block;}
.pr_9{padding-right:45px; display:block;}

.pt_1{padding-top:5px; display:block;}
.pt_2{padding-top:10px; display:block;}
.pt_3{padding-top:15px; display:block;}
.pt_4{padding-top:20px; display:block;}
.pt_5{padding-top:25px; display:block;}
.pt_6{padding-top:30px; display:block;}
.pt_7{padding-top:35px; display:block;}
.pt_8{padding-top:40px; display:block;}
.pt_9{padding-top:45px; display:block;}

.pb_1{padding-bottom:5px; display:block;}
.pb_2{padding-bottom:10px; display:block;}
.pb_3{padding-bottom:15px; display:block;}
.pb_4{padding-bottom:20px; display:block;}
.pb_5{padding-bottom:25px; display:block;}
.pb_6{padding-bottom:30px; display:block;}
.pb_7{padding-bottom:35px; display:block;}
.pb_8{padding-bottom:40px; display:block;}
.pb_9{padding-bottom:45px; display:block;}

.ps_1{padding-right:5px; padding-left:5px; display:block;}
.ps_2{padding-right:10px; padding-left:10px; display:block;}
.ps_3{padding-right:15px; padding-left:15px; display:block;}
.ps_4{padding-right:20px; padding-left:20px; display:block;}
.ps_5{padding-right:25px; padding-left:25px; display:block;}
.ps_6{padding-right:30px; padding-left:30px; display:block;}
.ps_7{padding-right:35px; padding-left:35px; display:block;}
.ps_8{padding-right:40px; padding-left:40px; display:block;}
.ps_9{padding-right:45px; padding-left:45px; display:block;}

.pa_0{padding:0px!important; display:block;}
.pa_1{padding:5px; display:block;}
.pa_2{padding:10px; display:block;}
.pa_3{padding:15px; display:block;}
.pa_4{padding:20px; display:block;}
.pa_5{padding:25px; display:block;}
.pa_6{padding:30px; display:block;}
.pa_7{padding:35px; display:block;}
.pa_8{padding:40px; display:block;}
.pa_9{padding:45px; display:block;}

.m_auto{margin-left:auto; margin-right:auto; display:block;}

.ml_1{margin-left:5px; display:block;}
.ml_2{margin-left:10px; display:block;}
.ml_3{margin-left:15px; display:block;}
.ml_4{margin-left:20px; display:block;}
.ml_5{margin-left:25px; display:block;}
.ml_6{margin-left:30px; display:block;}
.ml_7{margin-left:35px; display:block;}
.ml_8{margin-left:40px; display:block;}
.ml_9{margin-left:45px; display:block;}

.mr_1{margin-right:5px; display:block;}
.mr_2{margin-right:10px; display:block;}
.mr_3{margin-right:15px; display:block;}
.mr_4{margin-right:20px; display:block;}
.mr_5{margin-right:25px; display:block;}
.mr_6{margin-right:30px; display:block;}
.mr_7{margin-right:35px; display:block;}
.mr_8{margin-right:40px; display:block;}
.mr_9{margin-right:45px; display:block;}

.mt_1{margin-top:5px; display:block;}
.mt_2{margin-top:10px; display:block;}
.mt_3{margin-top:15px; display:block;}
.mt_4{margin-top:20px; display:block;}
.mt_5{margin-top:25px; display:block;}
.mt_6{margin-top:30px; display:block;}
.mt_7{margin-top:35px; display:block;}
.mt_8{margin-top:40px; display:block;}
.mt_9{margin-top:45px; display:block;}

.mb_1{margin-bottom:5px; display:block;}
.mb_2{margin-bottom:10px; display:block;}
.mb_3{margin-bottom:15px; display:block;}
.mb_4{margin-bottom:20px; display:block;}
.mb_5{margin-bottom:25px; display:block;}
.mb_6{margin-bottom:30px; display:block;}
.mb_7{margin-bottom:35px; display:block;}
.mb_8{margin-bottom:40px; display:block;}
.mb_9{margin-bottom:45px; display:block;}

.ms_1{margin-right:5px; margin-left:5px; display:block;}
.ms_2{margin-right:10px; margin-left:10px; display:block;}
.ms_3{margin-right:15px; margin-left:15px; display:block;}
.ms_4{margin-right:20px; margin-left:20px; display:block;}
.ms_5{margin-right:25px; margin-left:25px; display:block;}
.ms_6{margin-right:30px; margin-left:30px; display:block;}
.ms_7{margin-right:35px; margin-left:35px; display:block;}
.ms_8{margin-right:40px; margin-left:40px; display:block;}
.ms_9{margin-right:45px; margin-left:45px; display:block;}

.ma_0{margin:0px!important; display:block;}
.ma_1{margin:5px; display:block;}
.ma_2{margin:10px; display:block;}
.ma_3{margin:15px; display:block;}
.ma_4{margin:20px; display:block;}
.ma_5{margin:25px; display:block;}
.ma_6{margin:30px; display:block;}
.ma_7{margin:35px; display:block;}
.ma_8{margin:40px; display:block;}
.ma_9{margin:45px; display:block;}

.w_5{width:4.99%; overflow:hidden; box-sizing: border-box;}
.w_10{width:9.99%;overflow:hidden; box-sizing: border-box;}
.w_15{width:14.99%;overflow:hidden; box-sizing: border-box;}
.w_20{width:19.99%;overflow:hidden; box-sizing: border-box;}
.w_25{width:24.99%; overflow:hidden; box-sizing: border-box;}
.w_30{width:29.99%; overflow:hidden; box-sizing: border-box;}
.w_35{width:34.99%; overflow:hidden; box-sizing: border-box;}
.w_40{width:39.99%; overflow:hidden; box-sizing: border-box;}
.w_45{width:44.99%; overflow:hidden; box-sizing: border-box;}
.w_50{width:49.99%; overflow:hidden; box-sizing: border-box;}
.w_55{width:55%; overflow:hidden; box-sizing: border-box;}
.w_60{width:60%; overflow:hidden; box-sizing: border-box;}
.w_65{width:65%; overflow:hidden; box-sizing: border-box;}
.w_70{width:70%; overflow:hidden; box-sizing: border-box;}
.w_75{width:75%; overflow:hidden; box-sizing: border-box;}
.w_80{width:80%; overflow:hidden; box-sizing: border-box;}
.w_85{width:85%; overflow:hidden; box-sizing: border-box;}
.w_90{width:90%; overflow:hidden; box-sizing: border-box;}
.w_95{width:95%; overflow:hidden; box-sizing: border-box;}
.w_95{width:100%; overflow:hidden; box-sizing: border-box;}

.w_s3{width:33.333%; overflow:hidden; box-sizing: border-box;}
.w_s3_2{width:66.666%; overflow:hidden; box-sizing: border-box;}

.f_left{
	float: left;
}

.f_right{
	float: right;
}

.only_ios{
	display:none;
}

.other_ios{
	display:none;
}

.only_android{
	display:none;
}

.only_pc{
	display:none;
}

.hdn{
	text-align:center !important;
	width:100% !important;
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	z-index:-999 !important;
	visibility:hidden !important;
}


.abs{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

.rlv{
	position:relative;
	z-index:0;
}

.box{
	display: block;
	overflow: hidden;
}

.pict{
	width:80%;
	margin:0 auto;
	display: block;
}


/* Contents Styles
******************************************************************************************************************************************************************************************************/
h2{
	font-size: 140%;
	font-weight: bold;
	color:  #FFF;
	padding: 7px 10px;
		
	background: rgb(56,56,56); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(56,56,56,1) 0%, rgba(25,25,25,1) 26%, rgba(0,0,0,1) 51%, rgba(25,25,25,1) 83%, rgba(30,30,30,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,56,56,1)), color-stop(26%,rgba(25,25,25,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(83%,rgba(25,25,25,1)), color-stop(100%,rgba(30,30,30,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(56,56,56,1) 0%,rgba(25,25,25,1) 26%,rgba(0,0,0,1) 51%,rgba(25,25,25,1) 83%,rgba(30,30,30,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(56,56,56,1) 0%,rgba(25,25,25,1) 26%,rgba(0,0,0,1) 51%,rgba(25,25,25,1) 83%,rgba(30,30,30,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(56,56,56,1) 0%,rgba(25,25,25,1) 26%,rgba(0,0,0,1) 51%,rgba(25,25,25,1) 83%,rgba(30,30,30,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(56,56,56,1) 0%,rgba(25,25,25,1) 26%,rgba(0,0,0,1) 51%,rgba(25,25,25,1) 83%,rgba(30,30,30,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */

}

h2.mb{
	margin-bottom: 20px;
}

.content{
	max-width: 640px;
	margin: 0 auto;
}


/* Article 
******************************************************************************************************************************************************************************************************/

article {
	text-align: left;
	margin: 0 auto;
}


@media (max-height: 480px) {
	.w_ajust{
		width:100%;
		max-width: 640px;
		box-sizing: border-box;
		margin: 0 auto;
		display: block;
	}
}


article .block{
	padding: 10px;
	position: relative;
	background: #FFF;
}

h4{
	font-size: 100%;
	font-weight: bold;
	color:  #333;
	padding: 3px 7px;
	background: #f1f1f1;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#introduction{
	background: #FFF;
	border-radius: 10px;
	border: 2px solid #CCC;
	text-align: left;
}

article .block h3{
	width: 100%;
	background: #81c7e8; /* Old browsers */
	background: -moz-linear-gradient(top, #81c7e8 0%, #51b8e8 50%, #12a4e8 51%, #4bb6e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81c7e8), color-stop(50%,#51b8e8), color-stop(51%,#12a4e8), color-stop(100%,#4bb6e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #81c7e8 0%,#51b8e8 50%,#12a4e8 51%,#4bb6e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #81c7e8 0%,#51b8e8 50%,#12a4e8 51%,#4bb6e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #81c7e8 0%,#51b8e8 50%,#12a4e8 51%,#4bb6e9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #81c7e8 0%,#51b8e8 50%,#12a4e8 51%,#4bb6e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81c7e8', endColorstr='#4bb6e9',GradientType=0 ); /* IE6-9 */
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 3px 0;
	border-radius: 8px 8px 0 0;
	box-shadow: 0 1px 5px #CCC;
	text-shadow: 1px 1px 3px #999;
}

.full_block{
	min-width: 480px;
	max-width:960px;
	min-height: 320px;
	max-height:380px;
	background:#fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.under_box{
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: right;
}

.dummy{
	background-color: #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
}

.goldmember{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.link_caution{
	position: absolute;
	bottom: 2%;
	right: 2%;
	color: #fff;
	width:20%;
}


/* Footer Styles 
******************************************************************************************************************************************************************************************************/

footer{
	margin: 0 auto;
	text-align: center;
	background: #000;
	padding: 5px 0;
}