/* ==========================================================================
   エアリ 本文まわりのデザイン（2026-10-15）
   テーマ標準CSS（style.css / responsive.css / カスタマイザーの出力）の「後ろ」に読み込み、
   /plan/ と同じトーン（白・黒・#D4BC98／Shippori Mincho／余白で見せる）に上書きする。
   ・各ページの文章・画像・リンクは変えない。DBの本文HTMLは触らず、CSSだけで合わせる
   ・すべて body.eari-ui 配下に限定（/plan/ 専用テンプレートには影響しない）
   ========================================================================== */

/* ---------- 土台 ---------- */
/* html に overflow を指定すると body の overflow-x:hidden が画面に伝わらず body がスクロール容器になり、position:sticky(ヘッダー)が効かなくなる(+スクロール位置・高さがずれる)。body は overflow-x:clip(スクロール容器にならない)を使う */
html{overflow-y:auto}
body.eari-ui{min-width:0;width:auto;margin:0;background:var(--bg);color:var(--ink);font:400 14.5px/2.3 var(--f-b);letter-spacing:.1em;font-feature-settings:"palt";overflow-x:clip;-webkit-text-size-adjust:100%}
@media (min-width:768px){body.eari-ui{line-height:2.4}}
.eari-ui *,.eari-ui *::before,.eari-ui *::after{box-sizing:border-box}
:where(.eari-ui) img{max-width:100%;height:auto}
.eari-ui a{color:inherit;text-decoration:none}
.eari-ui a:hover{text-decoration:none}
.eari-ui h1,.eari-ui h2,.eari-ui h3,.eari-ui h4,.eari-ui h5,.eari-ui h6,.eari-ui .rich_font,.eari-ui .color_headline{font-family:var(--f-h)!important;font-weight:500;text-wrap:balance;word-break:auto-phrase;color:var(--ink)}
.eari-ui #main_contents{display:flex;flex-direction:column;width:100%;min-width:0;background:none;position:relative;z-index:1;padding:0;margin:0}
.eari-ui #main_contents>*{min-width:0}
.eari-ui .animation_element{opacity:1!important;transform:none!important;visibility:visible!important}
.eari-ui #return_top,.eari-ui .line-reserve-btn{display:none!important}

/* ---------- ページ上部：パンくず → 大きなタイトル → 写真 ---------- */
.eari-ui #bread_crumb{order:-2;width:100%;max-width:var(--wrap);min-width:0;height:auto;line-height:1.8;margin:0 auto;padding:clamp(28px,4vw,56px) var(--gut) 0;overflow:visible;background:none}
.eari-ui #bread_crumb ul{width:auto;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0;list-style:none}
.eari-ui #bread_crumb li{float:none;display:flex;align-items:center;margin:0;padding:0;font-size:11.5px;color:var(--sub);line-height:1.8;letter-spacing:.08em}
.eari-ui #bread_crumb li+li::before{content:"/";margin:0 10px;color:#ccc}
.eari-ui #bread_crumb li::after{display:none!important}
.eari-ui #bread_crumb li.home a{display:inline;width:auto;height:auto;border:0;background:none;padding:0;line-height:inherit}
.eari-ui #bread_crumb li.home a::before{display:none}
.eari-ui #bread_crumb li.home a span{display:inline;text-indent:0;white-space:normal;overflow:visible}
.eari-ui #bread_crumb a{color:var(--sub);text-decoration:none}
.eari-ui #bread_crumb a:hover{opacity:.55}
.eari-ui #header_image,.eari-ui #header_image.no_image{overflow:visible;order:-1;display:flex;flex-direction:column;width:100%;min-width:0;max-width:var(--wrap);height:auto;margin:0 auto;padding:16px var(--gut) 0;background:none;position:relative}
.eari-ui #header_image .caption{position:static!important;order:-1;width:auto;max-width:none;height:auto;margin:0;padding:0;transform:none!important;text-shadow:none!important;color:var(--ink)!important;text-align:left;top:auto;left:auto}
.eari-ui #header_image .caption .title{position:static!important;top:auto!important;transform:none!important;display:block;margin:0;padding:0;font-size:clamp(26px,7.2vw,44px)!important;line-height:1.5;letter-spacing:.14em;text-shadow:none!important;color:var(--ink)!important;text-align:left;text-wrap:balance}
.eari-ui #header_image .image{order:1;width:100%;margin:clamp(28px,4vw,48px) 0 0;position:static;overflow:hidden}
.eari-ui #header_image .image img{display:block;width:100%;height:auto;opacity:1!important}
.eari-ui #header_image .image::after,.eari-ui #header_image::after,.eari-ui #header_image::before{display:none}

/* ---------- 本文エリア ---------- */
.eari-ui #main_col{float:none;width:100%;max-width:var(--wrap);min-width:0;margin:0 auto;padding:clamp(40px,6vw,84px) var(--gut) 0}
.eari-ui #left_col,.eari-ui #side_col{float:none;width:100%;min-width:0}
.eari-ui #side_col:empty{display:none}
.eari-ui #article{position:relative;width:100%;margin:0;padding:0}
.eari-ui .post_content{font-size:14.5px;line-height:2.3}
@media (min-width:768px){.eari-ui .post_content{line-height:2.4}}
.eari-ui .post_content p{margin:0 0 1.75em;line-height:inherit}
@media (min-width:768px){.eari-ui .post_content p{margin-bottom:2.2em}}
.eari-ui .post_content p:last-child{margin-bottom:0}
.eari-ui .post_content strong,.eari-ui .post_content b{font-weight:600}
/* 本文中の文字リンク: 文字色はそのまま、下線だけ金(--ul=#B8975F。--acc #D4BC98 だと白地で薄すぎるため同系色で少し濃く)の細い線を文字から少し離す。ホバーは下線を太く・濃くする(2026-10-18)
   対象外: ボタン型(.q_button / .btn系 / oxi系)・画像だけのリンク・目次・ページ送り・スライダー・FAQの質問見出し・SNSシェア・前後記事 */
