{"id":55,"date":"2025-02-13T04:48:48","date_gmt":"2025-02-13T04:48:48","guid":{"rendered":"https:\/\/allright.jp\/warabi\/?page_id=55"},"modified":"2026-03-28T07:55:40","modified_gmt":"2026-03-28T07:55:40","slug":"%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"page","link":"https:\/\/allright.jp\/warabi\/","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"},"content":{"rendered":"\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<div class=\"fv-wrapper\">\n  <div class=\"fv-left\">\n    <img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2026\/03\/\u96d1\u611f-15-1-scaled.jpeg\" class=\"slide slide1\">\n    <img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2026\/03\/\u96d1\u611f-22-1-scaled.jpeg\" class=\"slide slide2\">\n    <img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2026\/03\/\u96d1\u611f-14-2-scaled.jpeg\" class=\"slide slide3\">\n  <\/div>\n  <div class=\"fv-right\">\n\n    <!-- \ud83d\udd3d \u30ed\u30b4\u753b\u50cf\u3092\u3053\u3053\u306b\u8ffd\u52a0 -->\n    <div class=\"fv-logo\">\n      <img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/06\/warabi-LOGO-2.png\" alt=\"\u308f\u3089\u3073\u9905\u30ed\u30b4\" width=\"140\">\n    <\/div>\n\n    <div class=\"vertical-text\">\n      \u9e7f\u5150\u5cf6\u306e\u307e\u3061\u306a\u304b\u3067<br>\u307b\u3063\u3068\u611b\u3055\u308c\u308b<br>\u308f\u3089\u3073\u9905\u5e97\n    <\/div>\n\n    <div class=\"menu-links\">\n      <a href=\"#about\">ABOUT<\/a>\n      <a href=\"#media\">MEDIA<\/a>\n      <a href=\"#lineup\">LINEUP<\/a>\n      <a href=\"#voice\">VOICE<\/a>\n<a href=\"#order\">ORDER<\/a>\n<a href=\"#category\">CATEGORY<\/a>\n<a href=\"#sns\">SNS<\/a>\n<a href=\"#faq\">FAQ<\/a>\n<a href=\"#access\">ACCESS<\/a>\n    <\/div>\n\n    <div class=\"sns\">\n      <a href=\"https:\/\/www.instagram.com\/warabifuwatoro?igsh=MzVob290cmhmaGsx\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a5\/Instagram_icon.png\" alt=\"Instagram\" width=\"32\">\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<div class=\"section-image-wrap about-fixed-bg line_top\"><\/div>\n\n<div class=\"section-heading-overlap fade-in-up\">\n  <h2 id=\"about\">ABOUT<\/h2>\n<\/div>\n\n<!-- 1\u3064\u76ee -->\n<section class=\"about-blend fade-in-up\">\n  <div class= \"about-img\" id=\"video-container\">\n   \n  <\/div>\n  <div class=\"about-text\">\n    <h3>Warabi.\u306e\u3053\u3060\u308f\u308a<\/h3>\n    <p>\n      \u308f\u3089\u3073\u306e\u68391000g\u304b\u308970g\u3057\u304b\u3068\u308c\u306a\u3044\u5e0c\u5c11\u306a\u672c\u308f\u3089\u3073\u7c89\u3092\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002<br>\n      \u5f3e\u529b\u304c\u3042\u308a\u306a\u304c\u3089\u3072\u3068\u53e3\u98df\u3079\u308c\u3070\u201d\u3075\u308f\u3063\u3068\u3068\u308d\u3051\u308b\u201d<br>\n      \u308f\u3089\u3073\u3082\u3061\u3092\u304a\u697d\u3057\u307f\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n    <\/p>\n\n    <!-- \u3053\u3053\u306f\u65e2\u5b58\u306eHTML\u306b\u8ffd\u52a0\u3059\u308b\u30cf\u30fc\u30c8\u30dc\u30bf\u30f3\u306e\u90e8\u5206 -->\n<div class=\"about-meta insta-style about-left-meta\">\n  <div class=\"meta-item heart-btn\">\n    <i class=\"far fa-heart\"><\/i>\n    <span>\u3044\u3044\u306d\uff01<\/span>\n  <\/div>\n  <div class=\"meta-item comment-btn\">\n    <i class=\"far fa-comment\"><\/i>\n    <span>123<\/span>\n  <\/div>\n<\/div>\n\n\n  <\/div>\n<\/section>\n\n<!-- 2\u3064\u76ee\uff08\u53cd\u8ee2\u7248\uff09 -->\n<section class=\"about-blend reverse fade-in-up\">\n  <div class=\"about-img\">\n    <img decoding=\"async\" class=\"second-img\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_1017.jpeg\">\n  <\/div>\n  <div class=\"about-text\">\n    <h3>\u300c\u3075\u308f\u3068\u308d\u300d\u306e\u540d\u306b\u8fbc\u3081\u305f<br class=\"pc1-only\">\u98df\u611f\u3078\u306e\u3053\u3060\u308f\u308a<\/h3>\n    <p>\n      \u3075\u308f\u3063\u3068\u8efd\u304f\u3001\u3068\u308d\u3051\u308b\u3088\u3046\u306b\u304d\u3048\u308b\u53e3\u3069\u3051\u3002 <br>\n\u7d20\u6750\u9078\u3073\u304b\u3089\u4ed5\u8fbc\u307f\u3001\u6e29\u5ea6\u7ba1\u7406\u307e\u3067\u59a5\u5354\u305b\u305a\u3001\u552f\u4e00\u7121\u4e8c\u306e\u98df\u611f\u3092\u5b9f\u73fe\u3057\u3066\u3044\u307e\u3059\u3002 <br>\n\u4e00\u53e3\u98df\u3079\u305f\u77ac\u9593\u306b\u5e83\u304c\u308b\u3084\u3055\u3057\u3044\u7518\u3055\u3068\u9a5a\u304d\u306e\u98df\u611f\u3002\u305d\u308c\u304c\u300c\u3075\u308f\u3068\u308d\u300d\u306e\u540d\u524d\u306b\u8fbc\u3081\u305f\u3001\u3072\u3068\u53e3\u306e\u5e78\u305b\u3067\u3059\u3002 <\/p>\n\n    <!-- \u3053\u3053\u306f\u65e2\u5b58\u306eHTML\u306b\u8ffd\u52a0\u3059\u308b\u30cf\u30fc\u30c8\u30dc\u30bf\u30f3\u306e\u90e8\u5206 -->\n<div class=\"about-meta insta-style about-left-meta\">\n  <div class=\"meta-item heart-btn\">\n    <i class=\"far fa-heart\"><\/i>\n    <span>\u3044\u3044\u306d\uff01<\/span>\n  <\/div>\n  <div class=\"meta-item comment-btn\">\n    <i class=\"far fa-comment\"><\/i>\n    <span>123<\/span>\n  <\/div>\n<\/div>\n\n\n  <\/div>\n<\/section>\n\n<section class=\"media-section\">\n<h2 class=\"media-title\" id=\"media\">\n  MEDIA <span>\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\u5b9f\u7e3e<\/span>\n<\/h2>\n  <div class=\"media-gallery\">\n    <div class=\"media-item\">\n      <img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_1356.jpg\" alt=\"\u3007\u3007\u30c6\u30ec\u30d3\">\n      <p>KYT 2023\u5e744\u6708<\/p>\n    <\/div>\n    <div class=\"media-item\">\n      <img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_1357.jpg\" alt=\"\u25b3\u25b3\u96d1\u8a8c\">\n      <p>KYT 2023\u5e744\u6708<\/p>\n    <\/div>\n    <div class=\"media-item\">\n      <img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_1358.jpg\" alt=\"SNS\u7279\u96c6\">\n      <p>KYT 2023\u5e744\u6708<\/p>\n    <\/div>\n  <\/div>\n  <button id=\"toggle-list-btn\" class=\"media-btn\">\u63b2\u8f09\u4e00\u89a7\u3092\u898b\u308b<\/button>\n\n  <div id=\"media-list\" class=\"media-list\">\n    <ul>\n      <li>2023\u5e744\u6708\uff1aKYT\u300c\u304b\u3054\u30d4\u30bf\u300d\u51fa\u6f14<\/li>\n      <li><\/li>\n      <li><\/li>\n      <li><\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<h2 class=\"wp-block-heading is-style-section_ttl\"><\/h2>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u30bf\u30d6\u5207\u308a\u66ff\u3048LINEUP<\/title>\n    <style>\n        .product-showcase-section { background: #fdf9f4; padding: 4rem 2rem; font-family: 'Noto Sans JP', sans-serif; }\n        .product-showcase-title { text-align: center; font-size:1.8rem !important; font-weight: 500 !important; color: #4b2e1e; margin-bottom: 3rem; position: relative; }\n        .product-showcase-title span { display: block; font-size: 1rem; color: #999; margin-top: 0.3rem; }\n        .product-showcase-title::after { content: \"\"; display: block; width: 80px; height: 3px; margin: 0.5rem auto 0; background: linear-gradient(90deg, #b200ff, #ffbe6a); border-radius: 2px; }\n        .lineup-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; }\n        .lineup-card { background: #ffffff; border-radius: 16px; border: 1px solid #e8eaed; overflow: hidden; text-align: center; display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease; }\n        .lineup-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); }\n        .card-image img { width: 100%; height: 280px; object-fit: cover; display: block; }\n        .card-content { padding: 1.5rem; flex-grow: 1; }\n        .card-content h3 { font-size: 1.5rem; font-weight: 500; color: #202124; margin: 0 0 0.5rem; }\n        .card-content p { font-size: 1rem; line-height: 1.6; color: #5f6368; margin: 0; }\n        .card-actions { padding: 0 1.5rem 1.5rem; }\n        .delivery-toggle-new { width: 100%; padding: 0.8rem 1rem; font-size: 1rem; font-weight: 500; color: #fff; background-color: #be9318; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease; }\n        .delivery-toggle-new:hover { background-color: #d0af51; }\n        .delivery-links-new { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out, margin-top 0.4s ease-out; display: flex; gap: 0.5rem; justify-content: center; }\n        .delivery-links-new.active { max-height: 100px; margin-top: 1rem; }\n        .delivery-btn { display: inline-flex; align-items: center; text-decoration: none; color: #fff; font-weight: 500; padding: 10px 16px; border-radius: 20px; font-size: 14px; transition: opacity 0.2s; flex-shrink: 0; }\n        .delivery-btn.uber { background: #000; }\n        .delivery-btn.demae { background: #d40000; }\n        .delivery-btn.wolt { background: #00bcd4; }\n        .card-buttons-wrapper { display: grid; gap: 0.75rem; }\n        .page-link-btn { display: inline-flex; justify-content: center; align-items: center; width: 100%; padding: 0.8rem 1rem; font-size: 1rem; font-weight: 500; color: #be9318; background-color: #ffffff; border: 1px solid #e8eaed; border-radius: 8px; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease; }\n        .page-link-btn:hover { background-color: #f1f3f4; color: #be9318; }\n        .tab-container { width: 100%; max-width: 1200px; margin: 0 auto; }\n        .tab-nav { display: flex; justify-content: center; list-style: none; padding: 0; margin: 0 0 2rem 0; border-bottom: 2px solid #e0e0e0; }\n        .tab-btn { font-size: 1.1rem; font-weight: 500; color: #5f6368; background: none; border: none; padding: 0.8rem 1.5rem; cursor: pointer; position: relative; transition: color 0.3s ease; }\n        .tab-btn:hover { color: #202124; }\n        .tab-btn::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #be9318; transform: scaleX(0); transition: transform 0.3s ease; }\n        .tab-btn.active { color: #be9318; font-weight: 600; }\n        .tab-btn.active::after { transform: scaleX(1); }\n        .tab-panel { display: none; animation: fadeIn 0.5s ease; }\n        .tab-panel.active { display: block; }\n        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n        .menu-details-content { max-width: 1000px; margin: 0 auto; background: #fff; padding: 2rem; border-radius: 8px; border: 1px solid #e8eaed; padding-bottom: 100px; }\n        .menu-category { margin-bottom: 2.5rem; }\n        .menu-category:last-child { margin-bottom: 0; }\n        .menu-category-title { font-size: 1.5rem; font-weight: 600; color: #4b2e1e; padding-bottom: 0.5rem; border-bottom: 2px solid #cc8a45; margin: 0 0 1.5rem 0; }\n        .menu-subcategory { margin-bottom: 2rem; }\n        .menu-subcategory-title { font-size: 1.2rem; font-weight: 600; color: #555; margin: 0 0 1.5rem 0; padding-left: 1rem; border-left: 4px solid #e3a85b; }\n        .menu-item { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2rem; }\n        .menu-item:last-child { margin-bottom: 0; }\n        .item-image { width: 250px; height: 250px; flex-shrink: 0; }\n        .item-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }\n        .item-details { flex-grow: 1; }\n        .menu-item-line { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }\n        .menu-item-line:not(:last-of-type) { margin-bottom: 0.5rem; }\n        .item-name { font-size: 1.1rem; font-weight: 500; color: #333; }\n        .item-dots { flex-grow: 1; border-bottom: 1px dotted #ccc; transform: translateY(-3px); }\n        .item-price { font-size: 1.1rem; font-weight: 600; color: #4b2e1e; }\n        .item-description { font-size: 0.9rem; color: #5f6368; margin: 0.5rem 0 0 0; text-align: left; }\n        .menu-back-button-wrapper { position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.95); padding: 1rem; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); text-align: center; z-index: 100; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); opacity: 0; transform: translateY(100%); pointer-events: none; transition: opacity 0.4s ease, transform 0.4s ease; }\n        .menu-back-button-wrapper.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }\n        .back-to-category-btn { background: none; border: 1px solid #ddd; color: #be9318; font-size: 1rem; font-weight: 500; cursor: pointer; transition: all 0.3s ease; padding: 0.6rem 1.5rem; border-radius: 20px; }\n        .back-to-category-btn:hover { background-color: #f1f3f4; }\n        .p_title{margin-bottom: 15px; color: #d18f29; font-weight: bold; text-shadow: 1px 1px 3px #ddd;}\n.post_content h4:where(:not([class^=\"swell-block-\"]):not(.faq_q):not(.p-postList__title)){padding: 0 0 1px 10px;\n    border-left:none;font-size:21px;color:#5e400e;}\n\n        @media (max-width: 768px) {\n            .product-showcase-section { padding: 3rem 1rem; }\n            .lineup-grid { grid-template-columns: 1fr; }\n            .tab-container{ width: 92%; padding:0; }\n            .post_content h4:where(:not([class^=\"swell-block-\"]):not(.faq_q):not(.p-postList__title)){ text-align:center; padding: 0; border-left:none;  margin: 3em auto 1.5em; width: 85%;}\n            \n            \/* \u25bc\u25bc\u25bc \u30b9\u30de\u30db\u8868\u793a\u7528\u306e\u30e1\u30cb\u30e5\u30fc\u8a73\u7d30\u30b9\u30bf\u30a4\u30eb\u3092\u4fee\u6b63 \u25bc\u25bc\u25bc *\/\n            .menu-item { \n                flex-direction: column; \/* \u8981\u7d20\u3092\u7e26\u7a4d\u307f\u306b\u5909\u66f4 *\/\n                align-items: stretch; \/* \u6a2a\u5e45\u3092\u89aa\u8981\u7d20\u306b\u5408\u308f\u305b\u308b *\/\n            }\n            .item-image { \n                width: 100%; \/* \u753b\u50cf\u306e\u5e45\u3092100%\u306b *\/\n                height: 250px; \n            }\n            .item-details {\n                text-align: center; \/* \u30c6\u30ad\u30b9\u30c8\u8981\u7d20\u3092\u4e2d\u592e\u63c3\u3048\u306b *\/\n            }\n            .item-description {\n                text-align: center; \/* \u8aac\u660e\u6587\u3082\u4e2d\u592e\u63c3\u3048\u306b *\/\n            }\n\n\n\n        }\n\n\/* ==== \u30b9\u30de\u30db\u3060\u3051\uff1aLINEUP \u3092\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\uff08\u753b\u9762\u7aef\u307e\u3067\uff09 ==== *\/\n@media (max-width: 768px){\n\n  \/* \u30bb\u30af\u30b7\u30e7\u30f3\u81ea\u4f53\u3092\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u5e45\u306b\u62e1\u5f35 *\/\n  #lineup{\n    \/* \u89aa\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u5e45\u5236\u9650\u3092\u7a81\u7834\u3057\u3066\u5168\u5e45\u306b *\/\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    width: 100vw;\n\n    \/* \u7aef\u30ae\u30ea\u9632\u6b62\uff0biPhone\u306e\u30bb\u30fc\u30d5\u30a8\u30ea\u30a2\u5bfe\u5fdc *\/\n    padding-left: max(12px, env(safe-area-inset-left));\n    padding-right: max(12px, env(safe-area-inset-right));\n  }\n\n  \/* \u5185\u5074\u306e\u5668\u306e\u5e45\u5236\u9650\u3092\u89e3\u9664\uff08\u4ee5\u524d\u306e 92% \u3092\u4e0a\u66f8\u304d\uff09 *\/\n  #lineup .tab-container,\n  #lineup .menu-details-content{\n    width: 100% !important;\n    max-width: none !important;\n  }\n\n  \/* \u5fc5\u8981\u306a\u3089\u5185\u5074\u306e\u5de6\u53f3\u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u5c11\u3057\u63a7\u3048\u3081\u306b *\/\n  #lineup .menu-details-content{\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n}\n\n\/* \u623b\u308b\u30dc\u30bf\u30f3\uff1aSP\u3060\u3051\u524d\u9762\uff06\u4e2d\u592e\u5bc4\u305b\u3002\u5b58\u5728\u3057\u306a\u3044\/\u79fb\u52d5\u3057\u3066\u3082ID\u3067\u78ba\u5b9f\u306b\u5f53\u3066\u308b *\/\n@media (max-width: 768px){\n  #warabi-back-fab{\n    position: fixed !important;\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n        width: min(60vw, 720px) !important;\n        bottom: calc(env(safe-area-inset-bottom, 0px) + 80px) !important;\n        z-index: 2147483647 !important;\n        background: rgba(255, 255, 255, .95);\n        border-radius: 9999px;\n        padding: 0;\n        box-shadow: 0 -2px 10px rgba(0, 0, 0, .1);\n        text-align: center;\n        z-index: 9999;\n        backdrop-filter: blur(5px);\n        -webkit-backdrop-filter: blur(5px);\n        opacity: 0;\n        transform: translateY(16px);\n        pointer-events: none;\n        transition: opacity .25s \nease, transform .25s \nease;\n  }\n  #warabi-back-fab .back-to-category-btn{\n    background: none;\n        border: none;\n        color: #be9318;\n        font-size : 1rem;\n        font-weight: 500;\n        padding: .9rem 1.5rem;\n        border-radius: 20px;\n  }\n\n#warabi-back-fab.is-visible{\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n\n#warabi-back-fab{ bottom: calc(env(safe-area-inset-bottom) + 72px); }\n\n\n}\n\n\n\n\/* PC\u306f\u901a\u5e38\u306e\u30d6\u30ed\u30c3\u30af\u8868\u793a\uff08\u56fa\u5b9a\u3057\u306a\u3044\uff09 *\/\n.menu-back-button-wrapper{\n  display:block;\n  text-align:center;\n  margin:16px 0 0;\n}\n\n\/* \u30b9\u30de\u30db\u3060\u3051\uff1a\u30d5\u30c3\u30bf\u30fc\u56fa\u5b9a\u3067\u51fa\u3057\u5165\u308c *\/\n@media (max-width: 768px){\n  .menu-back-button-wrapper{\n    position: fixed;\n    left: 0; right: 0; bottom: 0;\n    width: 100%;\n    background: rgba(255,255,255,.95);\n    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));\n    box-shadow: 0 -2px 10px rgba(0,0,0,.1);\n    text-align: center;\n    z-index: 600;\n    backdrop-filter: blur(5px);\n    -webkit-backdrop-filter: blur(5px);\n\n    \/* \u521d\u671f\u306f\u96a0\u3059 *\/\n    opacity: 0;\n    transform: translateY(100%);\n    pointer-events: none;\n    transition: opacity .25s ease, transform .25s ease;\n  }\n  .menu-back-button-wrapper.is-visible{\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n  }\n\n  \/* \u30d0\u30fc\u306b\u96a0\u308c\u306a\u3044\u3088\u3046\u4e0b\u4f59\u767d\u3092\u78ba\u4fdd\uff08\u30b9\u30de\u30db\u3060\u3051\uff09 *\/\n  .menu-details-content{ padding-bottom: 0px; }\n\n.kaigyo{display:block;}\n\n.item-image--segodon img{\n    object-position: 50% 20%;  \/* \u2190\u3053\u3053\u3092\u8abf\u6574\uff01\u4e0a\u306b\u898b\u305b\u305f\u3044\u306a\u3089 0%\u301c30%\u304f\u3089\u3044 *\/\n  }\n}\n\n\/* =========================\n   PC\u7248\uff1a\u623b\u308b\u30dc\u30bf\u30f3\u3092\u753b\u9762\u4e0b\u306e\u65b9\u306b\u56fa\u5b9a\n   ========================= *\/\n@media (min-width: 769px){\n  .menu-back-button-wrapper {\n        position: fixed !important;\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n        bottom: 0px !important;\n        width: 100% !important;\n        max-width: 100% !important;\n        padding: 0.75rem 1.25rem !important;\n        margin: 0 !important;\n        background: rgba(255, 255, 255, 0.95) !important;\n        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08) !important;\n        border-radius: 0px !important;\n        text-align: center !important;\n        z-index: 600 !important;\n        opacity: 1 !important;\n        pointer-events: auto !important;\n    }\n\n\n  .menu-back-button-wrapper .back-to-category-btn{\n    background: none;\n    border: 1px solid #ddd;\n    color: #be9318;\n    font-size: 1rem;\n    font-weight: 500;\n    padding: 0.6rem 1.8rem;\n    border-radius: 999px;\n    cursor: pointer;\n    transition: background-color .2s ease;\n  }\n\n  .menu-back-button-wrapper .back-to-category-btn:hover{\n    background-color: #f7f7f7;\n  }\n\n.kaigyo{display:none;}\n\n.tomei > img {\n    width: 44%;\n    border-radius: 25px;\n}\n}\n\n@media (max-width: 768px){\n\n.tomei{text-align:center;}\n\n.tomei > img {\n    width: 97%;\n    border-radius: 25px;\n}\n\n}\n\n\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"product-showcase-section\" id=\"lineup\">\n        <h2 class=\"product-showcase-title\">LINEUP <span>#\u308f\u3089\u3073\u3082\u3061 #\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/span><\/h2>\n        <div class=\"tab-container\">\n            <ul class=\"tab-nav\">\n                <li><button class=\"tab-btn active\" data-tab=\"panel-category\">\u5546\u54c1\u30ab\u30c6\u30b4\u30ea\u30fc<\/button><\/li>\n                <li><button class=\"tab-btn\" data-tab=\"panel-details\">\u30e1\u30cb\u30e5\u30fc\u8a73\u7d30<\/button><\/li>\n            <\/ul>\n            <div class=\"tab-content\">\n                <div id=\"panel-category\" class=\"tab-panel active\">\n                    <div class=\"lineup-grid\">\n                        <div class=\"lineup-card\">\n                            <div class=\"card-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_1361-scaled.jpg\" alt=\"\u751f\u308f\u3089\u3073\u3082\u3061\"><\/div>\n                            <div class=\"card-content\"><h3>\u751f\u308f\u3089\u3073\u3082\u3061<\/h3><p>\u308f\u3089\u3073\u306e\u6839\u304b\u3089\u63a1\u53d6\u3055\u308c\u305f\u8cb4\u91cd\u306a\u672c\u308f\u3089\u3073\u7c89\u3084\u548c\u4e09\u871c\u3092\u4f7f\u7528\u3057\u3001\u7d20\u6750\u304b\u3089\u3053\u3060\u308f\u3063\u305f\u81ea\u6162\u306e\u4e00\u54c1\u3067\u3059<\/p><\/div>\n                            <div class=\"card-actions\">\n                                <div class=\"card-buttons-wrapper\">\n                                    <a href=\"#\" class=\"page-link-btn\" data-tab-target=\"panel-details\" data-scroll-to=\"menu-nama-warabi\">\u8a73\u7d30\u3092\u898b\u308b<\/a>\n                                    <button class=\"delivery-toggle-new\">\u30c7\u30ea\u30d0\u30ea\u30fc<\/button>\n                                <\/div>\n                                <div class=\"delivery-links-new\"><a href=\"https:\/\/www.ubereats.com\/\" target=\"_blank\" class=\"delivery-btn uber\">Uber Eats<\/a><a href=\"https:\/\/demae-can.com\/\" target=\"_blank\" class=\"delivery-btn demae\">\u51fa\u524d\u9928<\/a><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"lineup-card\">\n                            <div class=\"card-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_1360-scaled.jpg\" alt=\"\u751f\u308f\u3089\u3073\u3082\u3061\u30c9\u30ea\u30f3\u30af\"><\/div>\n                            <div class=\"card-content\"><h3>\u751f\u308f\u3089\u3073\u3082\u3061\u30c9\u30ea\u30f3\u30af<\/h3><p>\u9999\u308a\u9ad8\u3044\u308f\u3089\u3073\u3082\u3061\u3092\u3075\u3093\u3060\u3093\u306b\u4f7f\u3063\u305f\u8d05\u6ca2\u306a\u30c9\u30ea\u30f3\u30af\u3002\u8d05\u6ca2\u306a\u3072\u3068\u3068\u304d\u3092\u3002<\/p><\/div>\n                            <div class=\"card-actions\">\n                                <div class=\"card-buttons-wrapper\"><a href=\"#\" class=\"page-link-btn\" data-tab-target=\"panel-details\" data-scroll-to=\"menu-drink\">\u8a73\u7d30\u3092\u898b\u308b<\/a><button class=\"delivery-toggle-new\">\u30c7\u30ea\u30d0\u30ea\u30fc<\/button><\/div>\n                                <div class=\"delivery-links-new\"><a href=\"https:\/\/www.ubereats.com\/\" target=\"_blank\" class=\"delivery-btn uber\">Uber Eats<\/a><a href=\"https:\/\/demae-can.com\/\" target=\"_blank\" class=\"delivery-btn demae\">\u51fa\u524d\u9928<\/a><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"lineup-card\">\n                            <div class=\"card-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/8652E0F5-F40D-46C0-A05C-729CE9036C7F.jpeg\" alt=\"\u30bd\u30d5\u30c8\u30c9\u30ea\u30f3\u30af\"><\/div>\n                            <div class=\"card-content\"><h3>\u30bd\u30d5\u30c8\u30c9\u30ea\u30f3\u30af<\/h3><p>\u5b9a\u756a\u306e\u5473\u308f\u3044\u3092\u3002<\/p><\/div>\n                            <div class=\"card-actions\">\n                                <div class=\"card-buttons-wrapper\"><a href=\"#\" class=\"page-link-btn\" data-tab-target=\"panel-details\" data-scroll-to=\"original-drink2\">\u8a73\u7d30\u3092\u898b\u308b<\/a><button class=\"delivery-toggle-new\">\u30c7\u30ea\u30d0\u30ea\u30fc<\/button><\/div>\n                                <div class=\"delivery-links-new\"><a href=\"https:\/\/www.ubereats.com\/\" target=\"_blank\" class=\"delivery-btn uber\">Uber Eats<\/a><a href=\"https:\/\/demae-can.com\/\" target=\"_blank\" class=\"delivery-btn demae\">\u51fa\u524d\u9928<\/a><\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"lineup-card\">\n                            <div class=\"card-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_1359.jpg\" alt=\"\u30af\u30ea\u30fc\u30e0\u308f\u3089\u3073\u3082\u3061\"><\/div>\n                            <div class=\"card-content\"><h3>\u7c89\u96ea\u30c9\u30eb\u30c1\u30a7\u304b\u304d\u6c37<\/h3><p>\u7df4\u4e73\u304b\u304d\u6c37\u3092\u3075\u3093\u3060\u3093\u306b\u4f7f\u3063\u305f\u8d05\u6ca2\u306a\u304b\u304d\u6c37\u3002\u308f\u3089\u3073\u9905\u3068\u306e\u30b3\u30e9\u30dc\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002<\/p><\/div>\n                            <div class=\"card-actions\">\n                                <div class=\"card-buttons-wrapper\"><a href=\"#\" class=\"page-link-btn\" data-tab-target=\"panel-details\" data-scroll-to=\"kakigori-sweets\">\u8a73\u7d30\u3092\u898b\u308b<\/a><button class=\"delivery-toggle-new\">\u30c7\u30ea\u30d0\u30ea\u30fc<\/button><\/div>\n                                <div class=\"delivery-links-new\"><a href=\"https:\/\/www.ubereats.com\/\" target=\"_blank\" class=\"delivery-btn uber\">Uber Eats<\/a><a href=\"https:\/\/demae-can.com\/\" target=\"_blank\" class=\"delivery-btn demae\">\u51fa\u524d\u9928<\/a><\/div>\n                            <\/div>\n                        <\/div>\n                        \n                    <\/div>\n                <\/div>\n                <div id=\"panel-details\" class=\"tab-panel\">\n                    <div class=\"menu-details-content\">\n                        <div class=\"menu-category\">\n                            <h4 class=\"menu-category-title\" id=\"menu-nama-warabi\">\u751f\u308f\u3089\u3073\u3082\u3061<\/h4>\n                            <div class=\"menu-subcategory\">\n                                <h5 class=\"menu-subcategory-title\">\u30d7\u30ec\u30fc\u30f3<\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_1361-scaled.jpg\" alt=\"\u751f\u308f\u3089\u3073\u3082\u3061\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u3010\u5c0f 180g\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5400<\/span><\/div>\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u3010\u4e2d 230g\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5500<\/span><\/div><div class=\"menu-item-line\"><span class=\"item-name\">\u3010\u5927 360g \u203b\u4e88\u7d04\u5236\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5750<\/span><\/div>\n                                        <p class=\"item-description\">\u3068\u308d\u3051\u308b\u53e3\u5f53\u305f\u308a\u3068\u512a\u3057\u3044\u7518\u3055\u304c\u7279\u5fb4\u306e<br class=\"kaigyo\">\u5b9a\u756a\u5546\u54c1\u3067\u3059\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"menu-subcategory\">\n                                <h5 class=\"menu-subcategory-title\">\u30c1\u30e7\u30b3<strong>(\u203b\u6570\u91cf\u9650\u5b9a)<\/strong><\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_1017.jpeg\" alt=\"\u30c1\u30e7\u30b3\u308f\u3089\u3073\u3082\u3061\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u3010\u5c0f 180g\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5420<\/span><\/div>\n                                        <p class=\"item-description\">\u3068\u308d\u3051\u308b\u3088\u3046\u306a\u30c1\u30e7\u30b3\u3068\u308f\u3089\u3073\u3082\u3061\u306e\u878d\u5408\u3067\u3059\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"menu-subcategory\">\n                                <h5 class=\"menu-subcategory-title\">\u62b9\u8336<strong>(\u203b\u6570\u91cf\u9650\u5b9a)<\/strong><\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/02\/LINE_ALBUM_\u30a6\u30a9\u30eb\u30c8\u30c7\u30fc\u30bf_230725_5.jpg\" alt=\"\u62b9\u8336\u308f\u3089\u3073\u3082\u3061\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u3010\u5c0f 180g\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5420<\/span><\/div>\n                                        <p class=\"item-description\">\u548c\u3092\u611f\u3058\u308b\u62b9\u8336\u3068\u308f\u3089\u3073\u3082\u3061\u306f\u629c\u7fa4\u306b\u5408\u3044\u307e\u3059\uff01<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"menu-category\">\n                            <h4 class=\"menu-category-title\" id=\"menu-drink\">\u30c9\u30ea\u30f3\u30af\u985e<\/h4>\n                            <div class=\"menu-subcategory\">\n                                <h5 class=\"menu-subcategory-title\">\u751f\u308f\u3089\u3073\u3082\u3061\u30c9\u30ea\u30f3\u30af<\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_1360-scaled.jpg\" alt=\"\u9ed2\u307f\u3064\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u9ed2\u307f\u3064<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5500<\/span><\/div>\n                                        <p class=\"item-description\">\u3053\u3060\u308f\u308a\u306e\u9ed2\u307f\u3064\u3092\u4f7f\u7528\u3057\u305f\u3001\u98a8\u5473\u8c4a\u304b\u306a\u4e00\u676f\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_2057-1.jpg\" alt=\"\u3044\u3061\u3054\u307f\u308b\u304f\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u3044\u3061\u3054\u30df\u30eb\u30af<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5550<\/span><\/div>\n                                        <p class=\"item-description\">\u7518\u3044\u3044\u3061\u3054\u3068\u6fc3\u539a\u306a\u30df\u30eb\u30af\u306e\u7d44\u307f\u5408\u308f\u305b\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/943D96A5-01AC-4D6C-8BE1-C30B3924CEBC.jpeg\" alt=\"\u62b9\u8336\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u62b9\u8336<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5550<\/span><\/div>\n                                        <p class=\"item-description\">\u4eac\u90fd\u5b87\u6cbb\u7523\u306e\u62b9\u8336\u3092\u4f7f\u7528\u3057\u305f\u3001\u98a8\u5473\u8c4a\u304b\u306a\u4e00\u676f\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/02\/LINE_ALBUM_\u30a6\u30a9\u30eb\u30c8\u30c7\u30fc\u30bf_230725_11.jpg\" alt=\"\u30c0\u30eb\u30b4\u30ca\u30b3\u30fc\u30d2\u30fc\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30c0\u30eb\u30b4\u30ca\u30b3\u30fc\u30d2\u30fc<br class=\"kaigyo\">\u3010\u7518\u3081\/\u30d3\u30bf\u30fc\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5650<\/span><\/div>\n                                        <p class=\"item-description\">\u30b3\u30fc\u30d2\u30fc\u306e\u98a8\u5473\u3068\u308f\u3089\u3073\u9905\u304c\u878d\u5408\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/02\/\u30ad\u30e3\u30e9\u30e1\u30eb\u30df\u30eb\u30af\u30c6\u30a3\u30fc.jpg\" alt=\"\u30ad\u30e3\u30e9\u30e1\u30eb\u30df\u30eb\u30af\u30c6\u30a3\u30fc\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30ad\u30e3\u30e9\u30e1\u30eb\u30df\u30eb\u30af\u30c6\u30a3\u30fc<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5550<\/span><\/div>\n                                        <p class=\"item-description\">\u30ad\u30e3\u30e9\u30e1\u30eb\u306e\u7518\u3044\u5473\u308f\u3044\u3068\u308f\u3089\u3073\u3082\u3061\u306e\u878d\u5408\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/02\/LINE_ALBUM_\u30a6\u30a9\u30eb\u30c8\u30c7\u30fc\u30bf_230725_10.jpg\" alt=\"\u30ea\u30c3\u30c1\u30b7\u30e7\u30b3\u30e9\uff06\u30aa\u30ec\u30aa\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30ea\u30c3\u30c1\u30b7\u30e7\u30b3\u30e9\uff06\u30aa\u30ec\u30aa<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5650<\/span><\/div>\n                                        <p class=\"item-description\">\u30aa\u30ec\u30aa\u306e\u98df\u611f\u3068\u308f\u3089\u3073\u3082\u3061\u306e\u878d\u5408\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/8652E0F5-F40D-46C0-A05C-729CE9036C7F.jpeg\" alt=\"\u30ec\u30e2\u30f3\u30b9\u30ab\u30c3\u30b7\u30e5\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30ec\u30e2\u30f3\u30b9\u30ab\u30c3\u30b7\u30e5<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5550<\/span><\/div>\n                                        <p class=\"item-description\">\u723d\u3084\u304b\u306a\u30ec\u30e2\u30f3\u306e\u5473\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_3722.jpeg\" alt=\"\u30d5\u30ec\u30c3\u30b7\u30e5\u30d0\u30ca\u30ca\uff06\u30aa\u30ec\u30aa\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30d5\u30ec\u30c3\u30b7\u30e5\u30d0\u30ca\u30ca\uff06<br class=\"kaigyo\">\u30aa\u30ec\u30aa<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5650<\/span><\/div>\n                                        <p class=\"item-description\">\u30aa\u30ec\u30aa\u3068\u30d0\u30ca\u30ca\u3068\u308f\u3089\u3073\u3082\u3061\u306e\u878d\u5408\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                        <\/div>\n                        <div class=\"menu-category\">\n                            <h4 class=\"menu-category-title\" id=\"menu-sweets\">\u30bd\u30d5\u30c8\u30c9\u30ea\u30f3\u30af<\/h4>\n                            <div class=\"menu-subcategory\">\n                                <p class=\"p_title\">\u203b\u30d4\u30fc\u30c1\u30ec\u30e2\u30f3\u30bd\u30fc\u30c0\u4ee5\u5916\u306e\u30bd\u30d5\u30c8\u30c9\u30ea\u30f3\u30af\u306f\u3001\u201c\u308f\u3089\u3073\u3082\u3061\u201d \u201c\u308f\u3089\u3073\u3082\u3061\u30c9\u30ea\u30f3\u30af\u201d \u201c\u7c89\u96ea\u30c9\u30eb\u30c1\u30a7\u304b\u304d\u6c37\u201d\u3068\u30bb\u30c3\u30c8\u3067\u5272\u5f15\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n\n<div class=\"menu-subcategory\">\n                              \n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\" id=\"original-drink2\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/02\/LINE_ALBUM_\u30a6\u30a9\u30eb\u30c8\u30c7\u30fc\u30bf_230725_8.jpg\" alt=\"\u30d4\u30fc\u30c1\u30ec\u30e2\u30f3\u30bd\u30fc\u30c0\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30d4\u30fc\u30c1\u30ec\u30e2\u30f3\u30bd\u30fc\u30c0<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5500<\/span><\/div>\n                                        <p class=\"item-description\">\u5f53\u5e97\u30aa\u30ea\u30b8\u30ca\u30eb\u306e\u723d\u3084\u304b\u306a\u4e00\u676f\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n<div class=\"menu-subcategory\">\n                                <h5 class=\"menu-subcategory-title\">\u30ab\u30d5\u30a7\u30aa\u30ec\uff08\u30db\u30c3\u30c8or\u30a2\u30a4\u30b9\uff09<\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/11\/IMG_0144-scaled.jpg\" alt=\"\u30ab\u30d5\u30a7\u30aa\u30ec\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u3010\u5358\u54c1\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5350<\/span><\/div>\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u3010\u30c9\u30ea\u30f3\u30af\u30bb\u30c3\u30c8\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5200<\/span><\/div>\n                                        <p class=\"item-description\">\u5fc3\u6e29\u307e\u308b\u4e00\u676f\u3092\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                                <h5 class=\"menu-subcategory-title\">\u3010350\u5186\u5546\u54c1\uff08\u30bb\u30c3\u30c8\u3067200\u5186\uff09\u3011<\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-details\">\n\n<div class=\"menu-item-line\"><span class=\"item-name\">\u30b3\u30fc\u30d2\u30fc<br class=\"kaigyo\">\u3010\u30db\u30c3\u30c8or\u30a2\u30a4\u30b9\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5350<\/span><\/div>\n\n<div class=\"menu-item-line\"><span class=\"item-name\">\u7d05\u8336<br class=\"kaigyo\">\u3010\u30db\u30c3\u30c8or\u30a2\u30a4\u30b9\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5350<\/span><\/div>\n\n<div class=\"menu-item-line\"><span class=\"item-name\">\u30df\u30eb\u30af<br class=\"kaigyo\">\u3010\u30db\u30c3\u30c8or\u30a2\u30a4\u30b9\u3011<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5350<\/span><\/div>\n\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u308a\u3093\u3054\u30b8\u30e5\u30fc\u30b9<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5350<\/span><\/div>\n\n<div class=\"menu-item-line\"><span class=\"item-name\">\u30aa\u30ec\u30f3\u30b8\u30b8\u30e5\u30fc\u30b9<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5350<\/span><\/div>\n\n<div class=\"menu-item-line\"><span class=\"item-name\">\u30b3\u30fc\u30e9<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5350<\/span><\/div>\n\n<div class=\"menu-item-line\"><span class=\"item-name\">\u30b5\u30a4\u30c0\u30fc<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5350<\/span><\/div>\n\n<div class=\"menu-item-line\"><span class=\"item-name\">\u30b8\u30f3\u30b8\u30e3\u30a8\u30fc\u30eb<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5350<\/span><\/div>\n\n\n                                    <\/div>\n                                <\/div>\n                                <h5 class=\"menu-subcategory-title\">\u3010200\u5186\u5546\u54c1\uff08\u30bb\u30c3\u30c8\u3067100\u5186\uff09\u3011<\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u307b\u3046\u3058\u8336(\u30db\u30c3\u30c8)<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5200<\/span><\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"menu-category\">\n                            <h4 class=\"menu-category-title\" id=\"kakigori-sweets\">\u7c89\u96ea\u30c9\u30eb\u30c1\u30a7\u304b\u304d\u6c37<\/h4>\n                            <div class=\"menu-subcategory\">\n                                <p class=\"p_title\">\u7c89\u96ea\u30c9\u30eb\u30c1\u30a7\u304b\u304d\u6c37\u306f\u63d0\u4f9b\u307e\u306710\u5206\uff5e15\u5206\u307b\u3069\u304a\u6642\u9593\u3092\u3044\u305f\u3060\u304d\u307e\u3059\u3002\u5199\u771f\u306f\u30ec\u30ae\u30e5\u30e9\u30fc\u30b5\u30a4\u30ba\u3067\u3059\u3002(\u30e9\u30fc\u30b8\u306f\u30011.5\u500d\u91cf\u3002)<\/p>\n<div class=\"tomei\">\n<img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2026\/03\/\u30c6\u30a4\u30af\u30a2\u30a6\u30c8\u5bb9\u5668\u5229\u7528\u3067\u304d\u307e\u3059-3.png\">\n<\/div>\n                                <h5 class=\"menu-subcategory-title\">\u9ed2\u307f\u3064\u304d\u306a\u7c89<\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/08\/IMG_2051.jpg\" alt=\"\u9ed2\u307f\u3064\u304d\u306a\u7c89\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30e9\u30fc\u30b8<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5900<\/span><\/div>\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30ec\u30ae\u30e5\u30e9\u30fc<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5700<\/span><\/div>\n                                        <p class=\"item-description\">\u7df4\u4e73\u3092\u51cd\u3089\u305b\u3066\u524a\u3063\u305f\u3075\u308f\u3075\u308f\u306e\u6c37\u306b\u3001<br class=\"kaigyo\">\u308f\u3089\u3073\u3082\u3061\u3092\u30c8\u30c3\u30d4\u30f3\u30b0\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n\n<h5 class=\"menu-subcategory-title\">\u3044\u3061\u3054<\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/IMG_2052.jpeg\" alt=\"\u3044\u3061\u3054\u304b\u304d\u6c37\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30e9\u30fc\u30b8<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5800<\/span><\/div>\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30ec\u30ae\u30e5\u30e9\u30fc<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5600<\/span><\/div>\n                                        <p class=\"item-description\">\u7df4\u4e73\u3092\u51cd\u3089\u305b\u3066\u524a\u3063\u305f\u3075\u308f\u3075\u308f\u306e\u6c37\u306b\u3001<br class=\"kaigyo\">\u308f\u3089\u3073\u3082\u3061\u3092\u30c8\u30c3\u30d4\u30f3\u30b0\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n<h5 class=\"menu-subcategory-title\">\u30c6\u30a3\u30e9\u30df\u30b9<\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/02\/\u30c6\u30a3\u30e9\u30df\u30b9.jpg\" alt=\"\u30c6\u30a3\u30e9\u30df\u30b9\u304b\u304d\u6c37\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30e9\u30fc\u30b8<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5900<\/span><\/div>\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30ec\u30ae\u30e5\u30e9\u30fc<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5700<\/span><\/div>\n                                        <p class=\"item-description\">\u30c6\u30a3\u30e9\u30df\u30b9\u3068\u308f\u3089\u3073\u3082\u3061\u306e\u878d\u5408\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n\n<h5 class=\"menu-subcategory-title\">\u5b87\u6cbb\u62b9\u8336\u30c6\u30a3\u30e9\u30df\u30b9<\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/02\/\u5b87\u6cbb\u62b9\u8336\u30c6\u30a3\u30e9\u30df\u30b9.jpg\" alt=\"\u5b87\u6cbb\u62b9\u8336\u30c6\u30a3\u30e9\u30df\u30b9\u304b\u304d\u6c37\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30e9\u30fc\u30b8<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5950<\/span><\/div>\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30ec\u30ae\u30e5\u30e9\u30fc<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5750<\/span><\/div>\n                                        <p class=\"item-description\">\u62b9\u8336\u98a8\u5473\u306e\u30c6\u30a3\u30e9\u30df\u30b9\u3068\u308f\u3089\u3073\u3082\u3061\u306e\u878d\u5408\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n\n<h5 class=\"menu-subcategory-title\">\u305b\u3054\u3069\u3093\u304b\u304d\u6c37<\/h5>\n                                <div class=\"menu-item\">\n                                    <div class=\"item-image item-image--segodon\"><img decoding=\"async\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/12\/IMG_0331.jpg\" alt=\"\u305b\u3054\u3069\u3093\u304b\u304d\u6c37\"><\/div>\n                                    <div class=\"item-details\">\n                                        <div class=\"menu-item-line\"><span class=\"item-name\">\u30ec\u30ae\u30e5\u30e9\u30fc<\/span><span class=\"item-dots\"><\/span><span class=\"item-price\">\u00a5900<\/span><\/div>\n                                        <p class=\"item-description\">\u5927\u8feb\u529b\u306e\u897f\u90f7\u9686\u76db\u3068\u304b\u304d\u6c37\u3068\u306e\u30b3\u30e9\u30dc\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n                        <div class=\"menu-back-button-wrapper\" id=\"warabi-back-fab\">\n                            <button class=\"back-to-category-btn\" data-tab-target=\"panel-category\">\u2190 \u5546\u54c1\u30ab\u30c6\u30b4\u30ea\u30fc\u4e00\u89a7\u3078\u623b\u308b<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n   <script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  \/\/ === LINEUP \u30bf\u30d6 + \u300c\u5546\u54c1\u30ab\u30c6\u30b4\u30ea\u30fc\u4e00\u89a7\u3078\u623b\u308b\u300d\u6c7a\u5b9a\u7248 ===\n  const lineupSection = document.getElementById('lineup');\n  if (!lineupSection) return;\n\n  const tabContainer      = lineupSection.querySelector('.tab-container');\n  const backButtonWrapper = lineupSection.querySelector('.menu-back-button-wrapper');\n  const detailsPanel      = lineupSection.querySelector('#panel-details');\n\n  if (!tabContainer || !backButtonWrapper || !detailsPanel) return;\n\n  \/\/ LINEUP \u30bb\u30af\u30b7\u30e7\u30f3\u304c\u753b\u9762\u5185\u306b\u3042\u308b\u304b\u3069\u3046\u304b\n  let isLineupInView = false;\n\n  \/\/ \u623b\u308b\u30dc\u30bf\u30f3\u306e\u8868\u793a \/ \u975e\u8868\u793a\u3092\u3053\u3053\u3060\u3051\u3067\u7ba1\u7406\n  const updateBackButtonVisibility = () => {\n    const isDetailsTabActive = detailsPanel.classList.contains('active');\n    const shouldShow = isLineupInView && isDetailsTabActive;\n\n    if (shouldShow) {\n      backButtonWrapper.classList.add('is-visible');\n      backButtonWrapper.style.display = 'block';\n    } else {\n      backButtonWrapper.classList.remove('is-visible');\n      backButtonWrapper.style.display = 'none';\n    }\n  };\n\n  \/\/ \u30bf\u30d6\u5207\u308a\u66ff\u3048\n  const switchTab = (targetPanelId) => {\n    const tabButtons = tabContainer.querySelectorAll('.tab-btn');\n    const tabPanels  = tabContainer.querySelectorAll('.tab-panel');\n\n    tabPanels.forEach(panel => {\n      panel.classList.toggle('active', panel.id === targetPanelId);\n    });\n    tabButtons.forEach(btn => {\n      btn.classList.toggle('active', btn.getAttribute('data-tab') === targetPanelId);\n    });\n\n    updateBackButtonVisibility();\n  };\n\n  \/\/ LINEUP \u5168\u4f53\u3092\u76e3\u8996\uff08\u753b\u9762\u304b\u3089\u5916\u308c\u305f\u3089 isLineupInView = false\uff09\n  if ('IntersectionObserver' in window) {\n    const observer = new IntersectionObserver((entries) => {\n      isLineupInView = entries.some(entry => entry.isIntersecting);\n      updateBackButtonVisibility();\n    }, { threshold: 0 }); \/\/ 1px\u3067\u3082\u5165\u3063\u3066\u3044\u305f\u3089 true\n\n    observer.observe(lineupSection);\n  } else {\n    \/\/ \u53e4\u3044\u30d6\u30e9\u30a6\u30b6\u7528\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\n    const checkInView = () => {\n      const r = lineupSection.getBoundingClientRect();\n      isLineupInView = (r.bottom > 0) && (r.top < window.innerHeight);\n      updateBackButtonVisibility();\n    };\n    window.addEventListener('scroll', checkInView, { passive: true });\n    window.addEventListener('resize', checkInView);\n    checkInView();\n  }\n\n  \/\/ \u30bf\u30d6\u3084\u30dc\u30bf\u30f3\u306e\u30af\u30ea\u30c3\u30af\u3092\u307e\u3068\u3081\u3066\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0\n  tabContainer.addEventListener('click', function(event) {\n    const target      = event.target;\n    const pageLinkBtn = target.closest('.page-link-btn');\n    const tabBtn      = target.closest('.tab-btn');\n    const backBtn     = target.closest('.back-to-category-btn');\n\n    \/\/ \u30bf\u30d6\u898b\u51fa\u3057\u30af\u30ea\u30c3\u30af\n    if (tabBtn) {\n      const targetPanelId = tabBtn.getAttribute('data-tab');\n      if (targetPanelId) switchTab(targetPanelId);\n      return;\n    }\n\n    \/\/ \u300c\u8a73\u7d30\u3092\u898b\u308b\u300d\u30dc\u30bf\u30f3\n    if (pageLinkBtn) {\n      event.preventDefault();\n      const targetPanelId = pageLinkBtn.getAttribute('data-tab-target'); \/\/ \u305f\u3076\u3093 \"panel-details\"\n      const scrollTargetId = pageLinkBtn.getAttribute('data-scroll-to'); \/\/ \u898b\u51fa\u3057\u306eID\n\n      if (targetPanelId) switchTab(targetPanelId);\n\n      if (scrollTargetId) {\n        const scrollTargetElement = document.getElementById(scrollTargetId);\n        if (scrollTargetElement) {\n          \/\/ \u30bf\u30d6\u306eDOM\u304c\u5207\u308a\u66ff\u308f\u308b\u306e\u3092\u5f85\u3063\u3066\u304b\u3089\u30b9\u30af\u30ed\u30fc\u30eb\n          setTimeout(() => {\n            scrollTargetElement.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            });\n          }, 150);\n        }\n      }\n      return;\n    }\n\n    \/\/ \u300c\u5546\u54c1\u30ab\u30c6\u30b4\u30ea\u30fc\u4e00\u89a7\u3078\u623b\u308b\u300d\u30dc\u30bf\u30f3\n    if (backBtn) {\n      const targetPanelId = backBtn.getAttribute('data-tab-target') || 'panel-category';\n      switchTab(targetPanelId);\n      tabContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      return;\n    }\n  });\n\n  \/\/ \u521d\u671f\u72b6\u614b\u306e\u5224\u5b9a\n  updateBackButtonVisibility();\n});\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<section class=\"voice-section fade-in-up\" id=\"voice\">\n\n<h2 class=\"voice-title\">\n  VOICE <span>\u304a\u5ba2\u69d8\u306e\u58f0<\/span>\n<\/h2>\n\n  <div class=\"voice-cards\">\n    <div class=\"voice-card\">\n      <p>\u300c\u3010\u751f\u308f\u3089\u3073\u9905\u30c9\u30ea\u30f3\u30af\u304c\u7d76\u54c1\ud83d\ude0b\u3011\n\u9ed2\u307f\u3064\u3068\u308f\u3089\u3073\u9905\u304c\u6eb6\u3051\u8fbc\u3093\u3060\u30c9\u30ea\u30f3\u30af\u304c\u65b0\u3057\u3044\u611f\u3058\u3067\u7f8e\u5473\u3057\u304b\u3063\u305f\u3067\u3059\ud83d\ude06\n\n\u5e97\u5185\u306fWi-Fi\u3082\u3042\u308a\u3001\u7a7a\u8abf\u3082\u30d0\u30c3\u30c1\u30ea\u3067\u3057\u305f\ud83d\udc4d\nPC\u4f5c\u696d\u3092\u3055\u308c\u308b\u65b9\u306b\u3082\u30aa\u30b9\u30b9\u30e1\u3067\u3059\ud83d\ude01\u300d<\/p>\n      <span>Google \u30de\u30c3\u30d7\u3088\u308a \/ M\u3055\u3093<\/span>\n    <\/div>\n    <div class=\"voice-card\">\n      <p>\u300c\u7d76\u54c1\u308f\u3089\u3073\u9905\u3002\u30c9\u30ea\u30f3\u30af\u306e\u751f\u30af\u30ea\u30fc\u30e0\u3082\u690d\u7269\u6027\u3067\u306a\u304f\u3001\u304d\u3061\u3093\u3068\u3057\u305f\u7d14\u751f\u30af\u30ea\u30fc\u30e0\u3092\u4f7f\u7528\u3002\u304a\u5e97\u306e\u59ff\u52e2\u304c\u4f3a\u3048\u307e\u3059\u3002\u3054\u3061\u305d\u3046\u3055\u307e\u3067\u3057\u305f\uff01\u300d<\/p>\n      <span>Google \u30de\u30c3\u30d7\u3088\u308a \/ M\u3055\u3093<\/span>\n    <\/div>\n    <div class=\"voice-card\">\n      <p>\u300c\u4eca\u307e\u3067\u98df\u3079\u305f\u308f\u3089\u3073\u9905\u306e\u4e2d\u3067\u30c0\u30f3\u30c8\u30c4\u30671\u756a\u7f8e\u5473\u3057\u304b\u3063\u305f\u3067\u3059\uff01\n\u540d\u524d\u306e\u3068\u304a\u308a\u3001\u3075\u308f\u3063\u3068\u30c8\u30ed\u30c3\u3068\u53e3\u6eb6\u3051\u304c\u826f\u304f\u3001\u7518\u3059\u304e\u306a\u3044\u306e\u3082\ud83d\udc4d\u5e97\u54e1\u3055\u3093\u3082\u6c17\u6301\u3061\u826f\u3044\u63a5\u5ba2\u3092\u3057\u3066\u304f\u308c\u307e\u3057\u305f\u3002\n\u30aa\u30b9\u30b9\u30e1\u3067\u3059\u266a\u300d<\/p>\n      <span>Google \u30de\u30c3\u30d7\u3088\u308a \/ \u3042\u3042\u3055\u3093<\/span>\n    <\/div>\n\n<!-- VOICE \u898b\u51fa\u3057\u306e\u76f4\u524d\u3042\u305f\u308a\u306b\u5e73\u5747\u3068\u4ef6\u6570\u3092\u8868\u793a\uff08\u624b\u52d5\u8ffd\u8a18\u3067OK\uff09 -->\n\n\n  <\/div>\n\n<p aria-label=\"\u30ec\u30d3\u30e5\u30fc\u8981\u7d04\" style=\"text-align:center;color:#6b7280;margin-top:-.5rem\">\n  Google\u30ec\u30d3\u30e5\u30fc <strong>\u26054.8\/5<\/strong>\uff08<span>126\u4ef6<\/span>\uff09\n<\/p>\n\n  <a href=\"https:\/\/maps.app.goo.gl\/T97dcADW9JguxNYe9?g_st=ic\" target=\"_blank\" class=\"voice-link\">Google \u30de\u30c3\u30d7\u306e\u5168\u30ec\u30d3\u30e5\u30fc\u3092\u898b\u308b<\/a>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 has-bg-img -fixbg alignfull lazyload bg-reservation\" style=\"background-color:rgba(255, 230, 230, 0.15)\" data-bg=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2026\/03\/\u540d\u79f0\u672a\u8a2d\u5b9a\u306e\u30c7\u30b6\u30a4\u30f3-9.jpg\"><div class=\"swell-block-fullWide__inner\">\n<section class=\"reservation-section\" id=\"order\">\n  <h2 class=\"res-title\">ORDER <span>\u6765\u5e97\u30fb\u6ce8\u6587\u4e88\u7d04<\/span><\/h2>\n  <p class=\"reservation-desc\">\n    \u300c\u3075\u308f\u3068\u308d\u300d\u306e\u3068\u308d\u3051\u308b\u308f\u3089\u3073\u3082\u3061\u3092\u3082\u3063\u3068\u6c17\u8efd\u306b\u3002\n    \u304a\u5e2d\u306e\u3054\u4e88\u7d04\u3084\u3001\u304a\u6301\u3061\u5e30\u308a\u30fb\u30c7\u30ea\u30d0\u30ea\u30fc\u306e\u3054\u6ce8\u6587\u306f\u3053\u3061\u3089\u304b\u3089\u3069\u3046\u305e\u3002\n  <\/p>\n  <div class=\"reservation-buttons\">\n    <a href=\"tel:099-800-9725\" class=\"res-btn\">\u96fb\u8a71\u4e88\u7d04\u3059\u308b<\/a>\n    <button class=\"res-btn delivery-toggle\">\u30c7\u30ea\u30d0\u30ea\u30fc\u4e88\u7d04<\/button>\n    \n<\/div>\n<div id=\"delivery-links\" class=\"delivery-links\">\n    <a href=\"https:\/\/www.ubereats.com\/jp\" target=\"_blank\">Uber Eats<\/a>\n    <a href=\"https:\/\/demae-can.com\/\" target=\"_blank\">\u51fa\u524d\u9928<\/a>\n    \n  <\/div>\n  \n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<h2 class=\"wp-block-heading is-style-section_ttl\"><\/h2>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n<title>\u4f53\u9a13\u578bLINEUP\u30c7\u30b6\u30a4\u30f3\uff08\u753b\u50cf\uff0b\u88c5\u98fe\u7248\uff09<\/title>\n<style>\n:root{\n  --bowl-size: 350px;\n  --bowl-border: 8px;\n  --vh: 1vh; \/* JS\u3067\u66f4\u65b0 *\/\n}\n\n\/* \u80cc\u666f\u30ed\u30c3\u30af\uff08position:fixed\u306f\u4f7f\u308f\u306a\u3044\uff09 *\/\nhtml.no-scroll, body.no-scroll { overflow: hidden; }\n\n\/* ===== \u5168\u4f53 ===== *\/\nbody {\n  font-family: 'Helvetica Neue','Arial','Hiragino Kaku Gothic ProN','Hiragino Sans','Meiryo',sans-serif;\n  margin: 0; padding: 0; background-color: #f5f5f1; overflow-x: hidden;\n}\n\n\/* ===== \u30bb\u30af\u30b7\u30e7\u30f3 ===== *\/\n#lineup {\n  position: relative;\n  width: 100%;\n  min-height: 100vh;\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  padding: 2rem; box-sizing: border-box;\n}\n\n.lineup-heading { text-align: center; margin: 3rem 0 2rem; color: #4a3f35; }\n.lineup-heading .sub-title { font-size: 1rem; margin: 0; color: #888; letter-spacing: .2em; }\n.lineup-heading .main-title { font-size: 2.2rem; font-weight: 700; margin: 0; letter-spacing: .1em; }\n\n\/* ===== \u30c7\u30b3 ===== *\/\n.decoration-blur{\n  position: absolute;\n  width: 250px; height: 250px;\n  background-color: rgba(180,160,140,0.15);\n  border-radius: 50%;\n  filter: blur(20px);\n  z-index: -1;\n}\n.decoration-blur:nth-child(1){ top:-11%; right:-11%; transform:rotate(45deg); width:400px;height:400px; background-color: rgba(255,138,21,0.11);}\n.decoration-blur:nth-child(2){ bottom:5%; right:12%; transform:rotate(-30deg) scale(0.9); background-color: rgba(255,190,125,0.2);}\n.decoration-blur:nth-child(3){ top:11%; left:20%; transform:rotate(20deg) scale(1.5); background-color: rgba(255,179,103,0.15);}\n.decoration-blur:nth-child(4){ bottom:-5%; left:-5%; transform:rotate(10deg) scale(1.1); width:380px;height:330px; background-color: rgba(255,165,75,0.11);}\n\n\/* ===== \u7c92\u5b50 ===== *\/\n.particles{ position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden; z-index:-1;}\n.particle{ position:absolute;width:10px;height:10px; background-color:rgba(255,183,0,0.76); border-radius:50%; bottom:-20px; animation:float-up 20s infinite linear; }\n@keyframes float-up { from{transform:translateY(0) translateX(0); opacity:1;} to{transform:translateY(-100vh) translateX(50px); opacity:0;} }\n.particle:nth-child(1){ left:10%; animation-duration:18s; animation-delay:-2s;}\n.particle:nth-child(2){ left:20%; animation-duration:22s; animation-delay:-15s; transform:scale(0.8);}\n.particle:nth-child(3){ left:35%; animation-duration:15s; animation-delay:-8s;}\n.particle:nth-child(4){ left:50%; animation-duration:25s; animation-delay:0s; transform:scale(0.9);}\n.particle:nth-child(5){ left:65%; animation-duration:17s; animation-delay:-5s;}\n.particle:nth-child(6){ left:80%; animation-duration:23s; animation-delay:-18s; transform:scale(0.8);}\n\n\/* ===== \u30bb\u30ec\u30af\u30b7\u30e7\u30f3\u30d3\u30e5\u30fc ===== *\/\n.lineup-selection-view {\n  position: relative;\n  width: 100%;\n  \/*max-width: 900px;*\/\n  height: 560px;\n  display: flex; align-items: flex-start; justify-content: center;\n  transition: opacity .5s ease-out, transform .5s ease-out;\n}\n#lineup.is-detail-view .lineup-selection-view { opacity:0; transform:scale(.92); pointer-events:none; }\n\n\/* ===== \u56de\u8ee2\u30b9\u30c6\u30fc\u30b8 ===== *\/\n.bowl-stage { position:relative; width:520px; height:520px; animation:rotate-circle 140s linear infinite; will-change:transform;}\n.bowl-stage:hover{ animation-play-state:paused; }\n#lineup.is-detail-view .bowl-stage{ animation-play-state:paused;}\n@keyframes rotate-circle { from{transform:rotate(0)} to{transform:rotate(360deg)} }\n\n\/* ===== \u5668\u30e9\u30c3\u30d1\u30fc ===== *\/\n.bowl-wrap{ position:absolute; top:50%; left:50%; width:var(--bowl-size); height:var(--bowl-size); transform:translate(-50%,-50%) scale(1); transform-origin:center; transition: transform 360ms cubic-bezier(.2,.95,.2,1); z-index:10;}\n.bowl-wrap.is-pulsing{ animation:bowl-zoom 560ms cubic-bezier(.2,.95,.2,1);}\n@keyframes bowl-zoom{ 0%{transform:translate(-50%,-50%) scale(1);} 45%{transform:translate(-50%,-50%) scale(1.025);} 100%{transform:translate(-50%,-50%) scale(1);} }\n\n\/* ===== \u5668\uff08\u753b\u50cf\u4e38\uff09 ===== *\/\n.bowl{\n  width:100%; height:100%; border-radius:50%;\n  border:var(--bowl-border) solid #4a3f35;\n  box-shadow:inset 0 0 20px rgba(0,0,0,.2);\n  object-fit:cover; transform-origin:center; will-change:transform;\n}\n\n\/* \u2605\u30af\u30ea\u30c3\u30af\u6642\uff1a\u6642\u8a08\u56de\u308a\u306b\u201c\u30af\u30a4\u30c3\u201d\u2192 \u305d\u306e\u89d2\u5ea6\u306e\u307e\u307e\u5c11\u3057\u7e2e\u3080\uff08\u623b\u3089\u306a\u3044\uff09 *\/\n.bowl.is-commit {\n  animation: mix-commit 0.5s cubic-bezier(.2,.95,.2,1) forwards;\n}\n@keyframes mix-commit {\n  0%   { transform: rotate(0deg) scale(1); }\n  70%  { transform: rotate(16deg) scale(0.96); } \/* \u89d2\u5ea6\u306f 12\u301c20deg \u3067\u8abf\u6574\u53ef *\/\n  100% { transform: rotate(16deg) scale(0.90); } \/* \u6700\u7d42\u3092\u4fdd\u6301\uff08\u623b\u3089\u306a\u3044\uff09 *\/\n}\n\n\/* ===== \u5186\u5468\u6587\u5b57 ===== *\/\n.arc-char{ position:absolute; font-weight:700; color:#4a3f35; transform-origin:center; white-space:pre; user-select:none; pointer-events:auto; cursor:pointer; transition:color .2s;}\n.arc-char:hover{color:#a0856a;}\n\n\/* ===== \u8a73\u7d30\u30d3\u30e5\u30fc\uff08\u901a\u5e38\u5b9a\u7fa9\uff0b\u30a2\u30cb\u30e1\u521d\u671f\u5024\uff09 ===== *\/\n.lineup-detail-view{\n  position: fixed; inset:0; width:100%; height:100%;\n  display:flex; pointer-events:none;\n  opacity: 0;\n  transform: translateY(14px) scale(.985);\n  transition:\n    opacity .32s ease,\n    transform .36s cubic-bezier(.2,.95,.2,1);\n  background-color:#f5f5f1; z-index:999;\n  will-change: opacity, transform;\n}\n.lineup-detail-view.is-open{\n  opacity:1; transform:translateY(0) scale(1); pointer-events:auto;\n}\n\n\/* \u25bc \u30dd\u30fc\u30bf\u30eb\u5316\uff08body\u76f4\u4e0b\u306b\u79fb\u52d5\u6642\u306e\u201c\u7d76\u5bfe\u5168\u753b\u9762\u201d\uff09 *\/\n.lineup-detail-view.as-portal{\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: calc(var(--vh) * 100);\n  z-index: 2147483647;\n}\n\n\/* ===== \u8a73\u7d30\u30da\u30a4\u30f3 ===== *\/\n.detail-image{\n  flex-basis:55%; height:100%; background-size:cover; background-position:center;\n  transform: scale(1.04);\n  transition: transform .6s cubic-bezier(.2,.95,.2,1);\n  will-change: transform;\n  backface-visibility: hidden;\n  transform: translateZ(0); \/* Safari \u5408\u6210\u30ec\u30a4\u30e4\u30fc *\/\n  -webkit-font-smoothing: antialiased;\n}\n.lineup-detail-view.is-open .detail-image{ transform: scale(1); }\n\n\/* \u7e26\u66f8\u304d\u7528\u30c6\u30ad\u30b9\u30c8\u30ec\u30a4\u30a2\u30a6\u30c8 *\/\n.detail-description{\n  flex-basis:45%; height:100%; padding:8vh 4vw; box-sizing:border-box;\n  writing-mode:vertical-rl; text-orientation:mixed; color:#333; overflow-y:auto;\n  display:flex; flex-direction:column; justify-content:flex-start; gap:2rem;\n  min-height:0; line-break: strict;\n}\n.detail-description h2{\n  margin:0 2rem 0 0; font-size:2.4rem; letter-spacing:.2em; font-weight:300;\n  white-space:normal; word-break:keep-all;\n}\n.detail-description p{\n  margin:0 4rem 0 0; font-size:1rem; line-height:2.5; letter-spacing:.1em;\n  white-space:normal; word-break:break-word;\n}\n\n\/* \u30c6\u30ad\u30b9\u30c8\u51fa\u73fe\u30a2\u30cb\u30e1\uff08\u7e26\u66f8\u304d\uff1a\u6a2a\u30b9\u30e9\u30a4\u30c9\uff09 *\/\n.detail-description h2,\n.detail-description p{\n  opacity: 0;\n  transform: translateX(10px);\n  transition:\n    opacity .32s ease .08s,\n    transform .36s cubic-bezier(.2,.95,.2,1) .08s;\n  will-change: opacity, transform;\n}\n.lineup-detail-view.is-open .detail-description h2,\n.lineup-detail-view.is-open .detail-description p{\n  opacity: 1; transform: translateX(0);\n}\n\n\/* \u30dc\u30bf\u30f3 *\/\n.back-button{\n  position:fixed;\n  bottom: calc(16px + env(safe-area-inset-bottom));\n  left:30px;\n  background:rgba(255,255,255,.85); border:1px solid #333; padding:10px 20px; font-size:16px; cursor:pointer; border-radius:5px;\n}\n\n.category-title{font-size:30px !important;font-weight:500 !important;}\n\n\/* reduce motion *\/\n@media (prefers-reduced-motion: reduce){\n  .lineup-detail-view,\n  .detail-image,\n  .detail-description h2,\n  .detail-description p{\n    transition: none !important;\n  }\n}\n\n\/* ===== \u30e2\u30d0\u30a4\u30eb\uff08\u6a2a\u66f8\u304d\uff09 ===== *\/\n@media (max-width:768px){\n  :root{--bowl-size:270px;--bowl-border:6px;}\n  .lineup-selection-view { height:380px; }\n  .bowl-stage { width:350px; height:350px; }\n\n  .detail-description {\n    writing-mode:initial; height:100%; padding:2vh 3vw; gap:1rem;\n  }\n  .detail-description h2{ font-size:2rem; margin:0 0 .5rem 0; }\n  .detail-description p{ margin:0; }\n\n  \/* \u6a2a\u66f8\u304d\u6642\u306f\u7e26\u30b9\u30e9\u30a4\u30c9 *\/\n  .detail-description h2,\n  .detail-description p{ transform: translateY(10px); }\n  .lineup-detail-view.is-open .detail-description h2,\n  .lineup-detail-view.is-open .detail-description p{ transform: translateY(0); }\n\n  .back-button{ left:auto; right:20px; bottom: calc(12px + env(safe-area-inset-bottom)); padding:5px 16px;}\n\n  .decoration-blur:nth-child(2),\n  .decoration-blur:nth-child(3){ display:none; }\n\n  .lineup-heading{margin-bottom: 3rem; margin-top: 0;}\n  .category-title { font-size: 27px !important; }\n}\n\n\/* \u2190 \u8ffd\u8a18\uff1a\u56fa\u5b9aCTA\u3076\u3093\u6301\u3061\u4e0a\u3052\u308b\u305f\u3081\u306e\u5909\u6570\uff08\u30c7\u30d5\u30a9\u30eb\u30c80\uff09 *\/\n:root{ --fixed-cta-h: 0px; }\n\n\/* \u2190 \u65e2\u5b58\u306e .back-button \u3092\u4e0a\u66f8\u304d\uff08bottom\u3092\u5909\u6570\u3067\u6301\u3061\u4e0a\u3052\uff09 *\/\n.back-button{\n  position:fixed;\n  bottom: calc(12px + var(--fixed-cta-h) + env(safe-area-inset-bottom));\n  left:30px;\n  background:rgba(255,255,255,.85);\n  border:1px solid #333;\n  padding:10px 20px;\n  font-size:16px; cursor:pointer; border-radius:5px;\n}\n@media (max-width:768px){\n  .back-button{ left:auto; right:20px; }\n}\n\n<\/style>\n<\/head>\n<body>\n<section id=\"category\">\n  <!-- \u58a8\u7d75\u307c\u304b\u3057 -->\n  <div class=\"decoration-blur\"><\/div>\n  <div class=\"decoration-blur\"><\/div>\n  <div class=\"decoration-blur\"><\/div>\n  <div class=\"decoration-blur\"><\/div>\n\n  <!-- \u7c92\u5b50 -->\n  <div class=\"particles\">\n    <div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div>\n  <\/div>\n\n  <div class=\"lineup-heading\">\n    <h2 class=\"voice-title category-title\">CATEGORY <span>\u30b7\u30fc\u30f3\u3067\u9078\u3076\u300c\u3075\u308f\u3068\u308d\u300d\u306e\u697d\u3057\u307f\u65b9<\/span><\/h2>\n  <\/div>\n\n  <!-- \u30bb\u30ec\u30af\u30b7\u30e7\u30f3\uff08\u56de\u8ee2\u5186\uff09 -->\n  <div class=\"lineup-selection-view\">\n    <div class=\"bowl-stage\" id=\"bowlStage\">\n      <div class=\"bowl-wrap\" id=\"bowlWrap\">\n        <img decoding=\"async\" class=\"bowl\" id=\"bowl\" src=\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2026\/03\/IMG_1706-1.png\" alt=\"\u308f\u3089\u3073\u9905\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u8a73\u7d30\u30d3\u30e5\u30fc -->\n  <div class=\"lineup-detail-view\" id=\"detailView\">\n    <div class=\"detail-image\" id=\"detail-img\"><\/div>\n    <div class=\"detail-description\">\n      <h2 id=\"detail-title\"><\/h2>\n      <p id=\"detail-text\"><\/p>\n    <\/div>\n    <button class=\"back-button\" id=\"backBtn\">\u623b\u308b<\/button>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded',()=>{\n  const root=document.getElementById('lineup');\n  const stage=document.getElementById('bowlStage');\n  const bowlWrap=document.getElementById('bowlWrap');\n  const bowl=document.getElementById('bowl');\n  const detailView=document.getElementById('detailView');\n  const detailImageView=document.getElementById('detail-img');\n  const detailTitleView=document.getElementById('detail-title');\n  const detailTextView=document.getElementById('detail-text');\n  const backBtn=document.getElementById('backBtn');\n\n  \/* \u5b9f\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u9ad8\u3092CSS\u5909\u6570\u3078\uff08\u30a2\u30c9\u30ec\u30b9\u30d0\u30fc\u306e\u4e0a\u4e0b\u3067\u66f4\u65b0\uff09 *\/\n  function setVh(){\n    const vh = window.innerHeight * 0.01;\n    document.documentElement.style.setProperty('--vh', `${vh}px`);\n  }\n  setVh();\n  window.addEventListener('resize', setVh, {passive:true});\n  window.addEventListener('orientationchange', setVh);\n\n  \/* \u80cc\u666f\u30b9\u30af\u30ed\u30fc\u30eb\u505c\u6b62\/\u89e3\u9664\uff08overflow\u65b9\u5f0f\uff09 *\/\n  function lockBackground(){\n    document.documentElement.classList.add('no-scroll');\n    document.body.classList.add('no-scroll');\n  }\n  function unlockBackground(){\n    document.documentElement.classList.remove('no-scroll');\n    document.body.classList.remove('no-scroll');\n  }\n\n  \/* \u30dd\u30fc\u30bf\u30eb\u79fb\u52d5\u306e\u305f\u3081\u306e\u9000\u907f\u5148 *\/\n  const portalPlaceholder = document.createComment('detail-portal-placeholder');\n  const originalParent = detailView.parentNode;\n\n  const products=[\n    {title:\"\u304a\u571f\u7523\u306b\u304a\u3059\u3059\u3081\", description:\"\u65c5\u306e\u601d\u3044\u51fa\u3084\u611f\u8b1d\u306e\u6c17\u6301\u3061\u3092\u6dfb\u3048\u3066\u3002\u4e0a\u54c1\u306a\u7518\u3055\u304c\u3001\u3082\u3089\u3063\u305f\u4eba\u306e\u5fc3\u3092\u3075\u308f\u308a\u3068\u307b\u3069\u304d\u307e\u3059\u3002\", image:\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/10\/IMG_2473-4-scaled.jpg\"},\n    {title:\"\uff03\u3075\u308f\u3068\u308d\u6642\u9593\", description:\"\u601d\u308f\u305a\u64ae\u308a\u305f\u304f\u306a\u308b\u3001\u3068\u308d\u3051\u308b\u8cea\u611f\u3002\u5149\u306b\u900f\u3051\u308b\u304d\u306a\u7c89\u306e\u9999\u308a\u307e\u3067\u3001SNS\u3067\u5171\u6709\u3057\u305f\u304f\u306a\u308b\u77ac\u9593\u3002\", image:\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/10\/IMG_2482-scaled.jpg\"},\n    {title:\"\u81ea\u5206\u3078\u306e\u3054\u8912\u7f8e\", description:\"\u3072\u3068\u53e3\u3067\u6e80\u305f\u3055\u308c\u308b\u3001\u3084\u3055\u3057\u3044\u5e78\u305b\u3002\u9811\u5f35\u3063\u305f\u65e5\u306e\u7d42\u308f\u308a\u306b\u3001\u3068\u308d\u3051\u308b\u6642\u9593\u3092\u3069\u3046\u305e\u3002\", image:\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/08\/IMG_1602-scaled.jpeg\"},\n    {title:\"\u307f\u3093\u306a\u3067\u30b7\u30a7\u30a2\", description:\"\u96c6\u307e\u308a\u3084\u30d1\u30fc\u30c6\u30a3\u30fc\u306b\u3074\u3063\u305f\u308a\u3002\u3075\u308f\u3068\u308d\u98df\u611f\u3092\u307f\u3093\u306a\u3067\u56f2\u3081\u3070\u3001\u7b11\u9854\u304c\u5e83\u304c\u308a\u307e\u3059\u3002\", image:\"https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_x77w78x77w78x77w.png\"}\n  ];\n\n  function layout(){\n    stage.querySelectorAll('.arc-char').forEach(n=>n.remove());\n    const cw=stage.clientWidth, ch=stage.clientHeight;\n    const cx=cw\/2, cy=ch\/2;\n    const isMobile=window.innerWidth<=768;\n    const radius=isMobile?Math.min(cw,ch)*0.45:Math.min(cw,ch)*0.38;\n    const baseFont=isMobile?Math.max(10,Math.round(cw*0.062)):Math.max(12,Math.round(cw*0.045));\n    products.forEach((p,i)=>{\n      const wordCenterDeg=-90+(i*360\/products.length);\n      const chars=Array.from(p.title);\n      const step=chars.length>1?55\/(chars.length-1):0;\n      const startDeg=wordCenterDeg-55\/2;\n      chars.forEach((ch,idx)=>{\n        const charDeg=startDeg+step*idx;\n        const rad=charDeg*Math.PI\/180;\n        const span=document.createElement('span');\n        span.className='arc-char'; span.textContent=ch; span.dataset.index=i;\n        span.style.left=cx+Math.cos(rad)*radius+'px';\n        span.style.top=cy+Math.sin(rad)*radius+'px';\n        span.style.fontSize=baseFont+'px';\n        span.style.transform=`translate(-50%,-50%) rotate(${charDeg+90}deg)`;\n        stage.appendChild(span);\n      });\n    });\n  }\n\n  \/\/ hover\u8272\n  stage.addEventListener('mouseover',e=>{\n    const t=e.target.closest('.arc-char'); if(!t)return;\n    const idx=t.dataset.index;\n    stage.querySelectorAll(`.arc-char[data-index=\"${idx}\"]`).forEach(ch=>ch.style.color='#a0856a');\n  });\n  stage.addEventListener('mouseout',e=>{\n    const t=e.target.closest('.arc-char'); if(!t)return;\n    const idx=t.dataset.index;\n    stage.querySelectorAll(`.arc-char[data-index=\"${idx}\"]`).forEach(ch=>ch.style.color='#4a3f35');\n  });\n\n  \/\/ \u8a73\u7d30\u30aa\u30fc\u30d7\u30f3\uff08\u30dd\u30fc\u30bf\u30eb\u79fb\u52d5\u3067\u5fc5\u305a\u5168\u753b\u9762\uff09\uff0b \u30b9\u30e0\u30fc\u30ba\u30a2\u30cb\u30e1\u767a\u706b\n  let opening=false;\n  stage.addEventListener('click',e=>{\n    const t=e.target.closest('.arc-char'); if(!t)return;\n    if(opening) return; opening=true;\n    const p=products[Number(t.dataset.index)]; if(!p){opening=false;return;}\n\n    \/\/ \u30af\u30ea\u30c3\u30af\u6f14\u51fa\uff1a\u56de\u3059\uff0b\u7e2e\u3081\u308b\uff08\u623b\u3089\u306a\u3044\uff09\n    bowl.classList.add('is-commit');\n\n    \/\/ \u307b\u3093\u306e\u308a\u9f13\u52d5\uff08\u4efb\u610f\u6f14\u51fa\uff09\n    bowlWrap.classList.remove('is-pulsing'); void bowlWrap.offsetWidth; bowlWrap.classList.add('is-pulsing');\n    bowlWrap.addEventListener('animationend',()=>bowlWrap.classList.remove('is-pulsing'),{once:true});\n\n    \/\/ \u30bb\u30ec\u30af\u30b7\u30e7\u30f3\u5074\u306e\u9000\u5834\uff08\u8584\u304f\u7e2e\u3080\uff09\n    root.classList.add('is-detail-view');\n\n    \/\/ \u5c11\u3057\u4f59\u97fb\u3092\u6b8b\u3057\u3066\u304b\u3089\u8a73\u7d30\u3078\uff08\u56de\u8ee2\u306e\u898b\u3048\u5473\u3092\u6b8b\u3059\uff09\n    setTimeout(()=>{\n      \/\/ 1) body\u76f4\u4e0b\u306b\u30dd\u30fc\u30bf\u30eb\u5316\n      originalParent.replaceChild(portalPlaceholder, detailView);\n      document.body.appendChild(detailView);\n      detailView.classList.add('as-portal');\n\n      \/\/ 2) \u5185\u5bb9\u30bb\u30c3\u30c8\n      detailImageView.style.backgroundImage = `url(${p.image})`;\n      detailTitleView.textContent = p.title;\n      detailTextView.textContent = p.description;\n\n      \/\/ 3) \u2605iOS\u5bfe\u7b56\uff1a\u521d\u671f\u5024\u3092\u5f37\u5236\u8a55\u4fa1\u2192\u30c0\u30d6\u30ebrAF\u3067\u78ba\u5b9f\u306b1\u30d5\u30ec\u30fc\u30e0\u7f6e\u3044\u3066\u304b\u3089 .is-open\n      getComputedStyle(detailView).opacity; \/\/ reflow\n      requestAnimationFrame(()=>{ requestAnimationFrame(()=>{ detailView.classList.add('is-open'); }); });\n\n      \/\/ 4) \u80cc\u666f\u30ed\u30c3\u30af\n      lockBackground();\n\n      opening=false;\n    }, 280); \/\/ 200\u301c320ms\u7a0b\u5ea6\u304c\u81ea\u7136\n  });\n\n  \/\/ \u30b9\u30e0\u30fc\u30ba\u306b\u9589\u3058\u308b\uff1a\u30c8\u30e9\u30f3\u30b8\u30b7\u30e7\u30f3\u7d42\u4e86\u3092\u5f85\u3063\u3066\u304b\u3089DOM\u3092\u623b\u3059\n  function closeDetail(){\n    detailView.classList.remove('is-open');\n\n    const onDone = ()=>{\n      detailView.classList.remove('as-portal');\n      if (portalPlaceholder.parentNode) {\n        portalPlaceholder.parentNode.replaceChild(detailView, portalPlaceholder);\n      } else {\n        originalParent.appendChild(detailView);\n      }\n      \/\/ \u25bc \u6b21\u56de\u306b\u5099\u3048\u3066\u72b6\u614b\u30ea\u30bb\u30c3\u30c8\n      root.classList.remove('is-detail-view');\n      bowl.classList.remove('is-commit');\n\n      unlockBackground();\n    };\n\n    const tid = setTimeout(onDone, 450); \/\/ \u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\n    detailView.addEventListener('transitionend', function handler(e){\n      if (e.target !== detailView) return;\n      detailView.removeEventListener('transitionend', handler);\n      clearTimeout(tid);\n      onDone();\n    });\n  }\n  backBtn.addEventListener('click', closeDetail);\n  document.addEventListener('keydown', (e)=>{ if(e.key === 'Escape') closeDetail(); });\n\n  layout();\n  window.addEventListener('resize',layout, {passive:true});\n});\n<\/script>\n\n<script>\n  \/\/ \u2026\u2026\u3042\u306a\u305f\u306eLINEUP\u7528\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u7d9a\u304d\u2026\u2026\n\n  \/\/ \u2605 \u8ffd\u8a18\uff1a\u56fa\u5b9aCTA\u306e\u9ad8\u3055\u3092\u8a08\u3063\u3066CSS\u5909\u6570\u306b\u53cd\u6620\n  function updateFixedCtaVar(){\n    const bar = document.querySelector('.fixed-cta');\n    const panel = document.querySelector('.fixed-cta-panel');\n    let h = 0;\n\n    \/\/ \u30d0\u30fc\u306e\u9ad8\u3055\n    if (bar && getComputedStyle(bar).display !== 'none') {\n      h += Math.ceil(bar.getBoundingClientRect().height || 0);\n    }\n    \/\/ \uff08\u4efb\u610f\uff09\u30d1\u30cd\u30eb\u304c\u958b\u3044\u3066\u3044\u305f\u3089\u3001\u305d\u306e\u3076\u3093\u3082\u8db3\u3059\n    if (panel && panel.classList.contains('open') && getComputedStyle(panel).display !== 'none') {\n      h += Math.ceil(panel.getBoundingClientRect().height || 0);\n    }\n\n    document.documentElement.style.setProperty('--fixed-cta-h', h + 'px');\n  }\n\n  \/\/ \u521d\u671f & \u753b\u9762\u30b5\u30a4\u30ba\u5909\u5316\u3067\u66f4\u65b0\n  updateFixedCtaVar();\n  window.addEventListener('resize', updateFixedCtaVar, {passive:true});\n\n  \/\/ \u3082\u3057CTA\u306e\u30c8\u30b0\u30eb\u30dc\u30bf\u30f3\u304c\u540c\u3058\u30da\u30fc\u30b8\u306b\u3042\u308b\u306a\u3089\u3001\u958b\u9589\u306e\u305f\u3073\u306b\u518d\u8a08\u6e2c\n  document.addEventListener('click', (e)=>{\n    const t = e.target;\n    if (t && (t.matches('.fixed-cta .more') || t.closest('.fixed-cta .more'))) {\n      setTimeout(updateFixedCtaVar, 0); \/\/ \u30af\u30e9\u30b9\u4ed8\u4e0e\u5f8c\u306b\u8a08\u6e2c\n    }\n  });\n\n  \/\/ \u8a73\u7d30\u30d3\u30e5\u30fc\u3092\u958b\u3044\u305f\u76f4\u5f8c\u306b\u3082\u4e00\u5fdc\u518d\u8a08\u6e2c\uff08\u3042\u306a\u305f\u306eopen\u51e6\u7406\u306e\u76f4\u5f8c\u306b\u547c\u3076\u3068\u78ba\u5b9f\uff09\n  \/\/ \u4f8b\uff1adetailView.classList.add('is-open'); \u306e\u76f4\u5f8c\u306b\u2193\n  \/\/ updateFixedCtaVar();\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<h2 class=\"wp-block-heading is-style-section_ttl\"><\/h2>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<section class=\"sns-gallery fade-in-up\" id=\"sns\">\n  <h2 class=\"section-title\">\n    SNS GALLERY <span>#\u308f\u3089\u3073\u3082\u3061 #\u3075\u308f\u3068\u308d<\/span>\n  <\/h2>\n\n  <div class=\"insta-grid\">\n    <!-- \u6295\u7a3f1 -->\n    <div class=\"insta-card\">\n      <blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DUP4EzXk3Ot\/?igsh=NWNmZnB4em0zYnBx\" data-instgrm-version=\"14\" style=\"background:#fff;\"><\/blockquote>\n    <\/div>\n\n    <!-- \u6295\u7a3f2 -->\n    <div class=\"insta-card\">\n      <blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DUkOpeSE2Gl\/?igsh=MnIyMmF1NHh5bzlx\" data-instgrm-version=\"14\" style=\"background:#fff;\"><\/blockquote>\n    <\/div>\n\n    <!-- \u6295\u7a3f3\uff08\u5fc5\u8981\u306a\u3089\u8ffd\u52a0\uff09 -->\n    <div class=\"insta-card\">\n      <blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DUZ_eptExVl\/?igsh=ZnlocjZ6bmh6Y2g1\" data-instgrm-version=\"14\" style=\"background:#fff;\"><\/blockquote>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<h2 class=\"wp-block-heading is-style-section_ttl\"><\/h2>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<section class=\"faq-section fade-in-up\" id=\"faq\">\n  <h2 class=\"section-title\">\n    FAQ <span>\u3088\u304f\u3042\u308b\u8cea\u554f<\/span>\n  <\/h2>\n\n  <div class=\"faq-list\">\n    <div class=\"faq-item\">\n      <button class=\"faq-question\">\u308f\u3089\u3073\u9905\u306f\u5f53\u65e5\u4e2d\u306b\u98df\u3079\u306a\u3044\u3068\u3044\u3051\u307e\u305b\u3093\u304b\uff1f<\/button>\n      <div class=\"faq-answer\">\n        <p>\u3067\u304d\u308b\u3060\u3051\u5f53\u65e5\u4e2d\u306b\u304a\u53ec\u3057\u4e0a\u304c\u308a\u3044\u305f\u3060\u304f\u3053\u3068\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059\u3002\u7fcc\u65e5\u4ee5\u964d\u306f\u98df\u611f\u304c\u5909\u308f\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <button class=\"faq-question\">\u30c6\u30a4\u30af\u30a2\u30a6\u30c8\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/button>\n      <div class=\"faq-answer\">\n        <p>\u306f\u3044\u3001\u5168\u5546\u54c1\u30c6\u30a4\u30af\u30a2\u30a6\u30c8\u53ef\u80fd\u3067\u3059\uff01\u30aa\u30f3\u30e9\u30a4\u30f3\u6ce8\u6587\u3082\u627f\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <button class=\"faq-question\">\u30a2\u30ec\u30eb\u30ae\u30fc\u304c\u5fc3\u914d\u3067\u3059\u304c\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/button>\n      <div class=\"faq-answer\">\n        <p>\u30a2\u30ec\u30eb\u30ae\u30fc\u8868\u793a\u306b\u3064\u3044\u3066\u306f\u5f53\u5e97\u307e\u3067\u96fb\u8a71\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\u5b89\u5fc3\u3057\u3066\u304a\u53ec\u3057\u4e0a\u304c\u308a\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<section class=\"access-section fade-in-up\" id=\"access\">\n  <h2 class=\"section-title\">\n    ACCESS <span>\u5e97\u8217\u60c5\u5831<\/span>\n  <\/h2>\n\n  <div class=\"access-info\">\n    <p><strong>\u5e97\u540d\uff1a<\/strong>\u3075\u308f\u3068\u308d\u83d3\u5b50\u8217 warabi.<\/p>\n    <p><strong>\u4f4f\u6240\uff1a<\/strong>\u3012892-0842 \u9e7f\u5150\u5cf6\u770c\u9e7f\u5150\u5cf6\u5e02\u6771\u5343\u77f3\u753a\uff11\uff18\u2212\uff13 \uff34\uff33\u30d3\u30eb 1F<\/p>\n    <p><strong>\u55b6\u696d\u6642\u9593\uff1a<\/strong>11:00\u301c18:00<\/p>\n    <p><strong>\u5b9a\u4f11\u65e5\uff1a<\/strong>\u65e5\u66dc<\/p>\n  <\/div>\n\n  <div class=\"map-wrap\">\n    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3398.5132256380866!2d130.5513878746387!3d31.592393943581815!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x353e5f88ed6aebe7%3A0x5def8f16b3842f42!2z44G144KP44Go44KN6I-T5a2Q6IiXd2FyYWJpLg!5e0!3m2!1sja!2sjp!4v1740717403051!5m2!1sja!2sjp\" width=\"100%\" height=\"300\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n  <\/div>\n\n  <div class=\"access-btn-wrap\">\n    <a href=\"https:\/\/maps.app.goo.gl\/YsFxbEBQeVbufSwK8?g_st=ic\" target=\"_blank\" class=\"access-btn\">Google Map\u3067\u898b\u308b<\/a>\n  <\/div>\n<\/section>\n\n\n\n<!-- \u25bc \u56fa\u5b9aCTA\uff1aiOS\u306e\u4e0b\u7aef\u30b9\u30ad\u30de\u5bfe\u7b56\u4ed8\u304d\uff0fPC\u306f\u53f3\u4e0b\u30c9\u30c3\u30af\uff0f\u30d2\u30fc\u30ed\u30fc(.fv-wrapper)\u8868\u793a\u4e2d\u306f\u81ea\u52d5\u3067\u975e\u8868\u793a -->\n<script>\n(function(){\n  \/* ========= \u8a2d\u5b9a ========= *\/\n  const MOBILE_ONLY   = false;          \/\/ \u30b9\u30de\u30db\u3060\u3051\u306b\u3057\u305f\u3044\u6642\u306f true\n  const HERO_SELECTOR = '.fv-wrapper';  \/\/ \u30d2\u30fc\u30ed\u30fc\/\u30d8\u30c3\u30c0\u30fc\u306e\u30eb\u30fc\u30c8\u8981\u7d20\n\n  \/* ========= meta viewport \u3092\u5f37\u5236\u8abf\u6574\uff08iOS\u306esafe-area\u3092\u52b9\u304b\u305b\u308b\uff09 ========= *\/\n  (function ensureViewport(){\n    const m = document.querySelector('meta[name=\"viewport\"]');\n    const val = 'width=device-width, initial-scale=1, viewport-fit=cover';\n    if (!m){\n      const meta = document.createElement('meta');\n      meta.name = 'viewport'; meta.content = val;\n      document.head.appendChild(meta);\n    } else if (!\/viewport-fit=cover\/.test(m.content)){\n      m.content = m.content.replace(\/\\s+$\/, '');\n      m.content += (m.content ? ', ' : '') + 'viewport-fit=cover';\n    }\n  })();\n\n  \/* ========= \u30b9\u30bf\u30a4\u30eb\u6ce8\u5165 ========= *\/\n  const style = document.createElement('style');\n  style.textContent = `\n  \/* === \u5171\u901a\uff08\u30b9\u30de\u30db\u57fa\u6e96\uff09 === *\/\n  .fixed-cta{\n    position: fixed;\n    \/* \u5b89\u5168\u57df\u306b\u6cbf\u3063\u3066\u5de6\u53f3\uff06\u4e0b\u7aef\u3092\u30d4\u30c3\u30bf\u30ea\u306b\u3059\u308b *\/\n    inset: auto env(safe-area-inset-right) 0 env(safe-area-inset-left);\n    left: 0; right: 0; \/* \u4e92\u63db\u4fdd\u967a *\/\n    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\n    padding: 12px 14px;\n    padding-bottom: calc(12px + env(safe-area-inset-bottom));\n    background: rgba(255,255,255,.92);\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n    box-shadow: 0 -10px 28px rgba(0,0,0,.12);\n    z-index: 2147483000;\n    transform: translateY(0); transition: transform .26s ease;\n    border-top-left-radius: 18px; border-top-right-radius: 18px;\n  }\n  \/* \u30b9\u30ad\u30de\u6d88\u3057\uff1a\u30db\u30fc\u30e0\u30a4\u30f3\u30b8\u30b1\u30fc\u30bf\u9818\u57df\u307e\u3067\u80cc\u666f\u3092\u5ef6\u9577 *\/\n  .fixed-cta::after{\n    content:\"\"; position:absolute; left:0; right:0; bottom:0;\n    height: env(safe-area-inset-bottom);\n    background: inherit; pointer-events:none;\n    border-bottom-left-radius: inherit; border-bottom-right-radius: inherit;\n  }\n  .fixed-cta.is-hidden{ transform: translateY(150%); pointer-events:none; }\n\n  .fixed-cta .cta{\n    display:flex; align-items:center; justify-content:center;\n    border:none; border-radius: 999px;\n    padding: .9rem 1.1rem; font-weight:700; letter-spacing:.02em;\n    color:#fff; text-decoration:none; cursor:pointer;\n  }\n  .fixed-cta .tel  { background: linear-gradient(135deg,#e52e81,#cfed49); }\n  .fixed-cta .more { background: linear-gradient(135deg,#b230f6,#fbaaaa); }\n\n  .fixed-cta-panel{\n    position: fixed;\n    \/* \u30d0\u30fc\u306e\u5c11\u3057\u4e0a\u306b\u5b89\u5168\u57df\u8fbc\u307f\u3067\u8868\u793a *\/\n    inset: auto env(safe-area-inset-right)\n           calc(64px + env(safe-area-inset-bottom))\n           env(safe-area-inset-left);\n    left: 0; right: 0;\n    display:flex; gap:.6rem; justify-content:center; padding:.8rem 1rem 1rem;\n    max-height:0; overflow:hidden; opacity:0;\n    transition:max-height .28s ease, opacity .28s ease;\n    background: rgba(255,255,255,.96);\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n    box-shadow: 0 -10px 24px rgba(0,0,0,.10);\n    z-index: 2147482999;\n    border-top-left-radius: 16px; border-top-right-radius: 16px;\n  }\n  .fixed-cta-panel.open{ max-height: 220px; opacity: 1; }\n  .fixed-cta-panel.is-hidden{ opacity:0; max-height:0; pointer-events:none; }\n  .fixed-cta-panel .svc{\n    display:inline-flex; align-items:center; justify-content:center;\n    height:42px; min-width:104px; padding:0 14px;\n    border-radius:999px; font-weight:700; color:#fff; text-decoration:none;\n    box-shadow: 0 6px 14px rgba(0,0,0,.10);\n  }\n  .fixed-cta-panel .uber{  background:#000; }\n  .fixed-cta-panel .demae{ background:#d40000; }\n  .fixed-cta-panel .wolt{  background:#00bcd4; color:#00313a; }\n\n  \/* \u56fa\u5b9a\u30d0\u30fc\u5206\u306e\u4e0b\u4f59\u767d\u3092\u5e38\u306b\u78ba\u4fdd\uff08iOS\u306fsafe-area\u8fbc\u307f\uff09 *\/\n  body{ padding-bottom: calc(80px + env(safe-area-inset-bottom)); }\n  @media(min-width:1025px){ body{ padding-bottom:0; } }\n\n  \/* === PC\uff1a\u53f3\u4e0b\u30c9\u30c3\u30af\uff0b\u30ab\u30fc\u30c9\u98a8\u30d1\u30cd\u30eb === *\/\n  @media (min-width:1025px){\n    .fixed-cta{\n      left:auto; right:24px; bottom:24px;\n      width:auto; grid-auto-flow:column; gap:12px;\n      padding:10px; border-radius:16px;\n      background: rgba(255,255,255,.72);\n      -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);\n      box-shadow: 0 10px 30px rgba(0,0,0,.14);\n    }\n    .fixed-cta .cta{ padding:.7rem 1.1rem; }\n    .fixed-cta-panel{\n      left:auto; right:24px; bottom: calc(24px + 58px);\n      display:grid; grid-template-columns: repeat(3, max-content);\n      align-items:center; gap:10px; padding:12px 14px;\n      border-radius:16px; max-height:none; opacity:0;\n      transform-origin:100% 100%; transform: translateY(8px) scale(.96);\n      pointer-events:none; \/* \u96a0\u308c\u3066\u308b\u9593\u306f\u30af\u30ea\u30c3\u30af\u4e0d\u53ef *\/\n      background: rgba(255,255,255,.94);\n      -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);\n      box-shadow: 0 10px 30px rgba(0,0,0,.14);\n    }\n    .fixed-cta-panel::before{\n      content:\"\u914d\u9054\u6ce8\u6587\"; grid-column:1 \/ -1; justify-self:start;\n      font-size:12px; font-weight:700; letter-spacing:.08em; color:#666;\n      background:#fff; border-radius:999px; padding:3px 10px;\n      box-shadow: 0 2px 8px rgba(0,0,0,.06);\n    }\n    .fixed-cta-panel.open{\n      opacity:1; transform: translateY(0) scale(1); pointer-events:auto;\n    }\n    .fixed-cta-panel.open::after{\n      content:\"\"; position:absolute; right:28px; bottom:-10px;\n      width:16px; height:16px; transform:rotate(45deg);\n      background: rgba(255,255,255,.94);\n      -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);\n      box-shadow: 0 8px 18px rgba(0,0,0,.10);\n    }\n\n\/* PC\u3067\u306f\u53f3\u4e0b\u30c9\u30c3\u30af\u3092\u201c\u6a2a\u4e26\u3073\u201d\u5f37\u5236\u306b\u3059\u308b *\/\n@media (min-width:1025px){\n  .fixed-cta{\n    display: flex !important;          \/* \u2190 \u3053\u308c\u304c\u6c7a\u3081\u624b *\/\n    flex-wrap: nowrap;\n    gap: 12px;\n    width: auto;\n    max-width: none;\n    \/* grid\u7cfb\u304c\u6b8b\u3063\u3066\u3044\u308b\u3068\u6319\u52d5\u304c\u4e0d\u5b89\u5b9a\u306b\u306a\u308b\u306e\u3067\u6253\u3061\u6d88\u3059 *\/\n    grid-template-columns: unset !important;\n    grid-auto-flow: unset !important;\n  }\n  .fixed-cta .cta{\n    flex: 0 0 auto;\n    white-space: nowrap;\n    width: auto !important;            \/* \u30c6\u30fc\u30de\u5074\u306e width:100% \u3092\u7121\u52b9\u5316\u4fdd\u967a *\/\n  }\n}\n\n  }\n  ${MOBILE_ONLY ? '@media(min-width:1025px){ .fixed-cta, .fixed-cta-panel{ display:none !important; } }' : ''}\n  `;\n  document.head.appendChild(style);\n\n  \/* ========= \u30de\u30fc\u30af\u30a2\u30c3\u30d7\u751f\u6210 ========= *\/\n  const bar = document.createElement('div');\n  bar.className = 'fixed-cta is-hidden';\n  bar.setAttribute('role','region');\n  bar.setAttribute('aria-label','\u4eca\u3059\u3050\u6ce8\u6587');\n  bar.innerHTML = `\n    <a class=\"cta tel\"  href=\"tel:099-800-9725\">\u96fb\u8a71\u4e88\u7d04<\/a>\n    <button class=\"cta more\" type=\"button\" aria-expanded=\"false\" aria-controls=\"cta-delivery\">\u30c7\u30ea\u30d0\u30ea\u30fc<\/button>\n  `;\n  const panel = document.createElement('div');\n  panel.id = 'cta-delivery';\n  panel.className = 'fixed-cta-panel is-hidden';\n  panel.setAttribute('hidden','');\n  panel.innerHTML = `\n    <a class=\"svc uber\"  href=\"https:\/\/www.ubereats.com\/jp\/store\/%E3%81%B5%E3%82%8F%E3%81%A8%E3%82%8D%E8%8F%93%E5%AD%90%E8%88%97-warabi\/G9O235PJX1eee1DgViSSyQ\" target=\"_blank\" rel=\"noopener\">Uber&nbsp;Eats<\/a>\n    <a class=\"svc demae\" href=\"https:\/\/demae-can.com\/shopDetail\/3313089\" target=\"_blank\" rel=\"noopener\">\u51fa\u524d\u9928<\/a>\n  `;\n  document.body.appendChild(bar);\n  document.body.appendChild(panel);\n\n  \/* ========= \u958b\u9589 ========= *\/\n  const toggleBtn = bar.querySelector('.more');\n  toggleBtn.addEventListener('click', () => {\n    const open = panel.classList.toggle('open');\n    panel.hidden = !open;\n    toggleBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\n  });\n\n  \/* ========= \u30d2\u30fc\u30ed\u30fc\u53ef\u8996\u76e3\u8996\uff1a\u898b\u3048\u3066\u3044\u308b\u9593\u306f\u96a0\u3059 ========= *\/\n  const hero = document.querySelector(HERO_SELECTOR);\n  const setHidden = (hide) => {\n    bar.classList.toggle('is-hidden', hide);\n    panel.classList.toggle('is-hidden', hide);\n    if (hide && panel.classList.contains('open')){\n      panel.classList.remove('open'); panel.hidden = true;\n      toggleBtn.setAttribute('aria-expanded','false');\n    }\n  };\n  if (hero){\n    const io = new IntersectionObserver((entries)=>{\n      entries.forEach(e => setHidden(e.isIntersecting));\n    }, { threshold: 0.01, rootMargin: '0px 0px -10% 0px' });\n    io.observe(hero);\n    const r = hero.getBoundingClientRect();\n    setHidden(r.bottom > 0 && r.top < window.innerHeight);\n  }else{\n    const onScroll = () => setHidden(window.scrollY < 80);\n    window.addEventListener('scroll', onScroll, {passive:true});\n    window.addEventListener('resize', onScroll, {passive:true});\n    onScroll();\n  }\n})();\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<h2 class=\"wp-block-heading is-style-section_ttl\"><\/h2>\n<\/div><\/div>\n\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  \/\/ \u2460 IntersectionObserver\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"show\");\n      }\n    });\n  }, { threshold: 0.2 });\n  document.querySelectorAll(\".fade-in-up, .heading-overlay\").forEach(el => observer.observe(el));\n\n  \/\/ \u2461 \u30d1\u30e9\u30e9\u30c3\u30af\u30b9\n  const parallax = document.querySelector('.parallax-fix');\n  if (parallax) {\n    window.addEventListener('scroll', function () {\n      parallax.style.backgroundPositionY = window.pageYOffset * 0.5 + \"px\";\n    });\n  }\n\n  \/\/ \u2462 \u30cf\u30fc\u30c8\u30dc\u30bf\u30f3\n  document.querySelectorAll('.heart-btn').forEach(btn => {\n    btn.addEventListener('click', function () {\n      const icon = btn.querySelector('i');\n      if (!btn.classList.contains('liked')) {\n        icon.classList.replace('far', 'fas');\n        btn.classList.add('liked', 'animate');\n        icon.addEventListener('animationend', function handler() {\n          btn.classList.remove('animate');\n          icon.removeEventListener('animationend', handler);\n        });\n      } else {\n        icon.classList.replace('fas', 'far');\n        btn.classList.remove('liked');\n      }\n    });\n  });\n\n  \/\/ \u2463 \u30b3\u30e1\u30f3\u30c8\u30dc\u30bf\u30f3\n  document.querySelectorAll('.comment-btn').forEach(btn => {\n    btn.addEventListener('click', function () {\n      const span = btn.querySelector('span');\n      if (span) span.textContent = parseInt(span.textContent) + 1;\n      btn.classList.add('active');\n      setTimeout(() => btn.classList.remove('active'), 300);\n    });\n  });\n\n  \/\/ \u2464 \u30c7\u30ea\u30d0\u30ea\u30fc\u30ea\u30f3\u30af\u306e\u958b\u9589\uff08\u5168\u5bfe\u5fdc\uff09\n  document.querySelectorAll('.delivery-toggle').forEach(btn => {\n    btn.addEventListener('click', function () {\n      const parentContent = btn.closest('.product-showcase-content') || btn.closest('.reservation-section');\n      const links = parentContent?.querySelector('.delivery-links');\n      if (links) {\n        links.classList.toggle('active');\n        if (links.classList.contains('active')) {\n          links.style.maxHeight = links.scrollHeight + 'px';\n        } else {\n          links.style.maxHeight = '0px';\n        }\n      }\n    });\n  });\n\n  \/\/ \u2465 lineup\u30ab\u30fc\u30c9\u6ce8\u6587\u30dc\u30bf\u30f3\n  document.querySelectorAll('.order-btn').forEach(btn => {\n    btn.addEventListener('click', function () {\n      const card = btn.closest('.lineup-card');\n      const links = card.querySelector('.order-links');\n      card.classList.toggle('open');\n      links.style.maxHeight = card.classList.contains('open') ? links.scrollHeight + 'px' : '0';\n    });\n  });\n\n  \/\/ \u2466 \u30e1\u30c7\u30a3\u30a2\u4e00\u89a7\u306e\u30c8\u30b0\u30eb\n  const toggleBtn = document.getElementById(\"toggle-list-btn\");\n  const list = document.getElementById(\"media-list\");\n  if (toggleBtn && list) {\n    list.style.transition = \"max-height 0.6s ease\";\n    toggleBtn.addEventListener(\"click\", function () {\n      const isOpen = list.style.maxHeight && list.style.maxHeight !== \"0px\";\n      list.style.transition = isOpen ? \"max-height 0.3s ease\" : \"max-height 0.6s ease\";\n      list.style.maxHeight = isOpen ? \"0px\" : list.scrollHeight + \"px\";\n      toggleBtn.textContent = isOpen ? \"\u63b2\u8f09\u4e00\u89a7\u3092\u898b\u308b\" : \"\u9589\u3058\u308b\";\n    });\n  }\n\n  \/\/ \u2467 FAQ\u958b\u9589\n  document.querySelectorAll(\".faq-item .faq-question\").forEach(q => {\n    q.addEventListener(\"click\", function () {\n      this.closest(\".faq-item\").classList.toggle(\"open\");\n    });\n  });\n\n  \/\/ \u2468 SNS\u30ae\u30e3\u30e9\u30ea\u30fc\u30e2\u30fc\u30c0\u30eb\n  const modal = document.getElementById(\"sns-modal\");\n  if (modal) {\n    const modalImg = document.getElementById(\"modal-image\");\n    const modalText = document.getElementById(\"modal-text\");\n    const closeBtn = document.querySelector(\".close-btn\");\n    const heartBtn = document.querySelector(\".heart-btn-modal\");\n    const commentBtn = document.querySelector(\".comment-btn-modal\");\n    const commentCount = commentBtn?.querySelector(\"span\");\n\n    document.querySelectorAll(\".gallery-item\").forEach(item => {\n      item.addEventListener(\"click\", function () {\n        modal.style.display = \"block\";\n        modalImg.src = this.dataset.image;\n        modalText.textContent = this.dataset.text;\n        heartBtn.classList.remove(\"liked\", \"animate\");\n        heartBtn.querySelector(\"i\").classList.replace(\"fas\", \"far\");\n        commentCount.textContent = \"0\";\n      });\n    });\n\n    closeBtn.addEventListener(\"click\", () => modal.style.display = \"none\");\n\n    heartBtn.addEventListener(\"click\", () => {\n      const icon = heartBtn.querySelector(\"i\");\n      if (!heartBtn.classList.contains(\"liked\")) {\n        icon.classList.replace(\"far\", \"fas\");\n        heartBtn.classList.add(\"liked\", \"animate\");\n        icon.addEventListener(\"animationend\", function handler() {\n          heartBtn.classList.remove(\"animate\");\n          icon.removeEventListener(\"animationend\", handler);\n        });\n      } else {\n        icon.classList.replace(\"fas\", \"far\");\n        heartBtn.classList.remove(\"liked\");\n      }\n    });\n\n    commentBtn.addEventListener(\"click\", () => {\n      commentCount.textContent = parseInt(commentCount.textContent) + 1;\n      commentBtn.classList.add(\"active\");\n      setTimeout(() => commentBtn.classList.remove(\"active\"), 300);\n    });\n  }\n\n  \/\/ \u2469 video-container \u306b\u52d5\u753b\u3092\u633f\u5165\uff08PC:100%\u3001SP:93%\uff09\n  const container = document.getElementById('video-container');\n  if (container) {\n    const pcVideo = 'https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/video-output-93406727-D435-4A67-96A5-322B0CE89AA7-1.mov';\n    const spVideo = 'https:\/\/allright.jp\/warabi\/wp-content\/uploads\/2025\/07\/video-output-F3EF507C-1898-40E3-9DDB-A0BBA110ED7C-1.mp4';\n    const isMobile = window.matchMedia('(max-width: 768px)').matches;\n    const videoSrc = isMobile ? spVideo : pcVideo;\n    const videoWidth = isMobile ? '93%' : '100%';\n\n    container.innerHTML = `<video src=\"${videoSrc}\" autoplay muted loop playsinline style=\"width: ${videoWidth}; height: auto;\"><\/video>`;\n  }\n\n\/\/ \u246a \u65b0\u3057\u3044LINEUP\u30ab\u30fc\u30c9\u306e\u958b\u9589\u6a5f\u80fd\ndocument.querySelectorAll('.delivery-toggle-new').forEach(button => {\n  button.addEventListener('click', function() {\n    \/\/ \u30dc\u30bf\u30f3\u306e\u89aa\u8981\u7d20\u3067\u3042\u308b\u30ab\u30fc\u30c9\u5168\u4f53\u3092\u53d6\u5f97\n    const card = this.closest('.lineup-card');\n    \/\/ \u30ab\u30fc\u30c9\u5185\u306e\u30c7\u30ea\u30d0\u30ea\u30fc\u30ea\u30f3\u30af\u306e\u30b3\u30f3\u30c6\u30ca\u3092\u53d6\u5f97\n    const linksContainer = card.querySelector('.delivery-links-new');\n\n    if (linksContainer) {\n      \/\/ active\u30af\u30e9\u30b9\u3092\u4ed8\u3051\u5916\u3057\n      const isActive = linksContainer.classList.toggle('active');\n\n      \/\/ \u30c6\u30ad\u30b9\u30c8\u3068\u30b9\u30bf\u30a4\u30eb\u3092\u5909\u66f4\n      this.textContent = isActive ? '\u9589\u3058\u308b' : '\u30c7\u30ea\u30d0\u30ea\u30fc';\n      this.style.backgroundColor = isActive ? '#5f6368' : '#be9318';\n\n      \/\/ \u30b9\u30e9\u30a4\u30c9\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n      if (isActive) {\n        linksContainer.style.maxHeight = linksContainer.scrollHeight + 'px';\n      } else {\n        linksContainer.style.maxHeight = '0px';\n      }\n    }\n  });\n});\n});\n<\/script>\n\n\n<script>\n\/\/ === \u30bf\u30d6\u5207\u308a\u66ff\u3048\u6a5f\u80fd\uff08\u30ed\u30fc\u30eb&\u30ad\u30fc\u30dc\u30fc\u30c9\u5bfe\u5fdc\u3064\u304d\uff09 ===\ndocument.addEventListener('DOMContentLoaded', function() {\n  const tabContainer = document.querySelector('.tab-container');\n  if (!tabContainer) return;\n\n  const tabList   = tabContainer.querySelector('.tab-nav');\n  const tabButtons = tabList ? tabList.querySelectorAll('.tab-btn') : [];\n  const tabPanels  = tabContainer.querySelectorAll('.tab-panel');\n  if (!tabList || tabButtons.length === 0 || tabPanels.length === 0) return;\n\n  \/\/ --- A11y\u30ed\u30fc\u30eb\u30fb\u5c5e\u6027\u4ed8\u4e0e\uff08HTML\u3092\u89e6\u3089\u305aJS\u3067\u4ed8\u4e0e\uff09 ---\n  tabList.setAttribute('role', 'tablist');\n\n  tabButtons.forEach((btn, i) => {\n    btn.setAttribute('role', 'tab');\n    btn.setAttribute('tabindex', i === 0 ? '0' : '-1');\n    btn.setAttribute('aria-selected', i === 0 ? 'true' : 'false');\n\n    \/\/ \u30dc\u30bf\u30f3ID\u3092\u4fdd\u8a3c\n    if (!btn.id) btn.id = `tab-${i+1}`;\n\n    \/\/ \u30d1\u30cd\u30eb\u3068\u95a2\u9023\u3065\u3051\uff08data-tab \u3067\u7d10\u3065\u3051\uff09\n    const panelId = btn.getAttribute('data-tab');\n    const panel = panelId ? tabContainer.querySelector(`#${panelId}`) : null;\n    if (panel) {\n      panel.setAttribute('role', 'tabpanel');\n      panel.setAttribute('aria-labelledby', btn.id);\n      \/\/ \u521d\u671f\u8868\u793a\uff1a\u6700\u521d\u3060\u3051\u8868\u793a\uff08hidden\u5916\u3059\uff09\u3001\u4ed6\u306fhidden\n      if (i === 0) {\n        panel.classList.add('active');\n        panel.removeAttribute('hidden');\n      } else {\n        panel.classList.remove('active');\n        panel.setAttribute('hidden', '');\n      }\n    }\n    \/\/ \u521d\u671f\u306eactive\u30af\u30e9\u30b9\u6574\u5408\uff08CSS\u306b\u5408\u308f\u305b\u308b\uff09\n    if (i === 0) btn.classList.add('active'); else btn.classList.remove('active');\n  });\n\n  \/\/ --- \u30bf\u30d6\u5207\u66ff\u306e\u4e2d\u6838\u95a2\u6570 ---\n  function activateTab(targetBtn) {\n    const targetPanelId = targetBtn.getAttribute('data-tab');\n    const targetPanel = targetPanelId ? tabContainer.querySelector(`#${targetPanelId}`) : null;\n\n    \/\/ \u3059\u3079\u3066\u30ea\u30bb\u30c3\u30c8\n    tabButtons.forEach(btn => {\n      btn.classList.remove('active');\n      btn.setAttribute('aria-selected', 'false');\n      btn.setAttribute('tabindex', '-1');\n    });\n    tabPanels.forEach(panel => {\n      panel.classList.remove('active');\n      panel.setAttribute('hidden', '');\n    });\n\n    \/\/ \u5bfe\u8c61\u3092\u6709\u52b9\u5316\n    targetBtn.classList.add('active');\n    targetBtn.setAttribute('aria-selected', 'true');\n    targetBtn.setAttribute('tabindex', '0');\n\n    if (targetPanel) {\n      targetPanel.classList.add('active');\n      targetPanel.removeAttribute('hidden');\n    }\n  }\n\n  \/\/ --- \u30af\u30ea\u30c3\u30af\u3067\u5207\u66ff ---\n  tabButtons.forEach(btn => {\n    btn.addEventListener('click', () => {\n      activateTab(btn);\n    });\n  });\n\n  \/\/ --- \u30ad\u30fc\u30dc\u30fc\u30c9\u5de6\u53f3\u3067\u79fb\u52d5\uff08\u3054\u6307\u5b9a\u306e\u30ed\u30b8\u30c3\u30af\uff0b\u521d\u671f\u30bf\u30d6Index\u306b\u4f9d\u5b58\u3057\u306a\u3044\u7248\uff09 ---\n  tabButtons.forEach((btn, i) => {\n    btn.addEventListener('keydown', e => {\n      if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n        e.preventDefault();\n        const dir = e.key === 'ArrowRight' ? 1 : -1;\n        const next = (i + dir + tabButtons.length) % tabButtons.length;\n        activateTab(tabButtons[next]);\n        tabButtons[next].focus();\n      }\n      \/\/ \u304a\u307e\u3051\uff1aHome\/End\u5bfe\u5fdc\uff08\u4efb\u610f\uff09\n      if (e.key === 'Home') {\n        e.preventDefault();\n        activateTab(tabButtons[0]);\n        tabButtons[0].focus();\n      }\n      if (e.key === 'End') {\n        e.preventDefault();\n        const last = tabButtons.length - 1;\n        activateTab(tabButtons[last]);\n        tabButtons[last].focus();\n      }\n    });\n  });\n});\n<\/script>\n\n<script>\n\/\/ \u4fa1\u683c\uff08\u00a5\uff09\u306e\u76f4\u5f8c\u306b\u300c\uff08\u7a0e\u8fbc\uff09\u300d\u304c\u7121\u3051\u308c\u3070\u8ffd\u8a18\ndocument.querySelectorAll('.item-price').forEach(el=>{\n  if(!\/\u7a0e\u8fbc\/.test(el.textContent)) el.innerHTML = el.textContent + '<span class=\"tax\">\uff08\u7a0e\u8fbc\uff09<\/span>';\n});\n\/\/ \u30c9\u30c3\u30c8\u30ea\u30fc\u30c0\u30fc\u306e\u8aad\u307f\u3084\u3059\u3055\uff08\u30e2\u30d0\u30a4\u30eb\uff09\ndocument.querySelectorAll('.item-dots').forEach(el=>el.setAttribute('aria-hidden','true'));\n<\/script>\n\n<script>\n(function(){\n  const backBtn = document.querySelector('.back-to-category-btn');\n  if(!backBtn) return;\n  backBtn.addEventListener('click', () => {\n    const firstTab = document.querySelector('.tab-btn[data-tab=\"panel-category\"]');\n    if(firstTab) firstTab.focus(); \/\/ \u2190 \u8ffd\u52a0\uff1a\u30d5\u30a9\u30fc\u30ab\u30b9\u8fd4\u5374\n  });\n})();\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const LINKS = {\n    uber:  'https:\/\/www.ubereats.com\/jp\/store\/%E3%81%B5%E3%82%8F%E3%81%A8%E3%82%8D%E8%8F%93%E5%AD%90%E8%88%97-warabi\/G9O235PJX1eee1DgViSSyQ',\n    demae: 'https:\/\/demae-can.com\/shopDetail\/3313089',\n    wolt:  'https:\/\/wolt.com\/ja\/jpn\/kagoshima\/restaurant\/fuwatorokasiho-warabi'\n  };\n\n  \/\/ 1) \u30af\u30e9\u30b9\u6307\u5b9a\uff08LINEUP\u30ab\u30fc\u30c9\u3001\u56fa\u5b9aCTA\uff09\n  const map = [\n    ['.delivery-btn.uber,  .svc.uber',  LINKS.uber],\n    ['.delivery-btn.demae, .svc.demae', LINKS.demae],\n    ['.delivery-btn.wolt,  .svc.wolt',  LINKS.wolt],\n  ];\n  map.forEach(([sel, url]) => {\n    document.querySelectorAll(sel).forEach(a => {\n      a.setAttribute('href', url);\n      a.setAttribute('target', '_blank');\n      a.setAttribute('rel', 'noopener');\n    });\n  });\n\n  \/\/ 2) \u4e88\u7d04\u30bb\u30af\u30b7\u30e7\u30f3\u306e\u6c4e\u7528\u30ea\u30f3\u30af\u6587\u8a00\u306b\u3082\u5bfe\u5fdc\uff08\u4fdd\u967a\uff09\n  const patterns = [\n    {sel: '#delivery-links a', kw: 'uber',  url: LINKS.uber},\n    {sel: '#delivery-links a', kw: '\u51fa\u524d\u9928', url: LINKS.demae},\n    {sel: '#delivery-links a', kw: 'wolt',  url: LINKS.wolt},\n  ];\n  patterns.forEach(({sel, kw, url}) => {\n    document.querySelectorAll(sel).forEach(a => {\n      const t = (a.textContent || a.innerText || '').toLowerCase();\n      if (t.includes(kw)) {\n        a.href = url; a.target = '_blank'; a.rel = 'noopener';\n      }\n    });\n  });\n});\n<\/script>\n\n<!-- \u25bc \u30c8\u30c3\u30d7\u3078\u623b\u308b\u30dc\u30bf\u30f3\uff08\u56fa\u5b9aCTA\u3068\u5171\u5b58\u30fbiOS safe-area \u5bfe\u5fdc\u30fb\u30b3\u30d4\u30da\u4e00\u767a\uff09 -->\n<script>\n(function(){\n  \/\/ ===== \u30b9\u30bf\u30a4\u30eb =====\n  const css = `\n  .to-top{\n    position:fixed; right:16px; bottom:16px;\n    z-index:2147483500; \/* CTA\u3088\u308a\u524d\u9762\u306b *\/\n    width:46px; height:46px; border-radius:999px;\n    display:flex; align-items:center; justify-content:center;\n    background:rgba(255,255,255,.85);\n    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);\n    box-shadow:0 8px 24px rgba(0,0,0,.14);\n    border:none; cursor:pointer; outline:0;\n    transform:translateY(120%); opacity:0;\n    transition:transform .24s ease, opacity .24s ease, box-shadow .16s ease, background .16s ease;\n  }\n  .to-top svg{ width:22px; height:22px; }\n  .to-top:hover{ box-shadow:0 10px 28px rgba(0,0,0,.18); }\n  .to-top:active{ transform:translateY(0) scale(.96); }\n  .to-top.is-show{ transform:translateY(0); opacity:1; }\n  \/* iOS \u306e\u30db\u30fc\u30e0\u30a4\u30f3\u30b8\u30b1\u30fc\u30bf\u9818\u57df\u3092\u8003\u616e\u3057\u3066\u5e95\u4e0a\u3052 *\/\n  @supports (padding: env(safe-area-inset-bottom)){\n    .to-top{ bottom: calc(16px + env(safe-area-inset-bottom)); }\n  }\n  \/* PC\u306e\u898b\u305f\u76ee\u3092\u5c11\u3057\u3060\u3051\u30ad\u30ea\u30c3\u3068 *\/\n  @media (min-width:1025px){\n    .to-top{ width:48px; height:48px; right:24px; }\n  }\n  `;\n  const style=document.createElement('style'); style.textContent=css; document.head.appendChild(style);\n\n  \/\/ ===== \u8981\u7d20\u751f\u6210\uff08body\u76f4\u4e0b\uff09 =====\n  const btn=document.createElement('button');\n  btn.className='to-top'; btn.type='button'; btn.setAttribute('aria-label','\u30da\u30fc\u30b8\u4e0a\u90e8\u3078\u623b\u308b');\n  btn.innerHTML=`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M12 5l-6 6m6-6l6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <path d=\"M12 5v14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n  <\/svg>`;\n  document.body.appendChild(btn);\n\n  \/\/ ===== \u30b9\u30af\u30ed\u30fc\u30eb\u3067\u8868\u793a\u5207\u308a\u66ff\u3048 =====\n  const SHOW_AT = 400; \/\/ \u3053\u306epx\u4ee5\u4e0a\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u305f\u3089\u8868\u793a\n  let ticking=false;\n  const onScroll=()=>{\n    if(ticking) return; ticking=true;\n    requestAnimationFrame(()=>{\n      const y = window.pageYOffset || document.documentElement.scrollTop || 0;\n      btn.classList.toggle('is-show', y > SHOW_AT);\n      ticking=false;\n    });\n  };\n  window.addEventListener('scroll', onScroll, {passive:true});\n  window.addEventListener('resize', positionBtn, {passive:true});\n  onScroll();\n\n  \/\/ ===== \u30af\u30ea\u30c3\u30af\u3067\u30b9\u30e0\u30fc\u30b9\u30b9\u30af\u30ed\u30fc\u30eb\uff08\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u4ed8\u304d\uff09 =====\n  btn.addEventListener('click', ()=>{\n    try{\n      window.scrollTo({top:0, behavior:'smooth'});\n    }catch(_){\n      window.scrollTo(0,0);\n    }\n  });\n\n  \/\/ ===== \u56fa\u5b9aCTA\u3068\u201c\u91cd\u306a\u3089\u306a\u3044\u201d\u3088\u3046\u81ea\u52d5\u3067\u4f4d\u7f6e\u8abf\u6574 =====\n  function positionBtn(){\n    const cta = document.querySelector('.fixed-cta');\n    if(!cta){ return; }\n\n    const rect = cta.getBoundingClientRect();\n    const vh   = window.innerHeight || document.documentElement.clientHeight;\n    const isPC = window.matchMedia('(min-width:1025px)').matches;\n\n    \/\/ CTA\u304c\u753b\u9762\u5185\u306b\u3042\u308c\u3070\u3001\u305d\u306e\u9ad8\u3055\u5206\u3060\u3051\u30dc\u30bf\u30f3\u3092\u4e0a\u306b\u305a\u3089\u3059\n    \/\/ \uff08PC\uff1d\u53f3\u4e0b\u30c9\u30c3\u30af\u306e\u201c\u4e0a\u201d\u3001\u30b9\u30de\u30db\uff1d\u56fa\u5b9a\u30d0\u30fc\u306e\u201c\u4e0a\u201d\uff09\n    let extraBottom = 0;\n    if(rect.width && rect.height){\n      \/\/ CTA\u304c\u4e0b\u8fba\u304b\u3089\u4f55px\u4e0a\u306b\u3042\u308b\u304b\u3092\u3056\u3063\u304f\u308a\u5224\u5b9a\n      const ctaVisible = rect.bottom > 0 && rect.top < vh;\n      if(ctaVisible){\n        extraBottom = Math.max(0, (vh - rect.top)) > 0 ? (rect.height + 14) : 0;\n      }\n    }\n\n    \/\/ iOS safe-area\u3092\u8003\u616e\u3057\u3066\u30bb\u30c3\u30c8\n    \/\/ \u30b9\u30de\u30db\uff1aenv\u3092CSS\u306b\u4efb\u305b\u3001JS\u3067\u306f\u4e0a\u4e57\u305b\u5206\u3060\u3051\u8db3\u3059\n    \/\/ PC\uff1a\u30c9\u30c3\u30af\u306e\u9ad8\u3055\uff0b\u4f59\u767d\u5206\u3060\u3051\u4e0a\u3078\n    if(isPC){\n      btn.style.bottom = (24 + extraBottom) + 'px';\n      btn.style.right  = '24px';\n    }else{\n      \/\/ \u30b9\u30de\u30db\u306f base 16px + safe-area \u306f CSS \u5074\u3001\u3053\u3053\u3067\u306f\u91cd\u306a\u308a\u56de\u907f\u5206\u306e\u307f\n      btn.style.bottom = `calc(${16 + extraBottom}px + env(safe-area-inset-bottom))`;\n      btn.style.right  = '16px';\n    }\n  }\n  \/\/ \u521d\u671f & \u30b9\u30af\u30ed\u30fc\u30eb\u6642\u306b\u90fd\u5ea6\u8abf\u6574\uff08CTA\u306e\u958b\u9589\u3067\u9ad8\u3055\u304c\u5909\u308f\u308b\u30b1\u30fc\u30b9\u3082\u62fe\u3046\uff09\n  window.addEventListener('scroll', positionBtn, {passive:true});\n  positionBtn();\n})();\n<\/script>\n\n<script>\n(function(){\n  const root = document.documentElement;\n\n  function updateOffset(){\n    let gap = 16; \/\/ \u30dc\u30bf\u30f3\u3068\u753b\u9762\u4e0b\u306e\u57fa\u672c\u9593\u9694\n    \/\/ \u53f3\u4e0b\u306e\u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0CTA\u5019\u88dc\uff08\u30c6\u30fc\u30de\u306b\u3088\u308a\u30af\u30e9\u30b9\u540d\u304c\u7570\u306a\u308b\u306e\u3067\u8907\u6570\u5019\u88dc\uff09\n    const cta = document.querySelector('.fixed-cta-panel, .fixed-cta, .l-fixbtn, .js-floatingBtns');\n    if (cta){\n      const rect = cta.getBoundingClientRect();\n      gap += (rect.height || 60); \/\/ CTA\u306e\u9ad8\u3055\u5206\u3060\u3051\u6301\u3061\u4e0a\u3052\n    } else {\n      gap += 0;\n    }\n    root.style.setProperty('--cta-offset', Math.ceil(gap) + 'px');\n  }\n\n  \/\/ \u521d\u671f & \u753b\u9762\u30b5\u30a4\u30ba\u5909\u5316 & \u52d5\u7684\u751f\u6210\u306b\u5bfe\u5fdc\n  updateOffset();\n  window.addEventListener('resize', updateOffset);\n  const mo = new MutationObserver(updateOffset);\n  mo.observe(document.body, { childList: true, subtree: true });\n})();\n<\/script>\n\n<script>\n(function initBackFab(){\n  function ready(fn){\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', fn);\n    } else {\n      fn();\n    }\n  }\n\n  ready(function(){\n    \/\/ 1) \u8981\u7d20\u304c\u306a\u3051\u308c\u3070\u4f5c\u308b\uff0f\u3042\u308c\u3070\u4f7f\u3046 \u2192 \u3069\u3061\u3089\u3067\u3082 body \u76f4\u4e0b\u3078\n    let fab =\n      document.querySelector('#warabi-back-fab') ||\n      document.querySelector('.menu-back-button-wrapper');\n\n    if (!fab) {\n      fab = document.createElement('div');\n      fab.id = 'warabi-back-fab';\n      fab.innerHTML =\n        '<button class=\"back-to-category-btn\" data-tab-target=\"panel-category\">\u2190 \u5546\u54c1\u30ab\u30c6\u30b4\u30ea\u30fc\u4e00\u89a7\u3078\u623b\u308b<\/button>';\n      document.body.appendChild(fab);\n    } else {\n      fab.id = 'warabi-back-fab';\n      document.body.appendChild(fab);\n    }\n\n    \/\/ 2) \u30bf\u30d6\u5207\u66ff\uff08\u65e2\u5b58\u30ed\u30b8\u30c3\u30af\u304c\u3042\u3063\u3066\u3082\u3053\u308c\u5358\u4f53\u3067\u52d5\u304f\uff09\n    const lineup       = document.querySelector('.product-showcase-section');\n    const tabContainer = lineup && lineup.querySelector('.tab-container');\n    const detailsPanel = document.getElementById('panel-details');\n\n    function switchTab(targetId) {\n      if (!lineup) return;\n      const btns   = lineup.querySelectorAll('.tab-btn');\n      const panels = lineup.querySelectorAll('.tab-panel');\n\n      panels.forEach(p => p.classList.remove('active'));\n      btns.forEach(b => b.classList.remove('active'));\n\n      const targetPanel = lineup.querySelector('#' + targetId);\n      const targetBtn   = lineup.querySelector('.tab-btn[data-tab=\"' + targetId + '\"]');\n\n      if (targetPanel) targetPanel.classList.add('active');\n      if (targetBtn)   targetBtn.classList.add('active');\n    }\n\n    fab.addEventListener('click', function(e){\n      const btn = e.target.closest('.back-to-category-btn');\n      if (!btn) return;\n\n      const target = btn.getAttribute('data-tab-target') || 'panel-category';\n      switchTab(target);\n\n      if (tabContainer) {\n        tabContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    });\n\n    \/\/ 3) CTA\u9ad8\u3055\u306b\u81ea\u52d5\u8ffd\u5f93\n    const CTA_SELECTOR =\n      '.fixed-cta-panel, .fixed-cta, .l-fixbtn, .js-floatingBtns, .p-fixBtn, .c-fixBtn, .p-fixContact';\n    const content = document.querySelector('.menu-details-content');\n\n    function getCtaHeight() {\n      const cta = document.querySelector(CTA_SELECTOR);\n      if (!cta) return 64;\n      const r = cta.getBoundingClientRect();\n      return Math.max(48, Math.ceil(r.height));\n    }\n\n    function updateOffsets() {\n      const h   = getCtaHeight();\n      const pad = h + 24;\n      fab.style.bottom = `calc(env(safe-area-inset-bottom, 0px) + ${pad}px)`;\n      if (content) content.style.paddingBottom = pad + 120 + 'px';\n    }\n\n    \/\/ 4) LINEUP \u30bb\u30af\u30b7\u30e7\u30f3\u304c\u753b\u9762\u5185\u306b\u3044\u308b\u304b\uff1f\n    function isLineupInView() {\n      if (!lineup) return false;\n      const r = lineup.getBoundingClientRect();\n      const topMargin    = 40; \/\/ \u3061\u3087\u3044\u4f59\u88d5\n      const bottomMargin = 40;\n      return r.bottom > topMargin && r.top < window.innerHeight - bottomMargin;\n    }\n\n    \/\/ 5) \u8868\u793a\u5224\u5b9a\uff1aDetails\u30bf\u30d6 \uff0b LINEUP\u304c\u753b\u9762\u5185 \u306e\u3068\u304d\u3060\u3051\u8868\u793a\n    function tick() {\n      const onDetails = detailsPanel &#038;&#038; detailsPanel.classList.contains('active');\n      const inView    = isLineupInView();\n      const show      = onDetails &#038;&#038; inView;\n\n      fab.style.display = show ? 'block' : 'none';\n      fab.classList.toggle('is-visible', show); \/\/ SP\u306e\u30b9\u30e9\u30a4\u30c9\u8868\u793a\u306b\u3082\u5bfe\u5fdc\n    }\n\n    \/\/ \u521d\u671f\u72b6\u614b\n    updateOffsets();\n    tick();\n\n    \/\/ \u30ea\u30b5\u30a4\u30ba\u6642\uff1a\u4f4d\u7f6e\u3068\u8868\u793a\u3092\u518d\u8a08\u7b97\n    window.addEventListener('resize', () => {\n      updateOffsets();\n      tick();\n    });\n\n    \/\/ CTA\u306eDOM\u5909\u5316\u3067\u3082\u9ad8\u3055\u3060\u3051\u66f4\u65b0\n    new MutationObserver(updateOffsets).observe(document.body, {\n      childList: true,\n      subtree: true\n    });\n\n    \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u6642\uff1arequestAnimationFrame \u3067\u6700\u7d42\u72b6\u614b\u3060\u3051\u53cd\u6620\n    let scrolling = false;\n    function onScroll(){\n      if (scrolling) return;\n      scrolling = true;\n      requestAnimationFrame(() => {\n        scrolling = false;\n        tick();\n      });\n    }\n    document.addEventListener('scroll', onScroll, { passive: true });\n  });\n})();\n<\/script>\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/allright.jp\/warabi\/wp-json\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/allright.jp\/warabi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/allright.jp\/warabi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/allright.jp\/warabi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/allright.jp\/warabi\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":1578,"href":"https:\/\/allright.jp\/warabi\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":2443,"href":"https:\/\/allright.jp\/warabi\/wp-json\/wp\/v2\/pages\/55\/revisions\/2443"}],"wp:attachment":[{"href":"https:\/\/allright.jp\/warabi\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}