@charset "utf-8";

#contents-inner-contact{
font-size:16px; margin-bottom: 120px;
}


#contents-inner-contact input, #contents-inner-contact select, #contents-inner-contact textarea {
font-size:18px;
margin:3px 0 3px 0;
}

#contents-inner-contact .w1{
	width:300px;	
}

#contents-inner-contact .w2{
	width:450px;
}

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

#contents-inner-contact .w4{
	width:110px;
	margin-right: 15px;
	margin-left: 5px;
}

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

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

#contents-inner-contact .w7{
	width:650px;
}

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

#contents-inner-contact .btn{
background:#F30;
background-image: linear-gradient(to bottom, #F60, #F30);
border:1px solid #F30;
border-radius: 70px;
color: #fff;
display:block;
margin:0;
padding:20px 0 20px 0;
width:350px;
font-size:20px;
letter-spacing:2px;
text-align:center;
cursor:pointer;
    background: #e95098;
    box-shadow: 0 4px 0 #d44688;
    border: none;
	transition: .3s;
}

#contents-inner-contact .btn:hover { transform: translateY(2px); background: #d44688; box-shadow: 0 0 0 #d44688; }


#contents-inner-contact .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:20px 0 20px 0;
width:250px;
font-size:20px;
text-align:center;
cursor:pointer;
    box-shadow: 0 4px 0 #bdbdbd;
    border: none;
	border-radius: 40px;
	transition: .3s;
}

#contents-inner-contact .btn2:hover { transform: translateY(2px); background: #bdbdbd; box-shadow: 0 0 0 #bdbdbd; }


#contents-inner-contact .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-contact .ul1 {margin:0 0 50px 0;}
#contents-inner-contact .ul1 li {margin:0px 0px 5px 20px; padding:0px 0px 3px 0; list-style: circle;}


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

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

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

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

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

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

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

}

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

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

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

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

	margin:10px 0 0px 0;
}

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

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

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

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

#contents-inner-contact .requireLabel{
	font-size:10px;
	color:#e3aa98;
	margin:0 0 0 3px;
}

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

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

#contents-inner-contact .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-contact .privacy p{
	margin:0px 0 20px 0;
}

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

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

/*login*/

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

#contents-inner-contact .login {
	display:table-cell;
	width:46%;
	vertical-align:top;
	background:#ffffff;
	border-radius: 10px;
	box-sizing:border-box;
	position:relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
#contents-inner-contact .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:10px;
	border-top-left-radius:10px;
	padding:15px 10px 15px 10px;
	background:#37acb0;
	/*background-image: linear-gradient(to bottom, #86cccc, #45a0a0);*/

}
#contents-inner-contact .login .inn {
	padding:0 20px 20px 20px;
}
#contents-inner-contact .login .inn span {
	display:inline-block;
	border-left:5px solid #AAA;
	padding-left:5px;
	margin-bottom:5px;
}
#contents-inner-contact .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 #1089a3;
	border-radius:50px;
	box-sizing:border-box;
	background:url(../images/member/btn_indent.png) #1089a3;
	background-repeat:no-repeat;
	background-position:20% center;
	cursor:pointer;
	
	/* box-shadow */
	box-shadow:rgba(255, 255, 255, 0.2) 0 1px inset;
	-webkit-box-shadow:rgba(255, 255, 255, 0.2) 0 1px inset;
	-moz-box-shadow:rgba(255, 255, 255, 0.2) 0 1x inset;
	
}

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

#contents-inner-contact .regist{
	display:table-cell;
	width:46%;
	background:#ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	border-radius: 10px;
	box-sizing:border-box;
}
#contents-inner-contact .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:10px;
	border-top-left-radius:10px;
	padding:15px 10px 15px 10px;
	background:#e95464;
}
#contents-inner-contact .regist .inn {
	padding:20px;
}
#contents-inner-contact .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 #d54330;
	border-radius:50px;
	box-sizing:border-box;
	background:url(../images/member/btn_indent.png) #d54330;
	background-repeat:no-repeat;
	background-position:7% center;
	cursor:pointer;
	
	/* box-shadow */
	box-shadow:rgba(255, 255, 255, 0.2) 0 1px inset;
	-webkit-box-shadow:rgba(255, 255, 255, 0.2) 0 1px inset;
	-moz-box-shadow:rgba(255, 255, 255, 0.2) 0 1x inset;
	
}

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

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


#contents-inner-contact .username {
	background:#FFF url(../images/member/icon_username.png) no-repeat 8px center;
	background-size:12px auto;
	padding-left:28px;
	box-sizing:border-box;
	border:1px solid #AAA;
}
#contents-inner-contact .password {
	background:#FFF url(../images/member/icon_password.png) no-repeat 8px center;
	background-size:12px auto;
	padding-left:28px;
	box-sizing:border-box;
	border:1px solid #AAA;
}

#contents-inner-contact .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-contact .reissue a:visited {color:#00F;}

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


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

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

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

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

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

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

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

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

