/* HappyVoice 見た目刷新（2026-09-24 見本）。色・書体は 新サイト/design/theme.css に合わせる。
   PCは実寸。SPはmoonが viewport 750 基準なので --s:2 で倍にする */
body.hvNew{--p:#174f59;--pd:#0f3a42;--ink:#2a2e33;--mut:#555b61;--canvas:#faf8f3;--line:#e4ded1;--moon:#66c5c4;--gold:#b89a45;--gd:#7d6526;--s:1;background:var(--canvas)!important}
body.hvNew.hvSP{--s:2}
body.hvNew main,body.hvNew #mainContentArea{background:var(--canvas)!important}
/* ④ ピンクの封筒 → 文字の見出し */
body.hvNew .messageTitle_pc,body.hvNew .messageTitle_sp{display:none!important}
body.hvNew .hvHero{text-align:center;padding:calc(56px*var(--s)) calc(20px*var(--s)) calc(36px*var(--s))}
body.hvNew .hvHero .en{font-family:"Cormorant Garamond",serif;font-size:calc(14px*var(--s));letter-spacing:.2em;color:var(--gd);margin:0 0 calc(10px*var(--s))}
body.hvNew .hvHero h1,body.hvNew .hvSeizaHead h1{font-family:"Shippori Mincho",serif!important;font-weight:500!important;font-size:calc(28px*var(--s))!important;letter-spacing:.04em;color:var(--pd);margin:0 0 calc(14px*var(--s))!important}
body.hvNew .hvHero p,body.hvNew .hvSeizaHead p{font-family:"Noto Sans JP",sans-serif;font-size:calc(15px*var(--s))!important;line-height:1.9;color:var(--mut);margin:0 auto calc(8px*var(--s));max-width:calc(620px*var(--s))}
body.hvNew .hvSeizaHead{max-width:calc(720px*var(--s))!important;margin:calc(48px*var(--s)) auto calc(24px*var(--s))!important;text-align:center}
/* 丸い細線ボタン（12星座ページと同じ型） */
body.hvNew .hvRing,body.hvNew .voiceLinkBtn a{display:inline-block!important;padding:calc(14px*var(--s)) calc(28px*var(--s))!important;border:1px solid var(--p)!important;border-radius:999px!important;background:transparent!important;color:var(--pd)!important;font-size:calc(16px*var(--s))!important;letter-spacing:.06em;text-decoration:none!important;width:auto!important;height:auto!important;line-height:1.5!important;box-shadow:none!important}
body.hvNew .voiceLinkBtn{text-align:center;margin:calc(32px*var(--s)) 0!important}
body.hvNew .voiceLinkBtn a span{font-size:inherit!important;color:inherit!important;background:none!important;padding:0!important}
body.hvNew .voiceLinkBtn a:after,body.hvNew .voiceLinkBtn a span:after{display:none!important}
/* ③ 2列 → 1列（開いても隣に空白ができない・読みやすい幅） */
body.hvNew main .message{display:block!important;width:auto!important;max-width:calc(720px*var(--s));margin:0 auto!important;padding:0 calc(16px*var(--s))!important}
body.hvNew main .messageBox,body.hvNew .messageBox{width:auto!important;background:#fff!important;border:1px solid var(--line);border-radius:calc(4px*var(--s));padding:calc(28px*var(--s)) calc(28px*var(--s)) calc(24px*var(--s))!important;margin:0 0 calc(20px*var(--s))!important;box-shadow:none!important}
body.hvNew .messageBlock{display:flex!important;align-items:center;gap:calc(18px*var(--s))}
body.hvNew .messageImg,body.hvNew main .messageBlock img{width:calc(96px*var(--s))!important;margin:0!important;flex:0 0 auto}
body.hvNew .messageImg img{width:100%!important;border-radius:calc(4px*var(--s))}
body.hvNew .leadBlock{width:auto!important}
body.hvNew .leadBlock h3{font-family:"Shippori Mincho",serif!important;font-weight:500!important;font-size:calc(19px*var(--s))!important;line-height:1.6!important;color:var(--pd)!important;margin:0!important}
body.hvNew .leadBlock h4{font-size:calc(13px*var(--s))!important;color:var(--mut)!important;font-weight:400!important;margin:calc(6px*var(--s)) 0 0!important}
body.hvNew .messageTagInner{margin:calc(16px*var(--s)) 0 calc(4px*var(--s))!important;padding:0!important}
body.hvNew .messageTagInner li{font-size:calc(12px*var(--s))!important;color:var(--gd)!important;border:1px solid var(--line)!important;background:#f6f1e3;border-radius:999px!important;padding:calc(3px*var(--s)) calc(12px*var(--s))!important;margin:0 calc(6px*var(--s)) calc(6px*var(--s)) 0!important}
/* ② 本文：大きく・行間を広く */
body.hvNew main .comment{font-family:"Noto Sans JP",sans-serif;max-height:calc(15.2em)!important;margin-top:calc(8px*var(--s))}
body.hvNew main .comment p{font-size:calc(15.5px*var(--s))!important;line-height:1.95!important;color:var(--ink)!important;letter-spacing:.02em}
body.hvNew main .comment:before{background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)!important;height:calc(64px*var(--s))!important}
body.hvNew main .comment.open{max-height:99999px!important}
/* ① 続きを読む（金べた→細線）・アイテムの詳細（紺グラデ→深緑の細線） */
body.hvNew main .leadMore{position:static!important;left:auto!important;display:block!important;width:max-content!important;height:auto!important;margin:calc(16px*var(--s)) auto 0!important;padding:calc(10px*var(--s)) calc(26px*var(--s))!important;line-height:1.5!important;font-size:calc(14px*var(--s))!important;letter-spacing:.08em;color:var(--gd)!important;background:transparent!important;border:1px solid var(--gold)!important;border-radius:999px!important;cursor:pointer}
body.hvNew main .leadMore:after{display:none!important}
body.hvNew main .messageBuy{text-align:center}
body.hvNew main .messageBuy a{position:static!important;display:inline-block!important;width:auto!important;margin:calc(14px*var(--s)) auto 0!important;padding:calc(12px*var(--s)) calc(28px*var(--s))!important;font-size:calc(14px*var(--s))!important;letter-spacing:.06em;color:#fff!important;background:var(--p)!important;border-radius:999px!important;filter:none!important}
body.hvNew main .messageBuy a:after{content:" →"!important;position:static!important;display:inline!important;border:0!important;transform:none!important;width:auto!important;height:auto!important}
/* ページ送り・星座ナビ */
body.hvNew .pagination .page-numbers{border-radius:999px!important}
body.hvNew .pagination .current{background:var(--p)!important;color:#fff!important}
body.hvNew .hvSeizaNav{font-size:calc(15px*var(--s))!important}
body.hvNew .hvSeizaNav a{color:var(--pd)!important}

/* 一覧の「月星座で読む」（型ページはページ内styleで同じ見た目） */
body.hvNew .hvSeizaNav{max-width:calc(900px*var(--s));margin:0 auto calc(36px*var(--s));padding:0 calc(20px*var(--s));text-align:center;line-height:1.8;color:var(--mut)}
body.hvNew .hvSeizaNav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(8px*var(--s)) calc(18px*var(--s));margin:calc(10px*var(--s)) 0 0;padding:0;list-style:none}
body.hvNew .hvSeizaNav li{list-style:none}
body.hvNew .hvSeizaNav a{text-decoration:underline!important;text-underline-offset:.25em}

/* 2026-09-24 監査: PCのロゴ枠（absolute・下端0）が画面上部を覆い、下のリンクを押せなくしていた */
body.hvNew .header_logo{pointer-events:none}
body.hvNew .header_logo a{pointer-events:auto}
/* 月星座ページの冒頭（説明文を減らす） */
body.hvNew .hvSeizaHead .hvBack{text-align:left;font-size:calc(13px*var(--s))!important;margin:0 0 calc(28px*var(--s))!important}
body.hvNew .hvSeizaHead .hvBack a{color:var(--mut)!important;text-decoration:none!important}
body.hvNew .hvSeizaHead .en{font-family:"Cormorant Garamond",serif;font-size:calc(14px*var(--s))!important;letter-spacing:.2em;color:var(--gd)!important;margin:0 0 calc(10px*var(--s))!important}
body.hvNew .hvSeizaHead .hvMeta{font-size:calc(13px*var(--s))!important;letter-spacing:.1em;color:var(--mut)!important}
body.hvNew .hvSeizaHead .hvBtns{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(12px*var(--s));margin-top:calc(22px*var(--s))!important}
body.hvNew .hvSeizaHead .hvBtns a{font-size:calc(14px*var(--s))!important;padding:calc(11px*var(--s)) calc(22px*var(--s))!important}
body.hvNew .hvNote{font-size:calc(12px*var(--s))!important;color:var(--mut)}

/* 2026-09-24 見出しまわり（丼「ダサい」）: 英字の見出しを中央に・星座は細線の小さな丸ボタン6×2 */
body.hvNew .hvHero .en,body.hvNew .hvSeizaNav .en,body.hvNew .hvSeizaHead .en{display:block!important;text-align:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;float:none!important;padding:0!important}
body.hvNew .hvSeizaNav{max-width:calc(640px*var(--s))!important;margin:calc(8px*var(--s)) auto calc(48px*var(--s))!important;padding:calc(28px*var(--s)) calc(16px*var(--s)) 0!important;border-top:1px solid var(--line)}
body.hvNew .hvSeizaNav .hvNavTit{font-family:"Shippori Mincho",serif;font-size:calc(17px*var(--s))!important;color:var(--pd);margin:0 0 calc(16px*var(--s))!important}
body.hvNew .hvSeizaNav ul{display:grid!important;grid-template-columns:repeat(6,1fr);gap:calc(10px*var(--s))!important;margin:0 0 calc(18px*var(--s))!important}
body.hvNew .hvSeizaNav li a,body.hvNew .hvSeizaNav li span{display:block;padding:calc(8px*var(--s)) 0!important;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:calc(13px*var(--s))!important;letter-spacing:.06em;color:var(--pd)!important;text-decoration:none!important;line-height:1.5;transition:border-color .2s,background .2s}
body.hvNew .hvSeizaNav li a:hover{border-color:var(--p);background:var(--mist,#eef6f5)}
body.hvNew .hvSeizaNav li span{background:var(--p)!important;border-color:var(--p);color:#fff!important;font-weight:400!important}
body.hvNew.hvSP .hvSeizaNav ul{grid-template-columns:repeat(4,1fr)}
body.hvNew .hvSeizaNav > p:last-child a{text-decoration:underline!important;text-underline-offset:.25em;margin:0 .6em}
/* 投稿年月 */
body.hvNew .hvDate{margin-left:1em;font-size:.92em;color:#8a8f94;letter-spacing:.04em}
body.hvNew .hvSeizaNav .en{font-family:"Cormorant Garamond",serif!important;font-size:calc(13px*var(--s))!important;letter-spacing:.2em;color:var(--gd)!important;margin:0 0 calc(6px*var(--s))!important}

/* アイテムで読む（商品名は長いので横に流す） */
body.hvNew .hvItemNav ul{display:flex!important;flex-wrap:wrap;justify-content:center}
body.hvNew .hvItemNav li a,body.hvNew .hvItemNav li span{padding:calc(8px*var(--s)) calc(16px*var(--s))!important}
body.hvNew .hvHero + .hvSeizaNav + .hvItemNav{border-top:0;padding-top:0!important}
body.hvNew .hvSeizaNav > p:last-child a{display:inline-block;margin:calc(4px*var(--s)) .6em!important}