/*
    font-face style
———————————–*/

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}


/* latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

*,
.checkbox,
.radio,
label,
.font,
.nav-tabs > li.actived > a,
.nav-tabs > li.actived > a:hover,
.nav-tabs > li.actived > a:focus {
    font-family: 'Noto Sans Japanese', Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif
}

.font-en {
    font-family: 'Open Sans', Helvetica, Arial, Verdana, Roboto
}

.large {
    font-size: 60px
}

/*
    general style
———————————–*/

html {
    height: 100%
}

body {
    height: 100%;
    font-weight: 200;
    background-color: #F1F2F6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Noto Sans Japanese', Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 600;
}
.w150{
    display: inline-block;
    width: 150px;
    margin-bottom: 10px;
}

/* -----------------------------------------------------------
    color
-------------------------------------------------------------- */
.flexcolor.caution{
    color:#EE0000 !important;
}

.flexcolor.red{
    color:#FF0000 !important;
}

.flexcolor.orange{
    color:#E85C00 !important;
}

.flexcolor.blue{
    color:#0088CC !important;
}

.flexcolor.green{
    color:#777700 !important;
}

.flexcolor.pink{
    color:#A90A5C !important;
}

.flexcolor.flexcolor black{
    color:#000000 !important;
}

.flexcolor.white{
    color:#FFFFFF !important;
}

.flexcolor.pur{
    color:#3A1E87 !important;
}
.flexcolor.ori-green{
    color:#81bf20 !important;
}
.flexcolor.ori-blue{
    color:#52B6E0 !important;
}
.flexcolor.gray{
    color:#666666 !important;
}

/* -----------------------------------------------------------
    margin
-------------------------------------------------------------- */
/* top */
.mt0{
    margin-top:0px !important;
}

.mt1{
    margin-top:1px !important;
}

.mt2{
    margin-top:2px !important;
}

.mt3{
    margin-top:3px !important;
}

.mt4{
    margin-top:4px !important;
}

.mt5{
    margin-top:5px !important;
}

.mt6{
    margin-top:6px !important;
}

.mt7{
    margin-top:7px !important;
}

.mt8{
    margin-top:8px !important;
}

.mt9{
    margin-top:9px !important;
}

.mt10{
    margin-top:10px !important;
}

.mt12{
    margin-top:12px !important;
}

.mt15{
    margin-top:15px !important;
}

.mt20{
    margin-top:20px !important;
}

.mt25{
    margin-top:25px !important;
}

.mt30{
    margin-top:30px !important;
}

.mt35{
    margin-top:35px !important;
}

.mt40{
    margin-top:40px !important;
}

.mt50{
    margin-top:50px !important;
}

.mt60{
    margin-top:60px !important;
}

.mt70{
    margin-top:70px !important;
}

.mt80{
    margin-top:80px !important;
}

.mt90{
    margin-top:90px !important;
}

.mt100{
    margin-top:100px !important;
}

/* bottom */
.mb0{
    margin-bottom:0px !important;
}

.mb1{
    margin-bottom:1px !important;
}

.mb2{
    margin-bottom:2px !important;
}

.mb3{
    margin-bottom:3px !important;
}

.mb4{
    margin-bottom:4px !important;
}

.mb5{
    margin-bottom:5px !important;
}

.mb6{
    margin-bottom:6px !important;
}

.mb7{
    margin-bottom:7px !important;
}

.mb8{
    margin-bottom:8px !important;
}

.mb9{
    margin-bottom:9px !important;
}

.mb10{
    margin-bottom:10px !important;
}

.mb12{
    margin-bottom:12px !important;
}

.mb15{
    margin-bottom:15px !important;
}

.mb20{
    margin-bottom:20px !important;
}

.mb25{
    margin-bottom:25px !important;
}

.mb30{
    margin-bottom:30px !important;
}

.mb40{
    margin-bottom:40px !important;
}

.mb50{
    margin-bottom:50px !important;
}

.mb60{
    margin-bottom:60px !important;
}

