/* 季節・天気・時間帯の飾り（薬剤師デスク）— トップのヒーローと、すべての下層ページの見出し帯で共通。ryuko-info が全ページで読み込む */
.hero,.page-head{--rxr-top:#f0faf6;--rxr-tint:rgba(255,255,255,0);background:linear-gradient(180deg,var(--rxr-tint) 0%,rgba(255,255,255,0) 88%),linear-gradient(180deg,var(--rxr-top) 0%,#fff 100%)}
.hero-in,.page-head>.wrap{z-index:1}
.hero::before,.page-head::before,.hero::after,.page-head::after{content:"";position:absolute;inset:0;pointer-events:none;background-repeat:repeat;
  -webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.5) 12%,transparent 22%,transparent 78%,rgba(0,0,0,.5) 88%,#000 100%);
  mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.5) 12%,transparent 22%,transparent 78%,rgba(0,0,0,.5) 88%,#000 100%)}
.hero::before,.page-head::before{opacity:.75;background-size:220px 220px}
.hero::after,.page-head::after{opacity:.6;background-size:120px 120px}
/* スマホ：飾りは左右の端だけ（見出しや文章と重ねない）。上から下へ薄く */
@media (max-width:760px){.hero::before,.page-head::before,.hero::after,.page-head::after{
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 4%,transparent 13%,transparent 87%,#000 96%,#000 100%),linear-gradient(180deg,#000 0,transparent 70%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,#000 0,#000 4%,transparent 13%,transparent 87%,#000 96%,#000 100%),linear-gradient(180deg,#000 0,transparent 70%);
  mask-composite:intersect}
  .hero::before,.page-head::before{background-size:150px 150px}
  .hero::after,.page-head::after{background-size:90px 90px}}
