@charset "UTF-8";
/* ご予約ページ（2026-09-19 新設）
   ※ common.css の * リセットで text-align:justify が全要素に当たるため、
      中央寄せは要素側に明示指定する（親の継承では負ける） */
.p_kv {
 background-image: url("../../../images/page/term/term_bg.jpg?2026");
}

.p_reserve .block:not(:first-child) {
 margin-top: clamp(2.5rem, 2rem + 2.5vw, 5rem);
}
.p_reserve .block .h {
 text-align: center;
 font-family: "Noto Serif JP", serif;
 font-size: clamp(1.25rem, 1.125rem + 0.63vw, 1.875rem);
 margin-bottom: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem);
}
.p_reserve .block .ps {
 margin-top: 20px;
}
.p_reserve .block .ps a {
 color: #333;
 text-decoration: underline;
}
.p_reserve .block .list {
 margin-top: 15px;
}
.p_reserve .block .list .item {
 position: relative;
 padding-left: 20px;
 line-height: 1.8em;
}
.p_reserve .block .list .item:before {
 content: "・";
 position: absolute;
 top: 0;
 left: 0;
}
.p_reserve .block .list .item:not(:first-child) {
 margin-top: 8px;
}
.p_reserve .block .list .item a {
 color: #333;
 text-decoration: underline;
}

/* 予約番への導線ボタン */
.p_reserve .rsv_btns {
 margin-top: clamp(1.5rem, 1.2rem + 1.2vw, 2.5rem);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 gap: 15px;
}
.p_reserve .rsv_btn {
 width: 100%;
}
.p_reserve .rsv_btn a {
 display: block;
 width: 100%;
 max-width: 340px;
 margin-inline: auto;
 padding: 18px 20px;
 text-align: center;
 line-height: 1.4em;
 font-size: clamp(0.875rem, 0.814rem + 0.26vw, 1rem);
 letter-spacing: 0.04em;
 color: #333;
 background-color: #fff;
 border: 1px solid #333;
 -webkit-transition: 0.3s ease opacity;
 transition: 0.3s ease opacity;
}
.p_reserve .rsv_btn--main a {
 color: #fff;
 background-color: #333;
}
@media (hover: hover) {
 .p_reserve .rsv_btn a:hover {
  opacity: 0.7;
 }
}
@media (hover: none) {
 .p_reserve .rsv_btn a:active {
  opacity: 0.7;
 }
}