.mb70{
    margin-bottom:70px !important;
}

.mb80{
    margin-bottom:80px !important;
}

.mb90{
    margin-bottom:90px !important;
}

.mb100{
    margin-bottom:100px !important;
}

/* right */
.mr0{
    margin-right:0px !important;
}

.mr1{
    margin-right:1px !important;
}

.mr2{
    margin-right:2px !important;
}

.mr3{
    margin-right:3px !important;
}

.mr4{
    margin-right:4px !important;
}

.mr5{
    margin-right:5px !important;
}

.mr6{
    margin-right:6px !important;
}

.mr7{
    margin-right:7px !important;
}

.mr8{
    margin-right:8px !important;
}

.mr9{
    margin-right:9px !important;
}

.mr10{
    margin-right:10px !important;
}

.mr12{
    margin-right:12px !important;
}

.mr15{
    margin-right:15px !important;
}

.mr20{
    margin-right:20px !important;
}

.mr25{
    margin-right:25px !important;
}

.mr30{
    margin-right:30px !important;
}

.mr40{
    margin-right:40px !important;
}

.mr50{
    margin-right:50px !important;
}

.mr60{
    margin-right:60px !important;
}

.mr70{
    margin-right:70px !important;
}

.mr80{
    margin-right:80px !important;
}

.mr90{
    margin-right:90px !important;
}

.mr100{
    margin-right:100px !important;
}

/* left */
.ml0{
    margin-left:0px !important;
}

.ml1{
    margin-left:1px !important;
}

.ml2{
    margin-left:2px !important;
}

.ml3{
    margin-left:3px !important;
}

.ml4{
    margin-left:4px !important;
}

.ml5{
    margin-left:5px !important;
}

.ml6{
    margin-left:6px !important;
}

.ml7{
    margin-left:7px !important;
}

.ml8{
    margin-left:8px !important;
}

.ml9{
    margin-left:9px !important;
}

.ml10{
    margin-left:10px !important;
}

.ml12{
    margin-left:12px !important;
}

.ml15{
    margin-left:15px !important;
}

.ml20{
    margin-left:20px !important;
}

.ml25{
    margin-left:25px !important;
}

.ml30{
    margin-left:30px !important;
}

.ml40{
    margin-left:40px !important;
}

.ml50{
    margin-left:50px !important;
}

.ml60{
    margin-left:60px !important;
}

.ml70{
    margin-left:70px !important;
}

.ml80{
    margin-left:80px !important;
}

.ml90{
    margin-left:90px !important;
}

.ml100{
    margin-left:100px !important;
}

/* -----------------------------------------------------------
    padding
-------------------------------------------------------------- */
/* top */
.pt0{
    padding-top:0px !important;
}

.pt1{
    padding-top:1px !important;
}

.pt2{
    padding-top:2px !important;
}

.pt3{
    padding-top:3px !important;
}

.pt4{
    padding-top:4px !important;
}

.pt5{
    padding-top:5px !important;
}

.pt6{
    padding-top:6px !important;
}

.pt7{
    padding-top:7px !important;
}

.pt8{
    padding-top:8px !important;
}

.pt9{
    padding-top:9px !important;
}

.pt10{
    padding-top:10px !important;
}

.pt12{
    padding-top:12px !important;
}

.pt15{
    padding-top:15px !important;
}

.pt20{
    padding-top:20px !important;
}

.pt25{
    padding-top:25px !important;
}

.pt30{
    padding-top:30px !important;
}

.pt35{
    padding-top:35px !important;
}

.pt40{
    padding-top:40px !important;
}

.pt50{
    padding-top:50px !important;
}

/* bottom */
.pb0{
    padding-bottom:0px !important;
}

.pb1{
    padding-bottom:1px !important;
}

.pb2{
    padding-bottom:2px !important;
}

.pb3{
    padding-bottom:3px !important;
}

.pb4{
    padding-bottom:4px !important;
}

.pb5{
    padding-bottom:5px !important;
}

