@charset "utf-8";
/* CSS Document */

/*　ランディングページの下に入れる場合確認画面はオーバーレイじゃないとダメ　*/

form#mailformpro label {
margin: 3px;
padding: 5px 20px 5px 5px !important;
font-weight: normal;
border-radius: 3px;
}
form#mailformpro label.mfp_checked {
padding: 3px 20px 3px 5px !important;
}
.cont_cont {
width: 100%;
margin: 0px auto;
}
@media (min-width: 991px) {
  .cont_cont {
  width: 80%;
  margin: 0px auto;
  }
}
@media (min-width: 1200px) {
  .cont_cont {
  width: 1000px;
  margin: 0px auto;
  }
}
.cont_cont  ul li {
list-style: none;
}

/*　フォームスタイル　*/

.contact_thanks {
text-align: center;
margin: 120px 0px 140px;
}
.contact_thanks p {
line-height: 30px !important;
}
@media (max-width: 767px) {
  .contact_thanks {
  margin: 40px 0px 40px;
  }
}

/*   input select textarea   */

.contact_waku input,
.contact_waku select,
.contact_waku textarea {
font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 12px !important;
	font-size: 15px;
	border: solid 1px #b4b4b4;
	margin: 0 0 0px 0px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.contact_waku textarea {
	height: 180px !important;
}
.red_sure {
	padding: 0px 0px 0px 0px;
	color: #fc4545;
	font-size: 13px;
	font-weight: normal;
}
table.contact_waku {
	margin: 0px auto;
	width: 100%;
	font-size: 15px;
	clear: both;
	border: none;
	display: table;
}

/* カレンダー */

.th_calendar {
background: none;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px dotted #d0c38c;
font-weight: normal;
padding: 5px 10px 30px;
text-align: center;
}
.calend_ttl {
text-align: center;
padding: 0px 0px 10px;
}
.contact_waku .business-calendar {
font-size: 14px;
}
.contact_waku .business-calendar-attribute .attr0,
.contact_waku .business-calendar-attribute .attr1 {
font-size: 12px;
}
.contact_waku .business-calendar-attribute .attr1 {
background: #ccffcc;
color: #000;
}
@media (min-width: 768px) {
  .contact_calendar {
  width: 95%;
  margin: 0px auto;
  border-radius: 5px;
  padding: 15px 0px 25px;
  background: #fff;
  }
  .calend_ttl {
  font-size: 13px;
  }
  .contact_waku .business-calendar-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: 0px auto;
  }
  .contact_waku .business-calendar-box div {
  width: 48%;
  }
  .contact_waku .business-calendar-box ul {
  width: 100%;
  } 
}

/* th */
.contact_waku th.title {
width: 100%;
background: none;
vertical-align: middle;
padding: 13px 20px 26px 20px;
font-weight: normal;
text-align: left;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px dotted #d0c38c;
}
@media (max-width: 767px) {
  .contact_waku th.title {
  display: block;
  padding: 10px 20px 10px 10px;
  width: 90%;
  }
}
@media (min-width: 768px) {
  .contact_waku th.title {
  width: 32%;
  padding: 13px 25px 13px 20px;
  display: clear;
  }
  .contact_waku th.invit {
  border-bottom: none;
  }
}

/* td */
.contact_waku td.type {
vertical-align: middle;
padding: 22px 0px 22px 20px;
text-align: left;
width: 100%;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px dotted #d0c38c;
}
.contact_waku .frmttl {
display: inline-block;
width: 7%;
padding: 0px;
font-size: 14px;
}
.sma_block {
display: inline-block;
 }
@media (max-width: 767px) {
  .contact_waku td.type {
  display: block;
  padding: 10px 0px 16px 10px;
  width: 96%;
  }
  .contact_waku .frmttl {
  width: 10%;		
  padding: 0px;
  }
  .sma_block {
  display: block;
  }
}
@media (min-width: 768px) {
  .contact_waku td.type {
  width: 70%;
  }
  .contact_waku td.type.space {
  padding: 22px 0px 22px 10px;
  }
}

