:root{background:#e9e6de;font-family:"Yu Gothic",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
.design{position:relative;width:min(100%,915px);margin:0 auto;background:#fff;box-shadow:0 0 28px #0002;line-height:0}
.design>img{display:block;width:100%;height:auto}
.shop-name{position:absolute;z-index:2;left:22%;top:4.15%;width:max-content;max-width:55%;padding:0 .08em .22em;color:#3b2117;font-family:"Yu Mincho","Hiragino Mincho ProN","BIZ UDPMincho",serif;font-size:clamp(24px,4.7vw,43px);font-weight:700;line-height:1;letter-spacing:.2em;text-align:left;text-shadow:0 1px 0 #fff,1px 2px 0 rgba(141,93,43,.14)}
.shop-name::after{content:"";position:absolute;left:0;bottom:0;width:calc(100% - .2em);height:2px;background:linear-gradient(90deg,#8f2634 0 72%,rgba(143,38,52,0));transform:scaleX(.72);transform-origin:left center}
.hotspot{position:absolute;display:block;border-radius:1.2vw;cursor:pointer}
.hotspot:hover{background:#fff2;box-shadow:inset 0 0 0 3px #fff9}
.hotspot:focus-visible{outline:5px solid #1769ff;outline-offset:-5px;background:#fff2}
.online{left:4.7%;top:42.1%;width:44.4%;height:8.1%}
.phone{left:50.6%;top:42.1%;width:44.5%;height:8.1%}
.ume{left:4.8%;top:56.4%;width:29%;height:21.5%}
.miso{left:35.1%;top:56.4%;width:29%;height:21.5%}
.gift{left:65.3%;top:56.4%;width:29.3%;height:21.5%}
.recipe{left:5%;top:84.5%;width:89.2%;height:10.2%}
.phone-number{left:12%;top:94.4%;width:79%;height:5.4%;border-radius:0}
.home{left:1%;top:98.4%;width:15%;height:1.6%;border-radius:0}
.products{left:21%;top:98.4%;width:18%;height:1.6%;border-radius:0}
.phone-dialog{width:min(90vw,430px);border:0;border-radius:20px;padding:0;color:#422817;background:#fffdf7;box-shadow:0 20px 70px #0005;text-align:center;line-height:1.5}
.phone-dialog::backdrop{background:#20170f80;backdrop-filter:blur(3px)}
.phone-dialog form{padding:30px 24px 22px}
.phone-dialog-label{margin:0 0 8px;font-size:19px;font-weight:700}
.phone-dialog-number{display:block;color:#e85e09;font-family:Georgia,"Yu Gothic",sans-serif;font-size:clamp(30px,9vw,42px);font-weight:700;letter-spacing:.02em;white-space:nowrap}
.phone-dialog-note{margin:8px 0 22px;font-size:14px;color:#67584d}
.phone-dialog-actions{display:flex;gap:10px;justify-content:center}
.phone-dialog-actions button{min-height:46px;border:1px solid #d9cbb7;border-radius:9px;padding:0 17px;background:#fff;color:#422817;font:700 15px "Yu Gothic",sans-serif;cursor:pointer}
.phone-dialog-actions button:first-child{border-color:#ef6707;background:#ef6707;color:#fff}
.copy-status{min-height:24px;margin:10px 0 0;color:#39751d;font:700 14px "Yu Gothic",sans-serif}
@media(max-width:540px){.design{box-shadow:none}.hotspot:focus-visible{outline-width:3px;outline-offset:-3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}