*{margin:0;padding:0;box-sizing: border-box;}
html{margin:0;padding:0;height:100%;}
header, footer, aside, nav, section,article,time,figure,label{display: block;}
h1,h2,h3,h4,h5{font-weight:normal;}
ul,ol{list-style:none;}
a{outline:none;text-decoration:none;transition:0.5s;transform-origin:center;}
a img{border:0;}
a {color:#9c3939;}
img{display:block;}
fieldset{border:0;}
.clear{margin:0;padding:0;height:0;clear:both;}
body{margin:0;padding:0;font-size:14px;background:#000;color:#fff;font-family:"Sawarabi Mincho",serif;font-weight:100;-webkit-text-size-adjust:100%;}
.wrap{margin:auto;width:100%;max-width:750px;}

/*Header
--------------------------------------------------------------------------------------------------------------*/
.top{padding:0 50px 0 0;height:50px;background:#222;position:fixed;top:0;left:0;right:0;z-index:3;box-shadow:0 2px 4px rgba(0,0,0,0.4);}
.top h1{height:50px;overflow:hidden;background-size:250px 50px;background-repeat:no-repeat;background-position:center top;}
.logo-3ban{background-image:url(../images/logo-y3ban.png);}
.logo-4ban{background-image:url(../images/logo-y4ban.png);}
.logo-5ban{background-image:url(../images/logo-y5ban.png);}
.logo-6ban{background-image:url(../images/logo-y6ban.png);}
.logo-7ban{background-image:url(../images/logo-y7ban.png);}
.logo-8ban{background-image:url(../images/logo-y8ban.png);}
.logo-10ban{background-image:url(../images/logo-y10ban.png);}

.top h1 a{height:50px;overflow:hidden;display:block;}
.top h1 span{padding:50px 0 0 0;display:block;}
.nav_btn{width:50px;height:50px;background:url(../images/bg_navbtn.png) no-repeat center top #600;background-size:50px;position:fixed;right:0;top:0;overflow:hidden;z-index:3;}
.nav_btn span{padding:50px 0 0 0;display:block;}

.gnav{width:100%;background:#600;position:fixed;top:50px;left:0;right:0;z-index:3;}
.gnav ul li{height:60px;text-align:center;box-shadow:0 -1px 0 rgba(0,0,0,0.2) inset;}
.gnav ul li a{display:block;line-height:60px;font-size:18px;color:#fff;}

.top_contents p{height:350px;background:url(../images/bg_top.jpg) no-repeat center top;background-size:750px 350px;overflow:hidden;}
.top_contents p span{padding:350px 0 0 0;display:block;}

.top_contents nav{padding:10px 10px 0 10px;} 
.regbtn{margin:0 auto;width:100%;max-width:730px;height:80px;display:block;background:url(../images/bg_regbtn.png) no-repeat center top;background-size:750px 80px;overflow:hidden;position:relative;border-radius:8px;border:2px solid #f7d76b;}
.regbtn span{margin:0 auto;width:300px;padding:80px 0 0 0;display:block;background:url(../images/regbtn_a.png) no-repeat center top;background-size:300px 80px;}
.regbtn:after{content:"";width:40px;height:80px;background:url(../images/regbtn_sub.png) no-repeat center top;background-size:40px 80px;display:block;position:absolute;right:0;top:0;z-index:2;}
.top_contents .regbtn span{background:url(../images/regbtn_a.png) no-repeat center top;background-size:300px 80px;}

/*Main
--------------------------------------------------------------------------------------------------------------*/
.contents{padding:10px;}
.heading{padding:0 0 10px 0;}
.heading h1{padding:20px 10px 24px 10px;line-height:20px;font-size:18px;
background: linear-gradient(to bottom, #222 0%,#111 100%);box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;position:relative;}
.heading h1:after{content:"";height:4px;background:#600;display:block;position:absolute;left:0;right:0;bottom:4px;}

#sec1 article{background:url(../images/bg_article.png) no-repeat right bottom;background-size:300px 260px;}
#sec1 figure img{width:100%;height:auto;}
#sec1 p{padding:10px;font-size:14px;line-height:20px;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);}

.intro{margin:0 0 10px 0;background:url(../images/bg_intro.jpg) no-repeat right top;background-size:cover;}
.intro p{padding:10px;ont-size:14px;line-height:20px;background:rgba(0,0,0,0.5);}

.step{padding:0 0 60px 0;position:relative;}
.step:after{content:"";margin:auto;width:0;
height:0;
border-style:solid;
border-width:20px 100px 0 100px;
border-color:#660000 transparent transparent transparent;
display:block;position:absolute;left:0;right:0;bottom:20px;}
.step:nth-last-child(1){padding:0;}
.step:nth-last-child(1):after{border:0;}

.step figure img{width:140px;height:140px;}
.step header{border-bottom:2px solid #fff;}
.step header h1{line-height:20px;font-size:16px;display:flex;align-items:stretch;}
.step header h1 span:nth-of-type(1){width:70px;font-size:16px;background:url(../images/bg_stephead.png) no-repeat 0 0 #fff;color:#333;flex-grow:0;flex-shrink:0;display:flex;text-align:center;align-items:center;justify-content:center;background-size:70px;}
.step header h1 span:nth-of-type(2){padding:10px;flex-basis:100px;flex-grow:1;flex-shrink:0;}
.step p{padding:10px;font-size:14px;line-height:20px;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);}
.step p img{margin:0 10px 10px 0;width:140px;height:140px;float:left;}
.step p:after{content:"";width:100%;height:0;display:block;clear:both;}

#sec3{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
#sec3 .heading{width:100%;flex-grow:0;flex-shrink:0;}
#sec3 article{margin:0 0 10px 0;padding:10px 0 0 0;background:rgba(255,255,255,0.2);position:relative;}
#sec3 article:nth-last-child(1){margin:0;}
#sec3 article figure img{margin:0 auto;width:220px;height:140px;}
#sec3 article header{border-bottom:2px solid #fff;border-top:2px solid #fff;text-align:center;}
#sec3 article header h1{padding:10px;line-height:20px;font-size:16px;text-align:center;}
#sec3 article p{padding:10px;font-size:14px;line-height:20px;}
#sec3 article aside p{font-size:14px;line-height:20px;text-align:center;}
#sec3 article nav{padding:0 10px 10px 10px;}
#sec3 article nav a{height:60px;line-height:60px;text-align:center;font-size:16px;text-align:center;background:url(../images/bg_userbtn.png);box-shadow:4px 4px 4px rgba(0,0,0,0.2);color:#fff;display:block;}
#sec3 article nav a:hover{opacity:0.8;box-shadow:0 0 0 rgba(0,0,0,0);}


#sec4 article{margin:0 0 10px 0;background:url(../images/bg_article.png) no-repeat right bottom;background-size:300px 260px;}
#sec4 article:nth-last-child(1){margin:0;}
#sec4 article header{border-bottom:2px solid #fff;}
#sec4 article header h1{padding:10px;line-height:20px;font-size:16px;}
#sec4 article p{padding:10px;font-size:14px;line-height:20px;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);}
#sec4 article p img{margin:0 10px 10px 0;width:140px;height:140px;float:left;}
#sec4 article p:after{content:"";width:100%;height:0;display:block;clear:both;}
#sec4 article figure{padding:10px 0;}
#sec4 article figure img{width:100%;height:auto;}

.contents p span{font-size:16px;position:relative;}
.ex1{color:#dec989;}
.ex2{color:#e77a7a;}

.btn_row{padding:20px 10px;}

.general{padding:60px 10px 10px 10px;}
.general article{padding:10px;text-align:left;position:relative;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);}
.general article:after{content:"";width:100%;height:100px;background:url(../images/bg_general_foot.png) no-repeat 0 0;position:absolute;bottom:0;left:0;z-index:-1;}
.general article h3{font-size:16px;line-height:40px;border-bottom:2px dotted #999;}
.general article p{padding:20px 0;}

/*Form
--------------------------------------------------------------------------------------------------------------*/
.form{margin:50px 0 0 0;max-width:750px;position:relative;}
.form .inner{margin:0;padding:0 0 10px 0;background:#222;}
.form fieldset{padding:10px 10px 0 10px;position:relative;}
.form fieldset label{width:120px;height:40px;line-height:40px;font-size:12px;text-align:center;position:absolute;top:15px;left:10px;background:#600;color:#fff;}
.form fieldset p{padding:5px 0 0 120px;color:#fff;}
.form fieldset p span{font-family:sans-serif;}
.form .error{margin:5px 0 0 0;padding:5px;text-align:center;background:#ffe5e5;color:#f33;}
.form input[type="text"],.form input[type="password"],.form textarea,.form select
{padding:10px;width:100%;font-size:14px;line-height:18px;color:#666;border:1px solid #999;-webkit-appearance:none;border-radius:0;}
.form textarea{height:120px;}
.form select{background:url(../images/icon_select.png) no-repeat right #fff;background-size:25px;}
.form p span{padding:10px 5px;line-height:20px;float:left; font-size:14px;}
.form p.alert span{float:none;}
.form section{padding:10px;}
.regular-radio{display:none;}
.form fieldset p .regular-radio + label{margin:2px;padding:10px;width:36px;height:36px;line-height:0;border-radius:50%;-webkit-appearance:none;background-color:#fafafa;border:1px solid #ddd;display:inline-block;position:relative;float:left;top:0;left:0;}
.regular-radio:checked + label:after{content:' ';width:20px;height:20px;border-radius:50%;position:absolute;top:7px;left:7px;background:#99a1a7;}
.entery_btn{padding:10px;}
.entery_btn button{margin:0 auto;padding:0;width:100%;height:60px;line-height:60px;display:block;border:0;background:#600;border-radius:8px;box-shadow:1px 1px 1px rgba(0,0,0,0.2);cursor:pointer;}
.entery_btn button span{display:block;font-size:24px;color:#fff;}
.form .msg,.alert{padding:10px;text-wrap:suppress;}

.form p a{color:#9c3939;}
.form input[type="text"].qtr{width:50%;float:left;}
.entery_btn p{padding:0 0 10px 0;}

.juyo { background:rgba(255,0,0,0.1); border:1px dotted #f00 !important; padding:8px !important; box-sizing:border-box;}
.form .msg span,.form .juyo span{float:none; padding:0;}
.form .juyo{margin:10px 10px 0;}

/* M's form */
.form fieldset .play-check label{
	width: auto;
    text-align: left;
    padding: 0 0 0 10px;
    position: static;
    background: none;
    display: block;
}
.form p.play-check span{
	float: none;
}


#popup{padding:10px;background:#333;}
#popup article{padding:0;background:#000;}
#popup header{padding:0;}
#popup header h1{padding:0 10px;height:50px;line-height:50px;background:#600;font-size:16px;color:#fff;}
#popup article h3{padding:10px;color:#900;line-height:30px;}
#popup article p{padding:10px;line-height:18px;color:#fff;}

/*Footer
--------------------------------------------------------------------------------------------------------------*/
#footer{padding:0;clear:both;position:relative;}
#footer small{padding:20px 0;font-size:14px;line-height:20px;color:#dec989;background:url(../images/icon_u19.png) no-repeat left;background-size:60px 60px;text-align:center;display:block;clear:both;}

/* campaign */
#campaign h4 {border:0; font-size:14px; color:#fff; text-indent:0; padding:10px 0 10px 10px;}
#campaign h5 {font-weight:normal; font-size:12px;color:#fff; padding:10px 0 10px 10px;}
#campaign p{padding:0 10px 0 10px;}
.cam_msg {font-size:11px; color:#aaa; padding:0;}
#campaign strong {font-weight:bold; color:#f00;}
.camMenu { margin-bottom:10px;padding-left:10px;}
.camMenu dt { font-weight:bold; font-size:16px; margin:5px 0;}
.camMenu dt:before{content:"Бе"; color:#714769;}
.camMenu dd {margin-bottom:10px;}
.camMenu table {border-collapse:collapse; width:270px; color:#000;}
.camMenu table th{text-align:center; background:#ccc; width:90px; border:1px solid #aaa;}
.camMenu table td{text-align:right; width:90px; background:#fff; border:1px solid #aaa; padding-right:10px; box-sizing:border-box;}
.camMenu table tr td:last-child{background:#ff0;}

#campaign_btn,#campaign_btn_entry {position:absolute; top:55px; right:0; z-index:2;}
#campaign_btn a,#campaign_btn_entry a {width:70px; height:70px; display:block; background:url(../images/cam_btn.png) no-repeat 0 0; text-indent:120%; overflow:hidden; white-space:nowrap; background-size:contain;}