@charset "utf-8";
/*
 * Base structure
 */
* {
}

select {
    -webkit-appearance: button;
    appearance: button;
}


html {
    font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」 */
}

body {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
    line-height: 1.3;
    color: #444;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background: #EFF0F4;
}

ul,ol {
    list-style: none;
    padding: 0; margin: 0;
}
a:not([href]) {
    color: inherit;
}
a:not([href]):hover {
    text-decoration: none;
}

i {
	margin-right:5px;
}

div.btn,
span.btn {
	position:relative;
	padding:20px 0;
}

div.btn a,
span.btn a {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:8px;
	color:#fff;
	text-decoration:none;
}

.input-group-text {
    font-size: 100%;
    border: none;
    background: none;
}

.attention:before {
	content:"※ ";
}

.attention {
	color:#f33;
}

.wrapper {
    min-height:100%;
    position:static;
    overflow:hidden
}
.wrapper:before, .wrapper:after {
    content:" ";
    display:table
}
.wrapper:after {
    clear:both
}


.navbar:before,
.navbar:after { display: inline; content: normal;}
.navbar:after { clear: none;}

small, .small {
    font-size: 80%;
}
.copyright {
    font-size: 12px;
    font-size: 1.2rem;
}

/* svg icon */
#svgicon {
    display: block;
    width: 0; height: 0; overflow: hidden;
}
.cb {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
}
.cb-images {
    width: 1.125em;
}
.icon-bg {
    fill: #d4d4d5;
}
.icon-with-bg {
    fill: #fff;
}
#file_upload:hover {
	opacity: 0.8;
	cursor: pointer;
}


.text-counter-area {
    position: relative;
}

.text-counter-area .input-counter {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 100%;
    border: 1px solid #5d8fc2;
    padding: 3px;
    font-size: 70%;
    color: #5d8fc2;
}

.text-counter-area .input-counter.minus {
    border-color: #dc3545;
    background-color: #dc3545;
    color: #fff;
}

.radio-img input[type="radio"] {
    display: none;
}

.radio-img label {
    padding: 0;
}

.radio-img input[type="radio"]:checked + label img {
    border: 5px solid indianred;
}


/* table reset */

.table-responsive {
    border: 0 none;
}
.table-striped > tbody > tr > td, .table-striped > tbody > tr > th {
    background-color: #fff;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
}
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
    background-color: #f9f9f9;
}

#table-schedule {
    table-layout: fixed;
}
#table-schedule tr th,
#table-schedule tr td {
    width: 300px;
}

#table-schedule .check input {
    width: 100%;
    height: 100%;
    min-width: 30px;
    min-height: 30px;
}

#table-schedule .w300 {width: 300px !important;}
#table-schedule .w400 {width: 400px !important;}
#table-schedule .w500 {width: 500px !important;}
#table-schedule .w600 {width: 600px !important;}


/*	header
============================ */

/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}


/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}

/* logo */

#header {
    position:fixed;
    left: 0;right: 0;top: 0;
    max-height:100px;
    z-index:1030;
    background: #3f6fab;
}
#header .navbar {
    margin-bottom:0;
    border:none;
    border-radius:0;
    display: table;
    width: 100%;
}
#header .navbar > a:link{ color: #fff; text-decoration: none;}
#header .navbar > a:visited{ color: #fff; text-decoration: none;}
#header .navbar > a:hover,
#header .navbar > a.active,
#header .navbar > a:focus { color: #fff; text-decoration: none; background: #5d8fc2;}
#header .navbar > a:active{ color: #fff; text-decoration: none;}

#header .navbar > div > a:link{ color: #fff; text-decoration: none;}
#header .navbar > div > a:visited{ color: #fff; text-decoration: none;}
#header .navbar > div > a:hover,
#header .navbar > div > a.active,
#header .navbar > div > a:focus { color: #fff; text-decoration: none; background: #5d8fc2;}
#header .navbar > div > a:active{ color: #fff; text-decoration: none;}

