@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);ul{padding:0}.input-component{padding-bottom:30px}.id_disp{position:relative;float:right;width:-moz-max-content;width:max-content;top:10px;margin:0;left:100px}.check_button{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;width:224px}.check_button,.data_area_base{border-radius:15px;height:224px}.data_area_base{margin:0 auto;z-index:-1;background-color:#8a8a8a;width:350px;text-align:right;transition:.3s}.data_area_bg_decoration{display:flex;flex-flow:column;z-index:0;position:absolute;width:0;height:224px;background-color:#ff850387;transition-duration:.2s;border-radius:15px}.data_area_bg_decoration:has(.check_button:checked){width:350px;transition-duration:.2s}.btm-data,.top-data{z-index:2;position:relative;margin-top:10px;border-radius:10px;width:200px;height:80px;font-size:45px;text-align:center;border:none;left:100px}.__Line{position:relative;display:block;width:15px;height:2px;background-color:#fff;&._middle{top:7px}&._bottom{top:14px;height:2px}}.line_body{position:relative;width:-moz-fit-content;width:fit-content;height:26px;top:50%;right:50%;transform:translate(50%,-50%);float:right}.line_header{height:224px;width:30px;background:#3b3b3b;float:right;border-radius:0 15px 15px 0}.menu-btn{z-index:5;display:block;width:50px;height:50px;box-shadow:0 0 20px rgba(0,0,0,.15);background:#3e3e3e;position:absolute;top:50px;left:40px;transform:translate(-50%,-50%);border-radius:50px;border:none;transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;.__line{pointer-events:none;display:block;width:60%;height:3px;background-color:#fff;position:absolute;left:50%;transform:translateX(-50%);&._top{top:15px;&.is_open{top:23px;transform:translateX(-50%) rotate(40deg)}}&._bottom{top:30px;&.is_open{top:23px;transform:translateX(-50%) rotate(-40deg)}}}}.menu-btn:hover{background:#8f8f8f}.menu-btn:active{background:#111;box-shadow:0 3px 3px 3px rgba(0,0,0,.4)}._button_position_close{position:absolute}._button_position_open{position:fixed}.toggle-button{-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;position:relative;width:60px;height:30px;border-radius:50px;border:3px solid #ddd;box-sizing:content-box;cursor:pointer;transition:border-color .1s}.toggle-button:has(:checked){border-color:#4bd865}.toggle-button:after{position:absolute;top:50%;left:5px;transform:translateY(-50%);width:25px;height:25px;border-radius:50%;background-color:#ddd;content:"";transition:left .1s}.toggle-button:has(:checked):after{left:30px;background-color:#4bd865}.toggle-button input{display:none}.list_select_button_styles{background:#004ac9;color:#fff;border:none;width:150px;margin:0 10px;height:40px;font-size:1.1rem;margin-bottom:10px;border-radius:5px;box-shadow:0 6px 6px 0 hsla(0,0%,100%,.366);transition:.2s}.list_select_button_styles:active{transform:translateY(2px);background:#002a71;box-shadow:none}.list_no{position:relative;float:right;border-radius:5px;padding:10px 0;top:30px;right:20px;margin:0;width:75%;text-align:center;color:#fff;background:#a52eb2}.mini_title{font-size:1.5rem}.toggle{top:-15px}.top{position:relative;top:0;width:100%;height:380px;background:#3e3e3e}.auto_scroll{left:10px}.auto_scroll,.auto_scroll_inversion{position:absolute;top:60px;margin:0;width:-moz-fit-content;width:fit-content;color:#fff}.auto_scroll_inversion{left:200px}.check_all_release{position:absolute;top:160px;left:20px;margin:0;width:-moz-fit-content;width:fit-content;color:#fff}.check_all_release button{position:relative;top:-10px;background-color:red;border:none;width:150px;height:40px;border-radius:10px;color:#fff;font-size:20px;transition:.1s}.check_all_release button:active{background-color:#870000;top:-5px}.list_buttons{position:absolute;top:300px;display:flex;float:right;overflow-x:scroll;width:100%}._bottom{height:400px}.menu_base{position:fixed;top:0;height:100vh;width:100%;z-index:4;background:#505050;transition:.2s}.menu_close{transform:translateX(-100%)}.menu_open{transform:translateX(0)}.user_name{height:50px;position:relative;top:25px}#disp_user_name{color:#fff;position:relative;top:50%;width:70%;left:75px;background:#422575;padding:5px 15px;border-radius:10px;margin:0;text-align:center;transform:translateY(-50%)}.account_service,.data_controller,.device_data_controll{position:relative;color:#fff;width:90%;margin:0 auto;margin-top:50px}.section_title{background:#008cff;padding:6px 20px;border-radius:10px;text-align:center;margin-bottom:0;margin-top:20px}.account_controlls,.device_data_controll_sections,.list_data_restore_backup{width:100%;margin:0}.account_controlls a,.device_data_controll_sections a,.list_data_restore_backup a{position:relative;color:#fff;display:block;text-decoration:none;font-size:1.2rem;margin:0;text-align:center;margin:0 auto;width:80%;background:#2b2b2b;border-radius:5px;padding:10px 0;margin-top:10px;box-shadow:0 10px 10px -5px hsla(0,0%,100%,.347);transition:.1s;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.account_controlls a:active,.device_data_controll_sections a:active,.list_data_restore_backup a:active{transform:translateY(3px);background:#4b4b4b;box-shadow:none}#return{position:fixed;bottom:30px;right:10px;background:#ff641c;width:60px;height:60px;font-size:2rem;border:none;border-radius:5px;box-shadow:-1px 7px 10px .1px hsla(0,0%,100%,.537);transition:.3s}.invisible{display:none}.triangleRev{vertical-align:top;line-height:0px;transform:translateY(25%) rotate(-225deg)}.triangle,.triangleRev{display:inline-block;color:#fff;width:.7em;height:.7em;border:.2em solid currentColor;border-left:0;border-bottom:0;box-sizing:border-box;border-radius:5px}.triangle{vertical-align:middle;line-height:1;transform:translateY(25%) rotate(-45deg)}#return:active{transform:translateY(10px);box-shadow:none}.plusContent{color:red}.WarnContent,.plusContent{font-size:1.05rem;text-align:center}.WarnContent{color:#2e2e2e;white-space:pre-wrap}.BackGround_flexWarn{position:fixed;left:0;top:0;z-index:100;height:100vh;width:100vw;background:rgba(0,0,0,.788)}.BGfW_Fadein{animation:fadeIn .2s cubic-bezier(.33,1,.68,1) forwards}.BGfW_Fadeout{animation:fadeOut .2s cubic-bezier(.33,1,.68,1) forwards}.flexWarn{position:relative;width:80%;height:-moz-fit-content;height:fit-content;top:230px;background:#c7c7c7;border-radius:10px;margin:0 auto;padding:10px;box-shadow:0 6px 6px 0 hsla(0,0%,100%,.54);animation:zoomIn .5s cubic-bezier(.25,1,.5,1) forwards}.title_flexWarn{margin:0;color:#2e2e2e;padding-left:20px;font-size:1.5rem}.cancel_flexWarn,.confirm_flexWarn{width:45%;height:40px;font-size:1.1rem;color:#fff;border:none;border-radius:5px}.confirm_flexWarn{background-color:#de3838}.cancel_flexWarn{background:#474747}.list_select_button_styles_restore{background:#004ac9;color:#fff;border:none;width:40vw;margin:0 10px;height:40px;font-size:1.1rem;margin-bottom:10px;border-radius:5px;box-shadow:0 6px 6px 0 hsla(0,0%,100%,.366);transition:.2s}.list_select_button_styles_restore:active{transform:translateY(2px);background:#002a71;box-shadow:none}.select_restore_dir{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;position:relative;left:50%;transform:translateX(-50%)}.BackGround_restore{position:fixed;left:0;top:0;z-index:50;height:100vh;width:100%;background:rgba(0,0,0,.788)}.BGfR_Fadein{animation:fadeIn .2s cubic-bezier(.33,1,.68,1) forwards}.BGfR_Fadeout{animation:fadeOut .2s cubic-bezier(.33,1,.68,1) forwards}.restore{width:80%;background:#c7c7c7;border-radius:10px;position:relative;top:17%;margin:0 auto;padding:10px;box-shadow:0 6px 6px 0 hsla(0,0%,100%,.54);animation:zoomIn .5s cubic-bezier(.25,1,.5,1) forwards}.title_restore{margin:0;color:#2e2e2e;padding-left:20px;font-size:1.5rem}.checkBtn{display:flex;justify-content:space-around}.cancel_restore,.confirm_restore{width:45%;height:40px;font-size:1.1rem;color:#fff;border:none;border-radius:5px}.confirm_restore{background-color:#de3838}.cancel_restore{background:#474747}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;display:none}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{opacity:1;transform:scale(1)}}.control_button{width:100%;display:flex;justify-content:space-evenly}.ctrl_button{border:none;margin-top:10px;width:30%;height:40px;border-radius:5px;background:#0057ba;color:#fff;transition:.2s}.ctrl_button:active{transform:translateY(2px);background:#003d83}.WarnPreview{position:relative;top:0;background:#2e2e2e;color:#fff;height:180px;margin-bottom:20px}.WarnPreview h2,.WarnPreview p{margin:0;padding:10px 30px}.back{height:40px;margin:20px 10px;width:80px;font-size:1.1rem;border:none;border-radius:10px;background:#373737;box-shadow:0 6px 6px -2px hsla(0,0%,100%,.31);color:#fff;transition:.2s}.back:active{transform:translateY(4px);box-shadow:none}.title_bar{display:flex}.StartSearch{background:#1052ed;position:relative;display:block;margin:0 auto;margin-top:30px;margin-bottom:30px;width:50%;height:40px;font-size:1.2rem;color:#fff;border:none;border-radius:10px;box-shadow:0 6px 6px 0 hsla(0,0%,100%,.31);transition:.1s}.StartSearch:active{transform:translateY(6px);box-shadow:none}.restore_service{width:100%}.restore_title{font-size:1.6rem;color:#fff;background:#0084ff;width:-moz-fit-content;width:fit-content;padding:3px 20px;border-radius:6px;position:relative}.search_by_id{background:#464646;position:relative;padding:20px 0}.search_by_account_title,.search_by_id_subtitle,.search_by_id_title{color:#fff;margin:10px 20px;&.search_by_id_subtitle{color:#ff2727}}.id_input{position:relative;width:95%;justify-content:space-evenly;display:flex;left:50%;transform:translateX(-50%)}.id_input_box{width:18%;font-size:1.1rem;text-align:center}.bitween_stick{color:#fff;margin:0 5px}body{width:100%}#app,body{height:100vh}html{background:#26213c;font-family:Noto Sans JP}body{margin:0;touch-action:pan-x pan-y}li{list-style:none}