.eari-ui .post_content a:not(.q_button):not([class*="oxi"]):not([class*="btn"]):not(:has(> img:only-child)):not(.doc-toc a):not(.page_navi a):not(.flexslider a):not(.wpsm_panel-title a):not(.single_share a):not(#previous_next_page a){text-decoration-line:underline;text-decoration-color:var(--ul);text-decoration-thickness:1px;text-underline-offset:.3em;transition:text-decoration-color .3s}
.eari-ui .post_content a:not(.q_button):not([class*="oxi"]):not([class*="btn"]):not(:has(> img:only-child)):not(.doc-toc a):not(.page_navi a):not(.flexslider a):not(.wpsm_panel-title a):not(.single_share a):not(#previous_next_page a):hover{text-decoration-color:var(--ul-h);opacity:1}
.eari-ui .post_content img{max-width:100%;height:auto;border-radius:0}

/* ---------- 見出し：小さく、静かに ---------- */
.eari-ui .post_content h1,.eari-ui .post_content h2,.eari-ui .post_content h3,.eari-ui .post_content h4,.eari-ui .post_content h5,.eari-ui .post_content h6{padding:0;clear:both;line-height:1.8;letter-spacing:.1em}
.eari-ui .post_content h1,.eari-ui .post_content h2,.eari-ui .post_content h3.style3b,.eari-ui .post_content .style3b{margin:0 0 28px;padding:0;font-size:clamp(18px,4.8vw,22px);font-weight:500;letter-spacing:.12em;color:var(--ink);border:0;background:none;box-shadow:none;line-height:1.7}
.eari-ui .post_content h3{margin:2.4em 0 1.1em;font-size:clamp(17px,4.4vw,20px);font-weight:500;letter-spacing:.1em}
.eari-ui .post_content h3.style3b{margin-top:2.6em}
.eari-ui .post_content h4,.eari-ui .post_content .style4b{margin:2.4em 0 1em;padding:0;font-size:15.5px;font-weight:500;letter-spacing:.08em;color:var(--ink);border:0;line-height:1.9}
.eari-ui .post_content h5,.eari-ui .post_content .style5b{margin:2em 0 .8em;padding:0 0 0 14px;font-size:14.5px;font-weight:500;letter-spacing:.08em;color:var(--ink);background:none;border:0;border-left:1px solid var(--acc);border-radius:0;box-shadow:none;line-height:1.9}
.eari-ui .post_content h6{font-size:14px;margin:1.6em 0 .6em}

/* ---------- 箇条書き：左に細い線、項目は余白で区切る ---------- */
.eari-ui .post_content ul{list-style:none;margin:20px 0 40px;padding:10px 0 10px 22px;border-left:1px solid rgba(17,17,17,.22)}
.eari-ui .post_content ul li{position:relative;padding:7px 0;line-height:1.9;list-style:none}
.eari-ui .post_content ul ul{margin:6px 0 6px;padding:0 0 0 18px;border-left-color:var(--acc)}
.eari-ui .post_content ol{margin:20px 0 40px;padding:0;list-style:none;counter-reset:eari-ol}
.eari-ui .post_content ol>li{position:relative;padding:7px 0 7px 38px;line-height:1.9;counter-increment:eari-ol}
.eari-ui .post_content ol>li::before{content:counter(eari-ol,decimal-leading-zero);position:absolute;left:0;top:7px;color:var(--acc);font-family:var(--f-h);font-feature-settings:"lnum"}
.eari-ui .post_content dl{margin:20px 0 32px}
.eari-ui .post_content dt{font-weight:500;font-family:var(--f-h)}
.eari-ui .post_content dd{margin:0 0 1em;color:var(--sub)}

/* ---------- 表：罫線なし、行間の余白と細い線だけ ---------- */
.eari-ui .post_content table,.eari-ui .pb_simple_table{width:100%;border-collapse:collapse;border:0;margin:28px 0 36px;font-size:14px;max-width:100%}
.eari-ui .post_content th,.eari-ui .post_content td,.eari-ui .pb_simple_table th,.eari-ui .pb_simple_table td{border:0!important;border-top:1px solid #efefef!important;padding:16px 8px!important;line-height:2;text-align:left;vertical-align:top;background:none!important}
.eari-ui .post_content tr:first-child>th,.eari-ui .post_content tr:first-child>td,.eari-ui .pb_simple_table tr:first-child>th,.eari-ui .pb_simple_table tr:first-child>td{border-top:1px solid var(--ink)!important}
.eari-ui .post_content th,.eari-ui .pb_simple_table th{font-family:var(--f-h);font-weight:400;color:var(--ink)!important;white-space:nowrap;width:9em}
.eari-ui .tbl-scroll,.eari-ui .post_content .table-wrap{overflow-x:auto}
@media (max-width:640px){
 .eari-ui .post_content th,.eari-ui .pb_simple_table th{white-space:normal;width:7.5em}
}

/* ---------- 枠・ボックス・引用 ---------- */
.eari-ui .well,.eari-ui .well2,.eari-ui .well3{margin:1.6em 0 2em;padding:1.4em 1.6em;line-height:2.1;background:#fafafa;border:0;border-radius:0;box-shadow:none}
.eari-ui .post_content blockquote{margin:0 0 2em;padding:.4em 0 .4em 22px;border:0;border-left:1px solid var(--acc);box-shadow:none;color:var(--sub)}
.eari-ui .post_content blockquote::before,.eari-ui .post_content blockquote::after{display:none}
.eari-ui .post_content hr{border:0;border-top:1px solid var(--line);margin:3em 0}
.eari-ui .post_content .wp-caption{border:0;padding:0;background:none;border-radius:0}
.eari-ui .post_content .wp-caption-text{font-style:normal;color:var(--sub);text-align:left}

/* ---------- ボタン（フラットボタン .q_button）：アイコン付きテキストリンク ---------- */
.eari-ui .q_button_wrap{text-align:left;margin:30px 0 38px}
.eari-ui .q_button,.eari-ui .q_button.sz_l,.eari-ui .q_button.sz_s,.eari-ui .q_button.pill{display:inline;min-width:0;max-width:100%;padding:4px 0;margin:0;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--ink)!important;font-size:14.5px;font-weight:400;letter-spacing:.1em;line-height:1.9;text-align:left;opacity:1}
.eari-ui .q_button::before{content:"";display:inline-block;vertical-align:-.32em;margin-right:10px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23C4A87E' stroke-width='1.2'%3E%3Ccircle cx='10' cy='10' r='8.4'/%3E%3Cpath d='M8.6 6.6 12 10l-3.4 3.4'/%3E%3C/svg%3E") center/contain no-repeat;}
.eari-ui .q_button[href*="lin.ee"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23C4A87E' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M10 3.2c4.3 0 7.4 2.6 7.4 5.9 0 3.6-3.9 6.4-8.3 7.9.4-.8.6-1.6.5-2.1C5.6 14.3 2.6 12 2.6 9.1 2.6 5.8 5.7 3.2 10 3.2z'/%3E%3C/svg%3E")}
/* 文字リンクと同じ金の下線(文字部分だけ。丸い矢印アイコンは inline-block なので下線の対象外)。ホバーは下線を太く・濃く(2026-10-18) */
.eari-ui .q_button{text-decoration-line:underline!important;text-decoration-color:var(--ul)!important;text-underline-offset:.3em;text-decoration-thickness:1px!important;transition:text-decoration-color .3s}
.eari-ui .q_button:hover,.eari-ui .q_button:focus{opacity:1;color:var(--ink)!important;background:none!important;box-shadow:none!important;text-decoration-color:var(--ul-h)!important}

/* ---------- 画像（写真）：角なし ---------- */
.eari-ui .post_content .aligncenter,.eari-ui .post_content img.aligncenter{margin-top:8px;margin-bottom:8px}

/* ---------- ふわっと表示（JS: eari-site.js が .fx を付ける） ---------- */
.eari-ui #bread_crumb,.eari-ui #header_image{--fd:0s}

/* ---------- LINE予約ポップアップ（初回訪問時のみ）：トーンを合わせる ---------- */
.eari-ui #eari-first-visit-popup .eari-popup-body{border-radius:0;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.eari-ui #eari-first-visit-popup .eari-popup-close{border-color:var(--acc);color:var(--ink);box-shadow:none}

/* ---------- ふわっと表示（.fx：段落・見出し・画像） ---------- */
/* 共通の .fx ルールは eari-common.css。ここでは本文内の要素が崩れないよう最小限の補正だけ */
.eari-ui .fx{will-change:auto}

/* ---------- 写真（.img-slot.photo）：角なし、画面に入るとゆっくり等倍に ---------- */
.eari-ui .img-slot{position:relative;margin:0;overflow:hidden}
.eari-ui .img-slot.photo img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;transform:scale(1.06);transition:transform 2s cubic-bezier(.2,.7,.2,1)}
.eari-ui .img-slot.photo.in img{transform:none}
@media (prefers-reduced-motion:reduce){.eari-ui .img-slot.photo img{transform:none}}

/* ---------- テキストリンク（.btn）：アイコン付き、下線は #D4BC98 ---------- */
.eari-ui .btn-wrap{margin:32px 0 40px}
.eari-ui .btn{display:inline-flex;align-items:center;gap:10px;padding:4px 0;font-size:14.5px;letter-spacing:.1em;line-height:1.9;color:var(--ink);background:none;border:0;border-radius:0;text-decoration:none;transition:opacity .4s}
.eari-ui .btn::before{content:"";flex:0 0 18px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23C4A87E' stroke-width='1.2'%3E%3Ccircle cx='10' cy='10' r='8.4'/%3E%3Cpath d='M8.6 6.6 12 10l-3.4 3.4'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.eari-ui .btn>span{text-decoration:underline;text-decoration-color:var(--ul);text-decoration-thickness:1px;text-underline-offset:.3em;transition:text-decoration-color .3s}
.eari-ui .btn:hover>span{text-decoration-color:var(--ul-h)}
.eari-ui .btn .btn-ar{display:none}
.eari-ui .btn:hover{opacity:1}

/* ==========================================================================
   トップページ
   ========================================================================== */
.home-hero{position:relative;display:grid;align-items:start;box-sizing:border-box;min-height:calc(100svh - 76px);padding:calc((100svh - 76px) * .5) 0 0;overflow:hidden;isolation:isolate}
@media (max-width:480px){.home-hero{min-height:calc(100svh - 64px)}}
/* ヒーロー背景の写真：コピーと同じ18秒周期。ぼかしからピントが合い、ゆっくりズームアウトしながら現れる。白のベールで文字・粒子ロゴを優先 */
/* 下端の白へのつなぎ(17件目で負荷対策): mask-image(アニメーション中の写真を毎フレーム再描画させる)をやめ、静止した「白へのease(多段)グラデーション」を写真の上に重ねる。見た目は同じで、ズームアウト中でも端が見えない */
.home-hero-bg{position:absolute;inset:0 -4px;z-index:-3;overflow:hidden;background:#fff}
/* 2026-10-18 グレー線対策: 端数のDPR(ブラウザのズーム・DevToolsのFit to window等)で、scaleアニメーション中の写真(.hb=別の合成レイヤー)が、端数の高さの親(.home-hero-bg)の最終ピクセル行にだけ白のフェード(::after)なしで描画され、細い線に見えていた。
   対策: 親の外(.home-hero 直下)に、切り抜きの端をまたぐ白い帯(.home-hero::before)を重ねて、その行を必ず白にする。帯の上側は写真が元々ほぼ白にフェードしている範囲なので見た目は変わらない。あわせて親(.home-hero-bg)を左右4pxはみ出させて切り抜きの端を画面の外に出し、写真(.hb)は元の幅に戻すため左右4px内側に置く */
.home-hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;z-index:-2;background:#fff;pointer-events:none}
.home-hero-bg::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 68.0%,rgba(255,255,255,0.03) 70.9%,rgba(255,255,255,0.09) 73.8%,rgba(255,255,255,0.18) 76.7%,rgba(255,255,255,0.3) 79.6%,rgba(255,255,255,0.44) 82.5%,rgba(255,255,255,0.58) 85.5%,rgba(255,255,255,0.71) 88.4%,rgba(255,255,255,0.82) 91.3%,rgba(255,255,255,0.91) 94.2%,rgba(255,255,255,0.97) 97.1%,#fff 100%)}
/* 白のベールは最小限(写真本来の色・質感を見せる)。コピーの後ろだけ局所的に薄く白を敷き、ページ下端はなめらかに白へつなぐ */
.home-hero-bg::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 62% 30% at 24% 58%,rgba(255,255,255,.62) 0%,rgba(255,255,255,.34) 48%,rgba(255,255,255,0) 100%)}
@media (max-width:767px){.home-hero::before{top:calc(68% - 4px);bottom:auto;height:9px}.home-hero-bg{inset:0 -4px auto -4px;height:68%}.home-hero-bg::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 42%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.2) 58%,rgba(255,255,255,.38) 66%,rgba(255,255,255,.58) 74%,rgba(255,255,255,.75) 82%,rgba(255,255,255,.89) 90%,rgba(255,255,255,.97) 96%,#fff 100%)}.home-hero-bg::before{display:none}}
/* 写真は transform(scale) と opacity だけをアニメーション(コンポジットのみ・再描画なし)。ぼかしは「あらかじめぼかした極小画像」のopacityで表現 */
.hb{position:absolute;inset:0 4px;display:block;opacity:0;animation:homeBg 18s infinite both;transform:translateZ(0);will-change:opacity,transform;contain:strict}
.hb picture{position:absolute;inset:0;display:block}
.hbb{animation:homeBlur 18s infinite both;will-change:opacity}
.hb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pos-sp,50% 50%)}
@media (min-width:768px){.hb img{object-position:var(--pos-pc,50% 50%)}}
.hb1,.hb1 .hbb{animation-delay:-.8s}.hb2,.hb2 .hbb{animation-delay:5.2s}.hb3,.hb3 .hbb{animation-delay:11.2s}
@keyframes homeBg{0%{opacity:0;transform:scale(1.14) translateZ(0)}6%{opacity:1}33%{opacity:1;transform:scale(1.02) translateZ(0)}38%{opacity:0}100%{opacity:0;transform:scale(1.02) translateZ(0)}}
@keyframes homeBlur{0%{opacity:1}10%{opacity:0}100%{opacity:0}}
/* ヒーローが画面外のとき・タブが非表示のときは、写真とコピーの切替を止める(コピーと写真は同時に止まるのでずれない) */
html.hero-off .hb,html.hero-off .hbb,html.hero-off .home-catch{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.hb,.hbb{animation:none;transform:none;opacity:0}.hb1{opacity:1}.hbb{display:none}}
.home-hero-in{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.home-catch-list{display:grid;align-items:start}
.home-catch{grid-area:1/1;margin:0;max-width:24em;text-wrap:balance;word-break:auto-phrase;font-family:"Zen Old Mincho",var(--f-h);font-weight:500;font-size:clamp(22px,5.6vw,38px);letter-spacing:.13em;line-height:1.85;opacity:0;animation:homeCatch 18s infinite both}
.home-catch{text-shadow:0 0 14px rgba(255,255,255,.75),0 0 3px rgba(255,255,255,.6)}
.home-catch:nth-child(1){animation-delay:-.8s}
.home-catch:nth-child(2){animation-delay:5.2s}
.home-catch:nth-child(3){animation-delay:11.2s}
.home-catch:only-child{animation:none;opacity:1}
@keyframes homeCatch{0%{opacity:0;transform:translateY(12px)}4%,29%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
 .home-catch-list{display:block}
 .home-catch{opacity:1;animation:none;margin:0 0 .6em;font-size:clamp(17px,4.2vw,24px)}
 .home-catch:first-child{font-size:clamp(24px,6.4vw,42px)}
}
.home-scroll{position:absolute;left:50%;bottom:0;width:1px;height:clamp(36px,7vh,64px);margin-left:-.5px;overflow:hidden}
.home-scroll span{display:block;width:1px;height:100%;background:var(--acc);transform-origin:top;animation:homeScroll 2.4s cubic-bezier(.7,0,.2,1) infinite}
@keyframes homeScroll{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (prefers-reduced-motion:reduce){.home-scroll span{animation:none}}

.home-sec{max-width:var(--wrap);margin:0 auto;padding:clamp(80px,12vw,168px) var(--gut) 0}
.home-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,64px)}
.home-card{margin:0;padding:0}
.home-card-a{display:block;color:inherit}
.home-card-img{aspect-ratio:3/2}
.home-card-img img{transition:transform 1.6s cubic-bezier(.2,.7,.2,1)!important}
.home-card-a:hover .home-card-img.in img{transform:scale(1.04)}
.home-card-t{display:flex;align-items:center;gap:12px;margin:28px 0 14px;font-size:clamp(18px,4.6vw,21px);font-weight:500;letter-spacing:.14em;line-height:1.7}
.home-card-ar{flex:0 0 18px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23C4A87E' stroke-width='1.2'%3E%3Ccircle cx='10' cy='10' r='8.4'/%3E%3Cpath d='M8.6 6.6 12 10l-3.4 3.4'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.home-card-a:hover .home-card-ar{transform:translateX(4px)}
.home-card-d p{margin:0 0 1em;font-size:13.5px;line-height:2.1}
.home-card-d p:last-child{margin-bottom:0}
@media (max-width:899px){.home-cards{grid-template-columns:1fr;gap:64px}}
@media (min-width:600px) and (max-width:899px){.home-card-a{display:grid;grid-template-columns:5fr 6fr;gap:28px;align-items:center}.home-card-t{margin-top:0}}


.home-msg{display:grid;gap:clamp(28px,4vw,56px)}
.home-msg-img{margin:0}
.home-msg-img img{display:block;width:100%;height:auto}
.home-msg-h{margin:0 0 28px;font-size:clamp(21px,5.4vw,30px);font-weight:500;letter-spacing:.1em;line-height:1.95}
.home-msg-d p{margin:0 0 1.6em;font-size:14.5px;line-height:2.4}
@media (min-width:900px){
 .home-msg{grid-template-columns:5fr 7fr;column-gap:clamp(48px,8vw,96px);align-items:center}
 .home-msg-img{grid-column:1;grid-row:1}
 .home-msg-txt{grid-column:2;grid-row:1}
 .home-msg-img2{grid-column:1/-1;grid-row:2}
}

.home-news{display:grid;gap:clamp(32px,5vw,56px)}
.home-news-banners{display:grid;gap:14px}
.eari-ui .home-news-banners .img-slot.photo img{height:auto;object-fit:contain}
.home-news-banners a{display:block;height:100%}
.home-news-h{margin:0 0 24px;font-size:clamp(18px,4.8vw,22px);font-weight:500;letter-spacing:.12em}
.home-news-ol{list-style:none;margin:0 0 8px;padding:0}
.home-news-ol li{margin:0;padding:0;border-top:1px solid #efefef}
.home-news-ol li:first-child{border-top:1px solid var(--ink)}
.home-news-ol a{display:grid;grid-template-columns:7.2em 1fr;gap:6px 14px;align-items:baseline;padding:18px 2px;line-height:1.9;transition:opacity .4s}
.home-news-ol a:hover{opacity:.55}
.home-news-date{font-size:12.5px;color:var(--sub);letter-spacing:.1em;font-feature-settings:"lnum"}
.home-news-t{font-size:14px}
@media (max-width:540px){.home-news-ol a{grid-template-columns:1fr;gap:0}}
@media (min-width:900px){.home-news{grid-template-columns:5fr 7fr;column-gap:clamp(48px,8vw,96px);align-items:start}.home-news:not(:has(.home-news-banners)){grid-template-columns:1fr}}

/* ==========================================================================
   よくある質問（アコーディオン） ※プラグインのインラインCSSは #wpsm_accordion_N の !important なので、#body 付きで上書き
   ========================================================================== */
#body #main_contents .wpsm_panel-group{margin:0 0 36px!important;overflow:visible!important;float:none!important}
#body #main_contents .wpsm_panel{position:relative;background:none!important;border:0!important;border-top:1px solid #efefef!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;margin:0!important}
#body #main_contents .wpsm_panel:first-child{border-top-color:var(--ink)!important}
#body #main_contents .wpsm_panel-heading{background:none!important;background-image:none!important;border:0!important;padding:0!important;border-radius:0!important}
#body #main_contents .wpsm_panel-title{margin:0!important;padding:0;font-size:15px!important;line-height:1.9!important}
#body #main_contents .wpsm_panel-title a{position:relative;display:block;overflow:visible!important;padding:20px 44px 20px 0!important;font-family:var(--f-h)!important;font-size:15px!important;font-weight:500;letter-spacing:.08em;line-height:1.9!important;color:var(--ink)!important;text-decoration:none!important;transition:opacity .4s}
#body #main_contents .wpsm_panel-title a:hover{opacity:.6;color:var(--ink)!important}
#body #main_contents .wpsm_panel-title .ac_title_class{display:block!important;padding:0!important}
#body #main_contents .wpsm_panel-title .ac_open_cl_icon{position:absolute!important;float:none!important;right:4px;top:50%;margin-top:-9px;width:18px;height:18px;padding:0!important;font-size:0!important;line-height:0!important;background:none!important;background-image:none!important;color:transparent!important;display:block!important}
#body #main_contents .wpsm_panel-title .ac_open_cl_icon::before,#body #main_contents .wpsm_panel-title .ac_open_cl_icon::after{content:"";position:absolute;background:var(--acc);font-family:inherit;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .3s}
#body #main_contents .wpsm_panel-title .ac_open_cl_icon::before{left:2px;right:2px;top:8.5px;height:1px}
#body #main_contents .wpsm_panel-title .ac_open_cl_icon::after{top:2px;bottom:2px;left:8.5px;width:1px}
#body #main_contents .wpsm_panel-title .ac_open_cl_icon.fa-minus::after{transform:scaleY(0);opacity:0}
#body #main_contents .wpsm_panel-body{background:none!important;border:0!important;border-radius:0;padding:0 44px 26px 0!important;font-family:var(--f-b)!important;font-size:14.5px!important;line-height:2.3;color:var(--ink)!important;overflow:visible}
#body #main_contents .wpsm_panel-body p{margin:0 0 1.4em}
#body #main_contents .wpsm_panel-body p:last-child{margin-bottom:0}
#body #main_contents .wpsm_panel-body a:not(.q_button):not(:has(> img:only-child)){text-decoration:underline;text-decoration-color:var(--ul);text-decoration-thickness:1px;text-underline-offset:.3em;transition:text-decoration-color .3s}
#body #main_contents .wpsm_panel-body a:not(.q_button):not(:has(> img:only-child)):hover{text-decoration-color:var(--ul-h)}
/* FAQ 検索・導入文 */
.eari-ui .eari-faq-intro{max-width:none;margin:0 0 28px;text-align:left;font-size:14.5px;line-height:2.3;color:var(--ink)}
.eari-ui .eari-faq-search{max-width:560px;margin:0 0 14px}
.eari-ui .eari-faq-search-inputwrap input[type="text"]{border:0;border-bottom:1px solid #d9d9d9;border-radius:0;padding:14px 40px 14px 34px;background:none;font:inherit;font-size:14.5px;letter-spacing:.08em;color:var(--ink);box-shadow:none}
.eari-ui .eari-faq-search-inputwrap input[type="text"]:focus{border-color:var(--acc);box-shadow:none;outline:0}
.eari-ui .eari-faq-search-icon{left:6px;color:var(--acc)}
.eari-ui .eari-faq-search-meta{text-align:left;color:var(--sub)}
.eari-ui .eari-faq-noresult{background:#fafafa;border:0;border-radius:0;text-align:left}
.eari-ui .eari-faq-category h3.style3b{margin-top:3em}
.eari-ui .eari-faq-category:first-of-type h3.style3b{margin-top:1.6em}

/* ---------- SNSシェア（記事）：色付きボタンをやめ、細い枠の小さなボタンに ---------- */
.eari-ui .single_share{margin:0 0 28px}
.eari-ui .single_share ul,.eari-ui .single_share ol{margin:0;padding:0;list-style:none}
.eari-ui .single_share a,.eari-ui .single_share li>a,.eari-ui .single_share .share_btn,.eari-ui .single_share .sns_btn{background:none!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:99px!important;box-shadow:none!important;transition:border-color .4s}
.eari-ui .single_share a:hover{border-color:var(--acc)!important;opacity:1!important}
.eari-ui .single_share a:before,.eari-ui .single_share a i{color:var(--ink)!important}
/* シェアボタン(PC・タブレット幅 481px以上のみ。SP=480px以下は従来のアイコンだけの丸ボタンのまま) 2026-10-18
   原因: テーマの `#share_top1 ul li a{color:#fff!important}` がID付きのため、こちらの `a{color:ink!important}` に勝ち、ラベル(Post/Share/Hatena…)が白文字=白地に見えなくなっていた。
   またボタンごとにラベル幅が違い、アイコンが左寄り・高さも28/30pxでバラバラだった。→ 文字色を上書きし、高さ38px・最小幅112px・アイコン+ラベルを中央に揃える */
@media (min-width:481px){
 .eari-ui .single_share #share_top1 ul{display:flex;flex-wrap:wrap;gap:10px;margin:0}
 .eari-ui .single_share #share_top1 ul li{display:block;margin:0;padding:0}
 .eari-ui .single_share #share_top1 ul li a{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-width:128px;height:38px;margin:0;padding:0 18px;line-height:1;font-size:12.5px;letter-spacing:.08em;white-space:nowrap;color:var(--ink)!important}
 .eari-ui .single_share #share_top1 ul li a i{position:static;top:auto;display:inline-block;width:16px;margin:0;font-size:15px;line-height:1;text-align:center;color:var(--ink)!important}
 .eari-ui .single_share #share_top1 ul li a .ttl{display:inline-block;margin:0;line-height:1;text-align:left;color:var(--ink)!important}
 .eari-ui .single_share #share_top1 ul li a .share-count{display:inline-block;margin:0;padding:0;font-size:11px;line-height:1;color:var(--sub)!important}
 .eari-ui .single_share #share_top1 ul li a .share-count:empty{display:none}
}

/* ---------- お問い合わせフォーム（Contact Form 7）2026-10-18 刷新: 見た目のみ(項目・送信先・プラグイン設定は無変更) ----------
   白基調・細い罫線・金(--acc)のアクセント。入力は16px以上(iOSのフォーカス時ズーム防止)、タップ領域48px以上。
   「必須」バッジは eari-site.js が label の「*」を差し替えて出力(JSなしでは「*」のまま表示) */
.eari-ui .wpcf7{width:100%;max-width:720px;margin:clamp(24px,4vw,40px) 0 0!important;padding:0;border:0;background:none;font-size:inherit}
.eari-ui .wpcf7 form{margin:0}
.eari-ui .wpcf7 form p{margin:0 0 clamp(22px,3vw,30px);font-size:inherit}
.eari-ui .wpcf7 label{display:block;font-size:13.5px;letter-spacing:.14em;line-height:1.7;color:var(--ink);cursor:pointer}
.eari-ui .wpcf7 label br{display:none}
.eari-ui .wpcf7 .cf-lab,.eari-ui .wpcf7 .cf-req{display:inline-block;vertical-align:middle}
.eari-ui .wpcf7 .cf-req{margin-left:.9em;padding:1px .7em 1px .85em;border:1px solid var(--acc);border-radius:99px;font-size:10.5px;letter-spacing:.14em;line-height:1.7;color:#8a6f43}
.eari-ui .wpcf7 .wpcf7-form-control-wrap{display:block;margin-top:10px}
.eari-ui .wpcf7 input[type="text"],.eari-ui .wpcf7 input[type="email"],.eari-ui .wpcf7 input[type="tel"],.eari-ui .wpcf7 input[type="date"],.eari-ui .wpcf7 input[type="url"],.eari-ui .wpcf7 select,.eari-ui .wpcf7 textarea{display:block;width:100%;max-width:none;box-sizing:border-box;min-height:52px;padding:14px 18px;border:1px solid #e3ddd0;border-radius:2px;background:#fff;font:inherit;font-size:16px;letter-spacing:.06em;line-height:1.7;color:var(--ink);box-shadow:none;outline:0;transition:border-color .35s,box-shadow .35s,background-color .35s;-webkit-appearance:none;appearance:none}
.eari-ui .wpcf7 input[type="text"]:hover,.eari-ui .wpcf7 input[type="email"]:hover,.eari-ui .wpcf7 input[type="tel"]:hover,.eari-ui .wpcf7 textarea:hover{border-color:#cdbfa5}
.eari-ui .wpcf7 textarea{height:260px!important;min-height:220px;padding:16px 18px;line-height:2;resize:vertical}
.eari-ui .wpcf7 input:focus,.eari-ui .wpcf7 textarea:focus,.eari-ui .wpcf7 select:focus{border-color:var(--acc);background:#fffdfa;box-shadow:0 0 0 3px rgba(212,188,152,.28)}
.eari-ui .wpcf7 input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fffdfa inset;-webkit-text-fill-color:var(--ink)}
.eari-ui .wpcf7 input[type="submit"],.eari-ui .wpcf7 .wpcf7-submit{position:static;display:flex;align-items:center;justify-content:center;width:100%;max-width:340px;height:auto;min-height:56px;margin:clamp(34px,5vw,48px) 0 0;padding:15px 44px;border:1px solid var(--acc);border-radius:99px;background:var(--acc);color:var(--ink);font:inherit;font-size:16px;letter-spacing:.34em;text-indent:.34em;cursor:pointer;transition:background-color .4s,border-color .4s,box-shadow .4s,transform .4s;-webkit-appearance:none;appearance:none}
.eari-ui .wpcf7 input[type="submit"]:hover{background:#c7ab7f;border-color:#c7ab7f;box-shadow:0 8px 22px -12px rgba(120,95,55,.55)}
.eari-ui .wpcf7 input[type="submit"]:active{transform:translateY(1px)}
.eari-ui .wpcf7 input[type="submit"]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.eari-ui .wpcf7 input[type="submit"]:disabled{opacity:.55;cursor:wait}
.eari-ui .wpcf7 .wpcf7-spinner{margin:0 0 0 14px;vertical-align:middle}
.eari-ui .wpcf7-not-valid-tip{display:block;margin-top:8px;font-size:12.5px;letter-spacing:.08em;line-height:1.7;color:#b0483a}
.eari-ui .wpcf7 .wpcf7-not-valid{border-color:#cf7a6c!important;background:#fffafa!important}
.eari-ui .wpcf7 .wpcf7-not-valid:focus{box-shadow:0 0 0 3px rgba(207,122,108,.22)!important}
.eari-ui .wpcf7 form .wpcf7-response-output{margin:28px 0 0!important;padding:16px 20px!important;border:0!important;border-left:3px solid var(--acc)!important;border-radius:0;background:#faf7f1;font-size:14px;letter-spacing:.08em;line-height:1.9;text-align:left;color:var(--ink)}
.eari-ui .wpcf7 form.invalid .wpcf7-response-output,.eari-ui .wpcf7 form.unaccepted .wpcf7-response-output,.eari-ui .wpcf7 form.failed .wpcf7-response-output,.eari-ui .wpcf7 form.aborted .wpcf7-response-output,.eari-ui .wpcf7 form.spam .wpcf7-response-output{border-left-color:#cf7a6c!important;background:#fbf3f1;color:#8f3a2f;font-size:14px}
.eari-ui .wpcf7 form.sent .wpcf7-response-output{border-left-color:var(--acc);background:#faf7f1}
.eari-ui .wpcf7 form.init .wpcf7-response-output,.eari-ui .wpcf7 form .wpcf7-response-output:empty{display:none}
.eari-ui .wpcf7-list-item{display:inline-block;margin:0 1.6em 0 0}
.eari-ui .wpcf7 input[type="checkbox"],.eari-ui .wpcf7 input[type="radio"]{width:auto;max-width:none;min-height:0;accent-color:#b89a6c}
@media (max-width:600px){.eari-ui .wpcf7 input[type="submit"],.eari-ui .wpcf7 .wpcf7-submit{max-width:none}}

/* ---------- ページ送り・前後リンク ---------- */
.eari-ui #previous_next_page{padding-top:56px;margin-top:40px}
.eari-ui #previous_next_page a{color:var(--ink);transition:opacity .4s}
.eari-ui #previous_next_page a:hover{opacity:.55}
.eari-ui .page_navi,.eari-ui #navigation,.eari-ui .pagination{margin-top:56px;text-align:left}
.eari-ui .page_navi a,.eari-ui .page_navi span,.eari-ui .pagination a,.eari-ui .pagination span{display:inline-block;min-width:36px;height:36px;line-height:34px;margin:0 6px 6px 0;padding:0 8px;border:1px solid var(--line);border-radius:99px;background:none;color:var(--ink);text-align:center}
.eari-ui .page_navi .current,.eari-ui .pagination .current,.eari-ui .page_navi a:hover{border-color:var(--acc);background:none;color:var(--ink)}

/* ---------- お知らせ（記事）まわり ---------- */
.eari-ui #left_col #article #post_meta_top{margin:0 0 10px}
.eari-ui #post_meta_top li{float:none;display:inline-block;font-size:12.5px;color:var(--sub);letter-spacing:.1em}
.eari-ui #post_meta_top .date{padding-left:0}
.eari-ui #post_meta_top .date:before{display:none}
.eari-ui #post_meta_top .date time{font-feature-settings:"lnum"}
.eari-ui #post_title{margin:0 0 28px;padding:0;font-size:clamp(20px,5.4vw,30px);line-height:1.8;letter-spacing:.1em}
.eari-ui #post_image{margin:0 0 32px}
.eari-ui #post_image img{width:100%;height:auto}
.eari-ui #recent_news{margin-top:clamp(64px,10vw,120px)}
.eari-ui #recent_news .headline{margin:0 0 24px;padding:0;border:0;background:none;font-size:clamp(18px,4.8vw,22px);font-weight:500;letter-spacing:.12em;text-align:left}
.eari-ui #recent_news .headline span{padding:0;background:none;border:0;color:var(--ink);display:inline}
.eari-ui #recent_news .headline:before,.eari-ui #recent_news .headline:after{display:none}
.eari-ui #recent_news ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.eari-ui #recent_news ol li{float:none;display:block;width:100%;margin:0;padding:0;border:0;border-bottom:1px solid #efefef;overflow:hidden}
.eari-ui #recent_news ol li .image{display:none}
.eari-ui #recent_news ol li .content{display:grid;grid-template-columns:7.2em 1fr;gap:6px 14px;align-items:baseline;padding:18px 2px;float:none;width:auto;margin:0}
.eari-ui #recent_news ol li .content .date{margin:0;padding:0;font-size:12.5px;color:var(--sub);letter-spacing:.1em;font-feature-settings:"lnum"}
.eari-ui #recent_news ol li .content .date:before{display:none}
.eari-ui #recent_news ol li .title{margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.9;letter-spacing:.1em;font-family:var(--f-b)!important}
.eari-ui #recent_news ol li .title a{transition:opacity .4s}
.eari-ui #recent_news ol li .title a:hover{opacity:.55}
@media (max-width:540px){.eari-ui #recent_news ol li .content{grid-template-columns:1fr;gap:0}}
.eari-ui #recent_news ol{border-left:0!important;border-right:0!important;border-bottom:0!important;background:none!important}
.eari-ui #left_col>#recent_news:first-child{margin-top:0}

/* ---------- アーカイブ／検索結果（index.php） ---------- */
.eari-ui #archive_header{margin:0 0 clamp(28px,4vw,48px);padding:0}
.eari-ui #archive_headline{margin:0;padding:0;font-size:clamp(20px,5.2vw,26px);font-weight:500;letter-spacing:.12em;line-height:1.8;text-align:left;border:0;background:none}
.eari-ui #category_desc{margin-top:16px;color:var(--sub)}
.eari-ui #index_blog_list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(36px,5vw,64px) clamp(20px,3vw,40px)}
.eari-ui #index_blog_list>li{float:none;display:block;width:auto;margin:0;padding:0;opacity:1!important;transform:none!important}
.eari-ui #index_blog_list .image{display:block;overflow:hidden;margin:0 0 18px;float:none;width:100%}
.eari-ui #index_blog_list .image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.eari-ui #index_blog_list li:hover .image img{transform:scale(1.04)}
.eari-ui #index_blog_list .meta{margin:0 0 6px;padding:0;list-style:none;font-size:12.5px;color:var(--sub)}
.eari-ui #index_blog_list .meta li{float:none;display:inline;margin:0 12px 0 0;padding:0;border:0;font-feature-settings:"lnum"}
.eari-ui #index_blog_list .title{display:block;margin:0;font-size:14.5px;font-weight:400;line-height:1.9;letter-spacing:.1em;color:var(--ink)}
@media (max-width:899px){.eari-ui #index_blog_list{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.eari-ui #index_blog_list{grid-template-columns:1fr}}

.eari-ui #index_blog_list .meta .date::before,.eari-ui #index_blog_list .meta li::before{display:none}
.eari-ui .q_button_wrap{text-align:left!important}
.eari-ui .page_navi .back{margin:32px 0 0}
.eari-ui .page_navi .back a{display:inline-flex;align-items:center;gap:10px;min-width:0;height:auto;line-height:1.9;margin:0;padding:4px 0;border:0;border-radius:0;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:7px;text-decoration-thickness:1px;transition:opacity .4s}
.eari-ui .page_navi .back a::before{content:"";flex:0 0 18px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23C4A87E' stroke-width='1.2'%3E%3Ccircle cx='10' cy='10' r='8.4'/%3E%3Cpath d='M8.6 6.6 12 10l-3.4 3.4'/%3E%3C/svg%3E") center/contain no-repeat}
.eari-ui .page_navi .back a:hover{opacity:.55;border:0}

/* ---------- ページ上部の写真：画像の比率に合わせたレイアウト（eari_hi_attr が .hi-wide / .hi-split / .hi-split.hi-tall を付与） ----------
   横長の帯(2.3:1より横長)=全幅のまま／それ以外=PCはタイトルを左・写真を右に置く2カラム(縦長はやや細く)。SPは縦に積んで元の比率のまま。 */
@media (min-width:900px){
 .eari-ui #header_image.hi-split{display:grid;grid-template-columns:5fr 7fr;column-gap:clamp(48px,7vw,96px);align-items:center}
 .eari-ui #header_image.hi-split .caption{grid-column:1;grid-row:1;order:0}
 .eari-ui #header_image.hi-split .image{grid-column:2;grid-row:1;margin:0;order:0}
 .eari-ui #header_image.hi-split.hi-tall{grid-template-columns:7fr 4fr}
}
.eari-ui #header_image.hi-tall .image{max-width:420px}
@media (min-width:900px){.eari-ui #header_image.hi-tall .image{max-width:none}}

/* ==========================================================================
   文章の多いページ（利用規約・プライバシーポリシー・ご利用の流れ・お支払い・ご予約・FAQ 等）の読みやすさ
   eari-doc.js が html.doc-on と各クラスを付与。文言は変えず、見出し・余白・目次・強調だけで整える
   ========================================================================== */
/* 目次 */
.doc-toc{margin:6px 0 clamp(36px,6vw,64px);max-width:760px}
.doc-toc-t{margin:0 0 14px!important;font-family:var(--f-h);font-size:13px;letter-spacing:.32em;color:var(--sub);line-height:1.8}
.doc-toc ol{list-style:none;margin:0!important;padding:0!important;border:0!important;border-top:1px solid var(--ink)!important}
.doc-toc li{margin:0!important;padding:0!important;border-bottom:1px solid var(--line)}
.eari-ui .post_content .doc-toc a{display:grid;grid-template-columns:2.5em 1fr 18px;gap:10px;align-items:center;min-height:58px;padding:10px 2px;text-decoration:none;line-height:1.7;transition:opacity .35s ease}
.eari-ui .post_content .doc-toc a:hover{opacity:.55}
.doc-toc .no{font-family:var(--f-h);font-size:20px;line-height:1;color:var(--acc);font-feature-settings:"lnum"}
.doc-toc .t{font-size:14.5px;letter-spacing:.08em}
.doc-toc .ar{width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23111111' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 9v14M10.5 17.5 16 23l5.5-5.5'/%3E%3C/svg%3E") center/contain no-repeat}
@media (min-width:900px){.doc-toc{max-width:none}.doc-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:64px}}
/* 章見出し：番号(装飾)→見出し。章の前に十分な余白 */
.eari-ui .post_content .doc-h{position:relative;scroll-margin-top:96px;margin:clamp(72px,10vw,120px) 0 28px!important;padding:clamp(34px,5vw,44px) 0 0!important;font-size:clamp(19px,5vw,23px)!important;letter-spacing:.1em;line-height:1.7!important}
.eari-ui .post_content .doc-h::before{content:attr(data-no);position:absolute;top:0;left:0;font-family:var(--f-h);font-size:clamp(26px,7vw,34px);font-weight:400;line-height:1;letter-spacing:.04em;color:var(--acc);font-feature-settings:"lnum"}
.eari-ui .post_content p.doc-h{font-family:var(--f-h)!important;font-weight:500}
.eari-ui .post_content p.doc-h strong{font-weight:500}
.doc-toc + .doc-h,.doc-toc + * .doc-h:first-child{margin-top:0!important}
/* 重要な章(禁止・料金・キャンセル・免責等)：見出しの下に細いブランドカラーの線、リスト/表は薄い背景 */
.eari-ui .post_content .doc-key::after{content:"";display:block;width:36px;height:1px;background:var(--acc);margin-top:16px}
.eari-ui .post_content ul.doc-emph,.eari-ui .post_content ol.doc-emph{padding:clamp(14px,3vw,22px) clamp(18px,4vw,30px)!important;background:#faf8f4;border-left:1px solid var(--acc)!important}
/* 句点の後ろの小さな間／空の改行段落は隠す */
.post_content .sb{display:block;height:.5em}
.post_content .doc-gap{display:none}
/* 本文：行間と段落の間隔をゆったり。読みやすい行長に */
html.doc-on .post_content > p,html.doc-on .post_content .pb-widget-editor > p,html.doc-on .post_content li{max-width:44em}
html.doc-on .post_content p{margin-bottom:1.9em}
html.doc-on .post_content h5.style5b{margin:2.6em 0 1em}
html.doc-on .post_content ul li{padding:10px 0}
.eari-ui .post_content .doc-toc ol>li{padding:0;margin:0}
.eari-ui .post_content .doc-toc ol>li::before{display:none}
.eari-ui .post_content .doc-toc a,.eari-ui .post_content .doc-toc a:hover{text-decoration:none!important}
/* 2階層の目次(章＋小見出し)：小見出しは番号なし・やや小さく */
.doc-toc li.lv2 a{min-height:48px}
.doc-toc li.lv2 .t{font-size:13.5px;color:var(--sub)}
/* 2階層の目次(2026-10-18): 章(番号つき)の直下に小見出しをインデントして入れ子に。番号の代わりに控えめな「—」。章と小見出しのグループは列をまたいで分かれない */
.doc-toc.has-sub ol{display:block!important;column-count:1}
@media (min-width:900px){.doc-toc.has-sub ol{display:block!important;columns:2;column-gap:64px}}
.doc-toc.has-sub ol>li.grp{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid}
.doc-toc.has-sub ol>li.grp>a{min-height:58px}
.eari-ui .post_content .doc-toc ul.doc-sub{list-style:none!important;margin:-4px 0 12px!important;padding:0 0 0 calc(2.5em + 10px)!important;border:0!important}
.eari-ui .post_content .doc-toc ul.doc-sub>li{margin:0!important;padding:0!important;border:0!important;list-style:none!important}
.eari-ui .post_content .doc-toc ul.doc-sub>li::before{display:none!important}
.eari-ui .post_content .doc-toc ul.doc-sub a{grid-template-columns:1.4em 1fr 14px;gap:6px;min-height:40px;padding:5px 2px}
.doc-toc ul.doc-sub .no{font-family:inherit;font-size:13px;color:var(--acc);text-align:left}
.doc-toc ul.doc-sub .t{font-size:13px;color:var(--sub)}
.doc-toc ul.doc-sub .ar{width:14px;height:14px;opacity:.6}
.eari-ui .post_content .doc-h2{scroll-margin-top:96px;margin:2.6em 0 1em!important}

/* ヒーロー直下の最初のセクションは、フェードでつながるぶん上の余白をやや詰める */
.home-hero + .home-nav{padding-top:clamp(40px,6vw,96px)}
@media (max-width:767px){.home-hero{padding:calc((100svh - 64px) * .665) 0 0}}

/* ---------- スクロール位置がずれる不具合の修正(19件目) ----------
   旧テーマの「ヘッダー固定」機能(js/header_fix.js)は、トップで300pxスクロールすると <body> に .header_fix を付け、
   旧CSS(.pc .home.header_fix{padding-top:210px} / .mobile .mobile_header_fix #main_contents{margin-top:56px})で
   「固定ヘッダーの分」だけ本文を下げる。新ヘッダーはsticky(流れの中にある)ため、この余白は不要で、
   スクロールの途中でページ全体が210px(SPは56px)下にジャンプしていた。余白を無効化する。 */
html body.eari-ui,html body.eari-ui.header_fix,html body.eari-ui.header_fix2,html .pc .home.header_fix.eari-ui{padding-top:0!important}
html body.eari-ui #main_contents,html .mobile body.eari-ui #main_contents,html .mobile .mobile_header_fix #main_contents,html .mobile .home.mobile_header_fix #main_contents{margin-top:0!important}

/* ---------- SPヒーロー(2026-10-18): 写真の切れ対策 + コピーを写真の上に重ねる ----------
   旧: 7:4の横長写真(700x400)を縦長に近い枠(375x約410)へcoverで入れ、さらにscale 1.14→1.02でズームしていたため、左右が約半分以上切れていた。
   新: 枠を画面幅基準(高さ=幅×0.95、375幅で約356px)にして写真の約60%が見えるようにし、ズームは1.05→1.0に弱め、写真ごとに主題が入る位置(front-page.phpの--pos-sp)に寄せる。
   コピーはPCと同じく写真の上(枠の下部)に重ね、白のフェード(下に向かって濃くなる)と白い文字の縁取りで読ませる。コピーの下の白い余白は詰め、直後に次のセクションが続く(金色のスクロール線だけ下に残す)。
   線対策(.home-hero::beforeの白い帯・左右4pxはみ出し)は維持 */
@media (max-width:767px){
 .home-hero{--hh:calc(100vw * .95);padding:calc(var(--hh) - 132px) 0 0;min-height:calc(var(--hh) + 44px)}
 .home-hero + .home-nav{padding-top:28px}
 .home-hero-bg{height:var(--hh)}
 .home-hero::before{top:calc(var(--hh) - 4px)}
 .home-hero-bg::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,.18) 52%,rgba(255,255,255,.5) 64%,rgba(255,255,255,.76) 75%,rgba(255,255,255,.9) 85%,rgba(255,255,255,.97) 94%,#fff 100%)}
 .home-catch-list{align-items:end}
 .home-catch{text-shadow:0 0 12px rgba(255,255,255,.95),0 0 4px rgba(255,255,255,.9),0 0 1px #fff}
 .hb{animation-name:homeBgSp}
}
@keyframes homeBgSp{0%{opacity:0;transform:scale(1.05) translateZ(0)}6%{opacity:1}33%{opacity:1;transform:scale(1) translateZ(0)}38%{opacity:0}100%{opacity:0;transform:scale(1) translateZ(0)}}

/* メイン画像を出さないページ(body.eari-no-hi。一覧は functions/header_image.php): 画像を外したぶん、タイトルとスライダーの間の余白を詰める(2026-10-18) */
.eari-ui.eari-no-hi #main_col{padding-top:clamp(4px,1.6vw,20px)}