#header .navbar > div {
    display: table-cell;
    vertical-align: middle;
}
#header .navbar .logo {
    display: none;
}
#header .navbar .logo .fa-logomark {
	font-size: 30px;
}
#header .navbar .logo .fa-logotext {
	font-size: 140px;
	fill: #fff;
	height: 64px;
	line-height: 64px;
	margin-left: 2px;
}
#header .navbar #site_name {
    display: table-cell;
    padding: 0 8px;
    font-weight: bold;
    height: 64px;
    line-height: 64px;
    max-width: 1px; /* for ellipsis */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	color:#fff;
}
#header .navbar #site_name .fa-external-link {
    color: #C1C1C1;
    margin-left: 8px;
    font-size: 13px;
    font-size: 1.3rem;
}
#header .navbar .navbar-menu {
    margin-right:15px;
    width: 50px;
}
#header .navbar .navbar-menu dl {
    position: relative;
    margin-bottom: 0;
}
#header .navbar .navbar-menu dt {
    height: 64px;
    line-height: 64px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 0 32px 0 8px;
	white-space: nowrap;
	font-size: 14px;
	font-size: 1.4rem;
}
#header .navbar .navbar-menu dt .cb-user-circle {
    font-size: 38px;
    font-size: 3.8rem;
}
#header .navbar .navbar-menu dt .cb-user-circle .icon-bg {
    fill: #b5bbc1;
}
#header .navbar .navbar-menu dt .icon_down {
    top: 25px;
}

#header .navbar .navbar-menu dt:hover,
#header .navbar .navbar-menu dt.active,
#header .navbar .navbar-menu dt:focus{ color: #fff; text-decoration: none; background: #5d8fc2;}

#header .navbar .navbar-menu dd {
    position: absolute;
	right:0; left: auto;
    border: 1px solid #D9D9D9;
    border-top: 0 none;
    background: #fff;
    padding: 16px;
    font-size: 12px;
    font-size: 1.2rem;
}
#header .navbar .navbar-menu dd .btn {
    width: 100%;
    margin-top: 8px;
}

#header .navbar .navbar-menu .fa-user {
	background-color:#b5bbc1;
	width:40px;
	height:40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height:160%;
	font-size:1.6em;
}


@media (min-width:768px) {
    #header .navbar .logo {
        display: table-cell;
        background: #2f3f4e;
        margin: 0;
        font-size: 20px;
        font-weight: 300;
        width: 230px; height: 64px;
        line-height: 64px;
        padding: 0 15px;
        text-align: center;
        border-right: 1px solid #293744;
        border-bottom: 1px solid #293744;
    }
    #header .navbar .navbar-menu {
        width: 158px;
    }
}
@media (max-width:991px) {
    #header .navbar-menu .navbar-nav > li {
        float:left
    }
    #header .navbar-menu .navbar-nav {
        margin:0;
        float:left
    }
    #header .navbar-menu .navbar-nav > li > a {
        padding-top:15px;
        padding-bottom:15px;
        line-height:20px
    }
}

#inline-footer {
    background: rgba(47, 63, 78, 0.8);
    position: sticky;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 1620px;
    height: 50px;
    padding: 5px 0;
    z-index: 9999;
}

#inline-footer ul {
    float: right;
}

#inline-footer ul li {
    float: left;
    margin: 0 5px;
}

#inline-footer ul li > p {
    background: #fff;
    padding: 10px 5px;
}

/*	Sidebar
============================ */

#side {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;

    width:260px;
    position: fixed;
    top: 74px;
    bottom: 0;
    left: 0;
    z-index:810;
    display: block;
    color: #fff;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #303641;
    border-right: 1px solid #DFDFDF;
    -webkit-transition:-webkit-transform .3s ease;
    -moz-transition:-moz-transform .3s ease;
    -o-transition:-o-transform .3s ease;
    transition:transform .3s ease;

    -webkit-transform:translate(-260px, 0);
    -ms-transform:translate(-260px, 0);
    -o-transform:translate(-260px, 0);
    transform:translate(-260px, 0)
}

