@charset "utf-8";
body{font-family:"Source Sans Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", sans-serif; min-width: 320px; color: #555;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;}
a{cursor: pointer;}
a:focus {outline: none;}
a:hover{text-decoration: none; opacity: 0.8;}
a.link{color: #007bff; text-decoration: underline;}
.fo-noto,.cat{font-family: 'Noto Sans JP', sans-serif;}
.comma::after{content: ","; margin-right: 10px;}
.comma:last-child:after{content: none;}
div{word-wrap: break-word;}

/*fa*/
.aclist-btn::after,
.bread-clip::after,
.navbar-nav a::after
{-moz-osx-font-smoothing:grayscale; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1; font-weight: 900;}

/*text size color*/
.text-lsize{font-size: 18px; line-height: 1.8;}
.text-big{font-size: 24px;}
.price{color: #ef221e; font-weight: bold;}
.badge-m_st{background-color: #699ab9;}
.badge-redo,.badge-m_st-9{background-color: #dc3545;}
.badge-edit,.badge-m_st-5{background-color: #007bff;}
.badge-request,.badge-m_st-8{background-color: #28a745;}
.badge-ok,.badge-m_st-18{background-color: #0fd983;}
.badge-request_leader,.badge-m_st-7{background-color: #e9a018;}
.badge-m_st-103{background-color: #9835dc;}
.badge-kuro,.badge-m_st-99{background-color: #333;}
tr.tr-member_st-99{background-color: #f0dede;}

/*btn*/
.btn-2line{padding-top: 2px; padding-bottom: 2px;}
.btn-2line small{display: block; font-size: 12px;}
.btn-mst{color: #fff; background-color: #df2f87;}
.btn-mst:hover{color: #fff;}

/*margin padding*/
.mr-1{margin-right: 5px !important;}
.mt-0{margin-top: 0 !important;}

/*---HEADER---*/
body.sitetype-local .navbar-default{background-color: #ffc9ce;}
body.sitetype-dev .navbar-default{background-color: #c9d4ff;}

.dropdown-toggle.v-pdsmall{padding-top: 10px; padding-bottom: 10px;}
.navbar-nav > li > a img.my-icon{width: 55px;}
.my-icon{border: 1px solid #ccc; max-width: 100px;}
.lnr-arrow-left-circle:before,
.lnr-arrow-right-circle::before{content: "\e871";}
.navbar-nav > li > .dropdown-menu{max-height: 400px; overflow: auto;}
.slimScrollBar{background: rgb(255, 2, 2) !important; opacity: 0.7 !important;}

/*---TOP---*/
.todo-list > li p > span{display: block;}
.item-news{padding: 15px 0;}
.item-news .item-inner span{display: block;}
.item-news .item-img{margin-right: 15px; width: 100px; border: 1px solid #ccc;}
.row-news .item-img{margin-bottom: 10px;}
.row-news .item-text{padding: 15px 0;}

/*login*/
.logo-text{font-weight: bold;}

/*cdc_input*/
.cdc_input .auth-box{height: auto; padding:0 15px 20px; width: 100%; max-width: 640px;}
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control{line-height: 1;}
.page-mini_title{margin-bottom: 5px; font-size: 16px; font-weight: bold;}
.page-cdc_title{margin:10px 0 5px; font-size: 24px; font-weight: bold;}
.cdc_text{font-size: 16px;}
.cdc_input .page-head{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.repo-mlist.v-cdc{width: 100%;}

/*---PAGE---*/
.page-head.fx-cc{margin-bottom: 30px; flex-wrap: wrap;}
.page-head.fx-cc .page-title{margin: 0 30px 0 0;}
.item-name{font-size: 16px; font-weight: bold;}
.page-head_sub{margin:30px 0 15px;}
.page-head_sub .page-title{margin: 0;}
.page-head_sub .page-sub_title{margin:10px 0 0; font-size: 18px;}

/*members*/
.wrp-memlist{grid-gap: 30px 15px;}
.wrp-memlist .my-icon{width: 80px;}
.wrp-memlist .item-meta > div{margin-right: 15px;}
.wrp-memlist > li > .item-img{margin-right: 10px; width: 80px;}
.wrp-memlist > li > .item-main{width: calc(100% - 90px);}
.wrp-memlist > li > .item-edit{margin-top: 10px; width: 100%;}
.div-st{display: flex; flex-wrap: wrap; align-items: center; margin-top: 5px;}
.div-st .badge,.div-st .label{margin-right: 5px;}
.wrp-memlist > li .item-m_st{margin-bottom: 3px; line-height: 1;}

/*team*/
.wrp-teamrow{font-size: 16px;}
.team-img{text-align: center; margin-bottom: 20px;}
.team-address{margin-bottom: 20px;}

/*box*/
.userbox{background-color: #fff; border:1px solid #ccc; padding: 15px; max-width: 450px; margin: 0 auto;}
.userbox .item-img{margin-right: 20px;}

/*panel*/
.panel .panel-heading.fx-ex{padding-top: 15px; padding-bottom: 10px;}
.panel-subtitle{margin: 5px 0 0;}

/*contact*/
ul.activity-list > li.item-mysend{background-color: #f9f9f9;;}

/*c_block*/
.wrp-c_block{grid-gap: 15px;}
.item-c_block .item-head{margin-bottom: 10px;}
.item-c_block .item-label{font-weight: bold; font-size: 85%;}
.item-c_block .item{margin-bottom: 10px;}
.spn-price{color: #dc3545;}
.spn-trader{color: #285cbe;}
.item-trader{font-weight: bold; font-size: 110%;}

/*team links*/
.wrp-team_links{margin-bottom: 25px; max-width: 380px;}
.wrp-team_links .item-text{margin-bottom: 8px; font-size: 12px;}
.wrp-team_links .item-btns{margin-top: 10px;}
.wrp-team_links.v-member{max-width: 760px;}
.wrp-team_links.v-member > .input-group{min-width: 290px; max-width: 380px;}
.wrp-team_links.v-wide{max-width: 760px;}
.form-tb_head{margin-bottom: 20px;}
.form-tb_head .wrp-team_links{margin-bottom: 0;}

/*ledger*/
.wrp-select_block{max-width: 800px;}
.tg-remove, .tg-remove td{position: relative;}
.ol-num{padding-left:20px;}
.ol-num > li{list-style: decimal;}
.alert-title{line-height: 1.6;}
.wrp-head_ledger_fuel{align-items: flex-end;}
.wrp-base_meter{width: 100%; max-width: none;}
.wrp-base_meter .input-group{max-width: 500px;}
.form-ledger_fuel .th-w_num_2{width: 150px;}
td .input-group:nth-child(n + 2){margin-top: 10px;}

/*---FORM---*/
.form-control{font-size: 16px; height: auto;}
.vali_error{font-size: 14px;}
.form-btn{margin-top: 30px;}
.form-steptxt{padding: 50px 0;}
.wrp-form_fx{display: flex; flex-wrap: wrap; justify-content:space-between;}
.wrp-form_fx > div{margin-bottom: 20px; width: 31%;}
.hyphen{margin:0 10px;}
.form-short{max-width: 150px; width: 28%;}
.form-middle{max-width: 200px; width: 50%;}
.form-b_title{margin:20px 0 10px; line-height: 1.2; font-weight: bold; font-size: 20px; border-left: 5px solid #00AAFF; padding-left: 10px;}
.wrp-birthform > input{width: 32%;}
.datepicker.datepicker-dropdown{z-index: 1040 !important;}
.form-add_btns{margin-top: 10px; text-align: right;}
.form-btns{text-align: center; margin-top: 20px;}
.form-btns .btn{margin-right: 15px;}
.form-btns .btn.btn-lg{width: 100%; max-width: 280px;}
.form-btns .btn:last-child{margin-right: 0;}
.form-btns.v-short .btn.btn-lg{width: 40%;}

label > small{margin-left: 10px; color: #FF3B68;}
label.checkbox{padding-left: 25px;}
.item-st label.checkbox{margin: 0;}
input+.badge{margin-top: 10px;}
.datepicker,.timepicker{padding: 4px 4px 4px 10px;}
#my_map{width: 100%; height: 400px;}
#my_map.v-repo{height: 250px;}
.fancy-checkbox input[type="checkbox"]:checked + span::before{font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.wrp-datetime{display: flex; align-items: center; flex-wrap: wrap;}
.wrp-datetime > .input-group{width: 200px;}
.ov-tb_title{font-size: 20px; font-weight: bold; margin: 20px 0 10px;}
.form-ud_add_btn{margin: -10px 0 0; text-align: right;}
.tb-meta_form td{vertical-align: middle !important; position: relative;}
.btn-ab{position: absolute; right: 0px; font-size: 20px;}
.btn-js-remove{bottom: 8px; color: #FF3B68;}
.btn-js-add{top: 8px; color: #007bff;}
.form-control::placeholder{color: #bbb;}

.form-btns.v-confirm{padding: 20px 0; background-color: #ddd;}
.form-btns .item-btn_alert_text{margin-top: 20px; font-weight: bold; color: #007bff; font-size: 22px;}
.form-btns .item-btn_alert_text.v-2{color: #FF3B68;}
.form-btns .item-inner{margin-top: 20px;}

.copy_alert { display: none; font-size: 12px; margin-top: 5px;} 
.js-copy_url{cursor: pointer; color: #00AAFF; text-decoration: underline;}

/*form-report*/
.repo-title{margin-bottom: 15px;}
.repo-title span{font-weight: bold;}
.item-repo .item-label{margin-bottom: 10px; font-weight: bold;}
.wrp-fancy > label{margin-right: 10px;}
.wrp-fancy > label:last-child{margin-right: 0;}
.wrp-checkbox > div,.wrp-checkbox > label{margin-bottom: 15px;}
.tb-repo th{background-color: #f5f5f5; vertical-align: middle !important; padding-left: 8px !important; min-width: 95px;}
.fancy-checkbox input[type="checkbox"] + span{font-size: 14px; font-weight: bold;}
.wrp-report_entry_col{margin-bottom: 30px;}
.td-r_entry .badge{margin: 5px 5px 5px 0;}
.td-r_entry .btn{margin: 2px; padding: 5px 10px;}
.block-memo{margin-top: 20px; border: 1px solid #ddd; padding: 15px; background-color: #fff;}
.input-group .input-group-btn .btn{font-size: 16px;}

/*fx-fake_tb*/
.fx-fake_tb{display: flex; justify-content: space-between; flex-wrap: wrap;}
.fx-fake_tb .item-inner{width: 48%;}
.fx-fake_tb .item{display: flex; align-items: center; border-bottom: 1px solid #ddd; min-height: 55px;}
.fx-fake_tb .item-l{font-weight: bold; padding: 7px 5px 7px 0; min-width: 140px;}
.fx-fake_tb .item-r{padding: 10px 0 10px 5px; width: 100%;}
.fx-fake_tb .item.item-bar{align-items: center; justify-content: center; background-color: #f7fdff; text-align: center; font-weight: bold;}
.fx-fake_tb.v-under{margin-top: 40px;}
.fx-fake_tb .item.v-block{display: block;}
.fx-fake_tb .item.v-block .item-r{padding-left: 0; padding-top: 0;}

.wrp-repo_mlist{margin-bottom: 20px;}
.wrp-repo_mlist:last-child{margin-bottom: 0;}
.repo-mlist{padding:10px 0; border-bottom: 1px dashed #ccc; width: 50%;}
.repo-mlist .spn-name{font-size: 18px; margin-right: 10px; min-width: 120px; font-weight: bold;}
.repo-mlist .spn-role{margin-right: 20px;}
.wrp-repo_mlist .repo-bottom{font-weight: bold; padding-top: 15px;}
.v-report_entry .repo-mlist .spn-name,.v-diary .repo-mlist .spn-name{margin: 0 0 0 10px;}
.wrp-repo_child.v-report .item-repo_child .spn-name{min-width: 120px; margin-right: 0;}
.wrp-repo_child.v-report .item-repo_child{border-bottom: 1px dashed #ccc;}
.wrp-repo_child.v-report .item-repo_child:last-child{border: none;}
.wrp-repo_child .item-add_text{margin-right: 7px; font-size: 12px; color: #285cbe;}

/*form-tb_box*/
.table{background-color: #fff;}
.form-tb_box{margin-bottom: 30px;}
.table-responsive table{max-width: none; min-width: 970px; margin-bottom: 0;}
.th-w_date{width: 150px;}
.th-w_datetime{width: 240px;}
.th-w_num{width: 180px;}
.th-w_text{width: 300px;}
.th-w_textarea{width: 230px;}
.th-w_num_min{width: 90px;}
.th-w_check{width: 68px;}
.th-w_edit{width: 160px;}
.th-w_ymd{width: 170px;}
.th-w_title{width: 180px;}
.th-w_name{width: 130px;}
.th-w_date_2{width: 150px;}
.th-w_num_2{width: 120px;}
.th-w_text_2{width: 300px;}
.th-w_textarea_2{width: 240px;}
.td-div{margin-bottom: 10px;}
.td-div:last-child{margin-bottom: 0;}
.form-tb_box .item-st{margin-top: 10px;}
.tb_u-title{font-weight: bold; margin: 0 0 10px; font-size: 20px;}
.td-pd0{padding: 0 !important;}
.wrp-repo_child{width: 100%;}
.item-repo_child{padding:5px; min-width: 50%;}
.item-repo_child .spn-name{font-weight: bold; margin-right: 20px;}
.item-repo_child .item-st{min-width: 100px; width: 100px; margin: 0 5px 0 0;}
.item-repo_child .badge{width: 100%; padding:5px 7px; margin: 0;}
.td-r_entry.v-ledger .spn-name{min-width: 125px; margin-right: 5px;}
.td-r_entry.v-ledger .spn-year{min-width: 60px; margin-right: 10px;}
.td-r_entry.v-ledger .btn{min-width: 90px;}
.td-r_entry.v-ledger .spn-name.v-mem{min-width: 90px;}
.most_small{font-size: 75%; line-height: 1 !important;}

.tb-total td,.tb-total th{padding: 8px !important; width: 80px;}
.tb-total td{text-align: right;}
.tb-total th{text-align: center;}
.wrp-total_mem{margin-top: 30px;}
.wrp-total_mem .item-ud_text{margin: 3px 0 0; text-align: right;}
.v-middle{vertical-align: middle !important;}
img.activity_image{border: 1px solid #000;}
.wrp-reparent .item-btn{text-align: center; margin-top: 20px;}
.wrp-reparent{margin: 20px 0;}
.wrp-reparent:first-child{margin-top: 0;}
.wrp-reparent table:last-child{margin-bottom: 0;}
#rp-activity_image{text-align: center;}
#rp-activity_image img{width: 450px;}
.no-padding{padding: 0 !important;}

/*tb_member_bank*/
.tb_member_bank-title{font-weight: bold; padding: 2px;}
.wrp-tb_member_bank{overflow: auto; height: 440px;}
.tb-sm td,.tb-sm th{padding:2px 5px !important; font-size: 12px;}
.tb-xs td,.tb-xs th{padding:2px 5px !important; font-size: 11px;}
.td-w_xs_1{width: 100px;}
table.table-nobg{background: none !important;}

/*compensation*/
.tb-compe td,.tb-compe th{padding: 3px 2px !important;}
.tb-compe th{text-align: center;}
.tb-compe td.td-pad{padding: 3px 10px !important;}
.compe-w_1{width: 35px;}
.compe-w_3{width: 52px;}
.compe-w_4{width: 60px;}
.tb-compe tr.tr-all_man td{border-top: 2px solid #aaa;}
.tb-compe tr.tr-all_price td{background-color: #f4f4f4;}
.tb-compe tr.tr-wrp_total_price td{background-color: #eee;}
.tb-compe tr.tr-blank td{padding: 15px 0 !important;}

/*tb-option*/
.tb-option td{padding: 10px !important;}
.group-add_input > input{margin-bottom: 15px;}
.group-add_input > input:last-child{margin-bottom: 0px;}
.tb-option .spn-num{margin-left: 20px;}

/*inspection*/
.tb-insp{margin-top: 40px;}
.tb-insp td,.tb-insp th{padding: 2px 5px !important; vertical-align: middle !important;}
.td-block_title{text-align: center; font-weight: bold; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
.td-block_title_ex{text-align: center; font-weight: bold;}
.td-block_title_ex .tategaki{width: 22px;}
.tb-insp .th-w_1{width: 33px;}
.tb-insp .th-w_4{width: 90px;}
.tb-insp .item-else{display: inline-block; padding: 3px 0;}

/*donwload*/
.form-top_title{font-size: 20px; padding: 15px 0 10px;}
.form-top_title small{display: block; font-size: 14px;}
.form-group.form-lg .form-control{font-size: 20px; padding-top: 9px; padding-bottom: 9px;}

/*ddup*/
.ddup-area.fx-ccc{background-color: #f4f4f4; padding: 10px; display: flex; border: #ddd dashed 3px; min-height: 200px; max-width: 300px; text-align: center;}
.ddup-area.fx-ccc.active{border: #ddd solid 3px; background-color: #eee;}
.ddup-item.success{padding: 7px; position: relative; max-width: 280px;}
.ddup-area.active .dduped-box{display: block;}
.ddup-group{margin-bottom: 15px;}
.dduped-box{display: none; margin-bottom: 20px;}
.ddup-btn input{display: none;}
.ddup-item .fa{font-size: 30px;}
.ddup-item .progress{margin-top: 10px;}
.ddup-item .del_icon{color:#ef221e !important; position: absolute; right: -5px; top: -5px;}
.custom-file input{display: none;}
.ddup-files{margin-bottom: 5px;}

/*---MODAL---*/
.modal-dialog{width: auto; max-width: 640px;}
.modal-size_md{max-width: 865px;}
.modal-size_lg{max-width: 1130px;}
.modal-title{font-size: 24px; font-weight: bold; margin-bottom: 30px;}
.modal-header .modal-title{margin-bottom: 0;}
.modal-size_md .modal-body{padding:20px;}
.modal-out_footer{text-align: center; margin-top: 20px;}
.modal-mcn_sc .modal-body{padding:40px 40px 20px;}
.modal-out_footer .btn{font-size: 24px; padding:15px 0; border-radius: 50px; width: 240px;}
.modal-center_title{font-size: 24px; font-weight: bold; padding: 15px 0; text-align: center;}
button.close{opacity: 1; font-size: 30px; padding: 0 15px;}
.confirm-text{margin: 0;}
.modal-sub_title{margin-bottom: 10px; font-weight: bold; font-size: 18px;}
.modal-title > small{margin-left: 10px;}

/*modal pdf*/
.modal-progress{height: 100%;}
.modal-progress .modal-content{padding: 25px;}
.modal-one_title{text-align: center; font-weight: bold; margin: 0; font-size: 28px; margin-bottom: 20px;}
.modal-pdf .item-img_pop > img{margin: 0 5px; width: auto;}
.modal-pdf .item-img_pop > img,
.modal-pdf .item-img_qr > img{height: 60vh; width: auto; max-width: none !important; }

/*sign*/
.wrp-canvas{max-width: 640px;}
.canvas-sign{background-color: #fff; border: 1px solid #333;}
.wrp-canvas .item-canvas{margin-bottom: 10px;}
.wrp-canvas .spn-1{min-width: 75px;}
.wrp-canvas .spn-2{min-width: 35px; text-align: right; font-weight: bold;}
.wrp-canvas .item-border{margin-bottom: 20px;}
.modal-size_xs{max-width: 360px; margin: 10px auto;}
.modal-size_xs .modal-body{padding: 15px 0;}
.modal-size_xs .wrp-canvas{max-width: 300px; margin: 0 auto;}
.modal-size_xs .item-btns .btn{width: 100%; margin-bottom: 10px;}

/*alert*/
.wrp-my_alert p{font-size: 18px; padding: 10px; line-height: 1.8;}
.wrp-input_alert{padding: 15px 0; max-width: 640px;}
.alert-saved{position: fixed; width: 100%; left: 0; top: 13px; z-index: 999999; padding:0 30px;}
.alert-saved .alert{margin: 0 auto; max-width: 1200px;}
.alert-fixed { z-index: 99999; position: fixed; display: none;}
.alert-fixed.show{display: block;}
.alert-fixed button.close{position: absolute; right: -10px;}

#canvas{position: relative;	border:3px solid #000;}
div#img-box{border:3px solid #000; width:500px;}
div#btn-box{position: fixed; bottom :0px;}

/*paging*/
.wrp-paging{margin-top: 30px; text-align: center;}
.pagination{margin: 0;}
.paging-info{margin-top: 5px;}
.page-item.active .page-link{background-color: #00AAFF; border-color: #00AAFF;}
.page-link{color: #00AAFF;}

.col-xl-6{padding: 0 15px;}
.panel .panel-body{padding-top: 15px;}

/*---PC 4k---*/
@media only screen and (min-width: 1480px) {
    .col-xl-3{width: 25%;}
    .col-xl-4{width: 33.33333333%;}
    .col-xl-6{width: 50%;}


}

/*---PC small---*/
@media only screen and (max-width: 1480px) {
    /*report_disaster*/
    .repo-mlist{width: 100%;}
}


/*---PC small---*/
@media only screen and (max-width: 1280px) {
    /*login*/
    .auth-box .content{width: 98%;}

    /*fx-fake_tb*/
    .fx-fake_tb .item-inner{width: 49%;}
    .fx-fake_tb.v-2 .item{width: 49%;}
    .fx-fake_tb .item.v-block{display: block;}
    .fx-fake_tb .item.v-block .item-r{padding-left: 0;}

    /*report_disaster*/
    .wrp-fancy.flex{flex-wrap: wrap;}
    .wrp-fancy.flex > label{width: 33%; margin-right: 0;}

    .wrp-memlist{grid-template-columns: 1fr 1fr;}

}

/*---PAD pro---*/
@media only screen and (max-width: 1030px) {
    .panel .panel-body{padding-left: 15px; padding-right: 15px;}
    .fx-fake_tb .item-l{font-size: 14px; min-width:120px;}
    .fx-fake_tb .item-inner .form-middle{width: 100%;}
    .navbar-right .dropdown-menu{right: auto; left: 0;}
}

/*---PAD---*/
@media only screen and (max-width: 992px) {
    .navbar-default .brand{display: block;}
    .wrp-teamlist.grid{grid-template-columns: 1fr 1fr;}
    .main-content{padding-left: 0; padding-right: 0;}

    /*report_disaster*/
    .wrp-fancy.flex > label{width: 50%;}

    /*fx-fake_tb*/
    .fx-fake_tb.break-ipad .item-inner{width: 100%;}

    /*report*/
    .wrp-repo_base_col > div:last-child{margin-top: 20px;}
    .form-btns.v-confirm .btn{margin: 5px;}

    /*news*/
    .wrp-news_col > div:last-child{margin: 20px 0 40px;}

}

/*---Sm---*/
@media only screen and (max-width: 767px) {
    body{font-size: 14px;}

    /*---HEADER---*/
    .navbar-default .brand{padding: 14px 0 0;}
    .navbar-btn{padding: 0;}
    .navbar-nav{width: auto; display: flex; align-items: center;}
    .navbar-nav > li{padding: 0; display: block; width: auto;}
    .dropdown-toggle.v-pdsmall{padding: 0;}
    .navbar-nav > li > a img.my-icon{width: 40px; margin: 0 0 0 10px;}

    /*---MAIN---*/
    #wrapper #sidebar-nav{padding-top: 52px;}
    #wrapper .main{padding-top: 72px;}

    .main-content{padding-top: 0;}
    .wrp-teamlist.grid{display: block;}
    .panel .panel-heading, .panel .panel-body, .panel .panel-footer{padding-left: 15px; padding-right: 15px;}
    ul.activity-list > li{padding: 15px 0;}


    /*---PAGE---*/
    .page-title{font-size: 20px;}
    .page-head.fx-cc .page-title{margin: 5px 0 10px 0; width: 100%;}

    /*top*/
    .todo-list > li p{padding-left: 0;}
    .wrp-index_links{grid-template-columns:1fr;}

    /*members*/
    .wrp-memlist{display: block;}
    .wrp-memlist > li{margin-bottom: 20px;}
    .wrp-memlist .item-meta > div{margin-right: 5px;}
    .wrp-memlist .my-icon{width: 55px;}
    .wrp-memlist > li > .item-img{width: 55px;}
    .wrp-memlist > li > .item-main{width: calc(100% - 65px);}

    /*---FORM---*/
    .wrp-form_fx > div{width: 100%;}    
    .form-short{width: 100%;}

    /*report_disaster*/
    .fx-fake_tb .item-inner{width: 100%;}
    .tb-repo th{min-width: 95px;}
    .tb-repo th,.tb-repo td{padding: 5px !important;}
    .fx-fake_tb .item{font-size: 13px; min-height: auto;}
    .form-btns .item-btn_alert_text{font-size: 16px;}
    .form-btns .btn{margin: 0 0 10px;}

    /*---MODAL---*/
    .modal-title{font-size: 18px;}
    .modal-title > small{margin:5px 0 0; font-size:12px; display: block;}
    .modal-footer.times3-btn{display: flex; padding: 15px 5px;}
    .modal-footer.times3-btn .btn{padding: 10px 5px; font-size:13px;}

}

/*---Sm small---*/
@media only screen and (max-width: 350px) {
}