/*
Theme Name: coq. Newsletter
Author: coralqualia
Description: ALO EasyMail 配信用の最小テーマ。公開するのはメルマガ記事プレビュー(single)と配信停止ページ(TOP/固定ページ)のみ。それ以外はTOPへ集約します。
Version: 1.0

*/

:root {
  --w: 680px;
  --fg: #1a1a1a;
  --muted: #8a8a8a;
  --accent: #0a8a5f;
}
* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;
  line-height: 1.85;
  color: var(--fg);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

.nl {
  max-width: var(--w);
  margin: 0 auto;
  padding: 56px 20px 96px;
}

.nl h1 {
  font-size: 1.45rem;
  line-height: 1.55;
  font-weight: 700;
  margin: 0 0 0.4em;
  letter-spacing: 0.02em;
}

.nl-meta {
  color: var(--muted);
  font-size: 0.85rem;
  margin: 0 0 2.4em;
}

.nl-body {
  font-size: 1rem;
}
.nl-body > :first-child {
  margin-top: 0;
}
.nl-body img {
  max-width: 100%;
  height: auto;
}
.nl-body a {
  color: var(--accent);
}

/* 配信停止フォーム（ALO EasyMail）の最小調整 */
.nl .easymail-subscription-form,
.nl #easymail-form {
  margin-top: 1em;
}

/* ===== ALO EasyMail 購読フォーム：見た目調整（レスポンシブ／機能は不変） ===== */
#alo_easymail_page {
  max-width: 460px;
  margin: 0 auto;
}

.alo_easymail_widget_form {
  padding: 24px 22px;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  background: #fff;
}

/* メール入力（table を縦積みに） */
.alo_easymail_form_table,
.alo_easymail_form_table tbody,
.alo_easymail_form_table tr,
.alo_easymail_form_table td {
  display: block;
  width: 100%;
}
.alo_easymail_form_table tr:empty {
  display: none;
}
.alo_easymail_form_table td {
  padding: 0;
}
.alo_easymail_form_table label {
  display: block;
  font-weight: 600;
  font-size: 0.95rem;
  margin: 0 0 0.4em;
}

.alo_easymail_widget_form .input-text {
  width: 100%;
  box-sizing: border-box;
  font-size: 16px; /* iOSの自動ズーム防止 */
  line-height: 1.5;
  padding: 0.7em 0.85em;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
}
.alo_easymail_widget_form .input-text:focus {
  outline: none;
  border-color: var(--accent, #0a8a5f);
  box-shadow: 0 0 0 3px rgba(10, 138, 95, 0.15);
}

/* メーリングリスト選択 */
.alo_easymail_lists_table {
  margin: 1.4em 0 0;
  font-size: 0.9rem;
  color: #555;
}
.alo_easymail_lists_table table,
.alo_easymail_lists_table tbody {
  display: block;
  width: 100%;
}
.alo_easymail_lists_table tr {
  display: flex;
  align-items: center;
  gap: 0.55em;
  margin: 0.55em 0 0;
}
.alo_easymail_lists_table td {
  padding: 0;
}
.alo_easymail_lists_table label {
  font-size: 0.95rem;
  color: #222;
  cursor: pointer;
}

/* チェックボックス（タップしやすく） */
.alo_easymail_widget_form .input-checkbox {
  width: 1.15em;
  height: 1.15em;
  flex: 0 0 auto;
  accent-color: var(--accent, #0a8a5f);
  cursor: pointer;
}

/* プライバシー同意 */
.alo_easymail_disclaimer {
  margin: 1.2em 0 0;
}
.alo_easymail_disclaimer label {
  display: flex;
  align-items: flex-start;
  gap: 0.55em;
  font-size: 0.82rem;
  line-height: 1.6;
  color: #666;
  cursor: pointer;
}

/* 送信ボタン */
.alo_easymail_widget_form .input-submit {
  display: block;
  width: 100%;
  margin: 1.5em 0 0;
  padding: 0.85em 1em;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background: var(--accent, #0a8a5f);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.15s ease;
  -webkit-appearance: none;
  appearance: none;
}
.alo_easymail_widget_form .input-submit:hover {
  opacity: 0.9;
}
.alo_easymail_widget_form .input-submit:active {
  transform: translateY(1px);
}

/* 成功・エラー時のメッセージ領域 */
#alo_easymail_widget_feedback:not(:empty) {
  margin: 0 0 1.2em;
  padding: 0.75em 0.9em;
  border-radius: 8px;
  font-size: 0.9rem;
  background: #f2f7f4;
  border: 1px solid #d6e6dd;
}

/* PCではボタンを横幅いっぱいにしない */
@media (min-width: 600px) {
  .alo_easymail_widget_form .input-submit {
    width: auto;
    min-width: 200px;
  }
}