@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;800;900&family=Noto+Sans+JP:wght@100..900&display=swap);.btn-subscribe,body.signup-page h1{font-size:20px}
#month_base:before,.dataTables_filter label:before{font-family:"Font Awesome 5 Free";position:absolute}
.table thead tr th,tbody tr td{vertical-align:middle!important}
a,body,div,h1,h2,h3,h4,h5,html,li,span{font-family:"Font Awesome 5 Free","Noto Sans JP",sans-serif!important;font-optical-sizing:auto;font-style:normal}
body,table,td,th{font-size:12px}
.elevation-4{box-shadow:none!important}
body.signup-page{background-image:url(https://jisuru.com/images/fv_fix_bg.jpg);background-attachment:fixed;background-size:cover;background-position:center top}
.regist-box{max-width:500px;margin:20px auto 0;background-color:#fff;padding:15px;border-radius:10px;box-shadow:0 0 15px -5px #a8a8a8}
.btn-subscribe{background:linear-gradient(90deg,#df51c0 0,#00a9db 100%);border-radius:5px;border:none;color:#fff;font-weight:900}
.tips{font-size:11px}
.input-group.fileup{border:3px dotted #e7e8ec;border-radius:5px;padding:5px}
.brand-link .brand-image-xs{max-height:40px!important}
.logo-xl.brand-image-xs,.logo-xs.brand-image-xs{left:18px!important;top:10px!important}
.brand-image.img-circle.elevation-3.logo-xs{box-shadow:inherit!important}
.brand-link .brand-image{margin-left:.4rem!important}
.login-box button,.navbar-white,.page-item.active .page-link,.wrapper,[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active,[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus{background:#000;background:linear-gradient(90deg,#df51c0 0,#00a9db 100%)}
.btn-primary,.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:#000;border-color:#000}
.btn-info,.btn-info:active,.btn-info:focus,.btn-info:hover,.btn-info:visited,.btn-success,.btn-success:active,.btn-success:focus,.btn-success:hover,.btn-success:visited{background-color:#f10066;border-color:#f10066}
.daterangepicker .ranges li.active,.daterangepicker td.active,.daterangepicker td.active:hover,.dropdown-item.active,.dropdown-item:active{background-color:#f10066}
div.pace .pace-activity{height:2px!important}
.preloader{background-color:rgba(0,0,0,.9)!important}
.table-bordered,.table-bordered td,.table-bordered th{border:inherit!important}
::-webkit-scrollbar{width:10px;height:10px}
.login-box,.login-logo,body:not(.layout-fixed) .main-sidebar{height:100vh}
::-webkit-scrollbar-track{background-color:#fbfbfb;border-radius:100px}
::-webkit-scrollbar-thumb{border-radius:100px;border:3px solid transparent;background-clip:content-box;background-color:rgba(0,0,0,.1)}
.page-link{margin:5px;border:none;border-radius:10px;background-color:rgba(0,0,0,.1);color:#666}
.main-header,a.brand-link{border-bottom:0!important}
a.brand-link{background-color:#000}
aside[class*=sidebar-dark-]{box-shadow:none;border-left:5px solid #000;background-color:#000}
div.sidebar{border-radius:10px 0 0;background-color:#333;height:100%}
[class*=sidebar-dark-] .sidebar a{font-size:15px;font-weight:500}
.content-wrapper{width:calc(100% - 255px);border-radius:0 10px 0 0;background-color:#fff}
.card,.datepicker table th{background-color:inherit}
body.sidebar-collapse .content-wrapper{width:calc(100% - 5px - 4.6rem)}
@media (max-width:991.98px){body.sidebar-collapse .content-wrapper,body.sidebar-open .content-wrapper{width:100%;margin:0 auto;background-color:#fff}
div.sidebar{background-color:inherit}
}
.dropdown-menu,.dropdown-menu li,.dropdown-menu li a{border-radius:10px!important;border:none;font-size:15px}
.dropdown-menu li a{margin:10px}
.dropdown-item,.dropdown-menu .btn-block{width:inherit}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:inherit;border-radius:10px!important}
.row{margin-left:0;margin-right:0}
.card-body,.col-12,.content-wrapper>.content{padding:0}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{padding-left:0;padding-right:0}
.card{margin-top:0;margin-bottom:0;box-shadow:none;border-radius:0}
.card-header:after{display:none!important}
.login-box{display:flex;width:100%;overflow-y:hidden;background-color:#fff}
.login-logo{width:40%;order:2;background-image:url(https://s.jisuru.com/images/bg1.jpg);background-size:cover}
.login-box .logo_image{width:400px!important;margin-top:250px}
.login-logo+.card-primary{width:60%;height:100vh;order:1;border-radius:inherit!important;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:0}
.login-logo+.card-primary .login-card-body{width:60%;margin:0 auto;height:300px;flex:inherit;align-self:center;border-radius:10px}
.login-logo+.card-primary .login-card-body:before{content:"";display:block;margin:0 auto;width:180px;height:100px;background-image:url(https://s.jisuru.com//images/header_logo.png);background-size:contain;background-repeat:no-repeat}
.login-page .card-footer,.login-page .card-header h3,.login-page .login-logo img[height="50"]{display:none}
.login-logo+.card-primary .login-card-body label[for=remember]{color:#000;font-weight:400!important;font-size:13px}
.login-logo+.card-primary .login-card-body button[type=submit]{border-radius:5px;box-shadow:0 3px 3px rgba(0,0,0,.3)}
.login-page .card-primary.card-outline{border-top:none!important}
body.login-page{background:linear-gradient(148deg,#4b5e6c 0,#18131f 100%)}
.login-box button{border:inherit;border-radius:2px}
.form-control:focus,.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text,.register-card-body .input-group .form-control:focus~.input-group-append .input-group-text{border-color:#7695ac!important}
@media (max-width:576px){.login-box,.register-box{margin-top:0!important;width:100%!important}
.login-logo{display:none}
.login-logo+.card-primary{width:100%}
.login-logo+.card-primary .login-card-body{width:100%;box-shadow:none}
}
.main-sidebar ul li a i{min-width:25px;text-align:center}
.navbar-light .navbar-nav .nav-link{color:#fff}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(255,255,255,.5)}
[class*=sidebar-dark-]{background-color:#333}
.menu_spacer{background-color:#444!important}
.card-header,td.calc,td.system,th.calc,th.system{background-color:inherit!important}
.card-header{border-bottom:inherit!important;color:#0b1931!important;border-radius:10px!important}
.card-header::after{content:"";height:1px;background-color:#e7e8ec;display:block;margin-top:50px}
.card-title{font-size:25px;font-weight:700}
.card-title:before{content:"\f022";font-family:"Font Awesome 5 Free";margin-right:5px}
#detail_div{z-index:9999!important;width:100%!important;margin-top:-50px!important}

.header_bar{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.header_bar>*{margin: 5px;}
.header_bar{
.clm_date_range,.date_base{
  display: flex;
  flex-direction: column;
  width:20%;
}
.search_base{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width:50%;
  .filter_label{width:100%;}
}
.filter_label{margin-bottom: 0;padding-left:0;line-height:30px}
.col_title{width: 20%;}
}
@media (max-width:991px){
  .header_bar{
  .clm_date_range,.date_base{width:100%;}
  .search_base{width:100%;}
  .col_title{width: 100%;}
  }
}


.input-group-text{border:none!important}
.login-card-body .input-group .input-group-text,.register-card-body .input-group .input-group-text{background-color:#e9ecef!important}
.form-control,.select2-container--default .select2-selection--single{border:3px solid #e7e8ec;font-size:13px;font-weight:700}
.form-control:focus,.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--single{border-color:#c6c7ce!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:inherit!important;margin-top:inherit!important}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#343a40!important}
.select2-results__options li{font-size:12px!important}
#month_base{position:relative}
#month_base:before{content:"\f073";top:7px;left:10px}
.dataTables_filter label{color:#fff;position:relative}
.dataTables_filter label:before{content:"\f002";font-weight:700;color:#333;left:50px;top:3px}
#month_base #month_picker,div.dataTables_wrapper div.dataTables_filter input{text-indent:15px}
.btn:not(.bg-transparent):hover{transform:translateY(2px) scale(1)!important;transition:.3s ease-in-out}
#close_btn{line-height:30px;border-radius:100%;width:40px;-webkit-animation:1.5s ease-in-out 3s infinite both heartbeat;animation:1.5s ease-in-out 3s infinite both heartbeat}
#btn_cancel,#btn_detail_exp,#btn_export,#btn_import,#btn_save{font-size:11px;margin-top:5px;background-color:#000;border-color:#000;color:#fff}
#btn_apply,#btn_close,#btn_exec,#btn_setup{margin-top:5px;background-color:#000;border-color:#000}
#btn_reload{margin-top:5px;background-color:#138496;border-color:#117a8b;box-shadow:0 3px 0 rgba(58,176,195,.5)}
.table-bordered th:not(:last-child){border-right:1px solid #fff!important}
.table-responsive{overflow-y:hidden!important}
table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>th,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc{padding-right:inherit!important}
table.dataTable tfoot>tr>th{padding-left:1px!important;padding-right:3px!important}
table.dataTable thead .sorting:after,table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc_disabled:after,table.dataTable thead .sorting_desc_disabled:before{bottom:0;font-size:10px}
table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{font-size:10px!important;margin-top:-4px!important;color:#06c!important;font-weight:700!important}
.table thead tr{position:sticky;top:0;background-color:#e7e8ec}
.table thead tr th{font-size:11px;border-bottom:inherit!important}
tbody tr:nth-child(2n){background-color:#fff}
tbody tr:nth-child(odd){background-color:#fbfbfb}
tbody tr:hover{background:linear-gradient(-45deg,#feedf4 25%,#fde4ef 25%,#fde4ef 50%,#feedf4 50%,#feedf4 75%,#fde4ef 75%,#fde4ef);background-size:40px 40px;animation:1s linear infinite anime_stripe_1}
@keyframes anime_stripe_1{0%{background-position-x:0}
100%{background-position-x:-40px}
}
tbody tr td{white-space:nowrap}
td .btn,th .btn{font-size:10px}
.modal-side-btn{width:50px;font-size:20px;margin-bottom:10px}
.modal-side .modal-dialog{margin:0;max-width:900px;position:absolute;right:0}
.modal-side .modal-content{border-radius:0;border:none;min-height:100vh;min-width:500px}
.modal-side .modal-header{position:sticky;top:0;background-color:#E0E8E8;z-index:9999;height: 56px;}
.modal-side .modal-header h2{font-size:25px;font-weight:900;margin-bottom:0;}
.modal-side .modal-header h2:before{content: "\f044";font-family: "Font Awesome 5 Free";margin-right: 5px;}
.modal-side .modal-body{width:100%;overflow-x:scroll}
.modal-side .modal-body ul li a,.modal-side .modal-title{display:inline-block;text-overflow:ellipsis;white-space:nowrap;width:80%;overflow:hidden}
.modal.modal-side.fade .modal-dialog{transform:translate(220%,0)}
.modal.modal-side.show .modal-dialog{transform:none}
.modal-backdrop.show{opacity:.1}
.modal-header h2{width:100%}
.modal-header:has(.modal_h_info_label){width:100%;display:flex;flex-wrap:wrap}
div:has(> .modal_h_info_label){width:calc(50% - 10px);margin:5px;font-weight:600 display: inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.modal_b_info_label,.modal_h_info_label{background-color:#e7e8ec;padding:4px;margin-right:5px;border-radius:5px;font-size:10px;font-weight:900;min-width:60px;display:inline-block;text-align:center}
.ad_sample,.kensyutu_memo_area{padding:10px}
.kensyutu_memo_area textarea{width:100%;background-color:#fbfbfb;border:2px solid #e7e8ec;border-radius:5px;min-height:50px;field-sizing:content}
.kensyutu_memo_area .btn-info{font-size:12px;font-weight:600;width:50px;display:block;margin-left:auto}
ul:has(> .modal_b_info_label){list-style-type:none;padding:10px}
ul:has(> .modal_b_info_label) li{margin:10px 0;display:flex;align-items:center}
ul:has(> .modal_b_info_label) li i{margin-right:5px}
.ad_sample{width:60%;display:flex;flex-direction:row;flex-wrap:wrap;background-color:#fff;box-shadow:2px 1px 5px 1px #dcdcdc;border-radius:10px;overflow:hidden;margin:10px}
.ad_desc,.ad_title{width:100%;white-space:normal}
.ad_favicon{background-color:#e2eeff;padding:4px 7px;color:#0060f0;border-radius:100px;margin-right:5px}
.ad_domain{display:flex;align-items:center}
.ad_title{font-size:18px}
.ad_desc{font-size:14px}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}