@charset "utf-8";

/*fa*/
.my_navbar .nav-link::after,
.list-group-item-action h5::before,
.js-collapse::before
{-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;}

/*status*/
.cats{padding: 4px; line-height: 1; color: #fff !important; position: relative; text-align: center; min-width: 100px; font-size: 14px; font-weight: bold; margin-right: 5px; display: inline-block;}
.cats.cats-small{font-size: 12px; }
.cats-new{background-color: #c4a868;}
.cats-ok{background-color: #50ce65;}
.cats-ng{background-color: #aaa;}
.cats-zoom{background-color: #448cfc;}
.cats-else{background-color: #e544fc;}

/*---LAYOUT---*/
.container{max-width: 375px;}
#main_field{padding-top: 60px;}
.wrp-liff{padding-top: 25px; padding-bottom: 25px;}

/*---HEAD---*/
.my_navbar{border-top:solid 2px #202080; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); background-color: #fff;}
.my_navbar .navbar{padding: 0;}
.my_navbar .container{padding: 0;}
.my_navbar .navbar-toggler{padding: 0.25rem 0.5rem;}
.head-user_info{font-size: 14px; margin-right: 5px; text-align: right;}
.navbar-brand{margin: 0; font-size: 1rem; font-weight: bold; line-height: 1.1; padding: 0;}
.navbar-brand .spn-small{font-size: 12px; display: block;}
.head-main{width: 100%; padding: 10px;}
.my_navbar .nav-item{border-top: 1px solid #ccc;}
.my_navbar .nav-link{padding: 1rem; position: relative;}
.my_navbar .navbar .nav-link.active{background-color: #4CC764; color: #fff;}
.my_navbar .nav-link::after{content: "\f054"; position: absolute; right: 15px; top: 21px;}

/*alert*/
.alert-title{font-weight: bold;}
.alert-fixed { z-index: 999999; position: fixed;}
.alert-sm{padding: 10px; font-size: 14px;}
.alert-sm .alert-title{font-size: 0.9rem;}
.alert-sm hr{margin: 0.4rem 0;}
.alert-heading{margin-bottom: 10px; font-size: 18px; font-weight: bold;}

/*---FORM---*/
.req{font-size: 0.8rem;}
.form-short{max-width: 200px;}
.form-sub_label{font-size: 0.8rem; color: #555; margin-bottom: 5px;}
.form-w_number{max-width: 120px;}
.form-group.ver-img_upload{padding: 15px; margin: 20px 0; background-color: #f2f2f2;}
.form-size_s{width: 160px;}
.form-size_s .input-group-text, .form-size_s select{font-size: 11px; padding:5px 3px; height: auto;}
.form-consent{line-height: 1.2;}
.input-group-append.ver-sm .input-group-text{padding-left: 3px; padding-right: 3px;}
.vali_error{margin-bottom: 10px; font-size: 14px;}

/*radio checkbox*/
.btn-light{border-color: #ccc;}
.radio-btn .btn{font-size: 14px; padding-left: 2px; padding-right: 2px;}

/*over_block*/
.over_block{position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0,0,0,0.5);}
.over_block .container{background: none; padding-top: 20vh;}

/*---MAIN---*/
.item-name{font-weight: bold;}
.liff-title{font-size: 1.1rem; margin-bottom: 1rem;}
.liff-u_title{font-size: 0.9rem; margin: -10px 0 10px;}
.blank-title{padding: 10rem 0; font-weight: bold; font-size: 2.2rem; text-align: center;}
.wrp-liff .item-content{padding: 15px; background-color: #f7f7f7;}
.wrp-sc_contact{margin:25px 0; border: 1px solid #ccc;}
.wrp-sc_contact .item-box{padding: 15px; margin: 0; border-bottom: 1px dashed #aaa;}
.wrp-sc_contact .item-box:last-child{border: none;}
.wrp-sc_contact .item-label { margin-bottom: 10px; font-weight: bold; font-size: 1rem; } 
.wrp-sc_contact .item-label small{font-weight: normal; margin-left: 10px;}
.wrp-sc_contact .item-box.ver-user{background-color: #f7f7f7;}
.liff-block{margin-bottom: 2rem;}
.liff-block:last-child{margin-bottom: 0;}
.block-head,
.block-title{font-size: 18px; font-weight: bold; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #333;}
.box-title{font-size: 16px; font-weight: bold; margin-bottom: 10px;}

.card-small_hed{font-size: 0.8rem; margin-bottom: 0.2rem;}
.card-meta{font-size: 0.9rem; margin-bottom: 0; display: flex; align-items: flex-end;}
.card-meta .item-label{min-width: 100px;}
.card-meta .item-val{font-weight: bold;}
.card-main_text{margin-top: 0.5rem;}

/*dashbord*/
.list-group-item{padding: 1rem 1.25rem;}
.list-group-item.disabled{background-color: #ddd;}
.list-group-item h5{font-size: 1rem; font-weight: bold; margin-bottom: 0; position: relative;}
.list-group-item small{display: block; margin-top: 5px;}
.list-group-item-action h5::before{content: "\f054"; color: #555; position: absolute; right: 0; top: 3px;}
.list-group-item-action h5::before{-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;}
.list-group-item .item-message{font-size: 14px;}
.list-group-item .item-inner{margin-top: 7px; font-size: 12px;}

.wrp-mythumb{padding: 0 0 15px 20px;}
.wrp-mythumb .item-img{margin-right: 15px;}
.wrp-mythumb .item-name{font-weight: bold; font-size: 20px;}
.mythumb{width: 65px;}
.wrp-mythumb .item-comm{font-size: 14px;}

/*contact*/
.list-group-item.by_mine{background-color: #e3e3e3;}

/*table*/
table.tb-liff{font-size: 0.8rem;}
.table.tb-liff td, .table.tb-liff th{padding: 0.4rem;}
table.tb-liff th{width: 130px;}
table.tb-liff.ver-att th{width: 18%;}
table.tb-liff.ver-att td{width: 82%;}

table.tb-prof{font-size: 0.85rem;}
table.tb-prof th{width: 135px; background-color: #f7f7f7;}
.table.tb-prof td, .table.tb-prof th{padding: 0.6rem;}

/*prof*/
.prof-head{margin-bottom: 20px;}
.prof-head .item-name{font-size: 1.2rem;}
.prof-head .item-btn{margin-top: 15px;}

/*gallery*/
.wrp-gallery > div{margin-bottom: 10px;}
.item-gallery{border: 1px solid #ddd;}
.item-gallery img{width: 100%; display: block;}
.item-gallery .item-body{padding: 10px; text-align: center; min-height: 51px;}
.item-gallery .item-prof_own{font-weight: bold; font-size: 14px;}
.lum-lightbox{z-index: 999;}

.item-mem .item-body{padding: 5px; min-height: auto;}
.item-mem .item-name{text-align: left; line-height: 1.2; font-size: 12px;}
.item-mem .item-name small{display: block; margin-top: 2px;}
.item-mem .item-meta_1{text-align: left; font-size: 12px; margin-top: 5px;}
.item-mem .item-bottom{font-size: 10px; padding: 5px; background-color: #f7f7f7;}

/*log_box*/
#log_box{position: fixed; z-index: 99999; left: 0; bottom: 51px; max-width: 200px; font-size: 12px; padding: 0; background-color: #f2f2f2;}
#log_box span{display: inline-block; padding: 4px;}
.js-close_liff{position: fixed; right: 3px; bottom: 55px; color: #07b53b; display: none;}


/*messe*/
.wrp-messe{padding: 15px; background-color: #f7f7f7;}
.list-group-item h5 .short{width: 90%;}
.callout .item-title{width: 80%}

/*------Attendance------*/
.table-responsive > table.tb-att_result{min-width: 380px;}
.table-responsive > table.tb-att_result.v-headcc_5{min-width: auto;}

table.tb-att_result th{text-align: center; vertical-align: middle;}
table.tb-att_result th, table.tb-att_result td{padding: 5px 3px; font-size: 11px;}
.tb-att_result th.th-att_w_0{width: 28px;}
.tb-att_result th.th-att_w_1{width: 80px;}
.tb-att_result th.th-att_w_2{width: 80px;}
.tb-att_result th.th-att_w_3{width: 60px;}
td.td-att_2{text-align: center;}
td.td-att_3{text-align: center; font-weight: bold;}
.spn-st.ok{color: #50ce65}
.spn-st.ng{color: #aaa}
.spn-st.new{color: #c4a868}
.spn-st.zoom{color: #2c8cff}

/*ver-mem*/
.table-responsive > table.tb-att_result.ver-mem{min-width: auto;}
table.tb-att_result.ver-mem th{padding: 5px 0; font-size: 10px;}
th.th-mem_w_sort{width: 30px;}
th.th-mem_w_name{width: 80px;}
th.th-mem_w_kana{width: 110px;}
th.th-mem_w_line_is{width: 40px;}
th.th-mem_w_thumbnail_is{width: 29px;}

/*---FOOTER---*/
#footer{padding-bottom: 50px;}
.nav-foot{padding: 15px 5px; background: none; text-align: center;}
.nav-foot .btn{background-color: #fff; font-size: 16px;}
.nav-foot .btn-to_dash{min-height: 38px;}
.nav-foot .ver-back{width: 42%; margin-right: 7px;}
.foot-menu{display: block; text-align: left; padding:15px 0; margin: 0 -15px;}
.foot-menu > li > a{padding: 15px; display: block; border-top: 1px solid #d2d2d2;}
.foot-menu > li:last-child > a{border-bottom: 1px solid #d2d2d2;}
.layout-pc .foot-menu{padding: 25px 5px 0; text-align: center; display: flex; justify-content: center; flex-wrap: wrap;}
.layout-pc .foot-menu > li > a{padding: 0; margin: 0 15px; border-top: none;}
.layout-pc .foot-menu > li:last-child > a{border-bottom: none;}
.copyright{font-size: 12px; margin:0; text-align: center; padding: 20px 0 15px;}

/*foot-fixed*/
.foot-fixed{position: fixed; width: 100%; z-index: 9999; display: flex; bottom: 0; background-color: #fff; border-top: 1px solid #ccc;}
.foot-fixed > a{width: 25%; text-align: center; color: #888; line-height: 1; font-size: 10px; height: 50px; display: flex; justify-content: center; align-items: center; transition: none;}
.foot-fixed > a.active{color: #fff; background-color: #4CC764;}
.foot-fixed > a i{display: block; margin: 0 0 5px; font-size: 20px;}
.foot-fixed .item-inner{position: relative;}
.sitetype-local .foot-fixed{bottom: 0px;}
.modal-open .foot-fixed{bottom: -55px !important;}
.alrt_cc{color: #fff; background-color: #dc3545; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.foot-fixed .alrt_cc{position: absolute; left: 80%; top: -7px;}