/* =========================
   style.css (cleaned for current HTML)
   ========================= */

/* ベース */
body{
  margin:0;
  padding:0;
  font-family:"Helvetica Neue", Arial, sans-serif;
  background:#fff;
  color:#333;
  line-height:1.6;
}

/* コンテナ */
.container{
  max-width:900px;      /* PC時は左右に余白 */
  margin:0 auto;
  padding:0;
}

/* セクション画像（縦並び） */
.section-image{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  border:0;
}


/* =========================
   フッター固定ボタン（任意）
   ========================= */
.footer-btn{
  position:fixed; left:0; bottom:0; width:100%;
  text-align:center;
  padding:8px 0;
  z-index:1000;
  will-change:transform, opacity;
  opacity:1;
  transform:translateY(0);
  transition:opacity .4s ease, transform .4s ease;
}
.footer-btn.hidden{
  opacity:0;
  transform:translateY(100%);
  pointer-events:none;
}
.footer-btn.pop{ animation:popIn .6s ease-out both; }
.footer-btn:not(.hidden){ animation:floaty 4s ease-in-out .6s infinite; }
.footer-btn img{
  max-width:500px;
  width:90%;
  height:auto;
  display:inline-block;
  transform:translateZ(0);
}
.footer-btn a:hover img{
  transform:scale(1.02);
  transition:transform .2s ease;
}
@keyframes popIn{
  0%{opacity:0; transform:translateY(40%) scale(.92);}
  60%{opacity:1; transform:translateY(-6%) scale(1.05);}
  100%{opacity:1; transform:translateY(0) scale(1);}
}
@keyframes floaty{
  0%{transform:translateY(0);}
  50%{transform:translateY(-4px);}
  100%{transform:translateY(0);}
}
@media (prefers-reduced-motion: reduce){
  .footer-btn, .footer-btn img{ animation:none !important; transition:none !important; }
}

/* =========================
   モーダル（1枚拡大用）
   ========================= */
.modal{
  display:none;                 /* JSで display:flex に切替 */
  position:fixed; inset:0; z-index:2000;
  background:rgba(0,0,0,.85);
  justify-content:center; align-items:center;
  padding:24px;
  overflow-y:auto;
}
.modal-content{
  max-width:min(100%, 980px);
  max-height:85vh;
  width:auto; height:auto;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.modal .close{
  position:absolute; top:12px; right:16px;
  font-size:36px; line-height:1;
  color:#fff;
  background:transparent; border:0; outline:none;
  cursor:pointer; user-select:none;
}
/* 背景スクロール抑止（JSでbodyに付与） */
.no-scroll{ overflow:hidden; }

/* =========================
   本文内ギャラリー（PC3列 / スマホ2列）
   ========================= */
.modal-gallery{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr)); /* PC */
  gap:12px;
  margin:16px 0;
}
@media (max-width:600px){
  .modal-gallery{ grid-template-columns:1fr 1fr; } /* SP */
}
.modal-gallery img{
  width:100%; height:auto; display:block;
  border-radius:8px;
  cursor:zoom-in;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s;
}
.modal-gallery img:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
  filter:brightness(1.02);
}

/* =========================
   1列ギャラリー（週報セクション）
   ========================= */
.single-column-gallery{
  margin:12px 0;
  padding:8px 0;
}
.single-column-item{
  width:100%; height:auto; display:block;
  border-radius:10px;
  margin:0 auto 10px;
  box-shadow:0 4px 10px rgba(0,0,0,.06);
}

/* セクション間のCTA画像（任意） */
.hero{ text-align:center; }
.footer-button-image{
  width:100%; max-width:900px; height:auto; display:inline-block;
}