/* === JapanCPAP 商品ページ共通デザイン（v2026-06-10u） ===
   全クラスに jcpap- 接頭辞。ラッパー .jcpap-item は全商品共通。
   ※ここには見た目だけ。価格・型番など商品固有の値は書かない。 */

.jcpap-item{
  --green-900:#0E4D2E; --green-800:#13633B; --green-700:#1B7A43; --green-600:#239A55;
  --green-500:#2EB36A; --green-100:#D6EEDF; --green-50:#EAF6EF; --gold:#F2A516;
  --price:#E0341E; --ink:#1f2a24; --muted:#5d6b63; --line:#dfe7e1; --card:#fff;
  --radius:14px; --shadow:0 6px 24px rgba(14,77,46,.10);
  --jp:'Hiragino Kaku Gothic ProN','Hiragino Sans','BIZ UDPGothic','Yu Gothic','Meiryo',sans-serif;
  font-family:var(--jp); color:var(--ink); line-height:1.7; font-size:15px;
  -webkit-font-smoothing:antialiased;
  /* テーマの本文幅をそのまま使う（カードとして浮かせない） */
  max-width:none; margin:0; padding:0; width:100%;
}

/* テーマ初期スタイルに負けないための最小リセット（ラッパー内のみ） */
.jcpap-item h1,.jcpap-item h2,.jcpap-item h3,.jcpap-item h4,.jcpap-item h5{margin:0;padding:0;border:0;line-height:1.35;}
.jcpap-item p{margin:0;}
.jcpap-item ul,.jcpap-item ol{margin:0;padding:0;}
.jcpap-item table{border-collapse:collapse;}
.jcpap-item a{color:inherit;text-decoration:none;}
.jcpap-item select{font-family:inherit;}

.jcpap-item *{box-sizing:border-box;}
.jcpap-item img{max-width:100%;display:block;}
.jcpap-item a{color:inherit;text-decoration:none;}

.jcpap-item .jcpap-crumb{font-size:12px;color:var(--muted);padding:12px 0;}
.jcpap-item .jcpap-crumb span{color:var(--green-700);}

/* ヒーローは背景に馴染ませる（カードとして浮かせない） */
.jcpap-item .jcpap-hero{background:transparent;border-radius:0;box-shadow:none;padding:0;margin-bottom:24px;}

/* 上部見出しバー：左に「魅力は…」「XTオート」「★」、右に承認番号 */
.jcpap-item .jcpap-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;}
.jcpap-item .jcpap-topbar-main{min-width:0;}
.jcpap-item .jcpap-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}