@media (max-width:767px) {
    #side {
        -webkit-transform:translate(-260px, 0);
        -ms-transform:translate(-260px, 0);
        -o-transform:translate(-260px, 0);
        transform:translate(-260px, 0)
    }
}

#side ul.nav-sidebar li.title {
    display: block;
    position: relative;
    padding: 10px 30px 10px 20px;
    color: #fff;
    cursor: not-allowed;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    text-align:center;
    font-weight: bold;
}

#side a {
    display: block;
    position: relative;
    padding: 10px 30px 10px 20px;
    color: #fff;
    cursor: pointer;
}

#side a:link { color: #fff; text-decoration: none;}
#side a:visited { color: #fff; text-decoration: none;}
#side a:hover { color: #fff; text-decoration: none; background: #18bc9c;}
/*#side a.active,
#side li.active a,
#side a:focus { color: #d6dadd; text-decoration: none; background: #3F5467;}*/
#side a:active { color: #fff; text-decoration: none;}


#side ul.nav-sidebar {
    padding-bottom: 50px;
}
#side ul {
    list-style: none;
}
#side li {
    width: 100%;
/*
    border-top: 1px solid #fff;
    border-bottom: 1px solid #DFDFDF;
*/
}
#side li a .fa {
	color: #fff;
    width:16px;
    text-align: center;
}
#side li a .fa:first-child {
    margin-right: 10px;
    margin-top: -3px;
}
#side li a .fa:last-child {
    font-size: 15px;
    font-size: 1.5rem;
    position: absolute;
    right: 15px; top: 14px;
}
#side li a[href] .fa:last-child {
    color: #fff;
}
#side li.active > a .fa:last-child {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
#side ul > li.active {
	border-bottom: 0 none;
}
#side li ul {
    padding: 0;
    display: none;
}
#side li ul.active,
#side li ul[style*="block"]{
/*
	border-top: 1px solid #DFDFDF;
*/
}
#side ul > li > ul > li.active {
    border-bottom: 1px solid #DFDFDF;
}
#side li ul li a {
    padding: 10px 30px 10px 47px;
	font-size: 14px;
	font-size: 1.4rem;
}
#side li ul li a:hover {
    background:#000 !important;
}
#side li ul li a .cb:last-child {
    right: 5px;
}
#side li ul li ul li {
    border: 0 none;
}
#side li ul li ul li a {
    padding: 8px 30px 8px 56px;
	font-size: 92%;
	opacity: 0.8;
    border: 0 none;
}
#side li ul li ul li:hover,
#side li ul li ul li.active {
    border: 0 none;
}
#side li ul li ul li a:hover{
    background: #05558f !important;
	opacity: 1;
}
#side li.active > a {
    background: #18bc9c !important;
}
#side li.active > a:hover{
    background: #18bc9c !important;
}

.sidebar-open #side {
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0)
}
#side ul > li:last-child.active {
	border-bottom: 0 none;
}
#side ul > li:last-child.active > ul {
}
#side ul > li:last-child.active > ul.active,
#side ul > li:last-child.active > ul[style*="block"]{
/*
	border-bottom: 1px solid #DFDFDF;
*/
}
#side ul > li:last-child > ul[style*="none"]{
	border-bottom: 0 none;
}

#side li ul li.active > a {
    background: #1084af !important;
}
#side li ul li.active > a:hover {
    background: #10af84 !important;
}
#side li ul li.active ul li {
    background: #1084af !important;
}

/*	Main content
============================ */

#main {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;

    -webkit-transition:-webkit-transform .3s ease;
    -moz-transition:-moz-transform .3s ease;
    -o-transition:-o-transform .3s ease;
    transition:transform .3s ease;
    -webkit-transition:margin-left .3s ease;
    -o-transition:margin-left .3s ease;
    transition:margin-left .3s ease;
    margin-left:230px;
    z-index:820;
    padding: 0;
    /* padding-bottom: 50px; */
    margin-top: 64px;

    position: relative;
}


/*	hideShowPassword
============================ */

::-ms-reveal,
::-ms-clear {
    display: none !important;
}

