@media screen and (max-width: 480px){ 
  
    /* 共通部品 */
    
    /* * {
        -webkit-appearance: none;
        appearance: none;
    } */
    
    input[type="submit"],
    input[type="date"],
    input[type="file"]{
        -webkit-appearance: none;
        appearance: none;
    }
    
    input[type="file"],
    input[type="time"],
    input[type="number"],{
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0px;
    }  
    
    select {
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0px;
        font-family: system-ui;
    }
        
    a{
        -webkit-appearance: none;
        appearance: none;
        color:royalblue;
        text-decoration: none;
    }
        
    input[type="time"]::-webkit-outer-spin-button, 
    input[type="time"]::-webkit-inner-spin-button,
    input[type="date"]::-webkit-inner-spin-button
    input[type="date"]::-webkit-clear-button{ 
        -webkit-appearance: none; 
        margin: 0; 
    }
        
    input[type="date"],
    input[type="time"]{
        position: relative;
    }
        
    input[type="date"]::-webkit-calendar-picker-indicator,
    input[type="time"]::-webkit-calendar-picker-indicator {
        position: absolute;
        width: 100%;
        height: 100%;
    }
        
    input[type="date"]::-webkit-calendar-picker-indicator,
    input[type="time"]::-webkit-calendar-picker-indicator{
        opacity: 0;
    }
        
    input[type="time"] { 
        -moz-appearance:textfield; 
    }
        
    input[type="text"]::placeholder{
        color: gainsboro;
    }
    
    input[type="text"]{
        /* color: dimgray; */
        /* -webkit-text-fill-color: dimgray;  */
        opacity: 1; 
    }
    
    .no-spin::-webkit-inner-spin-button,
    .no-spin::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
        -moz-appearance:textfield;
    }
    
    input[type="checkbox"] {
        position: relative;
        width: 15px;
        height: 15px;
        border: 1px solid dimgray;
        background-color: snow;
        vertical-align: -1.5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    input[type="checkbox"]:checked:before {
        position: absolute;
        top: -2px;
        left: 5px;
        transform: rotate(45deg);
        width: 4px;
        height: 16px;
        border-right: 2px solid dimgray;
        border-bottom: 3px solid dimgray;
        content: '';
    }
    
    input[type="text"]:focus{
        border-radius:0px;
        outline: 0;
        /* background-color:ghostwhite; */
        /* border-left:1px solid royalblue; */
    }
    
    input[type="number"]:focus{
        border-radius:0px;
        outline: 0;
        border:1px solid royalblue;
    }

    input[type="time"]:focus{
        border-radius:0px;
        outline: 0;
        border:1px solid royalblue;
    }

    select:focus{
        border-radius:0px;
        outline: 0;
        border:1px solid royalblue;
    }

    textarea:focus{
        border-radius:0px;
        outline: 0;
        border:1px solid royalblue;
    }
    
    body {
        font-family:system-ui;
        color:dimgray;
        letter-spacing: 0.3px;
        height:-webkit-fill-available;
    }

    input::placeholder{
        color: lightgray;
    }
    
/* 共通 ---------------------------------------------------------------------------------------------------------------------------------*/
    
    /* .pc_disp_off{
        display:none;
    } */
    
    .smartphone_disp_off{
        display:none;
    }
    
    .nickname{
        width:200px;
        margin:10px;
        position:relative;
        top:-32.5px;
        left:45px;
        font-size:10pt;
        letter-spacing: 0.1px;
    }

    .nickname_svg{
        position:relative;
        top:-24px;
        left:50px;
        letter-spacing: 0.1px;
        color:darkgray;
    }
    
    .xwidthcsspx{
        font-size:10pt;
        color:#e1e1e1;
    }
    
    .section_header{
        display:flex;
        margin:15px 0 0 10px;
        z-index: 100;
        position:relative;
    }
    
    .section_header_pointer{
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 10px solid #a7a7a7;
        border-right: 0;
        position:relative;
        top:2.5px;
    }
    
    .section_name{
        font-size:16px;
        margin-left:5px;
        font-weight:700;
        position:relative;
        top:-1px;
    }
    
    .fs10fw400{
        font-size:10pt;
        font-weight:400;
    }
    
    .fncname{
        position:relative;
        top:-2px;
        left:5px;
        letter-spacing: 0.1px;
    }
    
    /* Login.php ---------------------------------------------------------------------------------------------------------------------------------*/
    
    .wrap{
        height:100vh;
        overflow:hidden;
        padding:20px;
    }
    
    .authbtn{
        display       : inline-block;
        border-radius : 2px;
        font-size     : 12pt;
        text-align    : center;
        padding       : 5px 10px;
        background    : royalblue;
        color         : snow;
        transition    : .3s;
        border        : 1px solid royalblue;
        height		  : 40px;
        width		  : 100px;
        -webkit-text-fill-color: snow;
    }
    .authbtn:hover {
        color         : snow;
        background    : midnightblue;
        border        : 1px solid midnightblue;
    }
    
    .loginwindow{
        margin:20px 30px;
        width:90vw
    }
    
    .login_form{
        position:relative;
        left:27.5px;
        top:100px;
    }
    
    input[type="checkbox"][switch] {
        accent-color: blue;
    }
    
    /* .logo{
        margin:100px 30px 40px 0;
        height:75px;
        width:75px;
        background-color:whitesmoke;
        border:1px snow solid;
        border-radius:5px;
        padding:4px;
        font-family: Noto Sans JP;
        font-size:11.5pt;
        letter-spacing:0.1px;
    } */
    
    .logo_base{
        width:75px;
        height:75px;
        border-radius:2px;
        background-color:snow;
        border:1px solid #e1e1e1;
    }
    
    .logo_word{
        padding:5px;
        font-family:Noto Sans JP;
        font-size:11.5pt;
        letter-spacing:0.1px;
        font-weight:700;
        color:dimgray;
    }
    
    .logo_crt{
        display:flex;
        align-items:flex-end;
        position:relative;
        top:-26px;
        z-index:1;
    }
    
    .logo_crt_1{
        margin-left:2px;
        width:15px;
        height:15px;
        background-color:#e1e1e1;
    }
    
    .logo_crt_2{
        margin-left:3px;
        width:15px;
        height:25px;
        background-color:#e1e1e1;
    }
    
    .logo_crt_3{
        margin-left:3px;
        width:15px;
        height:35px;
        background-color:#e1e1e1;
    }
    
    .logo_crt_4{
        margin-left:3px;
        width:15px;
        height:45px;
        background-color:#e1e1e1;
    }  
    
    .IDinput{
        width:325px;
        height: 40px;
        font-size:14pt;
        padding:5px 10px;
        border:none;
        border-bottom:1px solid gainsboro;
        color:dimgray;
    }
    
    .PWinput{
        width:325px;
        height: 40px;
        font-size:14pt;
        padding:5px 10px;
        border:none;
        border-bottom:1px solid gainsboro;
        color:dimgray;
    }
    
    .PWforget{
        width:325px;
        text-align:right;
        font-size:10pt;
        letter-spacing:0.1px;
    }
    
    .PWforget_disp{
        color:royalblue;
    }
    
    .mail_PW_disp{
        margin-top:20px;
        letter-spacing:0.1px;
        width:150px;
    }
    
    .no_matchIDPW{
        margin-top:10px;
        color:crimson;
        font-weight:700;
        background-color:snow;
        padding:2px 5px;
        width:300px;
    }
    
    .authbtn_position_sp{
        width:95vw;
        margin:10px 0 0 225px;
    }
    
    .version_disp{
        font-size:10pt;
    }
    
    .exscreen_position{
        margin-top:5px;
    }
    
    /* .spxlbl{
        width:50px;
        background-color:royalblue;
        border-radius:1px;
        height:20px;
    } */
    
    /* result-1-list.php ---------------------------------------------------------------------------------------------------------------------------------*/
    
    .menu_to_2ndmenu_margin{
        margin:40px 0;
    }
    
    .SEQrange{
        -webkit-text-fill-color: gray;
    }
    
    .SEQrange_position{
        margin:2px 0 0 18.5px;
        font-size:10pt;
    }
    
    .section_header_list{
        margin:17.5px 0 0 5px;
        display:flex;
    }
    
    .second_header{
        display:flex;
        justify-content:space-between;
        /* border:1px solid; */
    }
    
    .list-top{
        margin:5px 5px 5px 15px;
        border-top:1px lightgray solid;
    }
    .list-bottom{
        margin:5px 10px 5px 15px;
        border-bottom:1px solid lightgray;
    }
    
    .list-container{
        margin-top:2px;
        display:flex;
        flex-wrap:wrap;
        font-size:11pt;
    }
    .SEQ-block{
        width:45px;
        text-align:right;
        padding:2px;
        text-align:right;
        font-size:10pt;
    }
    
    .list_date_btn{
        margin-left:5px;
        display:inline-block;
        letter-spacing:1px;
        /* background-color:#e1e1e1; */
        width:100px;
        border-radius:1px;
        text-align:center;
        /* line-height:18pt */
        padding:2px 5px;
        border:1px solid #e9e9e9;
        background-color:whitesmoke;
    }
    
    .block_start_hour{
        font-size:10pt;
        margin-left:5px;
        padding:2px;
        letter-spacing:0.1px;
    }
    
    .footer{
        position:fixed;
        bottom:0;
        width:100vw;
        height:50px;
        background-color:whitesmoke;
        opacity: 0.9;
        z-index:9999;
    }
    
    .footer_container{
        display:flex;
        justify-content: center;
    }
    
    .footer_left_arrow{
        position:relative;
        top:15px;
        left:-5px
    }
    
    .footer_right_arrow{
        position:relative;
        top:15px
    }
    
    .scroll-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        width:80vw;
        /* background-color:white; */
        margin:5px;
        font-size:10.5pt;
        font-family:system-ui;
        height:40px;
    }
    
    .scroll-nav::-webkit-scrollbar {
        display:none;
    }
    
    .scroll_nav_area{
        height:30px;
        margin-top:5px;
        padding:5px;
    }
    
    .scroll_nav_nowpage{
        font-size:12pt;
        border-bottom:1px solid dimgray;
        padding:10px 10px 5px 10px;
        width:20px;
        text-align:center;
        color:dimgray;
        font-weight:700;
        margin:0 5px;
    }
    
    .scroll_nav_openpage{
        /* border-right:1px solid #e1e1e1;
        border-left:1px solid #e1e1e1; */
        /* margin-left:-1px; */
        width:25px;
        margin:0 5px;
        background-color:snow;
        border:1px solid #e1e1e1;
        text-align:center;
        padding:2px 7.5px;
    }
    
    .dest_pkg_value{
        margin-left:2.5px;
        width:105px;
        padding:2px;
        letter-spacing:0.1px;
        font-weight:600;
    }
    
    .dest_pkg_value_unit{
        font-size:9pt;
        font-weight:400;
        letter-spacing:0.1px;
    }
    
    .dest_pkghour_award{
        display:flex;
        font-size:11pt;
        margin:0 2.5px 0 50px;
        padding:2px;
        letter-spacing:0.5px;
        border-bottom:1px dashed gainsboro;
    }
    
    .comment_area{
        margin:0 0 0 32.5px;
        display:flex;
        /* border-bottom:1px dashed gainsboro; */
    }
    
    .comment_area_inner{
        font-family:system-ui;
        width:86vw;
        height:80px;
        padding:2px;
        letter-spacing:0.1px;
        font-size:10pt;
        font-weight:400;
        margin-right:2.5px;
        border-bottom:1px dashed gainsboro;
    }
    
    .comment_63over{
        margin:2px 5px 0 5px;
        font-size:9pt;
        color:crimson;
        font-weight:700;
        letter-spacing:0.2px;
        float:right;
    }
    
    .dest_area{
        margin:1px 0 0 45px;
        /* padding:1px; */
        font-size:13.5px;
        letter-spacing:0.1px;
        display:flex;
    }
    
    .dest_area_pin{
        width:15px;
        height:15px;
        position:relative;
        top:2px;
        opacity:0.7;
    }
    
    .dest_area_pin_town{
        font-size:9pt;
        letter-spacing:-0.5px;
    }
    
    .P_pkg_list{
        width:40px;
        height:18px;
        line-height: 18px;
        background-color:lightskyblue;
        border-radius:1px;
        padding:0 5px;
        text-align:center;
        color:snow;
        font-size:9.5pt;
    }

    .P_pkg_position{
        position:relative;
        top:1.5px;
    }
    
    .chkmark_list{
        content: '';
        width: 9px;
        height: 4.5px;
        border-left: 1.5px solid azure;
        border-bottom: 1.5px solid azure;
        transform: rotate(-45deg);
        position:relative;
        top:-10px;
        left:1.5px;
    }
    
    .chkframe_list{
        width:13px;
        height:13px;
        background-color:rgb(106, 182, 228);
        border-radius:1px;
    }
    
    .KPI_disp{
        font-weight:600;
        margin-right:1px;
        width:90px;
    }
    
    .search_comment{
        height:30px;
        font-size:11pt;
        color:dimgray;
        padding:5px 10px;
        border-bottom:1px solid lightgray;
        width:90vw;
        background-color:snow;
    }
    
    .search_dest{
        height:30px;
        width:150px;
        border-bottom:1px solid lightgray;
        background-color:snow;
        color:dimgray;
        font-size:10pt;
        padding:2px 5px;
    }
    
    .cnt_record{
        width:60px;
        color:dimgray;
        padding-left:2px;
    }
    
    .bookmark_list_view{
        width:12.5px;
        height:17.5px;
        position:relative;
        top:-22.5px;
        opacity:0.7;
    }

    .bookmark_list_viewx{
        position:relative;
        left:-7.5px;
    }
    
    .timeout{
        margin-left:5px;
        width:70vw;
        color:crimson;
        padding:5px 10px;
        font-weight:700;
    }

    .routetodest_list{
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 7.5px solid lightgray;
        border-right: 0;
        position:relative;
        top:4px;
        left:4px;
    }

    .pincenter_list{
        width:5px;
        height:5px;
        border-radius:50%;
        background-color:snow;
        position:relative;
        top:6px;
        left:12.5px;
        z-index:100;
    }
    
    /* contents1.php ---------------------------------------------------------------------------------------------------------------------------------*/
    
    .deriv_date_area{
        /* background-color:#e1e1e1; */
        border:1px solid #e1e1e1;
        background-color:whitesmoke;
        height:25px;
        font-size:11pt;
        vertical-align:middle;
        color:royalblue;
        letter-spacing:1px;
        padding:2px 5px;
        border-radius:1px;
        text-align:center;
    }
    
    /* .weekday{
        display:inline-block;
        font-size:10pt;
        color:royalblue;
        position:relative;
        left:-5px;
        background-color:#e1e1e1;
        width:20px;
        height:25px;
        vertical-align:middle;
        padding:2.5px;
        border-radius:0 2px 2px 0;
        font-size:10.5pt;
    } */
    
    .deriv_cnt_area{
        border:1px solid #e1e1e1;
        background-color:whitesmoke;
        color:gray;
        font-size:10pt;
        margin-left:2.5px;
        width:25px;
        padding:2.5px;
    }
    
    .dest_cnt_table{
        margin:0 10px 0 15px;
    }
    
    .th_col1{
        width:110px;
    }
    
    .th_col2,.th_col3{
        font-size:10pt;
        width:65px;
        text-align:right;
        font-weight:500;
    }
    
    .th_col4{
    }
    
    .td_row1{
        font-size:10pt;
        height:16px;
    }
    
    .BG_OV_detail{
        font-size:11pt;
        padding:0 10px;
        font-weight:700;
    }
    
    .BG_OV_disp{
        font-size:9pt;
        letter-spacing:0.1px;
        font-weight:400;
    }
    
    .td_comp_rate{
        padding:0 10px;
        font-weight:700;
        font-size:11pt;
        letter-spacing:0.1px
    }
    .td_comp_rate_per{
        font-size:9pt;
        font-weight:400;
    }
    
    .upper_line1{
        width:95vw;
        border-top:1px solid #e1e1e1;
        position:relative;
        top:-75px;
    }
    
    .upper_line2{
        width:95vw;
        border-top:1px solid #e1e1e1;
        position:relative;
        top:-50px;
    }
    
    .bottom_line{
        width:95vw;
        border-bottom:1px solid #e1e1e1;
        position:relative;
        top:-5px;
    }
    
    .bottom_line_dashed{
        width:95vw;
        border-bottom:1px dashed #e1e1e1;
        position:relative;
        top:-5px;
    }
    
    .RTS_detail_disp{
        display:flex;
        justify-content:right;
        /* width:95vw; */
    }
    
    .RTS_table{
        margin-left:15px;
        /* border-bottom:1px solid #e1e1e1; */
        position:relative;
        top:-2px;
        width:95vw;
    }
    
    .RTS_table_th1{
        /* width:15px; */
        font-size:10pt;
        letter-spacing:0.1px
    }
    
    .RTS_table_th2{
        /* width:65px; */
        /* font-size:10pt;
        text-align:right; */
    }
    
    .RTSno_deriv{
        background-color:crimson;
        color:snow;
        padding:1px 5px;
        border-radius:1px;
        letter-spacing: 0.1px;
        font-size:9.5pt;
        /* line-height:18px; */
    }

    .RTSmiss_deriv{
        background-color:dimgray;
        color:snow;
        padding:1px 5px;
        border-radius:1px;
        font-size:9.5pt;
        font-weight:400;
        margin-left:1px;
    }
    
    .RTS_deriv{
        margin-left:2.5px;
        background-color:aquamarine;
        color:gray;
        padding:1px 5px;
        border-radius:1px;
        letter-spacing: 0.1px;
        font-size:9.5pt;
        /* line-height:18px; */
    }
    
    .deriv_area_STmovetime{
        width:90vw;
        margin:5px 0 0 17.5px;
        font-size:10pt;
        letter-spacing: 0.1px;
    }
    
    .td_ST{
        padding:2px 5px;
        background-color:#e1e1e1;
        letter-spacing:-0.5px;
        width:17.5vw;
        text-align:center;
    }
    
    .td_Moveonly{
        padding:2px 5px;
        background-color:#e1e1e1;
        width:17.5vw;
        text-align:center;
    }
    
    .td_wait_move{
        padding:2px;
        background-color:#e1e1e1;
        width:75px;
        text-align:center;
        font-size:9pt;
        letter-spacing:-0.5px;
    }
    
    .td_deriv_time{
        padding:2px 5px;
        background-color:#e1e1e1;
        width:66.7vw;
        text-align:center;
    }
    
    .td_ST_starttime,
    .td_ST_movetime,
    .td_movetime{
        padding:2px 5px;
        text-align:center;
        font-weight:700;
        font-size:12pt;
        /* border-bottom:1px solid #e1e1e1; */
    }
    
    .run_avg_avgkm{
        margin:5px 15px 0 19px;
        display:flex;
        flex-wrap:wrap;
    }
    
    .km_run,
    .P_pkg_ratio,
    .miss_deriv_ratio,
    .NoRTS_ratio{
        border:1px solid #e1e1e1;
        border-bottom:none;
        background-color:whitesmoke;
        width:31.25vw;
        font-size:10pt;
        letter-spacing:-0.3px;
        text-align:center;
        height:25px;
        padding:3px 6px;
    }
    
    .km_run_disp{
        border:#e1e1e1 solid 1px;
        border-top:none;
        width:29.5vw;
        letter-spacing:0.1px;
        text-align:center;
        height:70px;
        padding:18px;
        font-size:16pt;
        font-weight:700;
    }

    .km_run_ex_disp{
        border:#e1e1e1 solid 1px;
        border-top:none;
        width:29.5vw;
        letter-spacing:0.1px;
        text-align:center;
        height:70px;
        font-size:11pt;
        font-weight:700;
        overflow-y: scroll;
        padding:7.5px;
    }

    .meter_inner_disp{
        background-color:#e1e1e1;
        padding:2px 5px;
        width:75px;
        text-align:center;
    }

    .meter_innerkm_disp{
        border:1px solid #e1e1e1;
        border-top:none;
        padding:2px 5px;
        width:75px;
        text-align:center;
    }
    
    .KPI,
    .reward_disp,
    .total_KPI,
    .meter_disp{
        margin-left:17.5px;
        display:flex;
        flex-wrap:wrap;
    }
    
    .onedest_min_title,
    .onehour_pkg_title,
    .reward_today_title,
    .reward_today_unit_title{
        border:1px solid #e1e1e1;
        border-bottom:none;
        background-color:whitesmoke;
        width:47vw;
        font-size:10pt;
        letter-spacing:0.1px;
        text-align:center;
        height:25px;
        padding:5px;
    }
    
    .past30onedest_min_avg,
    .past30onehour_pkg_avg{
        display:inline-block;
        background-color:snow;
        border:1px solid #e1e1e1;
        padding:1px 3px;
        border-radius:1px;
        font-size:9pt;
        font-weight:200;
        position:relative;
        top:-2px;
    }
    
    .onedest_min_disp,
    .onehour_pkg_disp,
    .reward_today_disp,
    .reward_today_unit_disp{
        border:#e1e1e1 solid 1px;
        border-top:none;
        width:47vw;
        letter-spacing:0.1px;
        text-align:center;
        height:40px;
        padding:8px;
        font-size:16pt;
        font-weight:700;
    }
    
    .onedest_min_icon,
    .onehour_pkg_icon{
        font-size:12pt;
    }
    
    .comment_area_detail{
        border:1px solid #e1e1e1;
        margin:1.5px 0 0 17.5px;
        width:94.25vw;
        padding:5px 10px 25px 10px;
        font-size:10.5pt;
        white-space:pre-wrap;
        letter-spacing:0.1px;
    }
    
    .edit_btn{
        position:relative;
        /* top:35px; */
        left:5px;
        z-index:10;
    }
    
    .P_pkg_ratio_disp,
    .miss_deriv_ratio_disp,
    .NoRTS_ratio_disp{
        border:#e1e1e1 solid 1px;
        border-top:none;
        width:31.25vw;
        letter-spacing:0.1px;
        text-align:center;
        height:95px;
        padding:15px;
        font-size:16pt;
        font-weight:700;
    }
    
    .P_pkg_ratio_disp_detail,
    .miss_deriv_ratio_disp_detail,
    .NoRTS_ratio_disp_detail{
        font-weight:400;
        font-size:9pt;
        margin-top:5px;
    }
    
    .per_disp{
        display:inline-block;
        width:65px;
        border-bottom:1px solid darkgray;
        padding-bottom:1px
    }
    
    .detail_footer{
        position:fixed;
        bottom:0;
        width:100vw;
        height:45px;
        background-color:whitesmoke;
        opacity: 0.8;
        letter-spacing: 0.5px;
        z-index:9999;
        
    }
    
    .detail_footer_inner{
        display:flex;
        justify-content:center;
        margin-top:5px;
    }
    
    .prevSEQ_cell,
    .fwdSEQ_cell{
        padding:3px;
        width:40px;
        text-align:center;
        font-size:11pt;
    }
    
    .SEQ_disp{
        width:125px;
        text-align: center;
        font-size:11pt
    }  
    
    .cnt_result_table{
        font-weight:bold;
        font-size:14pt;
        text-align:right;
        padding-left:10px;
    }
    
    .cnt_result_table_disp{
        font-size:10.5pt;
        height:16px;
        /* color:orangered; */
        /* font-weight:700; */
    }
    
    .btn_update{
        border-radius : 1px;
        font-size     : 10pt;
        text-align    : center;
        padding       : 1px 7px;
        background    : royalblue;
        -webkit-text-fill-color: snow; 
        position:relative;
        top:0.5px;
    }
    
    .icon_position{
        position:relative;
        top:-2.5px;
    }
    
    .Rescue{
        display:inline-block;
        width:60px;
        height:25px;    
        background-color:lightpink;
        border-radius:1px;
        padding:3px;
        text-align:center;
        color:snow;
        font-size:10pt;
        letter-spacing: 0.1px;
        margin-left:2.5px;
    }
    
    .NoRoot{
        display:inline-block;
        width:70px;
        height:25px;
        background-color:turquoise;
        border-radius:1px;
        padding:3px;
        text-align:center;
        color:snow;
        font-size:10pt;
        letter-spacing: 0.1px;
        margin-left:2.5px;
    }
    
    .P_pkg{
        display:inline-block;
        width:55px;
        height:25px;
        background-color:lightskyblue;
        border-radius:1px;
        padding:3px;
        text-align:center;
        color:snow;
        font-size:10pt;
        margin-left:2.5px;
    }
    
    .P_pkg_continue{
        /* height:18px;
        margin-left:3px;
        font-size:9pt;
        color:snow;
        position:relative;
        top:-0.5px; */

        display:inline-block;
        line-height:15px;
        vertical-align:middle;
        position:relative;
        background-color:snow;
        color:steelblue;
        padding:0 2.5px;
        font-size:8pt;
        top:-1.5px;
        left:2.5px;
        border-radius:1px;
        width:16px;
    }

    .P_pkg_chkmark{
        display:flex;
        line-height:18px;
        border:1px solid rgb(106, 182, 228);
        background-color:whitesmoke;
        border-radius:1px;
        padding:2px 5px;
        vertical-align:middle;
        margin-left:2.5px;
        height:25px;
        width:50px;
    }
    
    .P_pkg_continue_chkmark{
        position:relative;
        left:2.5px;
        top:0.5px;
        /* background-color:rgb(106, 182, 228);
        color:azure; */
        /* background-color:azure; */
        color:rgb(106, 182, 228);
        font-size:10pt;
        width:17.5px;
        height:17.5px;
        text-align:center;
    }
    
    .workday_continue_blk{
        display:flex;
        line-height:18px;
        border:1px solid steelblue;
        background-color:whitesmoke;
        border-radius:1px;
        padding:2px 5px;
        vertical-align:middle;
        margin-left:2.5px;
        height:25px;
        
    }

    .P_pkg_position_daily{
        position:relative;
        top:0.5px;
        left:1px;
    }
    
    .chkmark_list_daily{
        content: '';
        width: 12px;
        height: 7px;
        border-left: 2px solid azure;
        border-bottom: 2px solid azure;
        transform: rotate(-45deg);
        position:relative;
        top:-14px;
        left:3px;
    }
    
    .chkframe_list_daily{
        width:17.5px;
        height:17.5px;
        background-color:rgb(106, 182, 228);
        border-radius:1px;
    }
    
    .bookmark{
        width:15px;
        height:20px;
        opacity:0.7;
    }
    
    .bm_position{
        display:inline-block;
        position:relative;
        top:2px;
    }

    .deriv_area_container_outline{
        width:90vw;
        z-index:9;
        position:relative;
        margin:0 0 0 15px;
    }

    .deriv_area_container_left{
        position:relative;
        z-index:11;
    }
    
    .deriv_area_container{
        margin:3px 0 0 2px;
        /* overflow:visible; */
        /* display:flex;
        flex-wrap:wrap;
        width:90vw; */
        /* height:75px; */
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        width:190px;
        padding:1px;
    }

    /* .deriv_area_block{
        margin:2.5px 2.5px 0 0;
        background-color:#e1e1e1;
        border-radius:1px;
        padding:2px 5px;
        font-size:10pt;
        color:royalblue;
        height:22px;
    } */

    .deriv_area_block{
        margin:2px 0 0 2px;
        background-color:rgba(255,255,255,0.75);
        border-radius:1px;
        padding:2.5px 5px;
        font-size:10pt;
        color:royalblue;
        letter-spacing:0.1px;
        /* cursor:pointer; */
        /* opacity:0.8; */
        border:1px solid #e1e1e1;
        border-radius:1px;
        display:flex;
        justify-content: space-between;
    }

    .td_start_end_marker{
        width:67.5px;
        border:1px solid #e1e1e1;
        font-size:9pt;
        font-weight:300;
        padding:2px 5px;
    }

    .deriv_time_detail{
        margin:10px 0 0 2px;
        font-size:9pt;
        background-color: rgba(255,255,255,0.8);
        padding:5px 2px 15px 2px;
        border:1px solid #e1e1e1;
        font-family:Noto sans JP;
    }
    
    .route_position{
        display:inline-block;
        font-size:9pt;
        position:relative;
        /* left:5px; */
        /* width:45px; */
        text-align:center;
        z-index:10;
        /* margin:1px 0 0 0; */
    }
    
    .route_disp{
        padding:2px 5px;
        background-color:rgb(63,104,224,0.9);
        -webkit-text-fill-color: snow; 
        color:snow;
        border-radius:1px;
        font-weight:300;
        /* letter-spacing: 1px; */
    }
    
    .Rescue_inmap{
        padding:2px 5px;
        background-color:rgb(255,20,147,0.9);
        -webkit-text-fill-color: snow; 
        color:snow;
        border-radius:1px;
        /* font-weight:300; */
    }
    
    .NoRoute_inmap{
        padding:2px 5px;
        background-color:rgb(32,178,170,0.9);
        -webkit-text-fill-color: snow; 
        color:snow;
        border-radius:1px;
        /* font-weight:300; */
    }  
      
    .map_area{
        /* margin:0 5px; */
        z-index:10;
    }
    
    .map_view{
        width:95vw;
        height:45vh
    }
    
    .no_map_view{
        margin:2.5px 5px 0 2.5px;
        /* width:595px; */
        border:1px dashed #e1e1e1;
        padding:10px;
        font-size:10pt;
    }
    
    .RTS{
        display:inline-block;
        width:50px;
        line-height: 18px;
        background-color:orange;
        border-radius:2px;
        padding:0 5px;
        text-align:left;
        color:snow;
        position:relative;
        left:-15px;
        font-size:10pt;
        vertical-align:middle;
    }
    
    .RTSGT{
        display:inline-block;
        width:15px;
        height:15px;
        line-height: 15px;
        text-align:center;
        color:dimgray;
        font-size:8pt;
        position:relative;
        left:3px;
    }
    
    .fs9fw400{
        font-size:9pt;
        font-weight:400;
        color:dimgray;
    }
    
    .fs135{
        font-size:13.5px;
        font-weight:400;
        line-height:18px;
    }
    
    .BLK_disp{
        font-size:9pt;
        /* background-color:azure; */
        color:darkgray;
        padding:1px 2.5px;
        /* width:55px; */
        /* border:1px solid lightgray; */
        /* letter-spacing:-0.5px;
        text-align:center; */
        margin-left:2px;
        font-weight:300;
    }

    .deriv_area_townname{
        display:inline-block;
        letter-spacing:0.1px;
        font-size:9pt;
        font-family:Noto sans JP;
        width:100px;
        vertical-align:middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .deriv_area_count{
        display:inline-block;
        /* background-color:snow; */
        padding:0.5px 2px;
        color:gray;
        letter-spacing:0.1px;
        vertical-align:middle;
        font-size:9pt;
        border-radius:1px;
        position:relative;
        top:-1px;
        /* left:2px; */
        font-family:Noto sans JP;
    }

    .deriv_area_xratio{
        display:inline-block;
        padding:0.5px 2px;
        color:gray;
        letter-spacing:0.1px;
        vertical-align:middle;
        font-size:9pt;
        border-radius:1px;
        position:relative;
        top:-1px;
        font-family:Noto sans JP;
        text-align:right;
    }

    .pointer_lastone{
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid silver;
        border-right: 0;
        position:relative;
        top:2.5px;
        left:2px;
    }

    .min_limit{
        position:relative;
        top:-0.5px;
        left:5px;
        font-size:8pt;
    }
    
    .min_limit_over{
        position:relative;
        top:-0.5px;
        left:5px;
        color:crimson;
        font-size:8pt;
    }

    .justzero{
        position: relative;
        background-color: snow;
        border-radius: 1px;
        color: royalblue;
        border:1px solid royalblue;
        font-size: 9pt;
        padding: 2px 3px;
        opacity:0.8;
        position:relative;
        top:-2.5px;	
    }

    .justzero:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7.5px;
        border: 7.5px solid transparent;
        border-top: 7.5px solid royalblue;
        opacity:0.8;
    }


    .justzero_NR{
        position: relative;
        background-color: snow;
        border-radius: 1px;
        color: lightseagreen;
        border:1px solid lightseagreen;
        font-size: 9pt;
        padding: 2px 3px;
        opacity:0.8;
        position:relative;
        top:-7.5px;	
    }
    
    .justzero_NR:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7.5px;
        border: 7.5px solid transparent;
        border-top: 7.5px solid lightseagreen;
        opacity:0.8;
    }
    
    .justzero_RC{
        position: relative;
        background-color: snow;
        border-radius: 1px;
        color: deeppink;
        border:1px solid deeppink;
        font-size: 9pt;
        padding: 2px 3px;
        opacity:0.8;
        position:relative;
        top:-7.5px;	
    }
    
    .justzero_RC:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7.5px;
        border: 7.5px solid transparent;
        border-top: 7.5px solid deeppink;
        opacity:0.8;
    }

    .deriv_start_icon{
        padding:2px 5px;
        background-color: snow;
        border-radius:1px;
        color: dimgray;
        text-align: center;
        font-size:9pt;
        opacity:0.9;
        border:2px solid gray;
        z-index:999;
    }
    
    .deriv_start_icon:before{
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7.5px;
        border: 7.5px solid transparent;
        border-top: 7.5px solid gray;
        opacity:0.9;
    }
    
    .deriv_end_icon{
        padding:2px 5px;
        background-color: slategray;
        border-radius:1px;
        color: snow;
        text-align: center;
        font-size:9pt;
        opacity:0.9;
        border:1px solid slategray;
        z-index:999;
        position:relative;
        top:-7.5px;
    }
    
    .deriv_end_icon:before{
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7.5px;
        border: 7.5px solid transparent;
        border-top: 7.5px solid slategray;
        opacity:0.9;
    }

    .latlng_disp_position{
        display:flex;
        font-size:10pt;
        margin:5px 0 0 20px;
        display:none;
    }

    .deriv_events_regist{
        color:snow;
        background-color:royalblue;
        border-radius:50%;
        padding:1px;
        width:20px;
        height:20px;
        border:1px solid snow;
    }

    .deriv_events_title{
        background-color:#e9e9e9;
        padding:2px 5px;
        border-radius:1px 1px 0 0;
        font-size:9pt;
        width:160px;
    }
    
    .deriv_events_input_window{
        padding:5px 5px 10px 5px;
        border:1px solid #e1e1e1;
        width:90vw;
    }
    
    .deriv_events_regist_type{
        color:royalblue;
        background-color:#e1e1e1;
        border-radius:1px;
        padding:1px 5px;
        font-size:10pt;
        text-align-last: center;
        margin:5px 0 0 2.5px;
        width:75px;
        height:22px;
    }
    
    .events_dtl{
        width:55vw;
        height:50px;
        border:1px solid #e1e1e1;
        padding:2px 5px;
        font-size:10pt;
        margin-top:2.5px;
        color:dimgray;
        resize: none;
        border-radius:0;
    }
    
    .events_dtl:focus{
        border:0;
        outline:1px solid royalblue;
        border-radius:0;
    }
    
    .events_regist_btn{
        color:snow;
        -webkit-text-fill-color: snow; 
        background-color:royalblue;
        border-radius:1px;
        padding:1px 5px;
        position:relative;
        top:30px;
        left:5px;
        width:50px;
        height:22px;
    }

    .other_reward{
        width:75px;
        padding:2px 5px;
        margin-left:15px;
        color:dimgray;
        border:1px solid #e1e1e1;
        font-size:11.5pt;
        text-align:right;
    }
    
    .other_reward:focus{
        border:0;
        outline:1px solid royalblue;
        border-radius:0;
    }
    
    .closebtn_deriv_events{
        float:right;
        cursor:pointer;
    }
    
    .closebtn_deriv_events:hover{
        transform:scale(1.1);
    }
    
    .strlen_deriv_events{
        /* margin-left:15px; */
        font-size:9pt;
        color:crimson;
    }
    
    /* .route_position{
        font-size:9pt;
        position:relative;
        left:5px;
    } */
    
    /* .route_disp{
        padding:1px 5px;
        background-color:rgb(237, 237, 237);
        color:lightslategray;
    } */

    .square_btn {
        display: block;
        position: relative;
        width: 16px;
        height: 16px;
        border: 1px solid snow; /* 枠の調整 */
        /* background: #fff; /* ボタンの背景色 */
    }
     
    .square_btn::before, .square_btn::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px; /* 棒の幅（太さ） */
        height: 16px; /* 棒の高さ */
        background: snow; /* バツ印の色 */
    }
     
    .square_btn::before {
        transform: translate(-50%,-50%) rotate(45deg);
    }
    
    .square_btn::after {
        transform: translate(-50%,-50%) rotate(-45deg);
    }

    .deriv_events_infowindow{
        padding:2px 5px;
        background-color:#e9e9e9;
        border-radius:2px 2px 0 0;
        width:65px;
        font-size:10pt;
        margin-left:1px;
    }
    
    .deriv_events_infowindow_content{
        padding:2px 5px;
        width:195px;
        height:50px;
        margin:0 1px 0 1px;
        /* overflow-y:auto; */
        border:1px solid #e9e9e9;
        border-radius:0;
        font-size:10pt;
        color:dimgray;
        resize: none;
    }
    
    .deriv_events_infowindow_content:focus{
        outline:1px solid royalblue;
        border-radius:0;
    }
    
    .ev_del{
        border: 1px solid crimson;
        position:relative;
        transform: scale(1.1);
        margin-left:2px;
        /* top:-1px; */
    }
    
    .ev_del_lbl{
        margin-left:2.5px;
    }
    
    .ev_update_btn{
        margin-top    :1px;
        border-radius : 1px;     
        font-size     : 10pt;     
        text-align    : center;    
        padding       : 1px 5px;   
        background    : royalblue;
        -webkit-text-fill-color: snow; 
        color         :snow; 
    }

    .kvandtl{
        font-size:9.5pt;
        margin-left:2.5px;
        position:relative;
        top:-3.5px;
    }

    .boundschk{
        width:50px;
        font-size:10pt;
        color:dimgray;
    }
    
    .noGPXnomap{
        font-size:10pt;
        /* margin:100px 0 0 250px; */
    }

    .scroll-nav-dest{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        width:90vw;
        /* height:25px; */
    }
    
    .scroll-nav-dest::-webkit-scrollbar {
        display:none;
    }
    
    .scroll_nav_area-dest{
        height:30px;
        margin-top:5px;
        padding:5px;
    }

    .vertical_dotline{
        border-left:1px dashed silver;
        height:12.5px;
        margin-left:17.5px;
    }

    .boxselect{
        display:flex;
        position:relative;
        top:5px;
        left:3px;
        visibility: hidden;
    }
    
    .boxorange{
        width:15px;
        height:15px;
        border-radius:1px;
        background-color:orange;
        margin-left:2px;
        cursor:pointer;
    }
    
    .boxyellow{
        width:15px;
        height:15px;
        border-radius:1px;
        background-color:yellow;
        margin-left:2px;
        cursor:pointer;
    }
    
    .boxgreen{
        width:15px;
        height:15px;
        border-radius:1px;
        background-color:green;
        margin-left:2px;
        cursor:pointer;
    }
    
    .boxblue{
        width:15px;
        height:15px;
        border-radius:1px;
        background-color:dodgerblue;
        margin-left:2px;
        cursor:pointer;
    }
    
    .boxblack{
        width:15px;
        height:15px;
        border-radius:1px;
        background-color:rgb(50, 50, 50);
        margin-left:2px;
        cursor:pointer;
    }
    
    .boxNocolor{
        width:15px;
        height:15px;
        border-radius:1px;
        background-color:snow;
        border:1px solid dimgray; 
        margin-left:2px;
        cursor:pointer;
        
    }

    .dest_point{
        display:inline-block;
        font-size:9pt;
        color:gray;
        border:0.75px solid #e1e1e1;
        border-left:none;
        padding:1.5px 0px 1.5px 3px;
        height:22px;
        line-height:18px;
        width:220px;
        visibility:hidden;

    }
    
    .dest_point_head{
        display:inline-block;
        font-size:9pt;
        border:0.75px solid #e1e1e1;
        border-right:none;
        padding:1.5px 3px;
        background-color:whitesmoke;
        width:50px;
        height:22px;
        line-height:18px;
        text-align:center;
        color:gray;
        visibility:hidden;
    }

    .dest_point_area{
        position:relative;
        top:3.5px;
        left:5px;
        height:22px;
    }

    .comp_rate_position{
        position:relative;
        top:1.5px;
        left:0.5px;
    }
    
    .map_func_btnarea{
        margin-left:15px;
        display:flex;
        width:95vw;
        padding:2px;
    }
    .stoppointx{
        width:8px;
        height:8px;
        border-radius:2px;
        opacity:0.3;
        /* background-image:radial-gradient(rgba(65,105,225,1),rgba(65,105,225,0.5),rgba(65,105,225,0.25)); */
        /* border:0.5px solid whitesmoke; */
    }
    
    .stoppointx_tri{
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        /* border-top: 10px solid ; */
        border-bottom: 0;
        opacity:0.3;
    }
 
 
 
