/* 2026-11-13 PCのメニューを大きいボタン(ハンバーガー)に。スマホは今までのメニューのまま */
.pcm-btn,.pcm{display:none}
@media screen and (min-width:769px){
#catalognavi{display:none!important}
.pcm-btn{display:block;position:fixed;top:14px;right:18px;float:none;width:124px;height:82px;margin:0;padding:0!important;border:0;border-radius:12px;background:#f8d32f;color:#482d23;cursor:pointer;font-family:inherit;line-height:1;box-shadow:0 4px 0 #c9a416;transition:background .2s,transform .15s,box-shadow .15s;z-index:9990;box-shadow:0 4px 0 #c9a416,0 6px 18px rgba(0,0,0,.25)}
/* 画面が狭いPCでは、ボタンと重ならないようヘッダーの右側を空ける */
.header .headertxt,.header .headerbox{padding-right:max(0px,calc(150px - (100vw - 1150px)/2))}
.header .headerbox .pcm-btn.right{padding-top:0}
.pcm-btn:hover{background:#ffe04f}
.pcm-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #c9a416}
.pcm-btn .pcm-bars{display:block;width:60px;margin:0 auto 8px}
.pcm-btn .pcm-bars i{display:block;height:6px;border-radius:4px;background:#482d23}
.pcm-btn .pcm-bars i+i{margin-top:7px}
.pcm-btn b{display:block;font-size:19px;font-weight:bold;letter-spacing:.06em}
.pcm{display:block;position:fixed;inset:0;z-index:99990;visibility:hidden;transition:visibility 0s .35s}
.pcm.on{visibility:visible;transition:none}
.pcm-bg{position:absolute;inset:0;background:rgba(40,24,10,.55);opacity:0;transition:opacity .35s}
.pcm.on .pcm-bg{opacity:1}
.pcm-panel{position:absolute;top:0;right:0;bottom:0;width:480px;max-width:92%;background:#fffaf3;box-shadow:-8px 0 30px rgba(0,0,0,.25);padding:26px 40px 36px;overflow-y:auto;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);text-align:left;box-sizing:border-box}
.pcm.on .pcm-panel{transform:none}
.pcm-close{display:block;margin:0 0 6px auto;border:2px solid #5a3519;background:#fff;color:#5a3519;font-size:16px;font-weight:bold;font-family:inherit;padding:9px 20px 9px 46px;border-radius:40px;cursor:pointer;position:relative;line-height:1.2}
.pcm-close span{position:absolute;left:18px;top:50%;width:18px;height:18px;margin-top:-9px}
.pcm-close span:before,.pcm-close span:after{content:"";position:absolute;left:0;top:8px;width:18px;height:3px;border-radius:2px;background:#5a3519;transform:rotate(45deg)}
.pcm-close span:after{transform:rotate(-45deg)}
.pcm-close:hover{background:#5a3519;color:#fff}
.pcm-close:hover span:before,.pcm-close:hover span:after{background:#fff}
.pcm-ttl{font-size:15px;font-weight:bold;color:#a9805c;letter-spacing:.2em;margin:0 0 4px;padding:0}
.pcm-panel ul{list-style:none;margin:0;padding:0;border-top:2px solid #5a3519}
.pcm-panel li{margin:0;padding:0;border-bottom:1px dashed #cbb497}
.pcm-panel li a{display:block;position:relative;padding:15px 40px 15px 8px;font-size:21px;font-weight:bold;line-height:1.4;color:#4e3423!important;text-decoration:none!important;transition:background .2s,padding .2s}
.pcm-panel li a:after{content:"";position:absolute;right:14px;top:50%;width:10px;height:10px;margin-top:-6px;border-top:3px solid #fb8e28;border-right:3px solid #fb8e28;transform:rotate(45deg)}
.pcm-panel li a:hover{background:#fdeeda;padding-left:16px}
.pcm-panel li.pcm-new{border-bottom:0;margin-top:16px}
.pcm-panel li.pcm-new a{background:#c8643b;color:#fff!important;border-radius:12px;padding:14px 44px 16px 20px;font-size:23px;box-shadow:0 4px 0 #9a4a29}
.pcm-panel li.pcm-new a small{display:block;font-size:14px;font-weight:bold;margin-bottom:2px;color:#ffe9b0}
.pcm-panel li.pcm-new a:after{border-color:#fff}
.pcm-panel li.pcm-new a:hover{background:#b5562f;padding-left:20px}
.pcm-tel{margin:26px 0 0;padding:0;font-size:14px;font-weight:bold;color:#5a3519;text-align:center;line-height:1.5}
.pcm-tel a{display:block;font-size:32px;font-weight:bold;color:#5a3519!important;text-decoration:none!important;letter-spacing:.03em}
.pcm-tel span{display:block;font-size:13px;font-weight:normal}
html.pcm-open{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.pcm-panel,.pcm-bg{transition:none}}