.hideShowPassword-toggle {
    background-color: transparent;
    background-image: url(../img/wink.png); /* fallback */
    background-image: url(../img/wink.svg), none;
    background-position: 0 center;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    border-radius: 0.25em;
    cursor: pointer;
    font-size: 100%;
    height: 44px;
    margin: 0;
    max-height: 100%;
    padding: 0;
    width: 46px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: 0 none;
}

.hideShowPassword-toggle .cb-eye {
    font-size: 30px;
    font-size: 3rem;
    fill: #ccc;
}

.hideShowPassword-toggle-hide .cb-eye {
    fill: #666;
    overflow: hidden;
    text-indent: -999em;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.hideShowPassword-toggle-hide {
    background-position: -44px center;
}

.hideShowPassword-toggle:hover {
    opacity: 0.8;
}

@media (max-width:767px) {
    #main {
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    #main {
        margin-left: 0;
    }
}
.sidebar-open #main {
    margin-left: 260px;
}
#main h1.page-header {
    margin: 0 0 16px;
    padding: 16px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: normal;
}
#main h1.page-header span {
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 16px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

/* search-box */

.search-box .input_search {
    width: 86%;
    margin-right: 2%;
    float: left;
}

.search-box .input_search + .toggle {
    display: block;
    float: left;
    position: relative;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #eff0f4;
    height: 48px;width: 12%;
    padding: 3px;
    text-align: center;
    outline: none;
    color: #BFBFBF;
}

@media (min-width: 768px) {
    .search-box .input_search {
        width: 33.3333%;
        margin-left: 33.3333%;
        margin-right: 8px;
    }
    .search-box .input_search + .toggle {
        width: 40px;
    }
}
.search-box .input_search + .toggle.active {
    border-width: 1px;
    border-color:  #D1D8D9 #D1D8D9 #F8F8F8 #D1D8D9;
    background: #F8F8F8;
	z-index: 1;
}

.search-box .search-box-inner {
    clear: both;
    background: #F8F8F8;
    border-top: 1px solid #D1D8D9;
    border-bottom: 1px solid #D1D8D9;
    padding: 32px 0 16px;
    position: relative;
    top: -1px;
}
.search-box .search-box-inner .row {
    margin: 0;
}
.search-box .search-box-inner > .row {
	position: relative;
	z-index: 1;
}
.search-box .btn_area {
    padding: 16px 0 48px;
}
.search-box .toggle .cb {
    position: absolute;
    left: 50%; top: 10px;
    margin-left: -8px;
}
.search-box .toggle .cb:last-child {
    transform: rotate(-90deg);
}
.search-box .toggle.active .cb:last-child {
    transform: rotate(0deg);
}
.search-box .search-box-inner label {
    font-size: 86%;
}


/* link-with-bar */

ul.link-with-bar {
    padding: 12px;
}
ul.link-with-bar li {
    display: inline-block;
    vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
}
ul.link-with-bar li::after {
    content: "|";
    display: inline-block;
    margin: 0 5px 0 10px;
}
ul.link-with-bar li:last-child::after {
    content: "";
}

/* sort-dd */

.sort-dd {
    padding: 12px;
    text-align: right;
}
.sort-dd > li {
    display: inline-block;
    margin-left: 16px;
	font-size: 14px;
	font-size: 1.4rem;
}
.sort-dd li a {
    cursor: pointer;
}
.sort-dd .dropdown-menu {
    min-width: auto;
}
.sort-dd .dropdown .dropdown-toggle .icon_down {
    position: static;
    margin-left: 8px;
}

/* form layout */
.form-control {
    font-size: 1.6rem;
}

.form-group.range .form-control,
.form-group.range label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-left: 1%;
    margin-right: 1%;
}
.form-group.range .form-control {
    width: 28%;
}
.form-group.range input.input_cal.form-control {
    width: 43%;
}
.form-group.range input.input_cal.form-control:first-child {
    margin-left: 0;
}