/* result.php ---------------------------------------------------------------------------------------------------------------------------------*/

    .section_header_pointer_required{
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 10px solid navy;
        border-right: 0;
        position:relative;
        top:3px;
    }

    .regist_err{
        display:flex;
        justify-content: center;
    }
  
    .registed_disp{
        width:95vw;
        background-color:mistyrose;
        color:dimgray;
        font-size:10pt;
        border:1px solid pink;
        padding:2px 5px;
    }
  
    .regist_deriv_date{
        margin-left:5px;
        background-color:#e1e1e1;
        width:135px;
        height:25px;
        padding:2px 5px;
        font-size:12pt;
        vertical-align:middle;
        color:royalblue;
        /* letter-spacing:1px; */
        text-align:center;
        border-radius:1px;
    }
  
    .regist_start_time{
        border:1px solid #e1e1e1;
        background-color:white;
        color:royalblue;
        height:28px;
        font-size:12pt;
        padding:2px 10px;
        border-radius:1px;
        text-align-last:center;
    }
  
    .regist_deriv_hour{
        background-color:#e1e1e1;
        color:royalblue;
        height:28px;
        border-radius:2px;
        padding:2px 10px;
        font-size:12pt;
        width:55px;
        text-align-last:center;
    }
  
    .m5fs10{
        margin:5px;
        font-size:10pt;
    }
  
    .reward_disp{
        margin:5px 0 0 20px;
        font-size:10pt;
    }
  
    /* .reward_input{
        background-color:#e1e1e1;
        color:royalblue;
        height:25px;
        font-size:12pt;
        width:70px;
        text-align:right;
        padding:2px 10px; */
    }
  
    .reward_yen_disp{
        font-size:10pt;
        position:relative;
        top:5px;
    }
  
    .blk_select{
        display:flex;
        margin:2.5px 0 10px 5px;
        font-size:10pt;
    }
  
    .blk_select_lbl{
        position:relative;
        /* top:-1px; */
        /* left:-1px; */
        font-size:11pt;
        border:1px solid #e9e9e9;
        padding:2px 5px;
        border-radius:1px;
        color:lightgray;
    }

    .role_select_lbl{
        position:relative;
        top:-1.5px;
        left:2px;
        font-weight:400;
        
    }
  
    .role_disp{
        margin-left:22.5px;
        letter-spacing:0.1px;
        font-size:10pt;
    }

    .route_detail_disp{
        margin-left:10px;
        letter-spacing:-1px;
        width:85vw;
    }
  
    .NoRoot_disp{
        margin-left:10px;
        font-weight:600;
        letter-spacing:0.5px;
        width:85vw;
    }
  
    .bg_disp{
        margin-left:20px;
        font-size:11pt;
        letter-spacing: 0.1px;
    }
  
    .bg_cnt{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        height:25px;
        border-radius:1px;
        padding:2px 10px;
        font-size:10pt;
        width:55px;
        text-align-last:center;
    }

    .OV_input{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        height:25px;
        border-radius:1px;
        padding:2px 10px;
        font-size:10pt;
        width:55px;
        text-align:center;
    }
  
    /* .OV_cnt{
        margin:10px 0 0 20px;
        font-size:11pt;
        letter-spacing: 0.1px;
    } */
  
    .dest_cnt_disp{
        margin-top:10px;
        display:flex;
    }
  
    .dest_disp{
        margin:20px 1px 0 20px;
        font-size:11pt;
    }

    .cnt_disp{
        margin:20px 1px 0 5px;
        font-size:11pt;
    }
    
  
    .dest_cnt_disp_detail{
        font-size:11pt;
        position:relative;
        top:5px;
    }
  
    .missbg_disp{
        margin-left:20px;
        font-size:11pt;
        letter-spacing:0.1px;
    }
  
    .RC_disp{
        margin:10px 10px 0px 20px;
        font-size:11pt;
        letter-spacing:0.1px;
    }
  
    .missbg_RC_input{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        border-radius:1px;
        padding:1px 5px;
        font-size:11pt;
        width:45px;
        text-align:right;
        height:25px;
    }
  
    .first_dest{
        display:flex;
        font-size:11pt;
    }

    .dest_disp2{
        margin:5px 0 0 20px;
        width:95px;
        letter-spacing: 0.1px;
    }
  
    .dest_input_blk{
        margin:7.5px 0 0 5px;
        background-color:#e1e1e1;
        color:royalblue;
        height:25px;
        border-radius:2px;
        font-size:12pt;
        width:75px;
        text-align:center;
    }
  
    .km_disp{
        margin-left:5px;
        font-size:11pt;
        position:relative;
        top:5px;
    }
  
    .rest_disp{
        margin:15px 0 0 20px;
        font-size:11pt;
        width:100px;
    }
  
    .norest_lbl{
        font-size:11pt;
        margin-left:20px;
        position:relative;
        top:15px;
    }
  
    .onrest_lbl{
        display:none;
        font-size:10.5pt;
        /* display:flex; */
    }
  
    .onrest_lbl_inner{
        margin-left:15px;
        position:relative;
        top:15px
    }
  
    .onrest_lbl_inner_lbl{
        position:relative;
        top:15px;
        margin-left:2px;
        letter-spacing:0.1px;
    }
  
    .RTS_lbl{
        font-size:11pt;
        margin-left:2px;
        position:relative;
        top:-1px;
    }
  
    .RTS_select{
        margin-top:5px;
        margin-left:20px;
    }
  
    .RTS_input{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        border-radius:1px;
        padding:2px 10px;
        font-size:10pt;
        width:45px;
        text-align:right;
    }
  
    .RTS_meisai{
        /* width:92.5vw; */
        margin-left:100px;
    }
  
    .RTSmeisai_input{
        margin:2px 0 5px 2px;
        width:100px;
    }
  
    #RTSmeisai{
        display:none;
    }
  
    #toRTS:checked ~ #RTSmeisai{
        display:block;
    }
  
    .comment{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        margin-left:20px;
        width:90vw;
        height:125px;
        padding:2px 5px;
        border-radius:1px;
    }

    .comment:focus{
        outline:0;
        border:1px solid royalblue;
        border-radius:1px;
    }
  
    .strlen{
        margin-left:20px;
        font-size:10pt;
        color:crimson;
        position:relative;
        top:-2.5px;
    }

    .gpx_select{
        margin-left:20px;
        font-size:11pt;
    }

    .bmk_select_area{
        margin-left:20px;
        font-size:10pt;
        width:325px;
    }
        
    .route_input{
        background-color:#e1e1e1;
        -webkit-text-fill-color: royalblue; 
        border-radius:2px;
        padding:2px 5px;
        font-size:10.5pt;
        width:65px;
        margin-left:20px;
        height:25px;
    }

    .route_input:focus{
        background-color:snow;
        border:1px solid royalblue; 
        border-radius:1px;
    }
  
    .result_btn_position_sp{
        margin:25px 0 50px 0;
        display:flex;
        justify-content: center;
    }

    .result_input_btn{
        border-radius : 2px;
        text-align    : center;
        padding       : 2px 5px;
        background    : royalblue;
        color         : snow;
        -webkit-text-fill-color: snow; 
        height		  : 55px;
        width		  : 90vw;
    }
  
    .gpx_select_btn::file-selector-button {
        color: snow;
        background: royalblue;
        font-size: 11px;
        padding: 5px 10px;
        text-align: center;
        font-weight:600;
        border-radius : 2px;
        border:0; 
    }

    .gpx_Q_icon{
        position:relative;
        top:2.5px;
    }
        
    .Q_icon{
        position:relative;
        top:5px;
    }

    .Q_content{
        display: none;
        border:1px orange solid;
        margin:0 5px 0 1px;
        padding:2px 5px;
        /* width:300px; */
        font-size:10pt;
    }
    
    .gpx_description{
        margin:5px 5px 0 20px;
        display: none;
        border:1px orange solid;
        padding:2px 5px;
        letter-spacing:-0.5px;
        font-size:10pt;
    }
    
    .route_input_arrow{
        /* margin-left:17.5px; */
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 28px solid transparent;
        border-left: 28px solid transparent;
        border-top: 10px solid #e1e1e1;
        border-bottom: 0;
    }

    .blk_start_disp{
        font-size:10pt;
        letter-spacing: 0.1px;
        position:relative;
        top:1.5px;
    }





    .route_input{
        border:1px solid gainsboro;
        background-color:white;
        -webkit-text-fill-color: royalblue; 
        border-radius:1px;
        padding:2px 5px;
        font-size:10pt;
        width:55px;
        height:25px;
        text-align:center;
        position:relative;
        top:-2px;
        /* left:17.5px; */
    }
    
    .route_input:focus{
        outline:1px solid royalblue;
    }

    .addonpkg{
        margin-left:5px;
        border:1px solid #e1e1e1;
        color:royalblue;
        height:22px;
        border-radius:1px;
        padding:2px 10px;
        font-size:10pt;
        width:55px;
        text-align-last:center;
    }
    
    .addonpkg:focus{
        outline:0;
    }
    
    .NRRTSlbl{
        position:relative;
        top:-1.5px;
        left:2px;
        font-weight:400;
        font-size:10pt;
    }

    .startmeter,.endmeter{
        border:1px solid #e1e1e1;
        color:royalblue;
        height:25px;
        padding:2px 10px;
        border-radius:1px;
        font-size:10pt;
        width:75px;
        text-align:right;
    }
    
    .Smeter_position{
        margin-left:18px;
    }
    
    .Emeter_position{
        margin-left:20px;
    }

    .dest_cnt_disp_detail{
        font-size:10pt;
        position:relative;
        top:1.5px;
    }

    .km_disp{
        margin-left:1px;
        font-size:10pt;
        position:relative;
        top:30px;
    }

    .RTS_time{
        border:1px solid #e1e1e1;
        color:royalblue;
        height:25px;
        font-size:10pt;
        padding:2px 15px;
        border-radius:1px;
        text-align-last:center;
    }
    
    .RTS_time_disp{
        margin-left:15px;
        /* display:none; */
        visibility: hidden
    }
    
    .RTS_time_lbl{
        font-size:10pt;
        position:relative;
        top:1.5px;
    }
 
  