.pb6{
    padding-bottom:6px !important;
}

.pb7{
    padding-bottom:7px !important;
}

.pb8{
    padding-bottom:8px !important;
}

.pb9{
    padding-bottom:9px !important;
}

.pb10{
    padding-bottom:10px !important;
}

.pb12{
    padding-bottom:12px !important;
}

.pb15{
    padding-bottom:15px !important;
}

.pb20{
    padding-bottom:20px !important;
}

.pb25{
    padding-bottom:25px !important;
}

.pb30{
    padding-bottom:30px !important;
}

.pb40{
    padding-bottom:40px !important;
}

.pb50{
    padding-bottom:50px !important;
}

/* right */
.pr0{
    padding-right:0px !important;
}

.pr1{
    padding-right:1px !important;
}

.pr2{
    padding-right:2px !important;
}

.pr3{
    padding-right:3px !important;
}

.pr4{
    padding-right:4px !important;
}

.pr5{
    padding-right:5px !important;
}

.pr6{
    padding-right:6px !important;
}

.pr7{
    padding-right:7px !important;
}

.pr8{
    padding-right:8px !important;
}

.pr9{
    padding-right:9px !important;
}

.pr10{
    padding-right:10px !important;
}

.pr12{
    padding-right:12px !important;
}

.pr15{
    padding-right:15px !important;
}

.pr20{
    padding-right:20px !important;
}

.pr25{
    padding-right:25px !important;
}

.pr30{
    padding-right:30px !important;
}

.pr40{
    padding-right:40px !important;
}

.pr50{
    padding-right:50px !important;
}

/* left */
.pl0{
    padding-left:0px !important;
}

.pl1{
    padding-left:1px !important;
}

.pl2{
    padding-left:2px !important;
}

.pl3{
    padding-left:3px !important;
}

.pl4{
    padding-left:4px !important;
}

.pl5{
    padding-left:5px !important;
}

.pl6{
    padding-left:6px !important;
}

.pl7{
    padding-left:7px !important;
}

.pl8{
    padding-left:8px !important;
}

.pl9{
    padding-left:9px !important;
}

.pl10{
    padding-left:10px !important;
}

.pl12{
    padding-left:12px !important;
}

.pl15{
    padding-left:15px !important;
}

.pl20{
    padding-left:20px !important;
}

.pl25{
    padding-left:25px !important;
}

.pl30{
    padding-left:30px !important;
}

.pl40{
    padding-left:40px !important;
}

.pl50{
    padding-left:50px !important;
}

.font-normal {
    font-weight: normal
}

.icons {
    font-size: 105%;
    position: relative;
    top: 1px;
}

.icons.large {
    font-size: 60px
}

.clear {
    clear: both;
    display: block;
    width: 100%;
    padding: 15px;
    border-top: 1px solid #dddddd;
    background-color: #FFFFFF;
}

.link {
    cursor: pointer;
    color: #08c;
}

.ad {
    width: 100%;
    padding-right: 15px;
}
.panel .ad{
    margin:10px 0;
    padding-right: 0;
}

.adside {
    width: 100%;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    margin: auto;
}

.panel {
    border-radius: 4px;
}

