/* =========================================
   SchoolYell Contest
   共通設定
========================================= */

/* ---------- カラー ---------- */
:root{
  /* ========= メインカラー ========= */
  --color-main:#9DBB3D;          /* 基本 */
  --color-main-dark:#7FA12F;     /* 濃い */
  --color-main-light:#C8DEA0;    /* 薄い */
  --color-main-pale:#F5FAEC;     /* とても薄い */

  /* ========= アクセント ========= */
  --color-accent:#FF9B38;
  --color-accent-light:#FFD6A9;

  /* ========= 背景 ========= */
  --color-bg:#FFFDF7;
  --color-surface:#FFFFFF;
  --color-surface-sub:#FAFAF7;

  /* ========= 文字 ========= */
  --color-text:#555555;
  --color-text-light:#777777;
  --color-heading:#3E4A2C;

  /* ========= 枠線 ========= */
  --color-border:#DDDDDD;
  --color-border-light:#EEEEEE;
  --color-border-main:#C8DEA0;

    /* ========= 状態色 ========= */
  --color-error:#E4333F;
  --color-error-bg:#FDECEC;
  --color-error-light:#FFF5F5;
  --color-success:#4CAF50;
  --color-success-bg:#EAF7E8;

  /* ========= 影 ========= */
  --shadow:0 4px 12px rgba(0,0,0,.08);
  --shadow-lg:0 8px 24px rgba(0,0,0,.08);

  /* ========= 角丸 ========= */
  --radius:10px;
  --radius-sm:5px;
  --radius-lg:20px;

  /* ========= フォーカス ========= */
  --focus-ring:0 0 0 4px rgba(157,187,61,.20);
  --focus-ring-error:0 0 6px rgba(228,51,63,.30);

  --color-white:#FFFFFF;    /* 白 */
}


/* ---------- 共通 ---------- */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:var(--color-bg);
    color:var(--color-text);
    font-family:
        "Noto Sans JP",
        "Yu Gothic",
        sans-serif;
    line-height:1.7;
}

/* ---------- リンク ---------- */
a{
    color:inherit;
    text-decoration:none;
}

/* ---------- イメージ ---------- */
img{
    max-width:100%;
    display:block;
}

/* ---------- ボタン ---------- */
.btn{

    display:inline-block;
    padding:14px 24px;
    background:var(--color-accent);
    color:white;
    border-radius:var(--radius);
    border:none;
    cursor:pointer;
    transition:.3s;
    white-space: nowrap;   /* ←追加 */
}

.btn:hover{
    opacity:.7;
}

/* --------------------------
   ボタン無効時
-------------------------- */
button:disabled,
.btn:disabled {
    background: var(--color-border);
    color: var(--color-text-light);
    cursor: wait;
    opacity: 0.8;
    transform: none;
    box-shadow: none;
    pointer-events: none;
}

button:disabled:hover,
.btn:disabled:hover {
    transform: none;
    box-shadow: none;
}



/* ---------- 注意書き ---------- */
.notice {
  font-size: 12px;
}

/* ---------- 折り返さない ---------- */
.nowrap {
    white-space: nowrap;
}