a.help {
    text-decoration: none;
    color: #333 !important;
    border-bottom: dashed 1px #888;
}
a.link {
    text-decoration: none;
    color: #3c8dbc !important;
    border-bottom: solid 1px #3c8dbc;
}
.none{
    display:none !important;
}
.label{
    display: inline-block;
    padding: .3em .6em;
    font-size: 13px;
    font-weight: 500;
}
.label.bg-gray {
    color: #000!important;
}
.nowrap{
    white-space: nowrap;
}
.custom-label {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    display: block;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    border: 1px solid #ccc;
    margin-bottom: 2px;
}
a.custom-label:hover {
    border: 1px solid #72afd2;
}
button.white{
    background-color: #fff;
}
button.warning{
    background-color: #fcf8e3;
}
button.success{
    background-color: #dff0d8;
}
button.info{
    background-color: #d9edf7;
}
.rowBorder,
.rowBorder td{
    border-bottom: 1px solid #ddd!important;
}
.txtCut{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.form-inline .control-label{
    vertical-align: top;
}
label{
    margin-bottom: 0;
}
.icheckbox_flat-green, .iradio_flat-green{
    vertical-align: text-top !important;
}
.icheckbox_flat-green{
    margin-right: 4px !important;
}
.labelMargin label{
    margin: 3px 0;
}
.iradio_flat-green + span[class^="bg"],
.iradio_flat-green + span[style^="background"]{
    margin-left: 4px;
    vertical-align: -1px;
}
.va-middle{
    vertical-align: middle!important;
}
/*-----------------------------------------------
    スクロールバーを削除
-----------------------------------------------*/
.ps__rail-x, .ps__rail-y {
    opacity: 0!important;
}
/*-----------------------------------------------
    box色変更
-----------------------------------------------*/
.callout.callout-info,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-success {
  background-color: #fff !important;
  color: #525252 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.callout.callout-info > h4,
.callout.callout-danger > h4,
.callout.callout-warning > h4,
.callout.callout-success > h4 {
  margin-bottom: 5px;
}
.callout.callout-info a,
.callout.callout-danger a,
.callout.callout-warning a,
.callout.callout-success a {
  color: #1A73E8;
  text-decoration: none;
}
.callout.callout-info a:hover,
.callout.callout-danger a:hover,
.callout.callout-warning a:hover,
.callout.callout-success a:hover {
  color: #000000;
}
.callout.callout-warning > h4 {
  color: #c87f0a;
}
.callout.callout-info > h4 {
  color: #0097bc;
}
.callout.callout-danger > h4 {
  color: #c23321;
}
a.callout {
    display: block;
}
a.callout:hover {
    background: #f7f7f7!important;
}
.info-box .info-box-text,
.info-box .info-box-number{
    color:#333!important;
}
a.info-box {
    display: block;
}
a.info-box:hover {
    background: #f7f7f7!important;
}

/*-----------------------------------------------
    ロールオーバー
-----------------------------------------------*/
.ro a:hover,
a.ro:hover,
a .ro:hover{opacity:0.8; }
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.ro .no_ro a:hover,
.ro a.no_ro:hover{opacity:1; }

/*-----------------------------------------------
    余白指定用
-----------------------------------------------*/
.mt10{margin: 10px 0 0 0 !important;}
.mb10{margin: 0 0 10px 0 !important;}
.pad2{padding: 2px !important;}
hr.small{margin: 10px 0 10px 0 !important;}

/*-----------------------------------------------
    幅指定用
-----------------------------------------------*/
.wAuto{
    width: auto !important;
    max-width: 100%;
}

.w20p{width: 20% !important;}
.w30p{width: 30% !important;}
.w40p{width: 40% !important;}

.w50{width: 50px !important;}
.w60{width: 60px !important;}
.w80{width: 80px !important;}
.w100{width: 100px !important;}
.w110{width: 110px !important;}
.w120{width: 120px !important;}
.w140{width: 140px !important;}
.w150{width: 150px !important;}
.w160{width: 160px !important;}
.w170{width: 170px !important;}
.w180{width: 180px !important;}
.w190{width: 190px !important;}
.w200{width: 200px !important;}
.w220{width: 220px !important;}
.w230{width: 230px !important;}
.w240{width: 240px !important;}
.w250{width: 250px !important;}
.w260{width: 260px !important;}
.w280{width: 280px !important;}
.w300{width: 300px !important;}
.w320{width: 320px !important;}
.w350{width: 350px !important;}
.w420{width: 420px !important;}
.w490{width: 490px !important;}
.w640{width: 640px !important;}
.w980{width: 980px !important;}

.minW50{min-width: 50px !important;}
.minW70{min-width: 70px !important;}
.minW80{min-width: 80px !important;}
.minW100{min-width: 100px !important;}
.minW150{min-width: 150px !important;}
.minW220{min-width: 220px !important;}
.minW260{min-width: 260px !important;}

.mw150{max-width: 150px !important;}
.mw200{max-width: 200px !important;}
.mw375{max-width: 375px !important;}
.mw400{max-width: 400px !important;}
.mw550{max-width: 550px !important;}
.mw600{max-width: 600px !important;}
.mw700{max-width: 700px !important;}
.mw800{max-width: 800px !important;}
.mw850{max-width: 850px !important;}

@media only screen and (max-width:991px){
    .spW100{
        width: 100% !important;
    }
}
/*-----------------------------------------------
    一覧のテーブル
-----------------------------------------------*/
.table-responsive th {white-space: nowrap;}

.endLine {border-right-color: #ddd!important;}

.table-responsive tr.col15 th,
.table-responsive col15.th,
.table-responsive tr.col15 td,
.table-responsive col15.td {
  width : 6.67% ;
  width : -webkit-calc(100% / 15) ;
  width : calc(100% / 15) ;
}
.table-responsive tr.col6 th,
.table-responsive col6.th,
.table-responsive tr.col6 td,
.table-responsive col6.td {
  width : 16.67% ;
  width : -webkit-calc(100% / 6) ;
  width : calc(100% / 6) ;
}

/* datatables上書き*/
table.dataTable thead th {
    border-bottom: 1px solid #f4f4f4!important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none!important;
}
/*-----------------------------------------------
    フォーム用
-----------------------------------------------*/
.custom-table-form th{
    background:#eee;
}
@media only screen and (max-width:991px){
    .custom-table-form,
    .custom-table-form tbody,
    .custom-table-form tr,
    .custom-table-form th,
    .custom-table-form td{
        display:block;
    }
    .custom-table-form th{
        background:#f4f4f4;
    }
    .custom-table-form.table-bordered>thead>tr>th,
    .custom-table-form.table-bordered>tbody>tr>th,
    .custom-table-form.table-bordered>tfoot>tr>th,
    .custom-table-form.table-bordered>thead>tr>td,
    .custom-table-form.table-bordered>tbody>tr>td,
    .custom-table-form.table-bordered>tfoot>tr>td{
        border-bottom:none;
    }
    .custom-table-form.table-bordered{
        border-top:none;
        border-left:none;
        border-right:none;
    }
}

/*エラー表示*/
.with-errors {display: none;}
.has-error .with-errors {display: block;}
.help-block:not(.with-errors) {
    color: #737373!important;
}

/* 複数チェックボックスの二段目以降を調整 */
.checkbox-inline + .checkbox-inline {
    margin-left: 0px;
    margin-right: 10px;
}
.checkbox-inline:first-child {
    margin-right: 10px;
}

/* スクロールできるエリアの設定 */
.scrollable {
    overflow: scroll;
}

/* チェックボックスをボタン化 */
.checkbox-btn .btn-default:not(.active){
        opacity: 0.5;
}
.checkbox-btn label.btn:hover:not(.active){
    background-color: transparent;
}
.checkbox-btn label.btn{
    margin-bottom: 5px;
}

/* iCheckのチェックボックスとラジオボタンを最初は非表示 */
input[class^="flat-"],
input[class^="square-"]{
    display:none;
}

.DTFC_LeftBodyLiner table tr td{
    border-right-color: #ddd!important;
}

.DTFC_LeftBodyLiner{
    overflow-x: inherit;
}

/* テーブルのスクロール表示調整 */
#data-table-scroll_wrapper .DTFC_LeftBodyLiner{
    overflow-x: inherit;
}

#data-table-scroll_wrapper .DTFC_LeftBodyLiner table tr td{
    border-right-color: #ddd!important;
}

/* チェックボックスのリスト */
.list-checkbox{
	line-height: 2;
}
.list-checkbox label{
	line-height: 1.5;
}

/*.main-header{
    position: relative;
}
.main-header::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/crm/bgHeader.jpg) center top / cover no-repeat;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}*/

body{
     font-family: "Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
     font-family: "Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
a{
    color:#3c8dbc
}
a:hover,a:active,a:focus{
    outline:none;
    text-decoration:none;
    color:#72afd2
}
.box.box-primary{
    border-top-color: #4285F4;
}
.callout.callout-info {
    border-left-color: #4285F4;
}
.callout.callout-info > h4 {
    color: #4285F4;
}
/*.sidebar-menu .treeview-menu li {
    padding-left: 46px;
}*/
.sidebar-menu .treeview-menu li:first-child {
    padding-top: 6px;
}
.sidebar-menu .treeview-menu li:last-child {
    padding-bottom: 10px;
}

/*-----------------------------------------------
	loader-bg
-----------------------------------------------*/
#loader-bg {
    position: fixed;
    width: 200px;
    height: 200px;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    background: rgba(0,0,0,0.85);
    border-radius: 10px;
    z-index: 99999;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

/*-----------------------------------------------
    scroll-hint
-----------------------------------------------*/
.scroll-hint{
    display: none;
}
.scroll-hint-target{
    position: relative;
}
.scroll-hint{
    width: 200px;
    height: 150px;
    position: absolute;
    top: 200px;
    left: calc(50% - 100px);
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    color: #FFF;
    z-index: 10;
    text-align: center;
    padding-top: 38.5px;
}
.scroll-hint .boxIco{
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.scroll-hint .boxIco i:nth-child(1){
    font-size: 40px;
}
.scroll-hint .boxIco i:nth-child(2),
.scroll-hint .boxIco i:nth-child(3){
    font-size: 15px;
}
.scroll-hint .boxIco i:nth-child(2){
    position: absolute;
    top: -5px;
    left: -11px;
}
.scroll-hint .boxIco i:nth-child(3){
    position: absolute;
    top: -5px;
    right: 0;
}
.scroll-hint .txt{
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}
@media only screen and (max-width:767px){
    .scroll-hint{
        display: none !important;
    }
}

/*-----------------------------------------------
    box-search
-----------------------------------------------*/
.box-search{
    border-radius: 0;
    box-shadow: none;
    border-top: none;
}
.box-search > .box-header{
    background: #526E83;
    color: #FFF;
    padding: 18px 15px 13px;
}
.box-search > .box-header .box-title{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
}
.box-search > .box-header .btn-default{
    background: none !important;
    border: none !important;
    color: #FFF !important;
}
.box-search > .box-header>.box-tools{
    top: 13px;
    right: 17px;
}
.box-search > .box-body{
    padding: 20px 15px 10px;
}

/*-----------------------------------------------
    txtNum
-----------------------------------------------*/
.txtNum{
    font-size: 15px;
    color: #384F61;
}
.txtNum b{
    font-size: 26px;
    font-weight: bold;
}

/*-----------------------------------------------
    ボタンの色
-----------------------------------------------*/
.box.box-primary,
.nav-tabs-custom>.nav-tabs>li.active{
    border-top-color: #526E83;
}
.skin-blue .btn-primary,
.skin-blue .pagination>.active>a,
.skin-blue .pagination>.active>a:focus,
.skin-blue .pagination>.active>a:hover,
.skin-blue .pagination>.active>span,
.skin-blue .pagination>.active>span:focus,
.skin-blue .pagination>.active>span:hover{
    background: #48D9BF;
    border-color: #48D9BF;
}
.skin-blue .btn-primary:hover,
.skin-blue .btn-primary:active,
.skin-blue .btn-primary:focus{
    background: #40C3AB;
    border-color: #40C3AB !important;
    outline: none;
}
.skin-black .btn-primary,
.skin-black .pagination>.active>a,
.skin-black .pagination>.active>a:focus,
.skin-black .pagination>.active>a:hover,
.skin-black .pagination>.active>span,
.skin-black .pagination>.active>span:focus,
.skin-black .pagination>.active>span:hover{
    background: #FF8587;
    border-color: #FF8587;
}
.skin-black .btn-primary:hover,
.skin-black .btn-primary:active,
.skin-black .btn-primary:focus{
    background: #E57779;
    border-color: #E57779 !important;
    outline: none;
}
.btn-default{
    background: #E4E7EA;
    color: #333;
    border-color: #E4E7EA;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus{
    background: #CDCFD2 !important;
    border-color: #CDCFD2 !important;
    outline: none;
}
.btn-danger{
    background: #999;
    color: #FFF;
    border-color: #999;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus{
    background: #898989 !important;
    border-color: #898989 !important;
    outline: none;
}

/*-----------------------------------------------
    skin-black
-----------------------------------------------*/
.skin-black .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.skin-black .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    border: none;
    background: #E4E7EA;
}
.skin-black .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #FF8587;
    border-color: #FF8587;
    color: #FFF !important;
}
.skin-black .dataTables_wrapper .dataTables_paginate .paginate_button:active{
    background: #E57779;
    border-color: #E57779;
    color: #FFF !important;
    box-shadow: none;
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header .navbar .navbar-right>li>a,
.skin-black .main-header .navbar-brand,
.skin-blue .main-header .navbar .sidebar-toggle, .skin-black .main-header .navbar .sidebar-toggle{
    border: none;
}
/*-----------------------------------------------
    nav-tabs
-----------------------------------------------*/
.nav-tabs{
    background-color: #f2f2f2;
    font-size: 16px;
}
.nav-tabs li:not(.active) a{
    color:#3c8dbc!important;
}
.nav-tabs li:not(.active){
    border-top: 3px solid #ddd;
    border-bottom: 1px solid #f4f4f4;
    background-color: #fff;
}

/*-----------------------------------------------
    ファイルのドロップ
-----------------------------------------------*/
#drag-drop-area{
    /*width: 250px;*/
    height: 250px;
    margin-bottom: 10px;
    border: 2px dashed #CCC;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 10px;
    color: #777;
}
#drag-drop-area .inner{
    display: block;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mr-file{
    margin-right: 10px;
}
.mr-file .input-group-btn:first-child>.btn{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
@media only screen and (max-width:767px){
    .mr-file,
    .mr-file .input-group-btn{
        display: inline-block;
    }

}

/*-----------------------------------------------
    ヘッダーとサイドバーの高さ変更
-----------------------------------------------*/
@media only screen and (min-width:768px){
    .fixed .content-wrapper, .fixed .right-side{
        padding-top: 60px;
        margin-left: 240px;
    }
    .main-header .logo{
        width: 240px;
        height: 60px;
        line-height: 60px;
    }
    .main-header .navbar{
        min-height: 60px;
        margin-left: 240px;
    }
    .main-sidebar{
        width: 240px;
        padding-top: 60px;
    }
}
@media only screen and (max-width:767px){
    .fixed .content-wrapper,
    .fixed .right-side,
    .main-sidebar{
        padding-top: 110px;
    }
}

/*-----------------------------------------------
    main-header
-----------------------------------------------*/
.skin-blue .main-header .navbar,
.skin-black .main-header .navbar{
    background: #FFF;
}
.skin-blue .main-header .logo,
.skin-black .main-header .logo{
    background: #FFF;
    font-family: "Helvetica Neue", Helvetica, Arial;
    border-right: 1px solid #E4E4E4;
}
.skin-blue .main-header .logo:hover,
.skin-black .main-header .logo:hover{
    background: #FFF;
    text-decoration: underline;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-black .main-header .navbar .sidebar-toggle:hover{
    background-color: transparent;
}
.skin-blue .main-header li.user-header,
.skin-black .main-header li.user-header{
    background: #FFF;
}
.skin-blue .main-header .navbar .sidebar-toggle,
.skin-black .main-header .navbar .sidebar-toggle,
.skin-green .main-header .navbar .sidebar-toggle{
    padding: 20px 15px;
}
.skin-blue .main-header .navbar .sidebar-toggle,
.skin-black .main-header .navbar .sidebar-toggle{
    color: #535353;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-black .main-header .navbar .sidebar-toggle:hover{
    color: #757575;
}
.skin-blue .main-header .navbar .nav>li>a,
.skin-black .main-header .navbar .nav>li>a{
    color: #384F61 !important;
    background: #FFF !important;
    letter-spacing: 1px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-black .main-header .navbar .nav>li>a:hover{
    color: #5F7280 !important;
}
.skin-blue .main-header .navbar .nav>li>a .imgArrow,
.skin-black .main-header .navbar .nav>li>a .imgArrow{
    vertical-align: 3px;
    margin-left: 8px;
}
.main-header .logo-lg{
    text-align: left;
}
.main-header .logo-lg img,
.main-header .logo-mini img{
    width: auto;
    height: 30px;
}
.main-header .navbar-brand{
    color: #384F61;
    font-size: 14px;
    letter-spacing: 0;
    padding: 20px 5px;
}
.skin-green .main-header .navbar-brand{
	color: #FFF;
}
.skin-green .main-header .navbar .nav>li>a{
	padding: 20px 30px;
}
@media only screen and (max-width:767px){
	.skin-green .main-header .navbar .nav>li>a{
		padding: 15px 30px;
	}
}

/*-----------------------------------------------
    navbar-nav
-----------------------------------------------*/
.navbar-nav > .user-menu > li > a{
    padding: 15px 30px 0;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
    border: 1px solid #DBDBDB;
    border-radius: 0;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}
.navbar-nav>.user-menu .user-image{
    width: 34px;
    height: 34px;
}

/* dropdown-menu */
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
    width: 260px;
    top: 60px;
    right: 30px;
}
.skin-black .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
    width: 358px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header{
    height: auto;
    padding-bottom: 0;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{
    color: #384F61;
    margin-top: 4px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header .txtName{
    font-size: 15px;
    letter-spacing: 1.5px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header .txtAuthority{
    font-size: 14px;
    color: #828A90;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer{
    background: none;
    padding: 4px 17px 17px 16px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer a{
    display: block;
    background: #40C0A9;
    width: 126px;
    height: 34px;
    color: #FFF;
    text-align: center;
    padding-top: 10px;
    line-height: 1;
}
.skin-black .navbar-nav>.user-menu>.dropdown-menu>.user-footer div:nth-child(2) a{
    width: 92px;
    background: #FF8587;
    margin-left: 6px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer div:last-child a{
    width: 92px;
    background: #7292A9;
}
@media only screen and (max-width:767px){
    .navbar-custom-menu .navbar-nav>li>a{
        line-height: 30px;
    }
    .skin-black .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
        right: calc(50% - 179px);
    }
}

/*-----------------------------------------------
    side-bar
-----------------------------------------------*/
.main-sidebar{
    overflow: hidden;
}
.sidebar{
    width: 100%;
    height: calc(100vh - 60px);
    overflow-y: scroll;
    padding-bottom: 50px;
}
.skin-blue .sidebar-menu>li.header,
.skin-black .sidebar-menu>li.header{
    color: #9ca7b0;
    background: none;
    padding: 20px 25px 7px 15px;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side,
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side{
    background: #3A5060;
}
.skin-blue .sidebar .treeview > a:hover,
.skin-black .sidebar .treeview > a:hover{
    background: #304555 !important;
}
.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li.menu-open>a,
.skin-black .sidebar-menu>li:hover>a,
.skin-black .sidebar-menu>li.active>a,
.skin-black .sidebar-menu>li.menu-open>a{
    background: #304555;
}
.skin-blue .sidebar-menu>li>.treeview-menu,
.skin-black .sidebar-menu>li>.treeview-menu{
    background: none;
}
.skin-blue .sidebar-menu>li.active>a,
.skin-black .sidebar-menu>li.active>a{
    border-left: none;
}
.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li.active>a:hover{
    background: #48D9BF !important;
}
.skin-black .sidebar-menu>li.active>a,
.skin-black .sidebar-menu>li.active>a:hover{
    background: #FF8587 !important;
}
.skin-blue .sidebar-menu>li>.treeview-menu,
.skin-black .sidebar-menu>li>.treeview-menu{
    padding: 9px 0;
}
.skin-blue .sidebar-menu>li.maCrm,
.skin-black .sidebar-menu>li.maCrm{
    margin-top: 10px;
}
.skin-blue .sidebar-menu>li.maCrm>a,
.skin-black .sidebar-menu>li.maCrm>a{
    color: #FFF;
}
.skin-blue .sidebar-menu>li.maCrm>a,
.skin-blue .sidebar-menu>li.maCrm>a:hover{
    background: #E57578 !important;
}
.skin-black .sidebar-menu>li.maCrm>a,
.skin-black .sidebar-menu>li.maCrm>a:hover{
    background: #4DD9BF !important;
}
.skin-blue .sidebar-menu>li>a:last-child img,
.skin-black .sidebar-menu>li>a:last-child img{
    vertical-align: baseline;
    margin-right: 6px;
}
.sidebar-menu li.header{
    padding-top: 15px;
}
.sidebar-menu>li.borderBtm{
    border-bottom: 1px solid #485C6C;
}
.sidebar-menu>li.borderBtm{
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.sidebar-menu>li>a{
    padding: 20px 5px 20px 15px;
    letter-spacing: 1px;
}
.sidebar-menu li>a>.fa-angle-left,
.sidebar-menu li>a>.pull-right-container>.fa-angle-left,
.sidebar-menu li.maCrm.menu-open>a>.fa-angle-left,
.sidebar-menu li.maCrm.menu-open>a>.pull-right-container>.fa-angle-left{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.sidebar .treeview-menu>li>a{
    padding: 8.5px 8.5px 8.5px 38px;
}
.sidebar .sidebar-form{
    margin: 20px 10px 0;
}
.sidebar .sidebar-form input[type="text"], .sidebar .sidebar-form .btn{
    background: #304555 !important;
}
.sidebar .sidebar-form input[type="text"]{
    color: #B8C7CE !important;
}
.sidebar .sidebar-form .btn,
.sidebar .sidebar-form input[type="text"]:focus + .input-group-btn .btn{
    color: #B8C7CE;
}
.sidebar .sidebar-form .btn +
.sidebar .sidebar-form input[type="text"]::placeholder{
    color: #828A90 !important;
}
.sidebar .sidebar-form input[type="text"]:-ms-input-placeholder{
    color: #828A90 !important;
}
.sidebar .sidebar-form input[type="text"]::-ms-input-placeholder{
    color: #828A90 !important;
}
@media only screen and (max-width:767px){
    .fixed .main-header, .fixed .main-sidebar, .fixed .left-side{
        position: absolute;
    }
}

/*-----------------------------------------------
    content-header
-----------------------------------------------*/
.content-header{
    border-bottom: 1px solid #E2E4E9;
    padding: 25px 15px 0 30px;
}
.content-header>h1{
    font-size: 19px;
    color: #3A5060;
    font-weight: bold;
    padding-bottom:25px;
}
@media only screen and (max-width:767px){
    .content-header{
        padding: 15px 15px 0 15px;
    }
}

/*-----------------------------------------------
    container-field
-----------------------------------------------*/
.container-fluid{
    padding: 30px;
}
@media only screen and (max-width:767px){
    .container-fluid{
        padding: 15px;
    }
}

/*-----------------------------------------------
    main-footer
-----------------------------------------------*/
.main-footer{
    margin-left: 240px;
    background: #ECF0F4;
    border-top: none;
    padding: 95px 0 25px 30px;
}
.main-footer a{
    color: #526D81;
    font-size: 12px;
    letter-spacing: 0.5px;
}
@media only screen and (max-width:767px){
    .main-footer{
        margin-left: 0;
        padding: 50px 0 15px 15px;
    }
}

/*-----------------------------------------------
    breadcrumb
-----------------------------------------------*/
.content-header>.breadcrumb{
    top: 18px;
}
.breadcrumb > li{
    font-size: 13px;
}
.content-header>.breadcrumb{
    padding-right: 25px;
}
.content-header>.breadcrumb>li+li:before{
    content: '/';
    padding: 0 10px;
}
.content-header>.breadcrumb>li>a{
    color: #384F61;
    letter-spacing: 0.5px;
}
.content-header .breadcrumb>.active{
    color: #828A90;
}
@media only screen and (max-width:991px){
    .content-header>.breadcrumb{
        top: 0;
        margin-bottom: 20px;
        background: none;
        padding-left: 0;
    }
    .content-header>h1:not(:only-child){
        padding-bottom: 10px;
    }
}

/*-----------------------------------------------
    secCmnMenu
-----------------------------------------------*/
.secCmnMenu{
    margin-top: 5px;
    width: 100%;
    max-width: 980px;
}
.secCmnMenu a{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    min-height: 120px;
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    padding: 30px 15px 30px 30px;
}
.secCmnMenu a:hover{
    background: #F7F7F7;
}
.secCmnMenu a:nth-child(n+2){
    margin-top: 12px;
}
.secCmnMenu a .ico{
    min-width: 45px;
    text-align: center;
}
.secCmnMenu a .ico i{
    color: #526E83;
    font-size: 40px;
}
.secCmnMenu a .ico .num{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: block;
    background: #526E83;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    padding-top: 10px;
    text-align: center;
    line-height: 1;
}
.secCmnMenu a .boxTxt{
    margin-left: 15px;
}
.secCmnMenu a .boxTxt .tit{
    color: #526E83;
    font-size: 18px;
    line-height: 33px;
    margin: 0;
    letter-spacing: 1px;
}
.secCmnMenu a .boxTxt .txt{
    color: #828A90;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
}
@media only screen and (max-width:767px){
    .secCmnMenu{
        padding: 0;
    }
    .secCmnMenu a .boxTxt .tit{
        font-size: 17px;
        line-height: 31px;
        letter-spacing: 0.5px;
    }
    .secCmnMenu a .boxTxt .txt{
        font-size: 13px;
        line-height: 24px;
    }
}

/*-----------------------------------------------
    印刷
-----------------------------------------------*/
@media print {
    a[href]:after {
        content: "" !important;
    }
    abbr[title]:after {
        content: "" !important;
    }
}



/*-----------------------------------------------
    追加パーツ
-----------------------------------------------*/
.fl-list{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;    
}
.w15p{
    width: 15%;
    margin: 1% 2% 0 0;
}
.w15p:nth-child(6n){
    margin-right: 0;
}
.w15p:nth-child(-n+6){
    margin-top: 0;
}
.w22p{
    width: 23.5%;
    margin: 2% 2% 0 0;
}
.w22p:nth-child(4n){
    margin-right: 0;
}
.w22p:nth-child(-n+4){
    margin-top: 0;
}

@media only screen and (max-width:767px){
    .w15p{
        width: 32%;
        margin: 1% 2% 0 0;
    }
    .w15p:nth-child(3n){
        margin-right: 0;
    }
    .w15p:nth-child(-n+6){
        margin-top: 2%;
    }    
    .w15p:nth-child(-n+3){
        margin-top: 0;
    }
    .w22p{
        width: 48.5%;
        margin: 3% 3% 0 0;
    }
    .w22p:nth-child(2n){
        margin-right: 0;
    }
    .w22p:nth-child(-n+4){
        margin-top: 3%;
    }    
    .w22p:nth-child(-n+2){
        margin-top: 0;
    }    
    
}

/*cf*/
.cf:before,.cf:after{content:".";display:table;height:0;font-size:0;line-height:0;visibility:hidden;}
.cf:after{clear:both;}
.cf{*zoom:1;}


.spOnly,
.brSp,
.imgSp{
	display:none !important;
}
a{text-decoration:none;}
.disnone{display:none;}
@media only screen and (max-width:767px){
	.spNone,
	.brPc,
	.imgPc{
		display:none !important;
	}
	.spOnly{
		display:block !important;
	}
	.brSp,
	.imgSp{
		display:inline !important;
	}
	.imgR{
		width:100%;
		height:auto;
	}
	.ro .slick-slide a:hover{filter:alpha(opacity=100);opacity:1;}
}

/*body{
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 500;
}*/