/* 下層ページ共通（design-proposals/claude-design-seed/profile.html の第2styleブロックから抽出） */
/* ══ サブページ共通（トップと同じトークンを使用） ══ */

/* ページヘッダー帯：昼＝琉球藍（--primary）に生成り文字／夜＝藍墨（--bg-footer） */
.page-head{position:relative;z-index:60;color:#EDE7D8;border-bottom:1px solid #ffffff1f;--barh:66px;
  background:linear-gradient(180deg,rgba(14,27,40,.58),rgba(14,27,40,.80)),url("photos/hero-3.jpg") center 24%/cover;}
:root[data-theme="night"] .page-head{
  background:linear-gradient(180deg,rgba(11,23,35,.70),rgba(11,23,35,.88)),url("photos/hero-3.jpg") center 24%/cover;}
/* ヘッダーバー：トップMVの .nav2 と同じく固定でスクロール追従。初期は帯写真の上に明色文字、
   スクロール40px超で .scrolled が付き紙色背景＋濃色文字に切替（.page-title はバナーに残す）
   固定化は .js 時のみ。JS無効時は帯写真上の静的バーとして流す（.scrolled が付かず明色文字のまま帯上で読める） */
.page-head .bar{position:relative;z-index:60;transition:background-color .3s,box-shadow .3s}
.js .page-head .bar{position:fixed;top:0;left:0;right:0}
.page-head .bar-in{display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  padding-top:22px;padding-bottom:18px;transition:padding .3s}
.page-head .bar.scrolled{background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);
  box-shadow:0 1px 0 var(--hairline),0 10px 30px -24px #26334066}
