/* ===== 入会エリア「inCruisesをはじめる」（1600px基準・レスポンシブ） =====
   金線の装飾はすべてCSS／SVGで描いています（画像ではないので、どの拡大率でも輪郭が出ます）。 */
.jn{--navy:#1f375d;--navy-d:#0c2754;--gold:#bf923c;--gold-d:#a8842e;--gold-l:#d9c08a;
    --hair:#d7c298;--cream:#fdfaf3;--orange:#f7920a;
    position:relative;width:100%;overflow:hidden;
    background:linear-gradient(180deg,#fdfaf4 0%,#fdfbf7 42%,#fefcfa 100%);
    border-top:1px solid #eee0c6;padding:min(70px,4.4%) 0 min(74px,4.6%);
    font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#2a3340;}
.jn,.jn *{box-sizing:border-box;}
.jn-inner{width:min(1600px,calc(100% - 40px));margin:0 auto;position:relative;z-index:1;}
.jn-deco{position:absolute;top:0;width:min(460px,30%);height:auto;pointer-events:none;
  user-select:none;z-index:0;}
.jn-deco-l{left:0;}
.jn-deco-r{right:0;}

/* 見出し */
.jn-title{margin:0;text-align:center;font-family:"Noto Serif JP",serif;font-weight:600;
  font-size:clamp(30px,3.375vw,54px);line-height:1.3;letter-spacing:.055em;color:var(--navy);}
.jn-crest{display:block;margin:10px auto 0;width:clamp(54px,4vw,66px);height:auto;color:var(--gold-l);}

/* リボン帯 */
.jn-ribbon{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,26px);
  margin-top:clamp(16px,1.6vw,26px);}
.jn-star{flex:none;width:clamp(16px,1.5vw,24px);height:auto;color:var(--gold);}
.jn-band{flex:1;max-width:1360px;min-width:0;position:relative;
  --pt:22px;padding:1px;background:var(--gold-l);
  clip-path:polygon(var(--pt) 0,calc(100% - var(--pt)) 0,100% 50%,calc(100% - var(--pt)) 100%,var(--pt) 100%,0 50%);}
.jn-band-in{position:relative;height:clamp(48px,4.1vw,64px);display:flex;align-items:center;
  justify-content:center;gap:clamp(14px,1.7vw,28px);padding:0 clamp(24px,2.6vw,44px);
  background:linear-gradient(90deg,#fbf4e6 0%,#fffdf9 26%,#fffdf9 74%,#fbf4e6 100%);
  clip-path:polygon(var(--pt) 0,calc(100% - var(--pt)) 0,100% 50%,calc(100% - var(--pt)) 100%,var(--pt) 100%,0 50%);}
.jn-tag{flex:none;--tp:15px;background:linear-gradient(180deg,#c99c3f,#b0872c);color:#fffdf6;
  font-size:clamp(13px,1.15vw,18px);font-weight:700;letter-spacing:.13em;line-height:1;
  padding:clamp(8px,.75vw,12px) clamp(22px,2vw,32px);
  clip-path:polygon(var(--tp) 0,calc(100% - var(--tp)) 0,100% 50%,calc(100% - var(--tp)) 100%,var(--tp) 100%,0 50%);}
.jn-band-sep{flex:none;width:1px;height:clamp(20px,1.8vw,28px);background:var(--gold-l);}
.jn-band-txt{font-size:clamp(14px,1.35vw,21px);font-weight:500;letter-spacing:.2em;color:var(--gold-d);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 帯の下の細い飾り罫 */
.jn-rule{display:block;width:min(1180px,92%);height:auto;margin:clamp(14px,1.4vw,22px) auto 0;color:var(--gold-l);}

/* カード */
.jn-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,2.7vw,44px);
  margin-top:clamp(46px,4.4vw,72px);}
.jn-card{position:relative;border:1px solid #e6d7b8;border-radius:clamp(14px,1.4vw,22px);
  background:linear-gradient(180deg,#fffefb 0%,#fdfaf3 62%,#f9f4e9 100%);
  box-shadow:0 10px 30px rgba(105,84,40,.07);
  padding:clamp(44px,3.9vw,58px) clamp(22px,2.6vw,42px) clamp(24px,2.3vw,34px);
  display:flex;flex-direction:column;align-items:center;text-align:center;}
.jn-ico{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);
  width:clamp(58px,5.4vw,84px);height:clamp(58px,5.4vw,84px);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#fdfaf2;border:2px solid var(--gold-l);box-shadow:0 3px 10px rgba(105,84,40,.13);}
.jn-ico svg{width:52%;height:52%;color:var(--gold);}
.jn-ico-in{background:#fffdf7;}
.jn-ico-in img{width:50%;height:auto;display:block;opacity:.94;}

.jn-ch{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.1vw,18px);
  width:100%;margin:0;}
.jn-ch h3{margin:0;font-family:"Noto Serif JP",serif;font-weight:600;color:var(--gold-d);
  font-size:clamp(19px,2.05vw,33px);letter-spacing:.09em;line-height:1.3;white-space:nowrap;}
.jn-ch svg{flex:none;width:clamp(38px,4.6vw,74px);height:auto;color:var(--gold-l);}
.jn-en{margin:clamp(8px,.8vw,13px) 0 0;font-size:clamp(10px,.94vw,15px);font-weight:500;
  letter-spacing:.24em;color:#b08a3a;}

.jn-fill{flex:1;display:flex;align-items:center;width:100%;margin-top:clamp(14px,1.4vw,22px);}
.jn-body{margin:0;font-size:clamp(14px,1.14vw,18.5px);
  line-height:2.05;color:#33405a;text-align:left;max-width:34em;}
.jn-lead{margin:0;font-family:"Noto Serif JP",serif;font-weight:500;
  font-size:clamp(14px,1.14vw,18.5px);line-height:2.0;letter-spacing:.04em;color:var(--navy);}

/* 右カードの中身 */
.jn-act{display:flex;align-items:center;justify-content:center;
  gap:clamp(18px,2.2vw,36px);width:100%;}
.jn-btnwrap{margin:clamp(12px,1.1vw,18px) 0 0;}
.jn-act-l{min-width:0;}
.jn-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;}
.jn-btn{background:radial-gradient(125% 155% at 50% -20%,#fcb254 0%,#f6990f 56%,#ef8b04 100%);
  color:#fff;border-radius:12px;font-weight:600;letter-spacing:.05em;
  text-shadow:0 1px 2px rgba(140,74,0,.34);
  font-size:clamp(15px,1.32vw,21px);padding:clamp(14px,1.35vw,22px) clamp(22px,2.3vw,38px);
  box-shadow:inset 0 0 26px 8px rgba(255,240,214,.40),
             inset 0 1px 0 rgba(255,255,255,.65),
             inset 0 -1px 0 rgba(180,105,10,.16),
             0 2px 8px rgba(190,120,25,.13);
  transition:box-shadow .25s ease,color .25s ease;}
.jn-btn:hover{box-shadow:inset 0 0 20px 5px rgba(255,240,214,.30),
             inset 0 1px 0 rgba(255,255,255,.65),
             inset 0 -1px 0 rgba(180,105,10,.16),
             0 3px 12px rgba(190,120,25,.18);}
.jn-btn:focus-visible{outline:2px solid var(--navy-d);outline-offset:4px;}
.jn-btn i{font-style:normal;font-size:.86em;opacity:.92;}

.jn-qr{flex:none;margin:0;position:relative;
  width:clamp(112px,10.6vw,168px);height:clamp(112px,10.6vw,168px);}
.jn-qr img{position:absolute;inset:11%;width:78%;height:78%;display:block;}
.jn-qr svg{position:absolute;inset:0;width:100%;height:100%;color:var(--gold-l);}
.jn-qr figcaption{position:absolute;left:-40px;right:-40px;top:calc(100% + 8px);white-space:nowrap;
  font-size:clamp(10px,.8vw,12.5px);color:#9a8f7a;letter-spacing:.02em;}
.jn-variant{margin:clamp(22px,2.1vw,34px) 0 0;font-size:clamp(11px,.92vw,14px);color:#a08b60;letter-spacing:.02em;}

/* 下の帯 */
.jn-foot{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.4vw,22px);
  margin-top:clamp(34px,3.4vw,56px);}
.jn-foot svg.jn-hair{flex:1;max-width:360px;height:9px;color:var(--gold-l);}
.jn-foot-mid{display:flex;align-items:center;gap:clamp(9px,1vw,15px);flex:none;}
.jn-foot-mid svg{flex:none;width:clamp(19px,1.7vw,27px);height:auto;color:var(--gold);}
.jn-foot-mid span{font-family:"Noto Serif JP",serif;font-weight:500;color:var(--navy);
  font-size:clamp(14px,1.3vw,21px);letter-spacing:.05em;white-space:nowrap;}
.jn-note{margin:clamp(20px,1.9vw,28px) 0 0;text-align:center;font-size:clamp(11.5px,.94vw,14px);
  line-height:1.9;color:#8e8674;}

@media(max-width:880px){
  .jn-deco{width:52%;opacity:.8;}
  .jn-cards{grid-template-columns:1fr;gap:34px;}
  .jn-card{padding:44px 20px 26px;}
  .jn-act{flex-direction:column;gap:22px;}
  .jn-act-l{width:100%;}
  .jn-btn{width:100%;}
  .jn-qr{width:150px;height:150px;margin-bottom:22px;}
  .jn-body{text-align:left;}
  .jn-ch h3{white-space:normal;}
  .jn-foot{flex-wrap:wrap;}
  .jn-foot svg.jn-hair{display:none;}
  .jn-foot-mid span{white-space:normal;text-align:center;}
  .jn-band-txt{letter-spacing:.1em;}
}

/* ===== 登録手順ガイド ===== */
.jn-steps-sec{width:100%;background:#fefcfa;padding:min(64px,4%) 0 min(74px,4.6%);}
.jn-steps{text-align:center;}
.jn-steps-cap{margin:0 0 22px;font-size:clamp(13px,1.05vw,16px);color:#4d5666;letter-spacing:.03em;}
.jn-steps-cap b{display:block;margin-bottom:9px;font-family:"Noto Serif JP",serif;font-weight:600;
  font-size:clamp(19px,1.75vw,28px);color:#1f375d;letter-spacing:.06em;}
.jn-steps-zoom{display:block;}
.jn-steps img{width:100%;max-width:1200px;height:auto;display:block;margin:0 auto;
  border:1px solid #e2d3b4;border-radius:10px;box-shadow:0 12px 36px rgba(80,62,30,.11);}
.jn-zoom-note{margin:12px 0 0;font-size:12.5px;color:#8b919b;letter-spacing:.02em;}
.jn-final-cta{margin:clamp(30px,3vw,46px) 0 0;}

/* ============================================================
   2026-09-07　PC版の文字サイズ統一（フォントサイズ統一ルール v2）
   中見出し32 / 本文18 / 注記15
   ============================================================ */
@media (min-width: 769px) {
  #incruises-join h3 { font-size: 32px; }
  .jn-variant { font-size: 18px; }
  #incruises-join figcaption { font-size: 15px; }
}

/* =========================================================================
   2026-09-10 追加：QRコードがiPad横（1024〜1180px）で87×87pxまで縮み、
   携帯（104px）より小さくなっていた。881〜1599pxの枠を、PC（1600px以上）と
   同じ168pxに固定する。QR画像は枠の78%なので131×131pxになり、PCと同じ大きさ。
   1600px以上は clamp の上限が168pxなので、PC版の見た目は変わらない。
   控えは /root/bk_join_pre_qr.css
   ========================================================================= */
@media (min-width:881px) and (max-width:1599px){
  .jn-qr{ width:168px; height:168px; }
}