@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:3px 0 3px 0;
	padding: 5px;
}

#contents-inner-member .w1{
	width:250px;	
}

#contents-inner-member .w2{
	width:350px;
}

#contents-inner-member .w3{
	width:40px;
}

#contents-inner-member .w4{
	width:100px;
}

#contents-inner-member .w5{
	width:320px;
}

#contents-inner-member .w6{
	width:100%;
}

#contents-inner-member .w7{
	width:480px;
}

#contents-inner-member .w8{
	width:200px;
}

#contents-inner-member .btn{
background: #e468a9;
/*background:#F30;
background-image: linear-gradient(to bottom, #F60, #F30);*/
border:0/*1px solid #F30*/;
border-radius: 50px;
color: #fff;
display:block;
margin:0;
padding:12px 0 10px 0;
width:250px;
font-size:18px;
letter-spacing:2px;
text-align:center;
cursor:pointer;
}

#contents-inner-member .btn2{
background:#ccc;
background-image: linear-gradient(to bottom, #ccc, #ccc);
border:1px solid #ccc;
border-radius: 50px;
color: #fff;
display:block;
margin:0;
padding:12px 0 10px 0;
width:250px;
font-size:18px;
text-align:center;
cursor:pointer;
}

#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 .ul1 {margin:0 0 50px 0;}
#contents-inner-member .ul1 li {margin:0px 0px 5px 20px; padding:0px 0px 3px 0; list-style: circle;/*background:url(../images/indent.png) 0 6px no-repeat;*/}


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

#contents-inner-member table.form strong { color:#5cbae6; 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:#ffffee; width:170px;
 border-bottom:1px solid #999; border-right:1px solid #999; color:#666; font-weight:normal; text-align:left; }

#contents-inner-member table.form td {border-bottom:1px solid #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:240px;
	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:#e468a9;
	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;
	
}

/*login*/

#contents-inner-member .login_regist_wrap {
	display: flex;
	justify-content: space-around;
	margin:17px auto 0 auto;
}

#contents-inner-member .login {
	display:table-cell;
	width:46%;
	vertical-align:top;
	box-sizing:border-box;
	position:relative;
}
#contents-inner-member .login .h {
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);
	text-align:center;
	letter-spacing:0.08em;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
	padding:15px 10px 15px 10px;
	background:#5cbae6;
	/*background-image: linear-gradient(to bottom, #86cccc, #45a0a0);*/

}
#contents-inner-member .login .inn {
	padding:0 20px 20px 20px;
}
#contents-inner-member .login .inn span {
	display:inline-block;
	border-left:5px solid #AAA;
	padding-left:5px;
	margin-bottom:5px;
}
#contents-inner-member .login .inn .btn_login {
	width:260px;
	height:50px;
	margin:0 auto 0 auto;
	padding:0 0 0 20px;
	color:#FFF;
	display:block;
	font-size:18px;
	letter-spacing:0.2em;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1);
	border:1px solid #3895c0;
	border-radius:50px;
	box-sizing:border-box;
	background:url(../images/member/btn_indent.png) #3895c0;
	background-repeat:no-repeat;
	background-position:20% center;
	cursor:pointer;	
}

#contents-inner-member .login .inn table.error-box td {padding:0 0 20px 0;}

#contents-inner-member .regist{
	display:table-cell;
	width:46%;
	background:#ffffff;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.05);*/
	border-radius: 15px;
	box-sizing:border-box;
	border: 1px solid #e468a9;
}
#contents-inner-member .regist .h {
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);
	text-align:center;
	letter-spacing:0.08em;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
	padding:15px 10px 15px 10px;
	background:#e468a9;
}
#contents-inner-member .regist .inn {
	padding:20px;
}
#contents-inner-member .regist .inn .btn_new {
	width:260px;
	height:50px;
	margin:92px auto 0 auto;
	padding:0 0 0 20px;
	color:#FFF;
	display:block;
	font-size:18px;
	letter-spacing:0.2em;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #df3c91;
	border-radius:50px;
	box-sizing:border-box;
	background:url(../images/member/btn_indent.png) #df3c91;
	background-repeat:no-repeat;
	background-position:7% center;
	cursor:pointer;
}

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

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


#contents-inner-member .username {
	background:#FFF;
	background-size:12px auto;
	padding-left:28px;
	box-sizing:border-box;
	border:1px solid #AAA;
}
#contents-inner-member .password {
	background:#FFF;
	background-size:12px auto;
	padding-left:28px;
	box-sizing:border-box;
	border:1px solid #AAA;
}

#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 .div1{
	margin:0 0 20px 0;
}


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

#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:#e468a9;
}

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


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

#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: #5cbae6; text-align: left; border-bottom: 1px solid #5cbae6; 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: 400;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: #e85298;}
#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:#e85298 url("../images/member/icon_cheak.png") no-repeat center center ; border: 1px solid #e85298; 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: #e95098; 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:350px; height:75px; margin:40px auto 0 auto; padding:0; color:#FFF; display:block; font-size:20px; letter-spacing:3px; text-align:center; border:none; border-radius:50px; box-sizing:border-box; background:#5cbae6; cursor:pointer; box-shadow: 0 3px 15px rgba(0,0,0,0.10); transition: .3s;}
#contents-inner-member .login input.btn_login:hover{ opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.1); }

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:0 0 5px 0;}


#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: center; padding:123px 0 0 0; }

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

#contents-inner-member .login_regist_wrap .regist p{ font-size: 17px; color: #545454; font-weight: bold; letter-spacing: 0.06em; line-height: 2em;}
#contents-inner-member .login_regist_wrap .regist p > span.pink{ font-size: 20px; color: #e85298;}
#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: 225px 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:50px; box-sizing:border-box; background:url("../images/member/login/regist_btn_txt.png") no-repeat center center,#e85298; 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); }


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

#wrap-outer_2nd h2.regist_tit{text-align: center; font-size: 36px; margin-bottom: 45px;}

#contents-inner-member.regist p.center{color: #353535; text-align: center; padding: 0; margin:0 0 55px 0;}
#contents-inner-member.regist .regist_point{ margin-bottom: -45px;}
#contents-inner-member.regist .regist_point:after{ display: block; content: ""; clear: both;}
#contents-inner-member.regist .regist_point ul{ float: left; width: 875px; margin-left: -12px; display: flex; justify-content: space-between; flex-wrap: nowrap;}
#contents-inner-member.regist .regist_point li{background: url("../images/member/regist/point01_bg.png") no-repeat; width: 282px; height: 261px; text-align: center; padding: 139px 0 0 12px; box-sizing: border-box; font-size: 20px; font-weight: 700; color: #e468a9;}
#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 .illust{ float: right; background: url("../images/member/regist/point_illust.png") no-repeat; width: 204px; height: 339px; box-sizing: border-box; padding: 17px 0 0 16px; margin-top: 11px;}
#contents-inner-member.regist .regist_point .illust > p{ font-size: 14px; font-weight: 500; color: #004098; line-height: 1.6em;}
#contents-inner-member.regist .regist_point .illust > p.bold{ font-size: 17px; font-weight: bold; margin-bottom: 8px;}
#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: #5cbae6; text-decoration: underline; box-sizing: border-box; padding: 11px 0 0 0; transition: .3s; border: 1px solid #5cbae6; 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: #5cbae6; color: #ffffff;}

#contents-inner-member.regist div.h2{ background: #5cbae6; 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 #5cbae6; background: transparent; color: #000000; 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; }