/* ============================================================
   print.css … 印刷用スタイル（media="print" で読み込む）
   ・ナビ/ハンバーガー/装飾など印刷に不要な要素を非表示
   ・背景を白、文字を黒にしてインク節約と可読性を確保
   ============================================================ */

/* 印刷に不要なUIを隠す */
#sidenav,
.fixed-area,
.hamburger,
.nav-backdrop,
#breadcrumb,
.scroll-down,
#share,
.swiper-button-prev,
.swiper-button-next,
.swiper-pagination,
.map-open,
.page-head-logo {
  display: none !important;
}

/* サイドナビ分の余白を詰め、本文を全幅に */
body {
  display: block !important;
}

#sidenav-overlay {
  width: 100% !important;
}

/* 背景色・画像アニメーションを止め、文字は黒で印刷 */
main,
main * {
  color: #000 !important;
  background: #fff !important;
  box-shadow: none !important;
  animation: none !important;
  transition: none !important;
}

/* リンクは下線付きの黒文字に */
main a {
  color: #000 !important;
  text-decoration: underline;
}

/* セクションの余白を印刷向けに圧縮 */
#detail-lead-copy,
main section {
  padding: 20px 0 !important;
}

#page-head,
#detail-name,
.section-title-left,
.section-title-other{
  margin: 0 !important;
  padding: 0 !important;
  min-height: auto !important;
}

main h1,
main h2,
main h3,
main h4,
#page-head .top-title span,
.section-title-other .top-title span,
.top-title span,
#result-title {
  color: #000 !important;
}

#detail-lead-copy{
  font-weight: normal !important;
}

.yellow-line{
  text-decoration: none !important;
}
/* ギャラリー(Swiper)：A4印刷時は横スライドを解除し表示中の1枚のみ全体表示（見切れ防止） */
.detail-gallery,
.detail-img.swiper,
.detail-img-viewport.swiper-wrapper {
  overflow: visible !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}
/* 表示中(アクティブ)のスライドのみ印刷し、他は非表示 */
.swiper-slide {
  display: none !important;
}
.swiper-slide.swiper-slide-active {
  display: block !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  text-align: center;
  page-break-inside: avoid;
}
.swiper-slide.swiper-slide-active img {
  max-width: 100% !important;
  max-height: 15cm !important; /* A4の縦幅に収める */
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
}

.section-title-other{
  text-align: left !important;
}

.others-item,
.others-item-text,
.others-item-text p,
.others-item-text-title{
  align-items: flex-start !important;
  max-width: 100% !important;
}

#others-content{
  gap: 20px !important;
}