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

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:'‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,sans-serif;
margin:0; padding:0; color:#ccc; background:url(../images/bg.jpg) no-repeat center top #480c01;}
body#entry{background: url(../images/bg_entry.jpg) no-repeat center top 49px #480c01;}
body#success{background: url(../images/bg_entry.jpg) no-repeat center top 17px #480c01;}
body#profbody{background:none; background-color:transparent;}
body#rule_popup{background:none;}
a{color:#f33;}
a:hover{color:#faa;}
#wrap{width:900px; margin:0 auto; position:relative;}
#rule_popup #wrap{width:100%;}
#main{width:100%;}

/* Header */
header p{height:17px; background-color:#8d0000; text-align:center;}
header h1{margin:53px 0 34px -20px; display:block; background:url(../images/logo.jpg) no-repeat 0 0;}
#entry header h1{margin:23px 0 49px -15px; background:url(../images/logo_entry.jpg) no-repeat 0 0;}
header h1.logo-3ban,#entry header h1.logo-3ban{background:url(../images/logo-3ban.png) no-repeat 0 0;}
header h1.logo-4ban,#entry header h1.logo-4ban{background:url(../images/logo-4ban.png) no-repeat 0 0;}
header h1.logo-5ban,#entry header h1.logo-5ban{background:url(../images/logo-5ban.png) no-repeat 0 0;}
header h1.logo-6ban,#entry header h1.logo-6ban{background:url(../images/logo-6ban.png) no-repeat 0 0;}
header h1.logo-7ban,#entry header h1.logo-7ban{background:url(../images/logo-7ban.png) no-repeat 0 0;}
header h1.logo-8ban,#entry header h1.logo-8ban{background:url(../images/logo-8ban.png) no-repeat 0 0;}

header h1 a{display:block; width:515px; height:170px; overflow:hidden; white-space:nowrap; text-indent:100%;}
header h2{height:70px; width:580px; background:url(../images/head_h2.jpg) no-repeat 0 0; overflow:hidden; white-space:nowrap; text-indent:100%;}


/* Contents */
#content{background:url(../images/content.jpg) no-repeat 0 0 #260200; padding:10px 223px 0 25px;}
#entry #content{background:url(../images/content_entry.jpg) no-repeat 0 0 #260200; padding:10px 25px 0 25px;}
#rule_popup #content{background-image:none; padding:10px 25px;}
#content section{margin-bottom:25px;}
#content h2{margin:0 0 5px -10px; height:51px; display:block;}
#content p{margin-bottom:13px;}
.property{width:280px; float:left;}
.property ul li{display:block; height:28px; margin-bottom:7px; line-height:28px;}
.property ul li span{display:block; width:125px; height:100%; text-align:center; float:left; background:url(../images/fuki.png) no-repeat 0 0; font-size:120%; text-indent:-20px;}
.search{float:left; border:1px solid #512a2a; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:5px 7px;}
.search .arrow{float:left; margin:10px;}
.search .button_part{float:right;}
.search button{width:240px; height:95px; border:0; background:url(../images/search_button.png) no-repeat 0 0; overflow:hidden; white-space:nowrap; text-indent:100%;}
.search button:hover{background-position:0 -95px;}

/* Rule */
article h3{display:block; font-size:120%; padding:5px 10px; margin-bottom:10px; background:url(../images/fuki_l.png) no-repeat 0 center;}
.ex{border:1px solid #222; background-color:#050505; display:block; padding:7px 10px; margin:3px 0;}
#rule h4,#rule_popup h4{font-weight:normal; margin-bottom:7px; border-left:5px solid #8d0000; padding-left:7px;}

/* Charactor */
.p_box{width:125px; float:left; margin-right:4px;}
.p_box h4{display:block; border-bottom:1px solid #2a2929; font-weight:normal; height:23px; background:url(../images/p_box_h4.png) no-repeat 0 0 #000; line-height:23px;}
.p_box h4 span{display:block; float:left;width:90px; text-indent:22px; font-size:11px;}
.p_box h4 span.on{color:#f3c305; background:url(../images/online.jpg) no-repeat 5px center;}
.p_box h4 span.off{color:#888; background:url(../images/offline.jpg) no-repeat 5px center;}
.p_box h4 em{display:block; float:right; width:25px; text-indent:-9999px;}
.p_box h4 em.man{background:url(../images/man.jpg) no-repeat 0 center;}
.p_box h4 em.woman{background:url(../images/woman.jpg) no-repeat 0 center;}
.p_box h5{text-align:center; font-size:100%; font-weight:normal;}
.p_box figure{padding:7px; background:url(../images/p_box.png) no-repeat 0 bottom;}
.p_box figure img{height:80px;}
.p_box p{margin:0 !important; background:#8d0000; padding:0 6px;; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:11px; line-height:1.5em; height:35px; word-break:break-all;}
.p_box .mail a{display:block; width:109px; height:21px; margin:7px auto 0 auto; background:url(../images/mail.jpg) no-repeat 0 0; overflow:hidden; white-space:nowrap; text-indent:100%;}
.p_box .mail a:hover{background-position:0 -21px;}
.more{width:645px; height:40px; margin-top:12px; text-align:center;}
.more a{display:block; width:100%; height:100%; line-height:40px; color:#ccc; text-decoration:none; font-size:160%; font-weight:bold; background:url(../images/more.jpg) no-repeat 0 0;}
.more a:hover{background-position:0 -40px; color:#fff;}
iframe{border:none; width:100%; height:295px;}


/* Right */
#right{position:absolute; top:17px; left:678px;}
#right #e_space{background:#000;}
#right #e_space h1{display:block; height:65px; background:url(../images/entry_here.jpg) no-repeat 0 0; text-indent:-9999px;}
#right #e_space ul li{display:block; width:222px; height:127px; margin-top:5px;}
#right #e_space ul li a{display:block; height:100%; background:url(../images/entry.jpg) no-repeat 0 0;}
#right #e_space ul li#male a{background-position:0 0;}
#right #e_space ul li#female a{background-position:0 -127px;}
#right #e_space ul li#male a:hover{background-position:-222px 0; position:relative; top:-1px; left:-1px;}
#right #e_space ul li#female a:hover{background-position:-222px -127px; position:relative; top:-1px; left:-1px;}
#right section{margin:5px 0 0 0; height:90px; overflow:hidden;}
#right section p{float:left; width:130px; line-height:1.5em;}
#right section p img{float:none;}
#right section img{float:right:}
#right nav{margin-bottom:20px;}
#right nav ul li{display:block; width:100%; height:45px;}
#right nav ul li a{display:block; height:100%; background:url(../images/nav.jpg) no-repeat 0 0;}
#right nav ul li#menu01 a{background-position:0 0;}
#right nav ul li#menu02 a{background-position:0 -45px;}
#right nav ul li#menu03 a{background-position:0 -90px;}
#right nav ul li#menu04 a{background-position:0 -135px;}
#right nav ul li#menu05 a{background-position:0 -180px;}
#right nav ul li#menu01 a:hover{background-position:-223px 0;}
#right nav ul li#menu02 a:hover{background-position:-223px -45px;}
#right nav ul li#menu03 a:hover{background-position:-223px -90px;}
#right nav ul li#menu04 a:hover{background-position:-223px -135px;}
#right nav ul li#menu05 a:hover{background-position:-223px -180px;}
.login{padding-left:20px;}
.login ul li{display:block; height:28px; margin-bottom:7px; line-height:28px;}
.login ul li span{display:block; width:125px; height:100%; text-align:center; float:left; background:url(../images/fuki.png) no-repeat 0 0; font-size:120%; text-indent:-20px;}
.login input[type="text"],.login input[type="password"]{width:60px;}
.login input[type="submit"]{float:right; margin-right:7px; color:#ccc; background:#8d0000; padding:5px 10px; border:1px solid #7f2424; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.login input[type="submit"]:hover{background:#c13333; color:#fff;}


/* Footer */
footer{background-color:#000; height:110px; padding:0 25px;}
#rule_popup footer{height:30px; line-height:30px; text-align:center;}
footer a{color:#ccc; text-decoration:none;}
footer .f_left{float:left; width:500px; margin-top:15px;}
footer .f_right{float:right; width:280px; margin-top:25px; font-size:90%;}
footer .f_right img{float:left; margin:0 5px 0 0;}

address{font-style:normal; text-align:right;}


/* PRbanner */
#pr{}
#pr img{}


/*--------------------------------
form
--------------------------------*/
.remaining{
    margin: 0 auto;
    padding: 14px;
    width: 900px;
    height: 32px;
    background: #5e0000;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: white;
    transition: 0.2s;
    box-sizing: border-box;
}
.remaining .progress{
    width: 0%;
    height: 32px;
    display: block;
    background: #cc0000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.2s;
}
.remaining p{
	position: absolute;
	top: 6px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
.remaining span{
	color: white;
}
.remaining.fix{
	top: 0;
}
.remaining + header{
	margin-top: 32px;
	margin-bottom: 67px;
}
.form-wrapper{
    margin: 0 150px 100px;
}
.form-wrapper .inner{
	margin: auto;
	max-width: 1000px;
}
.notice-box{
    margin: 48px 0;
    padding: 8px;
    background: #f29b76;
    text-align: center;
    color: white;
}
.form-box{
	margin: 40px 0;
	border: none;
}
.form-label{
	margin: 0 0 16px;
	padding: 8px;
	display: block;
	background: #8c0100;
	text-align: center;
	font-size: 16px;
}
.entry-form input[type=text],
.entry-form input[type=tel],
.entry-form input[type=password],
.entry-form select,
.entry-form textarea{
	padding: 16px;
	width: 100%;
	background: #fff;
	position: relative;
	font-size: 18px;
	box-sizing: border-box;
}
.entry-form textarea{
	margin-bottom: -5px;
	height: inherit;
	resize: vertical;
}
.entry-form select{
	padding: 8px 62px 8px 8px;
	height: 60px;
	background: url(../images/icon-select.webp) no-repeat right center / 60px, #fff;
	border: 1px solid #ddd;
	color: black;
}
.entry-form select:focus{
	background: url(../images/icon-select.webp) no-repeat right center / 60px, #ffffe5;
}
.radio-box{
	padding: 4px 0 0 0;
	display: flex;
}
.regular-radio{
	display: none;
}
.radio-label{
	width: 50%;
	line-height: 75px;
}
.radio-label-text{
	background: #fff;
	display: block;
	transition: .3s;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
	color: black;
	line-height: 59px;
	font-size: 16px;
}
.radio-label:nth-of-type(1) .radio-label-text{
	border-radius: 4px 0 0 4px;
	border-right: 0;
}
.radio-label:nth-of-type(2) .radio-label-text{
	border-radius: 0 4px 4px 0;
}
.regular-radio:checked + .radio-label-text{
	background: #eb739f;
	color: #fff;
}
.regular-checkbox{
	margin-bottom: 5px;
	padding: 5px;
	display: block;
	background: #eee;
	font-size: 18px;
	border: 1px solid #eb739f;
}
.regular-checkbox input:checked + .check-label{
	color: #eb739f;
}
.form-msg,
.alert-msg{
	font-size: 16px;
}
.form-box .form-msg{
	line-height: 1.3;
	text-align: center;
}
.error{
	margin: 14px 0 0;
	background: #ff6d6d;
	color: #fff;
	text-align: center;
	line-height: 32px;
	font-size: 18px;
}
.form-item{
	position: relative;
}
.form-border{
	margin: 0 auto;
	width: 100%;
	height: 2px;
	background: #ddd;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	transform-origin: center;
}
input[type=text]:focus + .form-border::after,
input[type=tel]:focus + .form-border::after,
input[type=password]:focus + .form-border::after,
textarea:focus + .form-border::after{
	margin: 0 auto;
	width: 0%;
	height: 2px;
	content: "";
	background: #eb739f;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	transform-origin: center;
	animation: fade-border .3s ease .1s forwards;
}
@keyframes fade-border{
	0%{width: 0%;opacity: 0;}
	100%{width: 100%;opacity: 1;}
}
.entry-btn .btn-area{
	margin: 0 0 32px;
}
.entry-btn .regist-btn{
    margin: 0 auto;
    padding: 32px 16px;
    width: 100%;
    display: block;
    font-size: 48px;
    color: #fff;
    text-shadow: 0 0 8px #960;
    border-radius: 8px;
    background: linear-gradient(to bottom, #600 0%,#900 20%,#f00 50%,#900 80%);
    box-shadow: 0 4px 0 rgb(255 255 255 / 20%) inset;
    font-weight: 800;
}
.btn_row button{
	filter: grayscale(1);
	pointer-events: none;
	cursor: inherit;
}
.btn_row button.active{
	filter: grayscale(0);
	pointer-events: auto;
	cursor: pointer;
}
.ymd-box,
.area-box{
	display: flex;
	justify-content: space-between;
}
.ymd-box select{
	width: 32%;
	flex-shrink: 0;
}
.area-box select,
.area-box .sub-area{
	width: 49%;
	flex-shrink: 0;
}
.area-box .sub-area select{
	width: 100%;
	flex-shrink: 0;
}
.juyo {font-size:100%; background:#222 !important; border:1px dotted #f00 !important; padding:8px !important; margin:8px 0; box-sizing:border-box;}
.entry-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* ie?? */
.entry-form select::-ms-expand {
  display: none;
}

/* Entry Form */
h3 span{font-weight:normal; font-size:100%;}
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:'‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',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; margin-right:3px;}
.text_l{width:400px;}
.text_m{width:180px;}
.text_s{width:90px;}
.ime_off{ime-mode:disabled;}
select{width:130px;}
label textarea{height:100px; max-width:450px; min-width:400px;}
#entry article h3{background:url(../images/h3_user.png) no-repeat 0 0; padding:15px 10px 10px 60px;}
#entry article h3.prof{background:url(../images/h3_prof.png) no-repeat 0 0;}
.block{clear:left; line-height:28px;}
.left{float:left; width:430px; clear:none;}
.right{float:right; width:400px; clear:none;}

.block p{display:block; float:left; margin-bottom:none; width:185px; height:28px; text-align:center; font-size:120%; background:url(../images/fuki_m.png) no-repeat 0 0; text-indent:-10px;}
p.msg{clear:both; border:1px solid #222; background-color:#050505; display:block; padding:7px 10px; margin-left:185px;}
p.msg span{color:#f3c305;}
p.alert{clear:both; border:1px solid #222; background-color:#050505; display:block; padding:7px 10px; width:550px; float:left;}
.block p.error{background:none; font-size:100%; text-indent:0; display:inline; text-align:left; height:5px; white-space:nowrap;}
.btn_row{float:right; width:267px;}
.btn_row button{width:267px; height:88px; border:none; background:url(../images/entry_button.jpg) no-repeat 0 0;}
.btn_row button:hover{background-position:0 -88px;}

.juyo {font-size:100%; background:#222 !important; border:1px dotted #f00 !important; padding:8px !important; margin:8px 0; box-sizing:border-box;}
/* RulePopup */

/* campaign */
#campaign h4{font-weight:normal; margin-bottom:7px; border-left:5px solid #8d0000; padding-left:7px;}
#campaign h5 {font-weight:normal; font-size:12px;color:#dc7b60;}
.cam_msg {font-size:11px; color:#aaa; padding:0;}
#campaign strong {font-weight:bold; color:#f00;}
.camMenu { margin-bottom:10px;}
.camMenu dt { font-weight:bold; margin:5px 0;}
.camMenu dt:before{content:"₯"; color:#dc7b60;}
.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; top:100px; right:260px;}
#campaign_btn_entry {position:absolute; top:60px; right:260px;}
#campaign_btn a,#campaign_btn_entry a{width:150px; height:150px; background:url(../images/campaign_btn.png) no-repeat 0 0; display:block; text-indent:-9999px; }

/* 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ƒ‡ƒ“‚±‚±‚ά‚Ε */

/*20201213 LPO
--------------------*/
.entry-desc{
	margin: 0 0 16px 0;
	padding:  16px;
	background:#000;
	border: 1px solid rgba(255,255,255,.1);
	color: #f3c305;
}
#content .entry-desc-head{
	margin: 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
}
#content .entry-desc-txt{
	margin: 0;
	font-size: 16px;
	line-height: 18px;
}