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

/* reset */
*{margin:0; padding:0;}
h1,h2,h3,h4,h5,p,hr,ul,li,ol,img,form{margin:0; padding:0; border:0;}
img{border:0;}
ul li{list-style:none;}

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

/* ‹€’ʐݒθ */
html{height:100%;}
body{font-size:12px; line-height:1.4em;
font-family:'ƒƒCƒŠƒI',Meiryo,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
margin:0; padding:0; color:#333; background:#1c0e00; position:relative; overflow:hidden; visibility:hidden;}
body#entryform{visibility:visible; background-color: transparent; overflow:auto;}
a{color:#00cc00; text-decoration:none;}
a:hover{color:#db0000; text-decoration:underline;}
.signup,button{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}

/* Header */



/* Container */
.container{top:0; left:0; width:100%; position:absolute; z-index:1;}
#sale .container{padding-top:40px;}
.stageBase{width:100%; position:relative; overflow:hidden;}
.stageBase .fieldWrap{height:100%;}
#master{background:url(../images/top_bg.jpg) no-repeat center top;}
#white,#whiteEntry{background:#fff8ef; color:#333;}
#black,#blackEntry{background:#1c0e00; color:#fff;}
#white .fieldWrap,#black .fieldWrap{padding:10px 30px 10px 30px;}

.stageSlide{position:relative; overflow:hidden; visibility:hidden;}
.stageSlide .slideWrap{top:0; left:0; position:absolute; overflow:hidden;}
.stageSlide .slideWrap:before,.stageSlide .slideWrap:after{content:" "; display:table;}
.stageSlide .slideWrap:after{clear:both;}
.stageSlide .slideWrap{*zoom:1;}
.stageSlide .slidePanel{float:left; overflow:hidden; position:relative;}
.stageSlide .sdPrev,.stageSlide .sdNext{margin-top:-15px; top:50%; width:33px; height:33px; display:block; position:absolute; z-index:99; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; color:#fff;}
.stageSlide .sdPrev{left:5px; background:url(../images/toleft.png) no-repeat 0 0 rgba(100,100,100,0.8); background-size:33px 33px; -moz-background-size:33px 33px; -webkit-background-size:33px 33px;}
.stageSlide .sdNext{right:5px; background:url(../images/toright.png) no-repeat 0 0 rgba(100,100,100,0.8); background-size:33px 33px; -moz-background-size:33px 33px; -webkit-background-size:33px 33px; }

.stageSlide .slideNav{bottom:10px; left:0; width:100%; height:10px; text-align:center; position:absolute; z-index:98;}
.stageSlide .slideNav a{margin:0 5px; width:10px; height:10px; background:transparent url(../images/pagenavi.png) no-repeat center center; display:none; overflow:hidden;}
.stageSlide .slideNav a.pnActive {background:transparent url(../images/page_active.png) no-repeat center center;}

#pageNav{top:0; right:10px; width:10px; text-align:center; position:fixed; z-index:2; padding-top:60px;}
#pageNav ul{width:15px; display:none;}
#pageNav ul li{padding-bottom:5px; width:10px; height:10px; display:block; overflow:hidden;}
#pageNav ul li a{width:10px; height:10px; background:transparent url(../images/pagenavi.png) no-repeat center center; display:block;}
#pageNav ul li.activeStage a{background:transparent url(../images/page_active.png) no-repeat center center;}

#pageDown{bottom:0; left:0; width:100%; height:40px; text-align:center; position:fixed; overflow:hidden; z-index:3;}
#pageDown a{margin:0 auto; width:30px; height:30px; background:#333; display:block;}


/* toppage */
article{height:100%;}
#master header{position:absolute; top:50%; height:50px; margin-top:-25px; width:100%;}
#master header h1{display:block; width:230px; height:100%; margin:0 auto; background:transparent url(../images/top_logo.png) no-repeat center center; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
#sale #master header h1{background:transparent url(../images/top_logo_sa.png) no-repeat center center; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
header h1 a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
#master article h1{position:absolute; top:50%; margin-top:-50px; color:#000; display:block; text-align:center; width:100%; font-family:'ƒqƒ‰ƒMƒm–Ύ’© Pro','ƒqƒ‰ƒMƒm–Ύ’© ProN W6','HiraMinProN','‚l‚r –Ύ’©',serif; font-size:16px;}
.which{height:100%;}
.whiteside{background:url(../images/white_side.jpg) no-repeat right top #fff8ef; background-size:auto 100%; -moz-background-size:auto 100%; -webkit-background-size:auto 100%; height:50%;}
.blackside{background:url(../images/black_side.jpg) no-repeat left top #1c0e00; background-size:auto 100%; -moz-background-size:auto 100%; -webkit-background-size:auto 100%; height:50%;}
.whiteside .inner,.blackside .inner{height:100%;}
.whiteside a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap; background:transparent url(../images/to_white.png) no-repeat left center; background-size:auto 100%; -moz-background-size:auto 100%; -webkit-background-size:auto 100%;}
.blackside a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap; background:transparent url(../images/to_black.png) no-repeat right center; background-size:auto 100%; -moz-background-size:auto 100%; -webkit-background-size:auto 100%;}
#master footer{position:absolute; bottom:0; right:0;}

#black header h1{display:block; width:230px; height:50px; margin:0 auto; background:url(../images/black_logo.png) no-repeat center top; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
#white header h1{display:block; width:230px; height:50px; margin:0 auto; background:url(../images/white_logo.png) no-repeat center top; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
#sale #black header h1,.sale #black header h1{background:url(../images/black_logo_sa.png) no-repeat center top; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
#sale #white header h1,.sale #white header h1{background:url(../images/white_logo_sa.png) no-repeat center top; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}

.wrap h1{font-family:'ƒqƒ‰ƒMƒm–Ύ’© Pro','ƒqƒ‰ƒMƒm–Ύ’© ProN W6','HiraMinProN','‚l‚r –Ύ’©',serif; font-size:16px; display:block; text-align:center; padding:5px 0;}
.wrap h2{font-family:'ƒqƒ‰ƒMƒm–Ύ’© Pro','ƒqƒ‰ƒMƒm–Ύ’© ProN W6','HiraMinProN','‚l‚r –Ύ’©',serif; font-size:14px; display:block; color:#ff0054; padding:10px 0;}
#black .wrap h2{color:#ff6600}
#white .wrap h2:first-letter{font-size:16px; display:inline-block; background:#ff0054; color:#fff; padding:2px 5px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
#black .wrap h2:first-letter{font-size:16px; display:inline-block; background:#ff6600; color:#000; padding:2px 5px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.wrap h3{font-size:12px; font-weight:normal; display:block; margin:5px 0; color:#ff0054;}
#black .wrap h3{color:#ff6600}
.wrap p{margin-bottom:10px;}


.toleft,.toright{position:absolute; top:50%; margin-top:20px; color:#fff; font-size:8px; color:#aaa;}
.toleft{left:5px;}
.toright{right:5px;}
.torule,.tofaq{margin-top:-15px; top:50%; width:33px; height:33px; display:block; position:absolute; z-index:99; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; color:#fff;}
.totop{margin-top:-15px; top:50%; width:33px; height:33px; display:block; position:fixed; z-index:99; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; color:#fff;}
.torule,.whiteFaq .totop,.blackFaq .totop, .totrade{right:5px; background:url(../images/toright.png) no-repeat 0 0 rgba(100,100,100,0.8); background-size:33px 33px; -moz-background-size:33px 33px; -webkit-background-size:33px 33px;}
.tofaq,.whiteRule .totop,.blackRule .totop{left:5px; background:url(../images/toleft.png) no-repeat 0 0 rgba(100,100,100,0.8); background-size:33px 33px; -moz-background-size:33px 33px; -webkit-background-size:33px 33px; }
.torule a,.tofaq a,.totop a, .totrade a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.totrade{margin-top:-15px; top:50%; width:33px; height:33px; display:block; position:fixed; z-index:99; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; color:#fff;}

.whiteTop{background:url(../images/white_top.jpg) no-repeat left top #fffcf7; background-size:70% auto; -moz-background-size:70% auto; -webkit-background-size:70% auto;}
.blackTop{background:url(../images/black_top.jpg) no-repeat right top; background-size:70% auto; -moz-background-size:70% auto; -webkit-background-size:70% auto;}
.whiteRule,.whiteFaq{background:url(../images/white_other.jpg) no-repeat left top #fff8ef; background-size:auto 100%; -moz-background-size:auto 100%; -webkit-background-size:auto 100%; background-attachment: fixed;}
.blackRule,.blackFaq{background:url(../images/black_other.jpg) no-repeat right top; background-size:auto 100%; -moz-background-size:auto 100%; -webkit-background-size:auto 100%; background-attachment: fixed;}
.whiteTop .fWrap,.whiteRule .fWrap,.whiteFaq .fWrap,#whiteEntry .fieldWrap{background:rgba(255,252,247,0.6); padding:10px 30px; }
.blackTop .fWrap,.blackRule .fWrap,.blackFaq .fWrap,#blackEntry .fieldWrap{background:rgba(28,14,0,0.6); padding:10px 30px; }
#whiteEntry .fieldWrap,#blackEntry .fieldWrap{padding:10px 0;}
#whiteEntry{background:url(../images/white_entry.jpg) no-repeat right top #fff8ef; background-size:auto 100%; -moz-background-size:auto 100%; -webkit-background-size:auto 100%; background-attachment: fixed;}
#blackEntry{background:url(../images/black_entry.jpg) no-repeat right top #1c0e00; background-size:auto 100%; -moz-background-size:auto 100%; -webkit-background-size:auto 100%; background-attachment: fixed;}

.regist{display:block; width:96%; max-width:300px; margin:0 auto;}
.regist a{display:block; font-size:16px; padding:7px 0; border:1px solid rgba(255,255,255,0.2); overflow:hidden;
border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:center; font-weight:bold; color:#fff;
text-decoration:none;
background:url(../images/btn_highlight.png) no-repeat center center, -moz-linear-gradient(left, rgba(255,255,255,0.2), rgba(0,0,0,0.2)) #666; background:url(../images/btn_highlight.png) no-repeat center center, -webkit-gradient(linear, left top, right bottom, from(rgba(255,255,255,0.2)), to(rgba(0,0,0,0.2))) #666;
white-space:nowrap;  background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%;}


/* footer */
footer address{font-size:10px; font-style:normal; color:#fff;}



/* Entry Form */
#blackEntry header h1{display:block; width:230px; height:50px; margin:0 auto; background:url(../images/black_logo.png) no-repeat center top; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
#whiteEntry header h1{display:block; width:230px; height:50px; margin:0 auto; background:url(../images/white_logo.png) no-repeat center top; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
.sale #blackEntry header h1{background:url(../images/black_logo_sa.png) no-repeat center top; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
.sale #whiteEntry header h1{background:url(../images/white_logo_sa.png) no-repeat center top; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}

#blackEntry .wrap,#whiteEntry .wrap{padding:0 10px;}

label em{font-style:normal; position:relative; top:2px;}
input,textarea,select{border:0; background-color:#fff; font-size:20px; font-family:'ƒƒCƒŠƒI',Meiryo,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN',sans-serif; padding:5px; margin-bottom:5px;}
input[type="radio"]{vertical-align:baseline; border:0; background:none; margin-right:3px;}
input[type="radio"]:checked{background-color:#b6e000;}
.ime_off{ime-mode:disabled;}
label textarea{height:100px; min-width:50%;}
.block{padding:0 0 10px 0;}
.e-white .block p{color:#ff0054;}
.e-black .block p{color:#ff6600;}
.block p span{color:#f00;}
.msg{padding:5px; font-size:80%;}
.alert{padding:5px; font-size:80%;}
textarea,input[type="text"]{width:98%;}
select{width:100%;}
.text_l{width:98%;}
.text_m{width:40%;}
.text_s{width:40%;}
.radio label{display:inline-block; width:40%; padding:2px; font-size:16px;}
.e-black .radio label{color:#fff;}
.error{display:block; color:#db0000 !important; float:none; text-align:left; margin:0; clear:both;}
button{display:block; width:96%; max-width:300px; margin:0 auto; font-size:16px; padding:7px 0; border:1px solid rgba(255,255,255,0.2);
border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:center; font-weight:bold; color:#fff;
text-decoration:none;
background:url(../images/btn_highlight.png) no-repeat center center, -moz-linear-gradient(left, rgba(255,255,255,0.2), rgba(0,0,0,0.2)) #666; background:url(../images/btn_highlight.png) no-repeat center center, -webkit-gradient(linear, left top, right bottom, from(rgba(255,255,255,0.2)), to(rgba(0,0,0,0.2))) #666;
white-space:nowrap;  background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%;}


/* Rule Popup */


/* mother bar */
#mother{width:100%; height:40px; background:url(../images/mother_bg.png) repeat-x 0 0; z-index:1000;}
#sale #mother{position:fixed; top:0;}
#mother h1{display:block; margin:0 10px; color:#fff; line-height:40px; text-indent:-9999px;}

/* karamail button */
#mailButton li{display:block; width:50%; float:left;}
#mailButton li a{display:block; text-align:center; font-size:180%; padding:15px 0; text-decoration:none; color:#fff; font-weight:bold; border:1px solid #ccc;}
#mailButton li.male a{border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; border-color:#006cff; text-shadow:0 -1px 1px #006cff;
background: -webkit-gradient(linear, left top, left bottom, from(#5d93ff), color-stop(0.49, #117cff), color-stop(0.5, #026dc7), to(#004c8d) );
background: -moz-linear-gradient(top, #5d93ff, #117cff 49%, #026dc7 50%, #004c8d);}
#mailButton li.female a{border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; border-color:#fd1a5a; text-shadow:0 -1px 1px #fd1a5a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff8ca7), color-stop(0.49, #ff577f), color-stop(0.5, #ff3363), to(#ff0c45) );
background: -moz-linear-gradient(top, #ff8ca7, #ff577f 49%, #ff3363 50%, #ff0c45);}
#mailButton li.male a:hover,#mailButton li.male a:active{border-color:#006cff; text-shadow:0 -1px 1px #107cff;
background: -webkit-gradient(linear, left top, left bottom, from(#6da3ff), color-stop(0.49, #218cff), color-stop(0.5, #127dd7), to(#105c9d) );
background: -moz-linear-gradient(top, #6da3ff, #218cff 49%, #127dd7 50%, #105c9d);}
#mailButton li.female a:hover,#mailButton li.female a:active{border-color:#fd1a5a; text-shadow:0 -1px 1px #ff2a6a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff9cb7), color-stop(0.49, #ff678f), color-stop(0.5, #ff4373), to(#ff1c55) );
background: -moz-linear-gradient(top, #ff9cb7, #ff678f 49%, #ff4373 50%, #ff1c55);}

.lpprtitle{
display: block;
background: #09426a;
color: #fff;
padding: 7px 10px;
font-weight: bold;
}
.lpprbox{margin:10px 10px 20px 10px;background-color:#ffffff;font-size:14px;border-bottom:1px solir #ddd;}
#lppr a{padding:10px;display:block;border-bottom:1px solid #CCCCCC;color:#000000;text-decoration:none; text-align:left;}
#lppr a:hover{background-color:rgba(204,204,204,0.5);}


/* campaign */
.campaign h4 {border:0; font-size:14px; color:#555; text-indent:0; padding:10px 0;}
.campaign h5 {font-weight:normal; font-size:12px;color:#555;}
.cam_msg {font-size:11px; color:#666; padding:0;}
.campaign strong {font-weight:bold; color:#f00;}
.camMenu { margin-bottom:10px;}
.camMenu dt { font-weight:bold; font-size:16px; margin:5px 0;}
.camMenu dt:before{content:"₯"; color:#555;}
.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 {position:absolute; bottom:30%; right:50%; margin-right:-40px;}
#campaign_btn_entry {position:absolute; top:0px; right:0px;}
#campaign_btn a,#campaign_btn_entry a{width:80px; height:71px; background:url(../images/campaign_btn.png) no-repeat 0 0; display:block; text-indent:-9999px; background-size:cover; z-index:100; position:relative;}

/* clearfixŠeƒo[ƒWƒ‡ƒ“ */
.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Šeƒo[ƒWƒ‡ƒ“‚±‚±‚ά‚Ε */