.input_tel input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
    width: 30%;
    max-width: 5em;
}
.form-group .input_tel input:first-child {
    margin-left: 0;
}
.form-group .input_name input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2%;
    margin-bottom: 0;
    width: 48%;
}
.form-group .input_name input:first-child {
    margin-left: 0;
}
.form-group .input_zip input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
    margin-right: 1%;
    width: 30%;
    max-width: 5em;
}
.form-group .item_price input,
.form-group .item_quantity input,
.form-group .item_tax input {
    text-align: right;
    width: 50%;
}

.input_w100 input {max-width:100px;}
.input_w200 input {max-width:200px;}
.input_w300 input {max-width:300px;}
.input_w400 input {max-width:400px;}
.input_w500 input {max-width:500px;}

.item_detail .form-group {
    margin: 8px 0;
}
.item_detail .item_subtotal span.small {
    margin-right: 16px;
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-left: 0;
    margin-right: 10px;
}
.radio-inline + .radio-inline:last-child, .checkbox-inline + .checkbox-inline:last-child {
	margin-right: 0;
}

/* datetimepicker */
.bootstrap-datetimepicker-widget.dropdown-menu {
	z-index: 100;
}




/*	Fixed Column
============================ */


#aside_column .with-border {
    padding-top: 16px;
    margin-top: 16px;
}

#aside_column {
    top: 0;
}

.update-area {
    font-size: 80%;
}

/*	Footer
============================ */

#footer {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);

    will-change: transform;

    -webkit-transition:-webkit-transform .3s ease;
    -moz-transition:-moz-transform .3s ease;
    -o-transition:-o-transform .3s ease;
    transition:transform .3s ease;
    -webkit-transition:margin-left .3s ease;
    -o-transition:margin-left .3s ease;
    transition:margin-left .3s ease;
    margin-left:230px;
    z-index:820;
    padding: 0;
    margin-top: 40px;

    background:#fff;
    padding:15px;
    color:#444;
    text-align: right;
}



@media (max-width:767px) {
    #footer {
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    #footer {
        margin-left: 0;
    }
}
.sidebar-open #footer {
    margin-left: 230px;
}


/*	LOGIN PAGE
============================ */

.login-box {
    margin: 7% auto;
    width: 360px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.login-logo {
    margin: 7% auto 25px;
    max-width: 1200px;
    padding: 0 5%;
    text-align: center;
}
.login-page {
    background: #d2d6de;
}
.login-box {
    margin: 0 auto 7px;
    width: 360px;
}
@media (max-width: 768px) {

    .login-box {
        margin-top: 20px;
        width: 90%;
    }
}
.login-box-body {
    background: #fff;
    color: #666;
    padding: 32px 12%;
    margin-bottom: 24px;
}
.login-box-body .form-control-feedback {
    color: #D0D0D0;
    font-size: 20px;
    top: 9px;
}
.login-logo2 {
    margin: 0;
    padding: 0 20px 30px;
    text-align: center;
}
.login-box .btn_area {
    padding-top: 10px;
}



/*	design-layout ====== */

.design-layout {
	border-collapse: collapse !important;
}
.design-layout td {
	height: 50px;
	padding: 15px 10px !important;
	border: 1px solid #ccc !important;
	background: #d0d0d0;
}
.design-layout td[rowspan] {
/*	width: 33%; */
}
.design-layout td[id^="position"]  {
	background: #fff;
	padding-top: 25px !important;
}
.design-layout td[id^="position"]:before {
	text-align: left;
	float: left;
	background: #666;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	display: inline-block;
	position: relative;
	margin-top: -25px;
	margin-left: -10px;
	padding: 3px 5px;
}
.design-layout td#position_0:before {content: "未使用ブロック"; background: #ccc;}
.design-layout td#position_1:before {content: "head"}
.design-layout td#position_2:before {content: "#header"}
.design-layout td#position_3:before {content: "#contents_top"}
.design-layout td#position_4:before {content: "#side_left"}
.design-layout td#position_5:before {content: "#main_top"}
.design-layout td#position_6:before {content: "#main_bottom"}
.design-layout td#position_7:before {content: "#side_right"}
.design-layout td#position_8:before {content: "#contents_bottom"}
.design-layout td#position_9:before {content: "#footer"}

.design-layout td div.sort {
	border-radius: 5px;
	border: 1px solid #ccc;
	background: rgba(153,153,153,0.2);
	margin: 5px 0;
	padding: 5px;
}
.design-layout .placeholder {
    border: 1px dashed #aaa;
    height: 40px;
	margin: 0;
}

@media print {
    .no-print, #header, #side {
        display:none!important
    }
    #main {
        margin-left:0!important;
        min-height:0!important;
        -webkit-transform:translate(0, 0) !important;
        -ms-transform:translate(0, 0) !important;
        -o-transform:translate(0, 0) !important;
        transform:translate(0, 0) !important
    }
    .fixed #main {
        padding-top:0!important
    }
    .table-responsive {
        overflow:auto
    }
    .table-responsive>.table tr th, .table-responsive>.table tr td {
        white-space:normal!important
    }
}


