@charset "Shift_JIS";
/* CSS Document */

/* reset */
*{margin:0; padding:0;}
h*,p,hr,ul,li,ol,img,form{margin:0; padding:0; border:0;}
img{border:0;}
ul li{list-style:none;}
address{font-style:normal;}

header,footer,section,nav,figure,article,hgroup,dialog,aside{margin:0; padding:0; display:block;}

/* 共通設定 */
body{font-size:12px; line-height:1.7em;
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
margin:0; padding:0; color:#fff; background:url(../images/body_bg.jpg) repeat-y 0 0 #000;}
body#index{background:url(../images/body_bg_index.jpg) repeat-y 0 0 #000;}
body #wrap{background:url(../images/bg_in.jpg) no-repeat 0 0;}

body#index #wrap{background:url(../images/bg.jpg) no-repeat 0 0; padding-bottom:100px;}

body#entry #wrap{background:url(../images/bg_e.jpg) no-repeat 0 0;}

a{color:#ff30a0;}
a:hover{color:#fff;}
a img{border:0;}
#wrap{width:900px; }

/* Header */
header{height:200px; position:relative;}
header .adult{height:50px; text-align:right; text-indent:100%; white-space:nowrap; overflow:hidden;}
header nav{height:49px;}
header nav ul{float:right;}
header nav li{display:block; height:49px; float:left;}
header nav li a{display:block; height:100%; background:url(../images/navi.gif) no-repeat 0 0; text-indent:100%; white-space:nowrap; overflow:hidden;}
header nav li#menu1 a{width:70px; background-position:-70px -48px;}
header nav li#menu2 a{width:70px; background-position:-146px -48px;}
header nav li#menu3 a{width:60px; background-position:-220px -48px;}
header nav li#menu4 a{width:100px; background-position:-280px -48px;}
header nav li#menu1 a:hover{width:70px; background-position:-70px 0;}
header nav li#menu2 a:hover{width:70px; background-position:-146px 0;}
header nav li#menu3 a:hover{width:60px; background-position:-220px 0;}
header nav li#menu4 a:hover{width:100px; background-position:-280px 0;}
header hgroup h2{float:left; text-indent:-9999px;}
header hgroup h1{position:absolute; top:100px; right:30px; width:320px; height:100px; text-indent:120%; overflow:hidden; white-space:nowrap;}
.logo-3ban header hgroup h1 {background:url(../images/logo-3ban.png) no-repeat 0 0;}
.logo-4ban header hgroup h1 {background:url(../images/logo-4ban.png) no-repeat 0 0;}
.logo-5ban header hgroup h1 {background:url(../images/logo-5ban.png) no-repeat 0 0;}
.logo-6ban header hgroup h1 {background:url(../images/logo-6ban.png) no-repeat 0 0;}
.logo-7ban header hgroup h1 {background:url(../images/logo-7ban.png) no-repeat 0 0;}
.logo-8ban header hgroup h1 {background:url(../images/logo-8ban.png) no-repeat 0 0;}
.logo-10ban header hgroup h1 {background:url(../images/logo-10ban.png) no-repeat 0 0;}


/* Contents */
#contents{float:right; width:550px;}
#entry #contents{float:right; width:550px; min-height:580px; _height:580px;}
.catch{height:450px; background:url(../images/catch.gif) no-repeat right 0; text-indent:100%; white-space:nowrap; overflow:hidden;}
.main{margin:25px 20px 0 60px;}
article h2{font-size:150%; margin-top:25px;}
article h3{font-size:130%; color:#ff0; margin-bottom:5px;}
article h4{font-size:110%;}
.main p{margin-bottom:20px;}
aside{float:left; width:350px;}

/* Aside */
aside section#entry{padding-top:50px;}
aside section#entry li{display:blcok; margin-bottom:30px;}
aside section#entry li a{display:block; height:101px; text-indent:100%; white-space:nowrap; overflow:hidden;}
li#male a{background:url(../images/entry0.jpg) no-repeat 0 0;}
li#female a{background:url(../images/entry1.jpg) no-repeat 0 0;}
li#male a:hover{background:url(../images/entry00.jpg) no-repeat 0 0;}
li#female a:hover{background:url(../images/entry11.jpg) no-repeat 0 0;}
aside section#qr{padding:20px;}
section#qr img{float:left;}
section#qr p{text-indent:120%; white-space:nowrap; overflow:hidden;}


/* Footer */
footer{text-align:center; margin:30px 0;}


/* PR banner */
#pr{margin:5px 0;}


/* Entry Form */
#entry h2{margin-bottom:10px;}
h3 span{font-weight:normal; font-size:80%;}
.entry_main section{border-bottom:1px solid #fff; margin-bottom:10px;}
.entry_main section:last-of-type{border:0;}

.play-check {
	padding: 10px 0;
}
.play-check label {display: inline-block;width: 24%;}
fieldset {border: 0;padding: 10px;}

/* ▼Don't Change parameter▼ */
label em{font-style:normal; position:relative; top:2px;}
input,textarea{padding:4px;}
input,textarea,select{border:1px solid #aaa; background-color:#fcfcfc; font-size:100%; font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
input:focus,textarea:focus,select:focus{border:1px solid #fc0; background-color:#fff;}
input[type="radio"]{vertical-align:middle; border:0; background:none;}
.text_l{width:260px;}
.text_m{width:180px;}
.text_s{width:90px;}
.ime_off{ime-mode:disabled;}
select{width:130px;}
label textarea{height:100px; max-width:360px; min-width:260px;}
/* ▲Don't Change parameter▲ */

.block{padding:5px 0;}
.block p{display:block; float:left; width:150px; text-align:right; margin-right:5px; padding:2px 0;}
p.msg{margin:5px 0 10px 155px; font-size:100%;}
p.alert{padding:10px 0; text-align:center;}
p span{color:#ff0;}
section.btn_row{text-align:center;}
button{width:80%; margin:0 auto; height:52px; border:2px solid #fff; background-color:#c00; color:#fff; font-size:150%;}
button:hover{background-color:#f00;}
p.error{display:block; color:red; width:100%; float:none; text-align:left; margin:0; padding:0 0 0 155px; clear:both;}

p.play-check span {
	color: #fff;
}
.juyo {font-size:100%; background:rgba(255,255,255,0.1); border:1px dotted #f00 !important; padding:8px !important; margin:8px 0; box-sizing:border-box;}
/* RulePopup */
body#rule_popup{background:#000;}
#rule_popup #wrap{width:100%; background:#000;}
#rule_popup article{width:100%;  background:#000;}
#rule_popup article .main{margin:10px;}
#rule_popup article h1{display:block; font-size:120%; color:#fff; background:#c00; padding:5px 15px;}
#rule_popup footer{height:80px;}


/* mother bar */
#mother{width:100%; height:40px; position:fixed; top:0; left:0; background:url(../images/mother_bg.png) repeat-x 0 0; border-bottom:1px solid #300;}
#mother h1{display:block; color:#fff; line-height:40px; text-indent:-9999px;}


/* campaign */
#campaign h3{color: #f4ba00;background: url(../images/i.gif) no-repeat 0 1px;padding-left: 20px;}
#campaign h4 {border:0; font-size:14px; color:#fff; text-indent:0; padding:10px 0 10px 20px;}
#campaign h5 {font-weight:normal; font-size:12px;color:#fff; padding:10px 0 10px 20px;}
#campaign p{padding:0 10px 0 20px;}
.cam_msg {font-size:11px; color:#aaa; padding:0;}
#campaign strong {font-weight:bold; color:#f00;}
.camMenu { margin-bottom:10px;padding-left:20px;}
.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:10px; left:20px; }
#campaign_btn a,#campaign_btn_entry a {width:106px; height:106px; display:block; background:url(../images/cam_btn.png) no-repeat 0 0; text-indent:120%; overflow:hidden; white-space:nowrap;}
#campaign_btn a:hover,#campaign_btn_entry a:hover {opacity:0.7;}

/* clearfix各バージョン */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* clearfix各バージョンここまで */