.contact_waku .sure {
padding: 0px 0px 0px 5px;
color: #fc4545;
font-size: 18px;
font-weight: normal;
}
.contact_waku label {
display:inline-block !important;
margin: 0px 15px 0px 0px !important;
}
.contact_waku .font_slct {
font-size: 15px;
}

.hop_cost {
display: block;
font-size: 15px;
margin: -20px 0px 0px 0px;
}
@media (max-width: 767px) {
  .hop_costttl {
  margin: 0px !important;
  padding: 0px !important;
  }
  .hop_cost {
  margin: -40px 0px 20px 0px;
  }
}

/* ul */
.contact_waku ul.list_radio,
.contact_waku ul.list_check {
margin: 0px;
padding: 0px;
}

@media (max-width: 767px) {
  ul.list_radio li.inline_f,
  ul.list_check li {
		clear: both;
		display: block;
		}
}
@media (min-width: 768px) {
  ul.list_radio li.inline_f {
  float: left;
  }
  ul.list_check li.inline_f {
  float: left;
  width: 50%;
  }
}

.contact_waku ul.add_ress {
margin: 0px;
padding: 0px;
}
.contact_waku ul.add_ress li {
padding: 0px 0px 15px 0px;
}
.contact_waku ul.add_ress li:last-child {
padding: 0px 0px 0px 0px;
}
.contact_waku ul.add_ress li.inlineko {
display: inline-block;
}
.contact_waku .wd150 {
padding-left: 15px;
display: inline-block;
font-size: 16px;
}
@media (max-width: 767px) {
  .contact_waku .wd150 {
  display: block;
  padding-left: 0px;
  }
  .contact_waku ul.add_ress li .wd150none { 
  display: none;
  }
  .contact_waku .spinline {
  display: inline-block !important;
  }
}

/* input size */

@media (min-width: 768px) {
  .width_01 {
  width: 75% !important;
  }
  .width_02 {
  width: 20em!important;
  }
  .width_03 {
  width: 20% !important;
  }
}
@media (max-width: 767px) {
  .width_sma {
   width: 90% !important;
  }
  .width_sma02 {
   width: 27%!important;
  }
}

/* select font */

.contact_waku select {
font-size: 16px;
border: solid 1px #b4b4b4;
background: #fff;
}

/* 来店予約 */

.contact_waku td.invit_01 {
border-bottom: none;
padding-bottom: 10px;
}
.contact_waku td.invit_02 {
border-bottom: none;
padding-top: 0px;
padding-bottom: 10px;
}
.contact_waku td.invit_03 {
padding-top: 0px;
border: none;
}
.contact_waku select.invit {
padding: 10px !important;
font-size: 15px;
}
.contact_waku select.invit label {
font-style: normal;
}

/* 郵便番号 */

@media (max-width: 767px) {
  .post_icon {
  display: none;
  }
}

/*　バナースタイル　*/

.button-chu {
padding: 15px 0px;
color: #666;
}

div.mfp_buttons button#mfp_button_confirm {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
text-shadow: none !important;
border: none !important;
border-radius: 0px;
width: 272px;
height: 65px;
cursor: pointer;
background: url(images/confirm_btn_kakunin.png) left top no-repeat;
}
div.mfp_buttons button#mfp_button_confirm:hover {
background: url(images/confirm_btn_kakunin_on.png) left top no-repeat;
}
div.mfp_buttons button#mfp_button_send {
margin: 30px 0px 0px 0px !important;
width: 170px;
height: 55px;
text-indent: -999999px;
border: none;
border-radius: 0px;
cursor: pointer;
background: url(images/confirm_btn_soushin.png) left top no-repeat;
}
@media (min-width: 768px) {
  div.mfp_buttons button#mfp_button_send {
  margin: 30px 0px 30px 0px;
  }
}

