/* =========================================================
   Membership Free / 390px mobile fidelity build
   Three layers: background image / HTML real text / logo-overlay image
   Master canvas: 941 x 1672, visually scaled to iPhone 390px width.
   ========================================================= */
#membership-free{
  --mf-brown:#2a170f;
  --mf-gold:#d89122;
  --mf-orange:#d96e1b;
  --mf-red:#df2c17;
  --mf-serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;
  --mf-sans:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
  margin:0;
  padding:0;
  background:#fff;
  color:var(--mf-brown);
  font-family:var(--mf-serif);
}
#membership-free,#membership-free *{box-sizing:border-box}
#membership-free .mf-wrap{width:390px;max-width:100%;margin:0 auto;overflow:hidden}
#membership-free .mf-page{position:relative;width:390px;height:693px;overflow:hidden;background:#fff}
#membership-free .mf-page+.mf-page{margin-top:0}
#membership-free .mf-canvas{
  position:absolute;left:0;top:0;width:941px;height:1672px;
  transform-origin:0 0;transform:scale(.41445271);
  overflow:hidden;background:#fff;isolation:isolate;
}
#membership-free .mf-bg,#membership-free .mf-logo-layer{position:absolute;inset:0;width:941px;height:1672px;object-fit:fill;display:block;pointer-events:none;user-select:none}
#membership-free .mf-bg{z-index:0}
#membership-free .mf-logo-layer{z-index:2}
#membership-free .mf-text-layer{position:absolute;inset:0;z-index:3}
#membership-free .mf-text{position:absolute;margin:0;color:var(--mf-brown);font-family:var(--mf-serif);font-weight:400;line-height:1.42;letter-spacing:.01em;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
#membership-free .mf-title{font-size:79px;line-height:1.12;font-weight:600;letter-spacing:.01em}
#membership-free .mf-page-title{font-size:59px;line-height:1.15;font-weight:600;letter-spacing:.01em}
#membership-free .mf-kicker{font-size:38px;line-height:1.22;font-weight:400}
#membership-free .mf-subtitle{font-size:43.5px;line-height:1.42;font-weight:500}
#membership-free .mf-body{font-size:33px;line-height:1.48;font-weight:400}
#membership-free .mf-note{font-size:24px;line-height:1.34;font-family:var(--mf-sans);font-weight:500}
#membership-free .mf-step-title{font-size:34px;line-height:1.20;font-weight:600}
#membership-free .mf-step-body{font-size:24px;line-height:1.34;font-weight:400}
#membership-free .mf-num{position:absolute;font-family:Georgia,"Times New Roman",serif;color:#bd791c;font-size:100px;line-height:1;font-weight:400;font-style:italic}
#membership-free .mf-highlight{color:var(--mf-red);font-weight:700}
#membership-free .mf-gold{color:#9a5a1e}
#membership-free .mf-center{text-align:center}

/* PAGE 1 */
#membership-free .mf-p1-kicker{left:52px;top:63px;width:470px}
#membership-free .mf-p1-title{left:52px;top:180px;width:890px}
#membership-free .mf-p1-sub{left:50px;top:336px;width:880px}
#membership-free .mf-p1-intro{left:50px;top:491px;width:860px;font-size:33.7px;line-height:1.50}
#membership-free .mf-p1-benefit{left:178px;top:747px;width:748px;font-size:32px;line-height:1.55;color:#8e4c1a;text-align:left}
#membership-free .mf-p1-benefit .big{font-size:42px;font-weight:700}
#membership-free .mf-p1-benefit2{left:175px;top:1014px;width:640px;font-size:33.5px;line-height:1.45;text-align:center}
#membership-free .mf-p1-caption{left:668px;top:1120px;width:273px;font-size:26.8px;line-height:1.38;font-weight:500}
#membership-free .mf-p1-note{left:433px;top:1608px;width:505px;font-size:21.5px;white-space:nowrap}

