@charset "utf-8";

#contents-inner-member{
margin:0 0 40px 0;
font-size:16px;
}

#contents-inner-member input, #contents-inner-member select, #contents-inner-member textarea {
font-size:18px;
margin:5px;
}

#contents-inner-member .btn{
background: #ec6d51;
border:none;
border-radius: 8px;
color: #fff;
display:block;
margin:0;
padding:12px 0 10px 0;
width:250px;
height: 60px;
font-size:18px;
letter-spacing:2px;
text-align:center;
cursor:pointer;
transition: .3s;
}

#contents-inner-member .btn:hover {
	opacity: .7;
}

#contents-inner-member .btn2{
background:#ccc;
background-image: linear-gradient(to bottom, #ccc, #ccc);
border:1px solid #ccc;
border-radius: 5px;
color: #fff;
/*display:block;*/
margin:0;
padding:12px 30px 10px 30px;
width:auto;
height: 60px;
font-size:18px;
text-align:center;
cursor:pointer;
transition: .3s;
display: inline-block;
min-width: 150px;
}


#contents-inner-member .btn2:hover {
	opacity: .7;
}

#contents-inner-member .btn3{
background:#F90;
background-image: linear-gradient(to bottom, #FB0, #F90);
border:1px solid #F90;
border-radius: 5px;
color: #fff;
display:block;
margin:0 auto 0 auto;
padding:7px 0 5px 0;
width:200px;
height:60px;
font-size:18px;
text-align:center;
cursor:pointer;
text-decoration:none;
}

#contents-inner-member p.text_center{ text-align: center; margin:0 0 50px 0;}
#contents-inner-member .ul1 {margin:0 0 50px 0;}
#contents-inner-member .ul1 li {margin:0px 0px 5px 0; padding:0px 0px 3px 20px ; background:url(../images/indent.png) 0 6px no-repeat;}


#contents-inner-member table.form {margin:0px 0px 20px 0px; border-top:1px dotted #999;  /*border-left:1px solid #999;*/ background-color: #ffffff;}

#contents-inner-member table.form strong { color:#339900; font-weight:normal; font-size:14px; -webkit-text-stroke-width: 0px !important;}

#contents-inner-member table.form th,#contents-inner-member table.form td { padding:15px 10px 15px 10px;}

#contents-inner-member table.form th {background-color:#fffce8; width:170px;
 border-bottom:1px dotted #999; /*border-right:1px solid #999;*/ color:#666; font-weight:normal; text-align:left; }

#contents-inner-member table.form td {border-bottom:1px dotted #999;  /*border-right:1px solid #999;*/}

#contents-inner-member th, #contents-inner-member td{
	vertical-align:top;
	padding:10px 0px 10px 5px;
}

#contents-inner-member th{
	width:180px;
	text-align:left;

}

#contents-inner-member #des1, #contents-inner-member #des2, #contents-inner-member #des3{
	display:none;
	color:#090;
	font-size:14px;
}

#contents-inner-member #estSubCat1, #contents-inner-member #area1, #contents-inner-member #station1, #contents-inner-member #school1, #contents-inner-member #estSubCat, #contents-inner-member #area, #contents-inner-member #station, #contents-inner-member #school{

	margin:10px 0 0px 0;
	font-size:16px;
}

#contents-inner-member #choose_area1, #contents-inner-member #choose_station1, #contents-inner-member #choose_school1,#contents-inner-member #choose_area, #contents-inner-member #choose_station, #contents-inner-member #choose_school{

	margin:10px 0 0px 0;
}

#contents-inner-member #estSubCat1 div, #contents-inner-member #area1 div, #contents-inner-member #station1 div, #contents-inner-member #school1 div, #contents-inner-member .kodawari div, #contents-inner-member #estSubCat div, #contents-inner-member #area div, #contents-inner-member #station div, #contents-inner-member #school div{
	float:left;
	margin:0 0 10px 0;
	width:290px;
	font-size:16px;
	
}

#contents-inner-member #matching_cond_block{
	/*display:none;*/
}

#contents-inner-member #matching_cond_area1, #contents-inner-member #matching_cond_station1, #contents-inner-member #matching_cond_school1,#contents-inner-member #matching_cond_area, #contents-inner-member #matching_cond_station, #contents-inner-member #matching_cond_school{
	/*display:none;*/
}

