@charset "UTF-8";
/* =========================================
  RESET.CSS — strong + iOS-safe + no-dark-mode + etc
========================================= */
html {
  /* ---- ダークモード無効化 ---- */
  color-scheme: only light;
  /* ---- カラーパレットの強制を拒否 ---- */
  forced-color-adjust: none;
  /* ---- iPhone safari が勝手にフォントサイズを変えるのを抑制 ---- */
  -webkit-text-size-adjust: 100%;
}

/* ---- 基本リセット ---- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

/* ---- メディア ---- */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* ---- テキスト ---- */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* ---- リスト ---- */
ul,
ol {
  list-style: none;
}

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

/* ---- テーブル ---- */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* =========================================
   FORM ELEMENTS — iOS-safe & simple
========================================= */
input,
textarea,
select,
button {
  font: inherit;
  color: inherit;
  background: none;
  border: 1px solid #333;
  padding: 0;
  margin: 0;
  outline: none;
  /* フォームスタイルリセット ===== 
  -moz-appearance: none;
      appearance: none;
  -webkit-appearance: none;
  ===== フォームスタイルリセット */
}

/* iOS の input 16px 強制対策 */
input,
textarea,
select {
  font-size: inherit;
}

/* ボタンは最低限の操作性だけ残す */
button {
  cursor: pointer;
}

/* テキストエリアは縦方向だけリサイズ許可 */
textarea {
  resize: vertical;
}

/* select の矢印を完全に消す（デザイン側で作る前提） */
select {
  background: none;
}

/* ---- autofill 対策（iOS/Chrome） ---- */
input:-webkit-autofill {
  -webkit-transition: background-color 9999s;
  transition: background-color 9999s;
  -webkit-text-fill-color: inherit;
}

/* ---- disabled ---- */
input:disabled,
button:disabled,
select:disabled,
textarea:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ---- iOS の tap highlight ---- */
* {
  -webkit-tap-highlight-color: transparent;
}

/* ---- iOSでのデフォルトアイコンを非表示にする ---- */
details summary {
  list-style: none;
  /* リストスタイルの削除 */
}

/* ---- Safari特有のデフォルトマーカーを非表示にする */
summary::-webkit-details-marker {
  display: none;
}

@media screen and (max-width: 767px) {
  _::-webkit-full-page-media,
  _:future,
  :root input,
  _::-webkit-full-page-media,
  _:future,
  :root select,
  _::-webkit-full-page-media,
  _:future,
  :root textarea {
    color: initial !important;
    font-size: initial !important;
    /* ↑ iPhone safari の変なスタイルを上書きで無効化 */
  }
}