/* Approved PC concept 02 and its mobile composition. Existing artwork/motion is reused. */
.top-v3{position:relative;max-width:1440px;margin:0 auto;background:#fffdf7;color:#3d3c3a;height:clamp(640px,calc(100svh - 110px),712px);font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;isolation:isolate}
.top-v3 h1,.top-v3 h2,.top-v3 p{margin:0}
.top-v3-visual{height:100%;position:relative;overflow:hidden}
.top-v3-photo{position:absolute;left:33.75%;top:0;width:66.25%;height:90.73%;object-fit:cover;object-position:center;border-radius:60px 0 0 60px}
.top-v3-copy{position:absolute;z-index:2;top:3.65%;left:2.917%;width:28.334%}
.top-v3-copy h1{line-height:1}.top-v3-copy h1 img{width:100%;height:auto}
.top-v3-copy p{font-size:clamp(14px,1.112vw,16px);font-weight:600;line-height:1.9;letter-spacing:.06em;margin-top:16px;white-space:nowrap}
.top-v3-friends{position:absolute;right:2.083%;bottom:10px;width:49.306%;height:auto;z-index:4}
.top-v3-opening{position:absolute;left:2.361%;top:calc(39.326% + 18px);width:29.028%;height:15.31%;min-height:100px;z-index:5;background:#079caf;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:20px;box-shadow:0 5px 0 #d0e9e7;font-weight:700;white-space:nowrap;transition:background-color .15s}
.top-v3-opening:hover{background:#078da0}.top-v3-opening:focus-visible{outline:3px solid #cc276b;outline-offset:5px}
.top-v3-new{position:absolute;left:19px;top:-15px;display:grid;place-items:center;width:60px;height:28px;background:#ffe136;color:#474633;border-radius:8px;transform:rotate(-7deg);font:700 12px Arial,sans-serif;letter-spacing:.04em}
.top-v3-opening-text{text-align:center}.top-v3-opening-title{display:flex;align-items:baseline;justify-content:center;gap:8px;font-size:clamp(17px,1.667vw,24px);line-height:1.45}
.top-v3-opening-title strong{font-size:clamp(28px,2.431vw,35px);color:#fff16e;letter-spacing:.03em}
.top-v3-opening-age{display:block;width:fit-content;max-width:100%;margin:6px auto 0;padding:4px 19px;background:#fff;color:#186e78;border-radius:25px;font-size:14px;line-height:1.5;font-weight:600;letter-spacing:0}
.top-v3-aid{position:absolute;left:3.333%;top:calc(56.882% + 18px);width:26.528%;z-index:3}
.top-v3-aid h2{font-size:clamp(13px,1.112vw,16px);font-weight:700;color:#178d9d;letter-spacing:.035em;line-height:1.65;border-bottom:2px solid #d6e9e6;padding-bottom:9px;margin-bottom:10px;white-space:nowrap}
.top-v3-aid h2 small{font-size:12px;font-weight:600;letter-spacing:.03em}
.top-v3-aid-grid article{display:flex;align-items:center;gap:clamp(12px,1.528vw,22px);margin:8px 0}
.top-v3-aid-grid article:first-child{border-bottom:1px dashed #e1dcca;padding-bottom:5px;margin-bottom:4px}
.top-v3-stamp{width:clamp(76px,7.014vw,101px);height:auto;aspect-ratio:1;object-fit:contain;flex-shrink:0}
.top-v3-aid-grid p{font-size:clamp(13px,1.112vw,16px);line-height:1.75;font-weight:600;white-space:nowrap}
.top-v3-aid-grid small{font-size:13px;font-weight:500}.top-v3-aid-grid b{font-size:clamp(20px,1.597vw,23px);letter-spacing:.015em}
.top-v3-aid .top-v3-aid-note{font-size:12px;line-height:1.6;color:#717171;margin-top:8px}
.top-v3 .shinagawa{mask-image:radial-gradient(ellipse 38% 38% at 50% 50%,#000 99%,transparent 100%),radial-gradient(ellipse 22% 21% at 50% 22%,#000 99%,transparent 100%),radial-gradient(ellipse 23% 23% at 24% 38%,#000 99%,transparent 100%),radial-gradient(ellipse 23% 23% at 76% 38%,#000 99%,transparent 100%),radial-gradient(ellipse 22% 22% at 25% 66%,#000 99%,transparent 100%),radial-gradient(ellipse 22% 22% at 75% 66%,#000 99%,transparent 100%),radial-gradient(ellipse 21% 22% at 50% 76%,#000 99%,transparent 100%)}
/* Keep the subsidy note above the mascots' feet without moving the announcement. */
@media(min-width:1001px){
 .top-v3-aid{top:auto;bottom:34px}
 .top-v3-aid h2{padding-bottom:6px;margin-bottom:6px}
 .top-v3-aid-grid article{margin:3px 0}
 .top-v3-aid-grid article:first-child{padding-bottom:3px;margin-bottom:3px}
 .top-v3-stamp{width:clamp(76px,5.834vw,84px)}
 .top-v3-aid .top-v3-aid-note{margin-top:6px}
}
@media(min-width:1001px) and (max-height:780px){.top-v3-copy{top:18px}.top-v3-copy p{margin-top:8px;font-size:14px;line-height:1.65}.top-v3-opening{top:calc(36% + 32px);height:100px}.top-v3-stamp{width:78px}}
@media(min-width:1001px) and (max-width:1200px){.top-v3-stamp{width:70px}}
@media(max-width:1000px){
 .top-v3{height:auto;max-width:700px;display:flex;flex-direction:column;background:white;--hero-height:clamp(375px,100vw,700px)}
 .top-v3-visual{height:var(--hero-height);flex:none;width:100%;order:0;overflow:hidden}
 .top-v3-photo{left:-15%;top:-24vw;width:125%;max-width:none;height:auto;object-fit:initial;border-radius:0}
 .top-v3-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffffdf 0,#ffffff8c 23%,#ffffff00 48%);pointer-events:none}
 .top-v3-copy{top:17px;left:19px;width:min(320px,calc(100% - 39px));z-index:2}.top-v3-copy p{display:none}
 .top-v3-friends{bottom:5px;right:3%;width:94%}
 .top-v3-opening{position:relative;left:auto;top:auto;order:1;width:calc(100% - 30px);height:106px;min-height:0;margin:10px 15px 19px;padding:10px 12px;flex:none;border-radius:19px;box-shadow:0 4px 0 #d4eaec}
 .top-v3-new{left:16px;top:-12px;width:52px;height:25px;font-size:11px;border-radius:7px}
 .top-v3-opening-title{font-size:clamp(18px,5.1vw,22px);gap:7px;letter-spacing:0}.top-v3-opening-title strong{font-size:clamp(28px,7.7vw,33px);letter-spacing:.02em}
 .top-v3-opening-age{font-size:14px;padding:4px 15px}
 .top-v3-aid{position:relative;left:auto;top:auto;width:100%;order:2;padding:15px 16px 17px;border-radius:0;background:#effbfe}
 .top-v3-aid h2{font-size:15px;line-height:1.6;text-align:center;border:0;padding:0;margin:0 0 8px;letter-spacing:.025em}.top-v3-aid h2 small{font-size:12px;margin-left:3px}
 .top-v3-aid-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .top-v3-aid-grid article,.top-v3-aid-grid article:first-child{flex-direction:column;gap:4px;align-items:center;justify-content:flex-start;margin:0;padding:0;border:0;text-align:center}
 .top-v3-stamp{width:104px;height:104px}.top-v3-aid-grid p{font-size:14px;line-height:1.8;letter-spacing:0}.top-v3-aid-grid small{font-size:12px}.top-v3-aid-grid b{font-size:19px}
 .top-v3-aid .top-v3-aid-note{font-size:12px;line-height:1.6;margin:12px 0 0;text-align:center;white-space:normal}
}
@media(min-width:701px) and (max-width:1000px){.top-v3-photo{top:-168px}}
@media(max-width:700px){
 .top-v3 .mascot-track{right:0;bottom:5px;width:100%;z-index:4}
}
@media(max-width:430px){.top-v3{--hero-height:clamp(375px,100vw,410px)}}
@media(max-width:359px){.top-v3-opening-title{font-size:16px}.top-v3-opening-title strong{font-size:27px}.top-v3-opening-age{font-size:13px}.top-v3-aid{padding-left:10px;padding-right:10px}.top-v3-aid-grid{gap:8px}.top-v3-aid-grid p{font-size:13px}.top-v3-aid-grid small{font-size:12px}.top-v3-aid-grid b{font-size:18px}.top-v3-aid h2{font-size:14px}}