@charset "utf-8";
/* CSS Document */
body {
	background: #FFF;
	color: #333;
	font-size: 16px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.6em;
}
#formheader{
	width:640px;
	margin:30px auto 0;

}
#formheader h1{
	text-align:center;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
#formheader h1 img{
	  /*width: 60%;*/
  height: auto;
  margin: 0;
}
#formheadAcs{
	text-align:center;
}
#formheader #formheadTel{
	text-align:center;
margin: 20px 0;
}
body #formheader #formheadTel p{
	font-size:18px;
	color:#7B9FD3; /* 電話番号の色をサイト色に合わせる */
	line-height:1.3em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
body #formheader #formheadTel p span {
	color: #7B9FD3;
	}
#formcontents{
	width:640px;
	margin:0 auto;
	overflow:hidden;

}
#formcontents p.contactttl {
	text-align:center;
}
#formcontents strong.contactttl{
color:#ea6d8d;
	
font-size: 120%;
	
display: block;
	
margin-top: 20px;
}

#formcontents a{
	color:#E39CA9;
	text-decoration:underline;
}
#formcontents a:hover{
	text-decoration:none;
}
#formcontents strong.contactttl01{
	font-size:150%;
	color:#E39CA9;
}

#formcontents h2{
	/* お問い合わせのタイトル */
	background-color:#7B9FD3;
	font-weight:nomal;
	color:#fff;
	font-size:138.6%; 
	padding:20px 15px 15px;
	font-weight:normal;
}
#formcontents .contactttl a:hover{
	text-decoration:underline;
}
#keitaiinfo{
	width:640px;
	margin:0 auto;
	overflow:hidden;

}
#keitaiinfo ul	{ margin:0px 0px 10px 10px; }
#keitaiinfo li	{ margin-bottom:5px; }
#keitaiinfo ul li	{ list-style:disc;padding:0px; }
#keitaiinfo ul li	a{ color: #00A6C2; }
blockquote{
	margin:0;
	padding:0;
}
blockquote.formbox01{
	border:3px solid #E39CA9;
	padding:8px;
	margin-bottom:20px;
}






.formtable{
	width:100%;
	font-size:12px;
}

.formtable th{
	padding:10px 20px;
border-bottom: 1px dotted #7B9FD3;
width:150px;
	background-color:#f0f8ff;
	text-align:left;

}

.alignTop{
	vertical-align:top;
}


.formtable td{
	padding:10px 20px;
	border-bottom:1px dotted #E39CA9;

}

.formtable tr{
	border-bottom:1px dotted #E39CA9;
}
.formtable span.hissu{
	color:#E70206;
}
div#formbutton{
	text-align:center;
	margin:20px;
}

#formarea p{
	padding:0;
	margin:10px 0;
}

p#reserve_message{
	margin:30px auto;
}


#formbutton {
	text-align: center;
	margin-top: 20px;
}

#formbutton a#send{
	padding:4px;
	border:1px solid #666;
	background-color:#999;
	color:#000;
	text-decoration:none;
}

#formbutton a#return{
	padding:4px;
	border:1px solid #666;
	background-color:#999;
	color:#000;
	text-decoration:none;
}
#formclose{
	text-align:center;
	margin-bottom:100px;
}
#formclose a{
	width:130px;
 border:1px solid #fcd2e8; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px;
 border-radius: 3px;
 padding: 10px 10px 10px 10px; 
 text-decoration:none; 
 display:inline-block;
  color: #FFFFFF;
  background: #E39CA9;
  background-image: -webkit-linear-gradient(top, #E39CA9, #cf7f8d);
  background-image: -moz-linear-gradient(top, #E39CA9, #cf7f8d);
  background-image: -ms-linear-gradient(top, #E39CA9, #cf7f8d);
  background-image: -o-linear-gradient(top, #E39CA9, #cf7f8d);
  background-image: linear-gradient(to bottom, #E39CA9, #cf7f8d);
}

#formclose a:hover{
  background: #4f86c5;
  background-image: -webkit-linear-gradient(top, #4f86c5, #31649e);
  background-image: -moz-linear-gradient(top, #4f86c5, #31649e);
  background-image: -ms-linear-gradient(top, #4f86c5, #31649e);
  background-image: -o-linear-gradient(top, #4f86c5, #31649e);
  background-image: linear-gradient(to bottom, #4f86c5, #31649e);
 border:1px solid #4f86c5; 
 }
 .imenone { ime-mode: disabled; }
 
@media screen and (max-width:640px) {
#formheader{
	width:100%;
	margin:0 auto;

}
#formcontents{
	width:100%;
	margin:0 auto;
	overflow:hidden;

}
.formtable th, .formtable td{
        display:block;
}
.formtable th{
	text-align:left;
	width:100%;
}


#keitaiinfo{
	width:100%;
	margin:0 auto;
	overflow:hidden;

}
}
@media (max-width: 480px){
.formtable{
	width:100%;
	font-size:14px;
}
.formtable input[type="text"],
.formtable textarea{
	font-size:14px;
}
blockquote{
	margin:0;
	padding:0;
}
#formheader h1{
	text-align:center;
	padding-top: 20px;

}
#formheader h1 img{

	text-align:center;

}

#formheader{
	width:100%;
	margin:0 auto;

}
body #formheader #formheadTel p{
	font-size:15px;
	/* color:#EE86A8; 電話番号の色をサイト色に合わせる */
}
#formcontents{
	width:100%;
	margin:0 auto;
	overflow:hidden;

}
.formtable th, .formtable td{
        display:block;
}
.formtable th{
	text-align:left;
	width:100%;
}
#keitaiinfo ul	{ margin:0px 0px 10px 0px; }


#keitaiinfo{
	width:100%;
	margin:0 auto;
	overflow:hidden;

}
#name2{width:95%;}
#kana{width:95%;}
#addr11{width:85%;}
#tel{width:95%;}
#email1{width:95%;}
#email2{width:95%;}
#free{width:95%;}
#formcontents strong.contactttl{
	font-size:110%;
	color:#E39CA9;
	line-height:1.5;
}
#formcontents strong.contactttl01{
	font-size:110%;
	color:#E39CA9;
}
.formtable th{
	padding:10px 10px 10px 5px;

}