#contents-inner-contact .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;}


/*==================================
other
==================================*/

/*#wrap-outer_2nd{ background: #faf8f9;}*/


#contents-inner-contact h3{font-size: 26px; padding: 22px 20px 21px 30px; margin-bottom: 35px; }


/*==================================
TEL
==================================*/

#telephone.tel{text-align: center; margin-top: 60px; margin-bottom: 85px;}
#telephone.tel .telephone_inn{ display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start; margin-top: 80px;}

#telephone.tel .telephone_inn .tel_box{display: block;width: 370px;background: #ffffff;border: 2px solid #e9e9e9;box-shadow: 0 0 10px rgba(0,0,0,0.15);text-align: center;border-radius: 15px;color: #000000;font-weight: 500;font-size: 28px;padding: 98px 0 112px 0;box-sizing: border-box;letter-spacing: 0.03em;position: relative;transition: .3s;}

#telephone.tel .telephone_inn .tel_box .shop_img{position: absolute;top: -45px;left:0;right:0;margin: auto;width: 120px;}

#telephone.tel .telephone_inn .tel_box p.h{color: #3c57ad;margin-bottom: 24px;font-size: 31px; font-weight: bold;}
#telephone.tel .telephone_inn .tel_box p.h small{display: block;font-size: 19px;line-height: 1.6em;}

#telephone.tel .telephone_inn .tel_box .area{margin-bottom: 26px; display: none;}
#telephone.tel .telephone_inn .tel_box .area .sub_h{font-size: 16px;font-weight: 500;line-height: 1.4em; margin-bottom: 5px;}
#telephone.tel .telephone_inn .tel_box .area .sub_h:before,#telephone.tel .telephone_inn .tel_box .area .sub_h:after{display: inline-block; content: ""; width: 98px; height: 1px; background: #000000; margin: 0 13px 1px 13px; vertical-align: middle;}
#telephone.tel .telephone_inn .tel_box .area .text_pink{font-size: 18px; font-weight: 500; color: #e95098; box-sizing: border-box; padding: 0 20px 0 20px; line-height: 1.6em;}

#telephone.tel .telephone_inn .tel_box p.num{background: #3c57ad;border-radius: 0 0 15px 15px;padding: 23px 0 25px 0;position: absolute; bottom:0; left:0; right:0;}
#telephone.tel .telephone_inn .tel_box p.num:before{ display: block; content: ""; position: absolute; top:0; left:0; right:0; margin: auto;width: 0; height: 0; border-style: solid; border-color: #ffffff transparent transparent transparent; border-width: 20px 19px 0px 19px;}
#telephone.tel .telephone_inn .tel_box p.num a{font-size: 40px;color: #ffffff;font-weight: bold;display: block;line-height: 1.31; letter-spacing: 0.03em;font-family: 'Roboto', sans-serif;}
#telephone.tel .telephone_inn .tel_box p.num a:before{display: inline-block;content: "";background: url(../images/reserve/tel_icon_wh.png) no-repeat; background-size: 100% auto; width: 29px;height: 29px;vertical-align: middle;margin-right: 6px;margin-bottom: 5px;}
#telephone.tel .telephone_inn .tel_box p.num small{display: block;font-size: 14px;font-weight: 300;opacity: .8;line-height: 1;letter-spacing: 0.09em;color: #ffffff;margin-top: -2px;}

#telephone.tel .telephone_inn .tel_box:nth-child(2) p.h{color: #1885b2;}
#telephone.tel .telephone_inn .tel_box:nth-child(2) p.num{background: #1885b2;}

#telephone.tel .telephone_inn .tel_box:nth-child(3) p.h{color: #0f9a78;}
#telephone.tel .telephone_inn .tel_box:nth-child(3) p.num{background: #0f9a78;}



/*==================================
MAIL
==================================*/

.inquiry_mail_bl h3 + p{ text-align: center; font-size: 18px; line-height: 1.8em; margin-bottom: 40px;}


.raiten_flow{display: block; text-align: center; margin: 0 auto 50px auto;}


.inquiry_mail_bl .error-box{margin:0;}

#contents-inner-contact input, #contents-inner-contact select, #contents-inner-contact textarea {
    font-size: 18px;
    margin: 3px 0 3px 0;
    padding: 5px;
}

#contents-inner-contact table.form {margin:0px auto 50px auto; background-color: #ffffff; border-collapse: collapse; font-size: 18px; line-height: 1.8em;}

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

#contents-inner-contact table.form th,#contents-inner-contact table.form td { padding:15px 10px 15px 10px;}
#contents-inner-contact table.form th {width:200px; padding:20px; text-align:left; font-weight: 500; color:#1c2894; border:1px solid #ddd;background:#eceefd; }
#contents-inner-contact table.form td {box-sizing:border-box; padding:20px; border:1px solid #ddd;}




/*end --------------------*/