/* result-check.php.php ---------------------------------------------------------------------------------------------------------------------------------*/
  
    .deriv_date_chk,
    .role_chk,
    .addon_rc,
    .deriv_time_km,
    .RTSorNR,
    .comment_noinput,
    .GPX_chk,
    .bmk_info{
        margin-left:20px;
        font-size:10pt;
        letter-spacing:0.1px
    }
  
    .fs11{
        font-size:11pt;
    }
  
    .blk_range_cnt_reward_chk{
        margin-left:20px;
        font-size:11pt;
        display:flex;
        letter-spacing:0.1px
    }
  
    .pkg_cnt_disp{
        margin-left:20px;
        font-size:13pt;
        font-weight:700;
    }
  
    .RTSmeisai_line{
        position:relative;
        top:-22px;
        border-bottom:1px #e1e1e1 solid;
        margin-right:20px;
    }
  
    .w48{
        width:48px;
    }
  
    .comment_chk{
        margin:2px 20px;
        white-space:pre-wrap;
        border:1px #e1e1e1 solid;
        border-radius:1px;
        width:90vw;
        height:125px;
        padding:2px 5px;
        color:dimgray;
        font-size:10pt;
    }
  
    .GPX_alert{
        font-size:10pt;
        letter-spacing:0.1px;
        color:crimson;
    }
  
    .result_chk_btn_position{
        margin:20px 0 40px 20px;
        display:flex;
        justify-content:center;
        width:90vw;
    }
  
    .return_btn{
        background-color:whitesmoke;
        width:45vw;
        height:50px;
        text-align:center;
        display:table-cell;
        vertical-align:middle;
        border-radius:2px 0 0 2px;    
    }
  
    .regist_btn{
        font-size:12pt;
        background-color:royalblue;
        width:45vw;
        height:50px;
        color:snow;
        -webkit-text-fill-color: snow;
        text-align:center;
        border-radius:0 2px 2px 0;
    }