#contents-inner-member .matching .head{
	font-size:18px;
	font-weight:bold;
}

#contents-inner-member .requireLabel{
	font-size:10px;
	color:#eb9090;
	margin:0 0 0 3px;
	display: inline-block;
}

#contents-inner-member .title{
	margin:0px 0 5px 0;
	color:#000;
	font-weight:bold;
}

#contents-inner-member .lead{
	margin:0px 0 20px 0;
}

#contents-inner-member .privacy{
	margin:0px 0 20px 0;
	height:80px;
	overflow-y:scroll;
	border:1px solid #ccc;
	padding:10px 5px 10px 5px;
	font-size:12px;
}

#contents-inner-member .privacy p{
	margin:0px 0 20px 0;
}

#contents-inner-member .privacy ul{
	margin:0px 0 20px 10px;
}

/**/
#contents-inner-member .need_login{
	margin:100px 0 0 0 ;
	text-align:center;
	
}

#contents-inner-member .reissue{
	margin:20px 0 10px 0;
	/*font-size:12px;*/
	background:url(../images/member/textlink_indent.png) no-repeat left center;
	padding-left:10px;
}
#contents-inner-member .reissue a:visited {color:#00F;}



#contents-inner-member.separator{
	display:table-cell;
	width:30px;
}

#contents-inner-member label.item{
	display:block;
	margin:0 0 10px 0;
}


#contents-inner-member .div1{
	margin:0 0 20px 0;
}

#contents-inner-member .reissue_box{
	margin:20px 20px 20px 20px;
}

#contents-inner-member .inner{
	margin:0px 20px 20px 20px;
}

#contents-inner-member .information{
	margin:0px 0px 20px 0px;
	padding:10px 10px 10px 10px;
	border:1px solid #ccc;
	
}

#contents-inner-member .h{
	margin:0px 0px 20px 0px;
	font-weight:bold;
	color:#000;
}

#contents-inner-member strong{
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#ec6d51;
}

#contents-inner-member .link_to_regist{
	margin:10px 0px 10px 0px;
	font-weight:bold;
	color:#cc0000;
	text-align:center;
}

#contents-inner-member .block_inquiry{ margin:0 0 10px 0;}

#contents-inner-member .block_inquiry label{ display: inline-block; margin:0 50px 0 0;}

