/* Shared chrome copied from the approved proposal; independent of old fixed header. */
body.rn-site{--ink:#64351f;--green:#d76522;--lime:#ffca79;--paper:#fff7ef;--muted:#8b7668;margin:0;color:var(--ink);background:#fff;font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}
.rn-site .rn-header,.rn-site .rn-header *,.rn-site .rn-footer,.rn-site .rn-footer *{box-sizing:border-box}
.rn-site .rn-header{position:relative;display:flex;align-items:center;gap:32px;height:100px;min-height:100px;padding:0 5%!important;background:#fff;border-bottom:1px solid #f0e2d6;z-index:80;overflow:visible}
.rn-site .rn-header a,.rn-site .rn-footer a{color:inherit;text-decoration:none}
.rn-site .rn-header .brand{display:block;flex:0 0 135px;line-height:0}
.rn-site .rn-header .brand img{width:135px;height:auto;max-height:70px;object-fit:contain;display:block}
.rn-site .rn-header nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700;margin-left:auto}
.rn-site .rn-header nav a{white-space:nowrap;padding:12px 0}
.rn-site .rn-header nav a:hover{color:#c55b1c}
.rn-site .rn-header .header-actions{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:700}
.rn-site .rn-header .header-actions>a{white-space:nowrap}
.rn-site .rn-header .button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 19px;font-size:12px;font-weight:700;border:0;border-radius:4px;background:#d75c21;color:#fff;line-height:1.6}
.rn-site .rn-header .button span{font-size:20px;font-weight:400}
.rn-site .rn-header .menu{display:none;border:0;background:none;font-size:25px;color:var(--ink);cursor:pointer;min-width:44px;min-height:44px}
.rn-site .rn-footer{background:#fff7ef;color:#64351f;margin:0;padding:60px 5% 28px;border-top:1px solid #f0dfd1}
.rn-site .rn-footer .footer-main{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:48px}
.rn-site .rn-footer .brand img{width:135px;height:auto;display:block}
.rn-site .rn-footer .footer-main p{font-size:12px;margin-top:20px}
.rn-site .rn-footer .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;font-size:12px;font-weight:700}
.rn-site .rn-footer .footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #e8d4c5;padding-top:22px;font-size:10px;line-height:1.8}
.rn-site .rn-footer .footer-bottom>div{display:flex;gap:22px;flex-wrap:wrap}
.rn-site .mobile-bar{display:none}
.rn-site .rn-skip{position:fixed;top:-100px;left:15px;z-index:9999;background:#fff;color:#64351f;padding:12px}
.rn-site .rn-skip:focus{top:10px}
.rn-site a:focus-visible,.rn-site button:focus-visible{outline:3px solid #d96d2a;outline-offset:4px}
.rn-site .contents_base,.rn-site .contents_wrap{background:transparent;min-height:0}
.rn-inner{--rm-orange:#c9511a!important;--rm-dark:#64351f!important;--rm-paper:#fff7ef!important;--rm-line:#eedfce!important;background:#fff7ef!important;color:#64351f!important}
.rn-inner #contents>.container,.rn-inner #mypage>.container{max-width:1180px}
.rn-inner #contents .title,.rn-inner #mypage .title{color:#64351f!important;border-left-color:#d76522!important}
.rn-inner .rm-login-intro{background:#fff1df}.rn-inner .rm-login-intro h1{color:#64351f}
.rn-inner .btn-primary{background:#d75c21!important;border-color:#d75c21!important}
.rn-inner #mypage .point_total{background:#fff0d9}.rn-inner #mypage .point_total .point_number{color:#b14b1e}
.rn-home .hero h1{font-family:inherit;font-weight:800;color:#64351f}
.rn-home .hero-visual{min-height:485px}
.rn-home .hero h1 em{color:inherit}
.rn-home .search-wrap form>input[type=hidden]{display:none}
.rn-home .shop-grid,.rn-home .product-grid{min-width:0}
.rn-home .product-card>img{width:100%;object-fit:cover}
.rn-site .header-actions .login{background:transparent;border:0;margin:0}
@media(max-width:1100px){
 .rn-site .rn-header{gap:18px;padding:0 4%!important;height:86px;min-height:86px}
 .rn-site .rn-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;margin:0;padding:14px 5%;box-shadow:0 12px 20px #64351f15;z-index:90}
 .rn-site .rn-header nav.open{display:flex}
 .rn-site .rn-header nav a{padding:16px 6px;border-bottom:1px solid #f0dfd1}
 .rn-site .rn-header .menu{display:block;flex:0 0 44px;padding:5px}
 .rn-site .rn-header .header-actions{margin-left:auto;gap:15px}
}
@media(max-width:760px){
 .rn-site .rn-header{height:78px;min-height:78px;gap:10px;padding:0 5%!important}
 .rn-site .rn-header .brand{flex-basis:110px}
 .rn-site .rn-header .brand img{width:110px;max-height:56px}
 .rn-site .rn-header .header-actions .login{display:none}
 .rn-site .rn-header .header-actions{gap:0}
 .rn-site .rn-header .button{font-size:10px;padding:10px 11px;gap:10px}
 .rn-site .rn-header .menu{font-size:23px;flex-basis:40px;min-width:40px}
 .rn-site .rn-footer{padding:40px 6% 100px}
 .rn-site .rn-footer .footer-main{display:block;margin-bottom:28px}
 .rn-site .rn-footer .footer-links{margin-top:28px;gap:20px}
 .rn-site .rn-footer .footer-bottom{flex-wrap:wrap;font-size:9px}
 .rn-site .rn-footer .footer-bottom>div{order:3;width:100%;gap:14px}
 .rn-site .mobile-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:#c8541d;color:#fff;z-index:100;padding:15px 0 calc(15px + env(safe-area-inset-bottom));text-align:center;font-size:12px;box-shadow:0 -2px 15px #0002}
 .rn-site .mobile-bar a{color:#fff;text-decoration:none}
 .rn-site .mobile-bar a+a{border-left:1px solid #edb08d}
 .rn-home .hero-visual{height:280px;min-height:280px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.rn-site *{transition:none!important}}
