/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 22 2025 | 06:11:15 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/


/*==============================================================
全体
==============================================================*/
/*----------------------------------------------------
リスト / メッセージ
----------------------------------------------------*/
.li_message {display:flex; flex-wrap:nowrap; row-gap:64px;}
.li_message.cen {justify-content:center; text-align:initial;}
/*----sp時----*/
@media (max-width:780px) {
	.li_message {flex-wrap:wrap;}
	.mess_tit {margin-left:auto; margin-right:auto;}
	.li_message>div:not(.mess_tit) {width:100%;}}
/*----------------------------------------------------
帯 / obi01
----------------------------------------------------*/
.obi01 {width:100%; height:30vw; max-height:500px;}
.obi01 img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----sp時----*/
@media (max-width:780px) {.obi01 {height:50vw;}}


/*==============================================================
お部屋
==============================================================*/
/*----------------------------------------------------
メッセージ / お部屋
----------------------------------------------------*/
.mess_room {height:22rem;}
/*----sp時----*/
@media (max-width:780px) {.mess_room {height:auto;}}
/*----------------------------------------------------
リスト / お部屋
----------------------------------------------------*/
/*----全て----*/
.all_room {display:flex; flex-direction:column; row-gap:96px;}
/*----親----*/
.li_room {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px;}
/*----子01----*/
.li_room_mess {width:40%; display:flex; flex-direction:column; row-gap:32px; 
	align-items:center; justify-content:center;}
