*{margin:0;padding:0;box-sizing:border-box;}
html{margin:0;padding:0;}
body {margin:0;padding:0;font-size:14px;background:#fff;color:#736056;font-family:Helvetica,Arial, Roboto, �gDroid Sans�h,�g�q���M�m�p�S ProN W3��,"Hiragino Kaku Gothic ProN",sans-serif;-webkit-text-size-adjust:100%;}
.splash{background:url(../images/bg_top.jpg) no-repeat center top #fff;}
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,button,input[type="submit"]{outline:none;text-decoration:none;transition:0.5s;cursor:pointer;}
a img{border:0;}
fieldset{border:0;}
input:not([type=checkbox]),select,textarea{appearance:none;border-radius:0;}
.clear{margin:0;padding:0;height:0;clear:both;}
.wrap{margin:0;padding:0;text-align:left;background:#fff;position:relative;}

/*Header
--------------------------------------------------------------------------------------------------------------*/
#top{width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 10%,#8e2c30 70%),url(../images/bg_top.jpg) no-repeat center top ;background-size:500px 400px;text-align:center;}
#top .inner{margin:0;}
#top  header{padding:0;height:300px;overflow:hidden;position:relative;}
#top h1{padding:300px 0 0 0;background-size:300px auto;background-position:center 70px;background-repeat:no-repeat;}
#top .logo{background-image:url(../images/logo.png);}
#top .logo-3ban{background-image:url(../images/logo-3ban.png);}
#top .logo-4ban{background-image:url(../images/logo-4ban.png);}
#top .logo-5ban{background-image:url(../images/logo-5ban.png);}
#top .logo-6ban{background-image:url(../images/logo-6ban.png);}
#top .logo-7ban{background-image:url(../images/logo-7ban.png);}
#top .logo-8ban{background-image:url(../images/logo-8ban.png);}
#top .logo-10ban{background-image:url(../images/logo-10ban.png);}
#top h1 a,#top h1 span{padding:140px 0 0 0;display:block;}

#top .regbtn{margin:0;padding:10px;}
.regbtn a{margin:0 auto;width:300px;height:80px;display:block;background:url(../images/btn_regbtn.png) no-repeat 0 0;color:#fff;text-align:center;font-size:18px;overflow:hidden;box-shadow:2px 2px 2px rgba(0,0,0,0.2);background-size:300px 80px;}
.regbtn a span{padding:100px 0 0 0;display:block;}
.regbtn a:hover{opacity:0.6;}

/*Contents
--------------------------------------------------------------------------------------------------------------*/
.contents{padding:10px 0 0 0;}
.heading{margin:0 0 10px 0;padding:2px 0;background:linear-gradient(to right, #b7873a 0%,#fff9c0 50%,#b7873a 100%);clear:both;}
.heading h1{height:50px;line-height:50px;font-size:18px;text-align:center;color:#9c3939;font-family:"Sawarabi Mincho";
background-image:url(../images/bg_heading_l.png),url(../images/bg_heading_r.png);
background-repeat:no-repeat,no-repeat;
background-position:left top,right top;
background-size:150px 50px,150px 50px;
background-color:#fff;}
.btn_row{padding:20px 0;text-align:center;clear:both;}
.btn_row a,.btn_row button{margin:0 auto;width:370px;height:60px;line-height:60px;font-size:24px;}

/*general
--------------------------------------------------------------------------------------------------------------*/
.general {padding:0 10px 10px 10px;}
.general article{padding:10px;background:linear-gradient(to right, #f7f6ed 0%,#fcfcfa 50%,#f7f6ed 100%);box-shadow:1px 1px 0 #f7f6ed inset,-1px -1px 0 #f7f6ed inset;}
.general article h3{padding:0;line-height:30px;color:#9c3939;border-bottom:1px solid #9c3939;}
.general article p{padding:10px 0;font-size:14px;line-height:20px;}
.faq article h3 span{font-size:24px;font-family: "Sawarabi Mincho";}
.faq article p span{font-size:24px;font-family: "Sawarabi Mincho";}

/*TopPlay
--------------------------------------------------------------------------------------------------------------*/
.top_play {padding:0 10px;}
.top_play article{padding:0 0 10px 0;position:relative;}
.top_play article figure{height:120px;background-size:cover;background-position:center;}
.top_play article p{font-size:14px;line-height:20px;}
.top_play article a{display:block;}
.top_play article nav span{width:100%;height:40px;line-height:40px;text-align:center;display:block;background:linear-gradient(to right, #b7873a 0%,#fff9c0 50%,#b7873a 100%);color:#805020;box-shadow:0 -1px 0 #b7873a inset;position:relative;}
.top_play article nav span:after{margin:auto;height:0;content:"";border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #805020;position:absolute;display:block;left:8px;top:0;bottom:0;}
.top_play article div{background:linear-gradient(to right, #f7f6ed 0%,#fcfcfa 50%,#f7f6ed 100%);box-shadow:1px 1px 0 #f7f6ed inset,-1px -1px 0 #f7f6ed inset;position:relative;overflow:hidden;}
.top_play article header{width:100%;position:absolute;left:0;z-index:9;top:80px;}
.top_play article header h2{height:40px;line-height:40px;font-size:16px;color:#f4f0d0;background:rgba(102,0,0,0.75);text-align:center;}

/*Play
--------------------------------------------------------------------------------------------------------------*/
.play {padding:0 10px;}
.play article{padding:0 0 10px 0;}
.play article div{padding:0 0 0 50%;background:linear-gradient(to right, #f7f6ed 0%,#fcfcfa 50%,#f7f6ed 100%);box-shadow:1px 1px 0 #f7f6ed inset,-1px -1px 0 #f7f6ed inset;position:relative;overflow:hidden;position:relative;z-index:0;}
.play article div:after{content:"";width:90px;height:90px;position:absolute;right:0;bottom:0;background-size:90px;z-index:-1;}
.play article:nth-of-type(1) div:after{background-image:url(../images/play_step01.png);}
.play article:nth-of-type(2) div:after{background-image:url(../images/play_step02.png);}
.play article:nth-of-type(3) div:after{background-image:url(../images/play_step03.png);}
.play article:nth-of-type(4) div:after{background-image:url(../images/play_step04.png);}
.play article:nth-of-type(5) div:after{background-image:url(../images/play_step05.png);}
.play article:nth-of-type(6) div:after{background-image:url(../images/play_step06.png);}
.play article:nth-of-type(7) div:after{background-image:url(../images/play_step07.png);}
.play article:nth-of-type(8) div:after{background-image:url(../images/play_step08.png);}
.play article:nth-of-type(9) div:after{background-image:url(../images/play_step09.png);}
.play article:nth-of-type(10) div:after{background-image:url(../images/play_step10.png);}
.play article figure{width:50%;height:100%;position:absolute;left:0;top:0;bottom:0;background-size:cover;background-position:center;}
.play article h3{padding:10px;color:#9c3939;font-size:16px;line-height:24px;}
.play article p{padding:0 10px 10px 10px;font-size:14px;line-height:20px;z-index:999;}
.intro{padding:0 0 10px 0;}
.intro header{width:100%;height:220px;position:relative;background-size:cover;background-position:center;}
.intro header h2{width:100%;height:40px;line-height:40px;font-size:20px;color:#f4f0d0;background:rgba(102,0,0,0.75);text-align:center;position:absolute;bottom:0;left:0;right:0;}

/*Voice
--------------------------------------------------------------------------------------------------------------*/
.voice {padding:0 10px;}
.voice article{padding:0 0 10px 0;}
.voice article div{padding:0 0 0 110px;position:relative;overflow:hidden;position:relative;z-index:0;}
.voice article figure{width:100px;height:100px;position:absolute;left:0;top:0;background-size:cover;background-position:center;}
.voice article h3{padding:10px 0;width:100px;text-align:center;color:#9c3939;font-size:14px;line-height:24px;position:absolute;left:0;top:100px;}
.voice article p{padding:10px;font-size:14px;line-height:20px;z-index:999;background:linear-gradient(to right, #f7f6ed 0%,#fcfcfa 50%,#f7f6ed 100%);box-shadow:1px 1px 0 #f7f6ed inset,-1px -1px 0 #f7f6ed inset;}
.voice article p:after{margin:auto;height:0;content:"";border-style:solid;border-width:10px 16px 10px 0;border-color:transparent #f7f6ed transparent transparent ;position:absolute;display:block;left:100px;top:20px;}
.voice article p img{margin:0 0 10px 10px;width:100px;float:right;}

.regbtn_l{padding:0 0 10px 0;clear:both;}
.regbtn_l a{margin:0 auto;width:300px;height:80px;display:block;background:url(../images/btn_regbtn_l.png) no-repeat 0 0;color:#fff;text-align:center;font-size:18px;overflow:hidden;box-shadow:2px 2px 2px rgba(0,0,0,0.2);background-size:300px 80px;}
.regbtn_l a span{padding:100px 0 0 0;display:block;}

/*Form
--------------------------------------------------------------------------------------------------------------*/
.form{margin:0;padding:10px 0 0 0;}
.form .heading{margin:0 10px;}
.form fieldset{padding:10px 10px 0 10px;position:relative;}
.form fieldset label{width:120px;height:40px;line-height:40px;background:#9c3939;color:#fff;text-align:center;position:absolute;top:15px;left:10px;}
.form fieldset p{padding:5px 0 0 120px;}
.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 #ddd;-webkit-appearance:none;border-radius:0;}
.form textarea{height:120px;}
.form select{background:url(../images/icon_select.png) no-repeat right #fff;background-size:40px 40px;}
.form p span{padding:10px;line-height:20px;float:left;}
.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 0;}
.entery_btn button{margin:0 auto;padding:4px;display:block;background:linear-gradient(to right, #b7873a 0%,#fff9c0 25%,#b7873a 50%,#fff9c0 75%,#b7873a 100%);overflow:hidden;cursor:pointer;color:#fff;border:0;font-family:"Sawarabi Mincho";position:relative;box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.entery_btn button span{margin:0;padding:0;width:300px;height:60px;line-height:60px;font-size:28px;display:block;background:linear-gradient(to right, #b7873a 0%,#fff9c0 50%,#b7873a 100%);color:#805020;display:block;border:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1) inset,1px 1px 1px rgba(255,255,255,0.1);}
.entery_btn button:after{margin:auto;height:0;content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #805020;position:absolute;display:block;left:20px;top:0;bottom:0;}

.form fieldset .play-check label{
	width: auto;
	padding-left: 10px;
	position: static;
	background: none;
	color: #736056;
	text-align: left;
}
.form fieldset .play-check label span{
    padding-left: 5px;
	font-size: 14px;
    float: none;
}

.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 10px 10px;}

.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;}

.entry_user{margin:0;padding:10px;}
.entry_user div{padding:0 10px 0 100px;position:relative;background:linear-gradient(to right, #f7f6ed 0%,#fcfcfa 50%,#f7f6ed 100%);box-shadow:1px 1px 0 #f7f6ed inset,-1px -1px 0 #f7f6ed inset;}
.entry_user figure{width:80px;height:80px;position:absolute;left:10px;top:10px;bottom:0;background-size:cover;}
.entry_user header{padding:10px 0;}
.entry_user header h3{margin:0;padding:0;line-height:20px;font-size:14px;border:0;color:#736056;}
.entry_user header p{margin:0;padding:0;line-height:20px;}
.entry_user header span{margin:0 5px 0 0;padding:0;font-size:12px;color:#999;clear:both;float:none;}
.entry_user p{margin:0;padding:0 0 10px 0;line-height:20px;}
.user_alert{margin:0 10px;padding:10px 0;line-height:20px;font-size:12px;color:#9c3939;text-align:center;border-top:2px solid #9c3939;border-bottom:2px solid #9c3939;}

#popup{padding:10px;background:#7b052f;}
#popup article{padding:0;background:#fff;}
#popup article header{padding:0;}
#popup article header h1{padding:0 10px;height:50px;line-height:50px;background:#5b052f;font-size:16px;color:#fff;}
#popup article h3{padding:10px;color:#7b052f;line-height:30px;}
#popup article p{padding:10px;line-height:18px;} 

/*SideBar
--------------------------------------------------------------------------------------------------------------*/
.side_user{padding:0 10px 10px 10px;}
.side_user .slider{padding:0;position:relative;}
.side_user article{margin:0;padding:0 5px;opacity:0.5;}
.side_user .slick-current{opacity:1.0;}
.side_user article div{padding:0;background:linear-gradient(to right, #f7f6ed 0%,#fcfcfa 50%,#f7f6ed 100%);box-shadow:1px 1px 0 #f7f6ed inset,-1px -1px 0 #f7f6ed inset;}
.side_user article div a{display:block;}
.side_user article figure{width:100%;height:180px;background-size:cover;}
.side_user article header{padding:10px;text-align:center;}
.side_user article header h3{line-height:20px;font-size:16px;color:#736056;}
.side_user article header p{padding:0;line-height:20px;font-size:16px;}
.side_user article header span{margin:0 5px 0 0;font-size:12px;color:#999;}
.side_user article p{padding:0 10px 10px 10px;line-height:20px;color:#736056;}
.side_user article nav span{width:100%;height:30px;line-height:30px;text-align:center;display:block;background:linear-gradient(to right, #600 0%,#900 50%,#600 100%);color:#fff;box-shadow:0 -1px 0 #600 inset;}
.side_user article nav span:after{margin:auto;height:0;content:"";border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff;position:absolute;display:block;left:8px;top:0;bottom:0;}

.slick-arrow{padding:320px 0 0 0;height:320px;width:40px;display:block;border:0;appearance:none;position:absolute;top:0;overflow:hidden;border-radius:0;background:none;z-index:9;}
.slick-arrow:after{width:40px;height:40px;line-height:40px;font-size:18px;font-family:arial,sans-serif;color:#999;position:absolute;top:140px;display:block;background:#fff;border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,0.2);}
.slick-prev{left:2px;}
.slick-prev:after{content:"◀︎︎";}
.slick-next{right:2px;}
.slick-next:after{content:"▶︎";}
.slick-disabled{background:rgba(255,255,255,0.2);}
.slick-disabled:after{color:#eee;}

.side_head{margin:0 0 10px 0;padding:2px 0;background:linear-gradient(to right, #b7873a 0%,#fff9c0 25%,#b7873a 50%,#fff9c0 75%,#b7873a 100%);}
.side_head h1{padding:10px 0;font-size:18px;line-height:20px;text-align:center;color:#805020;background:#fff;}
.side_head h1 span{line-height:14px;font-size:12px;display:block;}

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

.gnav{padding:0;}
.gnav li{padding:0 0 2px 0;background:linear-gradient(to right, #b7873a 0%,#fff9c0 25%,#b7873a 50%,#fff9c0 75%,#b7873a 100%);}
.gnav a{padding:0;height:38px;line-height:38px;display:block;background:linear-gradient(to right, #b7873a 0%,#fff9c0 50%,#b7873a 100%);color:#805020;font-size:16px;text-align:center;border-right:10px solid #864b0f;}
.gnav .play_nav{transition:none;}
.gnav .play_list{width:100%;background:#555;}
.gnav .play_list li{width:100%;padding:1px 0 0 0;}
.gnav .play_list li a{width:100%;background:#864b0f;color:#f4f0d0;}

.lpprtitle {background:#600 !important; color:#fff;}
.lpprbox {background:none !important;}

#mother h1 {background-position: center center; line-height: 40px; text-indent: 120%; overflow: hidden; white-space: nowrap;}

/* campaign */
#campaign h4 {border:0; font-size:14px; color:#8e2c30; text-indent:0; padding:10px 0 10px 10px;}
#campaign h5 {font-weight:normal; font-size:12px;color:#8e2c30; 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:100%; 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:20px; right:10px; }
#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;}