@charset "utf-8";
/* INITIALIZE
2014.8.10 Reset CSS including HTML5 tags (with box-sizing to border-box)
Masayuki Fukumoto (OSSI Inc.)
==================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,button,input,select,textarea{
margin:0;padding:0; border:0; font-size:100%; /*background:transparent;*/ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{
display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
pre,code,kbd,samp{font-family:monospace,monospace; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
sup{vertical-align:text-top; font-size:75%;}
sub{vertical-align:text-bottom; font-size:75%;}
small{font-size:85%;}
input,textarea,select{vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit;}
a{outline:none;}
audio:not([controls]){display:none;}
time{display:inline;}
[hidden]{display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{
padding:0; border:0;}
i{font-style:normal;}
button,input[type=submit],input[type=button],input[type=reset]{cursor:pointer;}
.btn_submit{
	display: block;
	border: 3px double #FFFFFF;
	background: #ff9933;
	font-size: 25px;
	text-shadow: none;
	color: #ffffff;
	width: 300px;
	margin: 25px auto;
	padding: 5px;
	text-align:center;
}
/* base
=========================================== */
body{background:#ffffff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:15px;}
button,
input,
textarea{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:15px;}
a{color:#f3899f; text-decoration:underline;}
a:visited{color:#f3899f; text-decoration:underline;}
a:hover{color:#f3899f; text-decoration:none;}

/* common 
============================================ */

/* top
============================================ */
.topPrimary{height:449px;}
#front{height:600px; position:absolute; top:57px; z-index:3; width:100%;}
#front .inner{background:url(../img/topPrimary.png) no-repeat center top; position:relative; height:600px;}
#front .inner h1,#front .inner p{width:100%; text-indent:101%; white-space:nowrap; overflow:hidden;}
.topSpecial{background:rgba(234,43,43,0.85);}
.topSpecial .inner{background:url(../img/topSpecial.png) no-repeat center top; height:480px; position:relative; top:-53px;}
{width:100%; text-indent:101%; white-space:nowrap; overflow:hidden;}
.topMembers{background:url(../img/topMembersBg.png) no-repeat center top; height:515px;}
.topMembers .inner{background:url(../img/topMembers.png) no-repeat center top; height:555px; position:relative; top:-40px;}
.topSpecial .inner h1,.topSpecial .inner h2,.topSpecial .inner h3,.topSpecial .inner p,.topSpecial .inner ol,.topMembers .inner h1,.topMembers .inner ol,.prizes h1{width:100%; text-indent:101%; white-space:nowrap; overflow:hidden;}
/* faq, terms, privacy and form 
============================================ */

section.faq,
section.terms,
section.privacy,
section.form{width:90%;max-width:850px; margin:0 auto; /*padding-bottom:70px;*/}
section.form p.hissu {text-align:right; font-weight:bold; color:#f3899f; margin-bottom:-15px;}
section.form.member{padding:70px 0 100px;}
section.form.member p{text-align:center;}
section.form.member p strong,
section.form.member p em{color:#f3899f;}
section.faq dl{margin:20px 0 0; line-height:1.5;}
section.faq dl dt{font-weight:bold;}
section.faq dl dt:before{content:"・";}
section.faq dl dd{text-indent:1em; margin-bottom:1.5em;}
section.faq dl dd ol{margin:.5em 0 1em 1.5em; padding-left:0;}
section.faq dl dd ol li{margin-left:0; text-indent:0;}
section.faq strong{color:#f3899f;}
section.terms h2,section.terms h3{font-weight:bold; margin-top:1.5em;}
section.terms ol li{list-style:decimal; list-style-position:inside;}
section.terms ul li{list-style:disc; list-style-position:inside; margin-left:0.25em;}
section.terms ol + p {padding-top:1.5em;}
section.privacy ol li{list-style:decimal; list-style-position:inside; margin-bottom:1.5em;}
body.form .prizes p.regist{background:url(../img/sprite.png) no-repeat 0 -300px;}
.prizes p.regist button{display:block; width:510px; height:100px; text-indent:101%; white-space:nowrap; overflow:hidden; background:url(../img/sprite.png) no-repeat 0 -400px; opacity:0; transition:all .4s ease;}
.prizes p.regist button:hover{opacity:1;}
.prizes p.regist button:disabled{opacity:1; background-position:0 -500px;}
.prizes p.regist button:disabled:hover{}

body.form .prizes p.regist2{width:510px; height:100px; margin:0 auto 45px; background:url(../img/sprite.png) no-repeat 0 -1fedee1px;}
.prizes p.regist2 button{display:block; width:510px; height:100px; text-indent:101%; white-space:nowrap; overflow:hidden; background:url(../img/sprite.png) no-repeat 0 -1100px; opacity:0; transition:all .4s ease;}
.prizes p.regist2 button:hover{opacity:1;}
.prizes p.regist2 button:disabled{opacity:1; background-position:0 -1200px;}
.prizes p.regist2 button:disabled:hover{}

body.form .prizes p.conf{background:url(../img/sprite.png) no-repeat 0 -660px;}
.prizes p.conf button{display:block; width:510px; height:100px; text-indent:101%; white-space:nowrap; overflow:hidden; background:url(../img/sprite.png) no-repeat 0 -760px; opacity:0;}
.prizes p.conf button:hover{opacity:1; transition:opacity .4s ease;}
.prizes p.conf button:disabled{opacity:1; background-position:0 -860px;}
.prizes p.conf button:disabled:hover{}

section.form table{margin:20px 0 40px; width:100%;}
section.form table th{border:2px #fedee1 solid; padding:8px 15px; font-size:17px; background:#f3899f; color:#fff;}
section.form.member table th{width:290px;}
section.form table th em{font-size:14px;}
section.form table th span{font-size:12px;}
section.form table td{border:2px #fedee1 solid; padding:8px 25px; font-size:17px; background:#fff;}
section.form table td input[type=text],
section.form table td input[type=password],
section.form table td input[type=email],
section.form table td input[type=tel],
section.form table td textarea{width:450px; border:1px #fedee1 solid; box-shadow:2px 2px 5px rgba(0,0,0,.2) inset; padding:2px 5px;}
section.form.member table td input[type=text]{width:290px;}
section.form.member table td input[type=password]{width:290px;}

section.form table td select{border:1px #fedee1 solid; box-shadow:2px 2px 5px rgba(0,0,0,.2) inset; padding:2px 5px;}
section.form table td input[type=text].name{width:150px;}
section.form table td input[type=text].nickname{width:300px;}
section.form table td input[type=text].birthYear{width:90px;}
section.form table td input[type=text].birthMonth,
section.form table td input[type=text].birthDay{width:40px;}
section.form table td input[type=text].zip{width:78px;}
.iOS section.form table td input[type=text]{font-size:16px !important;}
section.form table td input[type=radio]{width:20px; height:20px;}
section.form table td input[type=text].ken{width:196px;}
section.form table td label{margin-right:20px;}
table.conf th {width:36%;}
.disclaimer h2{font-size:22px; font-weight:bold;}
.disclaimer h2:before{content:'＜'}
.disclaimer h2:after{content:'＞'}
.disclaimer ul{list-style:disc; margin-left:1.5em; line-height:1.6;}
.prizes p.check {text-align:center; margin:-30px 0 30px; font-size:17px;}
.prizes p.check input{width:20px; height:20px;}
.prizes p.check a{color:#fedee1;}
.prizes p.check a:hover {color:#f3899f;}
.btns{text-align:center;}
.btns button{width:260px; height:60px; margin:0 5px; border-width:5px; border-style:solid; font-size:20px; font-weight:bold; transition:all .2s ease;}
.btns button[type=submit]{border-color:#f3899f;
background: linear-gradient(to bottom,  #ffffff 0%,#d5d5d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=0 );}
.btns button[type=button]{background:#eee; border-color:#999; color:#666;}
.btns button:hover{opacity:.6;}

}


