@charset "UTF-8";

	/*
	#container_area ul li .error_radio ,
	#container_area ul li .error_checkbox ,
	#container_area ul li .error select ,
	#container_area ul li .error input ,
	#container_area ul li .error textarea ,
	#container_area ul li .error label {
		background:#FFCCCC !important;
	}
	*/


	.error_radio ,
	.error_checkbox ,
	.error select ,
	.error input ,
	.error textarea ,
	.error label {
		background:#FFCCCC !important;
	}



	.focus input ,
	.focus textarea {
		background:#FFFFCC !important;
	}





	* html dl dd.error label {
		background:none;
	}

	*+html dl dd.error label{
		background:none;
	}

/*
	dl dd p.error{
		margin:0;
		color:red;
		font-weight:bold;
		margin-bottom:1em;
	}
*/

	.shuiro-text {
		color: #cd0a0a;
	}

	p.error {
		margin:0;
		color:red;
		font-weight:bold;
		margin-bottom:1em;
	}

	span.error {
		margin:0;
		color:red;
		font-weight:bold;
		/*	margin-bottom:1em;*/
	}

	.ok{
		margin:0;
		color:blue;
		font-weight:bold;
		/*	margin-bottom:1em;*/
	}




	#submit_button_sendmail,
	#submit_button {
		/*
		padding: 20px 40px;
		font-size: 16px;
		background-color: #ffffff;
		color: #024a8e;
		cursor: pointer;
		*/

		border: 0 none;

		/*cursor: default;*/
		cursor: pointer;

		display: table;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		width: 339px;
		background-position: top;
		overflow: hidden;
		height: 1px;
		text-indent: -99999px;


	}

	#submit_button_sendmail,
	#submit_button {
		padding:60px 0 0;
	}

	#submit_button {
		background: url(img/btn-confirm.png);
		background-size: 100%;
		height: 69px;
		box-sizing: border-box;
		margin-bottom: 100px;
		padding: 0;
		width: 295px;
		margin: 23px auto 30px;
	}


	#confirm-send-block{
		width: 295px;
		display: block;
		margin: 45px auto 30px;
		height: auto;
	}
	#submit_button_sendmail {
		background: url(img/btn_confirm_send.jpg) no-repeat top center;
		background-size: 100%;
		width: 100%;
		height: 70px;
		padding: 70px 0 0;
		margin: 0;
	}






/*id_edit*/

.fixBtn {
	position: fixed;
	bottom: 0px;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

.fixBtn img{
	display: block;
	margin: 0 auto;
	width: 100%;
}

body{
	margin: 0;
	font-family: sans-serif ;
}
form input{font-size: 16px;}

#container_area{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.wrapper img{
	width: 100%;
	vertical-align: bottom;
}

header{
	background: #000;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	height: 67px;
}
.header-parts{
	display: flex;
	justify-content: space-between;
}
.header-parts-logo{
	width: 232px;
}
.header-parts-logo a{
	display: block;
}
.header-parts-logo a img{
	width: 100%;
	margin-top: 1px;
}
.header-parts-btn{
	width: 100px;
}
.header-parts-btn a{
	display: block;
}
.header-parts-btn a img{
	width: 100%;
}

.main-kv{
	position: relative;
}
.main-kv .btn-reserve{
	position: absolute;
	bottom: 40px;
	right: 0;
	left: 0;
	margin: auto;
	width: 90%;
	display: block;
}

.corona-caution{
	box-sizing: border-box;
	width: 89%;
	display: block;
	margin: 0 auto 40px;
	border-radius: 3px;
	padding: 30px 0 0px;
}
#container_area .corona-caution img{
	/*height: 16px;*/
	width: 100%;
	display: block;
	margin: 0 auto 10px;
}

.block-course{
	position: relative;
	margin-bottom: 75px;
}
.block-course.contact-before{
	margin-bottom: 75px;
}

.block-course img{}
.block-course h4{margin: 0;}
.block-course .block-course-img{
	position: absolute;
	bottom: 31px;
	right: 0;
	left: 0;
	margin: auto;
	width: 78%;
	display: block;
}

.block-itakunai{
	margin-bottom: 50px;
}
.block-itakunai h4{
	margin: 0;
}
.block-patch{margin-bottom: 50px;}

.block-reason{}
.block-reason h4{margin: 0;}

.block-kodawari{}
.block-kodawari img{}

.block-merit{}
.block-merit h4{
	margin: 0;
}
.block-merit h4 img{}
.block-merit img{}


.block-promise{}
.block-promise h4{margin: 0;}
.block-promise h4 img{}
.block-promise ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.block-promise ul li{}
.block-promise ul li img{}