div.mfp_buttons button#mfp_button_send:hover {
text-indent: -999999px;
background: url(images/confirm_btn_soushin_on.png) left top no-repeat;
}
div.mfp_buttons button#mfp_button_cancel {
margin: 30px 0px 30px 0px !important;
width: 170px;
height: 55px;
text-indent: -999999px;
border: none;
border-radius: 0px;
cursor: pointer;
background: url(images/confirm_btn_cancel.png) left top no-repeat;
}
div.mfp_buttons button#mfp_button_cancel:hover {
background: url(images/confirm_btn_cancel_on.png) left top no-repeat;
}


/*　確認画面-スタイル上書き　*/

table#mfp_confirm_table {
border: none;
width: 85%;
margin: 15px auto 0px;
border-top: 1px solid #b3cf86;
border-right: 1px solid #b3cf86;
}
table#mfp_confirm_table tr.mfp_colored {
background-color: #FFF !important;
}
table#mfp_confirm_table tr.mfp_achroma {
background-color: #FFF;
}
table#mfp_confirm_table tr th {
width: 35%;
text-align: left;
border-top: solid 1px #fff;
border-right: solid 1px #b3cf86;
border-bottom: none;
padding: 18px 10px !important;
background: #b5dc5e !important;
font-weight: bold;
font-size: 16px;
vertical-align: middle;
color: #fff;
}
@media (max-width: 767px) {
  table#mfp_confirm_table tr th {
  display: block;
  border-bottom:none;
  padding: 10px 10px !important;
  }
}

table#mfp_confirm_table tr td {
text-align: left;
border-top: none;
border-right: solid 1px #b3cf86;
border-bottom: solid 1px #b3cf86;
padding: 13px 10px !important;
font-size: 15px;
vertical-align: middle;
}
@media (max-width: 767px) {
  table#mfp_confirm_table tr td {
  display: block;
  }
}

div#mfp_phase_confirm {
clear: both;
}
div#mfp_phase_confirm h4 {
font-size: 150% !important;
padding:60px 0px 30px 0px !important;
text-align: center;
}
div#mfp_overlay_inner h4 {
font-size: 23px !important;
padding: 0px !important;
text-align: center;
color: #414141;
}
#inform .confirm_bg {
width: 90%;
margin: 0 auto;
border: #ccc;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
padding: 1em;
background: #F6F5EB;
}
.mfp_thanks {
margin:0px 0px 0px !important;
font-size:18rem !important;
text-align:center !important;
padding:150px 0px 250px;
}


.banner_img {
margin: 0px 0px 20px;
height: auto;
}

.contact_waku .mb00{margin-bottom:0px !important;}
.contact_waku .mb05{margin-bottom:5px !important;}
.contact_waku .mb10{margin-bottom:10px !important;}
.contact_waku .mb15{margin-bottom:15px !important;}
.contact_waku .mb20{margin-bottom:20px !important;}
.contact_waku .mb25{margin-bottom:25px !important;}
.contact_waku .mb30{margin-bottom:30px !important;}
.contact_waku .mb35{margin-bottom:35px !important;}
.contact_waku .mb40{margin-bottom:40px !important;}
.contact_waku .mb45{margin-bottom:45px !important;}
.contact_waku .mb50{margin-bottom:50px !important;}

.contact_waku .mt00{margin-top:0px !important;}
.contact_waku .mt05{margin-top:5px !important;}
.contact_waku .mt10{margin-top:10px !important;}
.contact_waku .mt15{margin-top:15px !important;}
.contact_waku .mt20{margin-top:20px !important;}
.contact_waku .mt25{margin-top:25px !important;}
.contact_waku .mt30{margin-top:30px !important;}
.contact_waku .mt40{margin-top:40px !important;}
.contact_waku .mt45{margin-top:45px !important;}
.contact_waku .mt50{margin-top:50px !important;}

