@charset "utf-8";

/* 予約カレンダー予約ボタン */
#container #booking-form #action-button button {
	cursor: pointer;
}

/*	下層共通
----------------------------------------------------------------------------------*/
.ttl01{
	margin:0;
	padding:24px 0 38px 104px;
	background:url(../images/common/ttl_bg01.png) no-repeat top left;
	font-size: 18px;
}
.ttl01.camera{
	margin:0 0 40px 0;
	padding:24px 0 38px 104px;
	background:url(../images/top/ttl_ico01.png) no-repeat top left;
}
.ttl02{
	margin:0 0 15px 0;
	padding:0;
	border-bottom:2px solid #5c3f21;
}
.ttl03{
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	font-size:18px;
	font-weight:bold;
	border-bottom:2px solid #5c3f21;
}
.ttl04{
}

.box01{
	margin-bottom:40px;
	overflow:hidden;
}
.box01 .floatL{width:600px; margin-left:20px;}
.box01 .floatR{width:280px;}
.box01 .floatR img{width:280px; height:auto;}

.box02{
	margin-bottom:40px;
	overflow:hidden;
}
.box02 .floatL{width:620px;}
.box02 .floatR{width:280px;}
.box02 .floatR img{width:280px; height:auto;}

.box03{
	margin-bottom:40px;
	overflow:hidden;
}
.box03 .floatL{width:280px;}
.box03 .floatR{width:620px;}
.box03 .floatL img{width:280px; height:auto;}

.box04{
	margin-bottom:60px;
	overflow:hidden;
}
.box04 .floatL{width:518px;}
.box04 .floatR{width:396px;}

.box05{
	margin-bottom:40px;
	overflow:hidden;
}
.box05 .floatL{width:520px;}
.box05 .floatR{width:382px;}



/*	page
----------------------------------------------------------------------------------*/
.feature01{overflow:hidden;}
.dvd01{overflow:hidden;}
.dvd01 li{margin:0 18px 0 0; float:left;}
.dvd01 li:last-child{margin:0;}


/*	FAQ
----------------------------------------------------------------------------------*/
ul.ico01{margin-bottom:80px;}
.ico01 li{
	padding:0 0 4px 12px;
	background:url(../images/page/ico01.png) no-repeat 0 7px;
}
.qa{margin-bottom:80px;}
.qa li{margin-bottom:30px;}
.qa dt{
	padding:0 0 0 50px;
	margin:0 0 10px 0;
	background:url(../images/page/q02.png) no-repeat 0 0;
}
.qa dt p{
	margin:0!important;
	padding:10px;
	font-weight:bold;
	background-color:#f2e7dc;
	border-radius:4px;
}
.qa dd{
	padding:0 0 0 60px;
	background:url(../images/page/a01.png) no-repeat 0 0;
}
.qa li.even dt{background:url(../images/page/q01.png) no-repeat 0 0;}


/*	design
----------------------------------------------------------------------------------*/
.design01{
	margin-bottom:40px;
	overflow:hidden;
}
.design01 dl{
	width:300px;
	margin:0 20px 0 0;
	float:left;
}
.design01 dl.last{margin:0;}
.design01 dt{margin-bottom:5px;}
.design01 dd{margin-bottom:5px;}
.design01 dd.alignC{font-weight:bold;}
.design02{margin-bottom:40px;}
.design02 dl{display:table;}
.design02 dt{width:200px; display:table-cell;}
.design02 dd{
	width:680px;
	padding:0 0 0 50px;
	display:table-cell;
	vertical-align:middle;
}
.design02 dt img{width:200px; height:auto;}


/*	access
----------------------------------------------------------------------------------*/
.access01{
	margin-bottom:20px;
	overflow:hidden;
}
.map{margin-bottom:60px;}
.access02{
	margin-bottom:20px;
	overflow:hidden;
}
.mapIllustTxt{width:520px; float:left;}
.mapIllust{width:400px; float:right;}
.mapIllust img{width:400px; height:auto;}

/* 来店予約ボタン */
.access01 .floatR a {
	display: inline-block;
	vertical-align: middle;
}

.access01 .floatR a img {
	vertical-align: bottom;
}

a.link-booking {
	color: #fff;
	background-color: #5c3f21;
	font-weight: bold;
	line-height: 0;
	padding: 21px 2em;
	text-decoration: none;
	margin-right: 1em;
	border-radius: 3px;
	transition: all .3s ease;
}

a.link-booking:hover {
	opacity: .7;
}

.box-okazaki {
	margin-top: 100px;
}

/*	DVD
----------------------------------------------------------------------------------*/
.box-movies iframe {
	max-width: 100%;
}

/* 20181210追記 */
@media only screen and (max-width: 640px) {
	.box-booking-link {
		margin-bottom: 30px;
	}
	
	a.link-booking {
		margin: 0 10px 0 0;
		display: inline-block;
	}
}