/* PAGE 2 */
#membership-free .mf-p2-title{left:52px;top:200px;width:890px}
#membership-free .mf-p2-intro{left:52px;top:303px;width:850px;font-size:34.1px;line-height:1.48}
#membership-free .mf-p2-n1{left:48px;top:564px}
#membership-free .mf-p2-t1{left:128px;top:570px;width:360px}
#membership-free .mf-p2-b1{left:130px;top:625px;width:365px}
#membership-free .mf-p2-n2{left:48px;top:772px}
#membership-free .mf-p2-t2{left:130px;top:780px;width:360px}
#membership-free .mf-p2-b2{left:130px;top:835px;width:360px}
#membership-free .mf-p2-n3{left:48px;top:972px}
#membership-free .mf-p2-t3{left:130px;top:980px;width:365px}
#membership-free .mf-p2-b3{left:130px;top:1034px;width:360px}
#membership-free .mf-p2-n4{left:48px;top:1172px}
#membership-free .mf-p2-t4{left:130px;top:1182px;width:560px;font-size:29.5px}
#membership-free .mf-p2-b4{left:130px;top:1226px;width:480px}
#membership-free .mf-p2-box{left:140px;top:1380px;width:750px;font-size:30.6px;line-height:1.44;text-align:center}
#membership-free .mf-p2-box .em{font-size:36px;font-weight:600}
#membership-free .mf-p2-box .result{color:var(--mf-red);font-weight:700}

/* PAGE 3 */
#membership-free .mf-p3-kicker{left:235px;top:120px;width:490px;font-size:34.7px;text-align:center}
#membership-free .mf-p3-title{left:205px;top:185px;width:530px;font-size:66px;text-align:center}
#membership-free .mf-p3-body1{left:54px;top:340px;width:672px;font-size:28.2px;line-height:1.45}
#membership-free .mf-p3-body2{left:54px;top:555px;width:735px;font-size:28.2px;line-height:1.45}
#membership-free .mf-p3-three{left:255px;top:725px;width:440px;font-size:40px;line-height:1.2;text-align:center;color:#d66e17;font-weight:600}
#membership-free .mf-p3-coltitle{font-size:35px;font-weight:600;text-align:center}
#membership-free .mf-p3-colbody{font-size:21.2px;line-height:1.42;text-align:center;font-weight:400}
#membership-free .mf-p3-c1t{left:55px;top:910px;width:245px}
#membership-free .mf-p3-c1b{left:28px;top:967px;width:300px}
#membership-free .mf-p3-c2t{left:360px;top:910px;width:220px}
#membership-free .mf-p3-c2b{left:322px;top:967px;width:312px}
#membership-free .mf-p3-c3t{left:670px;top:910px;width:220px}
#membership-free .mf-p3-c3b{left:622px;top:967px;width:320px}
#membership-free .mf-p3-hero{left:60px;top:1136px;width:820px;font-size:36px;line-height:1.42;letter-spacing:0;text-align:center;color:var(--mf-red);font-weight:700}
#membership-free .mf-p3-hero .k{font-size:1.08em;font-weight:700}
#membership-free .mf-p3-body3{left:54px;top:1330px;width:690px;font-size:41px;line-height:1.5}
#membership-free .mf-p3-body4{left:54px;top:1690px;width:700px;font-size:41px;line-height:1.5}
#membership-free .mf-p3-notes{left:54px;top:1868px;width:870px;font-size:31.4px;line-height:1.35}


/* 3ページ目だけ、本文を17px相当まで大きくするため縦に伸ばす */
#membership-free .mf-page-3{height:829px}
#membership-free .mf-page-3 .mf-canvas{height:2000px;background:#fdfdfc}
#membership-free .mf-page-3 .mf-bg,
#membership-free .mf-page-3 .mf-logo-layer{height:1672px}


/* ===== フリー獲得のハードルは高くない（通常のHTML/CSS・本文17px／昨日の統計カードを再現） ===== */
#membership-free .mfh{ width:100%; max-width:390px; margin:0 auto; padding:30px 22px 34px;
  background:#fdfbf7; border-top:1px solid #eadfc7;
  font-family:var(--mf-serif); color:var(--mf-brown); text-align:center; }
#membership-free .mfh p,#membership-free .mfh h3{ margin:0; }
#membership-free .mfh-eyebrow{ font-size:14px; letter-spacing:.14em; color:#a3813f; font-weight:600; }
#membership-free .mfh-title{ margin-top:8px!important; font-size:25px; line-height:1.42;
  font-weight:700; color:#2a170f; letter-spacing:.01em; }
#membership-free .mfh-title b{ font-weight:700; color:#b05c0b; font-size:1.14em; }

/* 統計カード：横並び・金の枠・茶のタブ */
#membership-free .mfh-stat{ position:relative; margin-top:30px; padding:20px 8px 14px;
  border:1.4px solid #d6ab55; border-radius:9px; background:#fffdf9; }