/*----子02----*/
.room_pa {width:calc(100% - 40% - 32px);}
.room_pa div {width:100%; height:100%;}
/*----アイテム（部屋の説明）----*/
.room_info {display:table; text-align:center; padding:8px 32px; color:#fff; background-color:#000;}
/*----アイテム（メッセージ）----*/
.room_mess01 {height:23rem;}
.room_mess02 {height:24rem;}
.room_mess03 {height:23rem;}
.room_mess04 {height:23rem;}
.room_mess05 {height:28rem;}
/*----アイテム（画像 / 親）----*/
.room_pa {position:relative; z-index:1; padding:48px 32px 0 0; 
	max-width:560px; height:70vw; max-height:600px;}
/*----アイテム（画像 / 子）----*/
.room_img {position:relative; z-index:1;}
.room_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----アイテム（画像 / 金箔）----*/
.room_img:after {position:absolute; z-index:-1; content:""; 
	right:-16px; top:-16px; width:100%; height:100%; background-color:#e7e3da; 
	background-image:url(/wp-content/uploads/room_gold_02.webp); 
	background-repeat:no-repeat; background-position:right top; background-size:cover;}
/*----sp時----*/
@media (max-width:780px) {
	.all_room {row-gap:64px;}
	.li_room_mess {width:100%;}
	.room_info {margin:0 auto 0 0;}
	.room_pa {width:100%; padding:48px 8px 0 0; max-height:300px;}
	.room_img:after {right:-12px; top:-12px;}
	.room_mess01, .room_mess02, .room_mess03, .room_mess04, .room_mess05 {height:auto;}}
/*----------------------------------------------------
見出し / 部屋名
----------------------------------------------------*/
h3.room_tit {position:absolute; z-index:2; right:0; top:0; padding:24px 12px; 
	display:table; font-size:clamp(2.2rem, 1.829rem + 0.76vw, 2.4rem); 
	background-color:#ffffffc7; line-height:1.3; 
	border:1px solid; outline:1px solid; outline-offset:-6px; 
	backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
h3.room_tit span {display:block; font-size:55%;}


/*==============================================================
料理
==============================================================*/
/*----------------------------------------------------
メッセージ / 料理
----------------------------------------------------*/
.mess_cuisine {height:14rem;}
/*----sp時----*/
@media (max-width:780px) {.mess_cuisine {height:auto;}}
/*----------------------------------------------------
リスト / メニュー
----------------------------------------------------*/
.li_menu {display:flex; flex-wrap:wrap; column-gap:48px; row-gap:48px;}
.menu_ch {display:flex; flex-direction:column; width:calc((100% - 48px) / 2);}
/*----アイテム / 写真----*/
.ryouri {position:relative; z-index:1; 
	width:100%; height:25vw; max-height:320px; margin-bottom:16px;}
.ryouri img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----アイテム / 写真端の三角形----*/
.ryouri:before, .ryouri:after {position:absolute; z-index:2; content:"";
	width:38px; height:34px; background-image:url(/wp-content/uploads/photoframe_03.webp); 
	background-repeat:no-repeat; background-position:center; background-size:cover;}
.ryouri:before {left:-4px; top:-4px; transform:rotate(180deg);}
.ryouri:after {right:-4px; bottom:-4px;}
/*----sp時----*/
@media (max-width:780px) {
	.menu_ch {width:100%;}
	.ryouri {height:280px;}}
/*----------------------------------------------------
リスト / メニュー（3分割）
----------------------------------------------------*/
.menu_ch.col3 {width:calc((100% - (48px * 2)) / 3);}
/*----sp時----*/
@media (max-width:780px) {.menu_ch.col3 {width:calc((100% - 48px) / 2);}}

/*----------------------------------------------------
h4 / menu01
----------------------------------------------------*/
/*----見出し / メニュー名----*/
h4.menu {margin-bottom:8px; line-height:1.6; 
	font-size:clamp(1.2rem, 1.014rem + 0.38vw, 1.3rem);}
/*----ランチ限定----*/
span.lunch {font-size:0.8rem; color:#fff; background-color:#d77a9d; padding:0 16px; 
	clip-path:polygon(10px 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0% 50%);}
/*----数量限定----*/
span.limited {font-size:0.8rem; color:#fff; background-color:#8577bf; padding:0 16px; 
	clip-path:polygon(10px 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0% 50%);}
/*----値段----*/
span.price {font-size:clamp(1.1rem, 0.914rem + 0.38vw, 1.2rem); line-height:1.6;}


/*==============================================================
店舗紹介
==============================================================*/
/*----------------------------------------------------
メッセージ / 保名について
----------------------------------------------------*/
.mess_yasuna {height:16rem;}
/*----sp時----*/
@media (max-width:780px) {.mess_yasuna {height:auto;}}
/*----------------------------------------------------
リスト / 店舗紹介
----------------------------------------------------*/
.li_tenpo {display: flex; flex-wrap: wrap;}
/*----画像----*/
.tenpo_img {width: 50%; height: auto;}
.tenpo_img .fade {width:100%; height:100%;}
.tenpo_img img {width:100%; height:100%; object-fit:cover; object-position:0% 50%;}
/*----概要----*/
.tenpo_about {width:50%; padding:32px; background-color:#ededed;}
/*----sp時----*/
@media (max-width:780px) {
	.tenpo_img {width: 100%; height: 300px;}
	.tenpo_about {width: 100%; padding:16px 16px 32px;}}
/*----------------------------------------------------
テーブル / 店舗概要
----------------------------------------------------*/
.tb_tenpo {border:none;}
.tb_tenpo th {width: 6rem; text-align:center;}
/*----------------------------------------------------
メッセージ / 骨董
----------------------------------------------------*/
.mess_kottou {height:28rem;}
/*----sp時----*/
@media (max-width:780px) {.mess_kottou {height:auto;}}
/*----------------------------------------------------
リスト / 骨董
----------------------------------------------------*/
.li_kottou {display:flex; flex-wrap:wrap; column-gap:48px; row-gap:48px; align-items:center;}
.li_kottou .li_message {width:52%;}
.kottou_img {margin:0 auto; width:calc(100% - 52% - 48px); height:60vw; max-height:600px;}
.kottou_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----sp時----*/
@media (max-width:780px) {
	.li_kottou .li_message {width:100%;}
	.kottou_img {width:100%; height:300px;}}
/*----------------------------------------------------
（swiper）カルーセル / 骨董
----------------------------------------------------*/
.crs_kottou.swiper {margin:0 auto; padding:0 0 48px 0;}
/*----------------------------------------------------
交通のご案内
----------------------------------------------------*/
/*----フレーム / 交通案内----*/
.fr_traffic {padding:16px; background-color:#ffffff99; border:1px solid #9e9e9f;}
/*----google map----*/
.g_map a {border-bottom:1px solid;}
/*----------------------------------------------------
リスト / アクセス
----------------------------------------------------*/
.li_acc {display:flex; flex-wrap:nowrap; column-gap:32px; row-gap:64px;}
.acc_map {width:calc(100% - 200px - 2rem - (32px * 2));}
.acc_info {width:200px;}
.acc_tit {width:2rem; margin-left:auto; margin-right:auto;}
/*----sp時----*/
@media (max-width:780px) {
	.li_acc {flex-wrap:wrap; flex-direction:column;}
	.acc_map {width:100%;}
	.acc_info {width:100%;}}


/*==============================================================
お問い合わせ
==============================================================*/
/*----電話番号のハイフンを縦にrotate----*/
.haifun_tate {display:inline-block; transform:rotate(90deg); position:relative; left:3px;}
/*----sp時----*/
@media (max-width:780px) {.haifun_tate {display:inline; transform:rotate(0); left:0;}}
/*----------------------------------------------------
メッセージ / お問い合わせ
----------------------------------------------------*/
.mess_contact {height:16rem;}
/*----sp時----*/
@media (max-width:780px) {.mess_contact {height:auto;}}
/*----------------------------------------------------
フレーム / お問い合わせフォーム
----------------------------------------------------*/
.fr_contact {width:90%; margin:0 auto; padding:16px 32px; 
	background-color:#fff; margin-bottom:48px; border:1px solid #ddd;}
/*----sp時----*/
@media (max-width:780px) {.fr_contact {width:100%; padding:0px 16px;}}
/*----------------------------------------------------
テーブル / お問い合わせフォーム
----------------------------------------------------*/
.tb_contact {border-top:none !important;}
.tb_contact th, .tb_contact td {
	padding:16px 0px; border:none !important; border-bottom:1px solid rgba(0, 0, 0, 0.1) !important;}
.tb_contact th {width:13rem;}

.tb_contact p {margin-bottom:0;}
@media screen and (max-width:780px) {.tb_contact th, .tb_contact td {display:block; width:100%;}}
/*----------------------------------------------------
必須・任意
----------------------------------------------------*/
/*----共通設定----*/
.necessary:before, .optional:before {
	font-size:0.75rem; font-weight:normal; padding: 4px 6px; margin-right:8px;}
/*----個別設定----*/
.necessary:before {content: "\5fc5\9808"; color: #fff; background-color: #9f1919;}
.optional:before {content: "\4efb\610f"; color: #fff; background-color: #b0b0b7;}
/*----------------------------------------------------
入力欄
----------------------------------------------------*/
.tb_contact .form-control {max-width:100%;}
.wpcf7-text, .wpcf7-textarea {background: #fff;}
/*----------------------------------------------------
同意欄
----------------------------------------------------*/
.doui {display:table; margin:0 auto 32px; padding:0 16px;}
.doui span {display:initial;}
/*----------------------------------------------------
送信ボタン
----------------------------------------------------*/
input.wpcf7-form-control.btn {width:90%; max-width:600px; margin:0 auto;}
/*----承諾確認が未チェックのとき----*/
.btn-primary.disabled, .btn-primary:disabled, .btn-primary:disabled:hover {background-color: #e3e3e3; border:none; opacity:0.5;}
/*----チェックしたとき----*/
input[type="submit"] {background-color:#444; border:none; display:block; height:auto;}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active {background-color:#666; border:none;}