/* destinput*.php -----------------------------------------------------------------------------------------------------------------------------------*/
  
    .pref_disp,
    .city_disp,
    .town_disp{
        display:flex;
        flex-wrap:wrap;
        font-size:11pt;
    }
  
    .pref_disp_inner,
    .city_disp_inner,
    .town_disp_inner{
        margin:10px 0px 30px 20px;
    }
  
    .prefbtn,
    .citybtn,
    .townbtn{
        display       : inline-block;
        border-radius : 2px;     
        font-size     : 12pt;     
        text-align    : center;    
        padding       : 5px 10px;   
        background    : royalblue;     
        color         : snow;
        -webkit-text-fill-color: snow;     
        height		  : 40px;
        margin-bottom :50px;
        margin-right:20px;
        float:right;
    }
  
    .city_chk_bottom_line,
    .town_chk_bottom_line{
        display:flex;
        flex-wrap:wrap;
        border-bottom:1px solid #e1e1e1;
        margin:0px 20px 10px 5px;
        font-size:11pt;
    }
  
    .nextcity_separate{
        margin:5px 15px 15px 15px;
    }
  
    .w95{
        width:95vw;
    }

/* detail-edit.php ---------------------------------------------------------------------------------------------------------------------------------*/
  
    .deriv_cnt_disp{
        margin:2px 0 0 20px;
        font-size:11pt;
        letter-spacing: 0.5px;
    }
  
    .deriv_date_disp{
        margin:2px 5px;
        font-size:11pt;
    }
  
    .comment_edit{
        margin-left:20px;
        white-space:pre-wrap;
        border:1px solid #e9e9e9;
        /* background-color:#e9e9e9; */
        border-radius:1px;
        width:90vw;
        height:225px;
        padding:2px 5px;
        color:royalblue;
        font-size:11pt;
    }

    .comment_edit:focus{
        /* background-color:white; */
        white-space:pre-wrap;
        outline:1px solid royalblue;
        border-radius: 0px;
    }

    .comment_last{
        margin-left:20px;
        font-size:10pt;
        color:crimson;
    }

    .miss_deriv_disp,
    .bm_add_disp,
    .prime_dest{
        margin-left:2px;
        font-size:11pt
    }
  
    .miss_deriv_input{
        color:dimgray;
        margin-left:75px;
        width:40px;
        border-bottom: 1px solid #e1e1e1;
        text-align:right;
        padding:2px 5px;
    }
  
    .btn_position{
        margin-top:35px;
        display:flex;
        justify-content:center;
        width:100vw;
    }

    .updatebtn{
        background-color:royalblue;
        width:35vw;
        height:45px;
        color:snow;
        -webkit-text-fill-color: snow;
        text-align:center;
        border-radius:1px;
    }

    /* .prime_dest{
        margin:2px 20px;
        padding:2px 5px;
        font-size:11pt;
        width:175px;
        color:dimgray;
        border:1px solid #e1e1e1;
    } */

    .miss_deriv_cnt{
        font-size:10pt;
        /* background-color:#e1e1e1; */
        border: 1px solid royalblue;
        padding:2px 10px;
        color:royalblue;
        margin-left:20px;
    }

    .bm_chkbox{
        border: 1px solid royalblue;
        margin-left:1px;
        position:relative;
        /* top:-2.5px; */
        /* transform: scale(1.5); */
    }
    
    .rec_del_chkbox{
        border: 1px solid crimson;
        position:relative;
        /* transform: scale(1.5); */
        margin-left:5px;
        /* top:-2.5px; */
    }


    

