{"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\">\n\n        <!-- \u30e1\u30a4\u30f3\u30d7\u30e9\u30f3 -->\n\n        <div class=\"plans-grid\">\n\n            <!-- Plan 1 -->\n\n            <div class=\"plan-item\">\n\n                <div class=\"plan-title\">\u57fa\u672c\u6599\u91d1<\/div>\n\n                <div class=\"plan-price\">3,000<span>\u5186 \/ 1h<\/span><\/div>\n\n                <ul class=\"plan-list\">\n\n                    <li><span>\u2714<\/span> \u5168\u30c7\u30fc\u30bf\u304a\u6301\u3061\u5e30\u308a<\/li>\n\n                    <li><span>\u2714<\/span> \u5168\u30d6\u30fc\u30b9\u5229\u7528\u53ef<\/li>\n\n                <\/ul>\n                <p class=\"plan-cam-note\">\ud83d\udcf7 \u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb\u306f\u5225\u6599\u91d1\u3067\u3059<\/p>\n\n                <a href=\"https:\/\/liff.line.me\/2008590271-Jpmj0v50?calendar_salon_id=20553&#038;ts=1764751571\" class=\"plan-btn\">\u4e88\u7d04\u3059\u308b<\/a>\n\n                <div class=\"plan-deal-text\">\n\n                    2\u5bb6\u65cf\u3067\u5272\u308b\u3068 1\u5bb6\u65cf<strong>1,500\u5186<\/strong>\n\n                <\/div>\n\n            <\/div>\n\n            \n\n            <!-- Plan 2 (Recommend) -->\n\n            <div class=\"plan-item recommend\">\n\n                <span class=\"plan-badge\">\u4eba\u6c17No.1<\/span>\n\n                <div class=\"plan-title\">\u304a\u5f97\u30d7\u30e9\u30f3<\/div>\n\n                <div class=\"plan-price\" style=\"color:var(--color-primary);\">5,000<span>\u5186 \/ 2h<\/span><\/div>\n\n                <ul class=\"plan-list\">\n\n                    <li><span>\u2714<\/span> \u5168\u30c7\u30fc\u30bf\u304a\u6301\u3061\u5e30\u308a<\/li>\n\n                    <li><span>\u2714<\/span> \u5168\u30d6\u30fc\u30b9\u5229\u7528\u53ef<\/li>\n\n                <\/ul>\n                <p class=\"plan-cam-note\">\ud83d\udcf7 \u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb\u306f\u5225\u6599\u91d1\u3067\u3059<\/p>\n\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>\n\n                <div class=\"plan-deal-text\">\n\n                    2\u5bb6\u65cf\u3067\u5272\u308b\u3068 1\u5bb6\u65cf<strong>2,500\u5186<\/strong>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- \u30aa\u30d7\u30b7\u30e7\u30f3\u30a8\u30ea\u30a2 -->\n\n        <div class=\"option-area\">\n\n            <div class=\"option-grid\">\n\n                <div class=\"option-item\">\n\n                    <div class=\"option-name\">\u30bb\u30df\u30d7\u30ed\u7528\u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb<\/div>\n\n                    <div class=\"option-price\">+1,000<span>\u5186\/\u56de<\/span><\/div>\n\n                    <p class=\"option-desc\">\u6a5f\u6750\u3092\u7834\u640d\u3057\u305f\u5834\u5408\u306f\u5225\u901420,000\u5186\u9802\u304d\u307e\u3059<\/p>\n\n                <\/div>\n\n                <div class=\"option-item\">\n\n                    <div class=\"option-name\">\u672a\u6e05\u6383\u4ee3\u91d1<\/div>\n\n                    <div class=\"option-price\">+5,000<span>\u5186\/\u56de<\/span><\/div>\n\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>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n<\/div>\n<\/div>\n\n\n\n<div id=\"tab-10d54c30-1\" class=\"c-tabBody__item\" aria-hidden=\"true\">\n<p class=\"cam-lead\">\ud83d\udcf7 \u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb\u306f\u5225\u9014\u6599\u91d1\u304c\u5fc5\u8981\u3067\u3059<\/p>\n        <div class=\"lp-container\">\n        <!-- \u6642\u9593\u5225 \u6599\u91d1\u8868 -->\n        <p class=\"price-tbl-cap\">\u6642\u9593\u3054\u3068\u306e\u6599\u91d1<\/p>\n        <div class=\"price-plan\">\n        <table class=\"price-tbl\"><tbody>\n          <tr><th>1\u6642\u9593<\/th><td class=\"price-cell\"><b>4,000<\/b><span>\u5186<\/span><\/td><\/tr>\n          <tr><th>2\u6642\u9593<\/th><td class=\"price-cell\"><b>8,000<\/b><span>\u5186<\/span><\/td><\/tr>\n          <tr><th>3\u6642\u9593<\/th><td class=\"price-cell\"><b>11,000<\/b><span>\u5186<\/span><\/td><\/tr>\n          <tr><th>4\u6642\u9593<\/th><td class=\"price-cell\"><b>14,000<\/b><span>\u5186<\/span><\/td><\/tr>\n          <tr><th>5\u6642\u9593<\/th><td class=\"price-cell\"><b>17,000<\/b><span>\u5186<\/span><\/td><\/tr>\n          <tr class=\"is-pickup\"><th>1\u65e5<span class=\"pickup-tag\">\u304a\u5f97<\/span><\/th><td class=\"price-cell\"><b>25,000<\/b><span>\u5186<\/span><\/td><\/tr>\n        <\/tbody><\/table>\n        <\/div>\n\n        <!-- \u304a\u3059\u3059\u3081\u30ab\u30fc\u30c9\uff1a1\u65e5\u30d5\u30eb\u5229\u7528\uff08\u4e0b\u90e8\uff09 -->\n        <div class=\"plans-grid feature-single\">\n            <div class=\"plan-item recommend\">\n                <span class=\"plan-badge\">\u9577\u6642\u9593\u306a\u3089\u30b3\u30ec<\/span>\n                <div class=\"plan-title\">1\u65e5\u30d5\u30eb\u5229\u7528<\/div>\n                <div class=\"plan-price\" style=\"color:#d0567a;\">25,000<span>\u5186 \/ 1\u65e5<\/span><\/div>\n                <div class=\"plan-time\">\u3054\u5229\u7528\u6642\u9593\u30009:00\u301c22:00<\/div>\n                <ul class=\"plan-list\">\n                    <li><span>\u2714<\/span> \u305f\u3063\u3077\u308a\u64ae\u308c\u308b\u9577\u6642\u9593\u30d7\u30e9\u30f3<\/li>\n                <\/ul>\n                <p class=\"plan-cam-note\">\ud83d\udcf7 \u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb\u306f\u5225\u6599\u91d1\u3067\u3059<\/p>\n                <a href=\"https:\/\/liff.line.me\/2008590271-Jpmj0v50?calendar_salon_id=20553&amp;ts=1764751571\" class=\"plan-btn primary\">\u3053\u306e\u30d7\u30e9\u30f3\u3067\u4e88\u7d04<\/a>\n                <div class=\"plan-deal-text\">\n                    5\u6642\u9593\u3076\u3093\uff0b<strong>8,000\u5186<\/strong>\u30671\u65e5\u307e\u308b\u3054\u3068\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u30aa\u30d7\u30b7\u30e7\u30f3\u30a8\u30ea\u30a2 -->\n        <div class=\"option-area\">\n            <div class=\"option-grid\">\n                <div class=\"option-item\">\n                    <div class=\"option-name\">\u30bb\u30df\u30d7\u30ed\u7528\u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb<\/div>\n                    <div class=\"option-price\">+1,000<span>\u5186\/\u56de<\/span><\/div>\n                    <p class=\"option-desc\">\u6a5f\u6750\u3092\u7834\u640d\u3057\u305f\u5834\u5408\u306f\u5225\u901420,000\u5186\u9802\u304d\u307e\u3059<\/p>\n                <\/div>\n                <div class=\"option-item\">\n                    <div class=\"option-name\">\u30ec\u30bf\u30c3\u30c1 5\u679a<\/div>\n                    <div class=\"option-price\">+2,000<span>\u5186<\/span><\/div>\n                    <p class=\"option-desc\">\u30ec\u30f3\u30bf\u30eb\u30ab\u30e1\u30e9\u3054\u5229\u7528\u306e\u65b9\u9650\u5b9a\u3002\u6307\u5b9a\u306e\u5199\u771f5\u679a\u3092\u4ed5\u4e0a\u3052\u307e\u3059\u3002\u3054\u8981\u671b\u304c\u3042\u308c\u3070\u305d\u308c\u306b\u6cbf\u3063\u3066\u3001\u306a\u3051\u308c\u3070\u5f53\u5e97\u306e\u57fa\u672c\u65b9\u91dd\u3067\u30ec\u30bf\u30c3\u30c1\u3057\u307e\u3059\u3002<\/p>\n                <\/div>\n                <div class=\"option-item\">\n                    <div class=\"option-name\">\u672a\u6e05\u6383\u4ee3\u91d1<\/div>\n                    <div class=\"option-price\">+5,000<span>\u5186\/\u56de<\/span><\/div>\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>\n                <\/div>\n            <\/div>\n        <\/div>\n\n      <\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<style>\n\/* \u4e00\u822c\u5229\u7528\uff1a\u6642\u9593\u5225 \u6599\u91d1\u8868\uff08\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u3068\u540c\u3058\u88c5\u98fe\uff09 *\/\n.price-plan { max-width: 560px; margin: 0 auto; }\n.price-tbl { width:100%; border-collapse:separate; border-spacing:0; background:#fff; border-radius:16px; overflow:hidden; border:1px solid #f0e6e6; box-shadow:0 6px 20px rgba(120,90,100,.10); font-family:\"\u6e38\u660e\u671d\",\"Yu Mincho\",\"Hiragino Mincho ProN\",serif; }\n.price-tbl th, .price-tbl td { padding:18px 22px; border-bottom:1px solid #f3ebec; vertical-align:middle; }\n.price-tbl tr:last-child th, .price-tbl tr:last-child td { border-bottom:none; }\n.price-tbl th { text-align:left; font-size:1.05rem; font-weight:700; color:#5a4d44; white-space:nowrap; }\n.price-tbl .price-cell { text-align:right; color:#cf6f83; white-space:nowrap; }\n.price-tbl .price-cell b { font-size:1.7rem; font-weight:800; letter-spacing:.02em; }\n.price-tbl .price-cell span { font-size:.95rem; margin-left:2px; }\n.price-tbl tr.is-pickup { background:#fff5f8; }\n.price-tbl tr.is-pickup th, .price-tbl tr.is-pickup .price-cell b { color:#d0567a; }\n.pickup-tag { display:inline-block; margin-left:8px; background:#d0567a; color:#fff; font-size:.7rem; font-weight:700; padding:2px 9px; border-radius:999px; vertical-align:middle; }\n.price-plan .plan-btn { display:block; max-width:340px; margin:22px auto 0; text-align:center; }\n.price-tbl-cap { text-align:center; color:#8c8076; font-size:.9rem; letter-spacing:.08em; margin:4px 0 14px; }\n.feature-single { margin:34px auto 10px !important; }\n.plan-time { margin:-16px 0 24px; font-size:.92rem; font-weight:600; color:#5a4d44; display:flex; align-items:center; gap:6px; }\n.plan-time::before { content:\"\ud83d\udd58\"; font-size:1rem; }\n.plan-cam-note { width:100%; text-align:left; font-size:.78rem; color:#b56a80; margin:2px 0 16px; line-height:1.5; }\n.cam-lead { text-align:center; font-weight:700; color:#5a4d44; font-size:1rem; margin:0 auto 6px; }\n@media (max-width:480px){\n  .price-tbl th,.price-tbl td{ padding:15px 16px; }\n  .price-tbl th{ font-size:1rem; }\n  .price-tbl .price-cell b{ font-size:1.45rem; }\n}\n<\/style>\n\n\n\n<!-- \u6ce8\u610f\u4e8b\u9805\u30a8\u30ea\u30a2 -->\n\n        <div class=\"plan-notes\">\n\n            <p style=\"font-weight:bold; margin-bottom:10px;\">\u3010\u3054\u5229\u7528\u4e0a\u306e\u6ce8\u610f\u3011<\/p>\n\n            <ul>\n\n                <li>\u4fa1\u683c\u306f\u3059\u3079\u3066\u7a0e\u8fbc\u3067\u3059\u3002<\/li>\n\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>\n\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>\n\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>\n\n                <li>\u30b4\u30df\u306f\u304a\u6301\u3061\u5e30\u308a\u304f\u3060\u3055\u3044<\/li>\n\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>\n\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>\n\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>\n\n\/* \u5909\u66f4\u5f8c *\/\n\n.container {\n\n    background: #fff;\n\n    border-radius: 25px;\n\n    max-width: 800px;    \/* .option-area\u3068\u540c\u3058\u5e45\u306b\u5909\u66f4 *\/\n\n    width: 100%;         \/* \u89aa\u8981\u7d20\u3044\u3063\u3071\u3044\u306b\u5e83\u3052\u308b *\/\n\n    margin: 0 auto;      \/* \u4e2d\u592e\u5bc4\u305b *\/\n\n    padding: 45px;\n\n    border: 1px solid rgba(255, 192, 203, 0.2);\n\n    box-sizing: border-box; \/* \u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u542b\u3081\u305f\u5e45\u306b\u3059\u308b *\/\n\n}\n\n\n\nh3 {\n\n    text-align: center;\n\n    color: #d4576d;\n\n    margin-bottom: 30px;\n\n    font-size: 26px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.5px;\n\n}\n\n\n\n.form-group {\n\n    margin-bottom: 25px;\n\n}\n\n\n\nlabel {\n\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: #d4576d;\n\n    font-weight: 500;\n\n    font-size: 15px;\n\n}\n\n\n\n.radio-group {\n\n    display: flex;\n\n    gap: 20px;\n\n    margin-bottom: 15px;\n\n}\n\n\n\n.radio-option {\n\n    display: flex;\n\n    align-items: center;\n\n    cursor: pointer;\n\n}\n\n\n\n.radio-option input[type=\"radio\"] {\n\n    margin-right: 8px;\n\n    cursor: pointer;\n\n    width: 18px;\n\n    height: 18px;\n\n}\n\n\n\n.radio-option label {\n\n    margin: 0;\n\n    cursor: pointer;\n\n    font-weight: 400;\n\n}\n\n\n\n.checkbox-option {\n\n    display: flex;\n\n    align-items: center;\n\n    padding: 15px;\n\n    background: #fff5f7;\n\n    border-radius: 10px;\n\n    cursor: pointer;\n\n    transition: background 0.3s;\n\n    border: 1px solid rgba(244, 165, 183, 0.3);\n\n}\n\n\n\n.checkbox-option:hover {\n\n    background: #ffe9ed;\n\n}\n\n\n\n.checkbox-option input[type=\"checkbox\"] {\n\n    margin-right: 12px;\n\n    cursor: pointer;\n\n    width: 20px;\n\n    height: 20px;\n\n}\n\n\n\n.checkbox-option label {\n\n    margin: 0;\n\n    cursor: pointer;\n\n    font-weight: 400;\n\n    flex: 1;\n\n}\n\n\n\n.option-price {\n\n    color: #d4576d;\n\n    font-weight: 600;\n\n    margin-left: 10px;\n\n}\n\n\n\ninput[type=\"number\"] {\n\n    width: 100%;\n\n    padding: 12px;\n\n    border: 2px solid #f5d5dd;\n\n    border-radius: 10px;\n\n    font-size: 16px;\n\n    transition: border-color 0.3s;\n\n}\n\n\n\ninput[type=\"number\"]:focus {\n\n    outline: none;\n\n    border-color: #f4a5b7;\n\n}\n\n\n\nselect {\n\n    width: 100%;\n\n    padding: 12px;\n\n    border: 2px solid #f5d5dd;\n\n    border-radius: 10px;\n\n    font-size: 16px;\n\n    transition: border-color 0.3s;\n\n    background: white;\n\n    cursor: pointer;\n\n    appearance: none;\n\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\");\n\n    background-repeat: no-repeat;\n\n    background-position: right 12px center;\n\n    background-size: 20px;\n\n    padding-right: 40px;\n\n}\n\n\n\nselect:focus {\n\n    outline: none;\n\n    border-color: #f4a5b7;\n\n}\n\n\n\n.additional-info {\n\n    background: #fff5f7;\n\n    border-left: 4px solid #f4a5b7;\n\n    padding: 12px;\n\n    margin-top: 10px;\n\n    border-radius: 8px;\n\n    font-size: 13px;\n\n    color: #c94563;\n\n    display: none;\n\n}\n\n\n\n.additional-info.show {\n\n    display: block;\n\n}\n\n\n\n.calculate-btn {\n\n    width: 100%;\n\n    padding: 15px;\n\n    background: white;\n\n    color: #d4576d;\n\n    border: 2px solid #d4576d;\n\n    border-radius: 12px;\n\n    font-size: 18px;\n\n    font-weight: 500;\n\n    cursor: pointer;\n\n    transition: all 0.3s;\n\n    margin-top: 10px;\n\n    letter-spacing: 0.5px;\n\n}\n\n\n\n.calculate-btn:hover {\n\n    background: linear-gradient(135deg, #f093b0 0%, #d4576d 100%);\n\n    color: white;\n\n    border-color: #d4576d;\n\n    transform: translateY(-2px);\n\n    box-shadow: 0 10px 25px rgba(244, 165, 183, 0.4);\n\n}\n\n\n\n.calculate-btn:active {\n\n    transform: translateY(0);\n\n}\n\n\n\n.result {\n\n    margin-top: 30px;\n\n    padding: 25px;\n\n    background: linear-gradient(135deg, #fff5f7 0%, #ffe9ed 100%);\n\n    border-radius: 20px;\n\n    display: none;\n\n    border: 1px solid rgba(244, 165, 183, 0.2);\n\n}\n\n\n\n.result.show {\n\n    display: block;\n\n    animation: slideIn 0.3s ease-out;\n\n}\n\n\n\n@keyframes slideIn {\n\n    from {\n\n        opacity: 0;\n\n        transform: translateY(-10px);\n\n    }\n\n    to {\n\n        opacity: 1;\n\n        transform: translateY(0);\n\n    }\n\n}\n\n\n\n.result h2 {\n\n    color: #d4576d;\n\n    margin-bottom: 15px;\n\n    font-size: 20px;\n\n    text-align: center;\n\n    font-weight: 500;\n\n}\n\n\n\n.breakdown {\n\n    background: white;\n\n    padding: 15px;\n\n    border-radius: 10px;\n\n    margin-bottom: 15px;\n\n}\n\n\n\n.breakdown-item {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    padding: 10px 0;\n\n    color: #555;\n\n    font-size: 15px;\n\n    border-bottom: 1px solid #eee;\n\n}\n\n\n\n.breakdown-item:last-child {\n\n    border-bottom: none;\n\n}\n\n\n\n.total {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: center;\n\n    padding: 15px;\n\n    background: white;\n\n    border-radius: 10px;\n\n    font-size: 18px;\n\n    font-weight: 600;\n\n}\n\n\n\n.total-label {\n\n    color: #333;\n\n}\n\n\n\n.total-price {\n\n    color: #d4576d;\n\n    font-size: 32px;\n\n}\n\n\n\n.per-family {\n\n    background: #fff5f7;\n\n    border-left: 4px solid #f4a5b7;\n\n    padding: 15px;\n\n    margin-top: 15px;\n\n    border-radius: 12px;\n\n    text-align: center;\n\n}\n\n\n\n.per-family-label {\n\n    color: #c94563;\n\n    font-size: 14px;\n\n    margin-bottom: 5px;\n\n}\n\n\n\n.per-family-price {\n\n    color: #d4576d;\n\n    font-size: 24px;\n\n    font-weight: 600;\n\n}\n\n\n\n.reserve-btn {\n\n    width: 100%;\n\n    padding: 18px;\n\n    background: linear-gradient(135deg, #e6a4b4 0%, #d4576d 100%);\n\n    color: white;\n\n    border: none;\n\n    border-radius: 12px;\n\n    font-size: 20px;\n\n    font-weight: 500;\n\n    cursor: pointer;\n\n    transition: transform 0.2s, box-shadow 0.2s;\n\n    margin-top: 20px;\n\n    text-decoration: none;\n\n    display: block;\n\n    text-align: center;\n\n    letter-spacing: 0.5px;\n\n}\n\n\n\n.reserve-btn:hover {\n\n    transform: translateY(-2px);\n\n    box-shadow: 0 12px 28px rgba(212, 87, 109, 0.3);\n\n}\n\n\n\n.reserve-btn:active {\n\n    transform: translateY(0);\n\n}\n\n\n\n@media (max-width: 480px) {\n\n    .container {\n\n        padding: 25px;\n\n    }\n\n    .radio-group {\n\n        flex-direction: column;\n\n        gap: 10px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<div class=\"container\">\n\n    <form id=\"calculatorForm\">\n\n        <div class=\"form-group\">\n\n            <label>\u5229\u7528\u30bf\u30a4\u30d7<\/label>\n\n            <div class=\"radio-group\">\n\n                <div class=\"radio-option\">\n\n                    <input type=\"radio\" id=\"child\" name=\"plan\" value=\"child\" checked>\n\n                    <label for=\"child\">\u304a\u5b50\u69d8\u64ae\u5f71<\/label>\n\n                <\/div>\n\n                <div class=\"radio-option\">\n\n                    <input type=\"radio\" id=\"normal\" name=\"plan\" value=\"normal\">\n\n                    <label for=\"normal\">\u4e00\u822c\u5229\u7528<\/label>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"form-group\">\n\n            <label for=\"hours\">\u5229\u7528\u6642\u9593\uff08\u6642\u9593\uff09<\/label>\n\n            <select id=\"hours\" required>\n\n                <option value=\"1\">1\u6642\u9593<\/option>\n\n                <option value=\"2\">2\u6642\u9593<\/option>\n\n                <option value=\"3\">3\u6642\u9593<\/option>\n\n                <option value=\"4\">4\u6642\u9593<\/option>\n\n                <option value=\"5\">5\u6642\u9593<\/option>\n\n                <option value=\"6\">6\u6642\u9593<\/option>\n\n                <option value=\"7\">7\u6642\u9593<\/option>\n\n                <option value=\"8\">8\u6642\u9593<\/option>\n\n                <option value=\"9\">9\u6642\u9593<\/option>\n\n                <option value=\"10\">10\u6642\u9593<\/option>\n\n                <option value=\"11\">11\u6642\u9593<\/option>\n\n                <option value=\"12\">12\u6642\u9593<\/option>\n\n                <option value=\"13\">13\u6642\u9593<\/option>\n\n                <option value=\"14\">14\u6642\u9593<\/option>\n\n                <option value=\"15\">15\u6642\u9593<\/option>\n\n            <\/select>\n\n        <\/div>\n\n\n\n        <!-- \u5bb6\u65cf\u6570\u306f\u300c\u304a\u5b50\u69d8\u64ae\u5f71\u300d\u30d7\u30e9\u30f3\u3060\u3051\u8868\u793a -->\n\n        <div class=\"form-group\" id=\"familyGroup\" style=\"display: block;\">\n\n            <label for=\"families\">\u5bb6\u65cf\u6570<\/label>\n\n            <select id=\"families\">\n\n                <option value=\"1\">1\u5bb6\u65cf<\/option>\n\n                <option value=\"2\">2\u5bb6\u65cf<\/option>\n\n                <option value=\"3\">3\u5bb6\u65cf<\/option>\n\n            <\/select>\n\n\n\n            <!-- \u8ffd\u52a0\u6599\u91d1\u30eb\u30fc\u30eb\u3092\u5ec3\u6b62\u3057\u305f\u306e\u3067\u8aac\u660e\u6587\u3082\u5909\u66f4 -->\n\n            <div class=\"additional-info\" id=\"familyInfo\">\n\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\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"form-group\">\n\n            <label>\ud83d\udcf7 \u30aa\u30d7\u30b7\u30e7\u30f3<\/label>\n\n            <div class=\"checkbox-option\">\n\n                <input type=\"checkbox\" id=\"cameraRental\" value=\"camera\">\n\n                <label for=\"cameraRental\">\u30bb\u30df\u30d7\u30ed\u7528\u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb<\/label>\n\n                <span class=\"option-price\">+\u00a51,000<\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <button type=\"button\" class=\"calculate-btn\" id=\"calculateBtn\">\u6599\u91d1\u3092\u8a08\u7b97\u3059\u308b<\/button>\n\n    <\/form>\n\n\n\n    <div class=\"result\" id=\"result\">\n\n        <h2>\ud83d\udcb3 \u6599\u91d1\u660e\u7d30<\/h2>\n\n        <div class=\"breakdown\" id=\"breakdown\"><\/div>\n\n        <div class=\"total\">\n\n            <span class=\"total-label\">\u5408\u8a08\u91d1\u984d<\/span>\n\n            <span class=\"total-price\" id=\"totalPrice\">\u00a50<\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <button type=\"button\" class=\"reserve-btn\" id=\"reserveBtn\" style=\"display: none;\">\n\n        \ud83d\udcc5 \u3053\u306e\u5185\u5bb9\u3067\u4e88\u7d04\u3059\u308b\n\n    <\/button>\n\n<\/div>\n\n\n\n<script>\n\nconst form = document.getElementById('calculatorForm');\n\nconst calculateBtn = document.getElementById('calculateBtn');\n\nconst planRadios = document.querySelectorAll('input[name=\"plan\"]');\n\nconst familyGroup = document.getElementById('familyGroup');\n\nconst familyInfo = document.getElementById('familyInfo');\n\nconst familiesInput = document.getElementById('families');\n\nconst hoursInput = document.getElementById('hours');\n\nconst cameraRental = document.getElementById('cameraRental');\n\nconst result = document.getElementById('result');\n\nconst breakdown = document.getElementById('breakdown');\n\nconst totalPrice = document.getElementById('totalPrice');\n\nconst reserveBtn = document.getElementById('reserveBtn');\n\n\n\n\/\/ \u30d7\u30e9\u30f3\u5909\u66f4\u6642\u306e\u51e6\u7406\n\nplanRadios.forEach(radio => {\n\n    radio.addEventListener('change', function() {\n\n        if (this.value === 'child') {\n\n            familyGroup.style.display = 'block';\n\n            \/\/ \u6599\u91d1\u4e00\u5f8b\u306e\u6ce8\u610f\u3092\u8868\u793a\uff08\u5fc5\u8981\u306a\u3089\uff09\n\n            familyInfo.classList.add('show');\n\n        } else {\n\n            familyGroup.style.display = 'none';\n\n            familyInfo.classList.remove('show');\n\n        }\n\n    });\n\n});\n\n\n\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\n\nfamiliesInput.addEventListener('change', function() {\n\n    \/\/ \u4e00\u5f8b\u306e\u305f\u3081\u3001\u3069\u306e\u5bb6\u65cf\u6570\u3067\u3082\u540c\u3058\u6587\u8a00\u3092\u8868\u793a\n\n    familyInfo.classList.add('show');\n\n});\n\n\n\n\/\/ \u30dc\u30bf\u30f3\u30af\u30ea\u30c3\u30af\u6642\u306e\u51e6\u7406\n\ncalculateBtn.addEventListener('click', function() {\n\n    console.log('\u30dc\u30bf\u30f3\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u307e\u3057\u305f');\n\n    calculatePrice();\n\n});\n\n\n\n\/\/ \u4e88\u7d04\u30dc\u30bf\u30f3\u306e\u30af\u30ea\u30c3\u30af\u51e6\u7406\n\nreserveBtn.addEventListener('click', function() {\n\n    window.location.href = 'https:\/\/liff.line.me\/2008590271-Jpmj0v50?calendar_salon_id=20553&ts=1764751571';\n\n});\n\n\n\nfunction calculatePrice() {\n\n    console.log('calculatePrice\u95a2\u6570\u304c\u547c\u3070\u308c\u307e\u3057\u305f');\n\n    const plan = document.querySelector('input[name=\"plan\"]:checked').value;\n\n    const hours = parseInt(hoursInput.value) || 0;\n\n    const families = parseInt(familiesInput.value) || 1; \/\/ \u8868\u793a\u7528\uff08\u6599\u91d1\u306f\u5909\u308f\u3089\u306a\u3044\uff09\n\n    const hasCamera = cameraRental.checked;\n\n    \n\n    console.log('\u30d7\u30e9\u30f3:', plan, '\u6642\u9593:', hours, '\u5bb6\u65cf\u6570:', families, '\u30ab\u30e1\u30e9:', hasCamera);\n\n\n\n    let basePrice = 0;\n\n    let additionalPrice = 0; \/\/ \u2605\u4e00\u5f8b\u5316\u306e\u305f\u3081\u5e38\u306b0\n\n    let cameraPrice = 0;\n\n    let breakdownHTML = '';\n\n    let perFamilyHTML = '';\n\n\n\n    if (plan === 'normal') {\n\n        \/\/ \u4e00\u822c\u5229\u7528\n\n        basePrice = 4000 * hours;\n\n        breakdownHTML = `\n\n            <div class=\"breakdown-item\">\n\n                <span>\u4e00\u822c\u5229\u7528\uff08${hours}\u6642\u9593\uff09<\/span>\n\n                <span>\u00a5${basePrice.toLocaleString()}<\/span>\n\n            <\/div>\n\n        `;\n\n    } else {\n\n        \/\/ \u304a\u5b50\u69d8\u64ae\u5f71\u30d7\u30e9\u30f3\n\n        if (hours === 2) {\n\n            \/\/ 2\u6642\u9593\u7279\u5225\u6599\u91d1\n\n            basePrice = 5000;\n\n            breakdownHTML = `\n\n                <div class=\"breakdown-item\">\n\n                    <span>\u304a\u5b50\u69d8\u64ae\u5f71\u30d7\u30e9\u30f3\uff08${hours}\u6642\u9593\u30fb\u7279\u5225\u6599\u91d1\uff09<\/span>\n\n                    <span>\u00a5${basePrice.toLocaleString()}<\/span>\n\n                <\/div>\n\n            `;\n\n        } else {\n\n            \/\/ \u901a\u5e38\u6599\u91d1\uff081\u6642\u9593\u30013\u6642\u9593\u4ee5\u964d\uff09\n\n            basePrice = 3000 * hours;\n\n            breakdownHTML = `\n\n                <div class=\"breakdown-item\">\n\n                    <span>\u304a\u5b50\u69d8\u64ae\u5f71\u30d7\u30e9\u30f3\uff08${hours}\u6642\u9593\uff09<\/span>\n\n                    <span>\u00a5${basePrice.toLocaleString()}<\/span>\n\n                <\/div>\n\n            `;\n\n        }\n\n\n\n        \/\/ \u5bb6\u65cf\u6570\u306f\u8868\u793a\u3060\u3051\uff08\u2605\u6599\u91d1\u306f\u4e00\u5f8b\uff09\n\n        additionalPrice = 0;\n\n        breakdownHTML += `\n\n            <div class=\"breakdown-item\">\n\n                <span>\u5bb6\u65cf\u6570\uff08${families}\u5bb6\u65cf\uff09<\/span>\n\n                <span>\u8ffd\u52a0\u6599\u91d1\u306a\u3057\uff08\u5bb6\u65cf\u6570\u306b\u95a2\u308f\u3089\u305a\u540c\u4e00\u6599\u91d1\uff09<\/span>\n\n            <\/div>\n\n        `;\n\n\n\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\n\n        const cameraFee = hasCamera ? 1000 : 0;\n\n        const totalForPerFamily = basePrice + additionalPrice + cameraFee;\n\n        const perFamily = Math.round(totalForPerFamily \/ families);\n\n\n\n        perFamilyHTML = `\n\n            <div class=\"per-family\">\n\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>\n\n                <div class=\"per-family-price\">\u00a5${perFamily.toLocaleString()}<\/div>\n\n            <\/div>\n\n        `;\n\n    }\n\n\n\n    \/\/ \u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb\u30aa\u30d7\u30b7\u30e7\u30f3\n\n    if (hasCamera) {\n\n        cameraPrice = 1000;\n\n        breakdownHTML += `\n\n            <div class=\"breakdown-item\">\n\n                <span>\ud83d\udcf7 \u30bb\u30df\u30d7\u30ed\u7528\u30ab\u30e1\u30e9\u30ec\u30f3\u30bf\u30eb<\/span>\n\n                <span>\u00a5${cameraPrice.toLocaleString()}<\/span>\n\n            <\/div>\n\n        `;\n\n    }\n\n\n\n    const total = basePrice + additionalPrice + cameraPrice;\n\n\n\n    breakdown.innerHTML = breakdownHTML;\n\n    totalPrice.textContent = `\u00a5${total.toLocaleString()}`;\n\n\n\n    \/\/ 1\u5bb6\u65cf\u3042\u305f\u308a\u6599\u91d1\u3092\u8868\u793a\uff08\u304a\u5b50\u69d8\u64ae\u5f71\u30d7\u30e9\u30f3\u306e\u307f\uff09\n\n    const existingPerFamily = document.querySelector('.per-family');\n\n    if (existingPerFamily) existingPerFamily.remove();\n\n\n\n    if (plan === 'child' && perFamilyHTML) {\n\n        result.insertAdjacentHTML('beforeend', perFamilyHTML);\n\n    }\n\n\n\n    result.classList.add('show');\n\n\n\n    \/\/ \u4e88\u7d04\u30dc\u30bf\u30f3\u3092\u8868\u793a\n\n    reserveBtn.style.display = 'block';\n\n\n\n    \/\/ \u7d50\u679c\u307e\u3067\u30b9\u30e0\u30fc\u30ba\u306b\u30b9\u30af\u30ed\u30fc\u30eb\n\n    result.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n\n}\n\n\n\n\/\/ \u521d\u671f\u8868\u793a\uff08child\u304c\u30c1\u30a7\u30c3\u30af\u306a\u306e\u3067family\u8868\u793a\u3001\u6ce8\u610f\u6587\u8868\u793a\uff09\n\nfamilyGroup.style.display = 'block';\n\nfamilyInfo.classList.add('show');\n\n<\/script>\n<\/div><\/details>\n<\/div>\n\n\n\n<\/div><\/div><\/div>\n\n    <\/div>\n\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":8,"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/posts\/726858\/revisions"}],"predecessor-version":[{"id":728150,"href":"https:\/\/arina-p.co.jp\/photo\/wp-json\/wp\/v2\/posts\/726858\/revisions\/728150"}],"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}]}}