/* くまっけJAPANポータル：画像は空欄のまま整える上書き */

#kumakke-portal {
  max-width: none !important;
  width: 100% !important;
  background: #fff7ed !important;
}

/* テーマ側の本文幅に引っ張られすぎないようにする */
#kumakke-portal .kumakke-portal-wrap,
#kumakke-portal .kumakke-portal-hero {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ヒーローを画像依存の重ね表示から、通常のLP構成に変更 */
#kumakke-portal .kumakke-portal-hero {
  min-height: auto !important;
  padding: 48px 24px !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 48%, #fb923c 100%) !important;
  box-shadow: 0 24px 60px rgba(194, 65, 12, 0.16) !important;
  display: grid !important;
  gap: 28px !important;
}

/* 画像が未設定でも、壊れたアイコンを目立たせない */
#kumakke-portal img[src*="example.com"] {
  visibility: hidden !important;
}

/* 画像枠は空欄で残す */
#kumakke-portal .kumakke-portal-hero-visual,
#kumakke-portal .kumakke-portal-photo-card,
#kumakke-portal .kumakke-portal-wide-visual,
#kumakke-portal .kumakke-portal-feature-visual,
#kumakke-portal .kumakke-portal-image-link {
  background: #fff3e6 !important;
  border: 1px solid rgba(194, 65, 12, 0.16) !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 40px rgba(107, 53, 11, 0.10) !important;
  overflow: hidden !important;
}

/* ヒーロー画像枠 */
#kumakke-portal .kumakke-portal-hero-visual {
  aspect-ratio: 16 / 8 !important;
  min-height: 220px !important;
  margin: 0 !important;
}

/* 画像の上に文字を重ねない */
#kumakke-portal .kumakke-portal-hero-visual::after,
#kumakke-portal .kumakke-portal-hero-visual::before {
  display: none !important;
}

/* ヒーロー文字を下に正常配置 */
#kumakke-portal .kumakke-portal-hero-content {
  margin: 0 !important;
  color: #2b1b12 !important;
  max-width: 760px !important;
  position: relative !important;
  z-index: 2 !important;
}

#kumakke-portal .kumakke-portal-hero-content .kumakke-portal-kicker {
  color: #c2410c !important;
}

#kumakke-portal .kumakke-portal-title {
  color: #2b1b12 !important;
  font-size: clamp(36px, 7vw, 76px) !important;
  line-height: 1.05 !important;
}

#kumakke-portal .kumakke-portal-title strong {
  color: #c2410c !important;
}

#kumakke-portal .kumakke-portal-lead {
  color: rgba(43, 27, 18, 0.76) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* ナビを整える */
#kumakke-portal .kumakke-portal-hero-nav {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

#kumakke-portal .kumakke-portal-hero-nav a {
  background: #ffffff !important;
  border: 1px solid rgba(194, 65, 12, 0.18) !important;
  color: #c2410c !important;
  box-shadow: 0 8px 20px rgba(107, 53, 11, 0.08) !important;
}

/* セクションの見た目を整理 */
#kumakke-portal .kumakke-portal-section {
  padding: 64px 0 !important;
}

#kumakke-portal .kumakke-portal-copy-card,
#kumakke-portal .kumakke-portal-news-card,
#kumakke-portal .kumakke-portal-schedule-card,
#kumakke-portal .kumakke-portal-feature,
#kumakke-portal .kumakke-portal-link-card,
#kumakke-portal .kumakke-portal-goods-card,
#kumakke-portal .kumakke-portal-contact-panel {
  border-radius: 24px !important;
}

/* LIVE部分を少し強める */
#kumakke-portal .kumakke-portal-live {
  background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 55%, #fb923c 100%) !important;
}

/* スマホ調整 */
@media (max-width: 639px) {
  #kumakke-portal .kumakke-portal-hero {
    margin: 0 12px 36px !important;
    padding: 28px 16px !important;
    border-radius: 22px !important;
  }

  #kumakke-portal .kumakke-portal-hero-visual {
    aspect-ratio: 16 / 10 !important;
    min-height: 160px !important;
  }

  #kumakke-portal .kumakke-portal-section {
    padding: 44px 0 !important;
  }

  #kumakke-portal .kumakke-portal-title {
    font-size: 38px !important;
  }
}
/* くまっけJAPANポータルページだけ、SANGO/PORIPU側の外枠を消す */

body:has(#kumakke-portal) header,
body:has(#kumakke-portal) .header,
body:has(#kumakke-portal) #header,
body:has(#kumakke-portal) .site-header,
body:has(#kumakke-portal) .drawer,
body:has(#kumakke-portal) .drawer-menu,
body:has(#kumakke-portal) nav,
body:has(#kumakke-portal) .breadcrumb,
body:has(#kumakke-portal) .breadcrumbs,
body:has(#kumakke-portal) .entry-title,
body:has(#kumakke-portal) .page-title,
body:has(#kumakke-portal) footer,
body:has(#kumakke-portal) .footer,
body:has(#kumakke-portal) #footer,
body:has(#kumakke-portal) .site-footer {
  display: none !important;
}

body:has(#kumakke-portal) {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff7ed !important;
}

body:has(#kumakke-portal) .content,
body:has(#kumakke-portal) .content-area,
body:has(#kumakke-portal) .site-content,
body:has(#kumakke-portal) .site-main,
body:has(#kumakke-portal) main,
body:has(#kumakke-portal) article,
body:has(#kumakke-portal) .entry-content,
body:has(#kumakke-portal) .main,
body:has(#kumakke-portal) #main,
body:has(#kumakke-portal) #content,
body:has(#kumakke-portal) .wrap,
body:has(#kumakke-portal) .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(#kumakke-portal) #kumakke-portal {
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}