/* analize2.php.php ---------------------------------------------------------------------------------------------------------------------------------*/

    .previous_range_position{
        width:95vw;
        display:flex;
        justify-content: right;
    }
  
    .previous{
        font-size:10pt;
        color:royalblue;
        letter-spacing: 0.3px;
        background-color:#e1e1e1;
        padding:2px 7.5px;
        position:relative;
        top:25px;
    }

    .crt_header{
        width:95vw;
        display:flex;
        justify-content:space-between;
    }
  
    .x_unit_disp{
        margin-left:10px;
        font-size:9pt;
        position:relative;
        top:5px;
    }

    .x_unit_disp_2nd{
        font-size:9pt;
        position:relative;
        top:5px;
    }
  
    .crt_legend{
        display:flex;
        justify-content:right;
        position:relative;
        top:10px;
    }
  
    .onedest_slow,
    .onehour_pkg_min{
        margin-left:10px;
        border-top:3px solid orangered;
        width:40px;
        font-size:9pt;
        letter-spacing:0.1px;
        text-align:center;
    }
  
    .onedest_avg,
    .onehour_pkg_avg{
        margin-left:10px;
        border-top:3px dashed royalblue;
        width:40px;
        font-size:9pt;
        letter-spacing:0.1px;
        text-align:center;
    }
  
    .onedest_fast,
    .onehour_pkg_max{
        margin-left:10px;
        border-top:3px solid aquamarine;
        width:40px;
        font-size:9pt;
        letter-spacing:0.1px;
        text-align:center;
    }
  
    .crt_position{
        margin:5px 10px; 
    }

    .crt_header_right{
        width:95vw;
        display:flex;
        justify-content:right;
    }

    .deriv_pkg_GT{
        background-color: rgb(112, 128, 144, 0.75);
        width:60px;
        font-size:9pt;
        letter-spacing:0.1px;
        text-align:center;
        padding:2px 5px;
        color:snow;
    }

    .award_avg{
        margin-left:10px;
        border-top:3px solid gainsboro;
        width:50px;
        font-size:9pt;
        letter-spacing:0.1px;
        text-align:center;
    }

    .NR_cnt{
        background-color: lightskyblue;
        width:60px;
        font-size:9pt;
        letter-spacing:0.1px;
        text-align:center;
        padding:2.5px;
        color:dimgray;
    }
  
    .RTS_cnt{
        margin-left:5px;
        background-color: RGB(0,191,255,0.4);
        width:60px;
        font-size:9pt;
        letter-spacing:0.1px;
        text-align:center;
        padding:4px;
        color:dimgray;
    }
  
    .P_pkg_ratio_legend{
        margin-left:5px;
        border-top:3px solid royalblue;
        width:65px;
        font-size:9pt;
        letter-spacing:0.1px;
        text-align:center;
        background-color:transparent;
    }

    .deriv_time_diff_legend{
        margin-left:10px;
        background-color:lightpink;
        width:55px;
        font-size:9pt;
        letter-spacing:0.1px;
        text-align:center;
    }

    .ltsp{
        letter-spacing:-0.1px
    }

