/* ============================================================
   Meluva LP - Custom styles (used alongside Tailwind CDN preflight)
   ============================================================ */

/* Base
   ------------------------------------------------------------ */
body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  line-height: 1.4;
  background: #fff;
  color: #333;
}

/* LP Container
   ------------------------------------------------------------
   元LP規則:
     - SP/中間幅: 100%幅で画像高解像度版(751px)を表示
     - PC (>=768px): 中央 640px固定 + 両側 box-shadow
*/
.lp-container {
  max-width: 750px;
  margin: 0 auto;
  background: #fff;
}

@media (min-width: 768px) {
  .lp-container {
    max-width: 640px;
    box-shadow:
      16px 0 15px -15px rgba(0, 0, 0, 0.5),
      -16px 0 15px -15px rgba(0, 0, 0, 0.5);
  }
}

/* Section base
   ------------------------------------------------------------ */
.section img {
  width: 100%;
  height: auto;
  display: block;
}