/*
Theme Name: Tamari+Bar UP☆DATE
Description: UP DATE サンプルLP。店舗情報は「設定 → UP DATE 店舗情報」、お知らせは投稿で管理します。
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.0
Author: Lumen
Text Domain: tamari-update
License: GPL-2.0-or-later
*/
:root{--ink:#252620;--paper:#f4efE4;--cream:#e8ddc8;--muted:#bcb6a7;--red:#c74c39;--line:rgba(244,239,228,.22);--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.9;font-size:16px}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #edbc72;outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{width:22px;height:22px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.5}p+p{margin-top:1em}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;background:var(--paper);color:var(--ink);padding:10px 18px;z-index:20}.skip:focus{top:10px}.sample-note{padding:5px 20px;text-align:center;background:#e5d9c1;color:#403b32;font-size:11px;letter-spacing:.08em}.site-header{background:rgba(37,38,32,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;line-height:1.05;white-space:nowrap;display:inline-flex;flex-direction:column}.brand small{font-family:Georgia,serif;font-size:14px;letter-spacing:.11em}.brand strong{font-family:Arial,sans-serif;font-size:30px;letter-spacing:-.065em;font-weight:900;margin-top:7px}.brand .star{color:var(--red);font-size:.72em;margin-inline:2px}.header-right,.socials,nav{display:flex;align-items:center;gap:22px}nav{gap:25px}nav a{font-size:12px;font-weight:700;text-decoration:none}nav a:hover{color:#f3bc8b}.socials{gap:7px}.socials a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%}.socials a:hover{background:#4e4c3f}.menu-toggle{display:none;color:inherit;background:none;border:1px solid var(--line);border-radius:4px;min-width:48px;min-height:44px;font-size:12px}.hero{display:grid;grid-template-columns:.95fr 1.15fr;gap:48px;align-items:center;padding-top:75px;padding-bottom:76px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;display:flex;align-items:center;gap:12px;color:#dac69f}.eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:var(--red)}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(30px,3.3vw,47px);line-height:1.75;letter-spacing:.04em;margin-top:24px}.hero h1 span{display:block}.hero-copy>p{color:#d1cbbb;font-size:14px;line-height:2.2;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;padding:12px 25px;border:1px solid #e7dcc7;text-decoration:none;font-size:13px;font-weight:700;margin-top:29px;transition:background .15s,color .15s}.button:hover{background:var(--paper);color:var(--ink)}.button.fill{background:var(--red);border-color:var(--red);color:#fff}.button.fill:hover{background:#9e3728}.hero-photo{position:relative;margin:0 0 20px;padding:12px;border:1px solid #5b594c;transform:rotate(1.5deg)}.hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.hero-photo figcaption{font-size:11px;letter-spacing:.07em;color:#c5bfaf;padding:10px 3px 0;display:flex;justify-content:space-between}.photo-tag{position:absolute;right:-12px;bottom:-24px;background:#dac9a5;color:#2b2a24;width:106px;height:106px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:bold;line-height:1.8;transform:rotate(-10deg);box-shadow:0 0 0 6px #252620}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;letter-spacing:.08em;border-top:1px solid var(--line);padding-top:18px;margin-top:34px}.ribbon{border-block:1px solid var(--line);padding:18px 0}.ribbon .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}.ribbon span{font-size:12px;letter-spacing:.12em}.ribbon i{font-style:normal;color:#be6b4c}.light{background:var(--paper);color:var(--ink)}.section{padding-block:96px}.section-label{font-size:11px;letter-spacing:.16em;display:block;margin-bottom:18px;color:#9c4a35}.section h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.7;letter-spacing:.06em}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.intro p{font-size:15px;line-height:2.3}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:44px}.section-head>p{font-size:13px;max-width:410px;color:#c4beaf}.ways{border-top:1px solid #c6bdad}.way{display:grid;grid-template-columns:80px 260px 1fr;gap:35px;border-bottom:1px solid #c6bdad;padding:33px 0;align-items:start}.way-num{font-family:Georgia,serif;font-size:31px;color:#a95b41;line-height:1.3}.way h3{font-size:20px;font-weight:600}.way p{font-size:14px;line-height:2}.way small{display:block;font-size:11px;letter-spacing:.08em;margin-top:6px;color:#736452}.atmosphere-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:28px;align-items:start}.atmosphere-grid img{aspect-ratio:4/3;object-fit:cover;width:100%}.atmosphere-grid figure:nth-child(2){margin-top:70px}.atmosphere-grid figcaption{font-size:12px;color:#c4beaf;margin-top:15px}.atmosphere-grid figure:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:.6fr 1fr;gap:36px;align-items:center;max-width:850px;margin-top:16px}.atmosphere-grid figure:nth-child(3) img{aspect-ratio:4/3}.atmosphere-grid h3{font-family:"Yu Mincho",serif;font-size:24px;font-weight:500;margin-bottom:18px}.practical-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.info-list{margin:0}.info-list>div{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid #c6bdad}.info-list dt{font-size:12px;font-weight:700}.info-list dd{margin:0;font-size:14px;white-space:pre-line}.info-note{font-size:11px;color:#70675c;margin-top:18px}.social-panel{background:#ded3bc;padding:30px;margin-top:35px}.social-panel p{font-size:13px}.social-panel a{font-size:13px;display:inline-block;margin:15px 24px 0 0;font-weight:700}.faq{max-width:860px;margin:0 auto}.faq h2{margin-bottom:35px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font-weight:600;font-size:15px;display:flex;justify-content:space-between;gap:24px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";font-size:20px;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{font-size:14px;color:#cdc6b6;max-width:690px;margin-top:18px}.closing{background:#b54a37;color:#fff5e4;text-align:center;padding:70px 24px}.closing h2{font-family:"Yu Mincho",serif;font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.8}.closing p{margin-top:15px;font-size:13px}.closing .button{border-color:#fff5e4}.closing .button:hover{color:#943b2d}.site-footer{padding:48px 0 35px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:12px}.footer-small{border-top:1px solid var(--line);margin-top:30px;padding-top:22px;display:flex;gap:20px;justify-content:space-between;color:#bcb6a7;font-size:10px}.mobile-actions{display:none}.news-list{margin-top:26px}.news-list a{display:block;text-decoration:none;padding:20px 0;border-bottom:1px solid #c6bdad}.news-list time{display:block;font-size:12px;color:#766755}.entry{max-width:800px;padding-block:80px 100px;min-height:55vh}.entry h1{font-family:"Yu Mincho",serif;font-size:clamp(29px,4vw,43px);font-weight:500;margin-bottom:30px;overflow-wrap:anywhere}.entry-content{overflow-wrap:anywhere}.entry-content>*+*{margin-top:1.2em}.entry-content h2{font-size:25px}.entry-content h3{font-size:20px}.entry-content a{color:#9b3927}.entry-content img{height:auto;max-width:100%}.entry time{font-size:12px;display:block;margin-bottom:15px}.entry .button{border-color:var(--ink)}.entry .button:hover{background:var(--ink);color:var(--paper)}.notice{margin-top:30px;border-left:3px solid var(--red);padding-left:20px;font-size:14px}.prices{white-space:pre-line;font-size:15px;line-height:2.2}.admin-bar .site-header{top:32px}
.hero h1 span:first-child{font-size:.72em;letter-spacing:0}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.atmosphere-grid figure:only-child{grid-column:1/-1;display:grid;grid-template-columns:.6fr 1fr;gap:36px;align-items:center;max-width:850px;margin-top:16px}
@media(min-width:1600px){.hero{padding-block:95px}}
@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.header-inner{gap:20px}.header-right,nav{gap:16px}nav a{font-size:11px}.hero{gap:32px}.hero h1{font-size:34px}.hero-copy>p{font-size:13px}.way{grid-template-columns:50px 200px 1fr;gap:25px}.intro{gap:45px}.practical-grid{gap:45px}}
@media(max-width:800px){.header-inner{height:76px}.brand strong{font-size:26px}.brand small{font-size:12px}.menu-toggle{display:block}.header-right{gap:10px}.socials a{width:36px;height:36px}.socials{gap:6px}.socials svg{width:19px;height:19px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--ink);border-bottom:1px solid var(--line);padding:20px 30px}nav[data-open=true]{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{font-size:14px;padding:13px;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr 1fr;gap:28px;padding-top:50px}.hero h1{font-size:29px}.hero-meta{gap:12px;font-size:10px}.photo-tag{width:80px;height:80px;font-size:10px;right:-5px}.intro{grid-template-columns:1fr;gap:30px}.section{padding-block:65px}.section-head{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.way{grid-template-columns:40px 1fr;gap:20px}.way p{grid-column:2;margin-top:-4px}.practical-grid{grid-template-columns:1fr;gap:35px}.atmosphere-grid figure:nth-child(2){margin-top:40px}.atmosphere-grid figure:nth-child(3){grid-template-columns:1fr 1fr}.ribbon span{font-size:10px}.footer-top{align-items:start}.admin-bar .site-header{top:46px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.sample-note{font-size:10px;line-height:1.7;padding:6px 12px}.header-inner{height:70px;gap:8px}.brand strong{font-size:23px}.brand small{font-size:11px}.header-right{gap:8px}.socials a{width:34px;height:34px}.menu-toggle{min-width:42px;min-height:40px;font-size:10px}nav{top:70px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:48px;gap:34px}.hero h1{font-size:33px;line-height:1.65;margin-top:20px}.hero-copy>p{margin-top:20px;font-size:13px}.hero .button{margin-top:22px}.hero-meta{display:none}.hero-photo{margin:0 8px 14px 1px;padding:8px}.hero-photo figcaption{font-size:10px;padding-top:7px}.photo-tag{width:76px;height:76px;bottom:-20px;right:-13px}.eyebrow{font-size:10px}.ribbon{padding:14px 0}.ribbon .wrap{gap:6px}.ribbon span{font-size:9px;letter-spacing:.01em}.section{padding-block:54px}.section h2{font-size:28px}.intro p{font-size:14px}.section-label{font-size:10px;margin-bottom:12px}.way{gap:12px;padding:25px 0;grid-template-columns:36px 1fr}.way-num{font-size:27px}.way h3{font-size:18px}.way p{font-size:13px}.atmosphere-grid{grid-template-columns:1fr;gap:30px}.atmosphere-grid figure:nth-child(2){margin-top:0;width:83%;justify-self:end}.atmosphere-grid figure:nth-child(3){grid-template-columns:1fr;gap:18px;margin-top:0}.atmosphere-grid figure:nth-child(3) img{width:78%}.atmosphere-grid figcaption{font-size:11px}.atmosphere-grid h3{font-size:23px;margin-bottom:12px}.info-list>div{grid-template-columns:77px 1fr;gap:13px}.info-list dd{font-size:13px}.social-panel{padding:23px;margin-top:25px}.faq summary{font-size:14px}.faq details p{font-size:13px}.closing{padding:50px 20px}.closing h2{font-size:26px}.footer-top{flex-direction:column;gap:28px}.footer-links{gap:20px}.footer-small{flex-direction:column;gap:8px}.site-footer{padding-bottom:100px}.mobile-actions{display:flex;position:fixed;z-index:12;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);color:var(--ink);box-shadow:0 -2px 18px #0002;border-top:1px solid #c7b89e}.mobile-actions a{flex:1;min-height:59px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;text-decoration:none;border-right:1px solid #c6bdad}.mobile-actions a:last-child{border:0;background:#a83f2e;color:#fff5e9}.mobile-actions svg{width:18px;height:18px}.entry{padding-block:48px 70px}.admin-bar .site-header{top:0}}
@media(max-width:600px){.atmosphere-grid figure:only-child{grid-template-columns:1fr;gap:18px}.atmosphere-grid figure:only-child img{width:78%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

@media(max-width:800px){.site-header .socials a{width:44px;height:44px}.menu-toggle{min-width:44px;min-height:44px}}