/* desttoresult.php ---------------------------------------------------------------------------------------------------------------------------------*/

    .menu_to_contents{
        margin-top:75px;
    }
  
    .citytown_description{
        margin-left:20px;
        font-size:10pt;
        letter-spacing:0.1px;
    }
  
    .crt_citytown_header{
        width:95vw;
        display:flex;
        justify-content:space-between;
    }
  
    .crt_citytown_legend{
        margin-left:17.5px;
        font-size:9pt;
        position:relative;
        top:5px;
    }
  
    .crt_citytown_crtposition{
        display:flex;
        justify-content:right
    }
  
    .crt_citytown_bardisp{
        margin-left:10px;
        background-color:mistyrose;
        width:55px;
        font-size:9pt;
        letter-spacing:0.1px;
        text-align:center;
        position:relative;
        top:5px;
    }

    .canvas_position{
        margin:5px 15px;
    }
    
    .list_topline{
        margin:5px 10px 5px 15px;
        border-top:1px #e1e1e1 solid;
    }
    
    .list_inner{
        margin-top:2px;
        display:flex;
        flex-wrap:wrap;
        font-size:11pt;
    }
    
    .list_SEQ_disp{
        width:45px;
        text-align:right;
        padding:2px;
        font-size:10pt;
    }
    
    .datetoSEQ_disp{
        margin-left:2px;
        display:inline-block;
        letter-spacing:1px;
        background-color:#e1e1e1;
        width:100px;
        border-radius:2px;
        text-align:center;
        line-height:18px;
    }
    
    .deriv_start_plan_disp{
        line-height:18px;
        font-size:10pt;
        margin:2px 5px;
        letter-spacing:0.1px;
    }
    
    .deriv_dest_disp{
        line-height:18px;
        margin:2px;
        letter-spacing:0.5px;
        font-weight:700;
    }
    
    .comment_inner_{
        margin:2px 2px 10px 45px;
        display:flex;
        border-top:1px dashed #e1e1e1;
    }
    
    .comment_area_{
        font-family:monospace;
        width:90vw;
        height:75px;
        margin-left:2px;
        padding:2px 5px;
        letter-spacing:0.3px;
        font-size:10pt
    }
    
    .bottom_line_{
        margin:0 10px 0 15px;
        border-bottom:1px solid #e1e1e1;
    }
    
    /* pwreset.php ---------------------------------------------------------------------------------------------------------------------------------*/
    
    .top_to_contents{
        margin:55px 0;
    }
    
    .contents_area{
        margin:20px 30px;
        width:95vw;
    }
    
    .fw500ls01{
        margin-top:10px;
        font-size:12pt;
        font-weight:500;
        letter-spacing:0.1px;
    }
    
    .reset_description,
    .no_regist_mail_alert{
        margin-top:5px;
        display:inline-block;
        font-size:10pt;
        width:80vw;
        letter-spacing:0.1px;
    }
    
    .authbtn_position{
        margin:20px 0 0 200px;
    }
    
    .reset_intro{
        margin-top:10px;
        display:inline-block;
        font-size:11pt;
        width:80vw;
        letter-spacing:0.1px;
    }
    
    .no_regist_mailaddress{
        margin:20px 30px;
        width:95vw;
    }
    
    /* regist.php ---------------------------------------------------------------------------------------------------------------------------------*/
    
    .contents_position{
        overflow: hidden;
        margin-top:50px;
        padding:20px;
    }
    
    .wdth95{
        width:95vw;
    }
    
    .mail_title{
        display:inline-block;
        width:90vw;
        margin-top:20px;
        border-bottom:1px solid #e1e1e1;
    }
    
    .regist_btn_position{
        padding:2px 0;
        text-align:right;
    }
    
    /* regist-conf.php ---------------------------------------------------------------------------------------------------------------------------------*/
    
    .mail_registed{
        border-bottom:1px solid #e1e1e1;
    }
    
    .mt20{
        margin-top:20px;
    }
    
    .mt15ls01{
        margin-top:15px;
        letter-spacing:0.1px;
    }
    
    .mt5ls01{
        margin-top:15px;
        letter-spacing:0.1px;
    }
    
    .pwreset{
        color:royalblue;
        text-decoration:underline;
    }
    
    
    
    /* -以下未整理------------------ */
    
    
    .rtnmsg{
        color:crimson;
        font-weight:bold;
        vertical-align:middle;
    }
    .rtnimg{
        height:18px;
        vertical-align:middle;
    }
    
    /* .bg_header{
        position: fixed;
        width: 100vw;
        height: 55px;
        background: whitesmoke;
        box-shadow:1px 1px 2px #e1e1e1;
    } */
    
    /*ヘッダー*/
    .header {
        position: fixed;
        top: 0;
        z-index: 9999;
    } 
    
    .sp-only {
        display: block;
    }
    
    .title_en {
        color:orange;
        font-size:16px;
        position:relative;
        top:10px;
        left:36px;
    }
    
    .h-img {
        width:30px;
        margin-right:5px;
        opacity:0.5;
    }
    
    .mv-container {
        padding: 15px;
    }
    
    .mv-comment{
        text-indent:0.5em;
        margin-bottom:30px;
    }
    
    .mv-title {
        font-size: 30px;
    }
    
    .mv-img{
        width:10px;
        opacity: 0.5;
    }
    
    .mv-iconimage{
        width:40px;
        border-radius: 50%;
    }
    
    .mv-text1{
        font-size:16px;
        margin-left:5px;
        font-weight:bold;
    }
    
    .mv-text2{
        font-size:16px;
        margin-left:15px;
        width:150px;
    }
    
    .mv-caption{
        margin-top:20px;
        margin-left:5px;
    }
    
    .mv-pr{
        margin-top:20px;
        text-indent:0.5em;
    }
    
    .tri-right{
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 10px solid crimson;
        border-right: 0;
        position:relative;
        top:3px;
    }
    
    .tri-left{
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 20px solid royalblue;
        border-left: 0;
    }
    
    .question{
        display:inline-block;
        font-size:10pt;
        line-height:16px;
        width:16px;
        background-color:orange;
        color:snow;
        border-radius:2px;
        margin-right:2px;
        text-align:center;
    }
    
    .toggle_title {
        position: relative;
        font-size:10.5pt;
        margin:2px 0 0 2px;
    }
    
    .toggle_title:after {
        content: "";
        display: inline-block;
        position:absolute;
        top: 50%;
        right: 7px;
    }
    
    .toggle_txt {
        display: none;
        border:1px orange solid;
        padding:2.5px 5px;
        width:90vw;
        font-size:10pt;
        margin-left:1px;
    }
    
    .pkg_cnt_alert{
        margin:0 10px 0 20px;
        font-size: 10pt;
        border:1px solid crimson;
        border-radius:2px;
        padding:2px 5px;
        color:orangered;
        position:relative;
        width:90vw;
        letter-spacing: 0.1px;
    }
    
    /* Navbar & Navmenu color */
    :root {
        --background-navbar:dimgray;
    }
    
    .header {
        background: whitesmoke;
        position: fixed;
        width: 100vw;
        height: 50px;
        opacity: 0.9;
        box-shadow:1px 1px 2px #e1e1e1;
        /* background-image: linear-gradient(90deg, whitesmoke, rgba(255, 255, 255, 0)); */
    }
    
    /* Nav items */
    .menu {
        list-style: none;
        position: absolute;
        width: 50vw;
        height: auto;
        top: 0;
        margin-top: 50px;
        padding: 0 ;
        clear: both;
        background: whitesmoke;
        transform: scale(1, 0);
        transform-origin: top;
        /* padding:5px 0px; */
        box-shadow:1px 1px 2px #e1e1e1;
        z-index: 3;
    }
    
    /* Hamburger menu button */
    .menu-btn:checked ~ .menu {
        transform: scale(1, 1);
        transform-origin: top;
    
    }
    
    /* Hamburger menbu text */
    .menu a {
        letter-spacing: 1px;
        font-size: 16px;
        text-transform: capitalize;
        color: dimgray;
        opacity: 0;
    }
    
    .menu li {
        border-bottom: 1px solid lightgray;
        padding: 12.5px 0;
        margin: 0 25px;
        opacity: 0;
    }

    .btmnone{
        border-bottom: none;
    }
    
    .menu-btn:checked ~ .menu a,
    .menu-btn:checked ~ .menu li {
        opacity: 1;
    }
    
    .menu-btn {
        display: none;
    }
    
    .menu-icon {
        display: inline-block;
        position: relative;
        padding: 24px 14px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    
    .navicon {
        background: dimgray;
        display: block;
        height: 4px;
        width: 25px;
        position: relative;
    }
    
    .navicon:before,
    .navicon:after {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        background: dimgray;
    }
    
    .navicon:before {
        top: 10px;
    }
    
    .navicon:after {
        bottom: 10px;
    }
    
    /* Hamburger Menu Animation Start */
    .menu-btn:checked ~ .menu-icon .navicon:before {
        transform: rotate(-45deg);
    }
    
    .menu-btn:checked ~ .menu-icon .navicon:after {
        transform: rotate(45deg);
    }
    
    .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
        top: 0;
    }
    .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
        bottom: 0;
    }
    
    .menu-btn:checked ~ .menu-icon .navicon {
        background: rgba(0, 0, 0, 0);
    }
    /* Hamburger Menu Animation End */
    
    /* Navbar Container */
    .navtext-container {
        width: 100%;
        height: 50px;
        position: absolute;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /* Navbar Text */
    .navtext {
        position: absolute;
        color: #505050;
        font-size: 22px;
        font-weight:bold;
        letter-spacing: 1px;
        margin-top:5px;
        /* text-shadow:1px 1px 2px gray; */
        font-family: Noto Sans JP;
    }
    
    .arrow-left{
        border: 0;
        border-top: solid 4px royalblue;
        border-left: solid 4px royalblue;
        display: inline-block;
        transform: rotate(-45deg);
        width: 15px;
        height: 15px;
        background-color: transparent;
        margin-top:5px;
    }
    
    .arrow-left-mini{
        border: 0;
        border-top: solid 3px royalblue;
        border-left: solid 3px royalblue;
        display: inline-block;
        transform: rotate(-45deg);
        width: 9px;
        height: 9px;
        background-color: transparent;
        margin:5px 0 0 5px;
    }
    
    .arrow-left-mini-disabled{
        border: 0;
        border-top: solid 3px royalblue;
        border-left: solid 3px royalblue;
        display: inline-block;
        transform: rotate(-45deg);
        width: 9px;
        height: 9px;
        background-color: transparent;
        margin:5px 0 0 5px;
        border-top-color:gainsboro;
        border-left-color:gainsboro;
    }
    
    .arrow-right-mini{
        border: 0;
        border-top: solid 3px royalblue;
        border-right: solid 3px royalblue;
        display: inline-block;
        transform: rotate(45deg);
        width: 9px;
        height: 9px;
        background-color: transparent;
        margin:5px 0 0 5px;
    }
    
    .arrow-right-mini-disabled{
        border: 0;
        border-top: solid 3px royalblue;
        border-right: solid 3px royalblue;
        display: inline-block;
        transform: rotate(45deg);
        width: 9px;
        height: 9px;
        background-color: transparent;
        margin:5px 0 0 5px;
        border-top-color:gainsboro;
        border-right-color:gainsboro;
    }
    
    .arrow-left-disable{
        border: 0;
        border-top: solid 4px gainsboro;
        border-left: solid 4px gainsboro;
        display: inline-block;
        transform: rotate(-45deg);
        width: 15px;
        height: 15px;
        background-color: transparent;
        margin-top:5px;
    }
    
    .arrow-right{
        border: 0;
        border-top: solid 4px royalblue;
        border-right: solid 4px royalblue;
        display: inline-block;
        transform: rotate(45deg);
        width: 15px;
        height: 15px;
        background-color: transparent;
        margin-top:5px;
    }
    
    .arrow-right-disable{
        border: 0;
        border-top: solid 4px gainsboro;
        border-right: solid 4px gainsboro;
        display: inline-block;
        transform: rotate(45deg);
        width: 15px;
        height: 15px;
        background-color: transparent;
        margin-top:5px;
    }
    
    .list-footer-btn{
        height:25px;
        width:40px;
        font-size:11pt;
        color:royalblue;
        margin:0 5px;
    }
    
    .now_page{
        border-bottom:1px solid gainsboro;
    }
    
    .range_btn{
        font-size:10pt;
        color:royalblue;
        letter-spacing: -0.75px;
        position:relative;
        left:3px;
        top:2px;
        padding-left:1px;
    }
    
    .range_btn:focus{
        outline:1px solid royalblue;
        border-radius:0px;
    }
    
    .sort_btn{
        margin:30px 15px 0 0;
        font-size:10pt;
        border-radius:1px;
        color:royalblue;
        background-color:whitesmoke;
        border:1px solid #e1e1e1;
        padding:2px 5px;
        height:20px;
        position:relative;
        left:3px;
        letter-spacing: -0.5px;
        text-align-last:center;
    }
    
    .listcnt{
        font-size:10pt;
        border-radius:1px;
        color:royalblue;
        background-color:whitesmoke;
        border:1px solid #e1e1e1;
        padding:2px;
        height:20px;
        position:relative;
        top:30px;
        /* left:7px; */
        letter-spacing: -0.5px;
        text-align-last:center;
    }
    
    .ave_btn{
        margin:10px 10px 0 0;
        font-size:10pt;
        border-radius:2px;
        color:royalblue;
        background-color:#e1e1e1;
        padding:2px 5px;
        height:20px;
    }
    
    .registmailform{
        height: 40px;
        width: 340px;
        padding: 2px 10px;
        border-radius: 1px;
        box-shadow: 0 0 0 1px #ccc;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size:16pt;
        color:dimgray;
    }
    
    .registmailform :focus{
        outline: 0;
        box-shadow: 0 0 0 2px royalblue;
    }
    
    .pwbox{
        width: 190px;
        padding: 2px 5px;
        border-radius: 2px;
        border:1px solid gray;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size:12pt;
        color:dimgray;
        font-family: monospace;
    }
    
    .pwbox::placeholder {
        font-size: 11pt;
        color:lightgray;
    }
    
    .nickname_box{
        width: 200px;
        padding: 2px 5px;
        border-bottom:1px solid gray;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size:12pt;
        color:dimgray;
        font-family: monospace;
    }
    
    .introcd_box{
        width: 100px;
        padding: 2px 5px;
        border-bottom:1px solid gray;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size:12pt;
        color:dimgray;
        font-family: monospace;
    }
    
    #input_introcd{
        display:none;
    }
    
    #intro_cd2:checked ~ #input_introcd{
        display:block;
    }
    
    #miss_deriv_form{
        display:none;
    }
    
    #on_miss_deriv:checked ~ #miss_deriv_form{
        display:block;
    }
    
    .flag_parts{
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 20px;
        height: 20px;
        background-color: royalblue;
    }
    
    .dli-arrow-right {
        display: inline-block;
        vertical-align: middle;
        color: lightsteelblue;
        line-height: 1;
        position: relative;
        width: 1em;
        height: 0.1em;
        background: currentColor;
    /* 上-90 */
        /* transform: rotate(-90deg); */
    /* 右上-45 */
        /* transform: rotate(-45deg); */
    /* 水平0 */
        transform: rotate(0deg);
    /* 右下45 */
        /* transform: rotate(45deg); */
    /* 下90 */  
        /* transform: rotate(90deg); */
    }
    
    .dli-arrow-right::before {
        content: '';
        width: 0.65em;
        height: 0.65em;
        border: 0.1em solid currentColor;
        border-left: 0;
        border-bottom: 0;
        transform: rotate(45deg);
        transform-origin: top right;
        position: absolute;
        top: 50%;
        right: -0.05em;
        box-sizing: border-box;
    }
    
    .dli-arrow-up {
        display: inline-block;
        vertical-align: middle;
        color: dimgray;
        line-height: 1;
        position: relative;
        width: 0.1em;
        height: 1em;
        background: currentColor;
    }
    
    .dli-arrow-up::before {
        content: '';
        width: 0.65em;
        height: 0.65em;
        border: 0.1em solid currentColor;
        border-left: 0;
        border-bottom: 0;
        transform: rotate(-45deg);
        transform-origin: top right;
        position: absolute;
        top: -0.05em;
        right: 50%;
        box-sizing: border-box;
    }
    
    .tri-right-pointer{
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid gray;
        border-right: 0;
    }
    
    .pwresetbtn{
        display       : inline-block;
        border-radius : 5px;          /* 角丸       */
        font-size     : 11pt;        /* 文字サイズ */
        text-align    : center;      /* 文字位置   */
        padding       : 5px 10px;   /* 余白       */
        background    : royalblue;     /* 背景色     */
        color         : snow;     /* 文字色     */
        border        : 1px solid royalblue;    /* 枠の指定 */
        width		  : 150px;
    }
    
    /* dest-alert.php ---------------------------------------------------------------------------------------------------------------------------------*/
    
    .section_header_dest_alert{
        display:flex;
        margin:10px 0 0 10px;
    }
    
    .dest_filter{
        font-size:14px;
        border-radius:1px;
        color:royalblue;
        border:1px solid #e1e1e1;
        background-color:whitesmoke;
        padding:2px 5px;
        height:25px;
        /* width:95px; */
        text-align-last:center;
    }
    
    .dest_filter:focus,
    .rt_filter:focus{
        outline:1px solid royalblue;
        border-radius:0px;
    }
    
    .dest_filter_position{
        position:relative;
        left:22.5px;
        display:flex;
        justify-content: space-between;
        width:90vw;
    }
    
    .rt_filter{
        font-size:14px;
        border-radius:1px;
        color:royalblue;
        border:1px solid #e1e1e1;
        background-color:whitesmoke;
        padding:2px 5px;
        height:25px;
        text-align-last:center;
    }
    
    .dest_disp_area{
        margin:5px 10px 10px 22.5px;
        width:92.5vw;
        font-size:10.5pt;
    }
    
    .pref_city_tab{
        margin-top:10px;
        padding:1px 5px;
        background-color:#e1e1e1;
        width:125px;
        border-radius:1px 1px 0 0;
    }
    
    .pref_city_upperline{
        border-top:1px solid #e1e1e1;
        width:90vw;
    }
    
    .pref_city_verticalline{
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
        width:90vw;
    }
    
    .townaddress_disp{
        padding:5px;
        letter-spacing:-0.3px;
        background-color:#f9f9f9;
        font-weight:500;
        width:90vw;
    }
    
    .townaddress_disp_rt4{
        background-color:crimson;
    }
    
    .regist_info_disp{
        padding:2px 5px;
        letter-spacing:-0.3px;
        white-space:pre-wrap;
    }
    
    .regist_info_img{
        position:relative;
        top:2px;
        left:3px;
        width:16px;
    }
    
    .pref_city_bottomline{
        border-bottom:1px solid #e1e1e1;
        width:90vw;
    }
    
    .dest_alert_btn_position{
        margin:40px 0 0 20px;
        display:flex;
        justify-content:center;
        width:90vw;
    }
    
    .delrec_info{
        width:94vw;
        background-color:mistyrose;
        color:dimgray;
        font-size:10pt;
        border:1px solid pink;
        padding:2px 5px;
        margin:10px;
    }
    
    .ud_rec_info{
        width:94vw;
        background-color:whitesmoke;
        color:dimgray;
        font-size:10pt;
        border:1px solid #e9e9e9;
        padding:2px 5px;
        margin:10px;
    }
    
    .dest_alert_input{
        font-size:13.5px;
        border:1px solid #e1e1e1;
        background-color:whitesmoke;
        -webkit-text-fill-color: royalblue;
        padding:1px 5px;
        height:25px;
        border-radius:1px;
    }

    .map_area_destalert{
        margin-left:20px;
        position:relative;
        z-index:1;
    }
    
    .map_view_destalert{
        z-index:1;
        position:relative;
        width:90vw;
        height:40vh;
    }

    .markerdrag{
        margin-left:22.5px;
        font-size:10pt;
        color:orangered;
        width:245px;
        padding:2px 5px;
        position:relative;
        top:1.5px;
        z-index:2;
        background-color:rgb(255,255,255,0.9);
    }
    
    
    /* dest-alert-detail.php ---------------------------------------------------------------------------------------------------------------------------------*/
    .regist_info{
        color:dimgray;
    }
    
    .deriv_date_recent{
        color:dimgray;
        width:100%;
        height:35px;
    }
    
    .deriv_date_recent:hover{
        outline:none;
    }
        
    input[type="date"]::-webkit-date-and-time-value {
        text-align: left;
        padding-left:3px;
    }
    
    .no_record{
        margin:0 10px;
        padding:0 5px;
        font-size:10pt;
    }
    
    .record_detail_tbl{
        margin-left:20px;
        font-size:10pt;
        width:90vw;
        letter-spacing:0.1px;
    }
    
    .td_address,
    .td_rt{
        vertical-align:top;
        background-color:#e9e9e9;
        padding:1.5px 5px;
        height:50px;
    }
    
    .td_address_disp{
        vertical-align:top;
        background-color:snow;
        padding:1.5px 5px;
        width:62.5vw;
    }
    
    .td_rt_disp,
    .td_recent_disp,
    .td_img_disp,
    .td_memo_disp{
        /* vertical-align:top; */
        background-color:snow;
        padding:1.5px 3px;
        border:1px solid royalblue;
    }
    
    .img_size{
        width:87.5vw;
    }
    
    .td_rt_disp_input{
        width:64vw;
        height:42.5px;
        white-space:pre-wrap;
        color:dimgray;
        padding:1px 3px;
    }
    
    .td_rt_disp_input:hover{
        outline:none;
    }
    
    .td_img_disp_file_position{
        margin:5px 0 5px 5px;
    }
    
    .td_img_disp_file{
        font-size:8pt;
        letter-spacing:0.1px;
    }
    
    .td_memo_disp_input{
        color:dimgray;
        width:64vw;
        height:92.5px;
        padding:1px 3px;
    }
    
    .td_memo_disp_input:hover{
        outline:none;
    }
    
    .td_recent{
        vertical-align:top;
        background-color:#e9e9e9;
        padding:1.5px 5px;
        height:35px;
        text-align:left;
    }
    
    .td_img{
        vertical-align:top;
        background-color:#e9e9e9;
        padding:1.5px 5px;
    }
    
    .td_memo{
        vertical-align:top;
        background-color:#e9e9e9;
        padding:1.5px 5px;
        height:100px;
    }
    
    .delchkbox{
        margin:12.5px 0 20px 22.5px;
        font-size:10pt;
    }
    
    .chkbox_lbl{
        position:relative;
        top:-0.75px;
        left:2px;
    }
    
    .img_del_chkbox{
        margin:10px 5px;
        font-size:9.5pt;
        border-top:1px dashed #e1e1e1;
        padding:10px 0 0 0;
    }
    
    .prefcitytownaddress{
        margin-left:20px;
        font-size:10.5pt;
        background-color:snow;
        width:90vw;
        padding:2px 5px;
    }
    
    .latlng_disp{
        display:flex;
        font-size:10pt;
        margin-bottom:5px;
    }
    
    .lat{
        color:dimgray;
        width:80px;
    }
    
    .lng{
        margin-left:5px;
        color:dimgray;
        width:90px;
    }
    
    .rt_update_disp{
        width:90vw;
        white-space:pre-wrap;
        color:dimgray;
        padding:2px 5px;
        margin-left:20px;
        font-size:10pt;
        height:15vh;
        border:1px solid #e9e9e9;
        border-radius:0;
    }
    
    .rt_update_disp:focus{
        outline:1px solid royalblue;
        border-radius:0; 
    }
    
    .rt_memo_disp{
        width:90vw;
        white-space:pre-wrap;
        color:dimgray;
        padding:2px 5px;
        margin-left:20px;
        font-size:10pt;
        height:15vh;
        border:1px solid #e9e9e9;
        border-radius:0;
    }
    
    .rt_memo_disp:focus{
        outline:1px solid royalblue;
        border-radius:0; 
    }  
    
    .rt_filter_disp,
    .recent_date_disp,
    .img_title_disp,
    .memo_title_disp{
        margin:5px 0 0 20px;
        font-size:10pt;
        background-color:#e9e9e9;
        width:165px;
        padding:1px 5px;
    }  
    
    .recent_date_block{
        margin-left:20px;
        font-size:10.5pt;
        padding:2px;
        border:1px solid #e9e9e9;
        width:90vw;
    }
    
    .recent_date_block:focus{
        border:1px solid royalblue;
    }
        
    .regist_info_underlen24{
        height:24px;
        resize:none;
        overflow:hidden;
    }
    
    .img_disp_block{
        margin-left:20px;
        padding:2px;
        border:1px solid #e9e9e9;
        width:90vw;
    }
    
    .pin_elm{
        padding:1px 10px;
        border-radius:1px;
        text-align: center;
        border:2px solid royalblue;
        z-index:999;
        cursor:pointer;
        font-size:14pt;
        background-color:white;
    }
    
    .pin_elm:before{
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7.5px;
        border: 7.5px solid transparent;
        border-top: 7.5px solid royalblue;
    }

    /* dest-alert-map.php ---------------------------------------------------------------------------------------------------------------------------------*/
    
    .content_map_custom{
        display:flex;
        margin-top:75px;
        position:relative;
    }
    
    
    /* dest-alert-input.php ---------------------------------------------------------------------------------------------------------------------------------*/
    .pref_select,
    .city_select,
    .town_select,
    .regist_select{
        color:royalblue;
        background-color:whitesmoke;
        border:1px solid #e1e1e1;
        padding:2px 5px;
        border-radius:1px;
        text-align-last:center;
        font-size:13.5px;
    }
    
    .pref_select:focus,
    .city_select:focus,
    .town_select:focus,
    .regist_select:focus{
        outline:1px solid royalblue;
        border:0;
        border-radius:0;
    }
    .addressNoinput{
        border:1px solid gainsboro;
        padding:2px 5px;
        line-height:22px;
        width:125px;
        background-color:snow;
        color:dimgray;
    }
    
    .addressBuildinginput{
        border:1px solid gainsboro;
        padding:2px 5px;
        line-height:22px;
        width:220px;
        background-color:snow;
        color:dimgray;
    }
    
    .prefcitytown_position,
    .add1add2_position,
    .regist_type{
        margin-left:22.5px;
        font-size:11pt;
    }
    
    .ml225_position{
        margin-left:22.5px;
    }
    
    .regist_detail{
        margin:2.5px 0 0 22.5px;
        border:1px solid gainsboro;
        width:90vw;
        height:7.5vh;
        padding:2px 5px;
        border-radius:0px;
        color:dimgray;
        background-color:snow;
        font-size:10.5pt;
    }
    
    .fs95{
        font-size:9.5pt;
    }
    
    .regist_memo{
        margin-left:22.5px;
        border:1px solid gainsboro;
        width:90vw;
        height:12.5vh;
        padding:2px 5px;
        border-radius:0px;
        color:dimgray;
        background-color:snow;
    }
    
    .regist_detail:focus,
    .regist_memo:focus,
    .addressBuildinginput:focus,
    .addressNoinput:focus{
        outline: none;
        border: none;
        border: 1px solid royalblue;
        
    }
    
    .regist_type_conf{
        margin-left:22.5px;
        font-size:10pt;
    }
    
    .regist_detail_conf{
        font-size:10.5pt;
        margin-left:22.5px;
        width:90vw;
        white-space:pre-wrap;
        border:1px solid #e1e1e1;
        padding:2px 5px;
        height:10vh;
    }
    
    .regist_memo_conf{
        font-size:10.5pt;
        margin-left:22.5px;
        width:90vw;
        white-space:pre-wrap;
        border:1px solid #e1e1e1;
        padding:2px 5px;
        height:15vh;
    }

    .marker_position_adjust{
        font-size:9.5pt;
        color:orangered;
        letter-spacing:-0.5px;
        padding:2px 5px;

    }
    
