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


/*==============================================================
全体
==============================================================*/
/*----------------------------------------------------
背景
----------------------------------------------------*/
body {background-color:#fff;}
/*----------------------------------------------------
メインとサイドの幅比率
----------------------------------------------------*/
/*----pc時----*/
@media (min-width: 992px) {
	.mainSection-col-two {width:78%;}
	.sideSection-col-two {width:22%;}}
/*----------------------------------------------------
固定ページは全幅指定（※ホームのみ）
----------------------------------------------------*/
body.home .siteContent .container {max-width:100%; padding:0;}
/*----------------------------------------------------
横幅1110px
----------------------------------------------------*/
.w1110 {width:100%; max-width:1110px; margin:0 auto; padding-left:16px; padding-right:16px;}
/*----sp時----*/
@media (max-width:780px) {.w1110 {max-width:auto;}}
/*----------------------------------------------------
高さ余白（メッセージ）
----------------------------------------------------*/
.height8 {padding-top:8rem; padding-bottom:8rem;}
/*----------------------------------------------------
文字を縦に
----------------------------------------------------*/
.tate {writing-mode:vertical-rl; text-orientation:upright;}/*----文字を縦に----*/
/*----文字を縦に（pc時のみ）----*/
.tate_pc {writing-mode:vertical-rl; text-orientation:upright; display:inline-block; text-align:justify;}
.tate_pc p {line-height:2.2;}
/*----sp時----*/
@media (max-width:780px) {
	.tate_pc {writing-mode:initial; display:block;}
	.tate_pc p {line-height:1.9;}}
/*----縦文字を中央寄せ----*/
.dflex {display:flex; flex-direction:column; justify-content:center; width:100%;}
/*----------------------------------------------------
ボタン / 通常コリジョン
----------------------------------------------------*/
.btn_page {display:table; text-align:center; min-width:180px;}
.btn_page.cen {margin-left:auto; margin-right:auto;}
.btn_page a {padding:4px; display:block; color:#fff; background-color:#000; transition-duration:0.2s;}
.btn_page a:hover {background-color:#782222; text-decoration:none; transition-duration:0.2s;}
/*----------------------------------------------------
リスト / 通常コリジョン
----------------------------------------------------*/
.li_col {display:flex; flex-wrap:nowrap; width:100%;}
.li_col.wrap {flex-wrap:wrap;}
.li_col.gap16 {column-gap:16px; row-gap:16px;}/*----gapを付与したいとき----*/
.li_col.gap32 {column-gap:32px; row-gap:32px;}/*----gapを付与したいとき----*/
.li_col .full {width:100%;}
.li_col .w90 {width:90%;}
.li_col .w80 {width:80%;}
.li_col .w70 {width:70%;}
.li_col .w60 {width:60%;}
.li_col .half, .li_col .w50 {width:50%;}
.li_col .w40 {width:40%;}
.li_col .w30 {width:30%;}
.li_col .w20 {width:20%;}
.li_col .w10 {width:10%;}
/*----sp時----*/
@media (max-width:780px) {
	.li_col {flex-wrap:wrap;}
	.li_col .w90 {width:100%;}
	.li_col .w80 {width:100%;}
	.li_col .w70 {width:100%;}
	.li_col .w60 {width:100%;}
	.li_col .half, .li_col .w50 {width:100%;}
	.li_col .w40 {width:100%;}
	.li_col .w30 {width:100%;}
	.li_col .w20 {width:100%;}	
	.li_col .w10 {width:100%;}}
/*----------------------------------------------------
order / レスポンシブ時の描画順番の指定
----------------------------------------------------*/
/*----sp時----*/
@media (max-width:780px) {
	.order1 {order:1;}
	.order2 {order:2;}
	.order3 {order:3;}
	.order4 {order:4;}
	.order5 {order:5;}
	.order6 {order:6;}}
/*----------------------------------------------------
object-fit（画像をフィット）
----------------------------------------------------*/
.fit {overflow:hidden;}
.fit img {width:100%; height:100%; object-fit:cover; object-position:center center;}
/*----------------------------------------------------
hei260
----------------------------------------------------*/
.hei260 {height:auto;}
/*----sp時----*/
@media (max-width:780px) {.hei260 {height:260px;}}

/*==============================================================
見出し
==============================================================*/
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
/*----------------------------------------------------
h2 / desi01
----------------------------------------------------*/
h2.desi01 {position:relative; font-size:clamp(1.8rem, 1.429rem + 0.76vw, 2rem); line-height:1.6; 
	background-color:transparent; border:none;}
h2.desi01 span {display:block; font-size:70%; line-height:1.6; color:#655f5d;}
h2.desi01.tate {line-height:2; margin:0 auto; padding:0;}
/*----アイテム----*/
h2.desi01.tate:before {position:absolute; z-index:-1; content:""; right:-12px; top:-20px; opacity:0.7; 
	width:36px; height:37px; background-image:url(/wp-content/uploads/item_h2_desi01_01.webp); 
	background-repeat:no-repeat; background-position:center; background-size:cover;}
/*----------------------------------------------------
h3 / desi01
----------------------------------------------------*/
h3.desi01 {position:relative; display:table; font-size:clamp(1.6rem, 1.229rem + 0.76vw, 1.8rem); 
	width:70%; margin:0 auto; text-align:center;
	background-color:transparent; border:none; line-height:1.6;}
h3.desi01 span {padding:0 10px; background-color:#fff;}
/*----sp時----*/
@media (max-width:780px) {h3.desi01 {width:90%;}}
/*----after----*/
h3.desi01:after {position:absolute; z-index:-1; content:""; 
	left:50%; top:50%; bottom:auto; transform:translate(-50%, -50%); 
	width:100%; height:1px; border:none; opacity:1; 
	background:linear-gradient(
		90deg, 
		rgba(0, 0, 0, 0) 0%, 
		rgba(0, 0, 0, 1) 20%, 
		rgba(0, 0, 0, 1) 80%, 
		rgba(0, 0, 0, 0) 100%);}


/*==============================================================
ロゴ（ヘッダー/ 外観カスタマイズは未使用）
==============================================================*/
.head {position:fixed; z-index:1001; top:0; left:0;}
.head.top_logo, .sti.top_logo {padding:8px 16px; background-color:#000000e0;}
.top_logo {background-color:#00000099; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.top_logo h1 {margin:0; line-height:1;}
.head img, .sti img {width:64px; height:auto;}
/*----ホームのみ非表示----*/
body.home .head {display:none;}
/*----sp時----*/
@media (max-width:780px) {.head {position:absolute;}}/*sp時は追従しない*/
/*----------------------------------------------------
ロゴ（ホーム / position:sticky;）
----------------------------------------------------*/
.all_contents {position:relative;}
.sti {position:sticky; z-index:1001; top:0; left:0; display:table;}
/*----sp時----*/
@media (max-width:780px) {.sti {position:relative;}}/*sp時は追従しない*/
/*----------------------------------------------------
stickyに必要な設定
----------------------------------------------------*/
body, html {overflow-x:clip;} /*こうしないと、display:stickyが有効にならない*/

/*==============================================================
スライド
==============================================================*/
/*----親----*/
.pa_slide_top {position:relative; z-index:1; background-color:#000;}
/*----------------------------------------------------
子（動画）
----------------------------------------------------*/
.slide_top {opacity:0.8; height:100vh !important; max-height:924px; min-height:540px !important; overflow:hidden;}
.slide_top video {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----tab時----*/
@media (max-width:991px) {.slide_top {height:92vh !important;}}
/*----------------------------------------------------
ロゴ（保名）
----------------------------------------------------*/
.slide_item01 {position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%, -50%);}
.slide_item01 .top_logo {padding:16px 32px;}
.slide_item01 img {width:28vw; max-width:200px; height:auto;}
/*----------------------------------------------------
リンク（心月）
----------------------------------------------------*/
.link_shingetsu {position:absolute; z-index:2; left:32px; bottom:32px;}
a.shingetsu {display:inline-block; padding:8px 4px; border:1px solid #fff; 
	background-color:#00000040; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);}
a.shingetsu img {width:70px; height:auto;}
/*----sp時----*/
@media (max-width:780px) {
	.link_shingetsu {left:16px; bottom:16px;}
	a.shingetsu img {width:60px;}}
/*----------------------------------------------------
リンク（youtube）
----------------------------------------------------*/
.link_ytube {position:absolute; z-index:2; right:32px; bottom:32px; 
	line-height:1; font-family: 'Oswald', sans-serif; font-size:2rem;}
.link_ytube a {color:#fff;}
.link_ytube a:hover {text-decoration:none;}
.link_ytube i {margin-right:4px;}
/*----sp時----*/
@media (max-width:780px) {.link_ytube {right:16px; bottom:16px; font-size:1.6rem;}}


/*==============================================================
info / お知らせ
==============================================================*/
/*----------------------------------------------------
セクション
----------------------------------------------------*/
.news_sec {position:relative; z-index:1; top:0; padding:32px 0; background-color:#000;}
/*----sp時----*/
@media (max-width:780px) {.news_sec {padding:32px 0 32px 0;}}
/*----------------------------------------------------
リスト / お知らせ
----------------------------------------------------*/
.li_news {display:flex; flex-wrap:wrap; column-gap:28px; row-gap:0px; align-items:center;}
.news_tit {width:100px;}
.news_tit h2 {display:table; margin:0 auto; padding:8px 0 0 0;}
.news_info {width:calc(100% - 100px - 28px);}
/*----sp時----*/
@media (max-width:780px) {
	.news_tit {width:100%;}
	.news_tit h2 {margin:0 auto 0 0; padding:0;}
	.news_info {width:100%;}}
/*----------------------------------------------------
お知らせ表示欄
----------------------------------------------------*/
.news-list {list-style:none; margin:0; padding:0;}
/*----行----*/
.news-item {padding:6px 0; border-bottom:1px dotted #757575;}
/*----日付----*/
.news-date {display:inline-block; margin-right:10px; width:7rem; color:#afafaf; font-size:0.9rem;}
a.news-title {color:#fff;}
a.news-title:hover {text-decoration:none;}
/*----sp時----*/
@media (max-width:780px) {
	.news-date {display:block;}}
/*----------------------------------------------------
ボタン / 一覧を見る
----------------------------------------------------*/
.btn_ichiran {font-size:0.9rem; text-align:right;}
.btn_ichiran a {color:#fff;}

/*==============================================================
投稿一覧
==============================================================*/
/*----------------------------------------------------
メイン
----------------------------------------------------*/
.postListText_singleTermLabel {display:none;}
.postListText {padding:14px 0;}
/*----------------------------------------------------
サイド
----------------------------------------------------*/
.subSection-title:after, h3:after {content:none;}

/*==============================================================
投稿本文
==============================================================*/
.entry-meta_items_term {display:none !important;}/*----カテゴリを非表示----*/

/*==============================================================
挨拶
==============================================================*/
/*----------------------------------------------------
メイン / 画像
----------------------------------------------------*/
.fit.greeting {width:100%; height:480px;}
@media (max-width:780px) {.fit.greeting {height:280px;}}
/*----------------------------------------------------
賑やかし
----------------------------------------------------*/
.gree_pa {position:relative; z-index:1; padding:6vw 0;}
.gree_ch01, .gree_ch02, .gree_ch03, .gree_ch04 {
	position:absolute; z-index:2; width:100%; height:24vw; overflow:hidden;}
.gree_ch01>div, .gree_ch02>div, .gree_ch03>div, .gree_ch04>div {width:100%; height:100%;}
.gree_ch01 img, .gree_ch02 img, .gree_ch03 img, .gree_ch04 img {
	width:100%; height:100%; object-fit:cover; object-position:0% 50%;}
.gree_ch01 {left:10vw; top:0;}
.gree_ch02 {right:10vw; bottom:0;}
.gree_ch03 {right:10vw; top:0;}
.gree_ch04 {left:10vw; bottom:0;}
.gree_bg {width:100%; height:46vw;}
.gree_bg img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----sp時----*/
@media (max-width:780px) {
	.gree_pa {padding:10vw 0;}
	.gree_ch01, .gree_ch02, .gree_ch03, .gree_ch04 {height:38vw;}
	.gree_bg {height:70vw;}}


/*==============================================================
料理
==============================================================*/
.tit_sousaku {height:16rem;}
/*----------------------------------------------------
メイン / スライダー（料理）
----------------------------------------------------*/
.metaslider.sousaku ul.slides {overflow:hidden;}
@media (max-width:780px) {.metaslider.sousaku .slides img {position:relative; width:140%; left:-20%;}}

.sousaku .flex-control-nav {text-align:right;}


/*==============================================================
お部屋
==============================================================*/
.tit_oheya {height:20rem;}


/*==============================================================
ご予約
==============================================================*/
.tit_yoyaku {height:14rem;}
/*----------------------------------------------------
リスト / お電話またはネット予約が便利です
----------------------------------------------------*/
/*----親----*/
.li_yoyaku {display:flex; flex-wrap:wrap; column-gap:0; row-gap:64px;}
/*----子----*/
.yoyaku_ch {display:flex; flex-direction:column; 
	position:relative; z-index:1; width:50%; height:340px; text-align:center; background-color:#000;
	background-repeat:no-repeat; background-position:center; background-size:cover;}
/*----アイテム（内容）----*/
.yoyaku_info {margin:auto; font-size:clamp(1.6rem, 0.857rem + 1.52vw, 2rem); color:#fff;}
.yoyaku_info.web {padding:8px 16px; background-color:#b32e2e;}
.yoyaku_info span {font-size:70%;}
/*----アイテム（リンク）----*/
.yoyaku_link {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%;}
.yoyaku_link a {display:block; width:100%; height:100%;}
/*----アイテム（背景）----*/
.yoyaku_bg {position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; 
	opacity:0.4; transition-duration:0.2s;}
.yoyaku_bg img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----hover----*/
.yoyaku_ch:hover .yoyaku_bg {opacity:0.8; transition-duration:0.2s;}
/*----sp時----*/
@media (max-width:780px) {
	.yoyaku_ch {width:100%; height:240px;}}