@charset "utf-8";

* { box-sizing:border-box; }

html { overflow:auto; -webkit-text-size-adjust:100%; }
body {
  margin:0; padding:0;
  font-size:15px; color:#222; line-height:1.7;
  font-family:
    "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; font-weight: 500;
  }
h1, h2, h3, dl, dd, ul, form, textarea, figure { margin:0; padding:0; font-size:100%; font-weight:normal; line-height:1.6;}
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

/* clearfix 回り込み解除 ------------------------ */
.clearfix:after { content:""; clear:both; display:block; }

/* 共通 ------------------------ */
a { color:#333; text-decoration: none; }
a:not(.fade) { -webkit-transition:all .3s; transition:all .3s; }
/*a:active, a:hover { color:#bf1956; }*/

strong { font-size:1.2em; }
em { font-style:normal; font-weight:bold; }

fieldset { border:none; }
table { border-collapse:collapse; border-spacing:0; }
map area:focus, map area:active { outline:none; border:0; }

ul { list-style-type:none; }
ul.disc, ul.square { padding-left:1.3em; }
.disc li { list-style-type:disc; }
.square li { list-style-type:square; }
.decimal li { list-style-type:decimal; }

ol.paren { padding-left:1.8em; }
ol.paren > li { list-style-type:none; counter-increment:paren; }
ol.paren > li::before { content: "(" counter(paren) ") "; display:inline-block; width:1.7em; margin-left:-1.8em; padding-left:.1em; }

img { max-width: 100%; font-size:0; line-height:0; border-width:0px; vertical-align:bottom; }
img.middle { vertical-align:middle; }

.serif {
  font-family:
    "ヒラギノ明朝 ProN W6", "HiraMinProN-W6",
    "游明朝体", "Yu Mincho", YuMincho,
    "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }

.enFont { font-family: 'Work Sans', sans-serif; }

.fleft  { float:left; }
.fright { float:right; }

.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }

.big    { font-size:1.3em; }
.small  { font-size:.85em; }
.bold   { font-weight:bold; }

.clear  { clear:both; }
.hide   { display:none; }
.iblock { display:inline-block; }
.wide   { width:100%; }
.indent { text-indent:-1em; padding-left:1em; }
.shadow { box-shadow:0 0 3px rgba(0,0,0,0.3); }

.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.flex-between, .j-between { justify-content:space-between; -webkit-justify-content:space-between; }
.flex-center, .j-center { justify-content:center; -webkit-justify-content:center; }

.is-empty {
  height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background-color: inherit !important;
}

/* form ------------------------ */
label { display:inline-block; }
select { padding:3px 8px 6px; }

:where(input[type="text"], input[type="email"], input[type="tel"], textarea) {
  border-radius:3px; padding:4px 8px; border: 1px solid #CCC;
  }
input[type="submit"], input[type="button"]  { cursor:pointer; }
input[type="text"], textarea, select { margin:3px 0; }

input.t { width:15%; }
input.s { width:30%; }
input.m { width:60%; }
input.l { width:96%; }
textarea { width:96%; }
label input { margin:0; }

/* ---- ページ送り ---- */
.pagination{ clear:both; margin:30px 0 0; text-align:center; }
.pagination a, .pagination span { display:inline-block; margin:3px; padding:5px 12px; background-color: #062f4f; }
.pagination a{ color:#fff; text-decoration:none; background-color:#062f4f; border:1px solid #062f4f; }
.pagination a:hover{ background-color:#fff; color: #062f4f; }
.pagination span.current{ color:#FFF; background-color:#062f4f; border:1px solid #062f4f; }
.pagination span.disabled { border:1px solid #eee; color:#aaa; }


.mt40 { margin-top: 40px; }


/*cookie policy*/
.alert-cookie { position:fixed; bottom:0; left:0; right:0; padding:1.3em 0; background:rgba(0,0,0,.85); z-index:1000; }
.alert-cookie .msg { flex:1; margin:0; color:#fff; font-size:13px; line-height:1.5; }
.alert-cookie a { color:#ea6b0d; }
.alert-cookie button { min-width:220px; padding:.7em 3em .65em 3em; cursor:pointer; }

/* ZOHO */
#crmWebToEntityForm { width: 100%;}
.zcwf_row { display: flex; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #c0c0c0;}
.zcwf_col_lab, .zcwf_col_fld  { padding: 10px 16px; }
.zcwf_col_lab { display: flex; justify-content:center; align-items:center; min-width: 200px; font-weight: bold; background: #ffe2b3; }
.zcwf_col_fld { flex: 1; position: relative; }
.wfrm_fld_dpNn { display: none!important; }
#calenDiv #weekDays { width: 100%; }
.dIB { display: inline-block; }
.zcwf_privacy { margin:auto; width:fit-content; }
.zcwf_privacy_txt { vertical-align: top; }
.zcwf_privacy_txt a { text-decoration:underline; }

/*来店予約カレンダー*/
#rdate { padding-inline:20px; margin-block: 1em 2em; }
#rdate .slick-arrow { font-size: 0; line-height: 0; position: absolute; top: 50%; padding: 0;
  display:block; width:10px; height:10px;
  border-top:2px solid #32170d;
  border-right:2px solid #32170d; }
#rdate .slick-arrow::before { content:""; }
#rdate .slick-arrow::after { content:""; }
#rdate .slick-prev { left: 5px; transform:rotate(-135deg); }
#rdate .slick-next { right: 5px; transform:rotate(45deg) }
#rdate button { display:block; padding-inline: 0 6px; width:100%; color:#333; text-align:center; background-color:transparent; font-size: 1.2em; border: 0; cursor: pointer; }
#rdate button:disabled { cursor:auto; }
#rdate .week { display:block; font-size: .8em; }
#rdate .week.holiday { color:#f55; }
#rdate .week.saturday { color:#0af; }
#rdate .date { display:block; padding-block:.5em 2em; border:1px solid #ddd; border-radius:3px; position:relative; }

#rdate .date.holiday { background:#fee; }
#rdate .date.saturday { background:#eef9ff; }
#rdate .no .date { background: #f7f7f7;}

#rdate .date::after {
  content:""; display:block; width:1.2em; height:1.2em;
  position:absolute; left:0; right: 0; bottom:.5em; margin-inline: auto;
  background:no-repeat center / 90%;
}
#rdate .slick-slide { margin:0; }
#rdate .ok .date::after { background-image:url("../img/common/mark-ok.svg"); }
#rdate .no .date::after { background-image:url("../img/common/mark-no.svg"); }