/* サイドバーなしテンプレート用カスタムCSS */
/* ここにスタイルを追加してください */



/* 例: メインコンテンツ幅の調整 a */
.no-sidebar .main-content {
  max-width: 100%;
  margin: 0 auto;
}
/* タイトル文字赤 */
.wp_media_list_tit {
    color: red;
}

body {
width: 100%;
overflow: hidden;
min-width: 1240px;
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #1b1b1b;
-webkit-text-size-adjust: 100%;
margin: 15px auto;
background: #fff;
font-size:16px;
line-height: 1.7;
  }



  a {
    text-decoration: none;
    color: #bb0019;
  }

  img {
    max-width: 100%;
  }
.container{
  max-width: 1000px;     /* 上限を1000pxに */
  width: 100%;           /* 画面が小さい時は縮む */
  margin-inline: auto;   /* 中央寄せ */
  padding-inline: 16px;  /* 端がくっつかないよう余白（お好みで） */
  box-sizing: border-box;
}

h2 {
margin:20px 0px;
font-size :30px;
font-weight:bold;
    padding: 0.25em 0.5em;
    color: #0d0d0d;
    background: transparent;
    background: #fff;
    border-left: solid 5px #D9D9D9;
}

p{
padding-top:10px;
}

.conversion_button {
width:100%;
margin:60px 0px;
text-align:center;
}

h3 {
font-size :18px;
border-bottom: 4px solid #dedede;
width:100%;
padding:20px 10px 5px 10px;
}
/* ===== モバイル最適化リセット（既存上書き） ===== */
html, body {
  margin: 0;
  padding: 0;
}

body {
  /* モバイルで横スクロール不能になる問題を解除 */
  min-width: auto !important;
  overflow-x: hidden !important;

  /* 読みやすい可変フォントサイズと行間 */
  font-size: clamp(15px, 3.8vw, 16px);
  line-height: 1.8;
  margin: 0 auto; /* 既存の 15px auto をリセット */
  -webkit-text-size-adjust: 100%;
}

/* コンテンツ幅と余白（スマホ→タブ→PCの順に広げる） */
.container {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding-inline: 16px;
  margin-inline: auto;
}

/* 画像は横幅にフィット・縦横比維持・段落内で浮かないように */
.container img,
img.alignnone,
img.size-full,
img.size-medium {
  display: block;
  max-width: 100% !important;
  width: 100%;
  height: auto !important;
}

/* 見出しの可変サイズ */
h2 {
  margin: 16px 0;
  font-size: clamp(20px, 5.5vw, 28px);
  line-height: 1.35;
  padding: 0.25em 0.5em;
  border-left: 5px solid #D9D9D9;
}

h3 {
  font-size: clamp(16px, 4.5vw, 20px);
  line-height: 1.4;
  padding: 16px 8px 6px 8px;
  border-bottom: 4px solid #dedede;
  width: 100%;
}

/* 段落の上余白を控えめに */
p {
  padding-top: 8px;
  margin: 0;
}

/* リンクのアクセシビリティ（色だけに依存しない） */
a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* CVボタン：押しやすいタップ領域・中央寄せ・はみ出し防止 */
.conversion_button {
  width: 100%;
  margin: 24px 0;
  text-align: center;
}
.conversion_button .cta {
  display: inline-block;
  width: min(100%, 520px);
}
.conversion_button img {
  width: 100% !important;
  height: auto !important;
  border-radius: 6px;
}

/* ===== 画面幅に応じた段階的な調整 ===== */
@media (min-width: 480px) {
  body { font-size: clamp(15px, 2.8vw, 16px); }
  .container { padding-inline: 20px; }
}

@media (min-width: 768px) {
  .container { padding-inline: 24px; max-width: 720px; }
  h2 { font-size: 28px; }
  h3 { font-size: 18px; }
}

@media (min-width: 1024px) {
  .container { max-width: 1000px; }
  body { font-size: 16px; }
}

/* ===== オプション：下部に常時表示の固定CTA（スマホのみ） ===== */
/* 使う場合は、該当のCTAに .cta-sticky を追加してください */
@media (max-width: 767.98px) {
  .cta-sticky {
    position: fixed;
    left: 12px; right: 12px; bottom: 12px;
    z-index: 1000;
    display: block;
    width: auto; /* 左右余白で自動調整 */
    box-shadow: 0 6px 20px rgba(0,0,0,.15);
    border-radius: 10px;
    overflow: hidden;
  }
  .cta-sticky img { display: block; width: 100%; height: auto; }
  /* 画面下にCTAが乗る分、本文の最下部に余白を追加 */
  body { padding-bottom: 84px; }
}

/* スマホで下までスクロールできない問題の修正 */
html, body {
  height: auto !important;
}

body {
  overflow-x: hidden !important; /* 横は隠す */
  overflow-y: auto !important;   /* 縦はスクロール許可 */
  -webkit-overflow-scrolling: touch; /* iOSの慣性スクロール */
}