*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}@media screen and (max-width: 500px){html{font-size:56%}}@media screen and (max-width: 360px){html{font-size:50%}}body{font-size:1.6rem;line-height:1.5;font-family:'Noto Sans JP', sans-serif;position:relative;padding-top:50px;padding-bottom:120px;color:#2f353f;background:#F6F7F9;background:#fff;min-height:100vh;box-sizing:border-box;overflow-wrap:break-word}p{white-space:pre-wrap;line-height:1.9;margin-bottom:1.5rem}a{color:#675DFF;text-decoration:none}a:hover{color:#1a73e8}ul,ol{padding-left:2em}ul li,ol li{padding:0.4em 0 0.4em 0.5em}table{width:100%;border-collapse:collapse}thead{font-weight:600;text-align:left;background:#fafafa;border-bottom:solid 1px #ddd}tr{border-bottom:solid 1px #eee}th,td{padding:15px 20px}th{width:25%;font-weight:600;text-align:left}@media screen and (max-width: 500px){th,td{padding:15px 10px}}img{width:100%;height:100%;object-fit:cover;vertical-align:middle}video{width:100%;height:100%;vertical-align:middle}.H1,.H2,.H2_line,.H3{color:#000;font-weight:600}.H1{font-size:3rem;padding-bottom:20px}.H2{font-size:2.4rem;padding-bottom:15px}.H2_line{font-size:2.0rem;border-bottom:solid 1px #eee;padding:10px 0;margin-top:50px;margin-bottom:25px}.H3{font-size:1.8rem;margin-top:30px;margin-bottom:20px}.info{color:#999;font-size:1.3rem;line-height:1.6}@media screen and (max-width: 500px){.H1{font-size:2.6rem;padding-bottom:15px}.H2{font-size:2.2rem;padding-bottom:15px}}.mr_1{margin-right:10px}.mr_2{margin-right:20px}.ml_1{margin-left:10px}.ml_2{margin-left:20px}.mt_1{margin-top:10px}.mt_2{margin-top:20px}.mt_3{margin-top:30px}.mt_4{margin-top:40px}.mb_1{margin-bottom:10px}.mb_2{margin-bottom:20px}.mb_3{margin-bottom:30px}.mb_4{margin-bottom:40px}.pb_1{padding-bottom:10px}.pb_2{padding-bottom:20px}.w_100{width:100%}.wide100{width:100%}.color_key{color:#03c494}.color_white{color:#fff}.color_red{color:red}.color_purple{color:#933ee0}.marker{background:linear-gradient(transparent 70%, #ffff7f 70%);font-weight:600}.m_view{display:none}.m_hide{display:block}.t_view{display:none}.t_hide{display:block}@media screen and (max-width: 1180px){.t_view{display:block}.t_hide{display:none}}@media screen and (max-width: 500px){.m_view{display:block}.m_hide{display:none}}.container{display:flex;min-height:calc(100vh - 50px)}.main{position:relative;width:calc(100% - 250px);margin:0 auto}.main_layer{position:absolute;top:0;left:0;width:100%;height:380px;background:linear-gradient(140deg, #18c1bd 50%, #00ffc4 60%, #008b95 80%);z-index:-1}.main_area{width:100%;max-width:1000px;min-height:calc(100% - 70px);padding:3rem 2rem 4rem;margin-left:auto;margin-right:auto}@media screen and (max-width: 820px){.main{width:100vw}.main_area{padding:2rem 2rem 4rem}.main_layer{height:500px}}.wrapper{width:100%;max-width:1170px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.navbar{position:fixed;top:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;background:#091724;color:#fff;padding:0 2rem 0 1.5rem;z-index:110;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.navbar .logo{display:block;height:60%;width:auto;margin-right:20px}.navbar .logo img{width:auto;height:100%;object-fit:contain}.navbar .items{display:flex;align-items:center}.navbar .item{font-size:1.4rem;padding:7px 15px;margin:0;border-radius:7px;background:transparent;color:#fff;border:0;transition:all 0.3s}.navbar .item:hover{color:#03c494}.navbar .icon{width:35px;height:35px;font-size:1.8rem;color:#2f353f;font-weight:600;border-radius:50%;background:#F9F9F9;display:grid;place-items:center;overflow:hidden}.navbar .icon img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 500px){.navbar{padding:0 1rem}.navbar .logo{height:55%}.navbar .icon{width:30px;height:30px}}.nav_menu_btn{display:none}@media screen and (max-width: 820px){.nav_menu_btn{display:grid;place-items:center;margin-left:5px}.nav_menu_btn svg{width:28px;height:28px}}.app_name{width:250px;font-size:4.0rem;color:#fff;background:linear-gradient(130deg, #091724 35%, #00ffc4 60%, #008b95 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;text-align:center;margin:0 auto 30px}.sidebar{postion:-webkit-sticky;position:sticky;top:50px;width:250px;height:calc(100vh - 50px);color:#ccc;background:#091724;background-image:linear-gradient(140deg, #091724 60%, #000);transition:all 0.4s;overflow:hidden;z-index:101}.sidebar:hover{width:250px;box-shadow:0 4px 10px #222}.sidebar .close_btn{display:none}.sidebar_list{width:250px;padding:20px 15px 10px 0}.sidebar_list li{padding:0}.sidebar_list .row{width:100%;height:50px;color:inherit;display:flex;justify-content:center;align-items:center;border-radius:0 10px 10px 0;margin-bottom:7px}.sidebar_list .row:hover{color:#fff;cursor:pointer;background:rgba(255,255,255,0.1)}.sidebar_list .active{color:#fff;background:rgba(255,255,255,0.2)}.sidebar_list .icon{width:50px;display:grid;place-items:center}.sidebar_list svg{width:20px;height:20px}.sidebar_list .text{width:calc(100% - 50px);padding-left:5px;font-size:1.5rem}.sidebar_list li{list-style:none}.sidebar_list .close{display:none;width:100px;color:#fff;text-align:center;padding:15px;border-top:solid 2px #fff;margin:40px auto 0}@media screen and (max-width: 820px){.sidebar{position:fixed;top:0;right:-100%;width:100%;height:100vh;opacity:0;z-index:-5}.sidebar:hover{width:100%;box-shadow:none}.sidebar .close_btn{display:block}.sidebar_list{width:100%;padding:6rem 4rem 2rem}.sidebar_list .row{padding:0 0.5rem;border-radius:15px}.sidebar_list .text{font-size:1.6rem}.sidebar.active{right:0;opacity:1;z-index:1000}.sidebar.active .close{display:block}}.footer{display:flex;flex-direction:column;align-items:center;width:100%;height:70px;background:#F9F9F9;color:#999;padding:10px;font-size:1.1rem}.footer_title{font-size:1.6rem;color:#000;font-weight:600;margin-bottom:5px}.footer2{position:absolute;bottom:0;height:120px;padding:20px 10px}.footer_inner{display:flex;justify-content:center;flex-flow:row wrap;align-items:center;margin:5px 0 10px}.footer_inner a{font-size:1.2rem;color:#999;padding:5px 10px}.footer_inner a:hover{color:#000}@media screen and (max-width: 500px){.footer_inner a{padding:3px 8px}}.alert{position:fixed;z-index:2000;height:60px;top:10px;left:150px;right:150px;color:#fff;background:#000;border-radius:10px;font-size:1.5rem;font-weight:600;display:flex;justify-content:center;align-items:center;animation:alert_animate 0.3s ease}@keyframes alert_animate{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}.alert_close_btn{position:absolute;top:50%;transform:translateY(-50%);right:5px;width:50px;height:50px;border-radius:50%;font-size:2.3rem;color:#ccc;font-weight:600;display:grid;place-items:center}.alert_close_btn:hover{color:#fff}@media screen and (max-width: 820px){.alert{left:20px;right:20px}}@media screen and (max-width: 500px){.alert{top:0px;left:0px;right:0px;height:50px;padding:1rem 1rem;border-radius:0}.alert_close_btn{right:0;width:50px;height:50px}}.slideup{animation:slideup_animate 0.3s ease;top:-100px}@keyframes slideup_animate{0%{transform:translateY(100px)}100%{transform:translateY(0px)}}.alert-notice{background:#D1E7DD}.alert-alert{background:#ffedab}#error_explanation{background:#ffedab;border:solid 2px #fec50d;border-radius:7px;padding:1.5rem;margin-bottom:30px}#error_explanation ul{padding-left:1rem;margin-top:10px}button{display:inline-block;position:relative;overflow:hidden;text-align:center;padding:10px 20px;font-size:1.4rem;line-height:1;background:#fff;border-radius:30px;border:solid 1px #ccc;text-decoration:none;transition:all 0.3s}button span{display:flex;justify-content:center;align-items:center}button svg{width:20px;height:20px;margin-right:10px}button:hover{background:#F6F7F9}button:disabled{color:#000;cursor:not-allowed;background:#eee;border:solid 1px #eee;box-shadow:none}button input,button textarea{z-index:2}button::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle, #fff 10%, transparent 10%) no-repeat 50%;transform:scale(10, 10);opacity:0;transition:transform 0.3s, opacity 1s}button:active::after{transform:scale(0, 0);transition:0s;opacity:0.3}.abtn{display:inline-block;text-align:center;padding:10px 20px;font-size:1.5rem;line-height:1;border-radius:30px;border:solid 1px #ccc;text-decoration:none;transition:all 0.3s}.abtn span{display:flex;justify-content:center;align-items:center}.abtn svg{width:20px;height:20px;margin-right:10px}.btn_round{border-radius:30px}.btn{color:#fff;background:#03c494;border:solid 1px #03c494}.btn:hover{filter:brightness(1.1);background:#03c494;border:solid 1px #03c494}.btn_line{color:#03c494;background:rgba(255,255,255,0.1);border:solid 1px #03c494}.btn_line:hover{color:#00ff2c;background:rgba(255,255,255,0.2);border:solid 1px #00ff2c}.btn_white_line{color:#fff;background:transparent;border:solid 1px #fff}.btn_white_line:hover{background:rgba(255,255,255,0.1)}.btn_edit{position:relative;width:150px;color:#fff;background:#091724;font-weight:600;border:solid 1px #091724;border-radius:30px}.btn_edit:hover{color:#00ff2c;filter:brightness(1.4);background:#091724}.btn_edit svg{position:absolute;content:"";width:30px;height:30px;top:50%;right:3px;transform:translateY(-50%);margin:0}.btn_dark{color:#fff;border:none;border-radius:30px;background:#091724;padding:10px 25px}.btn_dark:hover{color:#fff;background:#091724;filter:brightness(1.5)}.btn_text{background:transparent;border:solid 1px transparent}.btn_text:hover{color:#000;background:#eee;border:solid 1px #eee;box-shadow:none}.btn_delete{color:red;background:transparent;border:solid 1px red}.btn_delete:hover{color:#fff;background:red;border:solid 1px red}.btn_icon{display:grid;place-items:center;background:#F6F7F9;border:solid 1px #F6F7F9;padding:7px 7px}.btn_icon svg{width:20px;height:20px;margin:0}.btn_icon:hover{background:#eee;border:solid 1px #eee}.btn_add{display:block;width:100%;height:50px;max-width:500px;border:solid 1px #03c494;border-radius:30px;font-size:1.8rem;color:#fff;font-weight:600;text-align:center;background:#03c494;background:linear-gradient(140deg, #03c494 60%, #00ffc4 75%, #008b95 100%);padding:10px;margin-left:auto;margin-right:auto;transition:all 0.3s}.btn_add:hover{background:linear-gradient(140deg, #03c494 60%, #00ffc4 90%);border:solid 1px #03c494;color:#fff}.btn_add span{display:flex;justify-content:center;align-items:center;vertical-align:middle;line-height:0}.btn_add svg{width:30px;height:30px;margin-right:5px}.btn_add input[type="file"]{display:none}.btn_add:focus{border:solid 1px #03c494}@media screen and (max-width: 500px){.btn_add svg{width:25px;height:25px}}.btn_clear{font-size:1.1rem;color:#999}.btn_clear:hover{color:#03c494}.clear_btn{display:block;width:100%;font-size:1.3rem;color:#ccc;background:rgba(255,255,255,0.1);border:solid 1px rgba(255,255,255,0.1);border-radius:30px}.clear_btn:hover{color:#fff;background:rgba(255,255,255,0.2)}.base_btn{display:flex;justify-content:center;align-items:center;width:100%;max-width:500px;height:50px;border:solid 2px #091724;border-radius:30px;font-size:1.6rem;text-align:center;color:#fff;font-weight:600;background:#091724;margin:0 auto}.base_btn:hover{background:#000;box-shadow:0px 3px 4px #dadbdc}.base_btn:focus{border:none}.base_btn svg{width:40px;height:40px}.all_save_btn{display:block;width:100%;height:45px;font-size:1.8rem;color:#fff;font-weight:600;background:#03c494;border:solid 1px #03c494;border-radius:8px;padding:10px}.all_save_btn:hover{filter:brightness(1.1);background:#03c494;border:solid 1px #03c494;color:#fff}.close_btn{position:absolute;top:0px;right:0px;width:50px;height:50px;border-radius:10px;font-size:3.0rem;color:#999;background:transparent;border:0;font-weight:600;display:grid;place-items:center;z-index:10}.close_btn:hover{color:#fff;background:transparent;border:0}.close_btn svg{width:45px;height:45px}.upload_btn{display:block;width:100%;max-width:500px;font-size:1.6rem;font-weight:600;text-align:center;color:#fff;background:#03c494;border:solid 1px #03c494;border-radius:8px;padding:10px 5px;margin:0 auto 20px}.upload_btn:hover{filter:brightness(1.1);border:solid 1px #03c494;color:#fff}.upload_btn span{display:flex;justify-content:center;align-items:center;vertical-align:middle}.upload_btn svg{width:35px;height:35px;margin-right:10px}.upload_btn input[type="file"]{display:none}.up_btn{position:absolute;top:0;right:0;width:45px;height:45px;border-radius:50%;background:rgba(0,0,0,0.3);border:2px solid #fff;display:grid;place-items:center;justify-content:initial}.up_btn:hover{background:rgba(0,0,0,0.5)}.up_btn svg{width:60%;height:60%;color:#fff}.up_btn input[type="file"]{display:none}@media screen and (max-width: 500px){.up_btn{width:35px;height:35px}}.ssl_btn{display:inline-block;text-align:center;padding:7px 20px;font-size:1.5rem;border-radius:30px;transition:all 0.3s;color:#fff;background:#03c494}.ssl_btn:hover{filter:brightness(1.1);color:#fff}.form_btn{display:flex;justify-content:center;align-items:center;width:100%;max-width:500px;height:60px;border:solid 2px #000;background:#000;border-radius:30px;font-size:1.7rem;color:#fff;font-weight:600;box-shadow:0 5px 10px rgba(0,0,0,0.1);margin:0 auto}.form_btn:hover{background:#000;opacity:.8;box-shadow:0 8px 15px rgba(0,0,0,0.1)}@media screen and (max-width: 500px){.form_btn{height:50px}}.remove_focus{position:fixed;top:100px;left:5px;display:inline-block;color:#fff;font-size:1.4rem;font-weight:600;background:rgba(0,0,0,0.7);border-radius:10px;border:solid 1px #fff;padding:7px 13px;z-index:10}.focus2{position:absolute;top:-40px;left:0px}.drop_btn{position:relative;display:inline-block}.drop_box{display:none;position:absolute;top:calc(100% - 5px);right:0;padding-top:10px;z-index:100}.drop_box .drop_list{background:#091724;border-radius:7px;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.drop_box .drop_title{color:#fff;font-size:1.3rem;text-align:center;border-bottom:solid 0.5px rgba(255,255,255,0.2);padding:0px 0 8px;margin-bottom:15px}.drop_box .drop_item{display:block;width:100%;color:#eee;font-size:1.4rem;padding:8px 13px;border-radius:5px;transition:all 0.2s;white-space:nowrap}.drop_box .drop_item:hover{color:#fff;background:rgba(255,255,255,0.2)}.drop_box .drop_item span{display:flex;align-items:center}.drop_box .drop_item svg{width:17px;height:17px;margin-right:10px}.drop_box label{color:#eee;font-weight:normal;margin-bottom:0}.drop_box .range_spin{margin:0px 0 10px}.drop_box .account_name{padding:15px;color:#fff;font-size:2.0rem;font-weight:600;border-bottom:solid 0.5px #999;margin-bottom:10px}.drop_box .account_email{color:#eee;font-size:1.2rem;font-weight:normal;margin-top:5px}.drop_box_center{right:50%;transform:translateX(50%)}.drop_btn:hover .drop_box{display:block}.range_drop{width:100%}.range_drop .drop_box{top:70px;right:50%;transform:translateX(50%);padding:0}.range_drop .drop_box .drop_list{background:#fff}.range_drop .drop_box .drop_item{color:#000;padding:3px 13px;text-align:center}.range_drop .drop_box .drop_item:hover{color:#fff;background:#091724}.range_drop .drop_box .drop_item.active{color:#fff;background:#091724}.btn_spinner{width:25px;height:25px;border-radius:50%;border:3px solid rgba(255,255,255,0.6);border-top-color:rgba(255,255,255,0);margin-right:10px;animation:btn_spinner 1.5s linear infinite}@keyframes btn_spinner{to{transform:rotate(360deg)}}.aside_right{display:block;margin:0 0 0 auto}.badge{display:inline-block;background:#f6f7f9;font-size:1.3rem;line-height:1;border-radius:30px;padding:6px 15px;margin-right:8px;margin-bottom:5px}.badge_key{background:#03c494;color:#fff}.badge_dark{background:#091724;color:#fff}.badge_purple{background:#675DFF;color:#fff}.file_badge{display:inline-block;background:#fff;border:solid 1px #091724;color:#091724;font-size:1.2rem;line-height:1.2;border-radius:8px;padding:6px 10px;margin:0}@media screen and (max-width: 500px){.badge{font-size:1.2rem}}.advice_box{width:100%;font-size:1.5rem;color:#933ee0;background:#f2eefc;font-weight:600;border:solid 1px #933ee0;border-radius:15px;padding:1.5rem 2rem}@media screen and (max-width: 500px){.advice_box{font-size:1.4rem}}.tooltip{position:relative}.tooltip_text{display:none;position:absolute;top:47px;left:50%;transform:translateX(-50%);background:#091724;color:#fff;font-size:1.3rem;text-align:center;white-space:nowrap;border-radius:5px;padding:10px 20px;box-shadow:0px 2px 3px rgba(0,0,0,0.2);z-index:50}.tooltip_text:before{content:'';position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:8px solid transparent;border-bottom:10px solid #091724}.tooltip:hover .tooltip_text{display:inline-block}.loader_wrapper{position:fixed;top:0;left:0;width:100VW;height:100vh;background:rgba(0,0,0,0.9);display:flex;justify-content:center;align-items:center;z-index:1000}.loader{width:100px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side, #6bf683 94%, rgba(0,0,0,0)) top/8px 8px no-repeat,conic-gradient(rgba(0,0,0,0) 30%, #6bf683);-webkit-mask:radial-gradient(farthest-side, rgba(0,0,0,0) calc(100% - 8px), #000 0);animation:loader_animation 1s infinite linear}@keyframes loader_animation{100%{transform:rotate(1turn)}}@media screen and (max-width: 500px){.loader{width:80px}}input,textarea{display:block;position:relative;width:100%;padding:0;margin:0;border:0;outline:0;background:inherit;font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;text-align:inherit;text-shadow:inherit}input:focus,textarea:focus{border-bottom:1px dashed #00ff2c}textarea{resize:none}textarea::-webkit-scrollbar{width:0}label{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:600;margin-bottom:8px}.input{font-size:1.5rem;width:100%;color:#2f353f;background:#fff;border:solid 1px #ccc;border-radius:8px;padding:1rem 1.5rem;margin-bottom:30px}.input:hover{border:solid 1px #03c494}.input:focus{border:solid 1px #03c494;box-shadow:0 0 2px 1px #03c494}.items_bar .input:focus,.items_bar .selectbox select:focus,.edit_sidebar .input:focus,.edit_sidebar .selectbox select:focus{box-shadow:0 0 0 2px #03c494}.input.error{border:solid 1px red}.input.error:hover{border:solid 1px red}.input.error:focus{border:solid 1px red;box-shadow:0 0 0 2px red}.input_lg{font-size:1.8rem;font-weight:600;border-radius:10px;padding:10px 20px;margin-bottom:5px}.input_code{background:#3a3f45;border:solid 1px #222529;color:#fff;font-family:'Roboto', sans-serif;letter-spacing:1px;line-height:180%}@media screen and (max-width: 500px){label{font-size:1.4rem}.input_lg{font-size:1.6rem;padding:10px 15px;margin-bottom:20px}}.input_number{display:inline-block;width:55px;font-size:1.4rem;border-radius:5px;padding:2px 8px;margin:0 5px 0 0}.radio_box{display:inline-block;align-items:center;margin-bottom:30px}.radio_box input{display:none}.radio_box label{display:inline-block;font-weight:normal;border:solid 1px #ccc;border-radius:30px;margin-right:10px;padding:5px 15px}.radio_box label:hover{color:#fff;background:rgba(255,255,255,0.1)}.radio_box .is_on{color:#fff;background:#03c494;border:1px solid #03c494}.radio_box .is_on:hover{color:#fff;background:#03c494;border:1px solid #03c494}.input_fields{display:flex;flex-flow:row wrap;justify-content:space-between}.input_fields .field_2{width:calc(100% / 2 - 30px)}.input_fields .field_3{width:calc(100% / 3 - 30px)}@media screen and (max-width: 500px){.input_fields .field_2,.input_fields .field_3{width:100%}}@container (width < 500px){.input_fields .field_2,.input_fields .field_3{width:100%}}.input_inline{display:flex;width:100%}.input_inline .input{width:auto;margin:0}.form_box{display:block;width:100%;max-width:550px;background:#fff;border-radius:10px;padding:5rem 6rem;margin:0px auto 40px;box-shadow:0px 0px 4px rgba(0,0,0,0.08),0px 10px 30px rgba(0,0,0,0.1)}.form_box .logo{display:block;width:55%;height:120px;margin:0 auto 20px}.form_box a{font-size:1.4rem;color:#2f353f}.form_box a:hover{color:#03c494}.form_box .radio_box{display:flex;justify-content:left;align-items:center;background:#fff;border-radius:10px;width:175px}.form_box .radio_box input{display:inline-block;width:50px}.form_box .radio_box .input{background:#F9F9F9}.form_box .radio_box label{display:inline-block;border:none;padding:10px 7px;border-radius:0 10px 10px 0;margin:0;width:100%}.form_box .radio_box label:hover{border:none;background:#fff;color:#000}@media screen and (max-width: 500px){.form_box{padding:4rem 3rem;width:calc(100% - 30px);margin:0 auto 40px}.form_box .logo{height:85px;margin:0 auto 10px}}.form_field{margin-bottom:30px}.form_field input,.form_field textarea,.form_field .radio_box,.form_field .spin_btn{margin:0px}form p,.form_field p{color:#999;font-size:1.3rem;line-height:1.6;margin-top:5px}.spin_btn{display:flex;justify-content:space-between;width:100%;max-width:400px;background:#fff;border:solid 1px #ccc;border-radius:8px;margin-bottom:30px;overflow:hidden}.spin_btn:hover{border:solid 1px #03c494}.spin_btn input{border:none;border-radius:0;text-align:center;border-left:solid 1px #eee;border-right:solid 1px #eee;padding:1rem 0.5rem;margin:0 0.5rem}.spin_btn input:hover{border:none;border-left:solid 1px #eee;border-right:solid 1px #eee}.spin_btn input:focus{border:none;border-left:solid 1px #eee;border-right:solid 1px #eee;box-shadow:none;outline:0}.spin_btn input::-webkit-inner-spin-button,.spin_btn input::-webkit-outer-spin-button{-webkit-appearance:none !important;margin:0 !important;-moz-appearance:textfield !important}.spin_btn span{display:grid;place-items:center;width:70px;height:inherit;color:#2f353f;background:#fff}.spin_btn span:hover{background:#eee}.spin_btn span svg{width:20px;height:20px}.range_spin{width:100%;align-items:center;background:transparent;border:none;border-radius:0;margin:20px 0 30px}.range_spin:hover{border:none}.range_spin input{width:calc(100% - 50px)}.range_spin span{width:25px;height:25px;border-radius:50%;color:#ccc;background:rgba(255,255,255,0.1)}.range_spin span:hover{color:#fff;background:rgba(255,255,255,0.2)}.selectbox{position:relative;width:100%;margin-bottom:30px}.selectbox::before,.selectbox::after{position:absolute;content:'';pointer-events:none}.selectbox::before{display:inline-block;right:0;width:40px;height:100%;border-radius:0 8px 8px 0}.selectbox::after{top:50%;right:23px;transform:translate(50%, -50%) rotate(45deg);width:6px;height:6px;border-bottom:2px solid #2f353f;border-right:2px solid #2f353f}.selectbox select{appearance:none;width:100%;font-size:1.5rem;padding:1.3rem 1.5rem;border-radius:8px;background:#fff;border:solid 1px #ccc;cursor:pointer}.selectbox select:hover{border:solid 1px #03c494}.selectbox select:focus{border:solid 1px #03c494;box-shadow:0 0 2px 1px #03c494;outline:0}.check_box{margin-bottom:3rem;display:flex;align-items:center;width:fit-content;border:solid 1px #ccc;border-radius:5px;padding:5px 10px}.check_box:hover{background:#fafafa;border:solid 1px #03c494}.check_box input{width:fit-content;margin-bottom:0;margin-right:10px}.check_box label{font-weight:500;margin-bottom:0}input[type="datetime-local"]{-webkit-appearance:none}.modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;height:100vh;background:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center;padding:2rem}.modal .close_btn{position:absolute;top:0px;right:0px;width:45px;height:45px;color:#fff;display:grid;place-items:center}.modal .close_btn:hover{color:#ccc}.modal_window{position:relative;width:100%;max-width:850px;max-height:100vh;animation:modal_animate 0.7s ease}.modal_content{overflow-y:auto;height:100%;max-height:calc(100vh - 100px);padding:3rem 4rem;background:#fff}.modal_content::-webkit-scrollbar{width:5px}.modal_content::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.modal_content::-webkit-scrollbar-thumb{background-color:#03c494;border-radius:10px}.modal_btn_area{width:100%;height:80px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.8);z-index:1000}.modal_btn_area button{width:250px;height:50px;font-weight:600;font-size:1.6rem;border-radius:0px;margin:0 10px}.modal_btn_area button:hover{opacity:.8}.modal_btn_area .delete_btn{color:#fff;background:red;border:solid 1px #fff}.modal_btn_area .back_btn{color:#fff;background:#bbb;border:solid 1px #fff}.modal_img .modal_window{max-width:100%;text-align:center}.modal_img .modal_content{overflow:visible;background:transparent;padding:0;max-height:calc(100vh - 150px);display:flex;justify-content:center}.modal_img img,.modal_img video{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.modal_img .modal_btn_area{background:transparent;border:none}.modal_delete{position:absolute;height:100%}.modal_delete .modal_window{max-width:1000px;box-shadow:0 0 10px 5px #eee}.modal_delete .modal_content{padding:0;max-height:calc(100vh - 160px)}.modal_delete .block_menu,.modal_delete .part_menu,.modal_delete .part_submenu,.modal_delete .items_bar{display:none}@keyframes modal_animate{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0px);opacity:1}}@media screen and (max-width: 500px){.modal_content{padding:3rem 2rem}.modal_img img,.modal_img video{width:100%}}.toast{position:fixed;z-index:1001;top:20px;right:20px;background:#fff;box-shadow:0px 4px 10px #ccc;min-width:350px;max-width:90%;border-radius:5px;padding:1rem 1rem 1rem 2rem;display:flex;justify-content:center;align-items:center;animation:toast_animate 0.4s ease}@keyframes toast_animate{0%{transform:translateY(-100px)}30%{transform:translateY(20px)}100%{transform:translateY(0px)}}.toast .toast_message{flex:calc(100% - 50px);font-size:1.6rem;font-weight:600;display:grid;place-items:center}.toast .close_btn{position:static;width:45px;height:45px;border-radius:50%;font-size:3.0rem;color:#999;font-weight:600}.toast .close_btn:hover{color:#000}@media screen and (max-width: 500px){.toast{top:10px;left:10px;right:10px;min-width:auto;max-width:100%;padding:1rem}}.topic_path{display:flex;align-items:center;margin-bottom:20px;color:#2f353f}.topic_path a{display:flex;align-items:center;color:#2f353f;font-size:1.5rem}.topic_path a:hover{color:#675DFF}.topic_path svg{width:18px;height:18px;margin-right:5px}.headline_field{display:flex;justify-content:space-between;align-items:center}.product_badge_box{margin-bottom:40px}.product_badge{display:inline-block;background:#091724;color:#fff;font-size:1.5rem;line-height:1;border-radius:30px;padding:10px 20px;margin-bottom:10px;margin-right:15px}.product_badge a{color:#03c494}.product_badge a:hover{color:#00ff2c}.base_area{width:100%;background:#fff;border-radius:30px;padding:6rem 7rem 6rem;margin-bottom:30px}.base_area .radio_box label:hover{color:#fff;background:#03c494;border:solid 1px #03c494}.base_area .radio_box .is_on{color:#fff;background:#03c494;border:1px solid #03c494}.base_box{width:100%;border-radius:20px;background:#fff;padding:3rem;margin-bottom:30px;box-shadow:0px 0px 4px rgba(0,0,0,0.04),0px 8px 16px rgba(0,0,0,0.08)}.productid_input_box{display:flex;align-items:center;font-size:1.8rem;color:#00ff2c;background:#091724;border-radius:40px;padding:10px 30px;margin-bottom:10px}.productid_input_box .input{margin:0 10px}@media screen and (max-width: 500px){.product_badge_box{margin-bottom:20px}.product_badge{padding:8px 15px;margin-bottom:10px;margin-right:10px}.base_area{padding:3rem;border-radius:20px}.base_box{padding:2.5rem}.productid_input_box{font-size:1.6rem;border-radius:20px;padding:7px 15px}.productid_input_box .input{margin:0 5px}}.product_menu{display:flex;flex-flow:row wrap;width:100%;gap:20px;margin-bottom:50px}.product_menu_btn{display:block;width:calc(100% / 4 - 15px);color:#999;background:#fff;font-size:1.2rem;border-radius:15px;padding:1.5rem;box-shadow:0px 0px 4px rgba(0,0,0,0.04),0px 8px 16px rgba(0,0,0,0.08)}.product_menu_btn .btn_title{font-size:1.7rem;color:#2f353f;font-weight:600;margin-bottom:5px}.product_menu_btn:hover{color:#999;outline-offset:4px;outline:4px solid #fff}.product_menu_btn_active{outline-offset:4px;outline:4px solid #fff}@media screen and (max-width: 500px){.product_menu{gap:15px;margin-bottom:20px}.product_menu_btn{width:100%}}.contact_form{width:100%;max-width:900px;background:#F9F9F9;border-radius:5px;padding:5rem 8rem 2rem;margin:10px auto 50px;box-shadow:0 0 30px rgba(0,0,0,0.1)}.contact_form .form_title{font-size:4rem;letter-spacing:1.5rem;text-indent:1.5rem;font-weight:normal;text-align:center;margin-bottom:35px}.contact_form .form_title span{display:block;font-size:1.5rem;letter-spacing:1rem;text-indent:1rem;color:#ccc;margin-top:10px}.contact_form p{font-size:1.3rem}.form_notice{font-size:1.4rem;text-align:center;border-top:solid 1px #eee;padding:2.5rem 0;margin-top:40px}@media screen and (max-width: 500px){.contact_form{padding:4rem 3rem 1rem}.contact_form .form_title{font-size:2.6rem;margin-bottom:30px}.contact_form p{font-size:1.2rem}.form_notice{font-size:1.2rem;margin-top:30px}}@container (width < 500px){.contact_form{padding:4rem 3rem 1rem}.contact_form .form_title{font-size:2.6rem;margin-bottom:30px}.contact_form p{font-size:1.2rem}.form_notice{font-size:1.2rem;margin-top:30px}}.nav_menu{display:flex;justify-content:space-between;background:#fff;border-radius:30px;padding:5px;margin-bottom:25px;box-shadow:inset 5px 5px 10px #ddddde, inset -5px -5px 10px #F9F9F9}.nav_menu a{display:flex;align-items:center;justify-content:center;color:#000;font-weight:600;font-size:1.4rem;line-height:1;border-radius:30px;padding:10px 5px;flex-grow:5;transition:all 0.3s}.nav_menu a:hover{background:#ddd}.nav_menu svg{width:20px;height:20px;margin-right:7px}.nav_menu .active{color:#fff;background:#091724}.nav_menu .active:hover{color:#fff;background:#091724;filter:brightness(1.4)}@media screen and (max-width: 1180px){.nav_menu a{font-size:1.2rem}.nav_menu svg{width:17px;height:17px;margin-right:5px}}@media screen and (max-width: 500px){.nav_menu{flex-flow:row wrap;border-radius:15px;padding:5px}.nav_menu a{font-size:1.4rem;width:calc(100% / 3);border-radius:10px;padding:7px 5px}.nav_menu svg{display:none}.nav_menu .active{border-radius:10px}}.tab_menu{display:flex;justify-content:space-between;flex-flow:row wrap;border-radius:15px;padding:5px;margin-bottom:30px;background:#F6F7F9;box-shadow:inset 5px 5px 10px #ddddde, inset -5px -5px 10px #F9F9F9}.tab_menu .tab_menu_btn{display:flex;align-items:center;justify-content:center;width:calc(100% / 6 - 5px);color:#000;font-size:1.4rem;line-height:1;font-weight:600;background:transparent;border-radius:10px;border:solid 1px transparent;padding:8px 0;margin:0;transition:all 0.3s}.tab_menu .tab_menu_btn:hover{background:#ddd;border:solid 1px #ddd;box-shadow:none}.tab_menu .tab_menu_btn.active{color:#fff;font-weight:600;background:#091724;border:solid 1px #091724}.tab_menu .tab_menu_btn.active:hover{background:#091724;filter:brightness(1.4)}@media screen and (max-width: 500px){.tab_menu .tab_menu_btn{width:calc(100% / 3 - 5px);font-size:1.4rem}}.product_card_box{position:relative}.new_product_card{width:100%;border-radius:30px;background:#fff;padding:2rem;margin-bottom:30px;box-shadow:0px 0px 4px rgba(0,0,0,0.05),0px 8px 16px rgba(0,0,0,0.1)}.product_card{display:flex;justify-content:space-between;flex-flow:row wrap;width:100%;border-radius:30px;background:#fff;padding:2rem;margin-bottom:25px;box-shadow:0px 0px 4px rgba(0,0,0,0.05),0px 8px 16px rgba(0,0,0,0.1)}.product_card .card_img{position:relative;width:20%;aspect-ratio:3/2;aspect-ratio:16 / 9}.product_card .card_img img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:15px;background:#f6f7f9}.product_card .card_body{width:80%;padding-left:2.5rem}.product_card .card_title{font-size:2.0rem;font-weight:600;margin-bottom:10px}.product_card .item{display:inline-block;font-size:1.7rem;margin-right:40px;margin-bottom:30px}.product_card .item_title{font-size:1.4rem;color:#ccc;font-weight:600}.product_card .btn_box{display:flex;justify-content:space-between;flex-flow:row wrap;color:#999;font-size:1.4rem;margin-top:10px}.product_card .date_box{display:flex;justify-content:space-between;align-items:end;flex-grow:5}.product_card .btn_edit{width:180px;margin-left:10px}@media screen and (max-width: 500px){.new_product_card{padding:2.5rem}.product_card{padding:2.5rem}.product_card .card_img{width:100%}.product_card .card_body{width:100%;padding:1.5rem 0 0}.product_card .btn_box{margin-top:0}.product_card a{width:100%}.product_card .btn_edit{width:100%;font-size:1.6rem;margin:15px 0 0}}.new_page_btns{display:flex;flex-flow:row wrap;margin-bottom:30px}.new_page_btns button{font-size:1.6rem;font-weight:600;margin-right:15px;box-shadow:0px 3px 4px rgba(0,0,0,0.1)}.new_page_btns .abtn{font-size:1.6rem;font-weight:600;color:#03c494;background:#fff;border:solid 2px #03c494;box-shadow:0px 3px 4px rgba(0,0,0,0.1)}.new_page_btns .abtn:hover{color:#fff;background:#03c494}.page_card_box{border-radius:30px;background:#fff;margin-bottom:40px;box-shadow:0px 0px 4px rgba(0,0,0,0.05),0px 8px 16px rgba(0,0,0,0.1)}.page_card{display:flex;justify-content:space-between;flex-flow:row wrap;width:100%;border-bottom:solid 1px #eee;padding:2.0rem}.page_card .card_img{position:relative;width:20%;aspect-ratio:16 / 9}.page_card .card_img img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:15px;background:#f6f7f9}.page_card .card_body{width:80%;padding-left:2.5rem}.page_card .card_title{font-size:2.0rem;font-weight:600;margin-bottom:10px}.page_card .item{display:inline-block}.page_card .item_title{display:inline}.page_card .btn_box{display:flex;justify-content:space-between;flex-flow:row wrap;font-size:1.4rem;color:#999;margin-top:10px}.page_card .date_box{display:flex;justify-content:space-between;align-items:end;flex-grow:5}.page_card .btn_edit{width:180px;margin-left:10px}.page_card .abtn{display:block;max-width:300px;font-weight:600;margin:15px auto 0}.page_card:last-of-type{border:none}@media screen and (max-width: 500px){.new_page_btns button{font-size:1.8rem;width:100%;margin:0 0 10px}.new_page_btns .abtn{font-size:1.8rem;width:100%}.page_card{padding:2.5rem}.page_card .card_img{width:100%}.page_card .card_body{width:100%;padding:1.5rem 0 0}.page_card .btn_box{margin-top:0}.page_card a{width:100%}.page_card .btn_edit{width:100%;font-size:1.6rem;margin:15px 0 0}}.img_list{width:100%;display:flex;flex-flow:row wrap;border-radius:15px;background:#fff;margin-top:30px;gap:15px}.img_list .item{position:relative;width:calc(100% / 5 - 12px);aspect-ratio:4/3;box-sizing:border-box;background:#f9f9f9;display:grid;place-items:center}.img_list .item img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.1)}.img_list .item img:hover{filter:brightness(70%)}.img_list .item .img_size{position:absolute;top:2px;left:5px;font-size:1.2rem;color:red}.img_list .item .delete_btn{display:none;position:absolute;bottom:10px;right:10px;font-size:1.3rem;color:#fff;font-weight:600;border:solid 1px #fff;background:red;border-radius:30px;padding:7px 10px;z-index:3}.img_list .item:hover .delete_btn{display:block}@media screen and (max-width: 500px){.img_list{gap:9px}.img_list .item{width:calc(100% / 3 - 6px)}}.menu_title_area{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.menu_title_area button{margin-left:auto;margin-right:5px;flex-shrink:0}.menu_title_area input{margin:0 10px 0 0}.menu_title{font-size:2rem;font-weight:600}.menu_edit{background:#F9F9F9;border:solid 1px #eee;border-radius:15px;padding:2rem;margin-bottom:30px}.menu_item{background:#f6f7f9;border-radius:20px;padding:10px 10px 10px 30px;margin-bottom:15px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.menu_item .btn_text{flex-shrink:0}.menu_item_top{display:flex;justify-content:space-between;align-items:center}.menu_item_title{font-size:1.6rem;font-weight:600;white-space:nowrap;overflow:hidden}.menu_item_link{font-size:1.5rem;font-weight:normal;padding-left:30px}.menu_item_edit{padding:2rem;margin-top:10px;background:#fff;border-radius:15px}@media screen and (max-width: 500px){.menu_item{padding:7px 7px 7px 15px}.menu_item_title{font-size:1.5rem}.menu_item_link{padding-left:15px}.menu_item_edit{padding:15px 10px 10px;margin-top:10px}}.block_card_box{border-radius:30px;margin-top:30px}.block_card{display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;align-items:center;background:#f6f7f9;border-radius:30px;padding:15px 15px 15px 30px;margin-bottom:20px;box-shadow:0 2px 3px rgba(0,0,0,0.1)}.block_card .card_title{display:inline-block;font-size:1.7rem;font-weight:600;margin-right:15px}.block_card .badge{margin:0 0 0 15px}@media screen and (max-width: 500px){.block_card{border-radius:20px;padding:2.5rem 2rem 2rem}.block_card .card_title{width:100%;margin:0 0 20px}.block_card a,.block_card button{width:100%}}.edit_area{display:flex;width:100%}.edit_main{width:calc(100% - 320px);padding:15px 0px 40px;overflow:hidden}.edit_sidebar{postion:-webkit-sticky;position:sticky;top:50px;width:320px;height:calc(100vh - 50px);background:#091724;color:#ccc;z-index:20}.edit_sidebar button{border-radius:30px}.sidebar_title{position:relative;width:100%;font-size:1.6rem;font-weight:600;color:#fff;border-left:5px solid #fff;padding:5px 0 5px 15px;margin-bottom:30px}.sidebar_title .close_btn{position:absolute;top:50%;transform:translateY(-50%);width:35px;height:35px}.sidebar_title .close_btn svg{width:100%;height:100%}.edit_sidebar_top{display:none}.sidebar_toggle_btn{position:absolute;bottom:0;left:0;width:100%;height:50px;border-top:0.5px solid #eee;display:grid;place-items:center;background:#091724}.sidebar_toggle_btn:hover{background:#082947}.edit_sidebar_inner{width:100%;height:calc(100% - 50px);padding:20px;overflow-y:auto}.edit_sidebar_inner .radio_box{width:100%;display:flex;flex-wrap:wrap;gap:10px 10px}.edit_sidebar_inner .radio_box label{flex-grow:1;text-align:center;margin:0;border:0;background:rgba(255,255,255,0.1)}.edit_sidebar_inner .radio_box label:hover{border:0;background:rgba(255,255,255,0.2)}.edit_sidebar_inner .radio_box .is_on{background:#03c494;border:0}.edit_sidebar_inner .radio_box .is_on:hover{color:#fff;background:#03c494;border:0}.edit_sidebar_inner::-webkit-scrollbar{width:7px}.edit_sidebar_inner::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.edit_sidebar_inner::-webkit-scrollbar-thumb{background-color:#eee;border-radius:10px}@media screen and (max-width: 821px){.edit_main{width:100%;padding:15px 0px 70px}.edit_sidebar{width:100%;position:fixed;top:calc(100vh - 50px);bottom:0;transition:all 0.3s}.sidebar_title{border-left:3px solid #fff;padding:0 0 0 10px}.sidebar_title .close_btn{width:30px;height:30px}.edit_sidebar_top{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;padding:10px}.edit_sidebar_top button,.edit_sidebar_top a{width:calc(100% /2 - 5px);height:100%;padding:0;border-radius:5px;font-size:1.4rem;font-weight:600}.edit_sidebar_top .toggle_btn{display:block;color:#03c494;background:transparent;border:solid 1px #03c494}.edit_sidebar_inner{height:calc(100vh - 110px)}}.page_edit_links{background:rgba(255,255,255,0.1);border-radius:5px}.page_edit_links a{display:block;color:#ccc;border-bottom:0.5px solid rgba(255,255,255,0.1);padding:7px 10px;font-size:1.2rem}.page_edit_links a:hover{color:#fff;background:rgba(255,255,255,0.2)}.items_bar{position:fixed;top:50px;bottom:0;right:0;width:320px;height:calc(100% - 50px);background:#091724;color:#ccc;z-index:100;text-align:left;font-weight:normal;font-family:'Noto Sans JP', sans-serif;animation:items_bar 0.4s ease-out}.items_bar .sidebar_title{margin-bottom:20px}.items_bar .tab_menu{padding:3px;border-radius:8px;margin-bottom:30px}.items_bar .tab_menu .tab_menu_btn{width:calc(100% / 2 - 5px);font-size:1.3rem;border-radius:6px}@keyframes items_bar{0%{transform:translateX(70px);opacity:0}100%{transform:translateX(0);opacity:1}}.items_bar_top{position:absolute;top:0;left:0;width:100%;height:70px;padding:2rem}.items_bar_bottom{position:absolute;bottom:0;left:0;width:100%;background:#091724;border-top:0.5px solid #eee;padding:1.5rem 2rem;display:none;z-index:5}.save_btn{width:100%;height:40px;background:#03c494;color:#fff;font-size:1.5rem;font-weight:600;border:1px solid #03c494;padding:0;border-radius:30px;display:grid;place-items:center}.save_btn:hover{filter:brightness(1.1);background:#03c494}.add_copy_btn{background:#fff;color:#2f353f;border:1px solid #fff}.add_copy_btn:hover{color:#fff;border:1px solid #03c494;background:#03c494}.items_box{position:absolute;top:70px;left:0;width:100%;height:calc(100% - 70px);overflow-y:auto;overflow-x:hidden;padding:1rem 2rem 3rem}.items_box .item{display:inline-block;position:relative;width:calc(100% / 2 - 5px);box-sizing:border-box;padding:0;margin-bottom:10px}.items_box .item.active .img_box{outline-offset:3px;outline:4px solid #fff}.items_box .img_box{width:100%;aspect-ratio:16 / 9;border-radius:5px;background:#eee;color:#000;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.items_box .img_box:hover{background:#ddd}.items_box .img_box .image{border-radius:0;border:none}.items_box .img_box svg{width:35px;height:35px}.items_box .item_w{display:block;position:relative;width:100%;padding:10px 15px;margin-bottom:15px;border:solid 1px #eee;border-radius:8px;box-sizing:border-box}.items_box .item_w:hover{border:1px solid #03c494}.items_box .item_w.active{border:1px solid #03c494;box-shadow:0 0 0 4px #03c494}.items_box input[type=radio]{position:absolute;top:1px;left:0;width:15px;z-index:3;display:none}.items_box ul{padding-top:0.5rem;padding-left:1rem}.items_box ul li{font-size:1.3rem;font-weight:normal;padding:0.3rem 0}.items_box .input_fields .field_2{width:calc((100% - 20px) / 2)}.items_box .radio_box{width:100%;display:flex;flex-wrap:wrap;gap:10px 10px}.items_box .radio_box label{flex-grow:1;text-align:center;margin:0;border:0;background:rgba(255,255,255,0.1)}.items_box .radio_box label:hover{border:0;background:rgba(255,255,255,0.2)}.items_box .radio_box .is_on{background:#03c494;border:0}.items_box .radio_box .is_on:hover{color:#fff;background:#03c494;border:0}.items_box::-webkit-scrollbar{width:7px}.items_box::-webkit-scrollbar-track{border-radius:10px}.items_box::-webkit-scrollbar-thumb{background-color:#eee;border-radius:10px}@media screen and (max-width: 500px){.items_bar{top:auto;width:100%;height:50%}.items_bar .sidebar_title{margin-bottom:10px}@keyframes items_bar{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0);opacity:1}}.items_bar_top{padding:1.5rem 2rem;height:50px}.items_bar_bottom{padding:10px 2rem}.items_box{top:50px;padding:1rem 8rem 2rem 2rem;height:calc(100% - 50px)}}.img_preview img,.img_preview video{width:100%;border-radius:7px;margin-bottom:10px}.img_preview .input{font-size:1.2rem;border:0px;color:#fff;background:rgba(0,0,0,0);padding:3px 0;margin-bottom:10px}.select_type{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:flex-start}.type_name{width:100%;font-size:1.0rem;font-weight:normal;text-align:center;padding:3px 0;z-index:2}.type_btn{display:flex;align-items:center;justify-content:center;width:calc(100% / 2 - 5px);height:40px;font-size:1.2rem;color:#ccc;background:rgba(255,255,255,0.1);border:none;border-radius:30px;padding:0 5px;margin:0 0 10px}.type_btn:hover{color:#fff;background:rgba(255,255,255,0.2)}.type_btn.active{color:#fff;outline:3px solid #fff}@media screen and (max-width: 500px){.type_btn{font-size:1.4rem}}.modal .items_box{position:static;height:100%;padding:0.5rem}.modal .items_box .item{color:#fff;width:calc(100% / 5 - 14px);margin:7px}.modal .items_box .item .img_box{box-shadow:0 2px 4px rgba(0,0,0,0.1)}.modal .items_box .item.active .img_box{outline:4px solid #000}.modal .type_btn{background:#091724;width:calc(100% / 3 - 14px);margin:7px;font-size:1.4rem;color:#fff}.modal .type_btn:hover{background:#03c494}.modal .select_type{justify-content:center}.modal .type_name{color:#2f353f;font-size:1.4rem}.modal .clear_btn{color:#000;font-weight:600;border:1px solid #ccc;background:#f9f9f9}.modal .clear_btn:hover{background:#ccc}@media screen and (max-width: 500px){.modal .items_box .item{width:calc(100% / 2 - 14px)}.modal .type_btn{width:calc(100% / 2 - 14px)}}.cover{position:fixed;top:0px;right:0px;bottom:0px;left:0px;background-color:rgba(0,0,0,0.3);z-index:100}.page_wrapper{container-type:inline-size;margin:0 auto;font-size:16px}.page_area{width:100%;background:#fff;margin:80px auto 50px;box-shadow:0 0 20px rgba(0,0,0,0.2);position:relative;font-size:62.5%}.page_area h2,.page_area h3{font-size:inherit}.page_area p{font-size:1.6em}@container (width <= 500px){.page_area{font-size:56%}}@container (width <= 360px){.page_area{font-size:50%}}.page_label{position:absolute;top:-45px;left:20px;width:150px;height:45px;display:grid;place-items:center;font-size:1.6rem;font-weight:600;color:#fff;background:#091724;border-radius:15px 15px 0 0;box-shadow:0 0 10px rgba(0,0,0,0.2)}.page_label_btn{position:absolute;top:-40px;right:5px;padding:5px 15px;font-size:1.4rem;font-weight:600;color:#091724;border-radius:30px}.page_label_btn:hover{color:#091724;background:#eee}.page_title{font-size:1.6rem;font-weight:600;color:#fff;margin-bottom:7px;display:flex;align-items:center}.page_title .badge{margin-bottom:0}.page_img{position:relative;aspect-ratio:3/2}.page_img img{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover;background:#f6f7f9}.page_setting_box{position:relative;width:100%;color:#fff;background:#091724;padding:3.5rem 3.5rem 1.5rem;border-radius:0 15px 15px 15px;margin:50px auto 30px}.page_setting_box label{color:#fff}.path_box{border-radius:7px;margin-bottom:30px}.path_badge{display:inline-block;background:#091724;color:#fff;font-size:1.5rem;border-radius:30px;padding:3px 3px 3px 20px}.path_badge span{display:flex;align-items:center}.path_edit_btn{font-size:1.3rem;font-weight:normal;border-radius:30px;padding:5px 10px;margin-left:20px}.path_edit_box{background:#fff;border-radius:15px;padding:2.5rem;margin-top:10px;box-shadow:0 2px 3px rgba(0,0,0,0.2)}.path_input_box{display:flex;align-items:center;color:#fff;background:#091724;border-radius:30px;padding:5px 5px 5px 25px;margin-bottom:15px}.path_input_box .host_name{flex-shrink:0}.path_input_box .input{font-size:1.8rem;border-radius:7px 30px 30px 7px;padding:7px 15px;margin:0 0 0 10px}@media screen and (max-width: 820px){.page_title{font-size:1.4rem}.page_img{max-width:200px}.page_label{width:120px;height:40px;top:-40px;font-size:1.6rem}.page_setting_box{padding:3rem 2rem 1rem}.path_edit_box{padding:2.5rem 2rem}.path_input_box{flex-direction:column;align-items:stretch;border-radius:10px;padding:15px}.path_input_box .input{font-size:1.6rem;border-radius:7px;margin:7px 0 0}}.page_nav{position:fixed;top:0;right:0;width:100%;height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 5px;background:#091724;color:#ccc;z-index:110}.page_nav_inner{display:flex;align-items:center}@media screen and (max-width: 820px){.page_nav{justify-content:flex-start;padding:0}}.preview_area{position:fixed;top:0px;right:0px;bottom:0px;left:0px;background:rgba(0,0,0,0.9);padding:10px 0px 20px 0px;z-index:200}.preview_area .switching_btns{background:rgba(255,255,255,0.2)}.preview_area .switching_btns .item_btn{font-size:1.2rem}.preview_box{width:100%;height:100%}.iframe_box{width:100%;height:calc(100% - 50px);margin:auto}.switching_btns{width:100%;max-width:500px;height:40px;background:rgba(255,255,255,0.1);border-radius:30px;padding:5px;margin:0 auto 10px;display:flex;justify-content:space-between;align-items:center}.switching_btns .item_btn{display:inline-block;color:#ccc;font-size:1.0rem;border-radius:30px;height:100%;flex-grow:5}.switching_btns .item_btn:hover{color:#fff}.switching_btns .item_btn span{height:100%;display:flex;align-items:center;justify-content:center}.switching_btns .item_btn.active{color:#fff;font-weight:600;background:#03c494}.switching_btns svg{width:20px;height:20px;margin-right:5px}@media screen and (max-width: 500px){.switching_btns{display:none}}.section{position:relative}.section_set_btn{display:none;position:absolute;top:-39px;left:5px;color:#fff;font-weight:600;border:1px solid #000;background:#000;border-radius:7px 7px 0 0;margin:0;z-index:10}.section:hover .section_set_btn{display:block}.order_btn{display:none;position:absolute;top:50%;transform:translateY(-50%);right:0px;width:auto;z-index:11}.order_btn button{display:grid;place-items:center;width:25px;height:25px;color:#fff;background:rgba(0,0,0,0.7);border-radius:5px 0 0 5px;border:none;padding:0px;margin-bottom:2px;box-shadow:0px 3px 4px rgba(0,0,0,0.1)}.order_btn button:hover{color:#FF00FF;background:rgba(0,0,0,0.9)}.order_btn svg{width:25px;height:25px;margin:0}.order_btn .delete_section{margin-top:15px}.order_btn .delete_section svg{width:17px;height:17px}.section:hover .order_btn{display:block}.btn_section_add{display:none;position:absolute;top:calc(100% - 25px);right:0;width:50px;height:50px;color:#fff;font-weight:600;background:#03c494;border:solid 2px #03c494;border-radius:30px 0 0 30px;padding:0 0 0 10px;margin:0;z-index:9;box-shadow:0px 3px 5px rgba(0,0,0,0.1);overflow:hidden}.btn_section_add:hover{width:160px;border:solid 2px #03c494;background:#03c494;color:#fff}.btn_section_add span{width:160px;justify-content:flex-start}.btn_section_add svg{width:30px;height:30px;margin-right:10px}.section:hover .btn_section_add{display:block}@media screen and (max-width: 500px){.btn_section_add{height:40px}}.switch_header{position:relative;display:flex;width:100%;height:500px}.switch_wrap{position:absolute;top:0;left:0;width:100%;height:100%;animation:switch_item 20s ease 0.5s infinite;opacity:0;display:block}.switch_wrap:nth-of-type(1){animation-delay:0s}.switch_wrap:nth-of-type(2){animation-delay:5s}.switch_wrap:nth-of-type(3){animation-delay:10s}@keyframes switch_item{0%{opacity:0}16%{opacity:1;z-index:100}33%{opacity:1;z-index:100}49%{opacity:0}100%{opacity:0}}.switch_stop_btn{position:absolute;top:0px;right:0px;font-size:1.5rem;color:#fff;font-weight:600;background:#FE00FE;border:solid 1px #FE00FE;border-radius:0 0 0 7px;margin:0;z-index:10}.switch_stop_btn:hover{background:#FE00FE;filter:brightness(0.9);border:solid 1px #FE00FE}.switch_preview_img{width:calc(100% /2 - 10px);border-radius:5px;margin:5px;overflow:hidden}.scroll_down_nav{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:100}.block_area{position:relative;width:100%;padding:100px 0}.block_area:hover .switch_stop_btn{display:block}@container (width < 500px){.block_area{padding:calc(100px *0.6) 0}}.block_layer{position:absolute;content:'';top:0px;bottom:0px;left:0px;right:0px}.block_layer img,.block_layer video{width:100%;height:100%;object-fit:cover}.block_layer:before,.block_layer:after{position:absolute;content:'';top:0px;left:0px;right:0px;bottom:0px}.block_area:hover .block_layer:after{transition:all 0.3s;outline-offset:-5px;outline:2px dashed magenta}.block_layer.picked:after{outline-offset:-5px;outline:2px dashed magenta}.block_wrapper{width:100%;max-width:1260px;padding-left:2rem;padding-right:2rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:row wrap;position:relative}.inactive{position:absolute;background:rgba(0,0,0,0.7);top:0;left:0;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;font-size:1.5rem;padding:5px 15px;border-radius:0 0 5px 5px;z-index:9;left:50%;transform:translateX(-50%)}.inactive button{color:#fff;border:1px solid #fff;background:transparent;margin-left:10px}.block_fixed{position:absolute;top:0;left:0;color:#fff;font-size:1.2rem;background:#000;border-radius:0 20px 20px 0;padding:5px 10px;z-index:2}.sharing{position:absolute;background:rgba(0,0,0,0.7);top:0;left:0;width:100%;height:100%;padding:3rem 2rem;display:flex;justify-content:center;align-items:center;z-index:2;color:#fff}.sharing p,.sharing a{font-size:1.5rem}.sharing .sharing_inner{text-align:center}.block_menu{position:fixed;top:0px;left:0px;height:50px;display:flex;align-items:center;font-size:1.4rem;padding:0 10px 0 0px;background:#0A2540;background:#091724;color:#ccc;z-index:90;z-index:120;font-family:'Noto Sans JP', sans-serif}.block_spin .spin_btn{max-width:100px;height:35px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:5px;margin:0 5px}.block_spin .spin_btn .input{font-size:1.4rem;padding:0 5px;background:rgba(255,255,255,0.05);color:#eee;border-left:solid 1px rgba(255,255,255,0.1);border-right:solid 1px rgba(255,255,255,0.1)}.block_spin .spin_btn span{width:100%;background:rgba(255,255,255,0.1);color:#eee}.block_spin .spin_btn span svg{width:17px;height:17px}.block_badge{display:flex;align-items:center;height:35px;font-size:1.4rem;color:#ccc;border-left:1px solid rgba(255,255,255,0.1);padding:0 10px}.block_badge:hover{color:#fff}.block_badge svg{width:20px;height:20px;margin-right:5px}.block_badge_color{border:1px solid #FF00FF;border-radius:5px;margin-right:5px}.activity_btn{height:30px;font-size:1.2rem;color:#03c494;border:1px solid #03c494;background:transparent;border-radius:5px;padding:0 5px;margin-left:5px}.activity_btn:hover{color:#fff;background:#03c494}.block_menu_savebtn{display:grid;place-items:center;display:none;width:auto;height:30px;font-size:1rem;color:#ccc;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:5px;padding:0 3px;margin-left:5px;flex-grow:5}.block_menu_savebtn:hover{color:#fff;background:rgba(255,255,255,0.1);filter:brightness(1.1)}.back_btn{width:50px;height:50px;display:grid;place-items:center}.back_btn svg{width:35px;height:35px}.menu_btn{height:40px;font-size:1.2rem;line-height:1.2;color:#ccc;font-weight:700;background:transparent;border:none;border-radius:5px;padding:0 10px;margin:0 3px;cursor:pointer;display:grid;place-items:center}.menu_btn:hover{color:#fff;background:rgba(255,255,255,0.1)}.menu_btn svg{width:25px;height:25px;margin:0}@media screen and (max-width: 500px){.block_menu{width:100%}.block_menu .block_badge span{display:none}.block_menu .back_btn{width:35px}.block_menu svg{width:20px;height:20px}.block_menu .block_menu_savebtn{display:grid}.block_menu .spin_btn{display:none}.menu_btn{height:35px;margin:0}.nobtn{display:none}}.save_status{height:40px;font-size:8px;line-height:1;color:#ccc;padding:10px;margin:0 3px}.save_status svg{width:25px;height:25px}@media screen and (max-width: 500px){.save_status{height:35px;margin:0}.save_status svg{width:20px;height:20px}}.part_box{position:relative;width:100%;margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:0}.part_box:hover{transition:all 0.3s;outline-offset:3px;outline:3px solid blue}.part_box.picked{outline-offset:3px;outline:3px solid blue}.visual_switch{display:none;position:absolute;bottom:-29px;right:-6px;right:0px;z-index:1}.visual_switch button{font-size:1.2rem;color:#000;font-weight:600;background:#F9F9F9;border:solid 1.5px blue;border-radius:5px;padding:7px 10px;margin-left:5px;box-shadow:0 0 10px rgba(0,0,0,0.1)}.visual_switch button:hover{background:#fff}.visual_switch button.active{border:solid 1.5px blue;background:blue;color:#fff}.html_visual_switch{top:-20px;bottom:auto}.part_box:hover .visual_switch{display:block}.col_1{width:100%}.col_2{width:calc((100% - 35px) / 2)}.col_3{width:calc((100% - 70px) / 3)}.col_4{width:calc((100% - 90px) / 4)}.col_5{width:calc((100% - 100px) / 5)}.col_6{width:calc((100% - 100px) / 6)}@container (width < 500px){.col_1,.col_2,.col_3,.col_4,.col_5,.col_6{width:100%}.col_2 button svg,.col_3 button svg,.col_4 button svg,.col_5 button svg,.col_6 button svg{display:none}}.part_menu{position:fixed;height:50px;display:flex;flex-flow:row wrap;align-items:center;font-size:1.5rem;z-index:90;padding:0 50px 0 5px;box-shadow:0 2px 5px rgba(0,0,0,0.2);color:#000;width:calc(100% - 370px);top:50px;left:50px;border-radius:0px;background:#f6f7f9;font-family:'Noto Sans JP', sans-serif}.part_menu .menu_btn{color:#000}.part_menu .menu_btn:hover{color:#000;background:rgba(0,0,0,0.1)}.part_menu .font_select{width:100px;height:40px;border-radius:5px;padding:0 10px;margin:0 3px}.part_menu .part_badge{font-size:1.4rem;font-weight:700;background:#d5dffb;border:2px solid blue;border-radius:30px;padding:5px 15px;margin-right:5px}.part_menu .drop_item{font-size:1.3rem;padding:2px 10px;text-align:center}.part_menu .drop_item.active{background:rgba(255,255,255,0.2)}.part_menu .closebtn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;color:#999;background:transparent;font-weight:600;display:grid;place-items:center}.part_menu .closebtn:hover{color:#000}.part_menu .closebtn svg{width:100%;height:100%}@media screen and (max-width: 820px){.part_menu{width:100%;height:45px;left:0px;padding:0 5px}.part_menu .menu_btn{padding:5px 9px}.part_menu .menu_btn svg{width:20px;height:20px}.part_menu .part_badge{display:none}.part_menu .drop_item{font-size:1.4rem;padding:3px 10px}.part_menu .closebtn{right:3px;width:35px;height:35px}}.part_submenu{position:absolute;top:-60px;left:50%;transform:translateX(-50%);height:40px;display:flex;justify-content:space-around;align-items:center;background:#fff;border:2px solid blue;border-radius:30px;padding:3px;box-shadow:0 2px 3px rgba(0,0,0,0.2);z-index:11}.part_submenu .menu_btn{color:#000;font-size:1.2rem;border-radius:30px;width:100%;height:100%;padding:0 10px;margin:0}.part_submenu .menu_btn:hover{background:rgba(0,0,0,0.05)}.part_submenu .menu_btn svg{width:20px;height:20px;display:inline-block}.part_submenu .tooltip,.part_submenu .drop_btn{height:100%}.part_submenu .drop_list{border:1px solid #eee}.part_add{top:auto;bottom:-40px;width:60px;height:30px;border-radius:30px 30px 30px 30px;display:grid;place-items:center;z-index:10}.text_edit_box{position:relative}.text_menu{display:none;position:absolute;top:-40px;left:0;height:45px;padding:0;z-index:15}.text_menu .menu_btn{width:35px;height:35px;color:#000;background:#fff;padding:0px;border-radius:30px;box-shadow:0 2px 3px rgba(0,0,0,0.2)}.text_menu .menu_btn svg{width:20px;height:20px;margin:0}.text_edit_box:hover .text_menu{display:flex}.keyboard_btn{display:none}@media screen and (max-width: 1368px){.keyboard_btn{display:inline-block}}.menu_select_btn{display:none;position:absolute;top:-25px;right:-6px;font-size:12px;line-height:1;color:#fff;font-weight:600;background:blue;border-radius:5px 5px 0 5px;padding:7px 10px;margin:0;z-index:5}.menu_select_btn:hover{background:#0101d6}.part_box:hover .menu_select_btn{display:block}.picker{width:100%;background:#f0f0f4;border-radius:5px;margin-bottom:10px;overflow:hidden}.picker .react-colorful{width:100%;height:300px;z-index:2}.picker .input{border-radius:0;border:none;margin:0;text-align:center}.picker__swatches{display:flex;flex-wrap:wrap;margin-bottom:10px;gap:8px}.picker__swatch{width:calc(100% / 6 - 7px);aspect-ratio:1/1;border:none;padding:0;border-radius:5px;cursor:pointer;outline:none;overflow:hidden}.picker__swatch img{width:100%;height:100%;object-fit:cover}.picker__swatch.active{outline-offset:3px;outline:3px solid #fff}.color_preview_btn{width:30px;aspect-ratio:1/1;background:#fff;border-radius:50%;border:1px solid #eee;margin-right:10px}.fadein_up{opacity:0;transform:translateY(50px);transition:all 1s}.fadein_slide{opacity:0;transform:translateX(50px);transition:all 1s}.delay_1{transition-delay:0.8s}.delay_2{transition-delay:1.3s}.delay_3{transition-delay:1.8s}.delay_4{transition-delay:2.3s}.menubar{position:fixed;top:100px;left:50px;background:#eee;color:#000;font-size:1.4rem;padding:0 10px;z-index:110;width:calc(100% - 45px);height:45px;display:flex;flex-flow:row wrap;align-items:center}.account_card{display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;font-weight:600;background:#fff;border-radius:20px;padding:3rem 3.5rem;margin-bottom:30px;box-shadow:0px 0px 4px rgba(0,0,0,0.04),0px 8px 16px rgba(0,0,0,0.08)}.account_card .icon{position:relative;width:130px;aspect-ratio:1 / 1;margin-right:40px}.account_card .icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#F9F9F9}.account_card .account_body{flex-grow:5;margin:auto 0}.account_card .account_id{color:#999;margin-bottom:10px;font-weight:normal}.account_card .input_title{font-size:2.2rem;font-weight:600;margin:15px 0;border-bottom:2px dashed #eee}.card_area{display:flex;flex-flow:row wrap;width:100%;gap:21px;margin-bottom:20px}.card{position:relative;width:calc(100% / 3 - 14px);color:#999;background:#fff;font-size:1.5rem;border-radius:20px;padding:2rem 4rem 2rem 2rem;box-shadow:0px 0px 4px rgba(0,0,0,0.04),0px 8px 16px rgba(0,0,0,0.08)}.card .card_title{font-size:1.8rem;color:#2f353f;font-weight:600;margin-bottom:10px}.card svg{position:absolute;content:"";width:40px;height:40px;top:50%;right:5px;transform:translateY(-50%);color:#bbb}.card:hover{color:#000;box-shadow:0 0 0 3px #03c494}.card:hover svg{color:#03c494}.card_inactive{background:rgba(0,0,0,0.2);color:#00ff2c}.card_inactive .card_title{color:#eee}.card_inactive:hover{color:#00ff2c}@media screen and (max-width: 500px){.account_card{padding:2.5rem 2rem}.account_card .icon{width:40%;margin-right:20px}.account_card .user_id{font-size:1.4rem}.account_card .input_title{font-size:1.8rem;margin:10px 0}.card_area{gap:15px}.card{width:100%;padding:2rem}.card .card_title{font-size:1.8rem;margin-bottom:5px}}.product_img{position:relative;width:100%;aspect-ratio:1 / 1;margin-top:15px;margin-bottom:30px}.product_img img{width:100%;height:100%;object-fit:cover;border-radius:25px;vertical-align:middle;background:#f6f7f9;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.add_plan_area{margin-bottom:40px}.plan_card_area{display:flex;justify-content:space-between;align-items:flex-end;flex-flow:row wrap}.plan_card{width:calc(100% / 4 - 15px);font-size:1.8rem;text-align:center;background:#F9F9F9;border-radius:20px;margin-bottom:30px;box-shadow:0px 0px 5px rgba(0,0,0,0.1),0px 20px 20px -10px rgba(0,0,0,0.1);overflow:hidden}.plan_card .plan_body{padding:3.5rem 3rem}.plan_card .title{display:inline-block;font-size:3.5rem;font-weight:600;margin-bottom:7px;background:linear-gradient(130deg, #091724 35%, #00ffc4 60%, #008b95 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.plan_card .subtitle{font-size:1.4rem;color:#999;margin-bottom:20px}.plan_card .price{color:#999}.plan_card .price span{font-size:3.6rem;color:#000;font-weight:600;padding:0 5px}.plan_card ul{display:inline-block;width:100%;list-style:none;padding:2.5rem 0}.plan_card ul li{color:#000;font-weight:600;font-size:1.4rem;text-align:left;padding:0.7rem 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.plan_card ul svg{width:25px;height:25px;color:#03c494;margin-left:10px;flex-shrink:0}.plan_card .btn_entry{width:100%;font-size:1.6rem;background:linear-gradient(140deg, #03c494 60%, #00ffc4 75%, #008b95 100%);background:#fff;font-weight:600;border:2px solid #03c494;border-radius:30px;padding:10px 0;margin-top:20px}.plan_card .btn_entry:hover{color:#fff;background:#03c494}.plan_card .btn_entry:disabled{color:#000;background:#eee}.plan_card .btn_selected{width:100%;font-size:1.6rem;color:#fff;border:2px solid #03c494;background:linear-gradient(140deg, #03c494 60%, #00ffc4 75%, #008b95 100%);font-weight:600;border-radius:30px;padding:10px 0;margin-top:20px}.plan_card.active{box-shadow:0 0 5px 4px #03c494}.plan_card.active .btn_entry{color:#2f353f;background:#eee}.card_line{box-shadow:0 0 6px 3px #03c494}@media screen and (max-width: 1180px){.plan_card .plan_body{padding:3.5rem 2rem}}@media screen and (max-width: 1024px){.plan_card{width:calc(100% / 2 - 10px)}.plan_card .plan_body{padding:3.5rem 4rem}}@media screen and (max-width: 500px){.plan_card_area{align-items:stretch}.plan_card{width:100%;font-size:1.6rem;border-radius:20px;margin-bottom:14px}.plan_card .plan_body{padding:4rem 7rem}.plan_card .title{font-size:5.0rem}.plan_card .subtitle{font-size:1.7rem}.plan_card .price span{font-size:5rem}.plan_card ul li{font-size:1.8rem}.plan_card ul svg{width:30px;height:30px}.plan_card .btn_entry{font-size:1.8rem}}.default_box{width:100%;border-radius:10px;border:1px solid #eee;padding:2rem 3rem;font-size:1.5rem;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.default_box .title{font-size:1.6rem;font-weight:600;margin-bottom:10px}.addon{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #eee;background:#fff;border-radius:10px;padding:2.5rem 3rem;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.addon .addon_body{width:100%;color:#999;padding-right:3rem}.addon .addon_name{display:inline-block;font-size:2.0rem;color:#000;font-weight:600;padding-bottom:10px;background:linear-gradient(130deg, #091724 35%, #00ffc4 60%, #008b95 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.addon .addon_price{text-align:right}.addon .addon_price span{font-size:1.8rem;color:#000;font-weight:600;padding:0 5px}.addon .btn_entry{display:inline-block;width:150px;font-size:1.4rem;font-weight:600;border:2px solid #03c494;border-radius:30px;padding:10px 0}.addon .btn_entry:hover{color:#fff;background:#03c494;border:2px solid #03c494}@media screen and (max-width: 500px){.addon{display:block;padding:3rem}.addon .addon_body{padding:0}.addon .btn_entry{width:100%;font-size:1.6rem;margin-top:20px}}.addings{margin-bottom:30px}.adding{display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;background:#f6f7f9;border:1px solid #eee;border-radius:30px;padding:15px 15px 15px 25px;margin-bottom:15px;box-shadow:0 2px 3px rgba(0,0,0,0.1);max-width:700px}.adding .item_name{width:25%;font-weight:600}.adding .item_type{width:10%;text-align:center}.adding .item_price{width:20%;text-align:right}.adding .item_payment{width:15%;text-align:right;color:#03c494}.adding .item_payment:hover{color:#00ff2c}.adding .item_btn{width:30%;text-align:right;font-size:1.4rem}.adding .item_btn button{background:#F2EEFC;border:1px solid #933ee0;color:#933ee0}.adding .item_btn button:hover{background:#933ee0;color:#fff}.adding .item_term{width:30%;text-align:right;font-size:14px}.addings .item:last-of-type{border:none}@media screen and (max-width: 500px){.adding{padding:15px;border-radius:10px}.adding .item_name{width:60%;margin-bottom:10px}.adding .item_type{width:40%;text-align:right}.adding .item_price{width:50%;text-align:left;margin-bottom:10px}.adding .item_payment{width:50%}.adding .item_btn{width:100%;margin-top:10px;text-align:left}.adding .item_term{width:100%;text-align:left}}.payment_methods_box{width:100%;border-top:1px solid #eee;padding-top:15px;margin-top:15px}.payment_methods{background:#fff;border-radius:15px;padding:15px;margin-bottom:5px}.payment_methods .item{display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;border-bottom:1px solid #eee;padding:5px 0;font-size:1.4rem}.payment_methods .brand{width:25%;font-weight:500}.payment_methods .number{width:25%;font-weight:500}.payment_methods .date{width:25%}.payment_methods .badge{font-size:1.3rem;background:#D1FAB3;background:#03c494;border:1px solid #03c494;color:#fff;font-weight:600;text-align:center;padding:7px 15px;margin:0;border-radius:7px}.payment_methods .setting{width:25%;text-align:right}.payment_methods .setting button{font-size:1.3rem;background:#fff;border:1px solid #ccc;color:#000;padding:7px 15px;border-radius:7px}.payment_methods .setting button:hover{color:#fff;background:#03c494;border:1px solid #03c494}@media screen and (max-width: 500px){.payment_methods{border-radius:7px}.payment_methods .badge{padding:7px}.payment_methods .setting button{padding:7px}}.notice_card{width:100%;font-size:1.3rem;border-radius:20px;background:#fff;padding:0.5rem 3rem;margin-bottom:25px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.notice_card .title{font-size:1.4rem;font-weight:600}@media screen and (max-width: 500px){.notice_card{border-radius:15px;padding:0.5rem 2rem}}.notices .item{display:block;color:#091724;border-bottom:1px solid #eee;padding:3rem 0}.notices .item:hover .item_title{color:#03c494}.notices .day{display:inline-block;font-size:1.4rem;width:110px}.notices .item_subtitle{font-size:1.2rem;font-weight:600;color:#fff;text-align:center;background:#091724;border-radius:30px;padding:3px 15px}.notices .item_title{font-size:1.8rem;font-weight:600;margin-top:15px}.home_notices .item{display:flex;align-items:center;padding:7px 0}.home_notices .day{font-size:1.2rem;width:100px}.home_notices .item_subtitle{width:90px;font-size:1.1rem;padding:2px 5px;margin-right:15px}.home_notices .item_title{font-size:1.2rem;margin-top:0;width:calc(100% - 190px)}.home_notices .item:last-of-type{border:none}@media screen and (max-width: 500px){.notices .item{padding:2rem 0}.notices .day{width:90px}.notices .item_title{font-size:1.6rem;margin-top:10px}.home_notices .item{padding:5px 0}.home_notices .day{width:75px}.home_notices .item_subtitle{font-size:1.1rem;padding:2px 5px;margin-right:10px;width:60px}.home_notices .item_title{font-size:1.2rem;margin-top:0;width:calc(100% - 135px)}}.billing{background:#fff;border-radius:10px;margin-bottom:30px;border:1px solid #eee;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.billing .item{display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;border-bottom:1px solid #eee;padding:2.5rem}.billing .item_name{width:32%;font-weight:600}.billing .item_status{width:17%;text-align:center}.billing .item_day{width:17%;text-align:center}.billing .item_invoice{width:17%;text-align:center}.billing .item_price{width:17%;text-align:center}.billing .item:last-of-type{border:none}@media screen and (max-width: 500px){.billing{border-radius:15px}.billing .item{padding:2.5rem 2rem}.billing .item .item_name{font-size:2.0rem;width:100%;margin-bottom:10px}.billing .item .item_status{width:50%;text-align:left;margin-bottom:5px}.billing .item .item_day{width:50%;text-align:right;margin-bottom:5px}.billing .item .item_invoice{width:50%;text-align:right}.billing .item .item_price{width:50%;text-align:left}}.payment_area{display:flex;flex-flow:row wrap;justify-content:space-between;width:100%;height:100%;background:#fff}.payment_info{width:50%;padding:40px}.payment_info .subtitle{font-size:2.0rem;color:#03c494;font-weight:600}.payment_info .plan_name{font-size:3.6rem;font-weight:600;margin-bottom:30px}.payment_info .price{font-size:2.4rem;font-weight:600;margin-bottom:30px}.payment_info .overview{color:#999;font-size:1.6rem;font-weight:normal;margin-left:10px}.payment_info .summary{margin-bottom:30px}.payment_form{background:#fff;width:50%;align-self:center;padding:40px;height:100%}.payment_form #payment-message{color:#697386;line-height:20px;padding-top:12px;text-align:center}.payment_form #payment-element{margin-bottom:30px}.payment_form button{background:#5469d4;color:#ffffff;border-radius:4px;border:0;font-size:1.8rem;font-weight:600;cursor:pointer;display:block;transition:all 0.2s ease;box-shadow:0px 4px 5.5px 0px rgba(0,0,0,0.07);width:100%;height:50px;display:flex;justify-content:center;align-items:center}.payment_form button:hover{filter:contrast(130%)}.payment_form button:disabled{opacity:0.5;cursor:default}.payment_form .spinner,.payment_form .spinner:before,.payment_form .spinner:after{border-radius:50%}.payment_form .spinner{display:inline-block;color:#ffffff;font-size:2.2rem;text-indent:-99999px;margin:auto;margin-right:15px;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);top:auto;left:auto}.payment_form .spinner:before,.payment_form .spinner:after{position:absolute;content:'';background:#5469d4}.payment_form .spinner:before{width:10.4px;height:20.4px;border-radius:20.4px 0 0 20.4px;top:-0.2px;left:-0.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s infinite ease 1.5s;animation:loading 2s infinite ease 1.5s}.payment_form .spinner:after{width:10.4px;height:10.2px;border-radius:0 10.2px 10.2px 0;top:-0.1px;left:10.2px;-webkit-transform-origin:0px 10.2px;transform-origin:0px 10.2px;-webkit-animation:loading 2s infinite ease;animation:loading 2s infinite ease}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.payment_form .one_click_btn{background:#5469d4;background:#03c494;color:#ffffff;border-radius:4px;border:0;padding:10px;margin-bottom:7px;font-size:1.8rem;font-weight:600;cursor:pointer;display:block;transition:all 0.2s ease;box-shadow:0px 4px 5.5px 0px rgba(0,0,0,0.07);width:100%;height:50px;display:flex;justify-content:center;align-items:center}.payment_form .one_click_btn:hover{filter:contrast(120%)}.payment_form .one_click_btn .spinner:before,.payment_form .one_click_btn .spinner:after{background:#03c494}.card-element-wrapper{width:100%;max-width:700px;background:#fff;border-radius:15px;padding:3.5rem;margin-bottom:30px;box-shadow:0 3px 5px rgba(0,0,0,0.1)}.card-element-wrapper .card_number{font-size:2.0rem;font-weight:600;margin-bottom:10px}@media screen and (max-width: 500px){.payment_info,.payment_form{width:100%;padding:20px}.card-element-wrapper{padding:2.5rem 2rem}}.addon_judg{position:relative;width:100%;padding:15px;margin-bottom:20px}.addon_judg .overlay{position:absolute;background:rgba(0,0,0,0.3);top:0;left:0;right:0;bottom:0;display:grid;place-items:center;padding:10px 10px 0;border-radius:10px;z-index:2}.addon_judg .overlay P{color:#fff;font-size:1.6rem}.addon_judg span{text-align:center}.addon_judg .overlay_btn{display:inline-block;font-size:1.3rem;font-weight:600;color:#fff;background:#0bf;border:solid 1px #fff;border-radius:30px;padding:10px 20px;margin-top:10px;box-shadow:0px 3px 4px 0px rgba(0,0,0,0.2)}.addon_judg .overlay_btn:hover{filter:brightness(1.1)}@media screen and (max-width: 500px){.addon_judg{padding:15px 10px 5px}.addon_judg .overlay{font-size:1.6rem}}.mainvisual{width:100%;max-width:450px;padding:0 20px;margin:auto}.mainvisual .logo{display:block;width:60%;margin:0 auto}.app_subname{font-size:1.6rem;font-weight:600;text-align:center;margin-bottom:40px}.sign_btn{display:inline-block;width:100%;text-align:center;padding:10px;margin-bottom:20px;font-size:1.8rem;font-weight:600;color:#fff;background:linear-gradient(140deg, #03c494 60%, #00ffc4 75%, #008b95 100%);border-radius:30px;border:solid 1px #03c494;box-shadow:0 3px 4px rgba(0,0,0,0.1);text-decoration:none;transition:all 0.3s}.sign_btn:hover{color:#fff;filter:brightness(1.1)}.login_btn{background:#fff;border:solid 1.5px #091724;color:#091724}.login_btn:hover{color:#fff;background:#091724;filter:brightness(1.1)}.step_guide{position:relative;width:100%;border-radius:20px;color:#fff;background:#091724;padding:3rem 4rem;margin:80px auto 25px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.step_guide .step{font-size:2.2rem;color:#00ff2c;font-weight:600;margin-bottom:10px}@media screen and (max-width: 500px){.step_guide{border-radius:15px;padding:3rem 3rem}}.template_card_area{display:flex;flex-flow:row wrap;gap:50px 20px}.template_card{position:relative;width:calc(100% / 4 - 15px)}.template_card .card_img{width:100%;aspect-ratio:9 / 16;box-shadow:0px 0px 5px rgba(0,0,0,0.05),0px 10px 15px rgba(0,0,0,0.1);transition:all 0.3s}.template_card .card_body{font-size:1.4rem;white-space:pre-wrap;padding:2rem 0 4rem}.template_card .title{font-size:1.8rem;color:#000;font-weight:600;margin-bottom:15px}.template_card .btn_box{position:absolute;bottom:0;left:0;right:0;padding:0;display:flex;justify-content:space-between}.template_card a{width:100%}.template_card .btn{padding:8px 5px;margin-left:10px;background:#000;border:solid 1px #000}.template_card button{width:100%;font-size:1.3rem;font-weight:600;padding:8px 5px}@media screen and (max-width: 1024px){.template_card_area{gap:50px 50px}.template_card{width:calc(100% / 2 - 25px)}}@media screen and (max-width: 500px){.template_card{width:100%}}.splide--fade .splide__slide.is-active .block_layer,.splide--fade .splide__slide.is-prev .block_layer,.splide--fade .splide__slide .block_layer.is-prev{animation:img-zoom 10s linear 0s normal both}@keyframes img-zoom{0%{transform:scale(1)}100%{transform:scale(1.25)}}.flowing_slide{display:flex;overflow:hidden}.flowing_wrap{display:flex;animation:loop-slider 20s infinite linear 0.5s}.flowing_slide:hover .flowing_wrap{animation-play-state:paused}.flowing_box{width:calc(100VW - 80px);max-width:1728px;margin-right:-1px;display:flex;align-items:stretch}@keyframes loop-slider{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@container (width < 500px){.flowing_box{width:100cqw}.flowing_box.w_auto{width:100%}}.save_loader,.save_loader:before,.save_loader:after{border-radius:50%;width:4px;height:4px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:saveload 1.8s infinite ease-in-out;animation:saveload 1.8s infinite ease-in-out}.save_loader{color:#03c494;font-size:2.5px;margin:2px auto 0;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.save_loader:before,.save_loader:after{content:'';position:absolute;top:0}.save_loader:before{left:-3.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.save_loader:after{left:3.5em}@-webkit-keyframes saveload{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes saveload{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.remove_item{display:flex;justify-content:space-between;background:#fafafa;border-radius:10px;box-shadow:0 0px 10px #eee;padding:10px;margin-bottom:10px}