#membership-free .mfh-tab{ position:absolute; left:50%; top:-12px; transform:translateX(-50%);
  white-space:nowrap; padding:3px 13px; border-radius:4px; background:#8c6318;
  font-size:14px; line-height:1.5; letter-spacing:.02em; color:#fffdf8; font-weight:600; }
#membership-free .mfh-cols{ display:flex; align-items:flex-start; }
#membership-free .mfh-col{ flex:1 1 0; min-width:0; padding:0 5px; }
#membership-free .mfh-col+.mfh-col{ border-left:1px solid #e6d5b0; }
#membership-free .mfh-label{ font-size:17px; line-height:1.3; color:#1c1610; }
#membership-free .mfh-num{ margin-top:6px!important; font-size:36px; line-height:1.08;
  font-weight:500; color:#cc2b0a; font-family:"Times New Roman",var(--mf-serif); }
#membership-free .mfh-num .pc{ font-size:.62em; }
#membership-free .mfh-bar{ margin:9px auto 0!important; width:118px; height:6px;
  border-radius:3px; background:#e9e2d5; overflow:hidden; }
#membership-free .mfh-bar span{ display:block; height:100%; border-radius:3px; background:#1c1610; }
#membership-free .mfh-note{ margin-top:12px!important; font-size:13px; line-height:1.6;
  color:#6a5a4a; font-family:var(--mf-sans); }
#membership-free .mfh-note--foot{ margin-top:16px!important; text-align:left; }

#membership-free .mfh-body{ margin-top:22px!important; font-size:17px; line-height:1.8; color:#3a2b1e; }
#membership-free .mfh-lead{ margin-top:22px!important; font-size:17px; line-height:1.8; color:#3a2b1e; }
#membership-free .mfh-lead b{ font-weight:700; color:#a8560f; font-size:1.06em; }
#membership-free .mfh-close{ margin-top:22px!important; font-size:19px; line-height:1.7;
  font-weight:700; color:#a8560f; }

@media(max-width:374px){
  #membership-free .mfh{ padding:26px 14px 30px; }
  #membership-free .mfh-tab{ font-size:12.5px; padding:3px 10px; }
  #membership-free .mfh-label{ font-size:16px; }
  #membership-free .mfh-num{ font-size:32px; }
  #membership-free .mfh-bar{ width:104px; }
}

#membership-free img{max-width:none!important;margin:0!important;border:0!important;border-radius:0!important}
#membership-free p,#membership-free h2,#membership-free h3{margin-block-start:0;margin-block-end:0}

/* common iPhone widths. 390px is the design master. */
@media(max-width:389px){#membership-free .mf-wrap,#membership-free .mf-page{width:375px}#membership-free .mf-page{height:666px}#membership-free .mf-page-3{height:797px}#membership-free .mf-canvas{transform:scale(.39851222)}}
@media(max-width:374px){#membership-free .mf-wrap,#membership-free .mf-page{width:360px}#membership-free .mf-page{height:640px}#membership-free .mf-page-3{height:765px}#membership-free .mf-canvas{transform:scale(.38257173)}}
@media(max-width:359px){#membership-free .mf-wrap,#membership-free .mf-page{width:320px}#membership-free .mf-page{height:568px}#membership-free .mf-page-3{height:680px}#membership-free .mf-canvas{transform:scale(.34006376)}}

@media(max-width:374px){
  #membership-free .mfh{ padding:30px 14px 34px; }
  #membership-free .mfh-tab{ font-size:12px; padding:5px 10px; }
}

/* ===== メンバーシップ・フリー直後の申込導線（スマートフォンのみ） ===== */
.mf-cta{ display:none; }
@media (max-width:768px){
  .mf-cta{ display:block; padding:30px 22px 36px; background:#fdfbf7;
    border-top:1px solid #eadfc7; text-align:center; }
  .mf-cta__lead{ margin:0 0 16px; font-size:17px; line-height:1.7; color:#3a2b1e;
    font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif; }
  .mf-cta .jn-btn{ width:100%; max-width:346px; font-size:17px; padding:16px 20px; }
  /* 2026-09-05 追加：ご指示による注記（黒字） */
  .mf-cta__note{ margin:12px 0 0; font-size:14px; line-height:1.6; color:#1c1610; }
}

/* =========================================================
   2026-09-06 追加：「手頃な価格なら8割」のデータの直後に、
   実際の料金（TOPページの3事例）へ渡す導線。
   申込ボタン（オレンジ）とは色も形も変え、競合させていない。
   ========================================================= */
#membership-free .mfh-go{
  display:block;
  margin:26px auto 0;
  max-width:346px;
  padding:16px 18px 18px;
  border:1.4px solid #d6ab55;
  border-radius:10px;
  background:#fffdf9;
  text-decoration:none;
  text-align:center;
}
#membership-free .mfh-go__q,
#membership-free .mfh-go__a,
#membership-free .mfh-go__btn{ display:block; }
#membership-free .mfh-go__q{
  font-family:var(--mf-sans);
  font-size:15px;
  line-height:1.5;
  color:#6a5a4a;
}
#membership-free .mfh-go__a{
  margin-top:6px;
  font-family:var(--mf-serif);
  font-size:19px;
  line-height:1.45;
  font-weight:700;
  color:#2a170f;
}
#membership-free .mfh-go__a b{
  font-weight:700;
  font-size:1.22em;
  color:#b05c0b;
}
#membership-free .mfh-go__btn{
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid #eadfc7;
  font-family:var(--mf-sans);
  font-size:17px;
  line-height:1.4;
  font-weight:700;
  color:#8a6520;
}
#membership-free .mfh-go__btn i{ font-style:normal; margin-left:6px; opacity:.85; }

