@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ==========================================================================
 * 料亭 滝川 子テーマのCSS
 *
 * ここに書いているのは、SWELLの設定では作れない見た目だけです。
 * 色・ロゴ・メニュー・ヘッダーの追従などは「外観 > カスタマイズ」「SWELL設定」で変えてください。
 * 現行サイト（2024年制作）と同じ見た目にするため、大きさは現行の数字をそのまま使っています。
 *
 * ■ 大きさの決まり（1. で設定）
 *   --tk-r   … 現行サイトの「1」の大きさ。画面幅に合わせて伸び縮みする（1440px幅で12px）
 *   --tk-fz  … 本文の文字の大きさ
 *   --tk-ls  … 本文の文字の間隔
 *   例：calc(2 * var(--tk-r)) は「現行の2」＝1440px幅で24px
 *
 * ■ 画面幅の区切り（現行と同じ）
 *   767px以下＝タブレット縦・スマホ／480px以下＝スマホ
 *
 * ■ tk- で始まる名前
 *   ブロックの「追加CSSクラス」に付けている名前。現行サイトの部品名の頭に tk- を付けたもの。
 *   ページの文章・写真はブロックで直せる。余白や文字の大きさを変えたいときは、下の目次から部品を探す。
 *
 * ■ !important について
 *   SWELL・WordPressの側が !important で値を決めている所だけに使い、理由を横に書いている。
 *   （例：SWELLは「箱の中の最初の要素の上の余白」「最後の要素の下の余白」を !important で0にする）
 *
 * 目次
 *   1.  基本（書体・大きさの決まり・ページの余白）
 *   2.  現行に無いので出さないSWELLの部品
 *   3.  ヘッダー
 *   4.  三本線メニュー（右から出るパネル）
 *   5.  トップの最初の画面（動画・スマホの写真とMovieボタン）
 *   6.  ページ上部の写真とページ名
 *   7.  ページ本文の部品（現行サイトから移したもの。tk-）
 *         7-1 基本／7-2 改行の出し分け・小物／7-3 セクションの余白・見出し／7-4 ボタン
 *         7-5 和紙の背景とコースカード／7-6 横に流れる写真・リード文
 *         7-7 トップ／7-8 滝川について／7-9 ご宴会／7-10 お料理／7-11 お部屋
 *         7-12 お顔合わせ／7-13 お問合せ／7-14 プライバシーポリシー／7-15 価格の注意書き／7-16 お知らせ一覧
 *   8.  ボタン（枠線のボタン・金色のボタン）
 *   9.  写真のスライド（ギャラリーブロック）
 *   10. バナー（お部屋・ご宴会・ご利用シーン）
 *   11. トップの最新情報
 *   12. お顔合わせの動画・お問合せフォーム
 *   13. ご予約欄（全ページ下・ウィジェット「フッター直前」）
 *   14. フッター・パンくずリスト
 *   15. スマホ下の固定バー（電話・オンライン予約）
 *   16. 上へ戻るボタン
 *   17. お知らせの詳細ページ
 * ========================================================================== */


/* ==========================================================================
 * 1. 基本（書体・大きさの決まり・ページの余白）
 * ========================================================================== */

/* 書体：青空明朝（SWELLの書体設定に無いので、ここで読み込む。ファイルはメディアの aozora-mincho-regular.woff2） */
@font-face {
	font-family: "Aozora Mincho";
	src: url("/wp-content/uploads/2026/10/aozora-mincho-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
body {
	font-family: "Aozora Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
}

/* 大きさの決まり（現行と同じ値） */
:root {
	--tk-r: .8333333vw;                  /* 現行の「1」 */
	--tk-fz: calc(1.625 * var(--tk-r));  /* 本文の文字の大きさ */
	--tk-ls: calc(.325 * var(--tk-r));   /* 本文の文字の間隔 */
	--tk-cta-ttl: calc(2.90625 * var(--tk-r)); /* ご予約欄の見出しの大きさ */
}
@media screen and (max-width: 767px) {
	:root {
		--tk-r: 2.1333333vw;
		--tk-fz: calc(1.125 * var(--tk-r));
		--tk-ls: calc(.225 * var(--tk-r));
		--tk-cta-ttl: calc(2.25 * var(--tk-r));
	}
}
@media screen and (max-width: 480px) {
	:root {
		--tk-r: 3.8095238vw;
		--tk-fz: calc(.9375 * var(--tk-r));
		--tk-ls: calc(.1875 * var(--tk-r));
		--tk-cta-ttl: calc(2 * var(--tk-r));
	}
}

/* ページの余白：現行と同じく、上部の写真のすぐ下から本文、本文のすぐ下にご予約欄 */
.page #content.l-content {
	padding-top: 0;
}
#body_wrap .post_content:has(> .tk-root) {
	margin-top: 0; /* お問合せ・プライバシーポリシー（ページ名を本文の中に置くページ） */
}
.l-content {
	margin-bottom: 0;
}


/* ==========================================================================
 * 2. 現行に無いので出さないSWELLの部品（SWELLの設定で消せないもの）
 * ========================================================================== */

/* スマホ用の三本線ボタン（4. の三本線メニューを全ての画面幅で使うため） */
.l-header__menuBtn {
	display: none;
}
/* スマホのヘッダー右上の検索ボタン（SWELLはリンク先が空だと検索ボタンになり、消す設定が無い） */
.l-header__customBtn {
	display: none;
}
/* 現行と同じ作りのページ（tk-root）では、本文の上のページ名を出さない（見出しは本文の中にある） */
#body_wrap .l-mainContent__inner:has(> .post_content > .tk-root) > .c-pageTitle,
#body_wrap .l-mainContent__inner:has(> .post_content > .tk-root) > .p-articleHead {
	display: none;
}


/* ==========================================================================
 * 3. ヘッダー
 *    ロゴは左端、右に「電話予約」「オンライン予約」（グローバルナビ）、右上に三本線メニュー。
 *    ヘッダー自体を全ての画面幅で画面上に固定する（現行と同じ。SWELLの「ヘッダーを追従させる（PC）」はオフ）。
 *    100px以上スクロールしたら半透明の黒にする（全ての画面幅。functions.php で tk-active を付ける）
 * ========================================================================== */

/* 下層ページも現行と同じく、ヘッダーを写真の上に重ねて背景を透明に
 * （SWELLの「ヘッダーの透過」はトップページだけに効く設定のため） */
#body_wrap.page:not(.home) #header.l-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent;
	box-shadow: none;
	color: #fff;
}
/* 上部の写真が無いページ（お問合せ・プライバシーポリシー）は、現行と同じく半透明の黒 */
#body_wrap.page:not(.home):not(:has(.l-topTitleArea)) #header.l-header {
	background: rgba(0, 0, 0, .7);
}

/* 768px以上：ロゴ・電話予約・オンライン予約の大きさと間隔 */
@media screen and (min-width: 768px) {
	#header .l-header__inner {
		max-width: none;
		padding: calc(1.625 * var(--tk-r)) calc(11.8125 * var(--tk-r)) calc(1.25 * var(--tk-r)) calc(1.875 * var(--tk-r));
	}
	#header .c-headLogo {
		width: calc(11.25 * var(--tk-r));
		height: calc(3 * var(--tk-r));
	}
	#header .l-header__logo {
		padding: 0;
	}
	#header .c-headLogo__link {
		display: flex;
		align-items: center;
		padding: 0;
	}
	#header .c-headLogo__img {
		width: 100%;
		height: auto;
	}
	.l-header .c-gnav {
		gap: calc(6.4375 * var(--tk-r));
	}
	#header .c-gnav > .menu-item > a {
		padding: 0;
	}
	#header .c-gnav > .menu-item > a .ttl {
		font-size: calc(1.75 * var(--tk-r));
		letter-spacing: var(--tk-ls);
		line-height: 1;
	}
}
/* 電話予約・オンライン予約：マウスを乗せると白い線が右から出て左へ消える（現行と同じ。SWELL標準の金色の線は使わない） */
#header .c-gnav > .menu-item > a::after {
	bottom: calc(-.375 * var(--tk-r));
	height: 1px;
	background: #fff;
	transform: scaleX(0);
	transition: none;
}
#header .c-gnav > .menu-item:hover > a::after {
	transform: scaleX(0);
	animation: tk-j .8s ease forwards;
}
@keyframes tk-j{0%{transform-origin:right center;transform:scaleX(0)}40%{transform-origin:right center;transform:scaleX(1)}60%{transform-origin:left center;transform:scaleX(1)}to{transform-origin:left center;transform:scaleX(0)}}


/* 全ての画面幅：ヘッダーは画面上に固定（現行と同じ。PCは透明のまま） */
#body_wrap #header.l-header {
	position: fixed !important; /* SWELLがページ内のCSSで position:absolute !important にしているため */
	top: 0;
	left: 0;
	width: 100%;
	transition: background-color .4s;
}
/* 全ての画面幅：100px以上スクロールしたら半透明の黒（現行と同じ） */
#body_wrap #header.l-header.tk-active {
	background: rgba(0, 0, 0, .7) !important; /* 上の「下層ページは背景を透明」より優先させるため */
}
@media screen and (max-width: 959px) {
	#header .l-header__gnav {
		display: block;
	}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	#header .l-header__inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}
@media screen and (max-width: 767px) {
	#header .l-header__inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: none;
		min-height: calc(5.74375 * var(--tk-r));
		padding: calc(1.625 * var(--tk-r)) calc(5.875 * var(--tk-r)) calc(1.25 * var(--tk-r)) calc(1.25 * var(--tk-r));
	}
	#header .l-header__logo {
		padding: 0;
	}
	#header .c-headLogo {
		width: calc(11.25 * var(--tk-r));
		height: auto;
	}
	#header .c-headLogo__link {
		padding: 0;
	}
	#header .c-headLogo__img {
		width: 100%;
		height: auto;
	}
	#header .c-gnav {
		gap: calc(1.25 * var(--tk-r));
	}
	#header .c-gnav > .menu-item > a {
		padding: 0;
	}
	#header .c-gnav > .menu-item > a .ttl {
		font-size: calc(1.125 * var(--tk-r));
		letter-spacing: var(--tk-ls);
		line-height: 1;
	}
}
/* 480px以下：電話予約・オンライン予約は出さない（画面下の固定バーに出る） */
@media screen and (max-width: 480px) {
	#header .c-headLogo {
		width: calc(8.75 * var(--tk-r));
	}
	#header .l-header__gnav {
		display: none;
	}
}


/* ==========================================================================
 * 4. 三本線メニュー（右から出るパネル）
 *    全ての画面幅で現行と同じパネルを使う。中身（ページ一覧）は「スマホ開閉メニュー内」に、
 *    電話・予約は「グローバルナビ」に割り当てたメニューから functions.php が読み込む。
 *    ここから下は現行サイトのCSS（名前の頭に tk- を付けたもの）
 * ========================================================================== */