.block-voice{margin-bottom: 50px;}
.block-voice h4{margin: 48px auto 37px;}
.block-voice h4 img{}
.block-voice ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.block-voice ul li{}
.block-voice ul li img{
	margin-bottom: 15px;
}


.block-faq{}
.block-faq h4{margin: 45px auto 40px;}
.block-faq h4 img{}
.block-faq ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.block-faq ul li{margin-bottom: 3px;}
.block-faq ul li strong{
	position: relative;
	padding: 0 10px 0 55px;
	display: block;
	line-height: 60px;
	background: #000;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.block-faq ul li p{
	margin: 0;
	font-size: 14px;
	padding: 17px;
}
.block-faq ul li .toggle_body{display: none;}
.block-faq ul li .anser{}

.block-faq ul li strong::after {
	content: "＋";
	position: absolute;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	right: 13px;
	line-height: 60px;
}
.block-faq ul li strong.active::after {
	content: "ー";
}


.block-faq ul li.list-01 strong{
	background: url(img/icon_q1.jpg) no-repeat left 15px center #000;
	background-size: 33px;
}
.block-faq ul li.list-02 strong{
	background: url(img/icon_q2.jpg) no-repeat left 15px center #000;
	background-size: 33px;
}
.block-faq ul li.list-03 strong{
	background: url(img/icon_q3.jpg) no-repeat left 15px center #000;
	background-size: 33px;
}
.block-faq ul li.list-04 strong{
	background: url(img/icon_q4.jpg) no-repeat left 15px center #000;
	background-size: 33px;
}
.block-faq ul li.list-05 strong{
	background: url(img/icon_q5.jpg) no-repeat left 15px center #000;
	background-size: 33px;
}
.block-faq ul li.list-06 strong{
	background: url(img/icon_q6.jpg) no-repeat left 15px center #000;
	background-size: 33px;
}


.block-salon{
	background: #eeeeee;
	padding-bottom: 50px;
	margin-bottom: 15px;
}
.block-salon h4{
	margin: 0;
	padding: 50px 0 50px;
}

.block-salon-inner{
	box-sizing: border-box;
	padding: 15px 15px 35px 15px;
	background: #fff;
	margin: 0 18px;
	border-radius: 18px;
}

.block-salon-inner h5{margin: 0;}
.block-salon-inner h5 img{
	padding:28px 0;
}

.block-salon-inner-address{
	margin-top: 25px;
}
.block-salon-inner-address dl{
	border-top: 1px solid #000;
	margin: 0;
	font-size: 14px;
	padding: 20px 0 20px 0;
}
.block-salon-inner-address dl dd{
	margin: 0;
	display: inline-block;
	width: 80px;
	vertical-align: top;
	color: #000;
}
.block-salon-inner-address dl dt{
	display: inline-block;
	width: calc(100% - 85px);
	vertical-align: top;
	color: #000;
}
.block-salon-inner-address dl dt.double{
	line-height: 20px;
}

.block-salon-inner-btn{}
.block-salon-inner-btn img{}


form ul.form-parts{
	margin: 0 17px;
	list-style: none;
	padding: 0;
	color: #3a3a3a;
}

.block-contact{
	margin: 0;
}

.input{}
span.require{
	width: 40px;
	height: 22px;
	background: #dd1c27;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 13px;
	margin-right: 8px;
	line-height: 23px;
	font-weight: normal;
	vertical-align: top;
	border-radius: 3px;
}
span.any{
	width: 40px;
	height: 22px;
	background: #999999;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 13px;
	margin-right: 8px;
	line-height: 23px;
	font-weight: normal;
	vertical-align: top;
	border-radius: 3px;
}

h2.block-contact{
	margin-bottom: 30px;
}
h2.block-contact img{}


/*店舗選択*/
.shop-list {
	margin-bottom: 23px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 14px;
}