/* =========================================================
   2026-09-06 追加：PC版の「統計 → 三方よし → 手頃な価格 → 3つの事例」
   ・スマートフォンでは同じ内容が3層構造の中にあるため、ここは非表示
   ・色は既存のアイボリー／シャンパンゴールド／ダークブラウンのみ
   ・申込ボタン（オレンジ）とは競合させない
   ========================================================= */
.mfpc{ display:none; }

@media (min-width: 769px){
  .mfpc{
    display:block;
    background:#fdfbf7;
    border-top:1px solid #eadfc7;
  }
  .mfpc__in{
    width:min(1200px, calc(100% - 80px));
    margin:0 auto;
    padding:64px 0 72px;
    text-align:center;
    font-family:"Noto Serif JP","Noto Serif CJK JP",YuMincho,"Yu Mincho",serif;
    color:#2a170f;
  }
  .mfpc__eyebrow{
    margin:0 !important;
    font-family:"Noto Sans JP","Yu Gothic",sans-serif;
    font-size:17px; letter-spacing:.14em; font-weight:600; color:#9a7b45;
  }
  .mfpc__title{
    margin:14px 0 0 !important;
    font-size:40px; line-height:1.5; font-weight:700; color:#2a170f;
  }
  .mfpc__title b{ font-weight:700; color:#b05c0b; font-size:1.16em; }

  .mfpc__stat{
    position:relative;
    max-width:860px;
    margin:44px auto 0;
    padding:34px 30px 22px;
    border:1.4px solid #d6ab55;
    border-radius:12px;
    background:#fffdf9;
  }
  .mfpc__tab{
    position:absolute; left:50%; top:-16px; transform:translateX(-50%);
    margin:0 !important; white-space:nowrap;
    padding:5px 20px; border-radius:5px; background:#8c6318;
    font-family:"Noto Sans JP","Yu Gothic",sans-serif;
    font-size:16px; color:#fffdf8; font-weight:600;
  }
  .mfpc__cols{ display:flex; align-items:flex-start; }
  .mfpc__col{ flex:1 1 0; min-width:0; padding:0 24px; }
  .mfpc__col + .mfpc__col{ border-left:1px solid #e6d5b0; }
  .mfpc__label{
    margin:0 !important;
    font-family:"Noto Sans JP","Yu Gothic",sans-serif;
    font-size:20px; line-height:1.5; color:#1c1610;
  }
  .mfpc__num{
    margin:10px 0 0 !important;
    font-family:"Times New Roman","Noto Serif JP",serif;
    font-size:64px; line-height:1.1; color:#cc2b0a;
  }
  .mfpc__num span{ font-size:.62em; margin-left:2px; }
  .mfpc__bar{
    margin:14px auto 0 !important; width:230px; height:8px;
    border-radius:4px; background:#e9e2d5; overflow:hidden;
  }
  .mfpc__bar span{ display:block; height:100%; border-radius:4px; background:#1c1610; }
  .mfpc__note{
    margin:18px 0 0 !important;
    font-family:"Noto Sans JP","Yu Gothic",sans-serif;
    font-size:15px; color:#6a5a4a;
  }

  .mfpc__body{
    margin:34px 0 0 !important;
    font-size:24px; line-height:1.8; color:#2a170f;
  }

  .mfpc__three{
    margin:0 !important;
    font-size:30px; font-weight:700; letter-spacing:.04em; color:#8a6520;
  }
  .mfpc__three-cols{
    display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
    margin-top:22px;
  }
  .mfpc__three-col{
    padding:26px 24px 28px;
    border:1.2px solid #e6d5b0;
    border-radius:10px;
    background:#fffdf9;
    text-align:center;
  }
  .mfpc__three-t{
    margin:0 !important;
    font-size:23px; font-weight:700; color:#b05c0b;
  }
  .mfpc__three-b{
    margin:14px 0 0 !important;
    font-family:"Noto Sans JP","Yu Gothic",sans-serif;
    font-size:18px; line-height:1.85; color:#3a2b1e; text-align:left;
  }

  .mfpc__go{
    display:inline-block;
    margin:54px auto 0;
    padding:26px 54px 28px;
    border:1.4px solid #d6ab55;
    border-radius:12px;
    background:#fffdf9;
    text-decoration:none;
    text-align:center;
  }
  .mfpc__go-q, .mfpc__go-a, .mfpc__go-btn{ display:block; }
  .mfpc__go-q{
    font-family:"Noto Sans JP","Yu Gothic",sans-serif;
    font-size:18px; line-height:1.5; color:#6a5a4a;
  }
  .mfpc__go-a{
    margin-top:10px; font-size:30px; line-height:1.45; font-weight:700; color:#2a170f;
  }
  .mfpc__go-a b{ font-weight:700; font-size:1.24em; color:#b05c0b; }
  .mfpc__go-btn{
    margin-top:18px; padding-top:16px;
    border-top:1px solid #eadfc7;
    font-family:"Noto Sans JP","Yu Gothic",sans-serif;
    font-size:21px; font-weight:700; color:#8a6520;
  }
  .mfpc__go-btn i{ font-style:normal; margin-left:8px; opacity:.85; }
  .mfpc__go:hover{ background:#fdf6e8; }
}

/* =========================================================
   2026-09-07 ご指示：「三方によい流れです」から
   「では、実際はいくらでしょうか／日本発着 4泊5日で7万円台〜／3つの事例を見る」
   のカードまで（PC版ブロック section.mfpc）を表示から外した。
   ・憲法どおり HTML のマークアップは削除せず残している（控えとして保持）
   ・戻す場合は、下の1行を削除するだけでよい
   ========================================================= */
/* 2026-09-08 再確認：PC版は「仕組みの考え方」（#cycle-reasoning-pc-v6）の中に
   三方によい流れ・国土交通省の統計・「3つの事例を見る」導線がすべて入っている。
   したがって、このPC用ブロック（.mfpc）は内容が二重になるため非表示のままにする。
   マークアップはHTMLに残してあるので、下の1行を消せばいつでも戻せる。 */
.mfpc{ display:none !important; }

/* =========================================================
   2026-09-07（追記）：スマートフォン側の同じ内容も表示から外す。
   PC側（section.mfpc）は上で非表示にしているが、スマートフォンには
   別マークアップの同じ内容が残っていたため。
   ・「では、実際はいくらでしょうか／日本発着 4泊5日で7万円台〜／3つの事例を見る」
     のカード（a.mfh-go）のみを非表示にした。
   ・HTMLのマークアップは削除せず残している。戻す場合はこの1行を削除。
   ※「三方によい流れです」＋3列（.mf-p3-three ほか）は、写真と区切り線が
     背景画像 page3-bg.png に焼き込まれているため、文字だけ消すと
     写真と線だけが残ってしまう。別途ご相談のうえ対応する。
   ========================================================= */
/* 2026-09-08 復旧：同じ理由でスマートフォン側の事例カードも戻す。
   統計のあとに「では、実際はいくらでしょうか → 3つの事例を見る」が続く形が本来の設計。
   #membership-free .mfh-go{ display:none !important; } */

/* 2026-09-09 ご指示により、スマートフォン版のこの枠
   （「では、実際はいくらでしょうか。／日本発着 4泊5日で 7万円台〜／3つの事例を見る」）を
   すぐ下の「ショート・クルーズ 3つの事例」バナー（#mf-cases-sp）に差し替えた。
   マークアップはHTMLに残してあるので、下の1行を消せばいつでも戻せる。
   PC版に影響しないよう、768px以下だけに限定している。 */
@media (max-width:768px){ #membership-free .mfh-go{ display:none !important; } }