/* ============================================================
   soukyu.com「無料メルマガ」試作 v1
   本番 https://soukyu.com/mailmagazine/ の本文をそのまま使用
   ============================================================ */
body {
  font-family: 'Noto Serif JP', serif;
  background: var(--bg);
  color: var(--sumi);
  overflow-x: hidden;
}

.soukyu-page {
  max-width: 880px;
  margin: 0 auto;
  padding: 56px clamp(24px, 5vw, 72px) 90px;
}
.sec-label {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.3em;
  color: var(--shu);
  margin-bottom: 14px;
}
.sec-label::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--shu);
  margin-right: 10px;
  vertical-align: middle;
}
h1 {
  font-size: clamp(34px, 4.4vw, 48px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.55;
  margin-bottom: 20px;
}
.page-lead {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: clamp(16px, 1.35vw, 17.5px);
  line-height: 2.1;
  color: #4a4a46;
  margin-bottom: 36px;
}

/* ---- 特典PDFプレースホルダー ---- */
.gift-visual {
  aspect-ratio: 16 / 9.5;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #eeedea;
  margin-bottom: 40px;
  background: var(--cream);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  color: #b6ae9b;
  text-align: center;
  line-height: 1.8;
}
.gift-visual img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---- 本文セクション ---- */
.entry { margin-bottom: 56px; }
.entry h2 {
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}
.entry h2::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background: var(--shu);
  margin-top: 10px;
  margin-bottom: 22px;
}
.entry p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: clamp(16px, 1.35vw, 17.5px);
  line-height: 2.1;
  color: #4a4a46;
  margin-bottom: 16px;
}
.entry p:last-child { margin-bottom: 0; }

/* ---- CTA ---- */
.cta-block { text-align: center; background: var(--cream); border-radius: 18px; padding: 44px 24px; margin-bottom: 48px; }
.cta-block p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: clamp(16px, 1.35vw, 17px);
  line-height: 2;
  color: #4a4a46;
  margin-bottom: 24px;
}
.cta-block .is-disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

/* ---- メルマガ登録フォーム（マイスピー埋め込み） ----
   フォーム自体（<form>〜</form>）のHTMLは一切変更しないため、
   マイスピー側のデフォルトクラス・要素セレクタでスタイルを当てる。 */
.mailmagazine-form-embed {
  max-width: 520px;
  margin: 0 auto;
  text-align: left;
}
.mailmagazine-form-embed .my_column {
  display: block;
}
.mailmagazine-form-embed label {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #4a4a46;
  margin-bottom: 8px;
}
.mailmagazine-form-embed input[type="text"] {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border: 1px solid #d9d2c0;
  border-radius: 8px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  color: var(--sumi);
  background: #fff;
  margin-bottom: 20px;
}
.mailmagazine-form-embed .form_input_submit {
  text-align: center;
}
.mailmagazine-form-embed input[type="submit"] {
  display: inline-block;
  padding: 14px 40px;
  border-radius: 999px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  background: #fff;
  color: var(--sumi);
  border: 2px solid var(--sumi);
  cursor: pointer;
  transition: transform 0.2s, background 0.2s, color 0.2s;
}
.mailmagazine-form-embed input[type="submit"]:hover {
  background: var(--sumi);
  color: #fff;
  transform: translateY(-2px);
}

.mailmagazine-form-note {
  max-width: 520px;
  margin: 28px auto 0;
  text-align: left;
}
.mailmagazine-form-note p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13.5px;
  line-height: 1.9;
  color: #8a8378;
  margin-bottom: 10px;
}
.mailmagazine-form-note ul {
  margin: 0 0 10px;
  padding-left: 1.3em;
}
.mailmagazine-form-note li {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  line-height: 1.8;
  color: #8a8378;
  margin-bottom: 6px;
}
.mailmagazine-form-note li:last-child {
  margin-bottom: 0;
}

@media (max-width: 700px) {
  .soukyu-page { padding: 36px 20px 64px; }
}