/* tenko.php ---------------------------------------------------------------------------------------------------------------------------------*/

    .deriv_date_title{
        display:flex;
        justify-content: space-between;
        line-height:20px;
    }
    
    .regist_deriv_date_tenko{
        /* margin-left:5px; */
        border:1px solid #e1e1e1;
        background-color:white;
        width:130px;
        height:28px;
        padding:2px 10px;
        font-size:12pt;
        vertical-align:middle;
        color:royalblue;
        letter-spacing:1px;
        text-align:center;
        border-radius:1px;
    }

    .blk_lbl_size{
        height:28px;
        display:inline-block;
        padding:3.5px 6px;
    }

    .chgbtn{
        border-radius : 1px;
        font-size     : 11pt;
        text-align    : center;
        padding       : 2px 10px;
        background    : royalblue;
        height		  : 28px;
        -webkit-text-fill-color: snow;
    }

    .regist_start_time{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        height:30px;
        font-size:16pt;
        padding:2.5px 15px;
        /* border-radius:1px; */
        font-weight:300;
        text-align-last:center;
        height:32px;
    }

    .regist_deriv_hour{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        height:32px;
        border-radius:1px;
        padding:2.5px 10px;
        font-size:16pt;
        font-weight:300;
        text-align-last:center;
    }

    .reward_input{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        height:32px;
        width:82.5px;
        text-align:right;
        padding:2.5px 10px;
        font-size:16pt;
        font-weight:300;
    }

    .dest_input_cnt{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        /* height:40px; */
        border-radius:1px;
        padding:2.5px 10px;
        width:65px;
        text-align:right;
        font-size:16pt;
        font-weight:300;
    }

    .meterinput{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        /* height:32px; */
        border-radius:1px;
        padding:2.5px 10px;
        font-size:16pt;
        font-weight:300;
        width:110px;
        text-align-last:center;
        letter-spacing: 0.5px;
    }
    
    .meterinput:focus{
        outline: none;
        border: none;
        border: 1px solid royalblue;
    }

    .meter_RTS_time{
        border:1px solid #e1e1e1;
        color:royalblue;
        height:32px;
        font-size:18.5px;
        padding:2px 15px;
        border-radius:1px;
        text-align-last:center;
    }
    
    .meterkm_disp{
        position:relative;
        top:5px;
        left:2px;
    }
    
    .tenko-container{
        width:97.5vw;
        margin:25px 5px;
        
    }
    
    .tenko-section,
    .last_meter_blk{
        display:flex;
    }
    
    .before-deriv{
        width:48.75vw;
        /* height:30px; */
        background-color:royalblue;
        border-radius:1px 1px 0 0;
        padding:7.5px 10px;
        color:snow;
        text-align:center;
    }   
    
    .after-deriv{
        width:48.75vw;
        /* height:30px; */
        background-color:royalblue;
        border-radius:1px 1px 0 0;
        padding:7.5px 10px;
        color:snow;
        text-align:center;
    }
    
    .deactivetab{
        color:lightgray;
        background-color:whitesmoke;
        border:1px solid #e9e9e9;
    }
    
    .tenko-content{
        border:1px solid royalblue;
        /* border-top:0; */
        /* height:200px; */
        padding:5px 10px 50px 10px;
        overflow-y: scroll;
        scrollbar-width: 0;
        font-size:10.5pt;
    }
    
    .before-deriv-content{
        
    }
    
    .after-deriv-content{
        
    }
    
    .lblposition{
        position:relative;
        left:5px;
    }
    
    .otherchk{
        border:1px solid #e9e9e9;
        width:90vw;
        height:70px;
        border-radius:1px;
        padding:2px 5px;
        color:dimgray;
    }
    
    .tenkostrLentext{
        position:relative;
        top:-5px;
        color:crimson;
        
    }
    
    .meter_title{
        font-size:14px;
        margin-top:10px;

    }

    .NRRTS_select{
        display:flex;
        margin:10px 0;
    }
    
    .routeselect{
        display:flex;
        margin-top:15px;
    }
    
    .tri-right-route{
        width: 0;
        height: 0;
        border-top: 7.5px solid transparent;
        border-bottom: 7.5px solid transparent;
        border-left: 12.5px solid lightgray;
        border-right: 0;
        margin:13.5px 0 0 2.5px;
    }

    .routeinput{
        background-color:white;
        border-bottom:1px solid #e1e1e1;
        color:royalblue;
        height:32px;
        /* border-radius:1px; */
        padding:0 7.5px;
        font-size:16pt;
        width:80px;
        /* text-align-last:center; */
        margin:2.5px 0 0 1px;
        font-weight:300;
        letter-spacing: -0.5px;
    }
    
    .routeinput:focus{
        outline: none;
        border: none;
        border-bottom: 1px solid royalblue;
    }

    .dest_cnt_disp_tenko{
        margin-top:10px;
        display:flex;
    }
    
    .dest_disp_tenko,
    .cnt_disp_tenko{
        margin:10px 5px 0 0;
        font-size:11pt;
    }

    .RTS_meisai_tenko{
        margin:0 0 10px 50px;
        
    }

    .RTSmeisai_input_tenko{
        margin:2px 0 5px 2px;
        width:65px;
    }
    
    .RTS_input_tenko{
        background-color:white;
        border:1px solid #e1e1e1;
        color:royalblue;
        border-radius:1px;
        padding:1px 5px;
        font-size:12pt;
        width:50px;
        height:28px;
        text-align:right;
    }
    
    .Q_icon_tenko{
        position:relative;
        /* top:-0.5px; */
    }

    .Q_content_tenko{
        display: none;
        border:1px orange solid;
        border-radius:1px;
        margin:0 5px 0 0;
        padding:2px 5px;
        font-size:10pt;
    }
    
    .addon_select{
        display:flex;
        margin-left:5px;
    }
    
    .udmsg{
        margin-right:5px;
        font-size:10pt;
        animation:anim 3s forwards;
    }
    
    @keyframes anim {
        0% {
            opacity:1;
            /* position:relative;
            left:-100px; */
        }
        100% {
            opacity:0;
            /* position:relative;
            left:0; */
            display:none;
        }
    }
    
    
    
}