.formtable td{
	padding:10px 10px 10px 5px;

}
.formtable #datepicker01{
	width:100%;
}
.formtable #datepicker02{
	width:100%;
}
.formtable #datepicker03{
	width:100%;
}
}
#msgbox{
	padding:10px;
	background-color:#56C5E2;
	margin-bottom:20px;
	border-radius:10px;
}
#msgbox p {
	padding:0; margin:0;
	text-align:center;
	line-height:1.3;

}
#msgbox p strong{
color:#fff; font-size:16px;
}
#formcontents #conform_send a#send {
background:#E62137;
	border-radius:5px;
border-color: #FFF;
color: #fff;
text-shadow: none;

}
#formcontents #conform_send a:hover#send {
	border-radius:5px;
background:#F098B2;
border-color: #FFF;
color: #fff;
text-shadow: none;

}
#formcontents #conform_send  .ui-btn-icon-left:after{
    background-color:#F098B2;
}

#formcontents #conform_return a#return {
    background:none;
    border: 1px solid #ddd;
    color: #F098B2;
	border-radius:5px;
    text-shadow: 0px 1px 0px #F3F3F3;
}
#formcontents #conform_return a:hover#return {
    background:#ddd;
    border: 1px solid #ddd;
    color: #fff;
	border-radius:5px;
    text-shadow: 0px 1px 0px #F3F3F3;
}

body #formheader #formheadTel .tel-link a{
	font-weight: normal !important;
	color: #7B9FD3;
}
#keitaiinfo .tel-link a{
	color: #E39CA9 !important;
}
.tel-link a{
	text-decoration: none !important;
}
.contact-plivacy-wrap{
	margin-top: 30px;
}
.contact-plivacy{
	height: 300px;
	overflow-y: scroll;
	/* margin: 0 30px; */
}
@media (max-width: 480px){
	.contact-plivacy{
		margin: 0 30px;
	}
}


.contact-plivacy dt{
	font-size: 17px;
	color: #7B9FD3;
    margin-bottom: 5px;
}
.contact-plivacy dd{
	margin-left: 1em;
}
.contact-plivacy dd:not(:last-child){
    margin-bottom: 15px;
}
.contact-plivacy-agree{
	padding: 0 20px;
	margin-top: 10px;
}
.contact-plivacy-agree label{
	font-size: 14px !important;
}


.js-accordion{
	cursor: pointer;
}
/* .js-accordion-sub{
	display: none;
} */

/* レスポンシブ */
@media (max-width: 480px){
  .view-pc{
    display: none;
  }
  .view-sp{
    display: block;
  }
}
@media (min-width: 480px){
  .view-pc{
    display: block;
  }
  .view-sp{
    display: none;
  }
}

.d-flex{
	display: flex !important;
}
@media (min-width: 480px){
	.d-lg-flex{
		display: flex !important;
	}
}
.align-items-center{
	align-items: center !important;
}
.contact-old-p{
	font-size: 16px;
}

.contact-old-item{
	margin-right: 10px;
}

.readonly-input .ui-focus{
	box-shadow: none !important;
}
@media (max-width: 480px){
.contact-old-item .ui-btn{
	padding: .7em 2.3em .7em .5em;
}
}