.jcpap-item .jcpap-gallery .jcpap-mainimg{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;}
.jcpap-item .jcpap-gallery .jcpap-mainimg img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:14px;}
.jcpap-item .jcpap-thumbs{display:flex;gap:8px;margin-top:10px;}
.jcpap-item .jcpap-thumbs img{width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:8px;padding:4px;background:#fff;cursor:pointer;transition:.15s;}
.jcpap-item .jcpap-thumbs img:hover{border-color:var(--green-500);transform:translateY(-2px);}

.jcpap-item .jcpap-title{font-size:30px;font-weight:800;margin:2px 0 6px;color:var(--green-900);}
.jcpap-item .jcpap-catch{display:inline-block;background:var(--green-50);color:var(--green-700);font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px;border:1px solid var(--green-100);}
.jcpap-item .jcpap-stars{display:flex;align-items:center;gap:8px;margin:14px 0 8px;font-size:13px;color:var(--muted);}
.jcpap-item .jcpap-stars .jcpap-star{color:#FFB400;font-size:18px;letter-spacing:2px;}
.jcpap-item .jcpap-approval{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:4px 8px;display:inline-block;white-space:nowrap;align-self:flex-start;}

.jcpap-item .jcpap-pricebox{margin-top:0;border:2px solid var(--green-100);border-radius:12px;overflow:hidden;}
.jcpap-item .jcpap-pb-top{background:var(--green-50);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;}
.jcpap-item .jcpap-normal{color:var(--muted);font-size:13px;}
.jcpap-item .jcpap-normal s{font-size:15px;}
.jcpap-item .jcpap-pointbadge{background:linear-gradient(180deg,#FFC23D,var(--gold));color:#5a3b00;font-weight:800;font-size:13px;padding:6px 12px;border-radius:8px;box-shadow:0 2px 0 #cf8d00;}
.jcpap-item .jcpap-pb-main{padding:16px;}
.jcpap-item .jcpap-discount{color:var(--price);font-weight:800;font-size:14px;}
.jcpap-item .jcpap-finalrow{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.jcpap-item .jcpap-finalrow .jcpap-lbl{font-weight:800;background:var(--price);color:#fff;font-size:13px;padding:3px 9px;border-radius:6px;}
.jcpap-item .jcpap-final{color:var(--price);font-weight:800;font-size:46px;line-height:1.05;}
.jcpap-item .jcpap-taxnote{font-size:14px;font-weight:700;color:var(--muted);}
.jcpap-item .jcpap-final .jcpap-yen{font-size:22px;}
.jcpap-item .jcpap-taxin{color:var(--muted);font-size:13px;margin-top:2px;}
.jcpap-item .jcpap-pb-perks{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.jcpap-item .jcpap-perk{font-size:12px;font-weight:700;color:var(--green-800);background:var(--green-50);border:1px solid var(--green-100);border-radius:999px;padding:4px 10px;}
.jcpap-item .jcpap-splitpay{margin-top:10px;font-size:12px;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:8px;padding:8px 12px;}
.jcpap-item .jcpap-splitpay b{color:var(--ink);}

.jcpap-item .jcpap-cta{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
.jcpap-item .jcpap-btn{flex:1;min-width:180px;text-align:center;font-weight:800;border-radius:12px;padding:18px;font-size:21px;cursor:pointer;border:none;transition:.18s;text-decoration:none!important;}
.jcpap-item .jcpap-btn-primary{background:linear-gradient(180deg,var(--green-500),var(--green-700));color:#fff;box-shadow:0 4px 0 var(--green-900),var(--shadow);}
.jcpap-item .jcpap-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--green-900),var(--shadow);}
.jcpap-item .jcpap-btn-cart{background:linear-gradient(180deg,#EF5240,#D9342B);color:#fff;box-shadow:0 4px 0 #aa2419,var(--shadow);}
.jcpap-item .jcpap-btn-cart:hover{transform:translateY(-2px);box-shadow:0 6px 0 #aa2419,var(--shadow);}

.jcpap-item .jcpap-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;}
.jcpap-item .jcpap-trust .jcpap-trust-item{background:var(--card);border:1px solid var(--green-100);border-radius:12px;padding:14px 10px;text-align:center;box-shadow:var(--shadow);}
.jcpap-item .jcpap-trust .jcpap-ic{width:42px;height:42px;border-radius:50%;background:var(--green-50);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:var(--green-700);}
.jcpap-item .jcpap-trust .jcpap-ic svg{width:22px;height:22px;}
.jcpap-item .jcpap-trust .jcpap-tt{font-weight:800;font-size:13px;color:var(--green-800);}
.jcpap-item .jcpap-trust .jcpap-ts{font-size:11px;color:var(--muted);margin-top:2px;}

.jcpap-item .jcpap-tabs{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:12px;display:flex;gap:8px;overflow:auto;margin-bottom:18px;padding:10px;box-shadow:var(--shadow);}
.jcpap-item .jcpap-tabs a{flex:1;text-align:center;white-space:nowrap;padding:10px 14px;font-weight:700;font-size:14px;color:var(--green-800);background:var(--green-50);border:1px solid var(--green-100);border-radius:8px;text-decoration:none!important;transition:.15s;}
.jcpap-item .jcpap-tabs a:hover{background:var(--green-100);border-color:var(--green-500);}

.jcpap-item .jcpap-sec{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin-bottom:18px;}
.jcpap-item .jcpap-sectitle{font-size:21px;font-weight:800;color:var(--green-900);margin:0 0 12px;display:flex;align-items:center;gap:10px;}
.jcpap-item .jcpap-sectitle::before{content:"";width:6px;height:24px;background:linear-gradient(var(--green-500),var(--green-700));border-radius:3px;}

/* YouTube動画（16:9レスポンシブ） */
.jcpap-item .jcpap-video{position:relative;width:100%;max-width:760px;margin:0 auto;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;}
.jcpap-item .jcpap-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.jcpap-item .jcpap-videocap{text-align:center;color:var(--muted);font-size:13px;margin-top:12px;}

.jcpap-item .jcpap-feature{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:center;padding:18px 0;border-bottom:1px dashed var(--line);}
.jcpap-item .jcpap-feature:first-child{padding-top:4px;}
.jcpap-item .jcpap-feature:last-child{border-bottom:none;}
.jcpap-item .jcpap-fnum{width:54px;height:54px;border-radius:12px;background:linear-gradient(var(--green-500),var(--green-700));color:#fff;font-weight:800;font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);}
.jcpap-item .jcpap-ftitle{font-size:18px;font-weight:800;color:var(--green-800);margin:0 0 6px;}
.jcpap-item .jcpap-ftext{font-size:14px;color:#37433d;}
.jcpap-item .jcpap-fimg img{border-radius:12px;border:1px solid var(--line);width:100%;aspect-ratio:4/3;object-fit:cover;background:#fff;}

.jcpap-item .jcpap-reco{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.jcpap-item .jcpap-reco .jcpap-reco-item{background:var(--green-50);border:1px solid var(--green-100);border-radius:12px;padding:18px;}
.jcpap-item .jcpap-reco .jcpap-rh{font-weight:800;color:var(--green-800);font-size:15px;margin-bottom:8px;display:flex;gap:8px;align-items:flex-start;}
.jcpap-item .jcpap-reco .jcpap-chk{color:var(--green-600);flex:none;margin-top:2px;}
.jcpap-item .jcpap-reco .jcpap-rt{font-size:13px;color:#37433d;}

.jcpap-item .jcpap-perks{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;margin-top:20px;}
.jcpap-item .jcpap-perkcard{position:relative;border:2px solid var(--gold);border-radius:14px;padding:16px 20px 18px;background:#FFFDF6;}
.jcpap-item .jcpap-perkcard .jcpap-tag{position:absolute;top:-13px;left:18px;background:var(--gold);color:#5a3b00;font-weight:800;font-size:13px;padding:4px 12px;border-radius:8px;}
.jcpap-item .jcpap-perkcard h4{margin:2px 0 8px;font-size:18px;line-height:1.4;color:#9a6b00;}
.jcpap-item .jcpap-perkcard p{font-size:15px;line-height:1.75;color:#4a3f1f;margin:0;}

.jcpap-item .jcpap-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}

/* 購入の流れ：横長イラスト1枚＋注意書き（スマホでも横並びのまま縮小） */
.jcpap-item .jcpap-flow img{display:block;width:100%;max-width:720px;height:auto;margin:0 auto;}
.jcpap-item .jcpap-flownotes{list-style:disc;margin:18px auto 0;padding-left:1.5em;max-width:760px;font-size:15px;line-height:1.75;color:#2b352f;}
.jcpap-item .jcpap-flownotes li{margin:4px 0;}
.jcpap-item .jcpap-step{position:relative;text-align:center;padding:18px 14px;}
.jcpap-item .jcpap-step .jcpap-circle{width:64px;height:64px;border-radius:50%;border:3px solid var(--green-500);color:var(--green-700);font-weight:800;font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:var(--green-50);}
.jcpap-item .jcpap-step h5{margin:0 0 4px;font-size:15px;color:var(--green-800);}
.jcpap-item .jcpap-step p{margin:0;font-size:12px;color:var(--muted);}
.jcpap-item .jcpap-step:not(:last-child)::after{content:"\203A";position:absolute;right:-6px;top:36px;font-size:34px;color:var(--green-500);}

.jcpap-item table.jcpap-spec{width:100%;border-collapse:collapse;font-size:14px;}
.jcpap-item table.jcpap-spec th,.jcpap-item table.jcpap-spec td{border:1px solid var(--line);padding:12px 14px;text-align:left;}
.jcpap-item table.jcpap-spec th{background:var(--green-50);color:var(--green-800);width:34%;font-weight:700;}
.jcpap-item .jcpap-contents{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.jcpap-item .jcpap-contents li{background:var(--green-50);border:1px solid var(--green-100);border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;color:var(--green-800);display:flex;gap:8px;align-items:center;}
.jcpap-item .jcpap-contents li.jcpap-contents-wide{grid-column:1/-1;align-items:flex-start;line-height:1.7;}
.jcpap-item .jcpap-contents li.jcpap-contents-wide .jcpap-chk{margin-top:3px;}
.jcpap-item .jcpap-contents li.jcpap-contents-wide b{color:var(--price);}
.jcpap-item .jcpap-contents .jcpap-chk{color:var(--green-600);}

.jcpap-item .jcpap-reviews{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;}
.jcpap-item .jcpap-rev{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;display:flex;gap:16px;align-items:flex-start!important;}
.jcpap-item .jcpap-rev img{width:92px;height:92px;border-radius:10px;object-fit:cover;flex:none;align-self:flex-start!important;margin:0!important;}
.jcpap-item .jcpap-rev > div{margin:0!important;padding:0!important;align-self:flex-start!important;flex:1;min-width:0;}
.jcpap-item .jcpap-rev .jcpap-rs{color:#FFB400;font-size:16px;letter-spacing:1px;line-height:1!important;margin:0 0 8px 0!important;padding:0!important;}
.jcpap-item .jcpap-rev h5{margin:0 0 8px 0!important;padding:0!important;font-size:16px;line-height:1.45;color:var(--green-900);}
.jcpap-item .jcpap-rev .jcpap-who{font-size:13px;line-height:1.6;color:var(--muted);margin:0!important;padding:0!important;}

.jcpap-item .jcpap-orderform{display:grid;grid-template-columns:280px 1fr;gap:24px;}
.jcpap-item .jcpap-orderform .jcpap-oimg img{border:1px solid var(--line);border-radius:12px;background:#fff;}
.jcpap-item .jcpap-field{margin-bottom:16px;}
.jcpap-item .jcpap-field label{display:block;font-weight:800;font-size:13px;color:var(--green-800);margin-bottom:6px;}
.jcpap-item .jcpap-field select{width:100%;padding:13px 42px 13px 14px!important;border:1px solid var(--line)!important;border-radius:10px!important;font-size:15px!important;font-family:var(--jp)!important;color:var(--ink)!important;background-color:#fff!important;cursor:pointer;text-indent:0!important;height:auto!important;line-height:1.4!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%231B7A43' d='M0 0h12L6 8z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px 8px!important;}
.jcpap-item .jcpap-field select option{color:var(--ink);background:#fff;}
.jcpap-item .jcpap-ototal{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin:8px 0 4px;flex-wrap:wrap;}
.jcpap-item .jcpap-ototal .jcpap-osub{font-size:14px;font-weight:800;color:var(--ink);}
.jcpap-item .jcpap-ototal .jcpap-final{font-size:38px;}
.jcpap-item .jcpap-ototal .jcpap-otax{font-size:12px;color:var(--muted);}
.jcpap-item .jcpap-stockok{text-align:right;font-size:12px;color:var(--green-700);font-weight:700;}

.jcpap-item .jcpap-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.jcpap-item .jcpap-cc{border:1px solid var(--green-100);border-radius:12px;padding:18px;text-align:center;background:var(--green-50);}
.jcpap-item .jcpap-cc .jcpap-ic{width:46px;height:46px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:var(--green-700);box-shadow:var(--shadow);}
.jcpap-item .jcpap-cc .jcpap-lbl{font-weight:800;color:var(--green-800);font-size:15px;}
.jcpap-item .jcpap-cc .jcpap-sub{font-size:12px;color:var(--muted);margin:2px 0 8px;}
.jcpap-item .jcpap-cc .jcpap-val{font-weight:800;color:var(--green-700);font-size:18px;}

.jcpap-item .jcpap-note{font-size:11px;color:var(--muted);margin-top:10px;}
.jcpap-item .jcpap-lead{margin-top:-6px;color:#37433d;font-size:14px;}

@media(max-width:820px){
  .jcpap-item .jcpap-head{grid-template-columns:1fr;}
  .jcpap-item .jcpap-feature{grid-template-columns:1fr;}
  .jcpap-item .jcpap-feature .jcpap-fimg{grid-column:1/-1;}
}
@media(max-width:760px){
  .jcpap-item .jcpap-reco{grid-template-columns:1fr;}
  .jcpap-item .jcpap-orderform{grid-template-columns:1fr;}
  .jcpap-item .jcpap-topbar{flex-direction:column;align-items:stretch;gap:10px;}
  .jcpap-item .jcpap-catch{align-self:flex-start;}
  .jcpap-item .jcpap-title{font-size:26px;}
  .jcpap-item .jcpap-approval{white-space:normal;align-self:flex-start;}
}
@media(max-width:680px){
  .jcpap-item .jcpap-sec{padding:20px 12px;}
  .jcpap-item .jcpap-trust{grid-template-columns:repeat(2,1fr);}
  .jcpap-item .jcpap-perks{grid-template-columns:1fr;}
  .jcpap-item .jcpap-steps{grid-template-columns:1fr;}
  .jcpap-item .jcpap-step:not(:last-child)::after{content:"";}
  .jcpap-item .jcpap-contents{grid-template-columns:1fr;}
  .jcpap-item .jcpap-reviews{grid-template-columns:1fr;}
  .jcpap-item .jcpap-contact{grid-template-columns:1fr;}
  .jcpap-item .jcpap-feature{grid-template-columns:1fr;gap:12px;align-items:start;}
}

/* === 読みやすさ調整（40〜60代向け：文字大きめ・コントラスト強め） === */
.jcpap-item{color:#1a241f;--muted:#4a554e;}              /* 本文を濃く、補足テキストも濃いグレーに */
.jcpap-item{font-size:16px;line-height:1.8;}             /* 基準を一段大きく */
.jcpap-item .jcpap-ftext{font-size:16px;line-height:1.85;color:#2b352f;}
.jcpap-item .jcpap-rt{font-size:15px;line-height:1.7;color:#2b352f;}
.jcpap-item .jcpap-lead{font-size:16px;line-height:1.8;color:#2b352f;}
.jcpap-item .jcpap-contents li{font-size:15px;}
.jcpap-item table.jcpap-spec th,.jcpap-item table.jcpap-spec td{font-size:15px;}
.jcpap-item .jcpap-perk{font-size:13px;}
.jcpap-item .jcpap-note{font-size:13px;line-height:1.65;}
.jcpap-item .jcpap-tabs a{font-size:14px;}
.jcpap-item .jcpap-taxin{font-size:14px;}