/*
Theme Name: 柳屋 Original
Description: 寿し処 柳屋専用。Colibri非依存・素材と筆文字フォントを同梱したオリジナルテーマ。
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: yanagiya
*/
@font-face{font-family:Yuji;src:url(assets/YujiSyuku-Regular.ttf) format('truetype');font-display:swap;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#24231f;background:#faf9f5 url(assets/paper.jpg) center/cover;font-family:Yuji,'Yu Mincho',serif}img{max-width:100%;height:auto}a{color:inherit}button{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:white;padding:12px}.site-header{position:absolute;inset:0 0 auto;z-index:10;height:86px;border-bottom:1px solid #ffffff50;display:flex;align-items:center;justify-content:space-between;padding:16px 4%}.brand{width:210px;display:block}.home-header .brand{visibility:hidden}.menu-toggle{background:transparent;color:white;border:0;font-size:28px;padding:6px 16px;cursor:pointer}.home-header{justify-content:center}.home-header .menu-toggle{color:#38362d}.site-nav{position:absolute;top:80px;right:4%;background:#fbfaf4f5;padding:24px 40px;box-shadow:0 8px 24px #0002}.site-nav a{display:block;padding:12px;text-decoration:none}.site-nav[hidden]{display:none}.hero{height:600px;background:url(assets/hero.jpg) center/cover;display:grid;place-items:center}.hero img{width:260px;height:350px;object-fit:contain}.intro{height:350px;display:flex;align-items:center;justify-content:center}.vertical{writing-mode:vertical-rl;text-orientation:mixed;line-height:2.7;letter-spacing:.13em;font-size:19px;margin:0}.intro .vertical{font-size:25px;line-height:1.8}.intro small{font:11px Georgia,serif;color:#9e444d;writing-mode:vertical-rl;letter-spacing:.1em;margin-left:12px}.photo-panel{height:440px;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;color:white}.photo-panel:before{content:'';position:absolute;inset:0;background:#201a1270}.photo-panel>div{position:relative}.photo-panel h2{font-weight:400;font-size:27px;margin:0 0 12px;border-bottom:3px solid white;padding-bottom:12px;letter-spacing:.13em}.photo-panel p{font:18px Georgia,serif;margin:0}.appetizer{background-image:url(assets/appetizer.jpg)}.sushi{background-image:url(assets/sushi.jpg)}.story{padding:80px 24px;text-align:center;min-height:510px}.story-inner{display:flex;flex-direction:row-reverse;justify-content:center;gap:48px}.story h2{font-size:26px;font-weight:400;writing-mode:vertical-rl;margin:0;letter-spacing:.2em}.story h2:before,.story h2:after{content:'〈';color:#9c2132;padding:10px 0}.story h2:after{content:'〉'}.story .vertical{font-size:18px;max-height:285px}.decoration{width:55%;height:30px;border-bottom:1px solid #ad7178;margin:12px auto 32px;border-radius:50%}.outline-button{display:inline-block;text-decoration:none;border:1px solid #8b1023;border-radius:4px;color:#8b1023;padding:10px 25px;font-size:15px;letter-spacing:.12em}.outline-button:hover{background:#8b1023;color:white}.site-footer{position:relative;padding:36px max(24px,10%);background:#a39b8e url(assets/footer.png) center center/100% auto no-repeat;color:white;font-family:Arial,'Yu Gothic',sans-serif;font-size:14px;line-height:1.9}.site-footer img{width:365px;display:block;margin-bottom:18px}.site-footer p{margin:3px 0}.menu-hero{height:390px;background:url(assets/counter.jpg) center/cover}.food-menu{padding:80px 8%;max-width:1200px;margin:auto}.menu-board{display:flex;flex-direction:row-reverse;gap:45px;justify-content:center;margin-bottom:100px}.menu-heading{writing-mode:vertical-rl;font-size:30px;font-weight:400;letter-spacing:.2em;margin:0}.menu-heading small{font:16px Georgia,serif;letter-spacing:.12em;margin-top:12px}.menu-description{writing-mode:vertical-rl;font-size:16px;line-height:1.8;max-height:350px;margin:0}.vertical-menu{display:flex;flex-direction:row-reverse;gap:24px}.vertical-menu h3{writing-mode:vertical-rl;background:#252521;color:white;padding:15px 8px;margin:0;font-weight:400;font-size:24px;letter-spacing:.15em;align-self:flex-start}.menu-item{writing-mode:vertical-rl;font-size:25px;letter-spacing:.15em;display:flex;justify-content:space-between;gap:30px;min-height:320px;margin:0;white-space:nowrap}.tax-note{font-size:12px;letter-spacing:.07em;margin:-65px 0 85px}.takeout-section{max-width:850px;margin:auto;padding:0 32px 80px}.takeout-section h2{text-align:center;font-size:28px;font-weight:400;margin:0 0 65px}.takeout-section h2 span{border-bottom:1px solid #a15966;padding:8px 20px}.takeout-row{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:60px}.takeout-row img{width:32%;object-fit:contain}.prices{width:65%;border-collapse:collapse;text-align:center;font-size:24px}.prices th{font-weight:400;padding:12px}.prices td{padding:12px;font-size:20px}.takeout-list{font-size:23px;line-height:1.9}.takeout-list small{font-size:14px}.delivery{border:1px solid #a15966;max-width:430px;margin:65px auto 0;padding:20px 25px;font-size:22px;line-height:1.9}.content-page{max-width:1000px;margin:0 auto;padding:130px 24px 70px}a:focus-visible,button:focus-visible{outline:3px solid #b78432;outline-offset:5px}@media(min-width:1200px){.hero{height:800px}.intro{height:350px}.story{padding:80px 24px}.menu-hero{height:440px}}@media(max-width:650px){.hero{height:520px}.hero img{width:210px;height:285px}.brand{width:160px}.site-header{height:72px}.intro{height:300px}.photo-panel{height:300px}.photo-panel h2{font-size:21px}.photo-panel p{font-size:14px}.story{padding:60px 16px;min-height:460px}.story-inner{gap:16px}.story h2{font-size:23px}.story .vertical{font-size:15px;line-height:2;letter-spacing:.08em;max-height:300px}.decoration{width:80%}.site-footer{padding:30px 24px;font-size:12px}.site-footer img{width:280px}.menu-hero{height:280px}.food-menu{padding:55px 18px}.menu-board{gap:14px;flex-wrap:wrap;margin-bottom:70px}.menu-heading{font-size:24px}.menu-description{font-size:14px;max-height:290px}.vertical-menu{gap:12px}.vertical-menu h3{font-size:20px}.menu-item{font-size:20px;min-height:280px;gap:15px}.tax-note{margin:-40px 0 55px;font-size:10px}.takeout-section{padding:0 20px 60px}.takeout-row{gap:10px;margin-bottom:35px}.prices{font-size:21px}.prices th,.prices td{padding:6px;font-size:16px}.takeout-list{font-size:18px}.delivery{font-size:19px}.menu-board.course .menu-description{max-height:340px}.menu-board.course{gap:16px}.menu-board.course .menu-item{font-size:20px}.menu-board.course .vertical-menu{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:651px) and (max-width:1100px){.food-menu{padding-left:5%;padding-right:5%}.menu-board{gap:20px}.menu-description{font-size:13px;line-height:1.65}.menu-heading{font-size:26px}.vertical-menu{gap:15px}.vertical-menu h3{font-size:22px}.menu-item{font-size:22px}.course .menu-item{font-size:19px}}
@media(max-width:650px){.food-menu>.menu-board:first-child>.menu-description{max-height:240px}.menu-board.course{display:block}.course>.menu-heading{writing-mode:horizontal-tb;text-align:center;margin-bottom:35px}.course>.menu-heading small{display:none}.course .vertical-menu{justify-content:center;margin-bottom:50px}.course .menu-description{font-size:13px;max-height:310px}.course .menu-item{font-size:18px;max-height:360px;min-height:310px}.prices th,.prices td{white-space:nowrap;font-size:14px}.takeout-row img{width:30%}.takeout-list{font-size:16px}.takeout-list small{font-size:11px}}

.site-footer img{filter:brightness(0) invert(1)}.course .menu-item{height:350px;min-height:350px;white-space:normal}.course .menu-item>span:first-child{max-height:210px}.course .menu-item>span:last-child{max-height:190px}.course .menu-description{max-height:350px}

@media(max-width:650px){.course .menu-item{font-size:15px!important;line-height:1.5;letter-spacing:.04em}.course .menu-description{font-size:12px;line-height:1.5;max-height:380px!important}.course .vertical-menu{gap:8px}.course .vertical-menu h3{font-size:18px;padding:12px 5px}.takeout-section>.takeout-row:first-of-type{flex-direction:column-reverse}.takeout-section>.takeout-row:first-of-type img{width:45%}.prices{width:100%}.takeout-list{min-width:0}.menu-board>.vertical-menu{max-width:100%}}

/* Header alignment and unbroken vertical copy. */
.menu-toggle{position:fixed;right:0;top:19px;transform:none;min-width:48px;min-height:48px;z-index:1000;background:#fbfaf4eb;color:#38362d}.site-nav{position:fixed;top:80px;right:12px;z-index:1001;max-height:calc(100dvh - 100px);overflow-y:auto}.hero{position:relative}.hero>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.story .vertical{max-height:none;white-space:nowrap}.site-footer{width:100%;background-size:100% auto;background-position:center center}

/* Keep navigation reachable while scrolling, including the WordPress toolbar. */
.admin-bar .menu-toggle{top:51px}.admin-bar .site-nav{top:112px}@media(max-width:782px){.admin-bar .menu-toggle{top:65px}.admin-bar .site-nav{top:126px}}@media(max-width:650px){.menu-toggle{top:12px}.site-nav{top:72px}.admin-bar .menu-toggle{top:58px}.admin-bar .site-nav{top:118px}}