.page-head .bar.scrolled .bar-in{padding-top:12px;padding-bottom:12px}
.page-head .logo{font-family:"Shippori Mincho B1",serif;font-weight:600;font-size:19px;letter-spacing:.14em}
.page-head .logo a{color:#F3EEE1;text-decoration:none;transition:color .3s}
.page-head .bar.scrolled .logo a{color:var(--primary)}
.page-head nav{display:flex;gap:26px;font-size:16px;letter-spacing:.04em;flex-wrap:wrap}
.page-head nav a{color:#DCE3E0;text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent;
  transition:color .25s,border-color .25s}
.page-head nav a:hover{color:#fff;border-bottom-color:#f4efe466}
.page-head nav a.on{color:#fff;border-bottom-color:var(--accent)}
:root[data-theme="night"] .page-head nav a.on{border-bottom-color:#5BC4CE}
.page-head .bar.scrolled nav a{color:var(--sub)}
.page-head .bar.scrolled nav a:hover{color:var(--primary);border-bottom-color:var(--amber)}
.page-head .bar.scrolled nav a.on{color:var(--primary);border-bottom-color:var(--accent)}
.page-head .bar.scrolled .nav-toggle{color:var(--primary)}
/* 固定バーで本文がめり込まないようバナー側にバー高ぶんの余白を補償（固定化する .js 時のみ）
   no-js時はバーが normal flow で高さを取るため補償不要 */
.page-title{padding:clamp(46px,6vw,70px) 0 clamp(42px,5vw,58px)}
.js .page-title{padding-top:calc(var(--barh) + clamp(46px,6vw,70px))}
/* パンくず：帯写真の下・本文最上部の細い帯（2026-07-22に帯内から移設・地色で不透過） */
.crumbs-band{background:var(--bg)}
.crumbs-band .crumb{font-size:14px;letter-spacing:.12em;color:var(--faint);
  padding:5px 0}
.crumbs-band .crumb a{color:var(--sub);text-decoration:none;padding-bottom:2px}
.crumbs-band .crumb a:hover{color:var(--primary);border-bottom:1px solid var(--accent)}
.page-title .row{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.page-title h1{font-family:"Shippori Mincho B1",serif;font-weight:600;margin:0;
  font-size:clamp(31px,3.4vw,42px);letter-spacing:.14em;line-height:1.4;color:#F6F2E8}
.page-title .en{font-size:11px;letter-spacing:.38em;color:#C3CFD8;font-weight:500;text-transform:uppercase}
.page-title .lead{margin:20px 0 0;font-size:16px;font-weight:600;line-height:1.8;color:#D5DDDA;max-width:740px}
main{position:relative;z-index:2}

/* 本文共通 */
.prose p{margin:0 0 20px;font-size:17px;line-height:1.75;letter-spacing:.01em}
.prose p:last-child{margin-bottom:0}
a.tx{color:var(--primary);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
a.tx:hover{text-decoration-thickness:2px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:500;color:var(--primary);
  background:color-mix(in srgb,var(--cat,var(--accent)) 13%,var(--bg-card));
  border:1px solid color-mix(in srgb,var(--cat,var(--accent)) 34%,transparent);
  border-radius:5px;padding:2px 10px 2px 8px;white-space:nowrap;flex:none}
/* カテゴリ名前の●ドットは撤去（2026-07-22指示） */
.chip.rel{--cat:var(--accent)}.chip.media{--cat:var(--amber)}
/* ライブ系チップは朱に統一（2026-07-24配色ルール: 朱=ライブ強調。緑は旧配色） */
.chip.event{--cat:var(--vermil)}.chip.info{--cat:var(--sub)}.chip.livec{--cat:var(--vermil)}

/* プロフィール */
.ptop{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:clamp(28px,4vw,56px);align-items:start}
.ptop .fig{border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
.pname{font-family:"Shippori Mincho B1",serif;font-size:clamp(26px,2.6vw,32px);font-weight:600;
  letter-spacing:.12em;color:var(--primary);margin:0;line-height:1.4}
.pname small{display:block;font-family:"Zen Kaku Gothic New",sans-serif;font-size:12px;letter-spacing:.3em;
  color:var(--faint);margin-top:8px;text-transform:uppercase}
.prole{font-size:16px;color:var(--sub);margin:14px 0 24px;letter-spacing:.04em}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.badge{font-size:16px;letter-spacing:.04em;color:var(--primary);background:var(--accent-soft);
  border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:6px;padding:4px 12px}
.timeline{border-top:1px solid var(--hairline)}
.tl{display:grid;grid-template-columns:96px 1fr;gap:22px;padding:18px 10px;border-bottom:1px solid var(--hairline)}
.tl .y{font-family:"Shippori Mincho B1",serif;font-size:20px;font-weight:600;color:var(--amber);
  font-feature-settings:"tnum";line-height:1.7}
.tl .t{font-size:17px;line-height:1.75}
.band-lead{font-size:17px;font-weight:600;line-height:1.8;margin:0 0 30px;max-width:820px}
.members{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.member{background:var(--bg-card);border:1px solid var(--hairline);border-radius:10px;padding:24px 26px;
  transition:border-color .25s}
.member:hover{border-color:var(--amber)}
.member .nm{font-family:"Shippori Mincho B1",serif;font-size:19px;font-weight:600;color:var(--primary);letter-spacing:.06em}
.member .enm{font-size:11px;letter-spacing:.24em;color:var(--faint);margin-top:3px;text-transform:uppercase}
.member .pt{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--primary);
  background:var(--accent-soft);border-radius:5px;padding:2px 10px;margin:12px 0 12px}
:root[data-theme="night"] .member .pt{color:var(--accent);border:1px solid #5bc4ce33}
.member p{margin:0;font-size:16px;color:var(--sub);line-height:1.75}
.support-note{margin-top:24px;font-size:16px;color:var(--sub);line-height:1.75}
.support-note b{color:var(--primary);margin-right:10px}
.tieup{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline)}
.tieup li{padding:15px 10px;border-bottom:1px solid var(--hairline);font-size:16px;line-height:1.75}
.tieup .cl{display:inline-block;font-weight:700;color:var(--primary);margin-right:14px}

/* ディスコグラフィー */
.discs{display:grid;gap:22px}
.disc-row{display:grid;grid-template-columns:minmax(180px,250px) 1fr;gap:clamp(22px,3vw,40px);
  background:var(--bg-card);border:1px solid var(--hairline);border-radius:12px;padding:clamp(22px,3vw,34px)}
.disc-row .cover{align-self:start;border-radius:8px;overflow:hidden;background:var(--accent-soft);box-shadow:var(--shadow)}
.disc-row .cover img{width:100%;aspect-ratio:1/1;object-fit:cover}
/* 非正方形の素材（横長シングル盤・縦長書影）はトリミングせず余白付きで収める */
.disc-row .cover.fit img{object-fit:contain;padding:6%}
.cover.ph{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  color:var(--primary);border:1px dashed color-mix(in srgb,var(--primary) 30%,transparent)}
.cover.ph .icn{width:40px;height:40px}
.cover.ph .t{font-family:"Shippori Mincho B1",serif;font-size:18px;letter-spacing:.12em;text-align:center;padding:0 14px}
.cover.ph small{font-size:11px;letter-spacing:.2em;color:var(--faint)}
.dbadge{display:inline-block;font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--primary);
  background:var(--accent-soft);border-radius:5px;padding:3px 10px}
:root[data-theme="night"] .dbadge{color:var(--accent);border:1px solid #5bc4ce33}
.dbadge.min{color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--bg-card));
  border:1px solid color-mix(in srgb,var(--green) 34%,transparent)}
:root[data-theme="night"] .dbadge.min{color:var(--green)}
.disc-row h3{font-family:"Shippori Mincho B1",serif;font-size:clamp(21px,2vw,25px);font-weight:600;
  letter-spacing:.06em;color:var(--primary);margin:12px 0 6px;line-height:1.5}
.soldout{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--amber);border:1px solid var(--amber);
  border-radius:4px;padding:1px 8px;margin-left:12px;vertical-align:middle;white-space:nowrap}
.dmeta{font-size:16px;color:var(--faint);letter-spacing:.06em;margin-bottom:14px}
.ddesc{font-size:16px;line-height:1.75;color:var(--sub);margin:0 0 16px}
.tracks{list-style:none;margin:0 0 20px;padding:16px 0 4px;border-top:1px dashed var(--hairline);
  display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 20px;font-size:16px}
.tracks li{line-height:1.8}
.tracks b{color:var(--accent);font-weight:700;margin-right:9px;font-feature-settings:"tnum"}
.tracks i{font-style:normal;font-size:11px;color:var(--amber);margin-left:6px;letter-spacing:.08em}
/* 配信ボタン：ターコイズ＋白文字（2026-07-22ユーザー指示・送信ボタンと統一） */
.listen{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;letter-spacing:.08em;
  color:#fff;background:var(--btn-bg);border-radius:999px;padding:9px 26px;text-decoration:none}
.listen:hover{filter:brightness(1.06)}
.cdonly{display:inline-block;font-size:16px;color:var(--faint);border:1px solid var(--hairline);
  border-radius:999px;padding:8px 20px;letter-spacing:.08em}
.buys{display:flex;gap:10px;flex-wrap:wrap}
.buys .more{margin-top:0}

/* 一覧（お知らせ／ライブ）共通 */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.filters a{font-size:16px;letter-spacing:.06em;padding:8px 20px;border-radius:999px;border:1px solid var(--hairline);
  color:var(--sub);text-decoration:none;background:var(--bg-card);transition:border-color .25s,color .25s}
.filters a:hover{border-color:var(--amber);color:var(--primary)}
.filters a.on{background:var(--btn-bg);color:var(--on-accent);border-color:transparent;font-weight:700}
.pager{display:flex;justify-content:center;gap:8px;margin-top:46px}
.pager a{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;
  border:1px solid var(--hairline);background:var(--bg-card);color:var(--primary);text-decoration:none;
  font-family:"Shippori Mincho B1",serif;font-size:16px;font-feature-settings:"tnum";transition:border-color .25s}
.pager a:hover{border-color:var(--amber)}
.pager a.on{background:var(--btn-bg);border-color:transparent;color:var(--on-accent);font-weight:700}
.news .row .c{flex:none}
a.live{text-decoration:none;color:var(--ink)}
.lives .live{grid-template-columns:128px 1fr auto}
.live:hover .t{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}
.live .st{font-size:12px;font-weight:700;letter-spacing:.1em;border-radius:999px;padding:4px 14px;white-space:nowrap}
.live .st.open{color:var(--on-accent);background:var(--btn-bg)}
.live .st.done{color:var(--faint);border:1px solid var(--hairline)}

/* 記事詳細 */
/* 記事詳細はセクション帯ごと地色で不透過に（背面の紅型イラストを通さない・2026-07-22指示） */
.article-band{background:var(--bg)}
.article{max-width:820px;margin:0 auto}
.a-head{border-bottom:1px solid var(--hairline);padding-bottom:26px;margin-bottom:36px}
.a-meta{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.a-meta time{font-size:16px;color:var(--faint);letter-spacing:.12em;font-feature-settings:"tnum"}
.a-title{font-family:"Shippori Mincho B1",serif;font-weight:600;font-size:clamp(24px,3vw,32px);
  line-height:1.7;letter-spacing:.06em;color:var(--primary);margin:0}
.prose h2{font-family:"Shippori Mincho B1",serif;font-weight:600;font-size:21px;letter-spacing:.06em;
  color:var(--primary);margin:42px 0 18px;padding:2px 0 2px 14px;border-left:3px solid var(--accent);line-height:1.6}
.infobox{background:var(--accent-soft);border-radius:10px;padding:26px 28px;margin:8px 0 28px}
.infobox dl{display:grid;grid-template-columns:88px 1fr;gap:12px 18px;margin:0}
.infobox dt{font-weight:700;color:var(--primary);font-size:16px;letter-spacing:.06em}
.infobox dd{margin:0;font-size:16px;line-height:1.75}
.a-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  margin-top:48px;padding-top:30px;border-top:1px solid var(--hairline)}
.a-actions .more{margin-top:0}
.prev-next{display:flex;gap:10px}

/* 船浮音祭り */
.om-event{display:grid;grid-template-columns:190px 1fr;gap:clamp(24px,4vw,48px);align-items:start;
  background:var(--bg-card);border:1px solid var(--hairline);border-radius:12px;padding:clamp(26px,4vw,42px);
  box-shadow:var(--shadow)}
.om-event .d{font-family:"Shippori Mincho B1",serif;font-size:clamp(30px,3vw,38px);font-weight:600;
  color:var(--primary);line-height:1.1;font-feature-settings:"tnum"}
:root[data-theme="night"] .om-event .d{color:var(--accent)}
.om-event .d small{display:block;font-family:"Zen Kaku Gothic New",sans-serif;font-size:11px;
  letter-spacing:.22em;color:var(--sub);margin-top:10px}
.om-event h3{font-family:"Shippori Mincho B1",serif;font-size:clamp(22px,2.2vw,27px);font-weight:600;
  margin:0 0 12px;color:var(--primary);letter-spacing:.08em;line-height:1.5}
.om-venue{font-size:16px;color:var(--sub);margin-bottom:12px}
.om-venue b{color:var(--primary);margin-right:12px;font-size:16px;letter-spacing:.1em}
.om-desc{font-size:16px;line-height:1.75;color:var(--sub)}
.om-desc p{margin:0 0 12px}
.om-aims{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px}
.om-aims li{position:relative;padding:15px 20px 15px 46px;background:var(--bg-card);
  border:1px solid var(--hairline);border-radius:8px;font-size:16px;line-height:1.75}
.om-aims li::before{content:"";position:absolute;left:20px;top:26px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.om-history{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--hairline)}
.om-history li{display:grid;grid-template-columns:96px 1fr;gap:22px;padding:17px 10px;
  border-bottom:1px solid var(--hairline);font-size:16.5px;line-height:1.75}
.om-history b{font-family:"Shippori Mincho B1",serif;font-size:20px;font-weight:600;color:var(--amber);font-feature-settings:"tnum"}
.sponsors{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}
.sponsor-ph{display:flex;align-items:center;justify-content:center;height:76px;
  border:1px dashed color-mix(in srgb,var(--primary) 32%,transparent);border-radius:8px;
  color:var(--faint);font-size:16px;letter-spacing:.16em;background:var(--bg-card)}
.om-sponsor-note{font-size:16px;color:var(--sub);line-height:1.75;margin:0}
.om-faq{display:grid;gap:12px}
.om-faq details{background:var(--bg-card);border:1px solid var(--hairline);border-radius:10px;padding:0 24px;
  transition:border-color .25s}
.om-faq details:hover{border-color:var(--amber)}
.om-faq summary{cursor:pointer;font-weight:700;font-size:16px;line-height:1.8;padding:18px 34px 18px 0;
  color:var(--primary);list-style:none;position:relative}
.om-faq summary::-webkit-details-marker{display:none}
.om-faq summary::before{content:"Q.";color:var(--accent);font-family:"Shippori Mincho B1",serif;margin-right:12px}
.om-faq summary::after{content:"＋";position:absolute;right:0;top:17px;color:var(--amber)}
.om-faq details[open] summary::after{content:"−"}
.om-faq .a{padding:14px 0 22px;font-size:16px;line-height:1.75;color:var(--sub);border-top:1px dashed var(--hairline)}
.om-contact-card{background:var(--bg-card);border:1px solid var(--hairline);border-radius:12px;
  padding:clamp(28px,4vw,44px);text-align:center}
.om-contact-card .who{font-family:"Shippori Mincho B1",serif;font-size:20px;font-weight:600;
  color:var(--primary);letter-spacing:.08em;margin-bottom:10px}
.om-contact-card .tel a{font-family:"Shippori Mincho B1",serif;font-size:clamp(26px,3vw,34px);
  color:var(--primary);text-decoration:none;letter-spacing:.06em;font-feature-settings:"tnum"}
.om-contact-card .tel a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
.om-contact-card .note{font-size:16px;color:var(--sub);margin:14px 0 0;line-height:1.75}

/* サブページのモバイル */
@media(max-width:1180px){.page-head .bar-in{padding-right:100px}}
@media(max-width:820px){
  .page-head{--barh:70px}
  /* JS無効時のフォールバック＝ロゴの下にナビを折返し表示（全リンクに到達可能） */
  .page-head .bar-in{flex-direction:column;align-items:flex-start;gap:16px;padding-right:0}
  .page-head .logo{padding-right:100px}
  .page-head nav{gap:14px 18px;font-size:16px}

  /* JS有効時＝ハンバーガー化。バーは横並びに戻し（固定は維持）、ナビは固定バー直下へドロップダウン */
  .js .page-head .bar-in{flex-direction:row;align-items:center;
    justify-content:space-between;gap:12px;padding-top:13px;padding-bottom:13px;padding-right:0}
  .js .page-head .logo{padding-right:0}
  .js .page-head nav{position:absolute;top:100%;left:0;right:0;z-index:20;
    flex-direction:column;gap:0;margin-top:0;
    background:var(--bg);border-top:1px solid #ffffff1f;box-shadow:0 16px 30px -18px #0b1723aa;
    padding:6px 16px 14px;max-height:70vh;overflow-y:auto;display:none}
  body.nav-open .page-head nav{display:flex}
  .js .page-head nav a{display:flex;align-items:center;min-height:44px;
    color:var(--primary);padding:13px 4px;border-bottom:1px solid var(--hairline)}
  .js .page-head nav a:last-child{border-bottom:none}
  .js .page-head nav a.on{color:var(--primary);border-bottom-color:var(--hairline)}
  .ptop{grid-template-columns:1fr}
  .ptop .fig{max-width:420px}
  .disc-row{grid-template-columns:1fr}
  /* ジャケットはSPでカードの左右中央に（2026-07-22指示） */
  .disc-row .cover{max-width:280px;margin-left:auto;margin-right:auto;width:100%}
  /* 「配信を聴く」「CD作品（配信なし）」はSPで中央寄せ（2026-07-22指示・右寄せから変更） */
  .disc-row .listen, .disc-row .cdonly{display:flex;width:max-content;margin-left:auto;margin-right:auto}
  /* 書籍の「Amazonで購入」「出版社サイト」も中央寄せ（.buysは横並びのままコンテナごと中央へ） */
  .buys{justify-content:center}
  .buys .listen, .buys .more{margin-left:0;margin-right:0}
  .om-event{grid-template-columns:1fr;gap:18px}
  .tl{grid-template-columns:64px 1fr;gap:16px}
  .om-history li{grid-template-columns:64px 1fr;gap:16px}
  .infobox dl{grid-template-columns:78px 1fr}
  .lives .live{grid-template-columns:84px 1fr}
  .live .st{grid-column:2;justify-self:start}
  .a-actions{justify-content:flex-start}
}

/* ═══ 下層：すりガラス調の浮遊カード ═══
   固定背景の海写真(.sea-photo)の上で、下層各ページの本文セクションの .inner を
   トップ（site.css「トップ：すりガラス調の浮遊カード」）と同じ半透明カードにする。
   --glass-* / --shadow トークンは site.css の :root で全ページ定義済み（ここに複製しない）。
   backdrop-filter 非対応時の地不透明化（@supports フォールバック）も site.css の
   :root ブロックが全ページに効くため、ここでは再定義しない。
   対象：#main 直下の各 section（.band-card=var(--bg-card)・.article-band=var(--bg) の
   不透明帯もここで透明化してすりガラスへ置き換える）。
   除外：写真バンド .fest（音祭りページ。トップと同様に写真セクションのまま）／
   ヘッダー帯 .page-head・パンくず帯 .crumbs-band は現状維持（#main 外なので不干渉）。
   設計: docs/superpowers/specs/2026-07-24-opening-and-sea-bg-design.md */

/* セクション自体は透明にして写真を通し、上下paddingはカード間に写真が覗く隙間にする */
body.subpage #main > section:not(.fest){
  padding-top:clamp(30px,4.5vw,64px);
  padding-bottom:clamp(30px,4.5vw,64px);
  background:transparent;
}
/* 内側の .inner をすりガラスカードに（左右paddingは .inner 既定 clamp(20,48) を活かし、
   上下paddingをカード内へ。写真はカード外周＝隙間に覗く） */
body.subpage #main > section:not(.fest) > .inner{
  /* 左上からの光の反射を第1層に重ねる多層background（トップ site.css と同じ書き方で統一。
     昼夜の反射の強さは --glass-sheen トークンで切替） */
  background:
    linear-gradient(115deg, var(--glass-sheen), rgba(255,255,255,0) 38%),
    linear-gradient(var(--glass-bg), var(--glass-bg));
  -webkit-backdrop-filter:var(--glass-filter);
  backdrop-filter:var(--glass-filter);
  border:1px solid var(--glass-line);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding-top:clamp(40px,6vw,72px);
  padding-bottom:clamp(40px,6vw,72px);
  width:min(1120px, 100% - 16px);
  margin-inline:auto;
}
/* SP用の旧 --bg 塗り（site.css の max-width:820 で .lives・.sec-foot .more に地色を敷く）は
   すりガラス地では不透明ブロックになり効果を潰すため、下層でも透明へ戻す（トップと同じ対処） */
@media(max-width:820px){
  body.subpage .lives{background:transparent}
  body.subpage .sec-foot .more:not(.light){background:transparent}
}