.panel .btn-heading {
    font-size: 14px;
    padding: 2px 4px;
}
.panel .row{
    padding-bottom: 10px;
}
.panel .tabs{
    position: relative;
}
@media (max-width: 765px){
    .panel .tabs .navbar-toggle{
        display: block !important;
        visibility: visible !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0;
        margin: 0 10px 0 0;
        background-color: #02baf2;
        position: absolute;
        top: 0;
        right: -10px;
    }
    .panel .tabs .navbar-toggle span{
        display: block;
        width: 40px;
        line-height: 40px;
        color: #FFFFFF;
    }
    .panel .tabs .navbar-collapse{
        display: inline-block;
        background-color:#ededed;
        overflow: hidden;
        height: 42px;
        line-height: 42px;
        min-height: 42px;
        padding-right: 40px;
    }
    .panel .tabs .nav-tabs {
        border-bottom: none;
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: -o-flex;
        display: box;
        display: -webkit-box;
        display: -ms-box;
        display: -moz-box;
        display: -o-box;
        display: flexbox;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: -o-flexbox;
        box-orient: vertical;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
    }
    .panel .tabs .nav-tabs > li{
        float: none;
        width: 100%;
        box-ordinal-group: 2;
        -webkit-box-ordinal-group: 2;
        -ms-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
    }
    .panel .tabs .nav-tabs > li.actived {
        box-ordinal-group: 1;
        -webkit-box-ordinal-group: 1;
        -ms-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        flex-order: -1;
        -webkit-flex-order: -1;
        -ms-flex-order: -1;
        -o-flex-order: -1;
        order: -1;
        -webkit-order: -1;
        -ms-order: -1;
        -o-order: -1;
    }
    .panel .tabs .nav-tabs > li.actived > a,
    .panel .tabs .nav-tabs > li.actived > a:hover,
    .panel .tabs .nav-tabs > li.actived > a:focus{
        background-color: transparent;
        border:none;
    }
}

.copy {
    text-align: center
}

small {
    display: inline
}

.panel-default .panel-heading {
    border: 1px solid #08c
}

.tab-content{
    margin-top: 10px;
}
.required{
    color:#f84545;
    font-size: 60%;
}


/*
    form,table style
———————————–*/

.checkbox,
.radio,
label,
input {
    font-size: 18px
}

.btn {
    font-size: 22px
}

.checkbox .icons,
.radio .icons {
    top: 4px
}

form .alert {
    font-size: 16px
}

.btn.group-btn,
.input-group-addon{
    font-size: 18px;
    line-height: 26px;
    height: 40px;
}
_:-moz-tree-row(hover), .dataTables_length .form-control.input-sm {
    padding: 0 !important;
}
.tabs .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.col-title {
    line-height: 20px;
    font-size: 20px;
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
    padding-left: 5px;
}
.row > div > .col-title {
    line-height: 40px;
    font-size: 18px;
    border-top: none;
    padding-top: 0;
    padding-left: 0;
    color: #666666;
}
.btn.btn-add{
    margin-bottom:20px;
}
.list-horisonal{
    width: 100%;
    display: table;
}
.list-horisonal li{
    display: table-cell;
    padding: 0 5px;
}
_:-moz-tree-row(hover), .list-horisonal li a {
    position: relative;
    top: -18px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
    padding: 5px 5px;
}
.dataTables_length select{
    height: 30px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1;
}
.dataTables_paginate .pagination {
    margin: 10px 0;
}
.datatable.datatable-detail th,
.datatable.datatable-detail td{
    font-size:12px;
}
.table th{min-width:35px !important;}
.table th.id{width:5% !important;}
.table th.cat{width:10% !important;}
.table th.main{width:13% !important;}
.table th.main{width:13% !important;}
.table th.medium{width:20% !important;}
.table th.larger{width:50% !important;}
.table th.del{width:1% !important;}
.table th.select{width:1% !important;}
.btn.btn-cell{
    font-size: 16px;
    padding-top:0;
    padding-bottom: 0;
    padding-left:5px;
    padding-right: 5px;
}
.bs-caret{
    margin-right: -5px;
}
.selectpicker{
    width:96%;
    height: 40px;
    line-height: 40px;
    color: #364347;
    padding-left: 10px;
    background-color: #ffffff;
    border: 2px solid #dddddd;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.bootstrap-select > .dropdown-toggle {
    padding-right: 0;
}
.bootstrap-select .btn {
    font-size: 16px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.btn.dropdown-toggle:before {
    content: none;
}

.dropdown-menu > li > a {
    margin-left: 0;
    margin-right: 0;
}

.bootstrap-select .btn.dropdown-toggle.btn-default {
    background-color: #ffffff;
    border: 2px solid #dddddd;
}

/*– modal form ———————–*/
.modal .bootstrap-select > .dropdown-toggle {
    padding-right: 0;
}

.modal .dropdown-menu > li > a {
    margin-left: 0;
    margin-right: 0;
    color: #5e6969;
    font-size: 16px;
}

/*– panel form ———————–*/
.panel .bootstrap-select > .dropdown-toggle {
    padding-right: 0;
}

.bootstrap-select .btn.dropdown-toggle.btn-default {
    height: 40px;
    line-height: 40px;
    padding-left: 14px;
}
.panel .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: 90%;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    color: #364347 !important;
    font-size: 16px;
    line-height: 22px;
}