.contact_waku .mr00{margin-right:0px !important;}
.contact_waku .mr05{margin-right:5px !important;}
.contact_waku .mr10{margin-right:10px !important;}
.contact_waku .mr15{margin-right:15px !important;}
.contact_waku .mr20{margin-right:20px !important;}
.contact_waku .mr25{margin-right:25px !important;}
.contact_waku .mr30{margin-right:30px !important;}
.contact_waku .mr35{margin-right:35px !important;}
.contact_waku .mr40{margin-right:40px !important;}
.contact_waku .mr45{margin-right:45px !important;}
.contact_waku .mr50{margin-right:50px !important;}

.contact_waku .ml00{margin-left:0px !important;}
.contact_waku .ml05{margin-left:5px !important;}
.contact_waku .ml10{margin-left:10px !important;}
.contact_waku .ml15{margin-left:15px !important;}
.contact_waku .ml20{margin-left:20px !important;}
.contact_waku .ml25{margin-left:25px !important;}
.contact_waku .ml30{margin-left:30px !important;}
.contact_waku .ml35{margin-left:35px !important;}
.contact_waku .ml40{margin-left:40px !important;}
.contact_waku .ml45{margin-left:45px !important;}
.contact_waku .ml50{margin-left:50px !important;}

.contact_waku .pt00{padding-top:0px !important;}
.contact_waku .pt05{padding-top:5px !important;}
.contact_waku .pt10{padding-top:10px !important;}
.contact_waku .pt15{padding-top:15px !important;}
.contact_waku .pt20{padding-top:20px !important;}
.contact_waku .pt25{padding-top:25px !important;}
.contact_waku .pt30{padding-top:30px !important;}
.contact_waku .pt35{padding-top:35px !important;}
.contact_waku .pt40{padding-top:40px !important;}
.contact_waku .pt45{padding-top:45px !important;}
.contact_waku .pt50{padding-top:50px !important;}
.contact_waku .pt55{padding-top:55px !important;}

.contact_waku .pr00{padding-right:0px !important;}
.contact_waku .pr05{padding-right:5px !important;}
.contact_waku .pr10{padding-right:10px !important;}
.contact_waku .pr15{padding-right:15px !important;}
.contact_waku .pr20{padding-right:20px !important;}
.contact_waku .pr25{padding-right:25px !important;}
.contact_waku .pr30{padding-right:30px !important;}
.contact_waku .pr35{padding-right:35px !important;}
.contact_waku .pr40{padding-right:40px !important;}
.contact_waku .pr45{padding-right:45px !important;}
.contact_waku .pr50{padding-right:50px !important;}
.contact_waku .pr55{padding-right:55px !important;}

.contact_waku .pl00{padding-left:0px !important;}
.contact_waku .pl05{padding-left:5px !important;}
.contact_waku .pl10{padding-left:10px !important;}
.contact_waku .pl15{padding-left:15px !important;}
.contact_waku .pl20{padding-left:20px !important;}
.contact_waku .pl25{padding-left:25px !important;}
.contact_waku .pl30{padding-left:30px !important;}
.contact_waku .pl35{padding-left:35px !important;}
.contact_waku .pl40{padding-left:40px !important;}
.contact_waku .pl45{padding-left:45px !important;}
.contact_waku .pl50{padding-left:50px !important;}
.contact_waku .pl55{padding-left:55px !important;}

.contact_waku .pb00{padding-bottom:0px !important;}
.contact_waku .pb05{padding-bottom:5px !important;}
.contact_waku .pb10{padding-bottom:10px !important;}
.contact_waku .pb15{padding-bottom:15px !important;}
.contact_waku .pb20{padding-bottom:20px !important;}
.contact_waku .pb25{padding-bottom:25px !important;}
.contact_waku .pb30{padding-bottom:30px !important;}
.contact_waku .pb35{padding-bottom:35px !important;}
.contact_waku .pb40{padding-bottom:40px !important;}
.contact_waku .pb45{padding-bottom:45px !important;}
.contact_waku .pb50{padding-bottom:50px !important;}
.contact_waku .pb55{padding-bottom:55px !important;}

@media (max-width: 767px) {
  .contact_waku .mr20{margin-right:10px !important;}
  }
}
