@charset "UTF-8";
/* 女子編集部襷リレー：既存LPの黒・オレンジ・金とカード装飾を継承 */
html{scroll-behavior:smooth;scroll-padding-top:185px}body{background:#000}.body1{color:#fff}.title{max-width:800px}.schedule-heading{background:linear-gradient(180deg,#ff7000,#ff4200);border:2px solid #ffb244;color:#fff;text-shadow:1px 2px 2px #7b1a00;box-shadow:inset 0 0 0 2px #982800;border-radius:5px;font-size:clamp(22px,4.5vw,32px);justify-content:flex-start;padding:14px 22px;letter-spacing:.03em;animation:none}.schedule-heading:before{content:"";width:6px;height:1em;background:#fff100;margin-right:12px;box-shadow:2px 0 #a12a00}.relay-movies-section,.relay-present,.relay-schedule{max-width:1050px;margin:0 auto 48px}.relay-movie-guide{text-align:center;font-size:13px;color:#ddd;margin:-4px 0 20px}.relay-movie-guide>span{display:none}.relay-movies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:900px;margin:0 auto}.relay-movie{min-width:0;border:2px solid #666;background:#101010;border-radius:10px;overflow:hidden}.relay-movie h3{color:#fff;font-weight:900;font-size:21px;line-height:1.5;padding:12px 6px;text-align:center;background:linear-gradient(#2d2925,#080808);border-bottom:2px solid #ff4200}.relay-movie h3 span{display:block;font-size:11px;color:#ffd447;letter-spacing:.12em;margin-bottom:3px}.relay-movie video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#000}.relay-about{max-width:1050px;padding:26px 22px;margin-bottom:48px;border-color:#ffb13d;border-radius:10px}.relay-about h2{font-family:inherit;font-size:clamp(19px,4.5vw,30px);line-height:1.5;animation:none;-webkit-text-stroke:0;text-shadow:0 0 12px #ec4a00}.relay-about p{font-size:clamp(15px,3.6vw,23px);line-height:1.85;text-align:left;max-width:850px;-webkit-text-stroke:0;animation:none}.relay-present-copy{font-size:18px;line-height:1.9;margin:24px auto 28px;padding:0 12px}.relay-present-copy p+p{margin-top:.6em}.relay-present-copy strong{color:#fff100;font-weight:900}.relay-casts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.relay-cast{min-width:0;background:linear-gradient(145deg,#28221b,#050101 65%);border:2px solid #888;border-radius:10px;overflow:hidden;padding:0 14px 16px;box-shadow:inset 0 0 15px #301007}.relay-cast h3{margin:0 -14px 14px;padding:13px 6px;background:#ff4200;color:#000;text-align:center;font-size:clamp(20px,2.8vw,27px);font-weight:900;border-bottom:2px solid #a82b00;text-shadow:0 1px #ffb167}.relay-cast-images{display:flex;align-items:center;gap:10px;margin-bottom:15px}.relay-portrait{width:calc(100% - 106px);aspect-ratio:1;object-fit:cover;border:2px solid #ffae36;border-radius:5px}.relay-qr{flex:0 0 96px;background:white;display:block}.relay-qr img{display:block;width:96px;height:96px;image-rendering:pixelated}.relay-x{display:flex;justify-content:center;align-items:center;gap:5px;padding:12px 3px;min-height:48px;background:#eee;color:#000;font-size:12px;font-weight:900;border-radius:5px;border:1px solid #777;box-shadow:0 3px #4f4b49}.relay-x:hover{background:#ffd447}.relay-x span:first-child{font:800 24px Arial;line-height:1}.relay-x span:last-child{font-size:18px}.relay-year{text-align:center;color:#ffd447;font-size:clamp(16px,3.5vw,24px);font-weight:900;margin:25px 0}.relay-schedule .schedule-list{gap:18px}.relay-schedule .schedule-card{flex:1 1 30%;max-width:calc((100% - 36px)/3);min-width:0;padding:14px;gap:20px;animation:none}.relay-date{display:flex;align-items:flex-end;justify-content:center;margin:10px 0 3px;white-space:nowrap}.relay-date .date-main{font-size:clamp(40px,5.5vw,65px);letter-spacing:0;line-height:1}.relay-date .date-week{font-size:clamp(18px,2.3vw,27px);line-height:1;margin-left:4px;padding-bottom:5px}.relay-schedule .hall-name{font-size:clamp(19px,2.3vw,26px);animation:none}.relay-schedule .performer-info{gap:9px;padding:10px 6px}.relay-schedule .performer-name{font-size:clamp(18px,2.3vw,24px)}.relay-schedule .cast-img{width:52px;height:52px;flex-basis:52px}.relay-schedule .performer-label{font-size:11px;padding:.4em 1em}.fadeInUp{opacity:1;transform:none}.cast-img{opacity:1;transform:none}a:focus-visible,video:focus-visible{outline:3px solid #fff100;outline-offset:4px}
@media(max-width:813px){html{scroll-padding-top:120px}.relay-movies{gap:16px}.relay-movie h3{font-size:18px}.relay-casts{gap:12px}.relay-cast{padding:0 10px 14px}.relay-cast h3{margin-left:-10px;margin-right:-10px;font-size:20px}.relay-cast-images{display:block}.relay-portrait{width:100%;margin-bottom:12px}.relay-qr{width:86px;margin:auto}.relay-qr img{width:86px;height:86px}.relay-x{font-size:11px;flex-wrap:wrap}.relay-x span:first-child{font-size:20px}.relay-schedule .schedule-card{padding:10px}.relay-schedule .performer-info{flex-direction:column}.relay-schedule .performer-name{font-size:20px}}
@media(max-width:700px){.relay-movies-section,.relay-present,.relay-schedule,.relay-about{margin-bottom:32px}.schedule-heading{padding:13px 16px}.relay-movie-guide{font-size:11px;line-height:1.8}.relay-movie-guide>span{display:block}.relay-movies{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 12px 16px;scroll-padding-left:12px;scrollbar-width:thin;scrollbar-color:#ff4200 #222;max-width:none}.relay-movie{flex:0 0 76%;max-width:280px;scroll-snap-align:start}.relay-movie h3{font-size:21px}.relay-about{padding:20px 12px}.relay-about h2{font-size:clamp(18px,4.8vw,26px);margin-bottom:14px}.relay-about p{font-size:15px;line-height:1.9}.relay-present-copy{font-size:15px;padding:0 8px;margin:20px 0}.relay-casts{display:flex;flex-direction:column;gap:18px;max-width:500px;margin:auto}.relay-cast{padding:0 14px 17px}.relay-cast h3{font-size:25px;margin:0 -14px 16px}.relay-cast-images{display:flex;gap:18px;justify-content:center}.relay-portrait{width:calc(100% - 146px);max-width:190px;margin:0;min-width:0}.relay-qr{width:116px;flex:0 0 116px;margin:0}.relay-qr img{width:116px;height:116px}.relay-x{font-size:15px;gap:10px;flex-wrap:nowrap}.relay-x span:first-child{font-size:25px}.relay-schedule .schedule-list{gap:24px}.relay-schedule .schedule-card{flex:1 1 100%;max-width:500px;padding:16px;gap:22px}.relay-date .date-main{font-size:clamp(58px,16vw,82px)}.relay-date .date-week{font-size:clamp(25px,7vw,36px)}.relay-schedule .hall-name{font-size:clamp(22px,6vw,30px)}.relay-schedule .performer-info{flex-direction:row;gap:14px;padding:12px}.relay-schedule .cast-img{width:62px;height:62px;flex-basis:62px}.relay-schedule .performer-name{font-size:25px}.relay-schedule .performer-label{font-size:13px}.notice-text{font-size:12px;padding-left:6px;padding-right:6px}}
@media(max-width:360px){.relay-cast-images{gap:12px}.relay-portrait{width:calc(100% - 116px)}.relay-qr{flex-basis:104px;width:104px}.relay-qr img{width:104px;height:104px}.relay-schedule .performer-name{font-size:22px}.relay-schedule .performer-info{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 2026-10-19 改修：テンプレート準拠の説明・3人一覧・動画ダイアログ */
body *,body *::before,body *::after{text-shadow:none!important;box-shadow:none!important}
.schedule-heading{background:#ff4200;border-color:#ff9b60}
.relay-cast,.relay-movie,.relay-movie h3{background:#111}
.hall-name,.performer-info.is-visible .cast-img{animation:none;filter:none}
.conceptIntro.relay-about{max-width:1050px;margin:24px auto 48px;padding:clamp(18px,4vw,32px);border:clamp(4px,.7vw,7px) solid #e60024;border-radius:16px;background:rgba(255,255,255,.96);color:#050505}
.conceptIntro.relay-about h2{padding-bottom:.65em;border-bottom:5px solid #e60024;color:#e60024;font:900 clamp(20px,4vw,36px)/1.4 "M PLUS 1p","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;text-align:center;margin:0;animation:none}
.conceptIntro ul{display:grid;gap:.65em;margin-top:1em;list-style:none}
.conceptIntro li{position:relative;padding-left:1.45em;font-size:clamp(16px,2.6vw,25px);font-weight:900;line-height:1.65}
.conceptIntro li::before{content:"";position:absolute;top:.52em;left:.08em;width:.72em;height:.72em;background:#e60024;transform:rotate(45deg)}
.relay-movies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:900px;padding:0;margin:auto;overflow:visible;scroll-snap-type:none}
.relay-movie{max-width:none;border-radius:6px}
.relay-movie h3{padding:10px 3px;font-size:21px}
.relay-video-open{display:block;position:relative;width:100%;border:0;background:#111;color:white;padding:0;cursor:pointer;font:700 14px "M PLUS 1p",Meiryo,sans-serif}
.relay-video-open>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.relay-play{position:absolute;left:50%;top:calc((100% - 40px)/2);transform:translate(-50%,-50%);width:48px;height:48px;border:2px solid white;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.65);font:20px Arial;padding-left:3px}
.relay-watch{display:block;padding:10px 2px;line-height:20px}
.relay-video-open:hover .relay-watch{background:#ff4200;color:#000}
.relay-video-open:focus-visible,.relay-video-close:focus-visible{outline:3px solid #fff100;outline-offset:-4px}
.relay-video-dialog{position:fixed;inset:0;margin:auto;padding:14px;width:min(94vw,480px);max-height:94vh;max-height:94dvh;border:1px solid #888;border-radius:8px;background:#111;color:white;overflow:auto;font-family:"M PLUS 1p",Meiryo,sans-serif}
.relay-video-dialog::backdrop{background:rgba(0,0,0,.86)}
.relay-video-dialog.is-fallback-open{display:block;z-index:10000;box-shadow:0 0 0 100vmax rgba(0,0,0,.86)}
.relay-player-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.relay-player-heading h2{font-size:20px;line-height:1.4}
.relay-video-close{flex:0 0 44px;width:44px;height:44px;background:#333;color:white;border:1px solid #888;border-radius:4px;font:32px/1 Arial;cursor:pointer}
.relay-player{display:block;width:100%;height:72vh;height:72dvh;max-height:640px;object-fit:contain;background:#000}
.relay-player-error{font-size:13px;line-height:1.7;margin-top:12px}.relay-player-error a{color:#ffd447;text-decoration:underline}
.video-modal-open{overflow:hidden}
@media(max-width:700px){.relay-movies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;overflow:visible;max-width:none}.relay-movie{flex:initial;max-width:none}.relay-movie h3{font-size:clamp(12px,3.4vw,20px);letter-spacing:-.05em;white-space:nowrap;padding:8px 1px;line-height:1.5}.relay-movie h3 span{font-size:9px;letter-spacing:0}.relay-play{width:36px;height:36px;font-size:15px;top:calc((100% - 34px)/2)}.relay-watch{font-size:11px;padding:7px 1px;line-height:20px}.relay-movie-guide{margin-bottom:14px;padding:0 5px;font-size:11px}.conceptIntro.relay-about{margin-bottom:32px;padding:20px 14px}.conceptIntro.relay-about h2{font-size:clamp(18px,4.9vw,28px)}.conceptIntro li{font-size:16px}.relay-player-heading h2{font-size:18px}}

/* スクロール領域をルートに統一し、上端・下端での過剰スクロールを抑える */
html{overflow-x:clip;overflow-y:auto;overscroll-behavior-y:none}
body{overflow-x:clip;overflow-y:visible;overscroll-behavior-y:none}
html.video-modal-open{overflow:hidden}
.relay-video-dialog{overscroll-behavior:contain}
