@charset "UTF-8";
:root{--red:#bc0714;--ink:#1b1310;--gold:#bb8a32;--paper:#fffdf5}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#eee7d6}
body{color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:800;background:radial-gradient(ellipse at 50% 20%,#fffdf7 0%,#f1e8d2 75%,#dbc89e 100%)}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}a:focus-visible{outline:3px solid #e44c00;outline-offset:5px}
.site-header{position:relative;z-index:5;min-height:64px;padding:12px max(24px,calc((100vw - 1120px)/2));background:#1c1714;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:3px solid #b88c43}
.brand{width:225px;flex-shrink:0}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{font-size:12px;letter-spacing:.06em;transition:color .2s}.site-header nav a:hover{color:#f4d283}
.poster{isolation:isolate;position:relative;overflow:hidden;max-width:1120px;margin:auto;background:#fffdf7 url('../img/back.jpg') center top / 100% auto repeat-y;box-shadow:0 0 70px #684c1b21}
.poster::after{content:"";position:absolute;inset:12px;border:1px solid #b792474f;pointer-events:none;z-index:3}
.hero{position:relative;text-align:center;padding:24px 32px 28px;isolation:isolate}
.feathers{position:absolute;inset:0 -5% -34%;background:url('../羽.png') center top / 100% auto no-repeat;pointer-events:none;z-index:-1;opacity:.85}
.hero-eyebrow{position:relative;display:flex;justify-content:space-between;max-width:880px;margin:auto;color:#806326;font:800 12px/1.5 "Barlow Condensed",sans-serif;letter-spacing:.3em}
.logo-stage{position:relative;width:77%;max-width:780px;margin:4px auto -18px}.main-logo{width:100%;filter:drop-shadow(0 12px 10px #6f3e133d)}
.ribbon{position:absolute;z-index:-2;top:115px;width:170px;height:520px;background:linear-gradient(100deg,#74010c 0%,#e82a2a 28%,#ff5b48 46%,#af0014 64%,#55000b 100%);box-shadow:inset 12px 0 20px #ffc7858c,14px 10px 30px #6f280f30;border:2px solid #ffd095;opacity:.9}
.ribbon-left{left:1%;transform:rotate(19deg);border-radius:70% 15% 65% 10%;clip-path:polygon(0 0,100% 4%,82% 60%,100% 100%,15% 90%,30% 40%)}
.ribbon-right{right:1%;transform:rotate(-19deg);border-radius:15% 70% 10% 65%;clip-path:polygon(0 4%,100% 0,70% 40%,85% 90%,0 100%,18% 60%)}
.light{position:absolute;z-index:2;pointer-events:none;width:150px;aspect-ratio:1;background:radial-gradient(circle,#fff 0%,#fffad2 4%,#fff8b1aa 9%,transparent 45%);filter:drop-shadow(0 0 10px #fff6a8)}
.light::before,.light::after{content:"";position:absolute;left:49%;top:0;width:2%;height:100%;background:linear-gradient(transparent,#fff,transparent)}.light::after{transform:rotate(90deg)}.light-one{top:0;left:24%;transform:rotate(25deg)}.light-two{right:-5%;bottom:10%;width:110px;transform:rotate(20deg)}
.event-title{position:relative;z-index:2;font-weight:900;line-height:1.14;letter-spacing:-.065em;color:#ffdb52;filter:drop-shadow(0 4px 2px #3b1600);-webkit-text-stroke:5px #281405;paint-order:stroke fill;text-shadow:1px 2px 0 #a85100,-1px -1px 0 #fff9cf}
.event-title span{display:block;font-size:clamp(25px,5.5vw,62px)}.event-title strong{display:block;font-size:clamp(40px,8.8vw,98px);background:linear-gradient(#fffdd5 2%,#ffdf57 22%,#ffb400 49%,#fff197 54%,#eeb11c 80%,#fff1a2);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:5px #281405;paint-order:stroke fill}
.store-name{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px auto 0;color:#5e431a;font-size:18px;letter-spacing:.2em}.store-name::before,.store-name::after{content:"";width:80px;height:1px;background:linear-gradient(90deg,transparent,#a37a33)}.store-name::after{transform:rotate(180deg)}
.announcement{position:relative;text-align:center;padding:30px 48px 50px;background:linear-gradient(180deg,#fffdf900,#fffdf9de 12%,#fffdf9de 80%,#fffdf900)}
.catch-title{font-size:clamp(30px,4.5vw,52px);font-weight:900;letter-spacing:-.07em;line-height:1.2}.catch-en{font-family:"Barlow Condensed",sans-serif;font-size:1.32em;letter-spacing:-.025em;color:#b60713}.catch-comma{font-family:"Noto Sans JP",sans-serif;font-size:.7em}
.intro{margin:20px 0 14px;font-size:clamp(16px,2.8vw,31px);font-weight:900;line-height:1.65;letter-spacing:-.045em}.intro strong{font-size:1.15em}
.pride-copy{display:inline-block;padding:10px 25px 13px;background:linear-gradient(100deg,#7d0410,#c3091a 45%,#86000d);border-top:2px solid #dfbc6d;border-bottom:2px solid #dfbc6d;box-shadow:0 4px 12px #8c591523;color:#fff8e7;font-size:clamp(16px,2.7vw,30px);line-height:1.5;letter-spacing:-.05em}.pride-copy em{color:#ffe18b;font-style:normal;font-size:1.3em}.mobile-break{display:none}
.date-block{max-width:980px;margin:38px auto 0}.date-label{display:flex;align-items:center;justify-content:center;gap:15px;color:#977027}.date-label::before,.date-label::after{content:"";height:1px;background:#c4a466;flex:1}.date-label span{font-size:17px;letter-spacing:.2em}.date-label b{font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.2em}
.event-date{display:flex;justify-content:center;align-items:baseline;white-space:nowrap;line-height:.98;margin:12px -12px 0;font-weight:900;filter:drop-shadow(0 5px 0 #2b170c) drop-shadow(0 2px 3px #9e763c88)}
.date-number{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-size:clamp(115px,36vw,400px);letter-spacing:-.055em;background:linear-gradient(110deg,transparent 15%,#fff8 25%,transparent 36%),linear-gradient(#fffdeb 7%,#fff0a4 20%,#e5b22a 44%,#fff3ab 49%,#e4a415 72%,#fff3ac 98%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:4px #3a210c;paint-order:stroke fill}
.date-unit{font-size:clamp(62px,14vw,157px);letter-spacing:-.09em;margin-left:.05em;margin-right:.05em;color:#b00a13;-webkit-text-stroke:4px #fff0bb;paint-order:stroke fill;text-shadow:2px 2px 0 #5a1509}
.opening{display:flex;justify-content:center;align-items:center;gap:19px;width:fit-content;min-width:70%;margin:24px auto 0;padding:8px 28px 12px;background:#23130f;border:2px solid #d4ae60;outline:2px solid #23130f;outline-offset:3px;color:#fff1c1;box-shadow:0 8px 18px #6c3e172b}
.weekday{font:900 28px/1 "Barlow Condensed",sans-serif;color:#f4d075}.weekday span{display:block;font:800 11px/1.8 "Noto Sans JP",sans-serif;letter-spacing:.12em}.opening strong{font:900 87px/.95 "Barlow Condensed",sans-serif;letter-spacing:-.025em;color:#fff8e5}.open-text{font-size:33px;letter-spacing:.05em}
.site-footer{padding:30px 24px 20px;text-align:center;background:#211a16;color:#f7efdc;border-top:3px solid #c19a50}.footer-guide{font-size:12px;letter-spacing:.1em}.footer-link{display:flex;align-items:center;gap:28px;width:fit-content;margin:16px auto 25px;padding:16px 26px;background:#e94105;border:1px solid #ff895a;transition:background .2s,transform .2s}.footer-link img{width:280px}.footer-link>span{font-size:24px}.footer-link:hover{background:#ff5011;transform:translateY(-2px)}.copyright{font-family:Arial,sans-serif;font-size:10px;font-weight:400;color:#bfb29c}
@media(min-width:1500px){.poster{max-width:1120px}}
@media(max-width:650px){.site-header{padding:11px 12px 0;flex-direction:column;gap:10px}.brand{width:195px}.site-header nav{width:100%;justify-content:center;gap:0;border-top:1px solid #ffffff21}.site-header nav a{flex:1;text-align:center;font-size:11px;padding:10px 0}.site-header nav a+a{border-left:1px solid #ffffff21}.poster::after{inset:7px}.hero{padding:17px 14px 21px}.hero-eyebrow{font-size:8px;letter-spacing:.17em;margin:0 7px}.logo-stage{width:94%;margin:12px auto -5px}.ribbon{top:80px;width:74px;height:270px}.ribbon-left{left:-2%}.ribbon-right{right:-2%}.light-one{width:90px;left:20%;top:-5%}.light-two{width:70px}.event-title{ -webkit-text-stroke-width:3px}.event-title span{font-size:7vw}.event-title strong{font-size:11.4vw;-webkit-text-stroke-width:3px}.store-name{font-size:12px;margin-top:16px;gap:10px;letter-spacing:.12em}.store-name::before,.store-name::after{width:40px}.announcement{padding:22px 19px 34px}.catch-title{font-size:7.2vw}.intro{margin:15px 0 13px;font-size:4vw;line-height:1.8}.intro strong{font-size:1.14em}.pride-copy{display:block;padding:8px 5px 10px;font-size:4vw}.date-block{margin-top:25px}.date-label{gap:10px}.date-label span{font-size:12px}.date-label b{font-size:10px}.event-date{margin:13px -4px 0}.date-number{font-size:42vw;-webkit-text-stroke-width:2px}.date-unit{font-size:19vw;-webkit-text-stroke-width:2px;margin-left:.035em;margin-right:.035em}.opening{gap:13px;margin-top:18px;padding:7px 19px 10px;min-width:83%}.weekday{font-size:23px}.weekday span{font-size:10px}.opening strong{font-size:64px}.open-text{font-size:25px}.site-footer{padding:24px 18px 18px}.footer-link{padding:15px 21px;gap:18px}.footer-link img{width:235px}.copyright{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* 金色文字を縁取りの上にも明瞭に表示し、背景を一枚でつなぐ */
.poster{background-size:100% 100%;background-repeat:no-repeat}
.event-title strong{background:none;color:#ffd33f;text-shadow:0 -1px 0 #fff8d0,0 3px 0 #b26200}

/* 既存ヘッダー・フッターと、元の背景表示を復元 */

		.dechauheaderWrapper{
			width: 100%;
			position:sticky;
			top: 0px;
			left: 0px;
			z-index: 1;
			margin-bottom: 1em;
		}
		.dechauheader{
			width: 100%;
			background: #ff4200;
		}
		.dechauheader img{
			display: block;
			margin: 0 auto;
			width: 80%;
			max-width: 400px;
		}
		.dechauheader a{
			display: block;
			padding: 10px;
		}
		.dechauheaderContentsWrapper{
			background: #4d4d4d;
		}
		.dechauheaderContents{
			margin: 0 auto;
			width: 90%;
			max-width: 600px;
			display: flex;
			justify-content: space-between;
		}
		.dechauheaderContents a{
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
			font-size: 0.9em;
			display: block;
			padding: 0.5em;
			color: white;
		}
	
.dechauheaderContents a{font-weight:400}
.dechauheaderWrapper{z-index:10}
html{background:#fff}
body{background:#fff url('../img/back.jpg') center top / 100% auto no-repeat fixed}
.poster{background:transparent;box-shadow:none}
.poster::after{display:none}
.announcement{background:none}
.original-footer{width:calc(100% - 2em);max-width:700px;margin:0 auto}
.original-footer-link{display:block;padding:10px;text-align:center;background:#ff4200;border-radius:15px}
.original-footer-link img{width:100%}
.original-footer .copyright{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:.5em;font-weight:400;color:#000;text-align:center;margin:20px 0}

/* 説明文は黒、日付は背景に馴染む金色で統一 */
.hero-eyebrow,.store-name,.catch-title,.catch-en,.intro,.pride-copy,.pride-copy em{color:#000}
.pride-copy{background:none;border:0;box-shadow:none;padding:0;font-weight:900}
.pride-copy em{font-size:1em}
.logo-stage{margin-bottom:0}
.store-name{margin-top:26px}
.event-date{filter:drop-shadow(0 2px 1px #8b671c35);line-height:1.1;margin-top:16px}
.date-number,.date-unit{background:linear-gradient(115deg,transparent 16%,#fff7cb99 27%,transparent 40%),linear-gradient(#f8e8a3 4%,#c49830 30%,#fff1af 48%,#b68723 70%,#e7c970 95%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #a17a2b;paint-order:stroke fill;text-shadow:none}
.date-number{font-size:clamp(115px,34vw,380px);letter-spacing:-.035em}
.date-unit{font-size:clamp(62px,14vw,157px);margin-left:.06em;margin-right:.06em}
.event-weekday{display:flex;align-items:center;justify-content:center;gap:18px;max-width:460px;margin:18px auto 0;color:#a07b2d}
.event-weekday::before,.event-weekday::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#c5a45b)}
.event-weekday::after{transform:rotate(180deg)}
.event-weekday span:first-child{font:800 32px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.15em}
.event-weekday span:last-child{font-size:19px;letter-spacing:.16em}
@media(max-width:650px){
 .logo-stage{margin-bottom:0}
 .store-name{margin-top:20px}
 .pride-copy{padding:0;font-size:4vw}
 .date-number{font-size:39vw;-webkit-text-stroke-width:.6px}
 .date-unit{font-size:18vw;-webkit-text-stroke-width:.6px}
 .event-weekday{gap:12px;margin-top:12px;max-width:260px}
 .event-weekday span:first-child{font-size:25px}
 .event-weekday span:last-child{font-size:15px}
}
.date-number,.date-unit{-webkit-text-stroke:0}
.date-number{letter-spacing:0}

/* PRIDEを同じ見出し内の和文と同じ書体・サイズに揃える */
.catch-en,.catch-comma{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}

/* 店舗名→説明文と、説明文→取材日の余白を共通化 */
.poster{--copy-gap:38px}
.hero{padding-bottom:0}
.announcement{padding-top:var(--copy-gap)}
.pride-copy{display:block}
.date-block{margin-top:var(--copy-gap)}
/* 参考画像に合わせた、太い赤一色の日付 */
.event-date{gap:0;filter:none;line-height:1.15;margin:18px 0 0;align-items:baseline}
.date-number,.date-unit{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:900;background:none;color:#c60012;-webkit-text-stroke:0;text-shadow:none;filter:none}
.date-number{font-size:clamp(70px,23.5vw,260px);letter-spacing:-.08em}
.date-unit{font-size:clamp(52px,17.6vw,195px);letter-spacing:-.06em;margin:0}
@media(max-width:650px){
 .poster{--copy-gap:25px}
 .hero{padding-top:12px;padding-bottom:0}
 .logo-stage{width:78%;margin-top:8px;margin-bottom:0}
 .store-name{margin-top:16px}
 .announcement{padding-top:var(--copy-gap)}
 .date-block{margin-top:var(--copy-gap)}
 .event-date{margin-top:14px}
 .date-number{font-size:23.5vw}
 .date-unit{font-size:17.6vw}
}

/* メインロゴとフッターボタンの左右の幅を揃える */
.hero{padding-left:1em;padding-right:1em}
.logo-stage{width:100%;max-width:700px}
@media(max-width:650px){
 .hero{padding-left:1em;padding-right:1em}
 .logo-stage{width:100%;max-width:700px}
}

/* 全体の縦余白を詰める。店舗名→説明文、説明文→取材日は同じ間隔を維持 */
.dechauheaderWrapper{margin-bottom:0}
.poster{--copy-gap:22px}
.hero{padding-top:14px}
.logo-stage{margin-top:0}
.store-name{margin-top:14px}
.intro{margin-top:12px;margin-bottom:8px;line-height:1.5}
.pride-copy{line-height:1.4}
.announcement{padding-bottom:24px}
.event-date{margin-top:8px;line-height:1.02}
.original-footer .copyright{margin:12px 0}
@media(max-width:650px){
 .poster{--copy-gap:16px}
 .hero{padding-top:8px}
 .logo-stage{margin-top:0}
 .store-name{margin-top:10px}
 .intro{margin-top:10px;margin-bottom:6px;line-height:1.5}
 .announcement{padding-bottom:18px}
 .event-date{margin-top:6px}
}

/* 説明文を一つの段落にまとめ、全行を同じ文字サイズに統一 */
.intro{margin-bottom:0;font-weight:900;color:#000}

/* 月・日は従来の約2/3。日付全体に白い外側光彩を付ける */
.date-unit{font-size:clamp(35px,11.73vw,130px)}
.date-number,.date-unit{text-shadow:0 0 3px #fff,0 0 6px #fff,0 0 12px #fff,0 0 20px #ffffffdd}
@media(max-width:650px){
 .date-unit{font-size:11.73vw}
}

/* 光彩を除去し、日付全体を約25%拡大 */
.event-date{filter:none}
.date-number,.date-unit{text-shadow:none;filter:none}
.date-number{font-size:clamp(88px,29.4vw,325px)}
.date-unit{font-size:clamp(44px,14.66vw,162.5px)}
@media(max-width:650px){
 .date-number{font-size:29.4vw}
 .date-unit{font-size:14.66vw}
}

/* 数字と月・日の間に余白を確保 */
.event-date{column-gap:clamp(5px,1.2vw,13px)}

/* 提供された日付画像を表示 */
.event-date-image{width:100%;margin:12px auto 0}
.event-date-image img{display:block;width:100%;height:auto}
@media(max-width:650px){.event-date-image{margin-top:8px}}