{"id":726858,"date":"2025-12-19T17:00:08","date_gmt":"2025-12-19T08:00:08","guid":{"rendered":"https:\/\/arina-p.co.jp\/photo\/?p=726858"},"modified":"2026-02-10T23:30:00","modified_gmt":"2026-02-10T14:30:00","slug":"fee","status":"publish","type":"post","link":"https:\/\/arina-p.co.jp\/photo\/fee\/","title":{"rendered":"\u6599\u91d1"},"content":{"rendered":"<div class=\"p-blogParts post_content\" data-partsID=\"726698\">\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#fffafa\"><div class=\"swell-block-fullWide__inner\">\n<h2 class=\"wp-block-heading is-style-section_ttl\">\u6599\u91d1<\/h2>\n\n\n\n<div class=\"swell-block-tab is-style-bb\" data-width-pc=\"25\" data-width-sp=\"50\"><ul class=\"c-tabList\" role=\"tablist\"><li class=\"c-tabList__item\" role=\"presentation\"><button role=\"tab\" class=\"c-tabList__button\" aria-selected=\"true\" aria-controls=\"tab-10d54c30-0\" data-onclick=\"tabControl\">\u5b50\u3069\u3082\u30d5\u30a9\u30c8\u30d7\u30e9\u30f3<\/button><\/li><li class=\"c-tabList__item\" role=\"presentation\"><button role=\"tab\" class=\"c-tabList__button\" aria-selected=\"false\" aria-controls=\"tab-10d54c30-1\" data-onclick=\"tabControl\">\u4e00\u822c\u5229\u7528<\/button><\/li><\/ul><div class=\"c-tabBody\">\n<div id=\"tab-10d54c30-0\" class=\"c-tabBody__item\" aria-hidden=\"false\">\n<div class=\"lp-container\">\r\n        <!-- \u30e1\u30a4\u30f3\u30d7\u30e9\u30f3 -->\r\n        <div class=\"plans-grid\">\r\n            <!-- Plan 1 -->\r\n            <div class=\"plan-item\">\r\n                <div class=\"plan-title\">\u57fa\u672c\u6599\u91d1<\/div>\r\n                <div class=\"plan-price\">3,000<span>\u5186 \/ 1h<\/span><\/div>\r\n                <ul class=\"plan-list\">\r\n                    <li><span>\u2714<\/span> \u5168\u30c7\u30fc\u30bf\u304a\u6301\u3061\u5e30\u308a<\/li>\r\n                    <li><span>\u2714<\/span> \u5168\u30d6\u30fc\u30b9\u5229\u7528\u53ef<\/li>\r\n                <\/ul>\r\n                <a href=\"https:\/\/liff.line.me\/2008590271-Jpmj0v50?calendar_salon_id=20553&#038;ts=1764751571\" class=\"plan-btn\">\u4e88\u7d04\u3059\u308b<\/a>\r\n                <div class=\"plan-deal-text\">\r\n                    2\u5bb6\u65cf\u3067\u5272\u308b\u3068 1\u5bb6\u65cf<strong>1,500\u5186<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Plan 2 (Recommend) -->\r\n            <div class=\"plan-item recommend\">\r\n                <span class=\"plan-badge\">\u4eba\u6c17No.1<\/span>\r\n                <div class=\"plan-title\">\u304a\u5f97\u30d7\u30e9\u30f3<\/div>\r\n                <div class=\"plan-price\" style=\"color:var(--color-primary);\">5,000<span>\u5186 \/ 2h<\/span><\/div>\r\n                <ul class=\"plan-list\">\r\n                    <li><span>\u2714<\/span> \u5168\u30c7\u30fc\u30bf\u304a\u6301\u3061\u5e30\u308a<\/li>\r\n                    <li><span>\u2714<\/span> \u5168\u30d6\u30fc\u30b9\u5229\u7528\u53ef<\/li>\r\n                <\/ul>\r\n                <a href=\"https:\/\/liff.line.me\/2008590271-Jpmj0v50?calendar_salon_id=20553&#038;ts=1764751571\" class=\"plan-btn primary\">\u3053\u306e\u30d7\u30e9\u30f3\u3067\u4e88\u7d04<\/a>\r\n                <div class=\"plan-deal-text\">\r\n                    2\u5bb6\u65cf\u3067\u5272\u308b\u3068 1\u5bb6\u65cf<strong>2,500\u5186<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u30aa\u30d7\u30b7\u30e7\u30f3\u30a8\u30ea\u30a2 -->\r\n        <div class=\"option-area\">\r\n            <div class=\"option-grid\">\r\n                <div class=\"option-item\">\r\n                    <div class=\"option-name\">\u30bb\u30df\u30d7\u30ed\u7528\u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb<\/div>\r\n                    <div class=\"option-price\">+1,000<span>\u5186\/\u56de<\/span><\/div>\r\n                    <p class=\"option-desc\">\u6a5f\u6750\u3092\u7834\u640d\u3057\u305f\u5834\u5408\u306f\u5225\u901420,000\u5186\u9802\u304d\u307e\u3059<\/p>\r\n                <\/div>\r\n                <div class=\"option-item\">\r\n                    <div class=\"option-name\">\u672a\u6e05\u6383\u4ee3\u91d1<\/div>\r\n                    <div class=\"option-price\">+5,000<span>\u5186\/\u56de<\/span><\/div>\r\n                    <p class=\"option-desc\">\u672a\u6e05\u6383\u3067\u304a\u5e30\u308a\u306b\u306a\u3063\u305f\u5834\u5408\u3001\u5f8c\u308d\u306e\u4e88\u7d04\u306e\u304a\u5ba2\u69d8\u306b\u5f01\u511f\u3059\u308b\u4ee3\u91d1\u3068\u6e05\u6383\u6599\u91d1\u3092\u9802\u304d\u307e\u3059\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n<\/div>\n<\/div>\n\n\n\n<div id=\"tab-10d54c30-1\" class=\"c-tabBody__item\" aria-hidden=\"true\">\n<div class=\"lp-container\">\r\n        <!-- \u30e1\u30a4\u30f3\u30d7\u30e9\u30f3 -->\r\n        <div class=\"plans-grid\">\r\n            <!-- Plan 1 -->\r\n            <div class=\"plan-item\">\r\n                <div class=\"plan-title\">\u57fa\u672c\u6599\u91d1<\/div>\r\n                <div class=\"plan-price\">4,000<span>\u5186 \/ 1h<\/span><\/div>\r\n                <ul class=\"plan-list\">\r\n                    <li><span>\u2714<\/span> \u5168\u30c7\u30fc\u30bf\u304a\u6301\u3061\u5e30\u308a<\/li>\r\n                    <li><span>\u2714<\/span> \u5168\u30d6\u30fc\u30b9\u5229\u7528\u53ef<\/li>\r\n                <\/ul>\r\n                <a href=\"https:\/\/liff.line.me\/2008590271-Jpmj0v50?calendar_salon_id=20553&#038;ts=1764751571\" class=\"plan-btn\">\u4e88\u7d04\u3059\u308b<\/a>\r\n            <\/div>\r\n        \r\n        <\/div>\r\n\r\n        <!-- \u30aa\u30d7\u30b7\u30e7\u30f3\u30a8\u30ea\u30a2 -->\r\n        <div class=\"option-area\">\r\n            <div class=\"option-grid\">\r\n                <div class=\"option-item\">\r\n                    <div class=\"option-name\">\u30bb\u30df\u30d7\u30ed\u7528\u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb<\/div>\r\n                    <div class=\"option-price\">+1,000<span>\u5186\/\u56de<\/span><\/div>\r\n                    <p class=\"option-desc\">\u6a5f\u6750\u3092\u7834\u640d\u3057\u305f\u5834\u5408\u306f\u5225\u901420,000\u5186\u9802\u304d\u307e\u3059<\/p>\r\n                <\/div>\r\n                <div class=\"option-item\">\r\n                    <div class=\"option-name\">\u672a\u6e05\u6383\u4ee3\u91d1<\/div>\r\n                    <div class=\"option-price\">+5,000<span>\u5186\/\u56de<\/span><\/div>\r\n                    <p class=\"option-desc\">\u672a\u6e05\u6383\u3067\u304a\u5e30\u308a\u306b\u306a\u3063\u305f\u5834\u5408\u3001\u5f8c\u308d\u306e\u4e88\u7d04\u306e\u304a\u5ba2\u69d8\u306b\u5f01\u511f\u3059\u308b\u4ee3\u91d1\u3068\u6e05\u6383\u6599\u91d1\u3092\u9802\u304d\u307e\u3059\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<!-- \u6ce8\u610f\u4e8b\u9805\u30a8\u30ea\u30a2 -->\r\n        <div class=\"plan-notes\">\r\n            <p style=\"font-weight:bold; margin-bottom:10px;\">\u3010\u3054\u5229\u7528\u4e0a\u306e\u6ce8\u610f\u3011<\/p>\r\n            <ul>\r\n                <li>\u4fa1\u683c\u306f\u3059\u3079\u3066\u7a0e\u8fbc\u3067\u3059\u3002<\/li>\r\n                <li>\u64ae\u5f71\u8005\u306e\u304a\u5b50\u3055\u3093\u3092\u64ae\u5f71\u3057\u3001\u79c1\u7684\u306b\u5229\u7528\u3059\u308b\u5834\u5408\u306e\u307f\u300c\u5b50\u3069\u3082\u30d5\u30a9\u30c8\u30d7\u30e9\u30f3\u300d\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/li>\r\n                <li>\u5546\u7528\u5229\u7528\u3059\u308b\u5834\u5408\u306f\u4e00\u822c\u5229\u7528\u30d7\u30e9\u30f3\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002<\/li>\r\n                <li>\u5f53\u5e97\u306f\u7121\u4eba\u904b\u55b6\u3067\u4f4e\u4fa1\u683c\u3092\u5b9f\u73fe\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u6b21\u306e\u65b9\u306e\u305f\u3081\u306b\u539f\u72b6\u5fa9\u5e30\u30fb\u6e05\u6383\u3092\u5fc5\u305a\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\r\n                <li>\u30b4\u30df\u306f\u304a\u6301\u3061\u5e30\u308a\u304f\u3060\u3055\u3044<\/li>\r\n                <li>\u98f2\u98df\u306f\u6c34\u5206\u88dc\u7d66\u3068\u3001\u304a\u5b50\u3055\u3093\u306e\u7c21\u5358\u306a\u304a\u3084\u3064\u306e\u307f\u5229\u7528\u53ef\u80fd\u3067\u3059\u3002<\/li>\r\n                <li>\u30b9\u30bf\u30b8\u30aa\u5185\u306f\u571f\u8db3\u53b3\u7981\u3067\u3059\u3002\u64ae\u5f71\u7528\u306e\u9774\u306f\u9774\u5e95\u3092\u62ed\u3044\u3066\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002<\/li>\r\n            <\/ul> <\/div>\n\n\n\n<div style=\"max-width: 800px; margin: 40px auto 0; width: 100%;\">\n\n\n\n<div class=\"swell-block-accordion\">\n<details class=\"swell-block-accordion__item\" data-swl-acc=\"wrapper\"><summary class=\"swell-block-accordion__title\" data-swl-acc=\"header\"><span class=\"swell-block-accordion__label\">\u6599\u91d1\u30b7\u30e5\u30df\u30ec\u30fc\u30b7\u30e7\u30f3<\/span><span class=\"swell-block-accordion__icon c-switchIconBtn\" data-swl-acc=\"icon\" aria-hidden=\"true\" data-opened=\"false\"><i class=\"__icon--closed icon-caret-down\"><\/i><i class=\"__icon--opened icon-caret-up\"><\/i><\/span><\/summary><div class=\"swell-block-accordion__body\" data-swl-acc=\"body\">\n<style>\r\n\/* \u5909\u66f4\u5f8c *\/\r\n.container {\r\n    background: #fff;\r\n    border-radius: 25px;\r\n    max-width: 800px;    \/* .option-area\u3068\u540c\u3058\u5e45\u306b\u5909\u66f4 *\/\r\n    width: 100%;         \/* \u89aa\u8981\u7d20\u3044\u3063\u3071\u3044\u306b\u5e83\u3052\u308b *\/\r\n    margin: 0 auto;      \/* \u4e2d\u592e\u5bc4\u305b *\/\r\n    padding: 45px;\r\n    border: 1px solid rgba(255, 192, 203, 0.2);\r\n    box-sizing: border-box; \/* \u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u542b\u3081\u305f\u5e45\u306b\u3059\u308b *\/\r\n}\r\n\r\nh3 {\r\n    text-align: center;\r\n    color: #d4576d;\r\n    margin-bottom: 30px;\r\n    font-size: 26px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.form-group {\r\n    margin-bottom: 25px;\r\n}\r\n\r\nlabel {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: #d4576d;\r\n    font-weight: 500;\r\n    font-size: 15px;\r\n}\r\n\r\n.radio-group {\r\n    display: flex;\r\n    gap: 20px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.radio-option {\r\n    display: flex;\r\n    align-items: center;\r\n    cursor: pointer;\r\n}\r\n\r\n.radio-option input[type=\"radio\"] {\r\n    margin-right: 8px;\r\n    cursor: pointer;\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n.radio-option label {\r\n    margin: 0;\r\n    cursor: pointer;\r\n    font-weight: 400;\r\n}\r\n\r\n.checkbox-option {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 15px;\r\n    background: #fff5f7;\r\n    border-radius: 10px;\r\n    cursor: pointer;\r\n    transition: background 0.3s;\r\n    border: 1px solid rgba(244, 165, 183, 0.3);\r\n}\r\n\r\n.checkbox-option:hover {\r\n    background: #ffe9ed;\r\n}\r\n\r\n.checkbox-option input[type=\"checkbox\"] {\r\n    margin-right: 12px;\r\n    cursor: pointer;\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n.checkbox-option label {\r\n    margin: 0;\r\n    cursor: pointer;\r\n    font-weight: 400;\r\n    flex: 1;\r\n}\r\n\r\n.option-price {\r\n    color: #d4576d;\r\n    font-weight: 600;\r\n    margin-left: 10px;\r\n}\r\n\r\ninput[type=\"number\"] {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border: 2px solid #f5d5dd;\r\n    border-radius: 10px;\r\n    font-size: 16px;\r\n    transition: border-color 0.3s;\r\n}\r\n\r\ninput[type=\"number\"]:focus {\r\n    outline: none;\r\n    border-color: #f4a5b7;\r\n}\r\n\r\nselect {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border: 2px solid #f5d5dd;\r\n    border-radius: 10px;\r\n    font-size: 16px;\r\n    transition: border-color 0.3s;\r\n    background: white;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4576d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 12px center;\r\n    background-size: 20px;\r\n    padding-right: 40px;\r\n}\r\n\r\nselect:focus {\r\n    outline: none;\r\n    border-color: #f4a5b7;\r\n}\r\n\r\n.additional-info {\r\n    background: #fff5f7;\r\n    border-left: 4px solid #f4a5b7;\r\n    padding: 12px;\r\n    margin-top: 10px;\r\n    border-radius: 8px;\r\n    font-size: 13px;\r\n    color: #c94563;\r\n    display: none;\r\n}\r\n\r\n.additional-info.show {\r\n    display: block;\r\n}\r\n\r\n.calculate-btn {\r\n    width: 100%;\r\n    padding: 15px;\r\n    background: white;\r\n    color: #d4576d;\r\n    border: 2px solid #d4576d;\r\n    border-radius: 12px;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    margin-top: 10px;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.calculate-btn:hover {\r\n    background: linear-gradient(135deg, #f093b0 0%, #d4576d 100%);\r\n    color: white;\r\n    border-color: #d4576d;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 25px rgba(244, 165, 183, 0.4);\r\n}\r\n\r\n.calculate-btn:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n.result {\r\n    margin-top: 30px;\r\n    padding: 25px;\r\n    background: linear-gradient(135deg, #fff5f7 0%, #ffe9ed 100%);\r\n    border-radius: 20px;\r\n    display: none;\r\n    border: 1px solid rgba(244, 165, 183, 0.2);\r\n}\r\n\r\n.result.show {\r\n    display: block;\r\n    animation: slideIn 0.3s ease-out;\r\n}\r\n\r\n@keyframes slideIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-10px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.result h2 {\r\n    color: #d4576d;\r\n    margin-bottom: 15px;\r\n    font-size: 20px;\r\n    text-align: center;\r\n    font-weight: 500;\r\n}\r\n\r\n.breakdown {\r\n    background: white;\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.breakdown-item {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 10px 0;\r\n    color: #555;\r\n    font-size: 15px;\r\n    border-bottom: 1px solid #eee;\r\n}\r\n\r\n.breakdown-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.total {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 15px;\r\n    background: white;\r\n    border-radius: 10px;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n}\r\n\r\n.total-label {\r\n    color: #333;\r\n}\r\n\r\n.total-price {\r\n    color: #d4576d;\r\n    font-size: 32px;\r\n}\r\n\r\n.per-family {\r\n    background: #fff5f7;\r\n    border-left: 4px solid #f4a5b7;\r\n    padding: 15px;\r\n    margin-top: 15px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n}\r\n\r\n.per-family-label {\r\n    color: #c94563;\r\n    font-size: 14px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.per-family-price {\r\n    color: #d4576d;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n}\r\n\r\n.reserve-btn {\r\n    width: 100%;\r\n    padding: 18px;\r\n    background: linear-gradient(135deg, #e6a4b4 0%, #d4576d 100%);\r\n    color: white;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n    margin-top: 20px;\r\n    text-decoration: none;\r\n    display: block;\r\n    text-align: center;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.reserve-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 28px rgba(212, 87, 109, 0.3);\r\n}\r\n\r\n.reserve-btn:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .container {\r\n        padding: 25px;\r\n    }\r\n    .radio-group {\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"container\">\r\n    <form id=\"calculatorForm\">\r\n        <div class=\"form-group\">\r\n            <label>\u5229\u7528\u30bf\u30a4\u30d7<\/label>\r\n            <div class=\"radio-group\">\r\n                <div class=\"radio-option\">\r\n                    <input type=\"radio\" id=\"child\" name=\"plan\" value=\"child\" checked>\r\n                    <label for=\"child\">\u304a\u5b50\u69d8\u64ae\u5f71<\/label>\r\n                <\/div>\r\n                <div class=\"radio-option\">\r\n                    <input type=\"radio\" id=\"normal\" name=\"plan\" value=\"normal\">\r\n                    <label for=\"normal\">\u4e00\u822c\u5229\u7528<\/label>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label for=\"hours\">\u5229\u7528\u6642\u9593\uff08\u6642\u9593\uff09<\/label>\r\n            <select id=\"hours\" required>\r\n                <option value=\"1\">1\u6642\u9593<\/option>\r\n                <option value=\"2\">2\u6642\u9593<\/option>\r\n                <option value=\"3\">3\u6642\u9593<\/option>\r\n                <option value=\"4\">4\u6642\u9593<\/option>\r\n                <option value=\"5\">5\u6642\u9593<\/option>\r\n                <option value=\"6\">6\u6642\u9593<\/option>\r\n                <option value=\"7\">7\u6642\u9593<\/option>\r\n                <option value=\"8\">8\u6642\u9593<\/option>\r\n                <option value=\"9\">9\u6642\u9593<\/option>\r\n                <option value=\"10\">10\u6642\u9593<\/option>\r\n                <option value=\"11\">11\u6642\u9593<\/option>\r\n                <option value=\"12\">12\u6642\u9593<\/option>\r\n                <option value=\"13\">13\u6642\u9593<\/option>\r\n                <option value=\"14\">14\u6642\u9593<\/option>\r\n                <option value=\"15\">15\u6642\u9593<\/option>\r\n            <\/select>\r\n        <\/div>\r\n\r\n        <!-- \u5bb6\u65cf\u6570\u306f\u300c\u304a\u5b50\u69d8\u64ae\u5f71\u300d\u30d7\u30e9\u30f3\u3060\u3051\u8868\u793a -->\r\n        <div class=\"form-group\" id=\"familyGroup\" style=\"display: block;\">\r\n            <label for=\"families\">\u5bb6\u65cf\u6570<\/label>\r\n            <select id=\"families\">\r\n                <option value=\"1\">1\u5bb6\u65cf<\/option>\r\n                <option value=\"2\">2\u5bb6\u65cf<\/option>\r\n                <option value=\"3\">3\u5bb6\u65cf<\/option>\r\n            <\/select>\r\n\r\n            <!-- \u8ffd\u52a0\u6599\u91d1\u30eb\u30fc\u30eb\u3092\u5ec3\u6b62\u3057\u305f\u306e\u3067\u8aac\u660e\u6587\u3082\u5909\u66f4 -->\r\n            <div class=\"additional-info\" id=\"familyInfo\">\r\n                \u5bb6\u65cf\u6570\u306b\u95a2\u308f\u3089\u305a\u3001\u6599\u91d1\u306f\u4e00\u5f8b\u3067\u3059\uff08\u6700\u59273\u5bb6\u65cf\u307e\u3067\u9078\u629e\u53ef\uff09\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>\ud83d\udcf7 \u30aa\u30d7\u30b7\u30e7\u30f3<\/label>\r\n            <div class=\"checkbox-option\">\r\n                <input type=\"checkbox\" id=\"cameraRental\" value=\"camera\">\r\n                <label for=\"cameraRental\">\u30bb\u30df\u30d7\u30ed\u7528\u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb<\/label>\r\n                <span class=\"option-price\">+\u00a51,000<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <button type=\"button\" class=\"calculate-btn\" id=\"calculateBtn\">\u6599\u91d1\u3092\u8a08\u7b97\u3059\u308b<\/button>\r\n    <\/form>\r\n\r\n    <div class=\"result\" id=\"result\">\r\n        <h2>\ud83d\udcb3 \u6599\u91d1\u660e\u7d30<\/h2>\r\n        <div class=\"breakdown\" id=\"breakdown\"><\/div>\r\n        <div class=\"total\">\r\n            <span class=\"total-label\">\u5408\u8a08\u91d1\u984d<\/span>\r\n            <span class=\"total-price\" id=\"totalPrice\">\u00a50<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <button type=\"button\" class=\"reserve-btn\" id=\"reserveBtn\" style=\"display: none;\">\r\n        \ud83d\udcc5 \u3053\u306e\u5185\u5bb9\u3067\u4e88\u7d04\u3059\u308b\r\n    <\/button>\r\n<\/div>\r\n\r\n<script>\r\nconst form = document.getElementById('calculatorForm');\r\nconst calculateBtn = document.getElementById('calculateBtn');\r\nconst planRadios = document.querySelectorAll('input[name=\"plan\"]');\r\nconst familyGroup = document.getElementById('familyGroup');\r\nconst familyInfo = document.getElementById('familyInfo');\r\nconst familiesInput = document.getElementById('families');\r\nconst hoursInput = document.getElementById('hours');\r\nconst cameraRental = document.getElementById('cameraRental');\r\nconst result = document.getElementById('result');\r\nconst breakdown = document.getElementById('breakdown');\r\nconst totalPrice = document.getElementById('totalPrice');\r\nconst reserveBtn = document.getElementById('reserveBtn');\r\n\r\n\/\/ \u30d7\u30e9\u30f3\u5909\u66f4\u6642\u306e\u51e6\u7406\r\nplanRadios.forEach(radio => {\r\n    radio.addEventListener('change', function() {\r\n        if (this.value === 'child') {\r\n            familyGroup.style.display = 'block';\r\n            \/\/ \u6599\u91d1\u4e00\u5f8b\u306e\u6ce8\u610f\u3092\u8868\u793a\uff08\u5fc5\u8981\u306a\u3089\uff09\r\n            familyInfo.classList.add('show');\r\n        } else {\r\n            familyGroup.style.display = 'none';\r\n            familyInfo.classList.remove('show');\r\n        }\r\n    });\r\n});\r\n\r\n\/\/ \u5bb6\u65cf\u6570\u5909\u66f4\u6642\u306e\u51e6\u7406\uff08\u2605\u8ffd\u52a0\u6599\u91d1\u306f\u306a\u3044\u304c\u3001\u6ce8\u610f\u6587\u306f\u5e38\u306b\u8868\u793a\u3067\u3082OK\uff09\r\nfamiliesInput.addEventListener('change', function() {\r\n    \/\/ \u4e00\u5f8b\u306e\u305f\u3081\u3001\u3069\u306e\u5bb6\u65cf\u6570\u3067\u3082\u540c\u3058\u6587\u8a00\u3092\u8868\u793a\r\n    familyInfo.classList.add('show');\r\n});\r\n\r\n\/\/ \u30dc\u30bf\u30f3\u30af\u30ea\u30c3\u30af\u6642\u306e\u51e6\u7406\r\ncalculateBtn.addEventListener('click', function() {\r\n    console.log('\u30dc\u30bf\u30f3\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u307e\u3057\u305f');\r\n    calculatePrice();\r\n});\r\n\r\n\/\/ \u4e88\u7d04\u30dc\u30bf\u30f3\u306e\u30af\u30ea\u30c3\u30af\u51e6\u7406\r\nreserveBtn.addEventListener('click', function() {\r\n    window.location.href = 'https:\/\/liff.line.me\/2008590271-Jpmj0v50?calendar_salon_id=20553&ts=1764751571';\r\n});\r\n\r\nfunction calculatePrice() {\r\n    console.log('calculatePrice\u95a2\u6570\u304c\u547c\u3070\u308c\u307e\u3057\u305f');\r\n    const plan = document.querySelector('input[name=\"plan\"]:checked').value;\r\n    const hours = parseInt(hoursInput.value) || 0;\r\n    const families = parseInt(familiesInput.value) || 1; \/\/ \u8868\u793a\u7528\uff08\u6599\u91d1\u306f\u5909\u308f\u3089\u306a\u3044\uff09\r\n    const hasCamera = cameraRental.checked;\r\n    \r\n    console.log('\u30d7\u30e9\u30f3:', plan, '\u6642\u9593:', hours, '\u5bb6\u65cf\u6570:', families, '\u30ab\u30e1\u30e9:', hasCamera);\r\n\r\n    let basePrice = 0;\r\n    let additionalPrice = 0; \/\/ \u2605\u4e00\u5f8b\u5316\u306e\u305f\u3081\u5e38\u306b0\r\n    let cameraPrice = 0;\r\n    let breakdownHTML = '';\r\n    let perFamilyHTML = '';\r\n\r\n    if (plan === 'normal') {\r\n        \/\/ \u4e00\u822c\u5229\u7528\r\n        basePrice = 4000 * hours;\r\n        breakdownHTML = `\r\n            <div class=\"breakdown-item\">\r\n                <span>\u4e00\u822c\u5229\u7528\uff08${hours}\u6642\u9593\uff09<\/span>\r\n                <span>\u00a5${basePrice.toLocaleString()}<\/span>\r\n            <\/div>\r\n        `;\r\n    } else {\r\n        \/\/ \u304a\u5b50\u69d8\u64ae\u5f71\u30d7\u30e9\u30f3\r\n        if (hours === 2) {\r\n            \/\/ 2\u6642\u9593\u7279\u5225\u6599\u91d1\r\n            basePrice = 5000;\r\n            breakdownHTML = `\r\n                <div class=\"breakdown-item\">\r\n                    <span>\u304a\u5b50\u69d8\u64ae\u5f71\u30d7\u30e9\u30f3\uff08${hours}\u6642\u9593\u30fb\u7279\u5225\u6599\u91d1\uff09<\/span>\r\n                    <span>\u00a5${basePrice.toLocaleString()}<\/span>\r\n                <\/div>\r\n            `;\r\n        } else {\r\n            \/\/ \u901a\u5e38\u6599\u91d1\uff081\u6642\u9593\u30013\u6642\u9593\u4ee5\u964d\uff09\r\n            basePrice = 3000 * hours;\r\n            breakdownHTML = `\r\n                <div class=\"breakdown-item\">\r\n                    <span>\u304a\u5b50\u69d8\u64ae\u5f71\u30d7\u30e9\u30f3\uff08${hours}\u6642\u9593\uff09<\/span>\r\n                    <span>\u00a5${basePrice.toLocaleString()}<\/span>\r\n                <\/div>\r\n            `;\r\n        }\r\n\r\n        \/\/ \u5bb6\u65cf\u6570\u306f\u8868\u793a\u3060\u3051\uff08\u2605\u6599\u91d1\u306f\u4e00\u5f8b\uff09\r\n        additionalPrice = 0;\r\n        breakdownHTML += `\r\n            <div class=\"breakdown-item\">\r\n                <span>\u5bb6\u65cf\u6570\uff08${families}\u5bb6\u65cf\uff09<\/span>\r\n                <span>\u8ffd\u52a0\u6599\u91d1\u306a\u3057\uff08\u5bb6\u65cf\u6570\u306b\u95a2\u308f\u3089\u305a\u540c\u4e00\u6599\u91d1\uff09<\/span>\r\n            <\/div>\r\n        `;\r\n\r\n        \/\/ 1\u5bb6\u65cf\u3042\u305f\u308a\u306e\u6599\u91d1\u8a08\u7b97\uff08\u53c2\u8003\u8868\u793a\uff1a\u5408\u8a08 \u00f7 \u5bb6\u65cf\u6570\uff09\r\n        const cameraFee = hasCamera ? 1000 : 0;\r\n        const totalForPerFamily = basePrice + additionalPrice + cameraFee;\r\n        const perFamily = Math.round(totalForPerFamily \/ families);\r\n\r\n        perFamilyHTML = `\r\n            <div class=\"per-family\">\r\n                <div class=\"per-family-label\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66 1\u5bb6\u65cf\u3042\u305f\u308a\u306e\u6599\u91d1\uff08\u53c2\u8003\uff09<\/div>\r\n                <div class=\"per-family-price\">\u00a5${perFamily.toLocaleString()}<\/div>\r\n            <\/div>\r\n        `;\r\n    }\r\n\r\n    \/\/ \u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb\u30aa\u30d7\u30b7\u30e7\u30f3\r\n    if (hasCamera) {\r\n        cameraPrice = 1000;\r\n        breakdownHTML += `\r\n            <div class=\"breakdown-item\">\r\n                <span>\ud83d\udcf7 \u30bb\u30df\u30d7\u30ed\u7528\u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb<\/span>\r\n                <span>\u00a5${cameraPrice.toLocaleString()}<\/span>\r\n            <\/div>\r\n        `;\r\n    }\r\n\r\n    const total = basePrice + additionalPrice + cameraPrice;\r\n\r\n    breakdown.innerHTML = breakdownHTML;\r\n    totalPrice.textContent = `\u00a5${total.toLocaleString()}`;\r\n\r\n    \/\/ 1\u5bb6\u65cf\u3042\u305f\u308a\u6599\u91d1\u3092\u8868\u793a\uff08\u304a\u5b50\u69d8\u64ae\u5f71\u30d7\u30e9\u30f3\u306e\u307f\uff09\r\n    const existingPerFamily = document.querySelector('.per-family');\r\n    if (existingPerFamily) existingPerFamily.remove();\r\n\r\n    if (plan === 'child' && perFamilyHTML) {\r\n        result.insertAdjacentHTML('beforeend', perFamilyHTML);\r\n    }\r\n\r\n    result.classList.add('show');\r\n\r\n    \/\/ \u4e88\u7d04\u30dc\u30bf\u30f3\u3092\u8868\u793a\r\n    reserveBtn.style.display = 'block';\r\n\r\n    \/\/ \u7d50\u679c\u307e\u3067\u30b9\u30e0\u30fc\u30ba\u306b\u30b9\u30af\u30ed\u30fc\u30eb\r\n    result.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n}\r\n\r\n\/\/ \u521d\u671f\u8868\u793a\uff08child\u304c\u30c1\u30a7\u30c3\u30af\u306a\u306e\u3067family\u8868\u793a\u3001\u6ce8\u610f\u6587\u8868\u793a\uff09\r\nfamilyGroup.style.display = 'block';\r\nfamilyInfo.classList.add('show');\r\n<\/script>\n<\/div><\/details>\n<\/div>\n\n\n\n<\/div><\/div><\/div>\r\n    <\/div>\r\n<section>\n<\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"swell_btn_cv_data":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-726858","post","type-post","status-publish","format-standard","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/posts\/726858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/comments?post=726858"}],"version-history":[{"count":7,"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/posts\/726858\/revisions"}],"predecessor-version":[{"id":727018,"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/posts\/726858\/revisions\/727018"}],"wp:attachment":[{"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/media?parent=726858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/categories?post=726858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/tags?post=726858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}