/*	写真
----------------------------------------------------------------------------------*/
.photo01{
	margin-bottom:30px;
	display:table;
}
.photo01 .left{
	width:440px;
	display:table-cell;
}
.photo01 .right{
	width:500px;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}
.photo01 .left img{
	width:400px;
	height:auto;
}



/*	テーブル
----------------------------------------------------------------------------------*/
.table01{
	width:100%;
	margin-bottom:30px;
	border-top:1px solid #5c3f21;
	border-left:1px solid #5c3f21;
}
.table01 th,
.table01 td{
	padding:8px 20px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	border-bottom:1px solid #5c3f21;
	border-right:1px solid #5c3f21;
}
.table01 th{background-color:#fff8eb;}
.table01 thead th,
.table01 thead td{
	font-weight:normal;
	text-align:center;
	background-color:#fff8eb;
}


/*	お問い合せ
----------------------------------------------------------------------------------*/
.contactTable{margin:0 auto; padding:40px 20px;}
#container .contactTable p{margin-bottom:10px!important;}
.contactTable table{
	width:100%;
	margin:0 auto 20px auto;
/*	border-top:1px solid #f0eae4;*/
}
.contactTable th,
.contactTable td{
	padding:15px 20px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	border-bottom:1px solid #f0eae4;
}
.contactTable th{font-weight:bold;}
.contactTable input,
.contactTable textarea{
	border:1px solid #ccc;
	padding:8px;
	font-size:14px;
}
.contactTable input.yubin{width:10em;}
.req{color:#F7521E; font-size:13px;}
.contactTable .wpcf7-list-item{display:block;}
.wpcf7c-conf{background-color: #ddd!important;}

.formBt{margin:0px auto 20px auto; text-align:center;}
.formBt input{
	padding:10px 60px;
	color:#fff;
	font-weight:bold;
	background-color:#5c3f21;
	border-radius:4px;
}
.formBt input:hover{opacity:0.7;}

/* -------------------------------------------------------------- */
/* フォーム用 */
/* -------------------------------------------------------------- */
.form-control, textarea, .tel-form-control {
  display: inline-block;
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff !important;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus, textarea:focus, .tel-form-control:focus {
  border-color: #b37a40;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(92, 63, 33, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(92, 63, 33, .6);
}
.form-control::-moz-placeholder, textarea::-moz-placeholder, .tel-form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control::-ms-input-placeholder, textarea::-ms-input-placeholder, .tel-form-control::-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .tel-form-control::-webkit-input-placeholder {
  color: #999;
}

.error_mes {
  background: #FFE2E2;
  border: #FF0000 solid 1px;
  padding: 1rem;
  line-height: 1.8;
  color: red;
  margin-bottom: 2rem;
  display: none;
}

/*	カレンダー
----------------------------------------------------------------------------------*/
.booking-form-people-number-row{display:none!important;}
.multiple-calendar .today .calendar-marking{
	width:36px;
	min-height:14px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/tel.png) no-repeat center;
}
.calendar-mark .article-name{display:none;}
.calendar-mark a .article-name{display:inline!important;}
.content-form label.course1,
.content-form label.course2,
.content-form label.course3,
.content-form label.course4,
.content-form label.tokuten1,
.content-form label.tokuten2,
.content-form label.tokuten3,
.content-form label.tokuten4,
.content-form label.tokuten5,
.content-form label.tokuten6,
.content-form label.tokuten7{
	padding:50px 0 50px 180px;
	display:block;
}
.content-form label.course1{background:url(../images/page/form_img01.jpg) no-repeat left center;}
.content-form label.course2{background:url(../images/page/form_img02.jpg) no-repeat left center;}
.content-form label.course3{background:url(../images/page/form_img03.jpg) no-repeat left center;}
.content-form label.course4{background:url(../images/page/form_img09.jpg) no-repeat left center;}
.content-form label.tokuten1{background:url(../img/form/resize/img-formBenefit-01.jpg) no-repeat left center;}
/*.content-form label.tokuten2{background:url(../img/form/img-form-11.JPG) no-repeat left center;} */
.content-form label.tokuten2{background:url(../img/form/img-form-12.jpg) no-repeat left center;}
.content-form label.tokuten3{background:url(../img/form/img-form-10.jpg) no-repeat left center;}
.content-form label.tokuten4{background:url(../img/form/resize/img-form-08.jpg) no-repeat left center;}

.option-note.tokuten{display:block; margin:10px 0 0 0;}
.option-note.tokuten span{color:#FF0000; font-size:90%;}

.tokutenEx,
.kikkakeEx{
	font-weight:normal;
	font-size:13px;
	line-height:1.5;
}
.tokutenEx span{color:#F30;}
.tokutenEx p{margin-bottom: 20px;}
.tokutenEx p:last-of-type{margin-bottom: 0 !important;}

/* 特典画像サイズ調整 */
@media only screen and (max-width: 640px) {
	.content-form label.tokuten1{
    }
}
@media print,screen and (min-width: 641px) {
    
    
}

.check-kikkake{display:block;}
th label.kikkake2{display:none;}
input#booking-option-kikkake2{width:80%;}
.calendar-time-mark, .calendar-mark {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
    font-size: 100%!important;
}

.txt-calendar-cap {
	text-align: right;
	position: relative;
	top: 36px;
	right: 0;
}

@media screen and (max-width : 640px){
.ttl01 {
	font-size: 18px !important;
}
.ttl01,
.ttl01.camera,
.ttl02,
.ttl03{
	margin:0 0 15px 0;
	padding:0;
	font-size:14px;
	border-bottom:2px solid #5c3f21;
	background:none;
}
/*.ttl01 img,
.ttl01.camera img,
.ttl02 img,
.ttl03 img{max-height:30px;}*/

.box01 .floatL{width:100%; margin:0 0 15px 0;}
.box01 .floatR{width:100%; margin:0 auto; text-align:center;}
.box02 .floatL{width:100%; margin:0 0 15px 0;}
.box02 .floatR{width:100%; margin:0 auto; text-align:center;}
.box03 .floatL{width:100%; margin:0 auto 15px auto; text-align:center;}
.box03 .floatR{width:100%;}
.box04 .floatL{width:100%; margin:0 0 15px 0;}
.box04 .floatR{width:100%;}
.box05 .floatL{width:100%; margin:0 0 15px 0;}
.box05 .floatR{width:100%; margin:0 auto; text-align:center;}

.design01 dl{
    width:100%;
    margin:0 0 10px 0;
    float:none;
}
.design01 dl dt{text-align:center; margin:0 auto 5px auto;}
.design02 dt{width:50%; padding:0;}
.design02 dt img{width:100%; height:auto;}
.design02 dd{width:50%; padding:0 0 0 10%;}

.mapIllustTxt{width:100%; float:none;}
.mapIllust{width:100%; float:none;}

.table01 th,
.table01 td{padding:8px 4px;}

.photo01{
	margin-bottom:15px;
	text-align:center;
}
.photo01 .left,
.photo01 .right{
	width:100%;
	margin:0 auto 5px auto;
	display:block;
}

.contactTable{padding:20px 0;}
.contactTable th{padding:14px 0 0 0; display:block; border-bottom:0;}
.contactTable td{padding:14px 0; display:block;}
.contactTable input,
.contactTable textarea{width:95%;}
.contactTable label input{width:auto!important;}

.multiple-calendar td{line-height:1.2; font-family:12px;}
.content-form label.course1,
.content-form label.course2,
.content-form label.course3,
.content-form label.course4,
.content-form label.tokuten1,
.content-form label.tokuten2,
.content-form label.tokuten3,
.content-form label.tokuten4,
.content-form label.tokuten5,
.content-form label.tokuten6,
.content-form label.tokuten7{padding:100px 0 15px 0;}


.form-control-postal {
	width: 70% !important;
}

.mw_wp_form .vertical-item {
	margin: 1em 0;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

}

/* 当店の特徴のゼクシィのバナーの位置調整*/
img.img-margin-top {
		display: block;
		margin: 0 auto;
	}
.is-width-50 {
	width: 50%;
	max-width: 320px;
	margin: 0 auto;
}
@media all and (min-width: 641px) {
	img.img-margin-top {
		margin: 50px auto 0 auto;
	}
}

/* 予約カレンダー分岐ページ */
.box-select-store a img {
	max-width: 100%;
}
@media only screen and (max-width: 640px) {
	.box-select-store h2 {
		margin-bottom: 2rem;
	}
	.box-select-store a {
		max-width: 300px;
		margin: 0 auto;
		display: block;
	}
	.box-select-store a:not(:last-of-type) {
		margin-bottom: 2rem;
	}
}
@media print,screen and (min-width: 641px) {
	.box-select-store {
		overflow: hidden;
		width: 800px;
		margin: 0 auto;
	}
	.box-select-store h2 {
		margin-bottom: 2rem;
	}
	.link-nagoya {
		width: 350px;
		float: left;
	}
	.link-okazaki{
		width: 350px;
		float: right;
	}
}

/* 岡崎店紹介ページ */
@media only screen and (max-width: 640px) {
	.only-pc {
		display: none;
	}
	img.img-okazaki-margin {
		margin-top: -26px;
	}
}

@media print,screen and (min-width: 641px) {
	.area-okazaki {
		text-align: center;
	}
	img.img-okazaki {
		display: block;
		width: 600px;
	}
	img.img-okazaki-margin {
		margin-top: -34px;
	}
}