/*– login form ———————–*/

.loginform {
    max-width: 628px;
    display: block;
    vertical-align: middle;
    margin: 10vh auto 5vh auto;
    font-size: 22px;
}

.loginform .btn {
    margin-top: 40px;
    line-height: 60px;
}


/*
    modal, popup style
———————————–*/

.modalFire {
    cursor: pointer
}

.modalFire .glyphicon {
    color: #FFFFFF;
}

.modal.bs-example-modal-lg {
    height: 100%
}

.modal-dialog.modal-lg {
    height: 90%;
    margin: 3% auto !important;
}

.modal-dialog.modal-lg .modal-content {
    height: 100%;
    overflow: auto;
}

.modal-dialog.modal-lg .modal-modal-header {
    height: 20%;
    margin: 0;
}

.modal-dialog.modal-lg .modal-footer {
    height: 10%;
    margin-top: 0;
}

.modal-body {
    height: 80%;
    overflow: auto;
    margin: 0;
}

.modal.form-modal .modal-body {
    position: relative;
    padding: 0;
}
.modal.form-modal .modal-body > .btn-wrap{
    padding: 0 10px;
}
.modal.form-modal .row {
    margin: 0;
    padding: 5px 0;
}
.modal.form-modal .row.nav-month {
    background-color: #ededed;
}
.modal.form-modal .row > div > .col-title {
    margin-bottom: 0;
}
.modal.form-modal .panel {
    margin-bottom: 5px;
}
.modal.form-modal .panel-heading {
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.modal.form-modal .panel-heading > .col-title {
    margin: 0;
    padding: 0;
    border: none;
}
.modal.form-modal .panel-primary .panel-heading > .col-title {
    color: #009dcd;
}
.modal.form-modal .panel-success .panel-heading > .col-title {
    color: #28948c
}
.modal.form-modal .panel-info .panel-heading > .col-title {
    color: #9175bd;
}
.modal.form-modal .panel-danger .panel-heading > .col-title {
    color: #EF4836;
}
.modal.form-modal .panel-body {
    padding: 5px;
}
.modal.form-modal .panel-body .col-title {
    line-height: 26px;
}
.modal.form-modal .panel-body .form-control {
    padding: 2px 6px;
    height: 30px;
}
.modal.form-modal hr{
    margin: 0;
}

/*
    contents wrapper style
———————————–*/

.wrapper {
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 70px;
    padding-bottom: 20px;
}

.wrapper:after {
    display: block;
    content: '';
    width: 100%;
    height: 20px;
}

.container {
    width: 100%;
    min-height: 100%;
}

.container.white {
    background-color: #FFFFFF;
    border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 4px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 4px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 4px 2px;
}

@media (min-width: 1200px) {
    .container {
        width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        width: 100%
    }
}


/*
    navbar style
———————————–*/

.navbar {
    min-height: 0;
    border-radius: 0;
    margin-bottom: 0;
    background-color: #295480;
    border: none;
}

.navbar .container {
    padding-right: 0;
    padding-left: 0;
}

.navbar a {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-inverse .navbar-brand {
    color: #FFFFFF;
    font-size: 26px;
    line-height: 45px;
}

.navbar-nav > li {
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 1px;
}

.navbar-nav > li > span,
.navbar-nav > li > a {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 38px;
    height: 40px;
    background-color: #FFFFFF;
    color: #295480;
}

.navbar-nav .honorific {
    font-size: 12px;
    line-height: 34px;
}

@media (max-width: 765px) {
    .navbar .container .navbar-header {
        width: auto;
    }
    .manager .navbar-inverse .navbar-brand {
        font-size: 18px;
    }
    .navbar-nav {
        float: right;
        padding-right: 30px;
    }
    .navbar-nav > li {
        display: inline-block;
        margin-top: 3px;
        margin-bottom: 3px;
        padding-right: 1px;
    }
    .navbar-nav > li:nth-child(2) {
        top: -2px
    }
    .navbar-nav > li > span,
    .navbar-nav > li > a {
        display: block;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
        line-height: 30px;
        height: 30px;
        background-color: #37BC9B;
        color: #FFFFFF;
    }
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #48CFAD
}

.navbar-nav > li > a > .glyphicon {
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    top: 3px;
}

#navbar-main .navbar-nav.nav-login {
    display: table;
}

#navbar-main .navbar-nav.nav-login > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#navbar-main .navbar-nav.nav-login > li:nth-child(1) {
    width: 10%;
}