.data-empty {
    padding: 1.5em;
    text-align: center;
}
.data-empty .cb {
    font-size: 70px;
    font-size: 7rem;
    color: #d0d0d0;
    margin: 8px;
}

/* error */

.message_box {
    padding: 1.5em;
    text-align: center;
}
.message_box .cb {
    font-size: 70px;
    font-size: 7rem;
    color: #d0d0d0;
    margin: 8px;
}
.message_box .btn_group {
	padding: 30px 0;
}

/* fees_area */

.fees_area input {
	text-align: right;
}


/*
 * bt_drawermenu
 */

.bt_toggle {
    text-align: center;
    vertical-align: middle;
    width: 54px; height: 64px;
    line-height: 64px;
}
.bt_drawermenu {
    display: block;
    height: 64px;
    padding: 22px 16px;
    vertical-align: middle;
    position: relative;
    background-color: transparent;
    background-image: none;
	white-space: nowrap;
}

.bt_drawermenu .fa-bars {
    display: block;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
}


/**
 * 簡易スタンプアニメーション
 */
.stamp{
  height:100px;
  width:100px;
  left:200px;
  top:20px;
  border-radius:5px;
  position:relative;
  background-color:#ef8080;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  animation-delay:2.5s;
  -webkit-animation-delay:2.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  opacity: 0;
  -webkit-animation-fill-mode:forwards;
   animation-fill-mode:forwards;
}

@-webkit-keyframes pulse{
  0%{
    opacity: 0;
  }
  10%{
    opacity:.50;
    transform-origin: 50% 50%;
    transform: rotate(-2deg) scale(5);
    transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  100%{
    opacity:1;
    transform: rotate(-15deg) scale(1);
  }
}

/**
 * スターポイント
 */
.star-point{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.star-point input[type='radio'] {
    display: none;
}
.star-point label {
    position: relative;
    padding: 10px 10px 0;
    color: gray;
    cursor: pointer;
    font-size: 50px;
}
.star-point label .text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: gray;
}
.star-point label:hover,
.star-point label:hover ~ label,
.star-point input[type='radio']:checked ~ label {
    color: #ffcc00;
}

.star-point input[type='radio'][disabled],
.star-point input[type='radio'][disabled] ~ label {
    cursor:not-allowed;
}

.directoryTree {
    max-height: 300px;
    overflow: scroll;
}

.directoryTree ul > li > ul li > label {
    margin-left: 0px;
}

.directoryTree ul > li ul > li ul li > label {
    margin-left: 20px;
}

.directoryTree ul > li > ul li:last-of-type > label:before {
    margin-right:5px;
    content: "└";
    display: inline-block;
    width: 1em;
    height: 1em;
}

.directoryTree ul > li > ul li:not(:last-of-type) > label:before {
    margin-left: 0px;
    margin-right: 5px;
    content: "├";
    display: inline-block;
    width: 1em;
    height: 1em;
}

.dropdown-menu {
    width: 100%;
}
.dropdown-item {
    width: 100%;
    font-size: 1.5rem;
}