@charset "utf-8";

body{font-size: 16px; color: #333333; font-family: "Open Sans","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ",meiryo,sans-serif; min-width: 320px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, form{margin: 0;}
a{color: #333333; transition:all 300ms 0s ease;}
a:hover{opacity: 0.7; text-decoration: none;}
div{word-break: break-all; outline:none;}
.img-block{width: 100%; display: block;}
.container{position: relative; max-width:1230px; z-index: 1; background-color: #fff;}
.link{color: #3993ec !important; text-decoration: underline !important;}

/*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;}

/*badge*/
.badge{color: #fff; padding-top: 5px; padding-bottom: 4px;}
.badge-st_off{background-color: #aaa;}
.badge-st_on{background-color: #4CC764;}
.badge-st_caution{background-color: #bb2e2e;}


/*btn*/
.btn-xs{font-size: 14px; padding: 5px 10px;}
.btn-wide{width: 100%; max-width: 260px;}
.btn-outline{background-color: #fff;}
.btn-success,.btn-danger,.btn-info,.btn-secondary,.btn-primary,.btn-1{color: #fff !important;}
.btn.disabled{cursor: not-allowed;}
.btn-1{color: #fff; background-color: #4CC764; border-color: #4CC764;}
.btn-follow_off{background-color: #ECECEC; border-color: #ECECEC;}
.btn-follow_on{background-color: #c00; border-color: #c00; color: #fff;}
.btn-team_admin{background-color: #4CC764; border-color: #4CC764; color: #fff;}

/*---LAYOUT---*/
body{background-color: #f4f4f4; padding-top: 60px;}
.modal-dialog.modal-size_md,
body.layout-phone .container{max-width: 390px;}

/*---HEAD---*/
.my_navbar{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; width: 175px; text-align: right;}
.navbar-brand{margin: 0; font-size: 1.1rem; font-weight: bold;}
.head-main{width: 100%; padding: 10px 5px;}
.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*/
.header-alert { margin: 0 auto 20px; max-width: 980px; } 
.header-alert > div:first-child { margin-bottom: 5px; } 
.alert-fixed { z-index: 999999; position: fixed;}
.alert-sm{padding: 10px; font-size: 14px;}
.alert-heading{margin-bottom: 10px; font-size: 18px; font-weight: bold;}

/*---MAIN---*/
#main > .container{padding-top: 0; padding-bottom: 25px;}
#main > .container.ver-head_add{padding-top: 25px;}
#main > .container.ver-calendar{padding-bottom: 0;}
#put_line_id{position: absolute; bottom: 0;}
.page-head{margin: 0 -15px; background-color: #4CC764; padding: 15px 15px; position: relative;}
.page-head.fx-ex .btn{position: absolute; right: 10px;}
.page-title{font-size: 1.3rem; color: #fff; font-weight: bold;}
.item-title{font-weight: bold;}
.custom-file {max-width: 30rem; overflow: hidden;}
.custom-file-label {white-space: nowrap;}

/*sec*/
.sec{padding: 20px 0 10px;}
.sec-head{margin-bottom: 20px;}
.sec-title{font-size: 1.2rem; font-weight: bold; position: relative;}
.sec-title::after{border-bottom:3px solid #4CC764; content: ""; width: 80px; display: block; margin-top: 5px;}

/*---FORM---*/
.form-control::placeholder{color: #ccc;}
.step_3_text{padding: 3rem 0 0;}
.form-memo{margin: 0 0 20px;}
.btn-flex{display: flex; justify-content: space-between;}
.form-btn > .btn{width: 49%; padding-left: 5px; padding-right: 5px;}
.form-btn > .btn-block{width: 100%; }
.vali_error{font-size: 14px;}
.w-short{max-width: 250px;}
.wrp-serchbox{background-color: #e6e6e6; padding: 10px; margin: 0 -15px;}
.form-img{margin-bottom: 15px;}
.form-img img{display: block; margin-bottom: 5px;}
.no-border{border: none;}
.form-btn{padding-bottom: 0;}

/*tag*/
.wrp-tag-box{margin: 10px -3px 0;}
.tag-box{display: inline-block; margin: 3px; padding: 3px 6px; font-weight: bold; color: #fff; background-color: #4CC764; font-size: 14px; border-radius: 5px;}
.tag-box .js-del_tag{margin-left: 10px;}

/*toggle*/
.cmn-toggle{position:absolute;margin-left:-9999px;visibility:hidden}
.cmn-toggle + label{display:block;position:relative;cursor:pointer;outline:none;user-select:none; margin: 0;}
input.cmn-toggle-round + label{width:60px;height:30px;background-color:#DDD;border-radius:30px}
input.cmn-toggle-round + label:before,  input.cmn-toggle-round + label:after{display:block;position:absolute;top:1px;left:1px;bottom:1px;content:""}
input.cmn-toggle-round + label:before{right:1px;background-color:#F1F1F1;border-radius:30px;transition:background 0.4s}
input.cmn-toggle-round + label:after{width:28px;background-color:#fff;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,0.3);transition:margin 0.4s}
input.cmn-toggle-round:checked + label:before{background-color:#4CC764}
input.cmn-toggle-round:checked + label:after{margin-left:30px}
.switch-title{font-size: 12px; font-weight: bold; text-align: center; margin-bottom: 1px;}

/*---LIFF---*/
.liff-title{font-size: 1.1rem; margin-bottom: 1rem;}
.req{font-size: 0.8rem;}
.form-short{max-width: 200px;}
.form-w_number{max-width: 120px;}
.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-title{font-size: 20px; font-weight: bold; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #333;}
.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;}

/*alert*/
.alert-liff{margin-bottom: 0; border-radius: 0; font-size: 0.9rem; padding:0.75rem 1rem;}
.alert-liff .alert-heading{margin: 0; font-size: 1.1rem;}
.alert-liff .alert-heading small{font-size: 0.8rem;}
.alert-liff hr{margin: 0.5rem 0;}
.alert .alert-p{margin: 5px 0;}
.alert-marghins{margin: 30px 0;}
.alert-fix_head{position: fixed; top: 30px; width: 100%; max-width: 420px; z-index: 999; margin: 0 auto; left: 0; right: 0;}

/*menu*/
.list-group-item{padding: 1rem;}
.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: 7px;}
.list-group-item-action h5::before{content: "\f054"; color: #555; position: absolute; right: 0; top: 3px;}

/*list-list*/
.list-list{padding:15px 10px}
.list-list .item-head .item-img{margin-right: 5px; min-width: 50px; width: 50px;}
.list-list .item-text{margin-top: 10px; font-size: 14px;}
.list-list .item-bottom{margin: 15px -3px 0; display: flex;}
.list-list .item-bottom .btn{margin: 0 3px;}
.list-list .item-w_1{width: 48%;}
.list-list .item-w_2{width: 26%;}
.list-list .item-follow{position: absolute; right: 10px; top: 10px;}
.list-list.ver-teams .item-title{width: 180px;}
.list-list.ver-line{padding: 7px;}
.list-list.ver-line .item-title{width: 100%; line-height: 1.1;}
.list-list.ver-line .item-btns .btn{min-width: 63px; margin-left: 5px;}
.list-list.ver-line .item-img{width: 40px; min-width: 40px; margin-right: 7px;}

/*team*/
.team-cover{margin: 0 -15px;}
.team-head{text-align: center; position: relative;}
.team-head .spn-follow{position: absolute; top: 10px; right: 0;}
.spn-follow i{margin: 0 0 0 7px;}
.team-head .item-thumb{width: 80px; margin-top: -40px;}
.team-name{font-weight: bold; margin-top: 18px; font-size: 18px;}
.team-text{margin-top: 10px; text-align: left;}
.spn-follow .btn{padding-left: 7px; padding-right: 7px;}

/*team_sm*/
.wrp-team_sm{background-color: #ebf9ef; padding: 10px; margin: 0 -15px;}
.wrp-team_sm .item-img{min-width: 45px; width: 45px; margin-right: 10px;}
.wrp-team_sm .item-title{font-size: 18px;}

/*team_limit*/
.wrp-team_limit{border: 2px solid #4CC764; font-weight: bold; margin-bottom: 15px;}
.wrp-team_limit .item-label{background-color: #4CC764; color: #fff; padding: 5px 15px; font-size: 14px;}
.wrp-team_limit .item-value{padding:0 15px;}
.wrp-mem_list .list-group-item{padding: 0.75rem;}
.wrp-mem_list .item-label{background-color: #FF6951; color: #fff; padding:0.5rem 0.75rem; font-weight: bold;}
.wrp-mem_list .item-left{line-height: 1.3;}
.wrp-mem_list .list-group-item.item-caution{background-color: #f8d7da;}
.card-add_btn{margin-bottom: 15px; text-align: right; padding-right: 5px;}
.card-footer.btn-flex{padding: 0.75rem 1rem;}

/*accordion*/
.my_accordion > .card{margin-bottom: 20px;}
.my_accordion > .card:last-child{margin-bottom: 0;}
.my_accordion .item-title{color: #333; font-weight: bold; font-size: 1.1rem; padding-right: 20px;}
.my_accordion .card-header{border-bottom: none;}
.my_accordion .card-body{border-top: 1px solid rgba(0, 0, 0, 0.125); padding:15px 5px;}
.js-collapse::before{content: "\f068"; color: #555; position: absolute; right: 15px;}
.js-collapse.collapsed::before{content: "\f067";}

/*calendar*/
.wrp-cal_nav{margin:15px 0;}
.wrp-cal_nav > .btn{width: 47%;}
.wrp-cal{margin:0 -15px;}
.table-cal{font-size: 16px; border-bottom: 1px solid #dee2e6; margin-bottom: 0;}
.table-cal th{padding: 7px 0; text-align: center; width: 14.28%;}
.table-cal td{text-align: center; padding: 1px; vertical-align: top;}
.table-cal td.ended{background-color: #d2d2d2;}
.table-cal .item-cal_text{font-size: 14px; font-weight: bold; margin-top: 5px;}
.table-cal td.blank,
.table-cal td.holiday{background-color: #ccc;}
.table-cal .item-btn{margin-top: 3px;}
.table-cal .item-btn .btn{min-height: auto;}
a.cal_box{display: block; height: 68px; overflow: hidden;}
.table-cal .item-sce{font-size: 12px; text-align: left; line-height: 1.1;}
.cal-alert{font-size: 10px; text-align: center; letter-spacing:-1px; line-height: 1.2; height: 16px; border-radius: 1px; padding: 1px; margin:0 0 2px;}

/*---PAGE---*/
/*index*/
.body-index{padding-top: 0;}
.mv{text-align: center;}
.mv-bottom{padding-top: 30px;}

/*login*/
.img-linelogin{height: 60px;}

/*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;}

/*contact*/
.bg-user{background-color: #f8d7da;}
.bg-mst{background-color: #fff;}

/*timeline*/
.timeline{padding:25px 0 25px 15px; max-width:99%; margin: 0 auto; border-left:3px solid #4CC764;border-bottom-right-radius:4px;border-top-right-radius:4px; letter-spacing:0.2px;position:relative;line-height:1.4em;font-size:1.03em; list-style:none; text-align:left;}
.timeline .event{padding:30px 0 20px; position:relative}
.timeline .event:last-of-type{padding-bottom:0;margin-bottom:0;border:none}
.timeline .event:before, .timeline .event:after{position:absolute;display:block;top:0}
.timeline .event:before{left:0; top: -2px; content:attr(data-date);text-align:left;font-weight:100;font-size:0.9em;min-width:120px; font-weight: bold;}
.timeline .event:after{left:-20.8px; -webkit-box-shadow:0 0 0 3px #4CC764;box-shadow:0 0 0 3px #4CC764;background:#fff;border-radius:50%;height:9px;width:9px;content:"";top:5px}
.timeline li.item-li{width: 100%; background-color: #fff; padding: 5px 0 20px;}
.timeline li.item-li:nth-of-type(2n+1){background-color: #fff;}
.timeline li.item-li:last-child{margin-bottom: 0;}

.timeline .item-time{margin-bottom: 1px;}
.timeline .item-main .item-title{font-size: 18px; color: #4CC764;}
.timeline .item-main .btn{min-width: 60px; margin-left: 5px;}
.timeline .item-foot{margin-top: 5px;}
.timeline .item-remind{font-size: 12px; color: #666;}
.timeline .item-team{font-size: 12px;}
.timeline .item-team .item-img{width: 25px; min-width: 25px; margin-right: 5px;}


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


/*table*/
table td{word-wrap:anywhere;}
table.tb-small{font-size: 16px;}
table.tb-small th,table.tb-small td{padding: 5px 10px;}
table.tb-team_limit{margin: 10px 0 0;}
table.tb-team_limit th{width: 140px; font-weight: normal; background-color: #81bb75; color: #fff;}
.table-normal th{width: 110px;}
.table-normal td, .table-normal th{padding:10px 5px;}
.table-normal .small-label{padding: 10px 5px 0; font-size: 12px; font-weight: bold; text-align: right;}

/*privacy*/
.outer-sc_contact{max-height: 400px; overflow: auto; margin:25px 0; border: 1px solid #ccc;}
.i_terms{height: 250px; overflow: auto; background-color:#fff; padding:0 15px; border: 1px solid #eee}
.i_terms-check{margin-top: 20px; text-align: center; font-size: 1rem;}
label > .checkbox{margin-right: 10px;}

.single-sub_title{font-size: 28px; border-bottom: 1px solid #4CC764; padding-bottom: 10px; margin:20px 0 10px;}
.single-sub_label{font-size: 20px; font-weight: bold; border-left: 5px solid #4CC764; margin-bottom: 20px; padding-left: 10px;}
.single-block{padding: 20px 0;}
.single-block p{margin-bottom: 15px;}
.single-block p:last-child{margin: 0;}
.single-block strong{color: #E54343;}


/*---MODAL---*/
.modal-footer.ver-addbox{display: block; background-color: #ebf9ef; padding: 10px; border: none;}
.modal-footer_title{font-weight: bold; margin-bottom: 5px; font-size: 14px;}
.modal-footer .list-group{margin: 0;}

/*---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: #000;}
.foot-fixed > a i{display: block; margin: 0 0 5px; font-size: 20px;}
.sitetype-local .foot-fixed{bottom: 40px;}
.modal-open .foot-fixed{bottom: -55px !important;}

/*debug-team_history*/
.debug-team_history{position: fixed; bottom: 50px;}

/*---AD---*/
.foot-ad{position: fixed; bottom: 0; text-align: center; width: 100%; z-index: 999;}

/*------Sm large------*/
@media only screen and (max-width: 480px) {

}

/*------Sm middle------*/
@media only screen and (max-width: 375px) {
    body{font-size: 14px;}
    .list-list.ver-teams .item-title{width: 160px;}
    .head-user_info{width: 160px; font-size: 12px;}
    .btn{font-size: 14px;}
}

/*------Sm small------*/
@media only screen and (max-width: 340px) {
    .head-user_info{width: 100px;}
    .list-list.ver-teams .item-title{width: 120px;}
    .spn-follow .btn{font-size: 12px;}
    .team-head .item-thumb{width: 70px; margin-top:-35px}
    .table-normal th{width: 105px;}
}