#navbar-main .navbar-nav.nav-login > li:nth-child(3) {
    width: 10%;
}

#navbar-main .navbar-nav.nav-login > li.modalFire > span .glyphicon {
    position: relative;
    top: 0px;
}

#navbar-main .navbar-nav.nav-login > li.modalFire > span .badge {
    position: absolute;
    top: 2px;
    right: 2px;
}

#navbar-main .navbar-nav.nav-login > li > a {
    position: relative;
    top: 0;
}

@media (min-width: 768px) {
    .navbar-nav.navbar-right:last-child {
        margin-right: 1px
    }
}

.manager .navbar-brand {
    padding-left: 100px;
    background-image: url(../images/logo_small.png);
    background-repeat: no-repeat;
    background-position: 20px 55%;
}

@media (max-width: 600px) {
    .navbar-brand {
        line-height: 32px !important;
        padding-left: 80px !important;
        padding-right: 0 !important;
        background-size: auto 30px;
    }
}

.navbar-toggle {
    padding: 0;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-default .navbar-toggle,
.navbar-inverse .navbar-toggle {
    border: 0;
}

.manager .nav-global {
    padding: 0 0 0 0;
    margin: 0;
    display: inline-block;
}

.manager .nav-global li {
    list-style: none;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

.manager .nav-global li a {
    display: inline-block;
    margin-top: 5px;
    padding: 0 5px;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.manager .nav-global li a.actived {
    color: #FFFFFF
}

.manager .nav-global li a:hover {
    color: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 21px -1px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 21px -1px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 21px -1px inset;
}

@media (max-width: 600px) {
    .manager .nav-global {
        width: 100%
    }
    .manager .navbar-toggle {
        position: absolute;
        top: 0;
        right: -10px;
        padding: 10px 10px;
    }
}

.manager #navbar-main {
    width: 0;
    max-height: 0;
    overflow: hidden !important;
}

@media (max-width: 765px) {
    .manager #navbar-main {
        margin-top: 0;
        width: 100%;
        max-height: 100%;
        overflow: visible !important;
    }
    .manager .navbar-collapse {
        width: 100%;
        max-height: 100%;
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    }
    .manager .navbar-collapse .navbar-nav {
        width: 100%;
        padding-right: 0;
    }
    .manager .navbar-nav > li:nth-child(2) {
        top: 0
    }
    .manager .nav-login {
        float: none;
        margin: 0 0;
        padding: 0 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.45);
    }
    .manager .nav-primary {
        margin: 0;
        padding: 0;
        padding-top: 0 !important;
        width: 100%;
    }
    .manager .nav-primary li {
        width: 100%;
        padding-right: 0 !important;
        margin: 0;
    }
    .manager .nav-primary li a {
        font-size: 16px;
        line-height: 35px;
        height: 35px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    }
    .manager .nav-primary li a:hover,
    .manager .nav-primary li a:active,
    .manager .nav-primary li a:focus {
        color: #FFFFFF;
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    }
    .manager .nav-primary .actived a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
    }
}