#title_shop{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
input.shop{
	display: none;
}
.shop-contact-radio{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.shop-contact-radio span{
	width: 48%;
	margin-bottom: 7px;
}
.shop-contact-radio span label{
	background: url(img/radio_off.jpg) no-repeat center left 10px;
	background-size: 20px;
	display: block;
	min-height: 45px;
	line-height: 43px;
	box-sizing: border-box;
	padding-top: 2px;
	padding-left: 40px;
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid #cccccc;
}
.shop-contact-radio span input:checked + label{
	background: url(img/radio_on.jpg) no-repeat center left 10px #dd1c27;
	background-size: 20px;
	border: 1px solid #dd1c27;
	color: #fff;
}




/*名前*/

.name-list .input.name p{
	display: inline-block;
	color: #3a3a3a;
	width: 25px;
	margin: 0;
	font-size: 15px;
}
.name-sei{
	display: block;
	margin-bottom: 10px;
}
.name-mei{
	display: block;
	margin-bottom: 10px;
}
.name-list .input span input{
	height: 45px;
	border: 1px solid #dddddd;
	width: calc(100% - 34px);
	padding: 5px;
	box-sizing: border-box;
}
#title_name{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

.name-list{
	margin-bottom: 23px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 14px;
}

/*フリガナ*/

.kana-list{
	margin-bottom: 24px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 14px;
}
.kana-list .input span input{
	height: 45px;
	border: 1px solid #dddddd;
	width: calc(100% - 47px);
	padding: 5px;
	box-sizing: border-box;
}
.kana-list .input.hurigana p {
	display: inline-block;
	color: #3a3a3a;
	width: 35px;
	margin: 0;
	font-size: 15px;
}

/*メールアドレス*/

.address-list{
	margin-bottom: 22px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 18px;
}
input#mail{
	height: 45px;
	border: 1px solid #dddddd;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
	margin-bottom: 20px;
}
#subtitle_mail{
	font-size: 13px;
	line-height: 1.85em;
	letter-spacing: -0.03em;
}
#subtitle_mail b{
	display: block;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: bold;
}
#subtitle_mail span.txt-address{
	color: #dd1c27;
}
#title_mail{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
}

/*メールアドレス*/
/*確認*/

.address-list-02{
	margin-bottom: 24px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 6px;
}
#title_mail_confirm{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
}

input#mail_confirm{
	height: 45px;
	border: 1px solid #dddddd;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
	margin-bottom: 20px;
}


/*電話番号*/
.tel-list{
	margin-bottom: 24px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
}
#title_tel{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
}
input#tel{
	height: 45px;
	border: 1px solid #dddddd;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
	margin-bottom: 20px;
}

/*第一希望日*/

.preferred-date-first-list{
	margin-bottom: 25px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 4px;
}
#title_datetime{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
}
input#datetime{
	height: 45px;
	border: 1px solid #dddddd;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
	margin-bottom: 20px;
}


/*第二希望日*/

.preferred-date-second-list{
	margin-bottom: 24px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 2px;
}
#title_datetime_2{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
}
input#datetime_2{
	height: 45px;
	border: 1px solid #dddddd;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
	margin-bottom: 20px;
}

/*電話可能な時間帯*/
.tel-radio-list{
	margin-bottom: 25px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 19px;
}

#title_tel_contact{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
}

input.tel_contact{
	display: none;
}
.tel-contact-radio{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tel-contact-radio span{
	width: 48%;
	margin-bottom: 7px;
}
.tel-contact-radio span label{
	background: url(img/radio_off.jpg) no-repeat center left 10px;
	background-size: 20px;
	display: block;
	min-height: 45px;
	line-height: 43px;
	box-sizing: border-box;
	padding-top: 2px;
	padding-left: 40px;
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid #cccccc;
}
.tel-contact-radio span input:checked + label{
	background: url(img/radio_on.jpg) no-repeat center left 10px #dd1c27;
	background-size: 20px;
	border: 1px solid #dd1c27;
	color: #fff;
}

.tel_contact_1{}
.tel_contact_2{}
.tel_contact_3{}
.tel_contact_4{}
.tel_contact_5{}
.tel_contact_6{}
.tel_contact_7{}


/*お問い合わせ詳細*/
.request-list{
	margin-bottom: 25px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 0px;
}
#title_request{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 7px;
}
.request-textarea textarea{
	height: 180px;
	border: 1px solid #dddddd;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
	margin-bottom: 18px;
	font-size: 13px;
}
.request-textarea textarea:placeholder{color: #757575;}


/*同意確認*/
.approval-list{
	margin-bottom: 16px;
	padding-bottom: 7px;
}

#title_approval{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 7px;
}

.approval-list input#approval{display: none;}
.approval-list input#approval + label{
	background: url(img/radio_off.jpg) no-repeat center left 10px;
	background-size: 20px;
	display: block;
	min-height: 45px;
	line-height: 43px;
	box-sizing: border-box;
	padding-top: 2px;
	padding-left: 36px;
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid #cccccc;
}

.approval-list input#approval:checked + label{
	background: url(img/radio_on.jpg) no-repeat center left 10px #dd1c27;
	background-size: 20px;
	border: 1px solid #dd1c27;
	color: #fff;
}

/*ご確認ください*/
.block-caution{}
.block-caution p{
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 7px;
}
.caution-text-box{
	width: 100%;
	border: 1px solid #ccc;
	overflow-y: scroll;
	height: 200px;
}
.caution-text-box p{
	box-sizing: border-box;
	font-size: 13px;
	line-height: 1.5em;
	padding: 15px 30px 15px 23px;
	margin: 0;
}


