@charset "UTF-8";

/* ==========================================
   スマートフォン用 共通レイアウト基盤
   ========================================== */
@media screen and (max-width: 768px) {

  /* 1. 画面全体のはみ出し防止 & 初期化 */
  html, body {
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
  }

  /* 2. ページ全体のコンテナ（全体中央寄せ） */
  body > div {
    width: 92%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  /* 3. ナビゲーション共通中央揃え */
  nav {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  nav ul {
    padding-left: 0;
    justify-content: center;
  }

  /* 4. 画像の共通レスポンシブ設定 */
  img {
    max-width: 100%;
    height: auto;
  }

}