@media (max-width: 1050px) {
    .manager .nav-primary li a {
        font-size: 20px
    }
    .manager .nav-primary li {
        width: 100%;
        display: block;
        float: none;
        text-align: center;
    }
    .manager .nav-primary ul {
        float: none;
        width: 100%;
        height: 60px;
        overflow: hidden;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -o-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -o-flexbox;
        -webkit-box-orient: vertical;
    }
    .manager .nav-primary li {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
    }
    .manager .nav-primary li.actived {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
    }
    .manager .nav-primary ul:before {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        position: absolute;
        top: 19px;
        right: 15px;
        color: #3eb5ac;
    }
}

@media (max-width: 960px) {
    .manager .nav-primary li a {
        font-size: 20px
    }
}

@media (max-width: 910px) {
    .manager .nav-primary li a {
        font-size: 20px
    }
}

.manager .nav-primary.navbar {
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-repeat: repeat-x;
    border-bottom: 1px solid #d4d4d4;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.manager .nav-primary.navbar-inverse .navbar-brand:hover {
    color: #555 !important;
    font-weight: 400;
}

.manager .nav-primary.navbar-inverse .navbar-brand:active,
.manager .nav-primary.navbar-inverse .navbar-brand:focus {
    color: #333 !important;
    font-weight: 400;
}

.manager .wrapper {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -60px;
}

.manager .nav-primary {
    padding-top: 40px
}

.manager .nav-primary li {
    padding-right: 2px;
    margin: 0;
}

.manager .nav-primary a {
    width: auto;
    padding: 0 15px;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    line-height: 60px;
    height: 60px;
    font-size: 16px;
    font-family: 'Noto Sans Japanese', Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif !important;
}

.navbar-inverse .navbar-nav.navbar-right > li > a {
    color: #FFFFFF;
    font-family: 'Noto Sans Japanese', Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

.navbar-inverse .navbar-nav.navbar-right > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    background-color: #295480
}

.navbar-inverse .navbar-nav.navbar-right > li > a > .glyphicon.glyphicon-off {
    color: #295480
}

.navbar-default .navbar-nav.navbar-right > li > a:hover > .glyphicon.glyphicon-off,
.navbar-default .navbar-nav.navbar-right > li > a:focus > .glyphicon.glyphicon-off {
    color: #FFFFFF
}

.navbar-nav > li > span.info {
    background-color: transparent
}

.navbar-nav > li > span.info .glyphicon {
    font-size: 20px;
    line-height: 35px;
    top: 4px;
}

.manager .nav-primary .actived a,
.manager .nav-primary .actived a:hover,
.manager .nav-primary .actived a:active,
.manager .nav-primary .actived a:focus,
.manager .nav-primary a:hover,
.manager .nav-primary a:active,
.manager .nav-primary a:focus,
.manager .navbar-default.nav-primary .navbar-nav > li > a:hover,
.manager .navbar-default.nav-primary .navbar-nav > li > a:active,
.manager .navbar-default.nav-primary .navbar-nav > li > a:focus {
    background-color: transparent;
    border-bottom: 2px solid #3eb5ac;
    color: #3eb5ac;
}

.manager .navbar-default.nav-primary .navbar-nav > li > a > .glyphicon {
    font-size: 16px;
    line-height: 60px;
    top: 2px;
    color: #b2c6cd;
}

.manager .navbar-default.nav-primary .navbar-nav > li.actived > a > .glyphicon,
.manager .navbar-default.nav-primary .navbar-nav > li > a:hover > .glyphicon,
.manager .navbar-default.nav-primary .navbar-nav > li > a:active > .glyphicon,
.manager .navbar-default.nav-primary .navbar-nav > li > a:focus > .glyphicon {
    color: #3eb5ac;
}