:where(.tk-header__gnav) a {
	display: inline-block;
	color: #fff;
	transition: .4s all;
}
.tk-header__gnav-list{display:flex;flex-direction:column;gap:calc(3 * var(--tk-r))}
@media screen and (max-width:480px){.tk-header__gnav-list{gap:calc(2.625 * var(--tk-r));font-size:calc(1.125 * var(--tk-r))}}
.tk-header__line{display:inline-block;position:absolute;height:1px;width:100%;z-index:9999}
.tk-header__open{position:fixed;top:calc(1.125 * var(--tk-r));right:calc(2.1875 * var(--tk-r));width:calc(4.0625 * var(--tk-r));height:calc(3.4375 * var(--tk-r));display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999}
@media screen and (max-width:767px){.tk-header__open{width:calc(3.4375 * var(--tk-r));height:calc(2.1875 * var(--tk-r));right:calc(1.5625 * var(--tk-r));top:calc(1.75 * var(--tk-r))}}
.tk-header__open .tk-header__line{background-color:#fff}
.tk-header__open .tk-header__line:nth-child(1){top:0}
.tk-header__open .tk-header__line:nth-child(2){top:calc(.6875 * var(--tk-r))}
.tk-header__open .tk-header__line:nth-child(3){top:calc(1.375 * var(--tk-r))}
.tk-header__open:hover .tk-header__line{animation:tk-d .6s ease forwards}
.tk-header__open:hover .tk-header__line:nth-child(1){animation-delay:0s}
.tk-header__open:hover .tk-header__line:nth-child(2){animation-delay:.2s}
.tk-header__open:hover .tk-header__line:nth-child(3){animation-delay:.4s}
.tk-header__openbtn{width:calc(2.875 * var(--tk-r));height:calc(1.4375 * var(--tk-r));position:relative}
.tk-header__close{position:absolute;z-index:9999;top:calc(1.125 * var(--tk-r));right:calc(2.1875 * var(--tk-r));width:calc(4.0625 * var(--tk-r));height:calc(4.0625 * var(--tk-r));display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;background-color:#fff}
@media screen and (max-width:767px){.tk-header__close{width:calc(3.4375 * var(--tk-r));height:calc(2.1875 * var(--tk-r));right:calc(1.5625 * var(--tk-r));top:calc(1.75 * var(--tk-r))}}
.tk-header__close .tk-header__line{background-color:#000}
.tk-header__close .tk-header__line:nth-child(1){top:calc(1.375 * var(--tk-r));left:0;animation-name:tk-c;animation-duration:.8s;animation-timing-function:cubic-bezier(.19,1,.22,1);animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}
.tk-header__close .tk-header__line:nth-child(2){opacity:0}
.tk-header__close .tk-header__line:nth-child(3){top:0;left:calc(1.375 * var(--tk-r));width:calc(.0625 * var(--tk-r));height:100%;animation-name:tk-f;animation-duration:.8s;animation-delay:.2s;animation-timing-function:cubic-bezier(.19,1,.22,1);animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}
.tk-header__close:hover .tk-header__line:nth-child(1){animation-name:tk-e;animation-duration:.8s;animation-timing-function:cubic-bezier(.19,1,.22,1);animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}
.tk-header__close:hover .tk-header__line:nth-child(3){animation-name:tk-h;animation-duration:.8s;animation-delay:.2s;animation-timing-function:cubic-bezier(.19,1,.22,1);animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}
.tk-header__closebtn{transform:rotate(45deg);width:calc(2.875 * var(--tk-r));height:calc(2.875 * var(--tk-r))}
.tk-header__bg{overflow-y:auto;overflow-x:hidden;height:100%}
.tk-header__gnav-item{opacity:0;transform:translateX(calc(12.5 * var(--tk-r)));transition:transform .6s ease,opacity .3s ease}
.tk-header__gnav .tk-header__gnav-list .tk-header__gnav-item:nth-child(2){transition-delay:.15s }
.tk-header__gnav .tk-header__gnav-list .tk-header__gnav-item:nth-child(3){transition-delay:.3s }
.tk-header__gnav .tk-header__gnav-list .tk-header__gnav-item:nth-child(4){transition-delay:.45s }
.tk-header__gnav .tk-header__gnav-list .tk-header__gnav-item:nth-child(5){transition-delay:.6s }
.tk-header__gnav .tk-header__gnav-list .tk-header__gnav-item:nth-child(6){transition-delay:.75s }
.tk-header__gnav .tk-header__gnav-list .tk-header__gnav-item:nth-child(7){transition-delay:.9s }
.tk-header__gnav .tk-header__gnav-list .tk-header__gnav-item:nth-child(8){transition-delay:1.05s }
.tk-header__gnav-link:before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,.2);position:absolute;top:0;left:0;transform:scale(0,1);transform-origin:left center;transition:.2s ease-in-out}
.tk-header__gnav-link:hover:before{transform:scale(1,1)}
.tk-header__gnav-sublist{bottom:0;left:0;width:100%}
.tk-header__gnav-subitem{width:100%}
.tk-header__gnav-subitem:nth-child(1){margin-bottom:calc(.25 * var(--tk-r))}
.tk-header__gnav-sublink{display:flex;align-items:center;justify-content:center;gap:calc(.375 * var(--tk-r));padding:calc(1.875 * var(--tk-r)) calc(1.25 * var(--tk-r));width:100%;color:#000;background:#fff;overflow:hidden;border-top:calc(.0625 * var(--tk-r)) solid #000;border-bottom:calc(.0625 * var(--tk-r)) solid #000}
.tk-header__gnav-sublink:before,.tk-header__gnav-sublink:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}
.tk-header__gnav-sublink:after{background-color:#000}
.tk-header__gnav-sublink:before{background-color:#000;transform:scale(0,1);transition:.6s all;transform-origin:left center}
.tk-header__gnav-sublink:hover{color:#fff;border-top:calc(.0625 * var(--tk-r)) solid #fff;border-bottom:calc(.0625 * var(--tk-r)) solid #fff}
.tk-header__gnav-sublink:hover:before{transform:scale(1,1)}
.tk-header__gnav{position:fixed;z-index:9999;top:0;right:calc(-25 * var(--tk-r));width:calc(25 * var(--tk-r));height:100vh;background:#000;transition:ease-in-out .8s;opacity:0;padding-top:15vh;padding-left:calc(3.75 * var(--tk-r));padding-bottom:calc(12.5 * var(--tk-r));overflow:hidden;font-size:calc(1.625 * var(--tk-r));letter-spacing:.2em;line-height:1}
@media screen and (max-width:767px){.tk-header__gnav{padding-bottom:calc(11.25 * var(--tk-r));font-size:calc(1.125 * var(--tk-r))}}
@media screen and (max-width:480px){.tk-header__gnav{right:-120%;width:100%;padding-top:12vh;padding-left:calc(2.5 * var(--tk-r));font-size:calc(.9375 * var(--tk-r))}}
.tk-header__gnav.panelactive{right:0;opacity:1}
.tk-header__gnav.panelactive .tk-header__close{opacity:1;animation-name:tk-a;animation-duration:1.6s;animation-delay:.4s;animation-timing-function:cubic-bezier(.19,1,.22,1);animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}
.tk-header__gnav.panelactive .tk-header__gnav-item{opacity:1;transform:translateX(0);transition:transform 1s ease,opacity .9s ease}
.tk-header__gnav.panelactive .tk-header__gnav-sublink:after{animation-name:tk-i;animation-duration:1.4s;animation-timing-function:cubic-bezier(.19,1,.22,1);animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}
.tk-header__gnav.panelactive .tk-header__gnav-subitem:nth-child(1) .tk-header__gnav-sublink:after{animation-delay:1.2s}
.tk-header__gnav.panelactive .tk-header__gnav-subitem:nth-child(2) .tk-header__gnav-sublink:after{animation-delay:1.4s}
body .tk-display_tab{display:none }
@media screen and (max-width:767px){body .tk-display_tab{display:block }}
.tk-po-rel{position:relative}
.tk-po-abs{position:absolute}
@keyframes tk-a{0%{height:0;transform-origin:top}50%{height:0;transform-origin:top}to{height:3.4375rem}}
@keyframes tk-f{0%{transform-origin:top;transform:scaleY(0)}to{transform-origin:top;transform:scaleY(1)}}
@keyframes tk-h{0%{transform-origin:bottom;transform:scaleY(1)}40%{transform-origin:bottom;transform:scaleY(0)}60%{transform-origin:top;transform:scaleY(0)}to{transform-origin:top;transform:scaleY(1)}}
@keyframes tk-c{0%{transform-origin:left;transform:scaleX(0)}to{transform-origin:left;transform:scaleX(1)}}
@keyframes tk-e{0%{transform-origin:right;transform:scaleX(1)}40%{transform-origin:right;transform:scaleX(0)}60%{transform-origin:left;transform:scaleX(0)}to{transform-origin:left;transform:scaleX(1)}}
@keyframes tk-d{0%{transform-origin:left;transform:scaleX(1)}40%{transform-origin:left;transform:scaleX(0)}60%{transform-origin:right;transform:scaleX(0)}to{transform-origin:right;transform:scaleX(1)}}
@keyframes tk-i{0%{transform-origin:right;transform:scaleX(1)}to{transform-origin:right;transform:scaleX(0)}}


/* ==========================================================================
 * 5. トップの最初の画面
 *    PCは動画（SWELL設定のメインビジュアル）。スマホ（767px以下）は現行と同じく写真がゆっくり縮み、
 *    右下の「Movie」ボタンで動画を全画面で再生（functions.php）
 * ========================================================================== */
@media screen and (max-width: 767px) {
	.p-mainVisual__imgLayer {
		display: none;
	}
}
body .tk-fv__movieLink {
	display: none;
}
@media screen and (max-width: 767px) {
	body .tk-fv__movieLink {
		display: block;
	}
}
.tk-fv__slider{width:100%;height:100vh}
.tk-fv__slide{width:100%;height:100vh;animation:tk-zoomUp 7s linear 0s normal both}
.tk-fv__slide:nth-child(1){background-position:center;background-image:url(/wp-content/uploads/2026/10/top-fv-sp-dish.jpg);background-repeat:no-repeat;background-size:cover}
@media screen and (max-width:767px){.tk-fv__slide:nth-child(1){background-position:right 12% center}}
@keyframes tk-zoomUp{0%{transform:scale(1.1)}100%{transform:scale(1)}}
@media screen and (max-width:767px){.tk-fv__movieLink{position:absolute;right:30px;bottom:30px;z-index:3;width:20.51282%;max-width:100px}.tk-fv__movieLink:hover{opacity:.8}}
.tk-fv__modalMovie{padding:40px 10px;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;display:flex;flex-direction:column;justify-content:center}
.tk-fv__modalMovie.show{opacity:1;visibility:visible}
.tk-fv__modalMovie__close{position:absolute;right:40px;top:40px;color:#fff;cursor:pointer;width:50px;height:50px}
@media screen and (max-width:767px){.tk-fv__modalMovie__close{right:20px;top:20px}}
.tk-fv__modalMovie__close:before,.tk-fv__modalMovie__close:after{display:block;content:" ";position:absolute;top:14px;left:23px;width:5px;height:40px;border-radius:4px;background:#fff}
@media screen and (max-width:767px){.tk-fv__modalMovie__close:before,.tk-fv__modalMovie__close:after{width:4px;height:22px}}
.tk-fv__modalMovie__close:before{transform:rotate(-45deg)}
.tk-fv__modalMovie__close:after{transform:rotate(45deg)}
.tk-fv__modalMovie video{width:100%}
.tk-fv__modalMovie video source{width:100%;object-fit:contain}


/* ==========================================================================
 * 6. ページ上部の写真とページ名
 *    写真の高さは横幅の約半分、ページ名は左下に縦書き（現行と同じ）。
 *    写真は各ページの編集画面「タイトル背景画像」で変えられる
 * ========================================================================== */
.l-topTitleArea {
	min-height: 0;
	height: calc(60.1875 * var(--tk-r));
}
.l-topTitleArea .l-topTitleArea__body {
	position: absolute;
	left: 3.8%;
	bottom: 9%;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	writing-mode: vertical-rl;
}
.l-topTitleArea .c-pageTitle {
	font-family: "Noto Serif JP", serif;
	font-size: calc(2.875 * var(--tk-r));
	font-weight: 400;
	letter-spacing: .2em;
	line-height: 2;
}
@media screen and (max-width: 767px) {
	.l-topTitleArea {
		height: calc(40.125 * var(--tk-r));
	}
	.l-topTitleArea .c-pageTitle {
		font-size: calc(1.75 * var(--tk-r));
	}
}
@media screen and (max-width: 480px) {
	.l-topTitleArea {
		height: calc(30.0625 * var(--tk-r));
	}
	/* 滝川について（page-id-74）：写真の左側（看板）を見せる */
	#body_wrap.page-id-74 .l-topTitleArea__img {
		object-position: left center;
	}
}


/* ==========================================================================
 * 7. ページ本文の部品（現行サイトのCSSを、名前の頭に tk- を付けて移したもの）
 *    ブロックの「追加CSSクラス」に tk- で始まる名前が付いている所に効く。
 *    1行＝1つの部品。@media の行は、その上の部品のタブレット（767px以下）・スマホ（480px以下）の値
 * ========================================================================== */
/* ---- 7-1 基本（現行と同じ文字の大きさ・字間・行間。tk-root の中の余白をいったん0にする） ---- */
#body_wrap .tk-root{margin-top:0;margin-bottom:0;font-size:calc(1.625 * var(--tk-r));letter-spacing:.2em;line-height:1;color:#fff}
@media screen and (max-width:767px){#body_wrap .tk-root{font-size:calc(1.125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-root{font-size:calc(.9375 * var(--tk-r))}}
#body_wrap :where(.tk-root) :where([class*="tk-"],figure,ul,ol,li,p,h2,h3){margin:0;padding:0}
#body_wrap :where(.tk-root) :where(h2,h3){background:none;border:0;font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:inherit;color:inherit}
#body_wrap :where(.tk-root) :where(h2,h3)::before,#body_wrap :where(.tk-root) :where(h2,h3)::after{content:none}
#body_wrap :where(.tk-root) :where(ul,ol){list-style:none}
#body_wrap :where(.tk-root) img{max-width:100%;height:auto;vertical-align:bottom}
#body_wrap :where(.tk-root) a{color:inherit;text-decoration:none}
#body_wrap :where(.tk-root) :where(.wp-block-group){display:block}
/* グループブロックの内側の箱は、現行に無い箱なので並び方に影響させない */
#body_wrap .tk-root .wp-block-group__inner-container{display:contents}
#body_wrap :where(.tk-root) li{line-height:inherit}

/* ---- 7-2 改行の出し分け（[br_sp] などの短いコード）・小物 ---- */
@media screen and (max-width:480px){#body_wrap .tk-u-display_pc{display:none }}
@media screen and (max-width:767px){#body_wrap .tk-u-display_pc-tab{display:none }}
#body_wrap .tk-u-display_sp{display:none }
@media screen and (max-width:480px){#body_wrap .tk-u-display_sp{display:block }}
#body_wrap .tk-u-display_tab{display:none }
@media screen and (max-width:767px){#body_wrap .tk-u-display_tab{display:block }}
#body_wrap .tk-u-lh-18{line-height:1.8}
#body_wrap .tk-u-po-rel{position:relative}

/* ---- 7-3 セクションの余白・見出し（家紋つき） ---- */
#body_wrap .tk-c-section{padding:calc(11.8125 * var(--tk-r)) 0}
@media screen and (max-width:767px){#body_wrap .tk-c-section{padding:calc(7.875 * var(--tk-r)) 0}}
@media screen and (max-width:480px){#body_wrap .tk-c-section{padding:calc(5.90625 * var(--tk-r)) 0}}
#body_wrap .tk-c-section-inner{width:92%;margin:0 auto}
#body_wrap .tk-c-section-ttl{font-size:calc(2.90625 * var(--tk-r));text-align:center;margin-bottom:calc(5.25 * var(--tk-r));letter-spacing:.2em;line-height:1.8}
@media screen and (max-width:767px){#body_wrap .tk-c-section-ttl{font-size:calc(2 * var(--tk-r));margin-bottom:calc(3.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-c-section-ttl{font-size:calc(1.75 * var(--tk-r));margin-bottom:calc(2.625 * var(--tk-r))}}
#body_wrap .tk-c-section-ttl--crest:before{content:"";width:calc(11.25 * var(--tk-r));height:calc(11.25 * var(--tk-r));background-image:url(/wp-content/uploads/2026/10/takikawa-crest.png);background-repeat:no-repeat;background-size:contain;background-position:center;display:block;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}
@media screen and (max-width:767px){#body_wrap .tk-c-section-ttl--crest:before{width:calc(7.5 * var(--tk-r));height:calc(7.5 * var(--tk-r))}}

/* ---- 7-4 ボタン（tk-c-btn：枠線のボタンの並び／tk-c-btn--gd：金色のボタンの大きさ・色。字間・マウスを乗せたときの動きは 8.） ---- */
#body_wrap .tk-c-btn{display:flex;align-items:center;justify-content:center}
#body_wrap .swell-block-button__link{padding:calc(.875 * var(--tk-r)) calc(1.3125 * var(--tk-r));border:calc(.0625 * var(--tk-r)) solid #fff;min-width:calc(18.4375 * var(--tk-r));text-align:center;position:relative;overflow:hidden}
@media screen and (max-width:480px){#body_wrap .swell-block-button__link{min-width:calc(12.5 * var(--tk-r))}}
#body_wrap .tk-c-btn--gd .swell-block-button__link{padding:calc(.75 * var(--tk-r)) calc(3.875 * var(--tk-r));background-color:#b69835;font-size:calc(1.625 * var(--tk-r));border-radius:calc(1.5625 * var(--tk-r));border:calc(.0625 * var(--tk-r)) solid #b69835}
@media screen and (max-width:767px){#body_wrap .tk-c-btn--gd .swell-block-button__link{padding:calc(.5 * var(--tk-r)) calc(2.5 * var(--tk-r));font-size:calc(1.375 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-c-btn--gd .swell-block-button__link{padding:calc(.5 * var(--tk-r)) calc(1.875 * var(--tk-r));font-size:calc(1.125 * var(--tk-r))}}

/* ---- 7-5 和紙の背景とコースカード（お料理・ご宴会・お顔合わせ・お問合せ・プライバシー） ---- */
#body_wrap .tk-c-jp{background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(/wp-content/uploads/2026/10/bg-washi.jpg);color:#050608;position:relative}
#body_wrap .tk-c-jp:before{content:"";width:100%;height:100%;background-color:rgba(255,255,255,.3);position:absolute;top:0;left:0}
#body_wrap .tk-c-jp__cards{display:flex;flex-direction:column;gap:calc(4.5625 * var(--tk-r))}
#body_wrap .tk-c-jp__card{display:flex;max-width:calc(96.25 * var(--tk-r));width:100%;margin:0 auto;z-index:3}
@media screen and (max-width:767px){#body_wrap .tk-c-jp__card{margin:0 0 0 auto;padding-top:calc(13.75 * var(--tk-r));justify-content:flex-end}}
@media screen and (max-width:480px){#body_wrap .tk-c-jp__card{padding-top:calc(8.125 * var(--tk-r))}}
#body_wrap .tk-c-jp__img{width:31%}
@media screen and (max-width:767px){#body_wrap .tk-c-jp__img{position:absolute;z-index:-1;width:45%;top:0;left:0}}
#body_wrap .tk-c-jp__img img{vertical-align:bottom}
#body_wrap .tk-c-jp__content{width:69%;padding:calc(3.5 * var(--tk-r)) calc(4.25 * var(--tk-r)) calc(2.3125 * var(--tk-r)) calc(6.375 * var(--tk-r));background-color:#fff}
@media screen and (max-width:767px){#body_wrap .tk-c-jp__content{padding:calc(2.25 * var(--tk-r)) calc(1.875 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-c-jp__content{width:80%;padding:calc(1.75 * var(--tk-r)) calc(1.25 * var(--tk-r))}}
#body_wrap .tk-c-jp__ttl-area{display:flex;align-items:center;margin-bottom:calc(2.25 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-c-jp__ttl-area{gap:0;justify-content:space-between}}
@media screen and (max-width:480px){#body_wrap .tk-c-jp__ttl-area{margin-bottom:calc(1.125 * var(--tk-r));flex-direction:column;gap:calc(.75 * var(--tk-r))}}
#body_wrap .tk-c-jp__ttl{font-size:calc(2.375 * var(--tk-r));display:flex;gap:calc(.625 * var(--tk-r));align-items:center}
@media screen and (max-width:767px){#body_wrap .tk-c-jp__ttl{font-size:calc(2 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-c-jp__ttl{font-size:calc(1.625 * var(--tk-r))}}
#body_wrap .tk-c-jp__ttl span{font-size:calc(1.34375 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-c-jp__ttl span{font-size:calc(1 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-c-jp__ttl span{font-size:calc(1 * var(--tk-r))}}
#body_wrap .tk-c-jp__tag{font-size:calc(1.125 * var(--tk-r));padding:calc(.1875 * var(--tk-r)) calc(.9375 * var(--tk-r));background:#ddd;min-width:calc(5.7375 * var(--tk-r));display:flex;align-items:center;justify-content:center}
@media screen and (max-width:480px){#body_wrap .tk-c-jp__tag{font-size:calc(.875 * var(--tk-r));padding:calc(.1875 * var(--tk-r)) calc(.5 * var(--tk-r));margin:0 0 0 auto}}
/* ↓ !important：SWELLが「箱の中の最後の要素の下余白」を !important で0にするため */
@media screen and (max-width:767px){#body_wrap .tk-c-jp__txt-area{margin-bottom:calc(1.875 * var(--tk-r)) !important}}
#body_wrap .tk-c-jp__txt{font-size:calc(1.375 * var(--tk-r));letter-spacing:.2em;text-align:justify}
@media screen and (max-width:767px){#body_wrap .tk-c-jp__txt{font-size:calc(1.125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-c-jp__txt{font-size:calc(.9375 * var(--tk-r))}}
#body_wrap .tk-c-jp__txt:nth-child(1){margin-bottom:calc(2.3125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-c-jp__txt:nth-child(1){margin-bottom:calc(1.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-c-jp__txt:nth-child(1){margin-bottom:calc(1.125 * var(--tk-r))}}
#body_wrap .tk-c-jp .tk-c-section-ttl{margin-bottom:calc(5.9375 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-c-jp .tk-c-section-ttl{margin-bottom:calc(1 * var(--tk-r))}}
#body_wrap .tk-c-jp a{color:#000}

/* ---- 7-6 横に流れる写真の帯・リード文 ---- */
#body_wrap .tk-c-slider{transition-timing-function:linear;margin:0 calc(50% - 50vw)}
#body_wrap .tk-c-lead{text-align:center}

/* ---- 7-7 トップ：コンセプト（背景の写真は画面に入るとふわっと出る） ---- */
#body_wrap .tk-p-concept{padding:calc(10.0625 * var(--tk-r)) 0;height:100vh}
#body_wrap .tk-p-concept:before{content:"";width:100%;height:100%;background-image:url(/wp-content/uploads/2026/10/top-concept-entrance.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;opacity:0;transition:opacity 1.4s ease}
@media screen and (max-width:480px){#body_wrap .tk-p-concept:before{background-position:left 20% center}}
#body_wrap .tk-p-concept.active:before{opacity:1}
@media screen and (max-width:767px){#body_wrap .tk-p-concept{padding:calc(6.6875 * var(--tk-r)) 0}}
@media screen and (max-width:480px){#body_wrap .tk-p-concept{padding:calc(5.03125 * var(--tk-r)) 0}}
#body_wrap .tk-p-concept__inner{top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
#body_wrap .tk-p-concept__content{text-align:center;margin-bottom:calc(4.8125 * var(--tk-r))}
@media screen and (max-width:480px){#body_wrap .tk-p-concept__content{margin-bottom:calc(2.40625 * var(--tk-r))}}
#body_wrap .tk-p-concept__txt:first-child{margin-bottom:calc(3.125 * var(--tk-r))}
@media screen and (max-width:480px){#body_wrap .tk-p-concept__txt:first-child{margin-bottom:calc(1.5625 * var(--tk-r))}}
#body_wrap .tk-p-concept .tk-c-section-ttl{letter-spacing:.2em}

/* ---- 7-7 トップ：お料理 ---- */
#body_wrap .tk-p-cooking{padding-bottom:calc(5.5125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-cooking{padding-bottom:calc(3.675 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-cooking{padding-bottom:calc(2.75625 * var(--tk-r))}}
#body_wrap .tk-p-cooking__txt{text-align:center;margin-bottom:calc(5.25 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-cooking__txt{margin-bottom:calc(3.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-cooking__txt{margin-bottom:calc(2.625 * var(--tk-r))}}
#body_wrap .tk-p-cooking .tk-c-btn{margin-bottom:calc(8.125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-cooking .tk-c-btn{margin-bottom:calc(5.4125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-cooking .tk-c-btn{margin-bottom:calc(4.0625 * var(--tk-r))}}

/* ---- 7-7 トップ：お部屋・ご宴会のバナーの並び ---- */
#body_wrap .tk-p-bnr__list{display:flex}
@media screen and (max-width:480px){#body_wrap .tk-p-bnr__list{flex-direction:column;gap:calc(.75 * var(--tk-r));width:92%;margin:0 auto}}
#body_wrap .tk-p-bnr__item{width:50%}
@media screen and (max-width:480px){#body_wrap .tk-p-bnr__item{width:100%}}

/* ---- 7-7 トップ：ご利用シーン ---- */
#body_wrap .tk-p-usage__txt{text-align:center;margin-bottom:calc(4.375 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-usage__txt{margin-bottom:calc(2.9125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-usage__txt{margin-bottom:calc(2.1875 * var(--tk-r))}}
#body_wrap .tk-p-usage .tk-c-btn{margin-bottom:calc(6.125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-usage .tk-c-btn{margin-bottom:calc(4.08125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-usage .tk-c-btn{margin-bottom:calc(3.0625 * var(--tk-r))}}
#body_wrap .tk-p-usage__img-list{margin:0 calc(50% - 50vw);display:flex;justify-content:space-between;align-items:center;gap:calc(2.3625 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-usage__img-list{gap:calc(1.18125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-usage__img-list{gap:calc(.75 * var(--tk-r));flex-direction:column}}
#body_wrap .tk-p-usage__img-item{width:calc((100% - calc(4.725 * var(--tk-r))) / 3)}
@media screen and (max-width:767px){#body_wrap .tk-p-usage__img-item{width:calc((100% - calc(2.3625 * var(--tk-r))) / 3)}}
@media screen and (max-width:480px){#body_wrap .tk-p-usage__img-item{width:100%}#body_wrap .tk-p-usage__img-item:nth-child(2){text-align:right}#body_wrap .tk-p-usage__img-item img{width:60%}}
#body_wrap .tk-p-usage__btn-list{display:flex;justify-content:space-between;margin:0 auto;width:90%;margin-top:calc(10 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-usage__btn-list{width:100%;margin-top:calc(6.625 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-usage__btn-list{flex-direction:column;gap:calc(.75 * var(--tk-r));margin-top:calc(3.75 * var(--tk-r))}}
#body_wrap .tk-p-usage__btn-unit{width:48%}
@media screen and (max-width:480px){#body_wrap .tk-p-usage__btn-unit{width:100%}}

/* ---- 7-7 トップ：アクセス ---- */
#body_wrap .tk-p-access{padding:calc(12 * var(--tk-r)) 0;background-image:url(/wp-content/uploads/2026/10/bg-access-garden-lantern.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}
@media screen and (max-width:767px){#body_wrap .tk-p-access{padding:calc(8 * var(--tk-r)) 0;background-position:left 39% center}}
@media screen and (max-width:480px){#body_wrap .tk-p-access{padding:calc(6 * var(--tk-r));background-position:left 29% center}}
#body_wrap .tk-p-access:before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,.15);position:absolute;top:0;left:0}
#body_wrap .tk-p-access__content{text-align:center;margin-bottom:calc(5 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-access__content{margin-bottom:calc(3.25 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-access__content{margin-bottom:calc(2.5 * var(--tk-r))}}
#body_wrap .tk-p-access__txt:not(:last-of-type){padding-bottom:calc(2.875 * var(--tk-r));margin-bottom:calc(1.75 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-access__txt:not(:last-of-type){padding-bottom:calc(1.875 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-access__txt:not(:last-of-type){padding-bottom:calc(1.4375 * var(--tk-r))}}
#body_wrap .tk-p-access__txt:not(:last-of-type):before{content:"";height:1px;width:calc(40 * var(--tk-r));background-color:#fff;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
@media screen and (max-width:767px){#body_wrap .tk-p-access__txt:not(:last-of-type):before{width:calc(28.125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-access__txt:not(:last-of-type):before{width:calc(18.75 * var(--tk-r))}}
#body_wrap .tk-p-access__btn-area{display:flex;align-items:center;justify-content:center;gap:calc(2.75 * var(--tk-r));margin-right:calc(1.625 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-access__btn-area{gap:calc(1.375 * var(--tk-r));margin-right:0}}
@media screen and (max-width:480px){#body_wrap .tk-p-access__btn-area{flex-direction:column;gap:calc(1 * var(--tk-r))}}

/* ---- 7-7 トップ：最新情報（並び方は 11.） ---- */
#body_wrap .tk-p-topic{padding:calc(8.5 * var(--tk-r)) 0;background-image:url(/wp-content/uploads/2026/10/bg-news-washi.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;color:#000}
@media screen and (max-width:767px){#body_wrap .tk-p-topic{padding:calc(5.6625 * var(--tk-r)) 0}}
@media screen and (max-width:480px){#body_wrap .tk-p-topic{padding:calc(4.25 * var(--tk-r)) 0}}
#body_wrap .tk-p-topic a{color:#000}
#body_wrap .tk-p-topic .tk-c-section-ttl{margin-bottom:calc(6.125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-topic .tk-c-section-ttl{margin-bottom:calc(4.08125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-topic .tk-c-section-ttl{margin-bottom:calc(3.0625 * var(--tk-r))}}
#body_wrap .tk-p-topic .swell-block-button__link{border-color:#000}

/* ---- 7-8 滝川について ---- */
#body_wrap .tk-p-about-page__card{display:flex}
@media screen and (max-width:480px){#body_wrap .tk-p-about-page__card{flex-direction:column}}
#body_wrap .tk-p-about-page__card:nth-child(even){flex-direction:row-reverse}
@media screen and (max-width:480px){#body_wrap .tk-p-about-page__card:nth-child(even){flex-direction:column}}
#body_wrap .tk-p-about-page__content,#body_wrap .tk-p-about-page__img{width:50%}
@media screen and (max-width:480px){#body_wrap .tk-p-about-page__content,#body_wrap .tk-p-about-page__img{width:100%}}
#body_wrap .tk-p-about-page__img img{object-fit:cover;object-position:26% center;height:100%;width:100%;vertical-align:bottom}
#body_wrap .tk-p-about-page__content{padding:calc(7.875 * var(--tk-r)) calc(3.75 * var(--tk-r)) calc(7.875 * var(--tk-r)) calc(4.5625 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-about-page__content{padding:calc(3.75 * var(--tk-r)) calc(1.875 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-about-page__content{padding:calc(3.9375 * var(--tk-r)) calc(1.25 * var(--tk-r)) calc(2.5 * var(--tk-r))}}
#body_wrap .tk-p-about-page__ttl{font-size:calc(2.375 * var(--tk-r));margin-bottom:calc(4.1875 * var(--tk-r));letter-spacing:.18em}
@media screen and (max-width:767px){#body_wrap .tk-p-about-page__ttl{font-size:calc(1.25 * var(--tk-r));margin-bottom:calc(1.875 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-about-page__ttl{font-size:calc(1.5 * var(--tk-r));margin-bottom:calc(1.875 * var(--tk-r))}}
#body_wrap .tk-p-about-page__txt{font-size:calc(1.3125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-about-page__txt{font-size:calc(.875 * var(--tk-r))}}
#body_wrap .tk-p-about-page__txt:not(:last-child){margin-bottom:calc(2.875 * var(--tk-r))}
@media screen and (max-width:480px){#body_wrap .tk-p-about-page__txt:not(:last-child){margin-bottom:calc(1.4375 * var(--tk-r))}}

/* ---- 7-9 ご宴会 ---- */
#body_wrap .tk-p-plan{padding:calc(7.3125 * var(--tk-r)) 0}
@media screen and (max-width:767px){#body_wrap .tk-p-plan{padding:calc(4.875 * var(--tk-r)) 0}}
@media screen and (max-width:480px){#body_wrap .tk-p-plan{padding:calc(3.65625 * var(--tk-r)) 0}}
#body_wrap .tk-p-plan__ttl-area{gap:calc(5.375 * var(--tk-r));margin-bottom:calc(2.25 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-plan__ttl-area{gap:0;justify-content:space-between}}
@media screen and (max-width:480px){#body_wrap .tk-p-plan__ttl-area{margin-bottom:calc(1.125 * var(--tk-r));flex-direction:column;gap:calc(.75 * var(--tk-r))}}
#body_wrap .tk-p-plan .tk-c-section-ttl{margin-bottom:calc(5.9375 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-plan .tk-c-section-ttl{margin-bottom:calc(1 * var(--tk-r))}}
#body_wrap .tk-p-hall{padding:calc(7.1875 * var(--tk-r)) 0}
@media screen and (max-width:767px){#body_wrap .tk-p-hall{padding:calc(4.75 * var(--tk-r)) 0}}
@media screen and (max-width:480px){#body_wrap .tk-p-hall{padding:calc(3.59375 * var(--tk-r)) 0}}
#body_wrap .tk-p-hall__lead{text-align:center;margin-bottom:calc(3.625 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-hall__lead{margin-bottom:calc(2.375 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-hall__lead{margin-bottom:calc(1.8125 * var(--tk-r))}}
#body_wrap .tk-p-hall__cards{display:flex;align-items:center;justify-content:space-between;margin:0 auto;max-width:1640px}
@media screen and (max-width:480px){#body_wrap .tk-p-hall__cards{flex-direction:column;gap:calc(2 * var(--tk-r))}}
#body_wrap .tk-p-hall__card{text-align:center;width:48%}
@media screen and (max-width:480px){#body_wrap .tk-p-hall__card{width:100%}}
#body_wrap .tk-p-hall__img{margin-bottom:calc(2.8125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-hall__img{margin-bottom:calc(1.875 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-hall__img{margin-bottom:calc(1.40625 * var(--tk-r))}}
#body_wrap .tk-p-hall__ttl{font-size:calc(2.375 * var(--tk-r));margin-bottom:calc(2.5 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-hall__ttl{font-size:calc(2 * var(--tk-r));margin-bottom:calc(1.625 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-hall__ttl{margin-bottom:calc(1.25 * var(--tk-r));font-size:calc(1.625 * var(--tk-r))}}
#body_wrap .tk-p-hall__txt{font-size:calc(1.25 * var(--tk-r));letter-spacing:.2em}
@media screen and (max-width:480px){#body_wrap .tk-p-hall__txt{font-size:calc(1.125 * var(--tk-r))}}
#body_wrap .tk-p-hall .tk-c-section-ttl{margin-bottom:calc(1 * var(--tk-r))}

/* ---- 7-10 お料理 ---- */
#body_wrap .tk-p-msg{padding:calc(6.9375 * var(--tk-r)) 0}
@media screen and (max-width:480px){#body_wrap .tk-p-msg{padding:calc(3.46875 * var(--tk-r)) 0}}
#body_wrap .tk-p-msg__lead{margin-bottom:calc(8.75 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-msg__lead{margin-bottom:calc(5.75 * var(--tk-r))}}
#body_wrap .tk-p-msg__chef-area{margin:0 auto;max-width:calc(81.25 * var(--tk-r));width:100%;display:flex;justify-content:space-between}
@media screen and (max-width:480px){#body_wrap .tk-p-msg__chef-area{flex-direction:column;gap:calc(2 * var(--tk-r))}}
#body_wrap .tk-p-msg__chef-top{width:42%;padding-left:calc(5.9375 * var(--tk-r));height:calc(30 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-msg__chef-top{padding-left:0;height:auto}}
@media screen and (max-width:480px){#body_wrap .tk-p-msg__chef-top{display:flex;align-items:center;width:100%;gap:calc(1.25 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-msg__chef-img{width:50%}}
#body_wrap .tk-p-msg__chef-img img{vertical-align:bottom;object-fit:cover;object-position:center}
#body_wrap .tk-p-msg__chef-content{width:50%}
@media screen and (max-width:767px){#body_wrap .tk-p-msg__chef-content{width:53%}}
@media screen and (max-width:480px){#body_wrap .tk-p-msg__chef-content{width:100%}}
/* ↓ !important：SWELLが最後の要素の下余白を !important で0にするため（3行とも） */
#body_wrap .tk-p-msg__chef-ttl{font-size:calc(2.375 * var(--tk-r));margin-bottom:calc(4.0625 * var(--tk-r)) !important}
@media screen and (max-width:767px){#body_wrap .tk-p-msg__chef-ttl{font-size:calc(1.75 * var(--tk-r));margin-bottom:calc(2 * var(--tk-r)) !important}}
@media screen and (max-width:480px){#body_wrap .tk-p-msg__chef-ttl{font-size:calc(1.5 * var(--tk-r));margin-bottom:0 !important;width:calc(50% - calc(1.25 * var(--tk-r)));line-height:1.8}#body_wrap .tk-p-msg__chef-ttl span{font-size:calc(1.125 * var(--tk-r))}}
#body_wrap .tk-p-msg__chef-txt{font-size:calc(1.3125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-msg__chef-txt{font-size:calc(1 * var(--tk-r))}}
#body_wrap .tk-p-msg .tk-c-section-ttl{margin-bottom:calc(1.25 * var(--tk-r))}
#body_wrap .tk-p-cuisine-menu{margin-bottom:calc(1.875 * var(--tk-r))}
#body_wrap .tk-p-course{padding:calc(7.3125 * var(--tk-r)) 0}
@media screen and (max-width:767px){#body_wrap .tk-p-course{padding:calc(4.875 * var(--tk-r)) 0}}
@media screen and (max-width:480px){#body_wrap .tk-p-course{padding:calc(3.65625 * var(--tk-r)) 0}}
#body_wrap .tk-p-course__ttl-area{gap:calc(2.1875 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-course__ttl-area{justify-content:flex-start}}
@media screen and (max-width:480px){#body_wrap .tk-p-course__ttl-area{gap:0;flex-direction:row;justify-content:space-between}}
#body_wrap .tk-p-course__tag{margin:0}
#body_wrap .tk-p-course .tk-c-section-ttl{margin-bottom:calc(5.9375 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-course .tk-c-section-ttl{margin-bottom:calc(1 * var(--tk-r))}}

/* ---- 7-11 お部屋 ---- */
#body_wrap .tk-p-room{padding:calc(11.375 * var(--tk-r)) 0}
@media screen and (max-width:767px){#body_wrap .tk-p-room{padding:calc(7.5 * var(--tk-r)) 0}}
@media screen and (max-width:480px){#body_wrap .tk-p-room{padding:calc(5.6875 * var(--tk-r)) 0}}
#body_wrap .tk-p-room__lead{margin-bottom:calc(8.25 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-room__lead{margin-bottom:calc(5.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-room__lead{margin-bottom:calc(4.125 * var(--tk-r))}}
#body_wrap .tk-p-room__img-list{margin:0 calc(50% - 50vw);display:flex;justify-content:space-between;align-items:center;gap:calc(2.3625 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-room__img-list{gap:calc(1.18125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-room__img-list{gap:calc(.75 * var(--tk-r));flex-direction:column}}
#body_wrap .tk-p-room__img-item{width:calc((100% - calc(4.725 * var(--tk-r))) / 3)}
@media screen and (max-width:767px){#body_wrap .tk-p-room__img-item{width:calc((100% - calc(2.3625 * var(--tk-r))) / 3)}}
@media screen and (max-width:480px){#body_wrap .tk-p-room__img-item{width:100%}#body_wrap .tk-p-room__img-item:nth-child(2){text-align:right}#body_wrap .tk-p-room__img-item img{width:60%}}
#body_wrap .tk-p-room .tk-c-section-ttl{margin-bottom:calc(3.75 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-room .tk-c-section-ttl{margin-bottom:calc(2.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-room .tk-c-section-ttl{margin-bottom:calc(1.875 * var(--tk-r))}}
#body_wrap .tk-p-types{padding-bottom:calc(11.6875 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-types{padding-bottom:calc(7.75 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-types{padding-bottom:calc(5.8125 * var(--tk-r))}}
#body_wrap .tk-p-types__ttl{font-size:calc(2.90625 * var(--tk-r));text-align:center;margin-bottom:calc(1.3125 * var(--tk-r));letter-spacing:.2em;line-height:1.8}
@media screen and (max-width:767px){#body_wrap .tk-p-types__ttl{font-size:calc(2.25 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-types__ttl{font-size:calc(2 * var(--tk-r))}}
#body_wrap .tk-p-types__txt{text-align:center;line-height:1.8}
#body_wrap .tk-p-types__txt--private{margin-bottom:calc(5 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-types__txt--private{margin-bottom:calc(3.25 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-types__txt--private{margin-bottom:calc(2.5 * var(--tk-r))}}
#body_wrap .tk-p-types__txt--md,#body_wrap .tk-p-types__txt--lg{margin-bottom:calc(3.5 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-types__txt--md,#body_wrap .tk-p-types__txt--lg{margin-bottom:calc(1.875 * var(--tk-r))}}
#body_wrap .tk-p-types__private-area{margin-bottom:calc(11.375 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-types__private-area{margin-bottom:calc(7.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-types__private-area{margin-bottom:calc(5.6875 * var(--tk-r))}}
#body_wrap .tk-p-types__slider{margin:0 calc(50% - 50vw)}
#body_wrap .tk-p-types__slider img{width:54vw;height:auto}
@media screen and (max-width:767px){#body_wrap .tk-p-types__slider img{width:80vw}}
#body_wrap .tk-p-types__hall-md-area,#body_wrap .tk-p-types__hall-lg-area{max-width:calc(65.625 * var(--tk-r));margin:0 auto}
#body_wrap .tk-p-types__hall-md-area{margin-bottom:calc(11.3125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-types__hall-md-area{margin-bottom:calc(7.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-types__hall-md-area{margin-bottom:calc(5.625 * var(--tk-r))}}
#body_wrap .tk-p-types__hall-lg-area{margin-bottom:calc(6.875 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-types__hall-lg-area{margin-bottom:calc(4.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-types__hall-lg-area{margin-bottom:calc(3.4375 * var(--tk-r))}}

/* ---- 7-12 お顔合わせ ---- */
#body_wrap .tk-p-occasion{padding:calc(8.5 * var(--tk-r)) 0;overflow-x:hidden}
@media screen and (max-width:767px){#body_wrap .tk-p-occasion{padding:calc(12.625 * var(--tk-r)) 0}}
@media screen and (max-width:480px){#body_wrap .tk-p-occasion{padding:calc(9.8125 * var(--tk-r)) 0}}
#body_wrap .tk-p-occasion:before{content:"";width:calc(82.5 * var(--tk-r));height:calc(55 * var(--tk-r));background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(/wp-content/uploads/2026/10/occasion-bg-tai.jpg);position:absolute;top:calc(-6.25 * var(--tk-r));right:calc(-1.25 * var(--tk-r));z-index:-1}
@media screen and (max-width:767px){#body_wrap .tk-p-occasion:before{width:calc(41.25 * var(--tk-r));height:calc(27.5 * var(--tk-r));top:calc(-3.125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-occasion:before{width:calc(33.75 * var(--tk-r));height:calc(26.875 * var(--tk-r));top:calc(-5.25 * var(--tk-r))}}
#body_wrap .tk-p-occasion__wrap{margin:0 auto;max-width:calc(100.625 * var(--tk-r))}
#body_wrap .tk-p-occasion__content{margin-bottom:calc(7.5 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-occasion__content{margin-bottom:calc(6.125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-occasion__content{margin-bottom:calc(3.1875 * var(--tk-r))}}
#body_wrap .tk-p-occasion__lead{font-size:calc(1.78125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-occasion__lead{font-size:calc(1.125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-occasion__lead{font-size:calc(1 * var(--tk-r))}}
#body_wrap .tk-p-occasion__lead:not(:last-of-type){margin-bottom:calc(3.25 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-occasion__lead:not(:last-of-type){margin-bottom:calc(2.125 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-occasion__lead:not(:last-of-type){margin-bottom:calc(1.625 * var(--tk-r))}}
#body_wrap .tk-p-occasion__video{position:relative;width:fit-content}
#body_wrap .tk-p-occasion__video:after{content:"";width:100%;height:100%;background-color:#000;opacity:.2;position:absolute;top:0;left:0}
#body_wrap .tk-p-occasion__img{width:calc(52.8125 * var(--tk-r));height:calc(31.625 * var(--tk-r));overflow:hidden}
@media screen and (max-width:767px){#body_wrap .tk-p-occasion__img{width:100%;height:auto}}
#body_wrap .tk-p-occasion__img img{object-fit:cover;object-position:50% 84%}
#body_wrap .tk-p-occasion .tk-c-section-ttl{text-align:left;margin-bottom:calc(2.6875 * var(--tk-r))}
#body_wrap .tk-p-intro{padding:calc(11.875 * var(--tk-r)) 0}
@media screen and (max-width:767px){#body_wrap .tk-p-intro{padding:calc(7.875 * var(--tk-r)) 0}}
@media screen and (max-width:480px){#body_wrap .tk-p-intro{padding:calc(5.9375 * var(--tk-r)) 0}}
#body_wrap .tk-p-intro__ttl-area{gap:calc(2.125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-intro__ttl-area{gap:calc(.75 * var(--tk-r))}}
#body_wrap .tk-p-accept{padding:calc(6.75 * var(--tk-r)) 0}
@media screen and (max-width:767px){#body_wrap .tk-p-accept{padding:calc(4.5 * var(--tk-r)) 0}}
@media screen and (max-width:480px){#body_wrap .tk-p-accept{padding:calc(3.375 * var(--tk-r)) 0}}
#body_wrap .tk-p-accept__content{border:1px solid #fff;margin:0 auto;max-width:calc(65.9375 * var(--tk-r));padding:calc(3.4375 * var(--tk-r)) calc(8.75 * var(--tk-r)) calc(4.375 * var(--tk-r));display:flex;align-items:center;justify-content:center;flex-direction:column}
@media screen and (max-width:767px){#body_wrap .tk-p-accept__content{padding:calc(2.875 * var(--tk-r)) calc(2.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-accept__content{padding:calc(2.875 * var(--tk-r)) calc(1.25 * var(--tk-r))}}
#body_wrap .tk-p-accept__ttl{font-size:calc(2.4375 * var(--tk-r));padding-bottom:calc(1.5 * var(--tk-r));margin-bottom:calc(3.125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-accept__ttl{font-size:calc(2 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-accept__ttl{font-size:calc(1.625 * var(--tk-r));padding-bottom:calc(1 * var(--tk-r));margin-bottom:calc(1.875 * var(--tk-r))}}
#body_wrap .tk-p-accept__ttl:after{content:"";width:calc(7.5 * var(--tk-r));height:1px;background-color:#fff;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
#body_wrap .tk-p-accept__contact-add{display:flex;align-items:center;justify-content:center;gap:calc(2.75 * var(--tk-r));margin-bottom:calc(3.125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-accept__contact-add{gap:calc(1.75 * var(--tk-r));margin-bottom:calc(2 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-accept__contact-add{flex-direction:column;gap:calc(1 * var(--tk-r))}}
#body_wrap .tk-p-accept__contact-add span{font-size:calc(2.25 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-accept__contact-add span{font-size:calc(1.875 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-accept__contact-add span{font-size:calc(1.5 * var(--tk-r))}}
#body_wrap .tk-p-accept__contact-add a{font-size:calc(2.75 * var(--tk-r));letter-spacing:.27em}
@media screen and (max-width:767px){#body_wrap .tk-p-accept__contact-add a{font-size:calc(2 * var(--tk-r))}}
#body_wrap .tk-p-accept .swell-block-button__link{font-size:calc(1.9375 * var(--tk-r));padding:calc(1 * var(--tk-r)) calc(7 * var(--tk-r));border-radius:calc(3.125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-accept .swell-block-button__link{font-size:calc(1.5625 * var(--tk-r));padding:calc(.75 * var(--tk-r)) calc(3.75 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-accept .swell-block-button__link{font-size:calc(1 * var(--tk-r));padding:calc(.75 * var(--tk-r)) calc(1 * var(--tk-r))}}
#body_wrap .tk-p-accept .tk-c-section-ttl{margin-bottom:calc(4 * var(--tk-r))}
@media screen and (max-width:480px){#body_wrap .tk-p-accept .tk-c-section-ttl{margin-bottom:calc(2 * var(--tk-r))}}

/* お顔合わせプランの下の「お部屋を見る」ボタン（現行に無い。依頼者指示 10/8） */
#body_wrap .tk-p-intro__room-btn{margin-top:calc(4.0625 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-intro__room-btn{margin-top:calc(3.125 * var(--tk-r))}}

/* ---- 7-13 お問合せ ---- */
#body_wrap .tk-p-contact{padding-bottom:calc(10 * var(--tk-r))}
@media screen and (max-width:480px){#body_wrap .tk-p-contact{padding:calc(10 * var(--tk-r)) 0 calc(7.5 * var(--tk-r))}}
#body_wrap .tk-p-contact__bg{background-color:#fff;padding:calc(6.25 * var(--tk-r)) calc(5 * var(--tk-r));max-width:calc(100 * var(--tk-r));margin:0 auto}
@media screen and (max-width:767px){#body_wrap .tk-p-contact__bg{padding:calc(4.125 * var(--tk-r)) calc(2.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-contact__bg{padding:calc(2.5 * var(--tk-r)) calc(1.25 * var(--tk-r))}}
/* ↓ !important：フォームの最後の項目の下余白を、SWELLが !important で0にするため（4行とも） */
#body_wrap .tk-p-contact__unit{display:flex;width:100%;align-items:center;margin-bottom:calc(1.875 * var(--tk-r)) !important}
@media screen and (max-width:480px){#body_wrap .tk-p-contact__unit{margin-bottom:calc(1.5 * var(--tk-r)) !important;flex-direction:column;gap:calc(.875 * var(--tk-r))}}
#body_wrap .tk-p-contact__unit:last-child{margin-bottom:calc(3.75 * var(--tk-r)) !important}
@media screen and (max-width:480px){#body_wrap .tk-p-contact__unit:last-child{margin-bottom:calc(1.875 * var(--tk-r)) !important}}
#body_wrap .tk-p-contact__label{width:calc(20 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-contact__label{width:calc(11.25 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-contact__label{width:100%}}
#body_wrap .tk-p-contact__input{width:calc(100% - calc(20 * var(--tk-r)))}
@media screen and (max-width:767px){#body_wrap .tk-p-contact__input{width:calc(100% - calc(11.25 * var(--tk-r)))}}
@media screen and (max-width:480px){#body_wrap .tk-p-contact__input{width:100%}}
#body_wrap .tk-p-contact__text{appearance:none;background-color:transparent;background-image:none;border:1px solid rgba(0,0,0,.4);border-radius:0;color:inherit;font-family:inherit;font-size:1em;padding:calc(1 * var(--tk-r));width:100%}
@media screen and (max-width:480px){#body_wrap .tk-p-contact__text{padding:calc(.75 * var(--tk-r))}}
#body_wrap .tk-p-contact__text:focus{border:1px solid #050608;box-shadow:none;outline:none}
#body_wrap .tk-p-contact__dropdown{width:calc(20 * var(--tk-r))}
#body_wrap .tk-p-contact__dropdown:after{content:"";width:8px;height:8px;margin-top:-5px;border-right:solid 1px #000;border-bottom:solid 1px #000;transform:rotate(45deg);position:absolute;top:50%;right:calc(1 * var(--tk-r))}
#body_wrap .tk-p-contact__select{appearance:none;background:transparent none no-repeat center right 8px/16px 16px;border:1px solid rgba(0,0,0,.4);border-radius:0;color:inherit;cursor:pointer;font-family:inherit;font-size:1em;padding:calc(1 * var(--tk-r));width:100%}
@media screen and (max-width:480px){#body_wrap .tk-p-contact__select{padding:calc(.75 * var(--tk-r))}}
#body_wrap .tk-p-contact__select:focus{border:1px solid #050608;box-shadow:none;outline:none}
#body_wrap .tk-p-contact__textarea{appearance:none;background-color:transparent;background-image:none;border:1px solid rgba(0,0,0,.4);border-radius:0;color:inherit;font-family:inherit;font-size:1em;height:calc(12.5 * var(--tk-r));padding:calc(1 * var(--tk-r));width:100%}
@media screen and (max-width:480px){#body_wrap .tk-p-contact__textarea{padding:calc(.75 * var(--tk-r));height:calc(10 * var(--tk-r))}}
#body_wrap .tk-p-contact__textarea:focus{border:1px solid #050608;box-shadow:none;outline:none}
#body_wrap .tk-p-contact__policy{display:flex;align-items:center;justify-content:center;margin-bottom:calc(3.75 * var(--tk-r))}
#body_wrap .tk-p-contact__link{color:#050608}
#body_wrap .tk-p-contact__link:before{content:"";width:100%;height:1px;background-color:#050608;position:absolute;bottom:0;left:0}
#body_wrap .tk-p-contact__link:hover{opacity:.7}
#body_wrap .tk-p-contact__link:hover:before{opacity:.7}
#body_wrap .tk-p-contact__check{display:none}
#body_wrap .tk-p-contact__check+span{cursor:pointer;display:inline-block;padding:0 0 0 calc(2.625 * var(--tk-r));position:relative}
@media screen and (max-width:767px){#body_wrap .tk-p-contact__check+span{padding:0 0 0 calc(2.25 * var(--tk-r))}}
#body_wrap .tk-p-contact__check+span:before{background:#fff;border:1px solid rgba(0,0,0,.4);content:"";display:block;height:calc(1.75 * var(--tk-r));left:0;position:absolute;top:50%;transform:translateY(-50%);width:calc(1.75 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-contact__check+span:before{width:calc(1.25 * var(--tk-r));height:calc(1.25 * var(--tk-r))}}
#body_wrap .tk-p-contact__check+span:after{border-bottom:3px solid #050608;border-left:3px solid #050608;content:"";display:block;height:.6em;left:0;margin-top:-.2em;opacity:0;position:absolute;top:50%;transform:translateY(-50%) rotate(-45deg);transition:all .3s ease 0s;width:1em}
@media screen and (max-width:480px){#body_wrap .tk-p-contact__check{left:calc(.125 * var(--tk-r))}}
#body_wrap .tk-p-contact__check:checked+span:after{opacity:1}
#body_wrap .tk-p-contact__btn{display:flex;justify-content:center;gap:calc(.5 * var(--tk-r))}
#body_wrap .tk-p-contact__submit{background-color:#fff;background-image:none;border:1px solid #000;border-radius:0;cursor:pointer;display:inline-block;font-size:1em;padding:calc(.875 * var(--tk-r)) calc(1.3125 * var(--tk-r));font-family:inherit;text-decoration:none;min-width:calc(18.75 * var(--tk-r));width:auto;transition:.4s;color:#000}
#body_wrap .tk-p-contact__submit:hover,#body_wrap .tk-p-contact__submit:focus{background-color:rgba(0,0,0,.2)}
#body_wrap .wpcf7-not-valid-tip{font-size:calc(1.125 * var(--tk-r));margin-top:calc(.75 * var(--tk-r))}
#body_wrap .wpcf7-spinner{display:block;background-color:#050608}

/* 送信ボタンの下の reCAPTCHA の表示文（フォームの設定で追加。10/8） */
#body_wrap .tk-p-contact__recaptcha{font-size:14px;line-height:1.6}
#body_wrap .tk-p-contact__recaptcha small{font-size:inherit}
@media screen and (max-width:480px){#body_wrap .tk-p-contact__recaptcha{font-size:10px}}

/* ---- 7-14 プライバシーポリシー ---- */
#body_wrap .tk-p-privacy{padding-bottom:calc(10 * var(--tk-r))}
@media screen and (max-width:480px){#body_wrap .tk-p-privacy{padding:calc(10 * var(--tk-r)) 0 calc(7.5 * var(--tk-r))}}
#body_wrap .tk-p-privacy__wrap{background-color:#fff;padding:calc(6.25 * var(--tk-r)) calc(5 * var(--tk-r));max-width:calc(100 * var(--tk-r));margin:0 auto;display:flex;flex-direction:column;gap:calc(3.75 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-privacy__wrap{gap:calc(2.5 * var(--tk-r));padding:calc(4.125 * var(--tk-r)) calc(2.5 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-privacy__wrap{gap:calc(1.875 * var(--tk-r));padding:calc(2.5 * var(--tk-r)) calc(1.25 * var(--tk-r))}}
#body_wrap .tk-p-privacy__ttl{font-size:calc(1.75 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-privacy__ttl{font-size:calc(1.375 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-privacy__ttl{font-size:calc(1.125 * var(--tk-r))}}
#body_wrap .tk-p-privacy__txt,#body_wrap .tk-p-privacy__item{font-size:calc(1.375 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-privacy__txt,#body_wrap .tk-p-privacy__item{font-size:calc(1 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-privacy__txt,#body_wrap .tk-p-privacy__item{font-size:calc(.875 * var(--tk-r))}}
#body_wrap .tk-p-privacy__sm{font-size:calc(1.125 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-privacy__sm{font-size:calc(.75 * var(--tk-r))}}
#body_wrap .tk-p-privacy__unit{display:flex;flex-direction:column;gap:calc(1.875 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-privacy__unit{gap:calc(1.25 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-privacy__unit{gap:calc(1 * var(--tk-r))}}
#body_wrap .tk-p-privacy__unit:last-child{text-align:right}
#body_wrap .tk-p-privacy__item{padding-left:calc(2.625 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-privacy__item{padding-left:calc(1.375 * var(--tk-r))}}
#body_wrap .tk-p-privacy__item:not(:last-child){margin-bottom:calc(1 * var(--tk-r))}
#body_wrap .tk-p-privacy__item:before{position:absolute;left:0;top:0}
#body_wrap .tk-p-privacy__item:nth-child(1):before{content:"1."}
#body_wrap .tk-p-privacy__item:nth-child(2):before{content:"2."}
#body_wrap .tk-p-privacy__item:nth-child(3):before{content:"3."}
#body_wrap .tk-p-privacy__item:nth-child(4):before{content:"4."}
#body_wrap .tk-p-privacy a{text-decoration:underline}
#body_wrap .tk-p-privacy .tk-c-section-ttl{font-size:calc(2.625 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-privacy .tk-c-section-ttl{font-size:calc(1.875 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-privacy .tk-c-section-ttl{font-size:calc(1.375 * var(--tk-r))}}

/* ---- お問合せ・プライバシー・お知らせ一覧・お知らせ詳細の和紙の背景（現行どおりにしない。依頼者指示 10/8）
 *      ページが縦に長いと和紙の写真が引き伸ばされて粗く見えるため、常に「画面1枚分」の大きさで後ろに敷く。
 *      clip-path でこの部分の外には出さない（スマホでも動く方法。background-attachment:fixed はiPhoneで効かない） ---- */
#body_wrap .tk-p-contact.tk-c-jp,
#body_wrap .tk-p-privacy.tk-c-jp,
#body_wrap .tk-p-newsList,
#body_wrap.single #content.l-content{background:none;clip-path:inset(0)}
#body_wrap .tk-p-contact.tk-c-jp:before,
#body_wrap .tk-p-privacy.tk-c-jp:before,
#body_wrap .tk-p-newsList:before,
#body_wrap.single #content.l-content:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;background:url(/wp-content/uploads/2026/10/bg-news-washi.jpg) center / cover no-repeat}

/* ---- 7-15 価格の注意書き（お料理・ご宴会・お顔合わせ） ---- */
#body_wrap .tk-c-priceNotes{margin:34px auto 0;font-size:calc(1.375 * var(--tk-r));max-width:calc(96.25 * var(--tk-r));color:#000}
@media screen and (max-width:767px){#body_wrap .tk-c-priceNotes{font-size:calc(.9375 * var(--tk-r));text-align:center;line-height:1.3}}


/* ---- 7-16 お知らせ一覧（固定ページ「お知らせ」/news/。現行に無い。依頼者指示 10/8）
 *      トップの「最新情報」と同じ一覧（tk-p-topic）を、お問合せと同じ余白で表示。上部写真なし（タイトルの位置「内」） ---- */
#body_wrap .tk-p-newsList{padding:calc(11.8125 * var(--tk-r)) 0 calc(10 * var(--tk-r))}
@media screen and (max-width:767px){#body_wrap .tk-p-newsList{padding-top:calc(7.875 * var(--tk-r))}}
@media screen and (max-width:480px){#body_wrap .tk-p-newsList{padding:calc(10 * var(--tk-r)) 0 calc(7.5 * var(--tk-r))}}

/* ==========================================================================
 * 8. ボタン
 * ========================================================================== */

/* 枠線のボタン（滝川について・詳細はこちら・Google Map・お問合せはこちら など）
 * ブロックの標準の指定より強くするため :not(#x) を付けている */
.swell-block-button.is-style-btn_line .swell-block-button__link:not(#x) {
	width: auto;
	min-width: calc(18.4375 * var(--tk-r));
	padding: calc(.875 * var(--tk-r)) calc(1.3125 * var(--tk-r));
	line-height: 1;
	font-size: var(--tk-fz);
	letter-spacing: var(--tk-ls);
	border: 1px solid currentColor;
	background: transparent;
	color: inherit;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 480px) {
	.swell-block-button.is-style-btn_line .swell-block-button__link:not(#x) {
		min-width: calc(12.5 * var(--tk-r));
	}
}
/* マウスを乗せると左から薄く色がつく（現行と同じ） */
.swell-block-button.is-style-btn_line .swell-block-button__link::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, .2);
	transform: scale(0, 1);
	transform-origin: left center;
	transition: .4s ease-in-out;
}
.swell-block-button.is-style-btn_line .swell-block-button__link:hover::before {
	transform: scale(1, 1);
}
.swell-block-button.is-style-btn_line .swell-block-button__link span {
	position: relative;
}

/* 金色のボタン（ご宴会の詳細はこちら・お問合せフォーム）。大きさ・色は 7-4 の tk-c-btn--gd
 * マウスを乗せると少し浮き上がり色が明るくなる（依頼者指示 10/6。現行には無い。光が流れる動きはNG） */
#body_wrap .tk-c-btn--gd .swell-block-button__link {
	line-height: 1;
	letter-spacing: var(--tk-ls);
	color: #fff;
	box-shadow: none;
	transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
#body_wrap .tk-c-btn--gd .swell-block-button__link:hover {
	background-color: #c9ab4a;
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .45);
}
@media (prefers-reduced-motion: reduce) {
	#body_wrap .tk-c-btn--gd .swell-block-button__link:hover { transform: none; }
}

/* トップのアクセスの Google Map・経路探索：スマホでは横いっぱい */
@media screen and (max-width: 480px) {
	#body_wrap .tk-p-access__btn-area .swell-block-button,
	#body_wrap .tk-p-access__btn-area .swell-block-button .swell-block-button__link:not(#x) {
		width: 100%;
	}
}


/* ==========================================================================
 * 9. 写真のスライド（ギャラリーブロック）
 *    ギャラリーブロックの「追加CSSクラス」に次を付けると動く（動きは functions.php）
 *      is-flow-slider   … 写真がゆっくり横に流れ続ける（トップ。お料理は is-flow-3 も付けて3枚表示）
 *      is-center-slider … 中央の写真を大きく、1枚ずつ横に送る（お部屋の個室）
 *    ギャラリーの標準の指定（:not(#individual-image) 付き）より強くするため :not(#x) などを付けている
 * ========================================================================== */
.wp-block-gallery.slick-initialized {
	display: block;
}
.wp-block-gallery.slick-initialized figure.wp-block-image:not(#x) {
	width: auto;
	margin: 0;
	padding: 0 calc(1.88125 * var(--tk-r)); /* 写真の間隔 */
}
@media (max-width: 767px) {
	.wp-block-gallery.is-flow-slider.slick-initialized figure.wp-block-image:not(#x) {
		padding: 0 calc(1.25 * var(--tk-r));
	}
}
@media (max-width: 480px) {
	.wp-block-gallery.is-flow-slider.slick-initialized figure.wp-block-image:not(#x) {
		padding: 0 calc(.9375 * var(--tk-r));
	}
}
/* 料理写真（トップ）：縦長 2:3（元の写真のまま。切り抜かない） */
.wp-block-gallery.is-flow-slider figure.wp-block-image:not(#x):not(#y) img {
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 3;
	object-fit: cover;
}
/* お料理ページ（is-flow-3）：写真ごとの縦横のまま */
.wp-block-gallery.is-flow-3 figure.wp-block-image:not(#x):not(#y) img {
	aspect-ratio: auto;
	object-fit: initial;
}
/* 個室の写真：中央を大きく・両側を小さく薄く（PCは画面幅の54%、767px以下は80%） */
.wp-block-gallery.is-center-slider figure.wp-block-image:not(#x):not(#y) img {
	width: 54vw;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	flex: none;
}
.wp-block-gallery.is-center-slider .slick-slide {
	transform: scale(.8);
	opacity: .5;
	transition: transform .8s ease, opacity .8s ease;
	margin: 0 -20px;
}
.wp-block-gallery.is-center-slider .slick-slide.slick-center {
	transform: scale(1);
	opacity: 1;
}
.wp-block-gallery.is-center-slider.slick-initialized figure.wp-block-image:not(#x) {
	display: block;
	width: 54vw;
	padding: 0;
}
@media (max-width: 767px) {
	.wp-block-gallery.is-center-slider figure.wp-block-image:not(#x):not(#y) img {
		width: 80vw;
	}
	.wp-block-gallery.is-center-slider .slick-slide {
		margin: 0;
	}
	.wp-block-gallery.is-center-slider.slick-initialized figure.wp-block-image:not(#x) {
		width: 80vw;
	}
}

/* トップのご利用シーン・お部屋の写真（スマホ）：1枚目と3枚目は左、2枚目は右 */
@media screen and (max-width: 480px) {
	#body_wrap .tk-p-usage__img-item,
	#body_wrap .tk-p-room__img-item {
		text-align: left;
	}
	#body_wrap .tk-p-usage__img-item:nth-child(2),
	#body_wrap .tk-p-room__img-item:nth-child(2) {
		text-align: right;
	}
	#body_wrap .tk-p-usage__img-item img,
	#body_wrap .tk-p-room__img-item img {
		display: inline-block;
		margin: 0;
	}
}


/* ==========================================================================
 * 10. バナー（SWELLのバナーリンク：トップのお部屋・ご宴会・ご利用シーン）
 * ========================================================================== */
.c-bannerLink__title {
	font-size: clamp(21px, 2.92vw, 56px); /* 1440px幅で42px（現行と同じ比率） */
	letter-spacing: var(--tk-ls);
}
.c-bannerLink__description {
	font-size: var(--tk-fz);
	letter-spacing: var(--tk-ls);
}
/* ご利用シーンのバナー：二重の白い枠（外枠＋内側の枠） */
#body_wrap .tk-p-usage__btn-list .c-bannerLink {
	border: 1px solid #fff;
}
#body_wrap .tk-p-usage__btn-list .c-bannerLink__text {
	inset: calc(1.25 * var(--tk-r)); /* 外枠と内側の枠の間 */
	width: auto;
	height: auto;
	border: 1px solid #fff;
}
#body_wrap .tk-p-usage__btn-list .c-bannerLink__title {
	line-height: 1.5;
}
/* 貸切：文字を下寄せ */
#body_wrap .tk-p-usage__btn-unit:nth-child(2) .c-bannerLink__text {
	justify-content: flex-end;
	padding-bottom: calc(2.1875 * var(--tk-r));
	gap: calc(3.25 * var(--tk-r));
}
@media screen and (max-width: 767px) {
	#body_wrap .tk-p-usage__btn-list .c-bannerLink__text {
		inset: calc(.75 * var(--tk-r));
	}
	#body_wrap .tk-p-usage__btn-unit:nth-child(2) .c-bannerLink__text {
		padding-bottom: calc(1.375 * var(--tk-r));
		gap: var(--tk-r);
	}
}


/* ==========================================================================
 * 11. トップの最新情報（SWELLの投稿リスト）
 *     日付が左・題名が右、日付も題名と同じ大きさ。線と時計の印は付けない（現行と同じ）
 * ========================================================================== */
#body_wrap .tk-p-topic .p-postList {
	max-width: calc(70.6875 * var(--tk-r));
	margin: 0 auto;
	border: none;
}
#body_wrap .tk-p-topic .p-postList__item {
	border: none;
}
#body_wrap .tk-p-topic .p-postList__item:not(:last-child) {
	margin-bottom: calc(1.1875 * var(--tk-r));
}
#body_wrap .tk-p-topic .p-postList__link {
	padding: 0;
	border: none;
}
#body_wrap .tk-p-topic .p-postList__body {
	display: flex;
	align-items: center;
}
#body_wrap .tk-p-topic .p-postList__meta {
	flex: none;
	width: calc(14.125 * var(--tk-r));
	margin: 0;
	font-size: inherit;
}
#body_wrap .tk-p-topic .p-postList__times,
#body_wrap .tk-p-topic .p-postList__title {
	font-size: inherit;
	letter-spacing: inherit;
	line-height: 1.8;
	font-weight: 400;
	margin: 0;
	padding: 0;
	opacity: 1;
}
#body_wrap .tk-p-topic .c-postTimes__posted::before {
	display: none;
}
@media screen and (max-width: 480px) {
	#body_wrap .tk-p-topic .p-postList__item:not(:last-child) {
		margin-bottom: calc(.7875 * var(--tk-r));
	}
	#body_wrap .tk-p-topic .p-postList__body {
		flex-direction: column;
		align-items: flex-start;
		gap: calc(.5 * var(--tk-r));
	}
	#body_wrap .tk-p-topic .p-postList__meta {
		width: 100%;
	}
}

/* お知らせの一覧（トップの最新情報・お知らせ一覧ページ共通）：1件ずつ細い線で区切り、ゆとりを持たせる。日付は上揃え（依頼者指示 10/8）
 * 上の共通の指定より後ろに置く */
#body_wrap .tk-p-topic .p-postList__item,
#body_wrap .tk-p-topic .p-postList__item:not(:last-child){margin:0;padding:calc(2.5 * var(--tk-r)) 0;border-bottom:1px solid rgba(5,6,8,.3)}
#body_wrap .tk-p-topic .p-postList__item:first-child{border-top:1px solid rgba(5,6,8,.3)}
#body_wrap .tk-p-topic .p-postList__body{align-items:flex-start}
#body_wrap .tk-p-topic .p-postList__times{color:rgba(5,6,8,.7)} /* 日付の色はお知らせ詳細と同じ */
#body_wrap .tk-p-topic .p-postList__title{transition:opacity .3s}
#body_wrap .tk-p-topic .p-postList__link:hover .p-postList__title{opacity:.7} /* 押せると分かるように（詳細の前後リンクと同じ） */
@media screen and (max-width:480px){
	#body_wrap .tk-p-topic .p-postList__item,
	#body_wrap .tk-p-topic .p-postList__item:not(:last-child){padding:calc(1.5 * var(--tk-r)) 0}
	#body_wrap .tk-p-topic .p-postList__body{gap:calc(.375 * var(--tk-r))}
	#body_wrap .tk-p-topic .p-postList__times{font-size:.85em}
}

/* ==========================================================================
 * 12. お顔合わせの動画・お問合せフォーム
 * ========================================================================== */

/* お顔合わせ：鯛の動画を枠いっぱいに */
#body_wrap .tk-p-occasion__img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 84%;
}

/* お問合せフォーム（Contact Form 7）
 * 白い枠は、横に広すぎて読みにくいので現行より狭くしている（依頼者指示 10/6。現行と違う）
 * 1440px幅で960px・1024px幅で約680px。767px以下は現行どおり */
@media screen and (min-width: 768px) {
	#body_wrap .tk-p-contact__bg {
		max-width: calc(80 * var(--tk-r));
	}
}
#body_wrap .tk-p-contact__btn .wpcf7-spinner {
	display: block; /* 送信中の印（くるくる）の場所を、現行と同じくボタンの下に取っておく */
}


/* ==========================================================================
 * 13. ご予約欄（全ページの下。ウィジェット「フッター直前」）
 *     768px以上は右半分に表示、481px以上は電話・オンライン予約のボタンを横並び（現行と同じ）
 * ========================================================================== */
#body_wrap .w-beforeFooter {
	margin-top: 0;
	margin-bottom: 0;
}
#body_wrap .w-beforeFooter .swell-block-fullWide {
	padding: calc(6.125 * var(--tk-r)) 0 !important; /* ブロックの余白設定（SWELLの sp-py-40）が !important のため */
	background-position: left 10% center; /* 背景写真は左寄り（石灯籠と植え込み） */
}
#body_wrap .w-beforeFooter .swell-block-fullWide__inner {
	max-width: calc(107.4375 * var(--tk-r));
	padding: 0;
}
#body_wrap .w-beforeFooter .swell-block-fullWide__inner > .wp-block-columns {
	--wp-column-gap: 0px;
	margin-bottom: 0;
}
#body_wrap .w-beforeFooter h2 {
	margin: 0 0 calc(3.15 * var(--tk-r));
}
#body_wrap .w-beforeFooter p:first-of-type {
	margin-bottom: calc(2.45 * var(--tk-r));
}
#body_wrap .w-beforeFooter .wp-block-column > .wp-block-columns {
	--wp-column-gap: calc(.7875 * var(--tk-r));
	margin-bottom: calc(3.7625 * var(--tk-r));
}
#body_wrap .w-beforeFooter p:nth-of-type(2) {
	margin-bottom: calc(4.55 * var(--tk-r));
}
#body_wrap .w-beforeFooter p:last-of-type {
	margin-bottom: 0;
}
/* 電話・オンライン予約のボタン（半透明の白の箱） */
#body_wrap .w-beforeFooter .swell-block-button {
	display: block;
	width: 100%;
	line-height: 1;
	margin-bottom: 0;
}
#body_wrap .w-beforeFooter .swell-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
}
#body_wrap .w-beforeFooter .swell-block-button.is-style-btn_line .swell-block-button__link:not(#x) {
	width: 100%;
	min-width: 0;
	padding: calc(1.3125 * var(--tk-r));
	border: none;
	background: rgba(255, 255, 255, .2);
	white-space: nowrap;
}
/* 「お電話」の小さい文字 */
#body_wrap .w-beforeFooter .tk-sm {
	font-size: calc(.9625 * var(--tk-r));
	margin-right: calc(2.1875 * var(--tk-r));
}
/* 段組み：WordPressの段組みは781px以下で縦に並ぶため、現行の切り替え幅に合わせる
 * （WordPressの段組みの指定が !important のため、こちらも !important） */
@media screen and (min-width: 768px) {
	#body_wrap .w-beforeFooter .swell-block-fullWide__inner > .wp-block-columns {
		flex-wrap: nowrap !important;
	}
	#body_wrap .w-beforeFooter .swell-block-fullWide__inner > .wp-block-columns > .wp-block-column {
		flex-basis: 0 !important;
		flex-grow: 1;
	}
}
@media screen and (min-width: 481px) {
	#body_wrap .w-beforeFooter .wp-block-column > .wp-block-columns {
		flex-wrap: nowrap !important;
	}
	#body_wrap .w-beforeFooter .wp-block-column > .wp-block-columns > .wp-block-column {
		flex-basis: 0 !important;
		flex-grow: 1;
	}
}
@media screen and (max-width: 767px) {
	#body_wrap .w-beforeFooter .swell-block-fullWide {
		padding: calc(4.08125 * var(--tk-r)) 0 !important;
	}
	#body_wrap .w-beforeFooter .swell-block-fullWide__inner {
		width: 92%;
		margin: 0 auto;
	}
	#body_wrap .w-beforeFooter .swell-block-fullWide__inner > .wp-block-columns > .wp-block-column:first-child {
		display: none; /* 左半分の空の段 */
	}
	#body_wrap .w-beforeFooter h2 {
		margin-bottom: calc(2.1 * var(--tk-r));
	}
	#body_wrap .w-beforeFooter p:first-of-type {
		margin-bottom: calc(1.63125 * var(--tk-r));
	}
	#body_wrap .w-beforeFooter p:nth-of-type(2) {
		margin-bottom: calc(3.03125 * var(--tk-r));
	}
	#body_wrap .w-beforeFooter .tk-sm {
		margin-right: calc(1.4375 * var(--tk-r));
	}
}
@media screen and (max-width: 480px) {
	#body_wrap .w-beforeFooter .swell-block-fullWide {
		padding: calc(3.0625 * var(--tk-r)) 0 !important;
	}
	#body_wrap .w-beforeFooter h2 {
		margin-bottom: calc(1.875 * var(--tk-r));
	}
	#body_wrap .w-beforeFooter p:first-of-type {
		margin-bottom: calc(1.25 * var(--tk-r));
	}
	#body_wrap .w-beforeFooter .wp-block-column > .wp-block-columns {
		margin-bottom: calc(2.5125 * var(--tk-r));
	}
	#body_wrap .w-beforeFooter p:nth-of-type(2) {
		margin-bottom: calc(2.275 * var(--tk-r));
	}
	#body_wrap .w-beforeFooter .wp-block-column > .wp-block-columns > .wp-block-column,
	#body_wrap .w-beforeFooter .swell-block-button {
		margin: 0;
	}
	#body_wrap .w-beforeFooter .tk-sm {
		font-size: calc(.875 * var(--tk-r));
		margin-right: calc(1.09375 * var(--tk-r));
	}
}


/* ==========================================================================
 * 14. フッター（ロゴ・お問合せはこちら・コピーライト）
 * ========================================================================== */

/* パンくずリスト（ホーム > 〇〇）：フッターの上に、フッターと同じ黒の帯で出す（現行に無い。依頼者指示 10/8）
 * 位置はSWELL設定「パンくずリストの位置＝フッター手前」 */
#body_wrap .p-breadcrumb{position:relative;margin:0;padding:18px 0;background:#000}
#body_wrap .p-breadcrumb::before{content:none}
#body_wrap .p-breadcrumb__list{max-width:none;padding:0 calc(1.875 * var(--tk-r));font-size:12px;letter-spacing:.1em}
#body_wrap .p-breadcrumb__text,
#body_wrap .p-breadcrumb__item::after{color:rgba(255,255,255,.75)}
#body_wrap a.p-breadcrumb__text:hover{opacity:.7}
/* お知らせの記事では、SWELLが記事タイトルを隠して矢印だけ残るため、タイトルを出す（長いときは「…」） */
#body_wrap .p-breadcrumb__item:last-child{flex:1;min-width:0}
#body_wrap .p-breadcrumb__item:last-child .p-breadcrumb__text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media screen and (max-width:480px){
	#body_wrap .p-breadcrumb{padding:14px 0}
	#body_wrap .p-breadcrumb__list{padding:0 4%;font-size:11px}
}
#footer .l-footer__widgetArea {
	padding: calc(11.1125 * var(--tk-r)) 0 0;
}
#footer .w-footer__box {
	padding-top: 0;
	padding-bottom: 0;
}
#footer .w-footer__box .c-widget {
	margin: 0;
}
#footer .w-footer__box .widget_media_image {
	margin-bottom: calc(2.9375 * var(--tk-r));
}
#footer .w-footer__box .swell-block-button {
	margin-bottom: calc(7.0875 * var(--tk-r));
}
/* ロゴは画面幅に合わせて伸び縮み。画像ブロックが画像のタグに直接書く幅（236px）より優先させるため !important */
.l-footer .wp-block-image img {
	width: calc(19.625 * var(--tk-r)) !important;
}
#footer .l-footer__foot {
	padding: 0 0 calc(3.5 * var(--tk-r));
}
/* コピーライト：「©」と社名の間のすき間を詰めて「©TAKIKAWA」に */
#footer .copyright {
	display: flex;
	justify-content: center;
	font-size: calc(1 * var(--tk-r));
	letter-spacing: var(--tk-ls);
	line-height: 1;
}
@media screen and (max-width: 767px) {
	#footer .l-footer__widgetArea { padding-top: calc(7.40625 * var(--tk-r)); }
	#footer .w-footer__box .widget_media_image { margin-bottom: calc(1.95625 * var(--tk-r)); }
	#footer .w-footer__box .swell-block-button { margin-bottom: calc(4.725 * var(--tk-r)); }
	.l-footer .wp-block-image img { width: calc(13.0625 * var(--tk-r)) !important; }
	#footer .l-footer__foot { padding-bottom: calc(1.75 * var(--tk-r)); }
	#footer .copyright { font-size: calc(.75 * var(--tk-r)); }
}
@media screen and (max-width: 480px) {
	#footer .l-footer__widgetArea { padding-top: calc(5.55625 * var(--tk-r)); }
	#footer .w-footer__box .widget_media_image { margin-bottom: calc(1.46875 * var(--tk-r)); }
	#footer .w-footer__box .swell-block-button { margin-bottom: calc(3.54375 * var(--tk-r)); }
	.l-footer .wp-block-image img { width: calc(9.8125 * var(--tk-r)) !important; }
	#footer .l-footer__foot { padding-bottom: calc(6.25 * var(--tk-r)); } /* 下の固定バーの分 */
	#footer .copyright { font-size: calc(.625 * var(--tk-r)); letter-spacing: .1em; }
}


/* ==========================================================================
 * 15. スマホ下の固定バー（電話・オンライン予約）
 *     SWELLの「固定フッターメニュー」を使い、見た目を現行に合わせる。中身はメニュー ID5。
 *     現行と同じくスマホ（480px以下）だけ表示し、100px以上スクロールすると下から出る（functions.php）
 * ========================================================================== */
/* SWELLは固定バーの分の余白を、プログラムでフッターに直接書き込む（タグに直接 padding-bottom を書く）。現行には無いので消す。
 * 直接書き込まれた値より優先させるため !important */
#footer.l-footer {
	padding-bottom: 0 !important;
}
/* SWELLは959px以下で出すため、現行と同じく481px以上では出さない */
@media screen and (min-width: 481px) {
	#fix_bottom_menu {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	#fix_bottom_menu {
		height: auto;
		padding: calc(.75 * var(--tk-r)) calc(.5 * var(--tk-r)) calc(1.25 * var(--tk-r));
		background: #000;
		opacity: 0;
		transform: translateY(calc(6.875 * var(--tk-r)));
		transition: .4s all;
	}
	#fix_bottom_menu.tk-active {
		opacity: 1;
		transform: translateY(0);
	}
	#fix_bottom_menu::before {
		display: none;
	}
	#fix_bottom_menu .menu_list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: auto;
		min-height: 0;
		padding: 0;
	}
	#fix_bottom_menu .menu_list > li.menu-item {
		flex: none;
		width: 49%;
		letter-spacing: .1em;
	}
	#fix_bottom_menu .menu_list > li::before {
		display: none;
	}
	#fix_bottom_menu .menu_list > li > a {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: calc(.375 * var(--tk-r));
		height: calc(3.0625 * var(--tk-r));
		padding: 0 calc(1 * var(--tk-r));
		border: calc(.0625 * var(--tk-r)) solid #fff;
		background-color: rgba(255, 255, 255, .2);
		color: #fff;
		font-size: calc(.9375 * var(--tk-r));
		line-height: 1;
	}
	#fix_bottom_menu .menu_list > li > a > i {
		display: none;
	}
	#fix_bottom_menu .menu_list > li > a > span {
		font-size: inherit;
		line-height: 1;
	}
	/* 電話番号の前の受話器の印 */
	#fix_bottom_menu .menu_list > li.icon-phone > a::before {
		font-family: "icomoon";
		content: "\e942"; /* SWELLの受話器の印 */
		font-size: 1em;
		display: block;
		height: 1em;
		line-height: 1;
	}
}


/* ==========================================================================
 * 16. 上へ戻るボタン（SWELLの「ページトップボタン」の見た目を現行に合わせる）
 *     丸い矢印の画像の後ろに半透明の黒い丸と影。全体は少し透ける
 * ========================================================================== */
#pagetop {
	position: relative;
	width: calc(6 * var(--tk-r));
	height: calc(6 * var(--tk-r));
	border: none;
	border-radius: 50%;
	box-shadow: none;
	background: none;
	opacity: .8;
}
#pagetop::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 80%;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .4);
	box-shadow: 0 calc(.1875 * var(--tk-r)) calc(.375 * var(--tk-r)) rgba(0, 0, 0, .4);
	transform: translate(-50%, -50%);
}
#pagetop::after {
	content: "";
	position: absolute;
	inset: 0;
	background: url(/wp-content/uploads/2026/10/totop.png) center / contain no-repeat;
}
#pagetop .c-fixBtn__icon {
	display: none;
}
.p-fixBtnWrap {
	right: calc(3.75 * var(--tk-r));
	bottom: calc(3.75 * var(--tk-r));
}
@media screen and (max-width: 767px) {
	#pagetop {
		width: calc(4.5 * var(--tk-r));
		height: calc(4.5 * var(--tk-r));
	}
	.p-fixBtnWrap {
		right: calc(1.875 * var(--tk-r));
		bottom: calc(1.875 * var(--tk-r));
	}
}
@media screen and (max-width: 480px) {
	#pagetop {
		width: calc(3.75 * var(--tk-r));
		height: calc(3.75 * var(--tk-r));
	}
	/* SWELLの「#fix_bottom_menu + .p-fixBtnWrap」（固定バーの分の位置）より優先させるため、同じ書き方にする */
	#fix_bottom_menu + .p-fixBtnWrap {
		right: calc(1.125 * var(--tk-r));
		bottom: calc(5.625 * var(--tk-r));
	}
}


/* ==========================================================================
 * 17. お知らせの詳細ページ
 *     現行に詳細ページが無いため、トップの「最新情報」と同じ和紙の背景に文字を直接のせる形で作成（白い枠は重ねない）。
 *     題名の下と前後リンクの上に細い線、中央に「お知らせ一覧へ戻る」の枠線ボタン（functions.php で追加）
 * ========================================================================== */
#body_wrap.single #header.l-header {
	background: rgba(0, 0, 0, .7);
}
#body_wrap.single #content.l-content {
	max-width: none;
	margin: 0;
	padding: calc(11.8125 * var(--tk-r)) 4% calc(10 * var(--tk-r));
	color: #050608; /* 和紙の背景は 7-15 の手前（お問合せ等と共通） */
	font-size: calc(1.625 * var(--tk-r));
	letter-spacing: .2em;
	line-height: 1;
}
#body_wrap.single .l-mainContent {
	width: 100%;
}
#body_wrap.single .l-mainContent__inner {
	max-width: calc(75 * var(--tk-r));
	margin: 0 auto;
	padding: 0;
	background: none;
}
/* 出さないもの：題名の横の大きな日付・カテゴリー・更新日・本文の下のカテゴリー欄（点線） */
#body_wrap.single .c-postTitle__date,
#body_wrap.single .c-categoryList,
#body_wrap.single .c-postTimes__modified,
#body_wrap.single .p-articleMetas.-bottom,
#body_wrap.single .c-postTimes__posted::before,
#body_wrap.single .p-articleFoot {
	display: none;
}
/* 題名と日付（日付は右寄せ。題名の下に細い線） */
#body_wrap.single .p-articleHead {
	margin: 0;
}
#body_wrap.single .c-postTitle__ttl {
	font-size: calc(1.875 * var(--tk-r)); /* 本文（1.625）より少しだけ大きく */
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: .2em;
	margin-bottom: calc(1.25 * var(--tk-r));
	color: #050608;
}
#body_wrap.single .p-articleMetas.-top {
	display: block;
	text-align: right;
	margin: 0 0 calc(3.75 * var(--tk-r));
	padding: 0 0 calc(1.25 * var(--tk-r));
	border-bottom: 1px solid rgba(5, 6, 8, .3);
}
#body_wrap.single .c-postTimes {
	display: block;
	font-size: calc(1.25 * var(--tk-r));
	color: rgba(5, 6, 8, .7);
	opacity: 1;
}
/* 本文 */
#body_wrap.single .post_content {
	margin: 0 0 calc(6.25 * var(--tk-r));
	font-size: inherit;
	line-height: 1.8;
	color: #050608;
}
#body_wrap.single .post_content > * {
	margin-top: 0;
}
#body_wrap.single .post_content p {
	margin-bottom: calc(1.875 * var(--tk-r));
}
#body_wrap.single .post_content h2 {
	font-size: calc(1.875 * var(--tk-r));
	font-weight: 400;
	line-height: 1.6;
	margin: calc(3.75 * var(--tk-r)) 0 calc(1.25 * var(--tk-r));
	padding: 0 0 calc(.625 * var(--tk-r));
	background: none;
	border: 0;
	border-bottom: 1px solid rgba(5, 6, 8, .3);
	color: inherit;
}
#body_wrap.single .post_content h2::before,
#body_wrap.single .post_content h2::after {
	content: none;
}
#body_wrap.single .post_content a {
	color: inherit;
	text-decoration: underline;
}
/* 前後のお知らせ（左右）と、中央のお知らせ一覧へ戻るボタン（上に細い線） */
#body_wrap.single #after_article {
	margin: 0;
	padding: calc(3.75 * var(--tk-r)) 0 0;
	border-top: 1px solid rgba(5, 6, 8, .3);
}
#body_wrap.single .p-pnLinks {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: calc(3.5 * var(--tk-r));
	margin: 0;
	font-size: calc(1.375 * var(--tk-r));
}
#body_wrap.single .p-pnLinks__item {
	width: auto;
	max-width: 30%;
}
#body_wrap.single .p-pnLinks__link {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: #050608;
	font-size: inherit;
	line-height: 1.5;
}
#body_wrap.single .p-pnLinks__link::before,
#body_wrap.single .p-pnLinks__link::after {
	display: none;
}
#body_wrap.single .p-pnLinks__link:hover {
	opacity: .7;
}
#body_wrap.single .p-pnLinks__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
#body_wrap.single .p-pnLinks__item.-prev .p-pnLinks__title::before { content: "< "; }
#body_wrap.single .p-pnLinks__item.-next .p-pnLinks__title::after { content: " >"; }
#body_wrap.single .tk-article-back {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#body_wrap.single .tk-article-back a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	min-width: calc(18.4375 * var(--tk-r));
	padding: calc(.875 * var(--tk-r)) calc(1.3125 * var(--tk-r));
	border: 1px solid #050608;
	color: #050608;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
}
/* サイトの他のボタンと同じく、マウスを乗せると左から薄く色がつく */
#body_wrap.single .tk-article-back a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .1);
	transform: scale(0, 1);
	transform-origin: left center;
	transition: .4s ease-in-out;
}
#body_wrap.single .tk-article-back a:hover::before {
	transform: scale(1, 1);
}
@media screen and (max-width: 767px) {
	#body_wrap.single #content.l-content { font-size: calc(1.125 * var(--tk-r)); padding-top: calc(7.875 * var(--tk-r)); }
	#body_wrap.single .c-postTitle__ttl { font-size: calc(1.375 * var(--tk-r)); }
	#body_wrap.single .c-postTimes { font-size: calc(1 * var(--tk-r)); }
	#body_wrap.single .p-articleMetas.-top { margin-bottom: calc(2.5 * var(--tk-r)); }
	#body_wrap.single .post_content { margin-bottom: calc(3.75 * var(--tk-r)); }
	#body_wrap.single .post_content h2 { font-size: calc(1.375 * var(--tk-r)); }
	#body_wrap.single .p-pnLinks { font-size: calc(1 * var(--tk-r)); padding-bottom: calc(5.5 * var(--tk-r)); }
	#body_wrap.single .tk-article-back { top: auto; bottom: 0; transform: translate(-50%, 0); }
}
@media screen and (max-width: 480px) {
	#body_wrap.single #content.l-content { font-size: calc(.9375 * var(--tk-r)); padding: calc(10 * var(--tk-r)) 4% calc(7.5 * var(--tk-r)); }
	#body_wrap.single .c-postTitle__ttl { font-size: calc(1.125 * var(--tk-r)); margin-bottom: calc(.75 * var(--tk-r)); }
	#body_wrap.single .c-postTimes { font-size: calc(.875 * var(--tk-r)); }
	#body_wrap.single .p-articleMetas.-top { margin-bottom: calc(1.875 * var(--tk-r)); }
	#body_wrap.single .post_content { margin-bottom: calc(2.5 * var(--tk-r)); }
	#body_wrap.single .post_content h2 { font-size: calc(1.125 * var(--tk-r)); margin-top: calc(2.5 * var(--tk-r)); }
	#body_wrap.single .post_content p { margin-bottom: calc(1 * var(--tk-r)); }
	#body_wrap.single .p-pnLinks { font-size: calc(.75 * var(--tk-r)); }
	#body_wrap.single .tk-article-back a { min-width: calc(12.5 * var(--tk-r)); }
}