.xdsoft_datetimepicker{ border:1px solid #fff !important;}

.xdsoft_datetimepicker th{padding:4px !important; text-align: center !important;}
.xdsoft_datetimepicker td{padding:4px !important; text-align: center !important;}

.xdsoft_datetimepicker .xdsoft_datepicker {width:400px;}
.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_calendar td{height:40px;font-size: 18px !important;line-height:2.0; border-color:#ccc !important; }
.xdsoft_datetimepicker .xdsoft_calendar th:first-child {background-color:#FFBFC0; color:#fd6c6c;}
.xdsoft_datetimepicker .xdsoft_calendar th:last-child {background-color:#BFD6FF; color:#5858fe;}
.xdsoft_datetimepicker .xdsoft_calendar td:first-child {background-color:#fdeaeb; color:#fd6c6c;}
.xdsoft_datetimepicker .xdsoft_calendar td:last-child {background-color:#e8e9fd; color:#5858fe;}

.xdsoft_datetimepicker .xdsoft_monthpicker span{font-size:18px !important;}
.xdsoft_datetimepicker .xdsoft_year{width:80px;}
.xdsoft_datetimepicker .xdsoft_year i{display: none !important;}
.xdsoft_datetimepicker .xdsoft_month i{display: none !important;}
.xdsoft_datetimepicker .block_inquiry label{ display: inline-block; margin:0 50px 0 0;}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{ margin-top:0px; max-height:270px; height:auto;font-size:14px;}
.xdsoft_datetimepicker .xdsoft_timepicker.active{ margin-top:8px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{font-size:20px; height:45px; line-height:45px;}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next, 
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev{overflow:visible; text-indent:0; opacity:1;background:none; color:#5858fe; text-decoration: underline; width:auto; font-size:16px; padding:0 5px 0 5px;}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev{background-position: -27px -4px;}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_today_button{width:25px; background-position: -94px -4px;}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next{background-position: -9px -4px;}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#ff8000; /*box-shadow:#E77400 0 1px 3px 0 inset;*/}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current{color:#ffffff;background: #33aaff;box-shadow: #178fe5 0 1px 3px 0 inset;}
.xdsoft_datetimepicker .xdsoft_select .xdsoft_option{font-size:18px; padding: 4px 15px 4px 10px !important;}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{display: none !important;}

.at_clear {border-radius: 5px; margin-left:10px !important; padding: 0 5px 0 5px; font-size:16px !important;}
.time_wrap{width:618px; margin-top:30px;}
.time_wrap ul{overflow-x:auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.time_wrap .rs_tm{background:#f5f5f5;padding:2px 5px; font-size:20px; display: inline-block; border:#ccc solid 1px; margin-left:10px; width:50px; text-align:center;}
.time_wrap .selected{background:#33aaff; color:#fff;}
.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_current_off{background-color: #f5f5f5 !important;color: #000000 !important; font-weight: 500 !important; box-shadow:none !important;}
.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_current_off_sun {background-color: #fdeaeb !important;color: #fd6c6c !important; font-weight: 500 !important; box-shadow:none !important;}
.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_current_off_sat {background-color: #e8e9fd !important; color: #5858fe !important; font-weight: 500 !important; box-shadow:none !important;}

.xdsoft_datetimepicker .xdsoft_calendar table th{width:120px !important;}
.rs_date {display:inline-block; width:456px;}
.rs_time {display:inline-block; width:118px; vertical-align: top;}

.rs_time .xdsoft_prev{background-size: 130px; background-position:-57px 0 !important; height: 20px!important;margin-bottom:2px!important;margin-left:35px !important;}
.rs_time .xdsoft_next{background-size: 130px; background-position:-57px -22px !important; height: 20px!important;margin-bottom:2px!important;margin-left:35px !important;}

/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
    box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal_container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal_container.active{
	opacity: 1;
	visibility: visible;
	z-index: 99999;
}
/*モーダル枠の指定*/
.modal_body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 800px;
	width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal_close_wrap{
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	top: -44px;
	right: -44px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border:solid 2px #fff;
	border-radius: 25px;
}
.modal_close{
	position: absolute;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	top:-6px;
	right:6px;
}
/*モーダル内のコンテンツの指定*/
.modal_content{
	background: #fff;
	text-align: center;
	padding: 30px;
	font-size:20px;
}

/*--------------- ログイン画面 --------------*/

#contents-inner-member .login_regist_wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; margin:80px auto 45px auto; }

#contents-inner-member .login_regist_wrap .login { width:500px; box-sizing:border-box; position:relative; /*padding-top: 29px;*/ }
#contents-inner-member .login_regist_wrap .login h2 { font-size: 34px; font-weight: 700; color:#beaf87; text-align: left; border-bottom: 1px solid #beaf87; padding:0 0 22px 0; background:transparent; width: auto; height: auto; margin: -5px 0 25px 0;}
#contents-inner-member .login_regist_wrap .login h2:before{display: none;}
#contents-inner-member .login_regist_wrap .login h2 span{display: block; font-size: 16px; font-weight: 500;margin-bottom: 5px; margin-left: -2px;}

#contents-inner-member .login_regist_wrap .login input{/*font-size: 16px;*/}


#contents-inner-member .login_regist_wrap .login label.item{ margin-bottom: 23px;}

#contents-inner-member .username { /*background:#FFF url(../images/member/icon_mail.png) no-repeat 25px center;*/ background-size:20px auto; padding-left:5px; box-sizing:border-box; /*border:none;*/ height: 55px; box-shadow: 0 3px 10px rgba(0,0,0,0.03); }
#contents-inner-member .password { /*background:#FFF url(../images/member/icon_password.png) no-repeat 25px center;*/ background-size:18px auto; padding-left:5px; box-sizing:border-box; /*border:none;*/ height: 55px; box-shadow: 0 3px 10px rgba(0,0,0,0.03);}

#contents-inner-member .login_regist_wrap .login .txt_link{display: flex; justify-content: space-between; align-content: center; flex-wrap: nowrap; margin-top: 30px;}

#contents-inner-member .login_regist_wrap .login .cheak_box label { background-color: transparent !important; position: relative; padding: 0 0 0 27px; margin: 0; /*font-size: 14px;*/ color: #333333; cursor: pointer; transition: .3s;}
#contents-inner-member .login_regist_wrap .login .cheak_box label:hover{opacity: .7;}
#contents-inner-member .login_regist_wrap .login .cheak_box input[type="checkbox"] {display: none;}
#contents-inner-member .login_regist_wrap .login .cheak_box input[type="checkbox"] + label:before{ display: block; content: ""; position: absolute; top:2px; left:0; background-color: #ffffff; border: 1px solid #c6c6c6; width: 18px; height: 18px; border-radius: 5px;}
#contents-inner-member .login_regist_wrap .login .cheak_box input[type="checkbox"]:checked + label{color: #ec6d51;}
#contents-inner-member .login_regist_wrap .login .cheak_box input[type="checkbox"]:checked + label:hover{opacity: 1;}
#contents-inner-member .login_regist_wrap .login .cheak_box input[type="checkbox"]:checked + label:after{ display: block; content: ""; background:#ec6d51 url("../images/member/icon_cheak.png") no-repeat center center ; border: 1px solid #ec6d51; position: absolute; top:2px; left:0; width: 18px; height: 18px; border-radius: 5px;}

#contents-inner-member .login_regist_wrap .login .reissue{ /*font-size: 13px;*/ color: #ec6d51; margin: 0; background: transparent; padding: 0;}
#contents-inner-member .login_regist_wrap .login .reissue a{ text-decoration: underline; transition: .3s; color: inherit;}

#contents-inner-member .login input.btn_login { width:300px; height:70px; margin:40px auto 0 auto; padding:0; color:#FFF; display:block; font-size:20px; letter-spacing:3px; text-align:center; border:none; border-radius:8px; box-sizing:border-box; background:#beaf87; cursor:pointer; transition: .3s;}
#contents-inner-member .login input.btn_login:hover{ opacity: .7; }

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;	
}

#contents-inner-member .login table.error-box{ margin: -15px 0 25px 0 !important; }
#contents-inner-member .login table.error-box td {padding: 15px 0 5px 0; color: #ff0000;}


#contents-inner-member .login_regist_wrap .regist{ width:530px; height: 550px; background:url("../images/member/login/regist_box.jpg") no-repeat; border: none; border-radius: 0; box-sizing:border-box; position: relative; text-align: left; padding:128px 0 0 0; }

#contents-inner-member .login_regist_wrap .regist .regist_illust{ position: absolute; top:-65px; right: 20px;}

#contents-inner-member .login_regist_wrap .regist p{ font-size: 17px; color: #545454; font-weight: bold; letter-spacing: 0.06em; padding-left: 37px;-webkit-text-stroke-width: 0px !important; line-height: 1.8em;}
#contents-inner-member .login_regist_wrap .regist p > span.pink{ font-size: 20px; color: #ec6d51;}
#contents-inner-member .login_regist_wrap .regist p em{ font-size:36px;}

#contents-inner-member .login_regist_wrap .regist .btn_area{width:350px; height:75px; margin: 230px auto 0 auto; position: relative;}
#contents-inner-member .login_regist_wrap .regist .fukidashi{ position: absolute; left:-15px; top:-10px; z-index: 2;}
#contents-inner-member .login_regist_wrap .regist input.btn_new { width:100%; height:100%; margin:0; padding:0; color:transparent; display:block; font-size:20px; text-align:center; border:none; border-radius:8px; box-sizing:border-box; background:url("../images/member/login/regist_btn_txt.png") no-repeat center center,#ec6d51; cursor:pointer; box-shadow: 0 3px 15px rgba(0,0,0,0.10); transition: .3s;}
#contents-inner-member .login_regist_wrap .regist input.btn_new:hover{ opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.1); }

/*--------------- パスワード再発行画面 --------------*/

#contents-inner-member #login.reissue_password_box{ width: 800px; margin: 0 auto;}

#contents-inner-member #login.reissue_password_box .txt{line-height: 1.8em;}
#contents-inner-member #login.reissue_password_box .txt p + p{ margin-top: 15px;}
#contents-inner-member .reissue_box:has(.reissue_password_inn) {margin: 20px 0 20px 0;}
#contents-inner-member .inner.reissue_password_inn{margin: 15px auto 30px auto;background-color: #f5f5f5;padding: 20px 35px 25px 35px;}








/*--------------- 会員登録画面／追加 --------------*/

#wrap-outer_2nd h2.regist_tit{ text-align: left; position: relative; z-index: 0; margin-bottom: 55px; border: none; color: #ffffff; padding: 70px 0 70px 0 !important; font-size: 36px;}
#wrap-outer_2nd h2.regist_tit:after{ position: absolute; z-index: -1; top:0; left:0; right:0; margin: auto; content: ""; width: 100vw; height: 100%; background-color: #beaf87; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw);}

@media print, screen and (max-width: 1250px) {
	#wrap-outer_2nd h2.regist_tit:after{ width: 1350px; margin: 0 0 0 -75px;}
}


#contents-inner-member.regist p.center{color: #353535; text-align: left; padding: 0 315px 0 0; margin:0 0 65px 0; line-height: 1.8em;}
#contents-inner-member.regist p.center span{color: #ec6d51; text-decoration: underline;}
#contents-inner-member.regist .regist_point{ margin-bottom: 30px; position: relative;}
#contents-inner-member.regist .regist_point:after{ display: block; content: ""; clear: both;}
#contents-inner-member.regist .regist_point ul{ width: 100%; display: flex; justify-content: space-between; flex-wrap: nowrap; position: relative; z-index: 1;}
#contents-inner-member.regist .regist_point li{background: url("../images/member/regist/point01_bg.png") no-repeat; width: 259px; height: 250px; text-align: center; padding: 125px 0 0 0; box-sizing: border-box; font-size: 20px; font-weight: 700; color: #ec6d51; -webkit-text-stroke-width: 0px !important;}
#contents-inner-member.regist .regist_point li + li{background: url("../images/member/regist/point02_bg.png") no-repeat;}
#contents-inner-member.regist .regist_point li + li + li{background: url("../images/member/regist/point03_bg.png") no-repeat;}
#contents-inner-member.regist .regist_point li + li + li + li{background: url("../images/member/regist/point04_bg.png") no-repeat;}

#contents-inner-member.regist .regist_point .img{ position: absolute; top:-340px; right:0;}
#contents-inner-member.regist .caution_txt{font-size: 14px; color: #3d3d3d;}
#contents-inner-member.regist .caution_txt li{}
#contents-inner-member.regist .caution_txt li:before{ content: "※"; display: inline-block; margin-right: 2px;}

#contents-inner-member.regist .btn_proceed_login{ text-align: center;}
#contents-inner-member.regist .btn_proceed_login a{display: block; width: 700px; height: 50px; margin: 50px auto 90px auto; font-size: 15px; color: #beaf87; text-decoration: underline; box-sizing: border-box; padding: 11px 0 0 0; transition: .3s; border: 1px solid #beaf87; border-radius: 25px;}
#contents-inner-member.regist .btn_proceed_login a span{ display: inline-block; font-weight: bold; margin: 0 5px 0 5px; text-decoration: underline;}
#contents-inner-member.regist .btn_proceed_login a:hover{ background: #beaf87; color: #ffffff;}

#contents-inner-member.regist div.h2{ background: #3d3d3d; height: 70px; box-sizing: border-box; font-size: 22px; font-weight: 500; color: #ffffff; padding: 16px 20px 0 40px; text-align: left; margin: 0 0 30px 0;}
#contents-inner-member.regist div.text{ margin-bottom: 50px;}
#contents-inner-member.regist div.h2 + .text{padding: 0 0 0 40px;}

#contents-inner-member.regist h3{ border-left: 5px solid #beaf87; background: transparent; color: #595656; padding: 11px 20px 12px 25px;}

#contents-inner-member.regist table.form th { background-color: #f5f5f5; width: 220px;}

#contents-inner-member.regist table.form th, #contents-inner-member.regist table.form td {padding: 15px 20px 15px 20px;}
#contents-inner-member.regist .ul1 {margin: 30px 0 12px 0;}
#contents-inner-member.regist .ul1 li { margin: 0px 0px 5px 20px; padding: 0px 0px 3px 0; background:none; list-style: circle;}
#contents-inner-member.regist .btn{ width: 300px; font-size: 20px; padding:17px 0 15px 0; }
#contents-inner-member.regist .btn2{ padding:17px 0 15px 0; }

#rs_dt {margin-left: 9px !important;width: 388px;font-size: 24px !important;color: #f00;text-align: center;padding: 5px;}

#contents-inner-member table.form td .reserve_plan_wrap label{display: inline-block; margin-bottom:10px; width: 350px;}
#contents-inner-member table.form td .reserve_plan_wrap label{}