@charset "UTF-8";

/* =========================================
   PC・タブレット表示用 (768px以上)
========================================= */
@media (min-width: 768px) {
  /* PC用表示切り替え */
  .sp-only { display: none !important; }
  .pc-only { display: block !important; }

  /* フォントサイズのPC用調整 */
  .hero-title { font-size: 4.5rem; }
  .hero-title-sub { font-size: 1.5rem; }
  .hero-lead { font-size: 1.25rem; }
  .intro-lead { text-align: center; }

  /* レイアウトのマルチカラム化 */
  .map-card-container { flex-direction: row; }
  .map-card-item { width: 50%; }

  .main-islands-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sub-islands-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ogasawara-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  
  .spot-grid, .gourmet-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .jet-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bigship-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .room-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .reasons-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .ship-box { padding: 3rem; }
  .photo-gallery { padding: 2.5rem; }
}

/* 1024px以上の追加調整 */
@media (min-width: 1024px) {
  .sub-islands-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}