.navbar-inverse .navbar-nav > li button {
    color: #b2c6cd !important;
}
.manager .nav-primary button {
    border-radius: 0;
    width: auto;
    padding: 0 15px;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    line-height: 60px;
    height: 60px;
    font-size: 16px;
    font-family: 'Noto Sans Japanese', Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif !important;
}
.manager .nav-primary button:hover, .manager .nav-primary button:active, .manager .nav-primary button:focus, .manager .navbar-default.nav-primary .navbar-nav > li button:hover, .manager .navbar-default.nav-primary .navbar-nav > li button:active, .manager .navbar-default.nav-primary .navbar-nav > li button:focus {
    background-color: transparent;
    border-bottom: 2px solid #3eb5ac;
    color: #3eb5ac !important;
}

.manager .wrapper > .container {
    padding-top: 40px;
    height: auto;
    min-height: 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px -4px 16px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px -4px 16px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px -4px 16px -1px;
}

.manager .wrapper > .container > .alert {
    margin-top: -10px
}

.manager .wrapper .container .row .col-lg-3 {
    padding-left: 20px;
    padding-right: 0px;
}

@media (min-width: 1200px){
    .col-lg-3 {
        width: 20%;
    }
}
@media (min-width: 992px){
    .col-md-3 {
        width: 20%;
    }
}
@media (min-width: 1200px){
    .col-lg-9 {
        width: 80%;
    }
}
@media (min-width: 992px){
    .col-md-9 {
        width: 80%;
    }
}

@media (max-width: 1190px) {
    .manager .wrapper .container .row .col-lg-3 {
        padding-right: 0px
    }
}

@media (max-width: 1110px) {
    .manager .wrapper .container .row .col-lg-3 {
        padding-right: 0
    }
}

@media (max-width: 990px) {
    .manager .wrapper .container .row .col-lg-3 {
        padding-right: 15px
    }
}

.manager .nav-sidebar {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #DCDCDC;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    margin-bottom: 10px;
}

.nav-sidebar .panel-heading {
    color: #FFFFFF;
    background-color: #08c;
    border: none;
    border-radius: 0;
}
.manager .panel-default .panel-heading {
    color: #FFFFFF;
    background-color: #08c;
}


.manager .nav-sidebar.nav-stacked > li {
    margin-top: 0;
    margin-left: 0;
}

.manager .nav-sidebar.nav-stacked > li.actived {
    margin-top: 0;
    margin-left: 0;
}

.manager .nav-sidebar.nav-stacked > li:nth-child(1) {
    border-top: none
}

.manager .nav-sidebar > li > a {
    font-size: 14px;
    border-radius: 0;
    padding: 8px 15px;
    border-top: 1px solid #e5e5e5;
}

.manager .nav-sidebar > li:nth-child(1) > a {
    border-radius: 0;
    border-top: none;
}

.manager .nav-sidebar > li > a:hover {
    color: #428bca;
    background-color: #FFFFFF;
}

.manager .nav-sidebar > li > a:active,
.manager .nav-sidebar > li > a:focus {
    background-color: #e5e5e5
}

.manager .nav-sidebar.nav-stacked > li.actived a {
    background-color: #02baf2
}

.manager .nav-sidebar.nav-stacked > li.actived a:hover,
.manager .nav-sidebar.nav-stacked > li.actived a:active,
.manager .nav-sidebar.nav-stacked > li.actived a:focus {
    color: #ffffff;
    background-color: #02baf2;
}

.manager .contents {
    width: 100%;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 4px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 4px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 4px 2px;
}

.info.on .badge {
    background-color: #e96300;
    position: relative;
    top: -12px;
    right: 10px;
}

small{
    height:2%;
}

.checkbox input, .radio input {
    display: block;
}
#container .form-horizontal .photo_files li a.delete-image {
    background: rgba(248, 248, 248, 0.9) !important;
    color: #666666 !important;
}
#container .form-horizontal .photo_files li a.delete-image {
    font-size: 20px !important;
    line-height: 40px !important;
}