/*
Theme Name: 炭焼 とり根
Theme URI: https://www.instagram.com/torine_saga/
Author: 炭焼 とり根
Description: 佐賀市大財「炭焼 とり根」公式サイト用オリジナルテーマ。
Version: 1.1.1
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: torine
*/
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url(assets/images/washi-gold.webp) top left/1400px auto repeat #FFFFFF;color:#141210;font-family:'Zen Kaku Gothic New',sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#B23A1E;text-decoration:none}
a:hover{color:#141210}
.tn-slot{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%}
.tnh0:hover{color:#B23A1E!important}
.tnh1:hover{color:#FFFFFF!important;background:#B23A1E!important}
.tna2::after{content:'';display:block;width:56px;height:2px;background:linear-gradient(90deg,#B23A1E 0 40%,currentColor 40% 100%);margin-top:24px}
.tnh3:hover{color:#B23A1E!important;border-color:#B23A1E!important}
.tnh4:hover{color:#E8795A!important;border-color:#E8795A!important}
.tnh5:hover{color:#E8795A!important}
.tnh6:hover{color:#141210!important;background:#FFFFFF!important}
.tnh7:hover{color:#FFFFFF!important;background:#141210!important}
.tnh8:hover{color:#FFFFFF!important;background:#141210!important;border-color:#141210!important}
.tna9::after{content:'';display:block;width:56px;height:2px;background:linear-gradient(90deg,#E8795A 0 40%,currentColor 40% 100%);margin-top:24px}
.tnh10:hover{color:#FFFFFF!important;background:#8F2E17!important}
.tnh11:hover{background:#141210!important;color:#FFFFFF!important}
.tnf12:focus{outline:2px solid #B23A1E!important;outline-offset:-1px!important}
.tnh13:hover{background:#141210!important}
#tn-burger{display:none;position:fixed;top:14px;right:clamp(16px,3vw,40px);z-index:120;width:46px;height:46px;border:0;background:#141210;cursor:pointer;padding:0;align-items:center;justify-content:center}
#tn-burger span{position:absolute;left:12px;right:12px;height:2px;background:#FFFFFF;transition:transform .3s,opacity .3s}
#tn-burger span:nth-child(1){top:16px}
#tn-burger span:nth-child(2){top:22px}
#tn-burger span:nth-child(3){top:28px}
body.tn-open #tn-burger{background:#B23A1E}
body.tn-open #tn-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.tn-open #tn-burger span:nth-child(2){opacity:0}
body.tn-open #tn-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
#tn-drawer{position:fixed;inset:0;z-index:110;background:#141210;color:#FFFFFF;display:flex;flex-direction:column;justify-content:center;padding:96px clamp(28px,8vw,72px) 48px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;overflow-y:auto}
body.tn-open #tn-drawer{opacity:1;visibility:visible}
#tn-drawer nav{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.25)}
#tn-drawer nav a{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.25);color:#FFFFFF;font-family:"Noto Serif JP",serif;font-weight:700;font-size:20px;letter-spacing:.12em;text-decoration:none}
#tn-drawer nav a::after{content:"→";font-family:Archivo,sans-serif;font-size:16px;color:#E8795A}
#tn-drawer nav a:hover{color:#E8795A}
#tn-drawer .tn-tel{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;background:#B23A1E;color:#FFFFFF;text-decoration:none}
#tn-drawer .tn-tel small{font-size:12px;font-weight:700;letter-spacing:.14em}
#tn-drawer .tn-tel b{font-family:Archivo,sans-serif;font-stretch:75%;font-size:28px;letter-spacing:.04em}
#tn-drawer .tn-ig{margin-top:20px;text-align:center;color:#FFFFFF;font-family:Archivo,sans-serif;font-weight:700;font-size:13px;letter-spacing:.16em;text-decoration:none}
body.tn-open{overflow:hidden}
#tn-pagetop{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);z-index:90;width:56px;height:56px;border:1px solid #FFFFFF;background:#141210;color:#FFFFFF;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:Archivo,sans-serif;font-stretch:75%;font-weight:700;font-size:10px;letter-spacing:.14em;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,visibility .3s,transform .3s,background .2s}
#tn-pagetop.on{opacity:1;visibility:visible;transform:none}
#tn-pagetop:hover{background:#B23A1E}
#tn-pagetop i{display:block;width:10px;height:10px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);margin-top:4px}
@media (max-width:960px){#tn-burger{display:flex}header>div>nav,header>div>a[href^="tel"]{display:none!important}}
@media (min-width:601px){[data-2col]{flex-wrap:nowrap!important}
[data-2col]>[data-col]{flex-basis:0!important;min-width:0}
[data-2grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){[data-2col]{flex-direction:column!important;flex-wrap:nowrap!important}
[data-2col]>[data-col]{flex-basis:auto!important;width:100%}
[data-2col]>[data-col=img]{position:relative!important}
[data-2col]>[data-col=img]>img.tn-slot{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
[data-2grid]{grid-template-columns:minmax(0,1fr)!important}
[data-col=txt]{order:1!important}
[data-col=img]{order:2!important}}