.send-block{
	display: block;
}
.for-miseinen{
	background: #eeeeee;
	padding: 25px 0;
}
.for-miseinen a img{
	display: block;
	width: 295px;
	margin: 0 auto;
}

.plan-caution{
	box-sizing: border-box;
	padding: 21px 15px 48px;
}
.plan-caution p{
	font-size: 13px;
	word-break: break-all;
	margin: 0;
}

footer{
	height: 60px;
	background: #000;
}
footer p{
	font-size: 11px;
	text-align: center;
	line-height: 60px;
	margin: 0;
	color: #fff;
}


/*確認*/
h2.confirm-title{
	width: 100%;
	margin: 0;
}
.confirm-title img{
	width: 100%;
	display: block;
}
.confirm-block{
	color: #3a3a3a;
}

ul.confirm-block-list{
	margin: 30px 20px;
	padding: 0;
}
ul.confirm-block-list li{
	list-style: none;
	display: block;
	margin-bottom: 20px;
}

ul.confirm-block-list li .title{
	font-size: 15px;
	margin-bottom: 3px;
	font-weight: bold;
	line-height: 1.5em;
}
ul.confirm-block-list li .input{
	font-size: 15px;
	line-height: 1.5em;
}


/*サンクスページ*/
.thankspage-inner{}
.thankspage-inner h4{
	display: block;
	margin: 40px auto;
}
.thankspage-inner h4 img{
	display: block;
	margin: 0 auto;
	width: 251px;
}
.thankspage-inner p{
	font-size: 14px;
	text-align: center;
	line-height: 1.714em;
}

.bnr-lines{
	display: block;
	margin: 40px auto 50px;
}
.bnr-lines a{}
.bnr-lines a img{
	width: 295px;
	display: block;
	margin: 0 auto;
}

.btn-top{
	display: block;
	margin: 0 auto 50px;
	width: 200px;
	height: 40px;
}
.btn-top a{
	display: block;
	width: 100%;
	line-height: 40px;
	border: 1px solid #666666;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
}


@media screen and (min-width: 751px){
	#container_area{
		width: 750px;
	}
	.block-faq h4 img {
		width: 50%;
		display: block;
		margin: 0 auto;
	}
	.block-reason h4 img{
		width: 50%;
		display: block;
		margin: 0 auto;
	}
	.block-promise {
		background: #eeeeee;
	}
	.block-promise h4 img {
		width: 50%;
		display: block;
		margin: 0 auto;
	}
	.block-salon h4 img{
		width: 50%;
		display: block;
		margin: 0 auto;
	}
	.block-salon-inner-btn img {
		width: 50%;
		display: block;
		margin: 0 auto;
	}
	.block-contact{
		background: #eeeeee;
	}
	.block-contact > img{
		width: 50%;
		display: block;
		margin: 0 auto 30px;
	}

	.main-kv .btn-reserve{bottom: 73px;}
	.block-course .block-course-img {bottom: 61px;}

	.fixBtn img{
		width: 500px;
	}



}


.popup-text{color: #666;}
.popup-text p{margin-bottom: 4%;font-size: 3.5vw;line-height: 1.8;}
.popup-text b{font-weight: bold;display:block;font-size: 4vw;margin-bottom:4%;}
.popup-text dl{font-size: 3.5vw;line-height: 1.8;}
.popup-text dt{ font-weight: bold;}
.popup-text hr{width:100%;}
.popup-text ul{font-size: 3.5vw;line-height: 1.8;margin-bottom: 7%;}
.popup-text li{text-indent: -3.8vw;padding-left: 3.8vw;margin-bottom: 2%;}

.popup { position: fixed; left: 0;top: 0; width: 100%;height: 100%;z-index: 9999;opacity: 0;visibility: hidden;transition: .6s; }
.popup.is-show {opacity: 1;visibility: visible;}
.popup-inner {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;max-width: 84%;max-height: 84%;padding: 9% 4% 6%;background-color: #fff;z-index: 2;overflow: auto;}
.popup-inner img { width: 100%;}
.popup-inner a{
	text-decoration: none;
}
.close-btn { position: absolute; right: 0;top: 0; width: 50px; height: 50px;line-height: 50px;text-align: center;cursor: pointer;}
.close-btn i { font-size: 20px; color: #333;}
.black-background { position: absolute;left: 0;top: 0;width: 100%; height: 100%;background-color: rgba(0,0,0,.8);z-index: 1;cursor: pointer;}