.rxr-s-newyear .hero,.rxr-s-newyear .page-head{--rxr-top:#fdf2e6}
.rxr-s-newyear .hero::before,.rxr-s-newyear .page-head::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23f2aea4'%3E%3Ccircle cx='40' cy='44' r='5'/%3E%3Ccircle cx='48' cy='38' r='5'/%3E%3Ccircle cx='56' cy='44' r='5'/%3E%3Ccircle cx='53' cy='53' r='5'/%3E%3Ccircle cx='43' cy='53' r='5'/%3E%3Ccircle cx='160' cy='150' r='4'/%3E%3Ccircle cx='167' cy='145' r='4'/%3E%3Ccircle cx='174' cy='150' r='4'/%3E%3Ccircle cx='171' cy='157' r='4'/%3E%3Ccircle cx='163' cy='157' r='4'/%3E%3C/g%3E%3Cg fill='%23e8c06a'%3E%3Ccircle cx='48' cy='47' r='2.5'/%3E%3Ccircle cx='167' cy='152' r='2'/%3E%3Ccircle cx='120' cy='60' r='2.5'/%3E%3Ccircle cx='80' cy='170' r='2'/%3E%3Ccircle cx='190' cy='30' r='2'/%3E%3C/g%3E%3C/svg%3E")}
.rxr-s-winter .hero,.rxr-s-winter .page-head{--rxr-top:#edf3fb}
.rxr-s-winter .hero::before,.rxr-s-winter .page-head::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='none' stroke='%23b9cfe8' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M50 30v24M38 36l24 12M38 48l24-12'/%3E%3Cpath d='M160 140v18M151 144l18 9M151 153l18-9'/%3E%3C/g%3E%3Cg fill='%23cddcef'%3E%3Ccircle cx='120' cy='70' r='3'/%3E%3Ccircle cx='190' cy='60' r='2'/%3E%3Ccircle cx='80' cy='160' r='2.5'/%3E%3Ccircle cx='30' cy='120' r='2'/%3E%3Ccircle cx='200' cy='200' r='3'/%3E%3C/g%3E%3C/svg%3E")}
.rxr-s-spring .hero,.rxr-s-spring .page-head{--rxr-top:#fdf0f4}
.rxr-s-spring .hero::before,.rxr-s-spring .page-head::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23f6bccb'%3E%3Cellipse cx='40' cy='40' rx='9' ry='5' transform='rotate(25 40 40)'/%3E%3Cellipse cx='150' cy='70' rx='7' ry='4' transform='rotate(-30 150 70)'/%3E%3Cellipse cx='90' cy='150' rx='8' ry='4.5' transform='rotate(60 90 150)'/%3E%3Cellipse cx='190' cy='180' rx='6' ry='3.5' transform='rotate(10 190 180)'/%3E%3C/g%3E%3Cg fill='%23f9d3dd'%3E%3Cellipse cx='110' cy='30' rx='6' ry='3.5' transform='rotate(-15 110 30)'/%3E%3Cellipse cx='30' cy='190' rx='7' ry='4' transform='rotate(40 30 190)'/%3E%3C/g%3E%3C/svg%3E")}
.rxr-s-greenery .hero,.rxr-s-greenery .page-head{--rxr-top:#edf8ea}
.rxr-s-greenery .hero::before,.rxr-s-greenery .page-head::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23b3dca8'%3E%3Cpath d='M40 60c0-14 12-24 26-24-2 14-12 24-26 24Z'/%3E%3Cpath d='M150 150c0-12 10-20 22-20-2 12-10 20-22 20Z'/%3E%3C/g%3E%3Cg fill='%23d0ebc8'%3E%3Cpath d='M120 70c2-10 10-16 20-15-3 9-10 15-20 15Z'/%3E%3Cpath d='M50 170c2-9 9-14 18-13-3 8-9 13-18 13Z'/%3E%3C/g%3E%3C/svg%3E")}
.rxr-s-rainy .hero,.rxr-s-rainy .page-head{--rxr-top:#eef1f8}
.rxr-s-rainy .hero::before,.rxr-s-rainy .page-head::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23c3bdec'%3E%3Ccircle cx='40' cy='50' r='6'/%3E%3Ccircle cx='50' cy='44' r='6'/%3E%3Ccircle cx='52' cy='56' r='6'/%3E%3Ccircle cx='44' cy='62' r='6'/%3E%3C/g%3E%3Cg fill='%23b3cdf0'%3E%3Ccircle cx='160' cy='150' r='6'/%3E%3Ccircle cx='170' cy='144' r='6'/%3E%3Ccircle cx='172' cy='156' r='6'/%3E%3Ccircle cx='164' cy='162' r='6'/%3E%3C/g%3E%3Cg fill='%23a8c9a0'%3E%3Cpath d='M58 66c8 2 13 8 14 16-8-2-13-8-14-16Z'/%3E%3Cpath d='M178 166c7 2 11 7 12 14-7-2-11-7-12-14Z'/%3E%3C/g%3E%3C/svg%3E")}
.rxr-s-summer .hero,.rxr-s-summer .page-head{--rxr-top:#e6f5fb}
.rxr-s-summer .hero::before,.rxr-s-summer .page-head::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='none' stroke='%239fd4e8' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M20 60q12-10 24 0t24 0'/%3E%3Cpath d='M130 160q12-10 24 0t24 0'/%3E%3C/g%3E%3Cg fill='%23ffd98a'%3E%3Ccircle cx='160' cy='50' r='9'/%3E%3C/g%3E%3Cg fill='%23bfe5f1'%3E%3Ccircle cx='70' cy='140' r='3'/%3E%3Ccircle cx='200' cy='110' r='2.5'/%3E%3C/g%3E%3C/svg%3E")}
.rxr-s-autumn .hero,.rxr-s-autumn .page-head{--rxr-top:#faf4e4}
.rxr-s-autumn .hero::before,.rxr-s-autumn .page-head::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Ccircle cx='170' cy='50' r='16' fill='%23f6dc8e'/%3E%3Cg fill='none' stroke='%23d9c08a' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M40 200c4-30 8-50 20-70'/%3E%3Cpath d='M52 200c2-24 8-40 22-56'/%3E%3C/g%3E%3Cg fill='%23e6cf9a'%3E%3Cellipse cx='62' cy='126' rx='7' ry='3' transform='rotate(-50 62 126)'/%3E%3Cellipse cx='76' cy='140' rx='6' ry='2.6' transform='rotate(-40 76 140)'/%3E%3C/g%3E%3C/svg%3E")}
.rxr-s-momiji .hero,.rxr-s-momiji .page-head{--rxr-top:#fbf0e6}
.rxr-s-momiji .hero::before,.rxr-s-momiji .page-head::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cpath fill='%23f0a275' d='M50 30l5 13 12-6-5 12 13 4-12 6 6 12-13-5-6 13-6-13-13 5 6-12-12-6 13-4-5-12 12 6Z'/%3E%3Cpath fill='%23e98a6a' d='M160 140l4 10 9-5-4 9 10 3-9 5 5 9-10-4-5 10-5-10-10 4 5-9-9-5 10-3-4-9 9 5Z'/%3E%3Cg fill='%23f3c27a'%3E%3Cellipse cx='130' cy='60' rx='6' ry='3.5' transform='rotate(35 130 60)'/%3E%3Cellipse cx='60' cy='170' rx='6' ry='3.5' transform='rotate(-20 60 170)'/%3E%3C/g%3E%3C/svg%3E")}
.rxr-w-cloud .hero,.rxr-w-cloud .page-head{--rxr-top:#f1f4f5}
.rxr-w-rain .hero,.rxr-w-rain .page-head{--rxr-top:#ebf0f5}
.rxr-w-rain .hero::after,.rxr-w-rain .page-head::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%2399b4cc' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M20 10l-4 12M70 40l-4 12M100 80l-4 12M40 85l-4 12M95 15l-3 9'/%3E%3C/g%3E%3C/svg%3E");animation:rxr-fall 1.6s linear infinite}
.rxr-w-snow .hero,.rxr-w-snow .page-head{--rxr-top:#eef3f9}
.rxr-w-snow .hero::after,.rxr-w-snow .page-head::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='%23c7d8ec'%3E%3Ccircle cx='20' cy='20' r='3'/%3E%3Ccircle cx='80' cy='45' r='2.2'/%3E%3Ccircle cx='50' cy='90' r='2.6'/%3E%3Ccircle cx='105' cy='100' r='2'/%3E%3C/g%3E%3C/svg%3E");animation:rxr-fall 9s linear infinite}
.rxr-hot .hero,.rxr-hot .page-head{--rxr-top:#fdf3e1}
@keyframes rxr-fall{from{background-position:0 0}to{background-position:0 120px}}
@media (prefers-reduced-motion:reduce){.hero::after,.page-head::after{animation:none!important}}
.rxr-t-morning .hero,.rxr-t-morning .page-head{--rxr-tint:rgba(255,206,172,.40)}
.rxr-t-dusk .hero,.rxr-t-dusk .page-head{--rxr-tint:rgba(248,158,104,.42)}
.rxr-t-night .hero,.rxr-t-night .page-head{--rxr-top:#e8ebf6;--rxr-tint:rgba(54,70,142,.28)}
.rxr-t-night .hero-in::before,.rxr-t-night .page-head>.wrap::before{content:"";position:absolute;z-index:-1;inset:-80px -50vw -40px;pointer-events:none;opacity:.9;background-size:260px 260px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg fill='%23fff6cf'%3E%3Ccircle cx='30' cy='26' r='1.8'/%3E%3Ccircle cx='120' cy='60' r='1.3'/%3E%3Ccircle cx='210' cy='22' r='2'/%3E%3Ccircle cx='70' cy='120' r='1.2'/%3E%3Ccircle cx='180' cy='140' r='1.6'/%3E%3Ccircle cx='240' cy='96' r='1.1'/%3E%3C/g%3E%3Cpath d='M150 30l1.5 4 4 1.5-4 1.5-1.5 4-1.5-4-4-1.5 4-1.5Z' fill='%23ffffff'/%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(180deg,#000 0,transparent 55%);mask-image:linear-gradient(180deg,#000 0,transparent 55%)}
.rxr-t-night .hero-in::after,.rxr-t-night .page-head>.wrap::after{content:"";position:absolute;z-index:-1;top:-28px;right:max(8px,4vw);width:44px;height:44px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath d='M30 6a17 17 0 1 0 8 26A15 15 0 0 1 30 6Z' fill='%23fff1b8'/%3E%3C/svg%3E") no-repeat center/contain}
.rxr-w-rain.rxr-t-night .hero-in::before,.rxr-w-rain.rxr-t-night .page-head>.wrap::before,.rxr-w-snow.rxr-t-night .hero-in::before,.rxr-w-snow.rxr-t-night .page-head>.wrap::before,.rxr-w-cloud.rxr-t-night .hero-in::before,.rxr-w-cloud.rxr-t-night .page-head>.wrap::before,.rxr-w-rain.rxr-t-night .hero-in::after,.rxr-w-rain.rxr-t-night .page-head>.wrap::after,.rxr-w-snow.rxr-t-night .hero-in::after,.rxr-w-snow.rxr-t-night .page-head>.wrap::after,.rxr-w-cloud.rxr-t-night .hero-in::after,.rxr-w-cloud.rxr-t-night .page-head>.wrap::after{display:none}
@media (max-width:760px){.rxr-t-night .hero-in::after,.rxr-t-night .page-head>.wrap::after{top:-36px;width:34px;height:34px}}

/* ---------- 下層ページの見出し帯：トップと同じ雰囲気に ---------- */
body .page-head{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--rxr-tint) 0%,rgba(255,255,255,0) 88%),linear-gradient(180deg,var(--rxr-top) 0%,#fff 100%);padding:clamp(36px,4.8vw,60px) 0 clamp(30px,3.8vw,46px)}
.page-head>.wrap{position:relative}
.page-head h1{font-size:clamp(25px,3.3vw,35px);letter-spacing:.04em}
.page-head .wrap>div>p,.page-head>.wrap>p{font-size:15.5px;max-width:40em}
.page-ico{position:relative;width:66px;height:66px;border-radius:22px;background:var(--tbg,#fff);
  box-shadow:0 0 0 5px rgba(255,255,255,.9),0 8px 22px rgba(35,50,58,.10)}
.page-ico::before,.page-ico::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.page-ico::before{width:10px;height:10px;top:-8px;left:-16px;background:var(--sun,#ffc845)}
.page-ico::after{width:7px;height:7px;bottom:-4px;right:-16px;background:#b9d8ff}
