winter plan
极尽奢华的螃蟹怀石料理
在常规创意会席的基础上升级,
毛蟹整只呈盘,
帝王蟹则香烤后呈献。
*限 2026 年 12 月 1 日至 2027 年 3 月 31 日期间的限定套餐。
/* -----------------------------------
① ボタン全体のスタイル(PC版)
----------------------------------- */
.booking-btm-css {
display: flex !important;
margin-left: auto;
margin-right: 40px;
margin-top:60px;
width: 197px;
height: 63px;
background: rgba(0,0,0,0);
mix-blend-mode: multiply;
border-radius: 1px;
border: 1px solid #313134;
text-decoration: none;
flex-direction: column;
justify-content: center;
align-items: center;
color: #313134;
cursor: pointer;
/* 今回追加した部分:0.4秒かけて透明度を変化させる */
transition: opacity 0.4s ease;
}
/* ホバー時の設定(透明度を0.6に) */
.booking-btm-css:hover {
opacity: 0.6 !important;
}
/* -----------------------------------
② "Reserve" のスタイル(PC版)
----------------------------------- */
.reserve-en {
font-size: 20px;
letter-spacing: 0.07em;
font-family: 'kuramure', 'Noto Serif JP', 'Noto Serif', serif;
-webkit-font-smoothing: antialiased;
line-height: 1.2;
color: #313134;
}
/* -----------------------------------
③ "ご予約" のスタイル(PC版)
----------------------------------- */
.en-off {
font-size: 12px;
margin-top: 8px;
margin-bottom: 0;
letter-spacing: 0.22em;
font-family: 'kuramure', 'Noto Serif JP', 'Noto Serif', serif;
-webkit-font-smoothing: antialiased;
line-height: 1;
color: #313134;
}
/* -----------------------------------
④ スマホ版(画面幅が768px以下の場合)のスタイル
----------------------------------- */
@media screen and (max-width: 768px) {
.booking-btm-css {
width: calc(100% - 40px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.reserve-en {
font-size: 17px !important;
}
.en-off {
margin-top: 2px !important;
}
}
Reserve
ご予約