/* ==========================================================
   inCruises専用ページ｜旅を続ける力になる メンバーシップ・フリー
   背景＝画像／装飾・アイコン・写真＝画像／文字＝HTML実文字 の3層
   基準キャンバス 941×1672。このセクション専用クラスのみ使用
   ========================================================== */
.ic-mfree{ width:100%; margin:0; padding:0; background:#fdfcfa; overflow:hidden; }
.ic-mfree__canvas{ display:block; width:100%; height:auto; max-width:941px; margin:0 auto; }
.ic-mfree .mffo{
  -webkit-text-size-adjust:100%; text-size-adjust:100%;
  width:100%; height:100%; box-sizing:border-box; margin:0; padding:0;
  font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;
  font-feature-settings:"palt" 1; -webkit-font-smoothing:antialiased;
  color:#1c1610; line-height:1.3;
}
.ic-mfree .mffo h2{margin:0;padding:0;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit}

.ic-mfree .mf-h1a{ font-size:44px; font-weight:600; line-height:1.15; letter-spacing:.02em; color:#241a12; }
.ic-mfree .mf-h1a .k{ font-size:1.28em; font-weight:600; }
.ic-mfree .mf-h1b{ font-size:65.8px; font-weight:700; line-height:1.15; letter-spacing:.01em; color:#241a12; }
.ic-mfree .mf-lead{ font-size:22.6px; font-weight:500; line-height:1.3; letter-spacing:.01em; color:#1c1610; }
.ic-mfree .mf-body{ font-size:20.3px; font-weight:500; line-height:1.3; letter-spacing:.01em; color:#1f1a14; }

.ic-mfree .mf-bt1{ font-size:28.7px; font-weight:500; line-height:1.2; letter-spacing:.02em; color:#1c1208; }
.ic-mfree .mf-bt2{ font-size:38.1px; font-weight:500; line-height:1.2; letter-spacing:.01em; color:#1c1208; }
.ic-mfree .mf-bt2 .g{ color:#b05c0b; }
.ic-mfree .mf-feelbl{ font-size:22.7px; font-weight:500; line-height:1.2; letter-spacing:.02em; color:#1c1208; }
.ic-mfree .mf-fee100{ font-size:67.5px; font-weight:500; line-height:1.1; letter-spacing:0; color:#1c1208;
  font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif; }
.ic-mfree .mf-fee0{ font-size:115.4px; font-weight:500; line-height:1.1; letter-spacing:0;
  font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;
  color:#ce7b05; }
.ic-mfree .mf-rp{ font-size:23.1px; font-weight:500; line-height:1.2; letter-spacing:.01em; color:#1c1208; }
.ic-mfree .mf-rp .r{ color:#d91707; font-size:1.36em;
  font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif; }
.ic-mfree .mf-right{ font-size:20.3px; font-weight:500; line-height:38px; letter-spacing:.01em; color:#1f1a14; }
.ic-mfree .mf-cond{ font-size:20px; font-weight:500; line-height:1.2; letter-spacing:.01em; color:#1f1a14; }
.ic-mfree .mf-stath{ font-size:26.7px; font-weight:600; line-height:1.2; letter-spacing:.01em; color:#1c1208; }
.ic-mfree .mf-slbl{ font-size:24.4px; font-weight:500; line-height:35px; letter-spacing:.01em; color:#1f1a14; }
.ic-mfree .mf-snum{ font-size:56.3px; font-weight:500; line-height:1.1; letter-spacing:0; color:#cc2b0a;
  font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif; }
.ic-mfree .mf-snum .pc{ font-size:.62em; }
.ic-mfree .mf-src{ font-size:17px; font-weight:500; line-height:1.2; letter-spacing:.01em; color:#3a332c; }
.ic-mfree .mf-card{ font-size:23.7px; font-weight:500; line-height:1.2; letter-spacing:.01em; color:#1c1208; }
.ic-mfree .mf-card .t{ display:block; font-size:1em; }
.ic-mfree .mf-card .s{ display:block; margin-top:0; font-size:.79em; font-weight:400; line-height:28px; color:#1f1a14; }

/* 原画と同じ「漢字大・かな小」の組み方 */
.ic-mfree .mf-bt1 b,.ic-mfree .mf-bt2 b,.ic-mfree .mf-feelbl b,
.ic-mfree .mf-rp b,.ic-mfree .mf-stath b,.ic-mfree .mf-card b{ font-size:1.05em; font-weight:inherit; }


/* =========================================================
   スマホ専用キャンバス（941×2492）
   ・写真の下端を白へフェードさせ、3か所に無地の帯を挿入
   ・タイトル28px／リード17px／説明16px
   ・「会費を気にせず旅を…」を金線ごとパネルの上へ再配置
   ・$100→$0 のパネルを横幅いっぱいに作り直し
   ・統計ブロックの見出しを枠の外へ出し、枠の上辺を閉じた
   ・PC（769px以上）は従来のキャンバスをそのまま使用し、一切変更しない
   キャンバス倍率 390/941 = 0.4145 → canvas値 = 画面値 ÷ 0.4145
========================================================= */
.ic-mfree__sp{ display:none; }

@media (max-width:768px){
  .ic-mfree__canvas--pc{ display:none !important; }
  .ic-mfree__sp{ display:block; }

  .ic-mfree__sp .mf-h1a{ font-size:52.8px; line-height:1.15; }          /* 28px */
  .ic-mfree__sp .mf-h1b{ font-size:67.6px; line-height:1.15; }          /* 28px */
  .ic-mfree__sp .mf-lead{ font-size:41px; line-height:1.5; letter-spacing:0; color:#1c1610; }  /* 17px */
  .ic-mfree__sp .mf-lead .em{ color:#b05c0b; font-weight:600; white-space:nowrap; }
  .ic-mfree__sp .mf-body{ font-size:38.7px; line-height:1.62; letter-spacing:0; color:#4a4038; }  /* 16px */

  .ic-mfree__sp .mf-right{ font-size:41px; line-height:1.6; letter-spacing:0; color:#6a4312; font-weight:600; }
  .ic-mfree__sp .mf-bt1{ font-size:41px; line-height:1.3; }             /* 17px */
  .ic-mfree__sp .mf-bt2{ font-size:53.1px; line-height:1.3; }           /* 22px */
  .ic-mfree__sp .mf-feelbl{ font-size:38.7px; line-height:1.3; }        /* 16px */
  .ic-mfree__sp .mf-fee100{ font-size:96.5px; line-height:1.15; }       /* 40px */
  .ic-mfree__sp .mf-fee0{ font-size:144.8px; line-height:1.15; }        /* 60px */
  .ic-mfree__sp .mf-rp{ font-size:144.8px; line-height:1.15; }          /* 60px */

  /* 消える会費に取り消し線 */
  .ic-mfree__sp .mf-fee100 .strike{ position:relative; color:#8c8378; }
  .ic-mfree__sp .mf-fee100 .strike::after{
    content:""; position:absolute; left:-6%; right:-6%; top:52%;
    height:5px; background:#b8a48a; transform:rotate(-8deg); }

  /* 段をつなぐ「しかも」 22px */
  .ic-mfree__sp .mf-conj{ font-size:53px; line-height:1.3; letter-spacing:.06em;
    color:#a8761f; font-weight:600; }

  /* 締めの一行 20px */
  .ic-mfree__sp .mf-fin{ font-size:48.2px; line-height:1.45; letter-spacing:.01em;
    color:#1c4a4a; font-weight:600; }
  .ic-mfree__sp .mf-fin .k{ color:#0f6b62; font-size:1.12em; }

  /* 箱の中の小見出し 22px */
  .ic-mfree__sp .mf-boxh{ font-size:53px; line-height:1.3; letter-spacing:.05em;
    color:#6a4312; font-weight:600; }
  .ic-mfree__sp .mf-rp .r{ font-size:1em; }                             /* 60px */
  .ic-mfree__sp .mf-rp .u{ font-size:.283em; color:#4a4038; }           /* 17px */
  .ic-mfree__sp .mf-rp .s{ font-size:.68em; }                           /* 17px */

  /* 囲みの中の注記（17px・緑） */
  .ic-mfree__sp .mf-note{ font-size:41px; line-height:1.45; letter-spacing:0;
    color:#1f6c1f; font-weight:500; }
  .ic-mfree__sp .mf-cond{ font-size:29px; line-height:1.3; letter-spacing:0; white-space:nowrap; } /* 12px */

  /* タイトル下のセミタイトル（写真をぼかした余白に置く） 17px */
  .ic-mfree__sp .mf-semi{ font-size:41px; line-height:1.45; letter-spacing:.01em;
    color:#1c1610; font-weight:600; }
  .ic-mfree__sp .mf-semi .em{ color:#b05c0b; font-size:1.06em; }

  /* いちばん賢い使い方：見出し22px／本文17px */
  .ic-mfree__sp .mf-lead2{ font-size:53px; line-height:1.3; letter-spacing:.01em;
    color:#1c1610; font-weight:600; }
  .ic-mfree__sp .mf-lead2 .em{ color:#b05c0b; }
  .ic-mfree__sp .mf-right2{ font-size:41px; line-height:1.5; letter-spacing:0; color:#3a2f24; }
  .ic-mfree__sp .mf-right3{ font-size:41px; line-height:1.5; letter-spacing:0;
    color:#6a4312; font-weight:600; }
  .ic-mfree__sp .mf-right3 .em{ color:#b05c0b; }

  /* 囲みの直前の橋渡し 17px */
  .ic-mfree__sp .mf-bridge{ font-size:41px; line-height:1.5; letter-spacing:0; color:#1c1610; }

  /* 囲みの下の注記 14px */
  .ic-mfree__sp .mf-fine{ font-size:33.8px; line-height:1.5; letter-spacing:0; color:#4a4038; }

  /* 統計の小見出し（枠の外・横いっぱいに均等割り付け） 18px */
  .ic-mfree__sp .mf-sub{ font-size:43.4px; line-height:1.3; letter-spacing:0;
    color:#1c1610; font-weight:600;
    text-align:justify; text-align-last:justify; }
  .ic-mfree__sp .mf-sub .em{ color:#b05c0b; }

  /* 統計ブロック */
  .ic-mfree__sp .mf-stath{ font-size:41px; line-height:1.35; }          /* 17px */
  .ic-mfree__sp .mf-slbl{ font-size:33.8px; line-height:1.25; letter-spacing:0; } /* 14px */
  .ic-mfree__sp .mf-snum{ font-size:86.9px; line-height:1.05; }         /* 36px */
  .ic-mfree__sp .mf-src{ font-size:29px; line-height:1.3; letter-spacing:0; }     /* 12px */

  /* 出典タブ 12px */
  .ic-mfree__sp .mf-tab{ font-size:29px; line-height:1.3; letter-spacing:.06em;
    color:#fffdf8; font-weight:600; }

  /* 統計カードを受けるCATCH 18px */
  .ic-mfree__sp .mf-catch{ font-size:41px; line-height:1.5; letter-spacing:0; color:#1c1610; }
  .ic-mfree__sp .mf-catch .ki{ color:#b05c0b; font-weight:600; }
  .ic-mfree__sp .mf-catch .kn{ color:#cc2b0a; font-weight:600; }

  /* ── 差し替えた「条件を満たした翌月」の箱（デザイン画像どおり／すべて本物のテキスト） ── */
  .ic-mfree__sp [class*="mfb-"]{
    font-family:"Times New Roman","Yu Mincho","YuMincho","Hiragino Mincho ProN","MS PMincho",serif; }
  .ic-mfree__sp .mfb-ttl{ font-size:32.2px; line-height:1.3; letter-spacing:.06em;
    color:#2a1a0c; font-weight:600; }
  .ic-mfree__sp .mfb-chip{ font-size:25.7px; line-height:1.3; letter-spacing:.10em; font-weight:600; }
  .ic-mfree__sp .mfb-chip.s{ font-size:22.5px; }
  .ic-mfree__sp .mfb-chip.c{ color:#423020; }
  .ic-mfree__sp .mfb-chip.p{ color:#423020; }
  .ic-mfree__sp .mfb-old{ font-size:53.5px; line-height:1.2; letter-spacing:.06em;
    color:#33261a; font-weight:500; }
  .ic-mfree__sp .mfb-new{ font-size:53.5px; line-height:1.2; letter-spacing:0;
    color:#c82500; font-weight:500; }
  .ic-mfree__sp .mfb-mid{ font-size:30px; line-height:1.3; letter-spacing:.04em;
    color:#362a24; font-weight:600; }
  .ic-mfree__sp .mfb-rp{ font-size:53.5px; line-height:1.2; letter-spacing:0;
    color:#c82500; font-weight:500; }
  .ic-mfree__sp .mfb-unit{ font-size:31.4px; line-height:1.3; letter-spacing:0; color:#5b4e46; }
  .ic-mfree__sp .mfb-fin{ font-size:26.1px; line-height:1.3; letter-spacing:.02em;
    color:#322825; font-weight:600; }
  .ic-mfree__sp .mfb-fin .k{ color:#c82500; }
}

/* =========================================================
   2026-09-06 変更：PC版のキャンバス幅を 941px → 1600px へ。
   前後のセクションと幅をそろえるため。
   背景写真は941px（等倍）だが、ピントの浅い柔らかい写真のため
   1.7倍に拡大しても実用上の劣化はないことを実機描画で確認済み。
   文字はSVGのforeignObject内のHTMLテキストなので、拡大しても
   くっきりしたまま。
   スマートフォン（768px以下）は専用の3層構造を使うため対象外。
   ========================================================= */
@media (min-width: 769px){
  .ic-mfree__canvas{ max-width:1600px; }
}