@charset "utf-8";

/**
 * customize
 */



/**
 * Common
 */

.logo span.logo-lg {
    width: 100%;
    height: 48px;
}

.normal{
    background: transparent;
    border: none;
}

.btn-color-green{
    color: #fff;
    background-color: rgb(21,117,123) !important;
}

.button-create{
    color: #fff;
    background-color: #ff78ae;
    line-height: 1;
    border-radius: 3px;/*角の丸み*/
    user-select:none;
    font-weight: bold;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
    padding-left:28px;
}
.button-create:hover {
    color: #fff !important;
    background-color: #ffbbdc;
}


.icon_create{
    width:20px;
    height:20px;
    margin-left:-24px;
    margin-top:-3px;
    position:absolute;
}

.icon_normal{
    width:15px;
    height:15px;
    margin-right:7px;
    margin-top:-3px;
}
.icon_large{
    width:40px;
    height:40px;
    margin-right:5px;
}

.header-user-name{
    color: #8e8f8d;
}

.height-lg{
    min-height:50px;
}

.info-box-adjust{
    min-height:45px;
}
.info-box-icon-adjust{
    border-radius:10px;
    height:45px;
    width:45px;
    line-height:0;
    padding:3px;
    maring:opx;
}
.info-box-content-adjust{
    margin-left:50px;
}

.table-tr-beige{
    /*R 224 G 217 B 208*/
    background-color:#e0d9d0
}

/*
 * Skin: purple-sky
 * ------------
 */
.color-thema-purple-sky .main-header .navbar {
    background: #ffd1ff; /*保険用*/
    background: -moz-linear-gradient(top, #ffd1ff 0%, #fad0c4 100%); /*古いFireFox向け*/
    background: -webkit-linear-gradient(top, #ffd1ff 0%, #fad0c4 100%); /*古いSafariなど向け*/
    filter: progid:DXImageTransform.Microsoft.Gradient(
            startColorstr='#fad0c4',
            endColorstr='#ffd1ff',
            GradientType=0); /*IE9以下向け*/
    background: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); /*正規の指定*/
}
.color-thema-purple-sky .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.color-thema-purple-sky .main-header .navbar .nav > li > a:hover,
.color-thema-purple-sky .main-header .navbar .nav > li > a:active,
.color-thema-purple-sky .main-header .navbar .nav > li > a:focus,
.color-thema-purple-sky .main-header .navbar .nav .open > a,
.color-thema-purple-sky .main-header .navbar .nav .open > a:hover,
.color-thema-purple-sky .main-header .navbar .nav .open > a:focus,
.color-thema-purple-sky .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.color-thema-purple-sky .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}
.color-thema-purple-sky .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.color-thema-purple-sky .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.color-thema-purple-sky .main-header .navbar .sidebar-toggle:hover {
    background-color: #555299;
}
@media (max-width: 767px) {
    .color-thema-purple-sky .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .color-thema-purple-sky .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .color-thema-purple-sky .main-header .navbar .dropdown-menu li a:hover {
        background: #555299;
    }
}
.color-thema-purple-sky .main-header .logo {
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.color-thema-purple-sky .main-header .logo:hover {
    background-color: #545096;
}
.color-thema-purple-sky .main-header li.user-header {
    background: #ffd1ff; /*保険用*/
    background: -moz-linear-gradient(top, #ffd1ff 0%, #fad0c4 100%); /*古いFireFox向け*/
    background: -webkit-linear-gradient(top, #ffd1ff 0%, #fad0c4 100%); /*古いSafariなど向け*/
    filter: progid:DXImageTransform.Microsoft.Gradient(
            startColorstr='#fad0c4',
            endColorstr='#ffd1ff',
            GradientType=0); /*IE9以下向け*/
    background: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); /*正規の指定*/
}
.color-thema-purple-sky .content-header {
    background: transparent;
}
.color-thema-purple-sky .wrapper,
.color-thema-purple-sky .main-sidebar,
.color-thema-purple-sky .left-side {
    background: #ffd1ff; /*保険用*/
    background: -moz-linear-gradient(top, #ffd1ff 0%, #fad0c4 100%); /*古いFireFox向け*/
    background: -webkit-linear-gradient(top, #ffd1ff 0%, #fad0c4 100%); /*古いSafariなど向け*/
    filter: progid:DXImageTransform.Microsoft.Gradient(
            startColorstr='#fad0c4',
            endColorstr='#ffd1ff',
            GradientType=0); /*IE9以下向け*/
    background: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); /*正規の指定*/
}
.color-thema-purple-sky .user-panel > .info,
.color-thema-purple-sky .user-panel > .info > a {
    color: #fff;
}
.color-thema-purple-sky .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}
.color-thema-purple-sky .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}
.color-thema-purple-sky .sidebar-menu > li:hover > a,
.color-thema-purple-sky .sidebar-menu > li.active > a,
.color-thema-purple-sky .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}
.color-thema-purple-sky .sidebar-menu > li.active > a {
    border-left-color: #605ca8;
}
.color-thema-purple-sky .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}
.color-thema-purple-sky .sidebar a {
    color: #b8c7ce;
}
.color-thema-purple-sky .sidebar a:hover {
    text-decoration: none;
}
.color-thema-purple-sky .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}
.color-thema-purple-sky .sidebar-menu .treeview-menu > li.active > a,
.color-thema-purple-sky .sidebar-menu .treeview-menu > li > a:hover {
    color: #ffffff;
}
.color-thema-purple-sky .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}
.color-thema-purple-sky .sidebar-form input[type="text"],
.color-thema-purple-sky .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
}
.color-thema-purple-sky .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}
.color-thema-purple-sky .sidebar-form input[type="text"]:focus,
.color-thema-purple-sky .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.color-thema-purple-sky .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.color-thema-purple-sky .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}

/**
 * Swiper 3.0.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: June 14, 2015
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

/*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */
.fc button, .fc table, body .fc {
    font-size: 1em
}

.fc-bg, .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
    bottom: 0
}

.fc-icon, .fc-unselectable {
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

.fc {
    direction: ltr;
    text-align: left
}

.fc-rtl {
    text-align: right
}

.fc th, .fc-basic-view td.fc-week-number, .fc-icon, .fc-toolbar {
    text-align: center
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3
}

.fc-nonbusiness {
    background: #d7d7d7
}

.fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    white-space: nowrap;
    cursor: pointer
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0
}

.fc-state-default {
    border: 1px solid;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.fc button .fc-icon {
    position: relative;
    top: -.05em;
    margin: 0 .2em;
    vertical-align: middle
}

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #333;
    background-color: #e6e6e6
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.fc-state-active, .fc-state-down {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    box-shadow: none
}

.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a[data-goto] {
    cursor: pointer
}

.fc-button-group {
    display: inline-block
}

.fc .fc-button-group > * {
    float: left;
    margin: 0 0 0 -1px
}

.fc .fc-button-group > :first-child {
    margin-left: 0
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.fc-popover .fc-header {
    padding: 2px 4px
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px
}

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
    float: right
}

.fc-divider {
    border-style: solid;
    border-width: 1px
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-clear {
    clear: both
}

.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0
}

.fc td, .fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top
}

.fc td.fc-today {
    border-style: double
}

a[data-goto]:hover {
    text-decoration: underline
}

.fc .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

.fc-row .fc-bg {
    z-index: 1
}

.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
    border-color: transparent
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2
}

.fc-row .fc-highlight-skeleton {
    z-index: 3
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px
}

.fc-row .fc-helper-skeleton {
    z-index: 5
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
    background: 0 0;
    border-color: transparent
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-scroller {
    -webkit-overflow-scrolling: touch
}

.fc-icon, .fc-row.fc-rigid, .fc-time-grid-event {
    overflow: hidden
}

.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
    position: relative;
    width: 100%
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad
}

.fc-event, .fc-event-dot {
    background-color: #3a87ad
}

.fc-event, .fc-event:hover {
    color: #fff;
    text-decoration: none
}

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25
}

.fc-event .fc-content {
    position: relative;
    z-index: 2
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
    display: block
}

.fc-event.fc-selected .fc-resizer:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px
}

.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .3)
}

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: .25
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}

.fc-day-grid-event .fc-time {
    font-weight: 700
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

a.fc-more:hover {
    text-decoration: underline
}

.fc.fc-bootstrap3 a, .ui-widget .fc-event {
    text-decoration: none
}

.fc-limited {
    display: none
}

.fc-icon, .fc-toolbar .fc-center {
    display: inline-block
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

.fc-more-popover .fc-event-container {
    padding: 10px
}

.fc-bootstrap3 .fc-popover .panel-body, .fc-bootstrap4 .fc-popover .card-body {
    padding: 0
}

.fc-now-indicator {
    position: absolute;
    border: 0 solid red
}

.fc-bootstrap3 .fc-today.alert, .fc-bootstrap4 .fc-today.alert {
    border-radius: 0
}

.fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #ddd
}

.fc-unthemed .fc-popover {
    background-color: #fff;
    border-width: 1px;
    border-style: solid
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
    background: #eee
}

.fc-unthemed td.fc-today {
    background: #fcf8e3
}

.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3
}

.fc-icon {
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    font-family: "Courier New", Courier, monospace;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fc-icon:after {
    position: relative
}

.fc-icon-left-single-arrow:after {
    content: "\2039";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.fc-icon-right-single-arrow:after {
    content: "\203A";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.fc-icon-left-double-arrow:after {
    content: "\AB";
    font-size: 160%;
    top: -7%
}

.fc-icon-right-double-arrow:after {
    content: "\BB";
    font-size: 160%;
    top: -7%
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%
}

.fc-icon-x:after {
    content: "\D7";
    font-size: 200%;
    top: 6%
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666;
    font-size: .9em;
    margin-top: 2px
}

.fc-unthemed .fc-list-item:hover td {
    background-color: #f5f5f5
}

.ui-widget .fc-disabled-day {
    background-image: none
}

.fc-bootstrap3 .fc-time-grid .fc-slats table, .fc-bootstrap4 .fc-time-grid .fc-slats table, .fc-time-grid .fc-slats .ui-widget-content {
    background: 0 0
}

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0
}

.fc-bootstrap3 hr.fc-divider, .fc-bootstrap4 hr.fc-divider {
    border-color: inherit
}

.ui-widget .fc-event {
    color: #fff;
    font-weight: 400
}

.ui-widget td.fc-axis {
    font-weight: 400
}

.fc.fc-bootstrap3 a[data-goto]:hover {
    text-decoration: underline
}

.fc.fc-bootstrap4 a {
    text-decoration: none
}

.fc.fc-bootstrap4 a[data-goto]:hover {
    text-decoration: underline
}

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
    color: #fff
}

.fc-bootstrap4 .fc-popover.card {
    position: absolute
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em
}

.fc-toolbar.fc-footer-toolbar {
    margin-top: 1em
}

.fc-toolbar .fc-left {
    float: left
}

.fc-toolbar .fc-right {
    float: right
}

.fc .fc-toolbar > * > * {
    float: left;
    margin-left: .75em
}

.fc .fc-toolbar > * > :first-child {
    margin-left: 0
}

.fc-toolbar h2 {
    margin: 0
}

.fc-toolbar button {
    position: relative
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fc-view, .fc-view > table {
    position: relative;
    z-index: 1
}

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
    padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-day-top.fc-other-month {
    opacity: .3
}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 2px
}

.fc-basic-view th.fc-day-number, .fc-basic-view th.fc-week-number {
    padding: 0 2px
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: grey
}

.fc-basic-view td.fc-week-number > * {
    display: inline-block;
    min-width: 1.25em
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 1em
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.fc-time-grid, .fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

.fc-time-grid table {
    border: 0 hidden transparent
}

.fc-time-grid > .fc-bg {
    z-index: 1
}

.fc-time-grid .fc-slats, .fc-time-grid > hr {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-content-col {
    position: relative
}

.fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0
}

.fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1
}

.fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-highlight-container {
    z-index: 3;
    position: relative
}

.fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4
}

.fc-time-grid .fc-now-indicator-line {
    z-index: 5
}

.fc-time-grid .fc-helper-container {
    position: relative;
    z-index: 6
}

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event.fc-selected {
    overflow: visible
}

.fc-time-grid-event.fc-selected .fc-bg {
    display: none
}

.fc-time-grid-event .fc-content {
    overflow: hidden
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 0 1px
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\A0-\A0"
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "="
}

.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px
}

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0
}

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px
}

.fc-rtl .fc-list-view {
    direction: rtl
}

.fc-list-view {
    border-width: 1px;
    border-style: solid
}

.fc .fc-list-table {
    table-layout: auto
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px
}

.fc-list-table tr:first-child td {
    border-top-width: 0
}

.fc-list-heading {
    border-bottom-width: 1px
}

.fc-list-heading td {
    font-weight: 700
}

.fc-ltr .fc-list-heading-main {
    float: left
}

.fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main {
    float: right
}

.fc-rtl .fc-list-heading-alt {
    float: left
}

.fc-list-item.fc-has-url {
    cursor: pointer
}

.fc-list-item-marker, .fc-list-item-time {
    white-space: nowrap;
    width: 1px
}

.fc-ltr .fc-list-item-marker {
    padding-right: 0
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0
}

.fc-list-item-title a {
    text-decoration: none;
    color: inherit
}

.fc-list-item-title a[href]:hover {
    text-decoration: underline
}

.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.fc-unthemed .fc-list-empty {
    background-color: #eee
}

@charset "UTF-8";

/* div:nth-of-type(1) */

/*

通常ボタン
background: linear-gradient(#88f, #008);

未選択ボタン
background: linear-gradient(#004, #448);

グレーボタン
background: linear-gradient(#888, #444);

反応しない（薄いグレー）
background: linear-gradient(#eee, #ddd);

*/
* {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 0;
    box-sizing: border-box;
}

html, body {
    background-size: cover;
    height: 100%;
    color:#222;
    background:#eee;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

html {
    width: auto;
}

body {
    overflow: auto;
    /*display: flex;
    flex-wrap: wrap;
    justify-content: center;*/
    display: inline-block;
    min-width: 100%;
    width: auto;
}

a {
    color: #00f;
    font-size: 1.2rem;
    border: none;
    text-decoration: none;
}

/*	bootstrapのリセット
.btn-default{
color:#F49095;
background:#fff;
border:none;
font-size:2.4rem;
}
.bg-info{background:none;}
*/

/* Loading画像 */
#loading {
    background: none;
    width: 100%;
    height: 100vh;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    margin: 0;
}

#loading_image {
    color: #ffffff;
    font-size: 200px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0 auto;
    top: 45%;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0) translateY(-50%);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*新Loading　END*/

/*エラーウインドウ*/
#alert::before, .popup::before {
    content: '';
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 999;
}

#alert, .popup {
    width: 70%;
    height: auto;
    position: absolute;
    margin: 5% auto;
    z-index: 9999;
    /* background: #fff; */
    border: none;
    box-sizing: border-box;
    border-radius: 0.5rem;
    box-shadow: 5px 5px 15px #888;
    top: -5vh;
}

#alert #message, .popup .message {
    position: relative;
    width: 80%;
    height: 70%;
    text-align: center;
    align-self: center;
    align-items: center;
    margin: 5% 10% 0 10%;
    font-size: 1.5rem;
    z-index: 99999;
}

#alert button, .popup button {
    position: relative;
    display: block;
    width: 60%;
    height: 4rem;
    margin: 10% auto;
    background: #fff;
    border-radius: 0.5rem;
    padding: 0.5rem;
    font-size: 1.5rem;
    color: #000;
    z-index: 999999;
}

h3.alert.alert-info {
    background: #ddd !important;
    border: none;
}

.wrapper {
    width: auto;
    overflow: initial;
}

/*インデックス*/

/*
.index{
    display:flex;
    flex-wrap: wrap;
}
*/

[data-page] {
    color: #000;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

.index > .index_category {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 1rem auto;
}

.index > .index_category > [data-page] {
    cursor: pointer;
    border-radius: 0.5rem;
    width: 30%;
    min-width: 15rem;
    height: 4rem;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.index_category > span {
    width: 100%;
    margin-bottom: 0.5rem;
    padding: 0.5rem 0 0.5rem 2rem;
    background: #bbb;
}

.page {
    background:#fff;
    /*width: 100%;*/
    height: auto;
    top: 11vh;
    left: 0;
    /*position: absolute;*/
    overflow-y: initial;
    -webkit-overflow-scrolling: touch
}

.page > div {
    width: auto;
    margin-left: 1rem;
}

.page .title {
    display: none;
}

.page.index {
    height: auto;
}

select {
    font-size: 1rem;
    width: 70vw;
    margin: 0.5rem auto;
    display: block;
    height: 3rem;
}

#alert::after, .popup::after {
    content: '';
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    z-index: 9999;
    background: #fff;
    border: solid 5px #220000;
    box-sizing: border-box;
    border-radius: 0.5rem;
}

/*PC管理画面*/

.header {
    background: #220000;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 11vh;
    min-height: 5.5rem;
    margin: 0;
    position: fixed;
    top: 0;
    padding-right: 1rem;
    z-index: 100;
}

#title {
    color: white;
    width: 70vw;
    height: 2rem;
    text-align: center;
    position: relative;
    top: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    margin-left: 15vw;
}

#title img {
    width: 15vw;
    height: 8vh;
    object-fit: contain;
}

.header div.home {
    border: none;
    background: #eee;
    margin-left: 1rem;
    font-size: 0.5rem;
    border-radius: 0.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(https://raccoin.jp/app/images/g_home_on.png);
    width: 11vh;
    height: 8vh;
}

h1 {
    display: flex;
    margin: 0 auto 0.5rem auto;
}

h1 a {
    margin-left: 5rem;
}

h1 a.btn.btn-success {
    height: 100%;
}

nav.navbar.navbar-static-top {
    display: flex;
    align-items: center;
}

nav .nav.navbar-nav.navbar-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    width: 20rem;
    left: calc(100vw - 260px - 20rem);
}

nav .nav.navbar-nav.navbar-right span {
    display: block;
    margin-right: 1rem;
}

#shop_limit {
    font-size: 0.8rem;
    width: 14rem;
    height: 2rem;
}

.search {
    font-size: 0.8rem;
    width: 14rem;
    margin: 0.5rem auto;
    margin-left: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.decide, .delete {
    width: 8rem;
    margin: 1rem auto;
    border: solid 1px #000;
    box-sizing: border-box;
    border-radius: 0.5rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

button.btn.btn-default.btn-flat {
    border-radius: 5px;
}

.pagination > li > a, .pagination > li > span {
    font-size: 1rem;
}

/*ボタンの挙動　マウスオーバー、アクション*/
[data-page], #alert button, .popup button,
.decide, .copy, .close, .delete, #coupon_insert, .radio, #banner_insert, #message_insert, .imagefile, .search_icon {
    cursor: pointer;
}

[data-page]:hover, #alert button:hover, .popup button:hover,
.decide:hover, .close:hover, .delete:hover, #coupon_insert:hover, .home:hover, .radio:hover, #banner_insert:hover, #message_insert:hover, .imagefile:hover, .search_icon:hover, .index > div.staff:hover {
    border-color: #888;
}

[data-page]:active, #alert button:active, .popup button:active,
.decide:active, div.close:active, .delete:active, #coupon_insert:active, .home:active, .radio:active, #banner_insert:active, #message_insert:active, .imagefile:active, .search_icon:active {
    border-color: #888;
    box-shadow: none;
}

div#login {
    width: 40%;
    height: 50%;
    padding: 1rem;
    margin: 1rem auto;
    position: relative;
}

#login .message {
    display: flex;
    flex-direction: column;
}

#login .message input {
    width: 15rem;
    margin: 1rem auto;
    font-size: 1.2rem;
}

/*パンくず*/
.breadcrumb,
.breadcrumb a {
    font-size: 1rem;
}

.content-header > .breadcrumb {
    left: 10px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*アプロジ CSS■■■■■■■■■■■■■■■■■■■*/

.form_title {
    width: calc(100% + 1rem);
    font-weight: bold;
    background: #048;
    height: 3rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: #fff;
    padding-left: 1rem;
    margin-left: -1rem;
}

.form_line_group {
    width: 100%;
    display: flex;
}

.form_line {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
    margin-right: 2rem;
    height: 2rem;
}

.form_name {
    background: #E3E3E3;
    width: 8rem;
    height: 2rem;
    display: flex;
    align-items: center;
}

.form_body {
    background: #eee;
    width: 12rem;
    height: 2rem;
    display: flex;
    align-items: center;
}

.form_body span {
    margin-left: 5%;
    display: block;
    width: 90%;
    height: 1.5rem;
    border: solid 1px #888;
    background: #fff;
}

.form_body input {
    width: 100%;
}

.width_1 {
    width: 10rem;
}

.width_2 {
    width: 20rem;
}

.form_btn1,
.form_btn2 {
    color: #FFF;
    background-color: rgb(28,73,153);
    font-size: 14px;
    height: 2rem;
    line-height: 1;
    padding: 0.2em 1em;/*ボタン内の余白*/

    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select:none;
    text-decoration: none;

    -webkit-tap-highlight-color: transparent;
    transition: .3s ease-out;/*変化を緩やかに*/
}

.form_btn2:hover,
.form_btn1:hover,
.btn-onemile:hover{
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}

.form_btn2 {
    width: 15rem;
    cursor: pointer;
}

.btn_gray {
    background: linear-gradient(#888, #444);
    cursor: pointer;
}

.btn_delete {
    background: linear-gradient(#666, #222);
    color: #f88;
    cursor: pointer;
}

.btn_deepcolor {
    background: linear-gradient(#aba9a3, #c6cfe3);
    cursor: pointer;
}

.disabled {
    cursor: default;
}

.form_btn1.disabled,
.form_btn2.disabled {
    background: linear-gradient(#eee, #ddd);
    color: #888;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*login register タスク編集■■■■■■■■■■■■■■■■■■*/

.login .content-header {
    padding: 0;
}

.login_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.login_logo img {
    width: 294px;
    height: 119px;
}

.register form {
    display: flex;
    flex-wrap: wrap;
}

.register .form-group {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 1rem 15%;
}

.login .form-group label,
.register .form-group label {
    width: 8rem;
    padding: 0;
    margin: 0;
}

.login .col-md-12 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.login form .row {
    margin-bottom: 1.5rem;
}

.login .sidebar-toggle {
    display: none;
}

.login .col-md-6 input,
.register .col-md-6 input {
    width: 25rem;
    margin-right: calc(100% - 8rem - 25rem);
}

.login .form-group .col-md-6,
.register .form-group .col-md-6 {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: center;
}

.login .form-group .col-md-6 .checkbox,
.register .form-group .col-md-6 .checkbox {
    display: block;
    width: 100%;
}

.login .form-group .col-md-6 .checkbox label,
.register .form-group .col-md-6 .checkbox label {
    display: flex;
    justify-content: center;
    width: 100%;
}

.login .form-group .col-md-6 .checkbox label input,
.register .form-group .col-md-6 .checkbox label input {
    position: relative;
    padding: 0;
    display: block;
    width: 2rem;
    margin: 0;
}

.login .form-group .col-md-6 .checkbox label span,
.register .form-group .col-md-6 .checkbox label span {
    position: relative;
    padding: 0;
    display: block;
    width: 15rem;
    margin: 0 0 0 1rem;
    text-align: left;
}

.login .form-group.button .col-md-8,
.register .form-group.button .col-md-8 {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.login .form-group.button .col-md-8 button,
.register .form-group.button .col-md-8 button {
    width: 6rem;
    margin: 0;
    padding: 0;
}

.logo span.logo-lg b {
    display: none;
    margin-top:5px;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*tasks index タスクリスト■■■■■■■■■■■■■■■■■■*/

.pull_down {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.pull_down span {
    width: 6rem;
    display: block;
    font-weight: bold;
}

.menu_btn_line {
    width: auto;
    font-size: 14px;
}

.menu_btn_line small {
    display: none;
}

.menu_btn_line .form_btn1 {
    margin-right: 1rem;
}

.menu_btn_line label {
    height: 1rem;
    margin-right: 0;
    width: 7rem;
}

.menu_btn_line.tasks_search_daterange {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.5rem;
}

.menu_btn_line .tasks_search_line,
.menu_btn_line .tasks_term_line,
.menu_btn_line .tasks_driver_line{
    display: flex;
    margin: 0;
    align-items: center;
}

.menu_btn_line .tasks_search_line span{
    width: 6rem;
}

.menu_btn_line .tasks_search_box,
.menu_btn_line .tasks_driver_box{
    display: flex;
    flex-direction: column;
    width: auto;
}

.menu_btn_line .tasks_search_box div select,
.menu_btn_line .tasks_driver_box div select {
    width: 10rem;
    height: 2rem;
    margin-right: 1rem;
    margin-left: 0;
}

.menu_btn_line .tasks_search_box div input {
    width: 16rem;
    height: 2rem;
    margin-right: 0.5rem;
}

.menu_btn_line .tasks_search_box .search_row {
    width: auto;
    display: flex;
    align-items: center;
}

.menu_btn_line.tasks_term_line {
    margin: 0;
    background: #eee;
}

.menu_btn_line .tasks_term_box.daterange {
    display: flex;
    align-items: center;
}

.menu_btn_line .tasks_term_box.daterange select{
    width: 10rem;
    height: 2rem;
    margin: auto 0.5rem;
}
.menu_btn_line .tasks_term_box.daterange input {
    width: 7rem;
    height: 2rem;
    margin: auto 0.5rem;
}

.menu_btn_line .tasks_term_box.daterange select {
    margin-left: 0;
}


.menu_btn_line .tasks_err_box {
    display: flex;
    align-items: center;
}

.menu_btn_line .tasks_viewcount_box {
    display: flex;
    align-items: center;
}

.menu_btn_line .tasks_viewcount_box select {
    width: 6rem;
    height: 2rem;
}

.menu_btn_line .tasks_err_box label {
    height: 1rem;
    width: 7rem;
}

.menu_btn_line .tasks_err_box select {
    width: 10rem;
    height: 2rem;
    margin-right: 1rem;
}

.menu_btn_line .tasks_err_box .err_counts {
    width: auto;
    display: flex;
    padding: 0.5rem 2rem;
    font-weight: bold;
}

.menu_btn_line .tasks_err_box .err_counts.ok {
    background: #dfd;
    color: #080;
}

.menu_btn_line .tasks_err_box .err_counts.err {
    background: #fdd;
    color: #f00;
}

.tasks.index .content-header div.menu_btn_line {
    margin-bottom: 0;
    flex-wrap: wrap;
}

.tasks.index .content-header > div.menu_btn_line > div {
    margin-bottom: 0.5rem;
}

.tasks.index .content div.table {
    overflow: scroll;
    width: 97vw;
    height: 55vh;
}
.drivers.index .content div.table {
    overflow: scroll;
    width: 97vw;
    height: 55vh;
}

.tasks.index .content div.table > div.tbody.body .th,
.tasks.index .content div.table > div.tbody.body .td{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
}

.tasks.index .content div.table > div.tbody.body {
    /* width: 534rem; */
    width: 800rem;
}
.tasks.index .content div.table > div.tr {
    /* width: 534rem; */
    width: 800rem;
}

.drivers.index .content div.table > div.tbody.body {
    /* width: 534rem; */
    width: 800rem;
}
.drivers.index .content div.table > div.tr {
    /* width: 534rem; */
    width: 800rem;
}

.task_table .table .th:nth-child(1) {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}
.task_table .tr .th:nth-child(1){
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 10;
    background-color: white;
    font-size: 1rem;
    padding: 0.3rem 0 0.3rem 0.3rem;
    border-right: solid 3px #fff;
    border-bottom: solid 3px #fff;
}
.task_table .table .th:nth-child(2) {
     position: -webkit-sticky;
     position: sticky;
     left: 3rem;
 }
.task_table .tr .th:nth-child(2){
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 10;
    background-color: white;
    font-size: 1rem;
    padding: 0.3rem 0 0.3rem 0.3rem;
    border-right: solid 3px #fff;
    border-bottom: solid 3px #fff;
}
.task_table .table .th:nth-child(3) {
    position: -webkit-sticky;
    position: sticky;
    left: 7rem;
}
.task_table .tr .th:nth-child(3){
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 10;
    background-color: white;
    font-size: 1rem;
    padding: 0.3rem 0 0.3rem 0.3rem;
    border-right: solid 3px #fff;
    border-bottom: solid 3px #fff;
}
.task_table .table .th:nth-child(4) {
    position: -webkit-sticky;
    position: sticky;
    left: 13rem;
}
.task_table .tr .th:nth-child(4){
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 10;
    background-color: white;
    font-size: 1rem;
    padding: 0.3rem 0 0.3rem 0.3rem;
    border-right: solid 3px #fff;
    border-bottom: solid 3px #fff;
}
#task_checkbox,#task_row_index,#task_error,#task_order_number,#task_delivery_state{
    background-color: rgb(46,64,109);
    color:white;
}
.task_checkbox{
    display:flex;
    align-items: center;
}
.tr .task_checkbox .checkbox_img {
    vertical-align: middle;
    background-image: url("../icons/Apps-Icon-Template-icon.png");
    width:32px;
    height:32px;
    transform: scale(0.8);
}

.tr.selected .task_checkbox .checkbox_img {
    vertical-align: middle;
    background-image: url("../icons/checkbox-icon.png");
    width:32px;
    height:32px;
    transform: scale(0.8);
}
.th.task_checkbox{
    padding: 0 !important;
}

/*tasks edit タスク編集■■■■■■■■■■■■■■■■■■*/

.col-md-12 {
    min-width: 1000px;
}

.col-md-12 form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.form-group {
    display: flex;
    width: 25%;
}

.form-group label {
    width: 8rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0.5rem;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
}

.form-group input,
.form-group textarea,
.form-group select {
    height: 3rem;
    width: calc(100% - 8rem);
    margin: 0;
}

.form-group.edit_order_number {
    margin-right: 25%;
}
.form-group.edit_customer_cd {
    margin-right: 75%;
}
.form-group.edit_recovery			{	margin-right: 50%;	}
.form-group.edit_recovery input		{	width: calc(100% - 20rem); height: 2rem; margin-top: 0.4rem;	}
.form-group.edit_order_number		{	margin-right: 50%;	}
.tasks.edit .form-group.edit_order_number	{	margin-right:25%;	}


.form-group.edit_delivery_division {
}

.form-group.edit_furigana {
}

.form-group.edit_address {
    margin-right: 25%;
    width: 50%;
}

.form-group.edit_pref {
}

.form-group.edit_city {
}

.form-group.edit_area {
    margin-right: 25%;
}

.form-group.edit_street				{	width:25%;		}

.form-group.edit_building {
    width: 50%;
    margin-right: 25%;
}

.form-group.edit_tel {
    margin-right: 25%;
}

.form-group.edit_item_name {
    margin-right: 25%;
    width: 50%;
}


.form-group-item-label 				{	display: flex; flex-wrap:wrap; width: 100%;	}
.form-group.edit_item_label			{	float: left;	}

.form-group.edit_suryo				{	margin-right: 25%;	}

.form-group.edit_xd_arrival_date	{	margin-right: 50%;	}

.form-group.edit_cargo_collection_delivery_code
{	margin-right: 0%;	}

.form-group.edit_weight{	margin-right: 50%;	}

.form-group.edit_cargo_collection_ship_day{	margin-right: 25%;	}
.form-group.create_cargo_collection_ship_day{	margin-right: 50%;	}
.form-group.edit_collection_delivery_code{width: 50%;margin-right:25%;        }
.form-group.edit_middle_depot_arrival_date{	margin-right:0%;	}
.form-group.edit_middle_depot_01_ship_date{	margin-right:25%;	}
.form-group.edit_depot_arrival_date		{	margin-right: 0%;	}
.form-group.edit_depot_ship_date		{	margin-right: 25%;	}
.task_cargo_collection_day         {   min-width:10rem;    }
.task_cargo_collection_ship_day         {   min-width:10rem;    }
.task_middle_depot_01_ship_date         {   min-width:10rem;    }
.task_middle_depot_02_ship_date         {   min-width:10rem;    }
.task_middle_depot_03_ship_date         {   min-width:10rem;    }
.task_middle_depot_04_ship_date         {   min-width:10rem;    }
.task_middle_depot_05_ship_date         {   min-width:10rem;    }
.task_depot_ship_date		{	min-width:7rem;	}


.form-group.edit_delivery_resend {
}

.form-group.edit_delivery_total_price {
    margin-right: 75%;
}

.form-group.edit_depot_address {
    margin-right: 25%;
}
.form-group.edit_delivery_delovery_name	{	width:50%;	}

.form-group.edit_delivery_co_total_price	{	margin-right: 50%;	}
.form-group.edit_note				{	margin-right: 25%; width:50%;	}
.form-group.edit_memo				{	width:75%;	}


.form-group.edit_option {
    margin-right: 50%;
    width: 50%;
}

.form-group.edit_address input {
    width: calc(100% - 8rem);
    width: 25%;
}

.form-group.edit_item_name input {
    width: calc(100% - 8rem);
}

.form-group.edit_note textarea {
    width: calc(100% - 8rem);
}

.form-group.edit_memo textarea {
    width: calc(100% - 8rem);
}

.form-group.edit_option textarea {
    width: calc(100% - 8rem);
}

.form-group.edit_change_number {
    align-items: center;
}

.form-group.edit_change_name {
    align-items: center;
}

.form-group.edit_change_time		{	align-items: center; margin-right: 25%;	}

.form-group.edit_change_time div {
    white-space: nowrap;
    font-size: 0.9rem;
}

.form-group.edit_delivery_time {
    margin-right: 50%;
}

.tasks.edit .form-group.edit_delivery_time	{	margin-right:25%;	}

.form-group.edit_change_number label,
.form-group.edit_change_name label,
.form-group.edit_change_time label {
    margin-bottom: 0;
}

.form-group.edit_delivery_co_cd {
}

.form-group.edit_delivery_trunk{	width: 50%;	}
.form-group.edit_delivery_trunk_cd{	margin-right:25%;	}
.form-group.edit_depot_cd,
.form-group.edit_delivery_delovery_cd{
}
.form-group.edit_middle_trunk_cd_01,
.form-group.edit_middle_trunk_cd_02,
.form-group.edit_middle_trunk_cd_03,
.form-group.edit_middle_trunk_cd_04,
.form-group.edit_middle_trunk_cd_05,
.form-group.edit_middle_depot_cd_01,
.form-group.edit_middle_depot_cd_02,
.form-group.edit_middle_depot_cd_03,
.form-group.edit_middle_depot_cd_04,
.form-group.edit_middle_depot_cd_05
{
}

.form-group.edit_delivery_delovery_cd{	margin-right:25%;	}
.form-group.edit_depot 				{	width: 75%;	}
.form-group.edit_middle_depot_cd{width: 75%;margin-right:25%;		}


.form-group.create_delivery_delovery_cd {

}

.form-group.edit_xd_name {
    margin-right: 25%;
}
.form-group.order_number {
    margin-right: 25%;
}

.form-group.delivery_division {
    margin-right: 25%;
}

.form-group.furigana {
    margin-right: 25%;
}

.form-group.address {
    width: 50%;
}

.form-group.tel {
    margin-right: 25%;
}

.form-group.item_name {
    width: 50%;
    margin-right: 25%;
}

.form-group.delivery_total_price {
    margin-right: 25%;
}

.form-group.edit_store					{		}
.form-group.edit_store_tel				{	margin-right:50%;	}
.tasks.edit .form-group.edit_store_tel	{	margin-right:25%;	}

.form-group.edit_depot_arrival_date		{	margin-right: 0%;	}
.form-group.edit_delivery_co_member		{	margin-right: 0%;	}

.form-group.edit_desired_resend_day		{	margin-right: 0%;	}
.form-group.edit_driver_report		{	margin-right:25%; width: 75%;	}
.form-group.edit_uncompleted_at	{	margin-right:25%;	}

.form-group.edit_redelivery_date	{	margin-right:25%;	}

.form-group.edit_redelivery_condition_id {
}
.form-group.edit_delivery_condition_id {
    margin-right: 25%;
}

.form-group.edit_condition_report {
    width: 50%;
    margin-right: 50%;
}

.tasks.edit .page .version-control {
    display: flex;
    align-items: center;
    height: 4rem;
    margin-left: 1rem;
}

.col-md-12 form .box 				{	box-shadow: none; border-top: 0;	}
.col-md-12 form .box .box-header	{	background: #2db0a4; color: #ffffff; padding: 15px 5%;	}
.col-md-12 form .box .box-tools		{	right: 15px; top: 10px;	}
.col-md-12 form .box .btn-box-tool	{	color: #ffffff;	}
.col-md-12 form .box .box-body 		{	padding: 15px;	}

.col-md-12 form .form_header						{	width: 100%; display: flex; flex-wrap: flex;	}
.col-md-12 form .form_header .form_header_link_area	{	padding:15px; border:1px solid #2db0a4; border-bottom: 0; border-radius: 3px 3px 0 0;	}
.col-md-12 form .form_header .form_header_link		{	margin-right: 2%; color: #000000;	}
.col-md-12 form .form_header .form_header_link:first-of-type	{	margin-left: 10%;	}
.col-md-12 form .form_header .well 	{	margin-left: 30%; margin-bottom: 0;	}



/*	必須項目
依頼主コード・edit_customer_cd
伝票番号・edit_order_number
個数・edit_number
才数・edit_saisu
配送区分・edit_delivery_division
受取人・edit_name
郵便番号・edit_zip
住所・edit_address
電話番号・edit_tel
商品CD・edit_item_cd こいつだけ動的
商品名・edit_item_name
*/

.form-group.edit_customer_cd > label::after,
.form-group.edit_delivery_division > label::after,
.form-group.edit_name > label::after,
.form-group.edit_zip > label::after,
.form-group.edit_address > label::after,
.form-group.edit_pref > label::after,
.form-group.edit_city > label::after,
.form-group.edit_area > label::after,
.form-group.edit_tel > label::after,
.form-group.edit_item_name > label::after {
    content: '必須';
    width: 100%;
    color: #f00;
    line-height: 0;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
}

label.required::after {
    content: '必須';
    width: 100%;
    color: #f00;
    line-height: 0;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*customer index 荷主リスト■■■■■■■■■■■■■■■■■■*/
.col-md-12 table tr td {
    border-right: solid 1px #E3E3E3;
    border-bottom: solid 1px #E3E3E3;
}

.col-md-12 table thead tr th {
    text-align: center;
    background: #E3E3E3;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #888;
}

.col-md-12 table tr {
    display: flex;
}

.customers .col-md-12,
.deliveries .col-md-12,
.depots .col-md-12,
.users .col-md-12,
.roles .col-md-12,
.delivery_orders .col-md-12
{
    overflow: scroll;
    width: 95vw;
}

.customers .options {
    width: 20rem;
    justify-content: space-evenly;
}

.customers .id {
    width: 4rem;
    display: none;
}

.customers .name {
    width: 15rem;
}

.customers .kana {
    width: 15rem;
}

.customers .code {
    width: 6rem;
}

.customers .zip {
    width: 8rem;
}

.customers .address {
    width: 25rem;
    text-align: left;
}

.customers .tel {
    width: 12rem;
}

.customers .fax {
    width: 12rem;
}

.customers .tanto {
    width: 12rem;
}

.customers .tanto_email {
    width: 12rem;
}

.customers .tanto_tel {
    width: 12rem;
}

.customers .customer_trunk_unit_price {
    width: 10rem;
}

.customers .customer_delivery_unit_price {
    width: 10rem;
}

.customers .cost_redelivery {
    width: 10rem;
}

.customers .cost_specified_time {
    width: 8rem;
}

.customers .cost_charter {
    width: 10rem;
}

.customers .cost_local_area {
    width: 10rem;
}

.customers .kubun_nokisaki {
    width: 10rem;
}

.customers .kubun_kumitate {
    width: 10rem;
}

.customers .kubun_change {
    width: 10rem;
}

.customers .kubun_sinasage {
    width: 10rem;
}

.customers .kubun_turiage {
    width: 10rem;
}

.customers .kubun_etc {
    width: 12rem;
}

.customers .closing_day {
    width: 12rem;
}

.customers .stock_flag {
    width: 12rem;
}

.customers .stock_prefix {
    width: 12rem;
}

.customers .group_codes {
    width: 12rem;
}

.customers .require_calc_flag {
    width: 5rem;
}

.customers .delivery_fee_division_string {
    width: 12rem;
}

.customers .kubun_hikitori {
    width: 10rem;
}

.customers .kubun_kaidan {
    width: 10rem;
}

.customers .table {
    /*width: 300rem;*/
}

.customers td {
    display: flex;
    align-items: center;
    justify-content: center;
}

.customers th.address {
    text-align: center;
}

.customers.index .delivery_fee_division {
    width: 15rem;
    word-break: break-all;
}

/*.customers.index table tr {
    display: table-row;
}*/

.customers.index tbody {
    display: table-row-group;
}

/*.customers.index td {
    display: table-cell;
}*/

.col-md-12 .options form {
    width: auto;
}

/*customer editとcreate 荷主リスト■■■■■■■■■■■■■■■■■■*/

.customers.edit .form-group,
.customers.create .form-group {
    width: 25%;
}

.tasks.create .form-line {
    width: 100%;
    display: flex;
}

.customers.edit .name {
}

.customers.edit .kana {
}

.customers.edit .code {
}

.customers.edit .zip {
}

.customers.edit .address {
    margin-right: 25%;
    width: 50%;
}

.customers.edit .tel {
    margin-right: 0%;
}

.customers.edit .fax {
    margin-right: 50%;
}

.customers.edit .tanto {
}

.customers.edit .tanto_email {
}

.customers.edit .tanto_tel {
    margin-right: 25%;
}

.customers.edit .cost_redelivery {
}

.customers.edit .cost_specified_time {
}

.customers.edit .cost_charter {
}

.customers.edit .cost_local_area {
}

.customers.edit .kubun_nokisaki {
}

.customers.edit .kubun_kumitate {
}

.customers.edit .kubun_change {
}

.customers.edit .kubun_sinasage {
}

.customers.edit .kubun_turiage {
}

.customers.edit .kubun_etc {
    margin-right: 50%;
}

.customers.edit .closing_day {
    margin-right: 75%;
}

.customers.edit .stock_flag {
}

.customers.edit .stock_prefix {
    margin-right: 50%;
}

.customers.edit .stock_flag .btn-group {
    width: calc(100% - 8rem);
}

.customers.edit .stock_flag .btn-group label {
    width: 50%;
    height: 3rem;
    text-align: center;
}

.customers.edit .stock_flag .btn-group label.active {
}

.customers.create .name {
}

.customers.create .kana {
}

.customers.create .code {
}

.customers.create .zip {
}

.customers.create .address {
    margin-right: 25%;
    width: 50%;
}

.customers.create .tel {
    margin-right: 0%;
}

.customers.create .fax {
    margin-right: 50%;
}

.customers.create .tanto {
}

.customers.create .tanto_email {
}

.customers.create .tanto_tel {
    margin-right: 25%;
}

.customers.create .cost_redelivery {
}

.customers.create .cost_specified_time {
}

.customers.create .cost_charter {
}

.customers.create .cost_local_area {
}

.customers.create .kubun_nokisaki {
}

.customers.create .kubun_kumitate {
}

.customers.create .kubun_change {
}

.customers.create .kubun_sinasage {
}

.customers.create .kubun_turiage {
}

.customers.create .kubun_etc {
    margin-right: 50%;
}

.customers.create .closing_day {
    margin-right: 75%;
}

.customers.create .stock_flag {
}

.customers.create .stock_prefix {
    margin-right: 50%;
}

.customers.create .stock_flag .btn-group {
    width: calc(100% - 8rem);
}

.customers.create .stock_flag .btn-group label {
    width: 50%;
    height: 3rem;
    text-align: center;
}

.customers.edit .row,
.customers.create .row {
    width: 100%;
}

.customers.edit .row .open_window.form_btn2,
.customers.create .row .open_window.form_btn2 {
    width: 18rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*deliveries index 配送会社（依頼先）リスト■■■■■■■■■■■■■■■■■■*/

.deliveries_id {
    width: 4rem;
    display: none;
}

.deliveries_name {
    width: 15rem;
}

.deliveries_kana {
    width: 15rem;
}

.deliveries_code {
    width: 6rem;
}

.deliveries_zip {
    width: 8rem;
}

.deliveries_address {
    width: 25rem;
    text-align: left;
}

.deliveries_tel {
    width: 12rem;
}

.deliveries_fax {
    width: 12rem;
}

.deliveries_tanto {
    width: 12rem;
}

.deliveries_tanto_email {
    width: 12rem;
}

.deliveries_tanto_tel {
    width: 12rem;
}

.deliveries_cost_redelivery {
    width: 10rem;
}

.deliveries_cost_specified_time {
    width: 10rem;
}

.deliveries_cost_charter {
    width: 10rem;
}

.deliveries_cost_local_area {
    width: 10rem;
}

.deliveries_kubun_nokisaki {
    width: 10rem;
}

.deliveries_kubun_kumitate {
    width: 10rem;
}

.deliveries_kubun_change {
    width: 10rem;
}

.deliveries_kubun_sinasage {
    width: 10rem;
}

.deliveries_kubun_turiage {
    width: 10rem;
}

.deliveries_kubun_etc {
    width: 10rem;
}

.deliveries_closing_day {
    width: 12rem;
}

.deliveries_delivery_cost_table_kubun {
    width: 10rem;
}

.deliveries_options {
    width: 20rem;
    display: flex;
    justify-content: space-evenly;
}

th.deliveries_address {
    text-align: center;
}

.col-md-12 table {
    border-left: solid 1px #E3E3E3;
}

.col-md-12 .deliveries_options form {
    width: auto;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*deliveries/create    配送会社（依頼先）新規追加■■■■■■■■■■■■■■■■■■*/

.col-md-12 form, .col-md-12 form .box-body{
    display: flex;
    flex-wrap: wrap;
}


.deliveries_create form {
    display: flex;
    flex-wrap: wrap;
}

.deliveries_create .id {
    width: 4rem;
    display: none;
}

.deliveries_create .name {
}

.deliveries_create .kana {
}
.deliveries_create .officialname {
    margin-right: 25%;
}

.deliveries_create .code {
}

.deliveries_create .zip {
}

.deliveries_create .address {
    width: 50%;
    margin-right: 50%;
}

.deliveries_create .tel {
    margin-right: 0;
}

.deliveries_create .fax {
    margin-right: 50%;
}

.deliveries_create .tanto {
}

.deliveries_create .tanto_email {
}

.deliveries_create .tanto_tel {
    margin-right: 25%;
}

.deliveries_create .cost_redelivery {
}

.deliveries_create .cost_specified_time {
}

.deliveries_create .cost_charter {
}

.deliveries_create .cost_local_area {
}

.deliveries_create .kubun_nokisaki {
}

.deliveries_create .kubun_kumitate {
}

.deliveries_create .kubun_change {
}

.deliveries_create .kubun_sinasage {
}

.deliveries_create .kubun_turiage {
}

.deliveries_create .kubun_etc {
    margin-right: 50%;
}

.deliveries_create .closing_day {
}

.deliveries_create .delivery_cost_table_kubun {
    margin-right: 50%;
}

.deliveries_create .name label::after,
.deliveries_create .code label::after {
    content: '必須';
    color: #f00;
    font-size: 0.9rem;
    width: 100%;
}

.deliveries_create .price_list .row .open_window.form_btn2,
.deliveries_edit .price_list .row .open_window.form_btn2 {
    width: 18rem;
}

.deliveries_create .depot_list,
.deliveries_edit .depot_list {
    flex-direction: column;
    align-items: flex-start;
    text-align: center;
}

.deliveries_create .depot_list .row .open_window.form_btn2,
.deliveries_edit .depot_list .row .open_window.form_btn2 {
    width: 18rem;
}

.deliveries_create .depot_list .row .delivery_price_range .depot,
.deliveries_edit .depot_list .row .delivery_price_range .depot {
    width: 15rem;
    border-right: solid 1px #E3E3E3;
}

.deliveries_create .depot_list .row .delivery_price_range .depot_pref,
.deliveries_edit .depot_list .row .delivery_price_range .depot_pref {
    width: 8rem;
    border-right: solid 1px #E3E3E3;
}

.deliveries_create .depot_list .row .delivery_price_range .depot_city,
.deliveries_edit .depot_list .row .delivery_price_range .depot_city {
    width: 8rem;
    border-right: solid 1px #E3E3E3;
}

.deliveries_create .depot_list .row .delivery_price_range .depot_zip,
.deliveries_edit .depot_list .row .delivery_price_range .depot_zip {
    width: 10rem;
}

.deliveries_create .depot_list .row .delivery_price_range .th.depot,
.deliveries_edit .depot_list .row .delivery_price_range .th.depot,
.deliveries_create .depot_list .row .delivery_price_range .th.depot_pref,
.deliveries_edit .depot_list .row .delivery_price_range .th.depot_pref,
.deliveries_create .depot_list .row .delivery_price_range .th.depot_city,
.deliveries_edit .depot_list .row .delivery_price_range .th.depot_city {
    border-right: solid 1px #fff;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*deliveries/edit    配送会社（依頼先）編集■■■■■■■■■■■■■■■■■■*/

.deliveries_edit .id {
    width: 4rem;
    display: none;
}

.deliveries_edit .name {
}

.deliveries_edit .kana {
}
.deliveries_edit .officialname {
    margin-right: 25%;
}
.deliveries_edit .code {
}

.deliveries_edit .zip {
    margin-right: 50%;
}

.deliveries_edit .address {
    width: 50%;
    margin-right: 50%;
}

.deliveries_edit .tel {
    margin-right: 0;
}

.deliveries_edit .fax {
    margin-right: 50%;
}

.deliveries_edit .tanto {
}

.deliveries_edit .tanto_email {
}

.deliveries_edit .tanto_tel {
    margin-right: 25%;
}

.deliveries_edit .cost_redelivery {
}

.deliveries_edit .cost_specified_time {
}

.deliveries_edit .cost_charter {
}

.deliveries_edit .cost_local_area {
}

.deliveries_edit .kubun_nokisaki {
}

.deliveries_edit .kubun_kumitate {
}

.deliveries_edit .kubun_change {
}

.deliveries_edit .kubun_sinasage {
}

.deliveries_edit .kubun_turiage {
}

.deliveries_edit .kubun_etc {
    margin-right: 50%;
}

.deliveries_edit .closing_day {
    margin-right: 75%;
}

.deliveries_edit .delivery_cost_table_kubun {
    margin-right: 50%;
}
.deliveries_edit .delivery_size_fees_delivery_ratio {
    margin-right: 50%;
}

.deliveries_edit .name label::after,
.deliveries_edit .code label::after {
    content: '必須';
    color: #f00;
    font-size: 0.9rem;
    width: 100%;
}

form.price_list {
    display: flex;
}

.form_btn2 {
    margin: 2rem auto 0.5rem 1rem;
}

.delivery_price_range {
    margin: 1rem;
    border-right: solid 1px #E3E3E3;
}


.deliveries_edit .sheet_area_prefecture {
    width: 15rem;
}

.deliveries_edit .sheet_area_city {
    width: 15rem;
}

.deliveries_edit .sheet_zip {
    width: 15rem;
    border-right: solid 1px #E3E3E3;
}

.deliveries_edit .sheet_unit_price {
    width: 6rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*delivery_fee_calcs    配送会社（依頼先）配送料計算■■■■■■■■■■■■■■■■■■*/

.delivery_fee_calcs table {
    border-left: solid 1px #E3E3E3;
}

.delivery_fee_calcs .id {
    display: none;
}

.delivery_fee_calcs .deliveries_code {
    width: 8rem;
}

.delivery_fee_calcs .delivery_division {
    width: 10rem;
}

.delivery_fee_calcs .delivery_cost_division {
    width: 10rem;
}

.delivery_fee_calcs .pref {
    width: 10rem;
}

.delivery_fee_calcs .zip {
    width: 8rem;
}

.delivery_fee_calcs .from {
    width: 10rem;
}

.delivery_fee_calcs .cost {
    width: 10rem;
}

.delivery_fee_calcs .lowest {
    width: 10rem;
}

.delivery_fee_calcs .local_area_fee {
    width: 10rem;
}

.delivery_fee_calcs .options {
    width: 20rem;
    display: flex;
    justify-content: space-evenly;
}

/*delivery_fee_calcs_create と delivery_fee_calcs_edit 配送会社（依頼先）配送料の編集と新規追加■■■■■■■■■■■■■■■■■■*/

.delivery_fee_calcs_edit .form-group,
.delivery_fee_calcs_create .form-group {
    width: 25%;
}

.delivery_fee_calcs_edit .delivery_cost_division,
.delivery_fee_calcs_create .delivery_cost_division {
    margin-right: 25%;
}

.delivery_fee_calcs_edit .from,
.delivery_fee_calcs_create .from {
    margin-right: 25%;
}

.delivery_fee_calcs_edit .local_area_fee,
.delivery_fee_calcs_create .local_area_fee {
    margin-right: 25%;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*delivery_fee5segments    配送会社（依頼先）配送料計算（5才数区切りバージョン）■■■■■■■■■■■■■■■■■■*/

.delivery_fee5segments table {
    border-left: solid 1px #E3E3E3;
}

.delivery_fee5segments .id {
    display: none;
}

.delivery_fee5segments .deliveries_code {
}

.delivery_fee5segments .delivery_division {
    width: 6rem;
}

.delivery_fee5segments .delivery_cost_division {
    width: 6rem;
}

.delivery_fee5segments .pref {
    width: 8rem;
}

.delivery_fee5segments .zip {
    width: 8rem;
}

.delivery_fee5segments .cost_5 {
    width: 6rem;
}

.delivery_fee5segments .cost_10 {
    width: 6rem;
}

.delivery_fee5segments .cost_15 {
    width: 6rem;
}

.delivery_fee5segments .cost_20 {
    width: 6rem;
}

.delivery_fee5segments .cost_25 {
    width: 6rem;
}

.delivery_fee5segments .cost_30 {
    width: 6rem;
}

.delivery_fee5segments .cost_35 {
    width: 6rem;
}

.delivery_fee5segments .cost_40 {
    width: 6rem;
}

.delivery_fee5segments .cost_45 {
    width: 6rem;
}

.delivery_fee5segments .cost_50 {
    width: 6rem;
}

.delivery_fee5segments .table_limit {
    width: 6rem;
}

.delivery_fee5segments .table_limit_division {
    width: 6rem;
}

.delivery_fee5segments .table_limit_charge {
    width: 6rem;
}

.delivery_fee5segments .local_area_fee {
    width: 6rem;
}

.delivery_fee5segments .options {
    width: 20rem;
    display: flex;
    justify-content: space-evenly;
}

/*delivery_fee5segments createとedit   配送会社（依頼先）配送料計算（5才数区切りバージョン）■■■■■■■■■■■■■■■■■■*/

.delivery_fee5segments.create .form-group,
.delivery_fee5segments.edit .form-group {
    width: 25%;
}

.delivery_fee5segments.create .delivery_cost_division,
.delivery_fee5segments.edit .delivery_cost_division {
    margin-right: 25%;
}

.delivery_fee5segments.create .zip,
.delivery_fee5segments.edit .zip {
    margin-right: 50%;
}

.delivery_fee5segments.create .cost_50,
.delivery_fee5segments.edit .cost_50 {
    margin-right: 50%;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*depots  index  デポ■■■■■■■■■■■■■■■■■■*/

.depots.index table {
    width: auto;
}

.depots.index .options {
    width: 20rem;
    display: flex;
    justify-content: space-evenly;
}

.depots.index .id {
    display: none;
}

.depots.index .deliveries_code {
    width: 8rem;
}

.depots.index .code {
    width: 8rem;
}

.depots.index .name {
    width: 10rem;
}

.depots.index .zip {
    width: 8rem;
}

.depots.index .pref {
    width: 8rem;
}

.depots.index .address {
    width: 25rem;
}

.depots.index .tel {
    width: 8rem;
}

.depots.index .closing_day {
    width: 4rem;
}

/*depots  editとcreate  デポ■■■■■■■■■■■■■■■■■■*/

.depots .form-group.deliveries_code {
    width: 25%;
}

.depots.edit .deliveries_code {
}

.depots.edit .code {
}

.depots.edit .name {
    margin-right: 25%;
}

.depots.edit .zip {
}

.depots.edit .pref {
}

.depots.edit .address {
    width: 50%;
}

.depots.edit .tel {
    margin-right: 0;
}

.depots.edit .closing_day {
    margin-right: 50%;
}

.depots.create .deliveries_code {
}

.depots.create .code {
}

.depots.create .name {
    margin-right: 25%;
}

.depots.create .zip {
}

.depots.create .pref {
}

.depots.create .address {
    width: 50%;
}

.depots.create .tel {
    margin-right: 0;
}

.depots.create .closing_day {
    margin-right: 50%;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*depot_areas  index  デポエリア■■■■■■■■■■■■■■■■■■*/

.depot_areas .form-group.deliveries_code {
    width: 25%;
}

.depot_areas.index .options {
    width: 20rem;
    display: flex;
    justify-content: space-evenly;
}

.depot_areas.index .id {
    display: none;
}

.depot_areas.index .deliveries_code {
    width: 8rem;
}

.depot_areas.index .depots_code {
    width: 8rem;
}

.depot_areas.index .zip {
    width: 8rem;
}

.depot_areas.index .pref {
    width: 8rem;
}

/*depots  editとcreate  デポ■■■■■■■■■■■■■■■■■■*/

.depot_areas.edit .deliveries_code {
}

.depot_areas.edit .depots_code {
    margin-right: 50%;
}

.depot_areas.edit .zip {
}

.depot_areas.edit .pref {
    margin-right: 50%;
}

.depot_areas.create .deliveries_code {
}

.depot_areas.create .depots_code {
    margin-right: 50%;
}

.depot_areas.create .zip {
}

.depot_areas.create .pref {
    margin-right: 50%;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*.users  index ユーザー管理■■■■■■■■■■■■■■■■■■*/

.users table {
    width: auto;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*roles  index  ルール■■■■■■■■■■■■■■■■■■*/

.roles.index th,
.roles.index td {
    width: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.roles.index th.name,
.roles.index td.name {
    width: 15rem;
}

.roles.index th.options,
.roles.index td.options {
    width: 15rem;
    justify-content: space-evenly;
}

/*roles  create edit  ルール■■■■■■■■■■■■■■■■■■*/
.roles.create label.btn.btn-primary {
    width: 3.5rem;
}

.roles.edit label.btn.btn-primary {
    width: 3.5rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*users  index edit create  ユーザー■■■■■■■■■■■■■■■■■■*/

.users.index th,
.users.index td {
    width: 6rem;
}

.users.index th.options,
.users.index td.options {
    width: 19rem;
}

.users.index th.name,
.users.index td.name {
    width: 15rem;
}

.users.index th.email,
.users.index td.email {
    width: 15rem;
}
.users.index th.tel,
.users.index td.tel {
    width: 12rem;
}

.users.index th.password,
.users.index td.password {
    width: 20rem;
    overflow-wrap: break-word;
}

.users.index th.remember_token,
.users.index td.remember_token {
    width: 20rem;
    overflow-wrap: break-word;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*err   エラーエリア■■■■■■■■■■■■■■■■■■*/

.err_body {
    width: 60%;
    margin: 3rem auto;
    text-align: center;
}

.err_title {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 1rem auto;
}

/*■■■■■■■■ここから下、旧CSS■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*配送会社■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.company,
.delivery_price,
.delivery_add,
.delivery_category,
.delivery_depot {
    border-bottom: solid 1px #ddd;
    display: flex;
    flex-wrap: wrap;
}

.delivery_save_cancel .form_line_group {
    margin-top: 2rem;
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tr div {
    justify-content: center;
}

.tr {
    display: flex;
    /* ToDo: trが画面幅までしかのびない関係で一旦コメントアウト
    border-bottom:solid 1px #E3E3E3;
    border-right:solid 1px #E3E3E3;*/
}

.tr:first-of-type {
    display: flex;
    background: #E3E3E3;
}

.sheet_unit_price {
    width: 10%;
    text-align: center;
    border-right: solid 1px #ddd;
}

.sheet_area_prefecture {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    border-right: solid 1px #ddd;
}

.sheet_area_city {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    border-right: solid 1px #ddd;
}

.sheet_zip {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
}

.sheet_unit_price span {
    width: auto;
}

.sheet_area_prefecture span {
    margin: 0.5rem 1rem;
}

.sheet_area_city span {
    margin: 0.5rem 1rem;
}

.sheet_zip span {
    margin: 0.5rem 1rem;
}

.delivery_price_range .sheet_unit_price span::after {
    content: '円';
    font-size: 0.8rem;
}

/*配送会社 倉庫■■■*/
.delivery_depot .open_window {
    margin: 0.5rem 1rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*配送会社 エリア別単価■■■■■■■■■■■*/
#main_delivery_price {
    width: 100%;
    padding: 1rem;
}

.delivery_price .open_window {
    margin: 0.5rem 1rem;
}

.delivery_price_btn_line {
    display: flex;
}

.delivery_price_btn_line div {
    margin: 0.5rem 1rem;
}

.sheet_select,
.sheet_area_select,
.sheet_area,
.sheet_delivery,
.sheet_price {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sheet_select {
    width: 10%;
}

.sheet_area_select {
    width: 10%;
}

.sheet_area {
    width: 30%;
}

.sheet_delivery {
    width: 35%;
}

.sheet_price {
    width: 15%;
}

.form_body.sheet_delivery input {
    margin-left: 2rem;
}

.form_body.sheet_price::after {
    content: '円';
    font-size: 0.8rem;
}

.delivery_area_price .tr:nth-child(odd) .form_body {
    background-color: #e5edf3;
}

.table {
    text-align: center;
}

.table .tr .th {
    border-right: solid 3px #fff;
    border-bottom: solid 3px #fff;
    background-color: rgb(46,64,109);
    color:white;
    text-align: center;
    padding: 0.3rem 0 0.3rem 0.3rem;
}
.table .tbody .tr .th {
     color:#333;
 }
.table .tbody .tr:nth-child(even) .td,
.table .tbody .tr:nth-child(even) .th{
    background: rgb(207,226,240);
}

.table .tbody .tr:nth-child(even).error .td,
.table .tbody .tr:nth-child(even).error .th{
    background: #f88;
}

.table .tr .td {
    font-size: 1rem;
    padding: 0.3rem 0 0.3rem 0.3rem;
    border-right: solid 3px #fff;
    border-bottom: solid 3px #fff;
    border-top: none;
}

.th, .td {
    min-width: 6rem;
}

.body .tr {
    background: #fff;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*受注リスト画面■■■■■■■■■■■■■■■■■■*/
.task_checkbox {
    min-width: 3rem;
    max-width: 3rem;
}

.task_row_index {
    min-width: 4rem;
    max-width: 4rem;
}

.task_error {
    min-width: 6rem;
    max-width: 6rem;
}
.task_delivery_preferred_date{
    min-width: 7rem;
    max-width: 7rem;
}

.task_delivery_decision_date{
    min-width: 7rem;
    max-width: 7rem;
}
.task_order_day {
    min-width: 8rem;
    max-width: 8rem;
}

.task_weekday {
    min-width: 3rem;
    max-width: 3rem;
}

.task_customer_cd {
    min-width: 5rem;
    max-width: 5rem;
}

.task_order_number {
    min-width: 16rem;
    max-width: 16rem;
}

.task_suryo {
    min-width: 5rem;
    max-width: 5rem;
}

.task_number {
    min-width: 5rem;
    max-width: 5rem;
}

.task_saisu {
    min-width: 4rem;
    max-width: 4rem;
}

.task_delivery_division {
    min-width: 5rem;
    max-width: 5rem;
}

.task_zip {
    min-width: 6rem;
    max-width: 6rem;
}

.task_name {
    min-width: 10rem;
    max-width: 10rem;
}

.task_furigana {
    min-width: 10rem;
    max-width: 10rem;
}

.task_address {
    min-width: 20rem;
    max-width: 20rem;
    text-align: left;
}

.task_pref {
    min-width: 6rem;
    max-width: 6rem;
}

.task_city {
    min-width: 8rem;
    max-width: 8rem;
}

.task_area {
    min-width: 6rem;
    max-width: 6rem;
}

.task_street {
    min-width: 12rem;
    max-width: 12rem;
}

.task_building {
    min-width: 12rem;
    max-width: 12rem;
}

.task_tel {
    min-width: 9rem;
    max-width: 9rem;
}

.task_item_cd {
    min-width: 10rem;
    max-width: 10rem;
}

.task_item_name {
    min-width: 15rem;
    max-width: 15rem;
}

.task_delivery_day {
    min-width: 7rem;
    max-width: 7rem;
}

.task_delivery_time {
    min-width: 6rem;
    max-width: 6rem;
}

.task_delivery_state {
    min-width: 6rem;
    max-width: 6rem;
}

.task_delivery_resend {
    min-width: 6rem;
    max-width: 6rem;
}


.task_driver_report {
    min-width: 10rem;
    max-width: 10rem;
}

.task_delivery_unit_price {
    min-width: 6rem;
    max-width: 6rem;
}

.task_delivery_add_price {
    min-width: 6rem;
    max-width: 6rem;
}

.task_delivery_total_price {
    min-width: 6rem;
    max-width: 6rem;
}

.task_delivery_co_cd {
    min-width: 6rem;
    max-width: 6rem;
}

.task_delivery_co {
    min-width: 8rem;
    max-width: 8rem;
}

.task_delivery_co-name {
    min-width: 6rem;
    max-width: 6rem;
}

.task_xd_arrival_date {
    min-width: 7rem;
    max-width: 7rem;
}

.task_xd_cd {
    min-width: 7rem;
    max-width: 7rem;
}

.task_xd_name {
    min-width: 15rem;
    max-width: 15rem;
}

.task_depot {
    min-width: 10rem;
    max-width: 10rem;
}

.task_depot_tel {
    min-width: 12rem;
    max-width: 12rem;
}

.depot_address {
    min-width: 20rem;
    max-width: 20rem;
    text-align: left;
}

.task_depot_arrival_date {
    min-width: 7rem;
    max-width: 7rem;
}

.task_delivery_co_member {
    min-width: 8rem;
    max-width: 8rem;
}

.task_delivery_co_member_number {
    min-width: 7rem;
    max-width: 7rem;
}

.task_delivery_co_car {
    min-width: 6rem;
    max-width: 6rem;
}

.task_delivery_co_receive_day {
    min-width: 7rem;
    max-width: 7rem;
}

.task_delivery_co_unit_price {
    min-width: 6rem;
    max-width: 6rem;
}

.task_delivery_co_add_price {
    min-width: 8rem;
    max-width: 8rem;
}

.task_delivery_co_total_price {
    min-width: 7rem;
    max-width: 7rem;
}

.task_store {
    min-width: 15rem;
    max-width: 15rem;
}

.task_store_tel {
    min-width: 9rem;
    max-width: 9rem;
}

.task_set_up_time {
    min-width: 9rem;
    max-width: 9rem;
}

.task_condition_report {
    min-width: 15rem;
    max-width: 15rem;
}
.task_garage_condition_id {
    min-width: 9rem;
    max-width: 9rem;
}

.task_delivery_return_condition_id {
    min-width: 9rem;
    max-width: 9rem;
}
.task_redelivery_condition_id {
    min-width: 9rem;
    max-width: 9rem;
}

.task_note {
    min-width: 15rem;
    max-width: 15rem;
}

.task_memo {
    min-width: 15rem;
    max-width: 15rem;
}

.task_option {
    min-width: 10rem;
    max-width: 10rem;
}

.task_change_number {
    min-width: 5rem;
    max-width: 5rem;
}

.task_created_at {
    min-width: 15rem;
    max-width: 15rem;
}

.task_updated_at {
    min-width: 15rem;
    max-width: 15rem;
}

.task_changed_cell {
    background-color: #f5a6d3 !important;
}

.task_trunk_unit_price {
    min-width: 6rem;
    max-width: 6rem;
}


.task_time_order_charge {
    min-width: 6rem;
    max-width: 6rem;
}


.task_area_charge {
    min-width: 6rem;
    max-width: 6rem;
}


.task_delivery_resend_charge {
    min-width: 6rem;
    max-width: 6rem;
}


.task_lifting_charge {
    min-width: 6rem;
    max-width: 6rem;
}


.task_carry_in_stairs_charge {
    min-width: 6rem;
    max-width: 6rem;
}


.task_storage_charge {
    min-width: 6rem;
    max-width: 6rem;
}


.task_assembly_charge {
    min-width: 6rem;
    max-width: 6rem;
}


.take_over_charge {
    min-width: 6rem;
    max-width: 6rem;
}


.task_cod_charge {
    min-width: 6rem;
    max-width: 6rem;
}


.task_etc_charge {
    min-width: 6rem;
    max-width: 6rem;
}

.task_delivery_total_price {
    min-width: 6rem;
    max-width: 6rem;
}



.task_middle_depot_01_arrival_date{
    min-width: 6rem;
    max-width: 6rem;
}

.task_middle_depot_01_ship_date {
    min-width: 6rem;
    max-width: 6rem;
}

.task_middle_depot_02_arrival_date {
    min-width: 6rem;
    max-width: 6rem;
}

.task_middle_depot_02_ship_date {
    min-width: 6rem;
    max-width: 6rem;
}

.task_middle_depot_03_arrival_date {
    min-width: 6rem;
    max-width: 6rem;
}

.task_middle_depot_03_ship_date {
    min-width: 6rem;
    max-width: 6rem;
}

.task_middle_depot_04_arrival_date {
    min-width: 6rem;
    max-width: 6rem;
}

.task_middle_depot_04_ship_date {
    min-width: 6rem;
    max-width: 6rem;
}

.task_middle_depot_05_arrival_date {
    min-width: 6rem;
    max-width: 6rem;
}

.task_middle_depot_05_ship_date {
    min-width: 6rem;
    max-width: 6rem;
}


.task_depot_ship_date {
    min-width: 6rem;
    max-width: 6rem;
}


.task_uncompleted_at {
    min-width: 6rem;
    max-width: 6rem;
}

.task_desired_resend_day {
    min-width: 6rem;
    max-width: 6rem;
}

.task_completed_at {
    min-width: 6rem;
    max-width: 6rem;
}

.task_redelivery_date {
    min-width: 6rem;
    max-width: 6rem;
}

.task_delivery_return_at {
    min-width: 6rem;
    max-width: 6rem;
}

.task_return_complete_date {
    min-width: 6rem;
    max-width: 6rem;
}

.task_driver_report {
    min-width: 6rem;
    max-width: 6rem;
}


/* ToDo: trタグが画面幅までしかのびないため、一旦コメントアウト
.table .tr:hover{background:#E3E3E3;}
.body .tr:hover{background:#ffd;}
*/
.body .tr.selected,
.body .tr.selected .td,
.body .tr.selected .th {
    background: #dfd !important;
}

.body .tr.err {
    background: #f88;
}

.body .tr.error,
.body .tr.error .td,
.body .tr.error .th{
    background: #f88;
}

.body .tr.error.selected,
.body .tr.error.selected .td {
    background: #b8f;
}

.delivery_save_cancel .form_line_group {
    width: 100vw;
}

.menu_btn_line {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*受注リスト詳細■■■■■■■■■■■■■■■■■■*/

.form_name.task_address,
.form_name.task_item_name,
.form_name.task_note {
    min-width: auto;
}

.form_body.task_address {
    min-width: auto;
}

.task_edit_sheet {
    display: flex;
    flex-wrap: wrap;
}

.form_body.task_item_name,
.form_body.task_address {
    width: 34rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*受注 請求書発行 task_invoices■■■■■■■■■■■■■■■■■■*/
.task_invoices form#search {
    font-size: 1rem;
}

.task_invoices form#search select {
    margin: 0;
    height: 2rem;
    width: 20rem;
}

.task_invoices form#search .daterange {
    display: flex;
    align-items: center;
    margin-left: 7rem;
}

.task_invoices form#search .daterange button {
    width: 4rem;
    padding: 0 1rem;

    color: #FFF;
    background-color: #26a69b;
    height: 2rem;
    font-size: 1em;/*文字サイズ*/
    line-height: 1;
    border-radius: 3px;/*角の丸み*/
    user-select:none;
    font-weight: bold;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/

    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.task_invoices form#search .daterange span {
    margin: auto 1rem;
}

.task_invoices form#search .form_btn1.Search {
    margin-top: 0.5rem;
}

.task_invoices .content .demand {
    margin: 0 auto 1rem 7rem;
    display: flex;
    align-items: baseline;
}

.task_invoices .content .demand .demand_title {
    font-weight: bold;
    margin-right: 1rem;
}

.task_invoices .content .demand #total_total {
    font-size: 1.5rem;
    font-weight: bold;
}

.task_invoices .content #pdf button,
.task_invoices .content #csv button {
    width: 12rem;
    margin: auto;
    height: 2rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    color: #FFF;
    background-color: #26a69b;
    font-size: 1em;/*文字サイズ*/
    line-height: 1;
    padding: 0.2em 1em;/*ボタン内の余白*/
    border-radius: 3px;/*角の丸み*/
    user-select:none;
    font-weight: bold;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
}

.task_invoices .content th {
    text-align: center;
    background: #E3E3E3;
}

.task_invoices .content th:first-of-type {
    border-right: solid 1px #fff;
}

.task_invoices .content div.table {
    width: 95vw;
    overflow: scroll;
    height: 55vh;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*受注 支払書発行 .task_payments ■■■■■■■■■■■■■■■■■■*/
.task_payments form#search {
    font-size: 1rem;
}

.task_payments form#search .menu_btn_line {
    display: flex;
    flex-wrap: wrap;
}

.task_payments form#search .menu_btn_line label {
    width: 7rem;
}

.task_payments form#search .menu_btn_line select {
    margin: 0;
    height: 2rem;
    width: 20rem;
    margin-right: calc(100% - 7rem - 20rem);
}

.task_payments form#search .menu_btn_line label:nth-of-type(1) {
    margin-bottom: 1rem;
}

.task_payments form#search .menu_btn_line select:nth-of-type(1) {
    margin-bottom: 1rem;
}

.task_payments form#search .daterange {
    display: flex;
    align-items: center;
    margin-left: 7rem;
}

.task_payments form#search .daterange button {
    width: 4rem;
    color: #fff;
    padding: 0 1rem;
    height: 2rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    background-color: #26a69b;
    font-size: 1em;/*文字サイズ*/
    line-height: 1;
    border-radius: 3px;/*角の丸み*/
    user-select:none;
    font-weight: bold;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
}

.task_payments form#search .daterange span {
    margin: auto 1rem;
}

.task_payments form#search .form_btn1.Search {
    margin-top: 0.5rem;
}

.task_payments .content .demand {
    margin: 0 auto 1rem 7rem;
    display: flex;
    align-items: baseline;
}

.task_payments .content .demand .demand_title {
    font-weight: bold;
    margin-right: 1rem;
}

.task_payments .content .demand #total_total {
    font-size: 1.5rem;
    font-weight: bold;
}

.task_payments .content #pdf button,
.task_payments .content #csv button {
    width: 12rem;
    color: #fff;
    margin: auto;
    height: 2rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    background-color: #26a69b;
    font-size: 1em;/*文字サイズ*/
    line-height: 1;
    padding: 0.2em 1em;/*ボタン内の余白*/
    border-radius: 3px;/*角の丸み*/
    user-select:none;
    font-weight: bold;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
}

.task_payments .content th {
    text-align: center;
    background: #E3E3E3;
}

.task_payments .content th:first-of-type {
    border-right: solid 1px #fff;
}

.task_payments .content div.table {
    width: 95vw;
    overflow: scroll;
    height: 55vh;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*料金計算 stock_check■■■■■■■■■■■■■■■■■■*/

.calc_page {
    display: flex;
    flex-wrap: wrap;
}

.calc_basic {
    width: 45%;
    margin-left: 5%;
    display: flex;
    flex-direction: column;
}

.clac_add {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.calc_add .form_line div {
    width: auto;
}

.calc_type select,
.calc_delivery select {
    width: 12rem;
    height: 2rem;
}

.calc_result {
    margin-top: 1rem;
    margin-left: 5%;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*在庫確認 stock_check■■■■■■■■■■■■■■■■■■*/

.item_group .tr:first-of-type {
    background: #fff;
}

.item_group .tr {
    border-bottom: none;
}

.item_group .tr .td {
    border-bottom: solid 1px #E3E3E3;
}

.item_group .tr .td.stock_checkbox {
    border-bottom: none;
}

.item_group .tr .td.stock_item_cd {
    border-bottom: none;
}

.item_group .tr .td.stock_item_name {
    border-bottom: none;
}

.item_group .tr .td.stock_item_details {
    border-bottom: none;
}

.item_group .tr.item_group_total .stock_checkbox {
    border-bottom: solid 1px #E3E3E3;
}

.item_group .tr.item_group_total .stock_item_cd {
    border-right: none;
    border-top: solid 1px #E3E3E3;
    border-bottom: solid 1px #E3E3E3;
}

.item_group .tr.item_group_total .stock_item_name {
    border-right: none;
    border-top: solid 1px #E3E3E3;
    border-bottom: solid 1px #E3E3E3;
}

.item_group .tr.item_group_total .stock_item_details {
    border-right: none;
    border-top: solid 1px #E3E3E3;
    border-bottom: solid 1px #E3E3E3;
}

.stock_checkbox {
    min-width: 3rem;
}

.stock_item_cd {
    min-width: 6rem;
}

.stock_item_name {
    min-width: 15rem;
}

.stock_item_details {
    min-width: 12rem;
}

.stock_depot {
    min-width: 12rem;
}

.stock_saisu {
    min-width: 6rem;
}

.stock_total {
    min-width: 6rem;
}

.stock_put_in_after {
    min-width: 6rem;
}

.stock_put_in_after_date {
    min-width: 7rem;
}

/*新規stock_checks*/
.stock_checks .content-header label,
.stock_managements .content-header label,
.stock_logs .content-header label {
    width: 7rem;
    margin: 0;
}

.stock_logs #search .form_btn1.Search {
    width: 16rem;
}

.stock_logs #csv button {
    color: #fff;
    min-width: 10rem;
    padding: 0 1rem;
    height: 2rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 1rem;
    margin-left: 7rem;
    margin-top: 1.5rem;
    width: 16rem;

    background-color: #26a69b;
    line-height: 1;
    border-radius: 3px;/*角の丸み*/
    user-select:none;
    font-weight: bold;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
}

.stock_managements.stock {
    margin-top: 1rem;
}

.stock form#search select {
    margin: 0;
    height: 2rem;
    width: 20rem;
}

.stock_checks_header .menu_btn_line input,
.stock_managements_header .menu_btn_line input,
.stock_logs_header .menu_btn_line input {
    margin-right: 3rem;
}

.stock table {
    width: auto;
}

.stock .daterange {
    display: flex;
    align-items: center;
}

.stock .daterange input:first-of-type {
    margin-right: 1rem;
}

.stock form#search .form_btn1.Search {
    margin-top: 0.5rem;
}

.datepicker-days > table > thead > tr > th {
    background: #fff
}

.stock th,
.stock_checks th,
.stock_logs th {
    background: #E3E3E3;
    border: solid 1px #888;
    border-left: none;
    width: 8rem;
    text-align: center;
}

.stock td,
.stock_checks td,
.stock_logs td {
    border-right: solid 1px #888;
    border-bottom: solid 1px #888;
    width: 8rem;
}

.stock_logs_header form#search,
.stock_managements form#search,
.stock_checks_header form#search {
    font-size: 1rem;
}

section.content .stock,
.stock_checks {
    overflow: scroll;
    width: 95vw;
    height: 55vh;
}

.stock .code, .stock_checks .code {
    min-width: 8rem;
    vertical-align: middle;
    text-align: center;
}

.stock .name, .stock_checks .name {
    min-width: 20rem;
    max-width: 20rem;
    vertical-align: middle;
    text-align: center;
}

.stock .saisu, .stock_checks .saisu {
    min-width: 4rem
}

.stock .total, .stock_checks .total {
    min-width: 8rem;
    vertical-align: middle;
    text-align: center;
}

.stock .options, .stock_checks .options {
    width: 15rem;
    vertical-align: middle;
    text-align: center;
}

.stock tbody .options,
.stock_checks tbody .options {
    width: 15rem;
    display: flex;
    justify-content: space-around;
}

.stock .stock_month,
.stock_checks .stock_month {
    font-size: 0.8rem;
    font-weight: normal;
}

.stock .stock_day,
.stock_checks .stock_day {
    font-size: 1.2rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*入庫管理 stock_management■■■■■■■■■■■■■■■■■■*/

.stock_rest {
    min-width: 6rem;
}

.stock_put_in {
    min-width: 6rem;
}

.stock_put_in_confirm {
    min-width: 6rem;
}

.stock_total_after {
    min-width: 6rem;
}

.stock_location {
    min-width: 8rem;
}

.stock_shelf {
    min-width: 8rem;
}

.stock_managements .row {
    position: relative;
}

.stock_managements #decide {
}

.stock_managements #new_item {
}

.stock_managements .stock_in {
    width: 6rem;
    text-align: center;
}

.stock_managements .stock_out {
    width: 6rem;
    text-align: center;
}

.stock_managements .stock_in input {
    width: 5rem;
    text-align: center;
}

.stock_managements .stock_out input {
    width: 5rem;
    text-align: center;
}

.stock_managements.index .row button#decide,
.stock_managements.index .row button#new_item {
    position: absolute;
    color: #fff;
    min-width: 10rem;
    padding: 0 1rem;
    height: 2rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    background-color: #26a69b;
    font-size: 1em;/*文字サイズ*/
    line-height: 1;
    border-radius: 3px;/*角の丸み*/
    user-select:none;
    font-weight: bold;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
}

.stock_managements.index .row button#decide {
    margin-top: -2rem;
    margin-left: 20rem;
}

.stock_managements.index .row button#new_item {
    margin-top: -2rem;
    margin-left: 8rem;
}

.stock_managements.create label {
    width: 7rem;
    margin: 0;
}

.stock_managements.create .col-md-12 form {
    flex-direction: column;
}

.stock_managements.create .col-md-12 form select {
    margin: 0;
    width: 20rem;
}

.stock_managements.create .col-md-12 form input {
    height: 3rem;
}

.stock_managements.create .col-md-12 form .item_name input {
    width: 30rem;
}

.stock_managements.create .col-md-12 form .item_in input {
    width: 6rem;
    text-align: center;
}

.stock_managements.create .col-md-12 form .item_in input div {
    text-align: center;
}

.stock_managements.create .col-md-12 form > .well.well-sm {
    width: 15rem;
}

.stock_managements span.explain {
    margin-left: 1rem;
}

.stock_managements span#total_saisu {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 4rem;
    height: 2rem;
    border: solid 1px #ddd;
    padding: 1.2rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*在庫管理履歴 stock_log■■■■■■■■■■■■■■■■■■*/

.stock_log_page .menu_btn_line {
    padding-left: 5rem;
    justify-content: flex-start;
}

.stock_put_out {
    min-width: 6rem;
}

.stock_put_in_total {
    min-width: 6rem;
}

.stock_put_out_total {
    min-width: 6rem;
}

.stock_put_in_put_out {
    min-width: 6rem;
}

.stock_saisu_total {
    min-width: 6rem;
}

.stock_palette {
    min-width: 6rem;
}

.stock_invoice {
    min-width: 8rem;
}

/*新規stock_log*/

.stock_logs .stock_logs_header #search .daterange .prev_month,
.stock_logs .stock_logs_header #search .daterange .next_month {
    width: 4rem;
    color: #fff;
    padding: 0 1rem;
    height: 2rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    background-color: #26a69b;
    font-size: 1em;/*文字サイズ*/
    line-height: 1;
    border-radius: 3px;/*角の丸み*/
    user-select:none;
    font-weight: bold;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
}

.stock_logs .stock_logs_header #search .daterange span.month {
    display: block;
    margin: auto 1rem;
}

.stock_logs .id {
    min-width: 4rem;
}

.stock_logs .code {
    min-width: 7rem;
    vertical-align: middle;
    text-align: center;
}

.stock_logs .name {
    min-width: 22rem;
    min-width: 15rem;
    vertical-align: middle;
    text-align: center;
    font-size: 0.8rem;
}

.stock_logs .in_flag {
    min-width: 5rem;
}

.stock_logs .task_id {
    min-width: 7rem;
}

.stock_logs .saisu {
    min-width: 4rem;
    text-align: center;
}

.stock_logs .total {
    min-width: 7rem;
    vertical-align: middle;
    text-align: right;
}

.stock_logs .kuri {
    min-width: 4rem;
    text-align: right;
}

.stock_logs .inout {
    text-align: right;
}

.stock_logs .created_at {
    min-width: 15rem;
}

.stock_logs .remarks {
    background: #ff6;
}

.stock_logs tbody .options {
    width: 15rem;
    display: flex;
    justify-content: space-around;
}

.stock_logs .stock_month {
    font-size: 0.8rem;
    font-weight: normal;
}

.stock_logs .stock_day {
    font-size: 1.2rem;
}

.stock_logs .stock_in,
.stock_logs .stock_out {
    min-width: 4rem;
    text-align: right;
}

.stock_logs .table {
    border-top: solid 1px #888;
    border-left: solid 1px #888;
    display: table;
    border-collapse: separate;
}

.stock_logs .table > thead > tr > th {
    text-align: center;
    border-bottom: solid 1px #888;
    vertical-align: middle;
}

.stock_logs .table > thead > tr:first-of-type > th {
    z-index: 200;
}

.stock_logs .table > tbody > tr > td {
    vertical-align: middle;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e5edf3;
}

.table-striped > tbody > tr:nth-of-type(odd) td {
    background-color: #e5edf3;
}
.width_200px{
    width:200px;
}
.width_400px{
    width:400px;
}

.table-striped > tbody > tr:nth-of-type(even) td {
    background: #fff;
}

.stock_logs .table > thead > tr > th.code,
.stock_logs .table > thead > tr > th.name {
    z-index: 300;
}

.stock_logs.index th.code,
.stock_logs.index td.code {
    position: sticky;
    left: 0;
    border-right: solid 1px #888;
    box-sizing: border-box;
    z-index: 10;
}

.stock_logs.index th.name,
.stock_logs.index td.name {
    position: sticky;
    left: 7rem;
    border-right: solid 1px #888;
    box-sizing: border-box;
    z-index: 10;
}

/*stock_logs_create*/

.stock_logs_create .edit_in_flag select {
    margin: auto;
}

.stock_logs .red {
    background: #f00;
    color: #fff;
}

/*stock_masters index*/

.stock_masters.index .content-header #search {
    width: 100%;
}

.stock_masters.index .content-header #search .menu_btn_line label {
    font-size: 1rem;
}

.stock_masters.index .daterange {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 7rem;
    margin-bottom: 1rem;
}

.stock_masters.index .daterange button,
.stock_masters.index #search .form_btn1.Search {
    color: #fff;
    padding: 0 1rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    margin-left: 7rem;
    margin-bottom: 1rem;
    width: 20rem;

    background-color: #26a69b;
    font-size: 0.8em;/*文字サイズ*/
    line-height: 1;
    border-radius: 3px;/*角の丸み*/
    user-select:none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
}

.stock_masters.index .daterange button {
    margin: 0;
    width: 5rem;
}

.stock_masters.index .content-header #search select {
    width: 15rem;
    margin: 0;
}

.stock_masters.index .content-header span.month {
    margin: auto 1rem;
}

.stock_masters.index .content-header .edit a {
    color: #000;
    background: #fff;
    border: solid 1px #000;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    margin: auto 1rem 1rem 1rem;
    border-radius: 0.5rem;
    border: solid 2px #000;
    cursor: pointer;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
    width: 12rem;
    margin-left: 7rem;
}

.stock_masters.index .content .demand {
    display: inline-flex;;
    border: solid 1px #E3E3E3;
    margin-bottom: 1rem;
    width: 25rem;
    height: 3rem;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-right: 1rem;
}

.stock_masters.index .content .demand_title {
    margin-right: 1rem;
}

.stock_masters.index .content .demand_value span {
    font-size: 1.5rem;
}

.stock_masters.index .content table {
    width: auto;
    border: solid 1px #E3E3E3;
}

.stock_masters.index .content table tr th {
    background: #E3E3E3;
    text-align: center;
    border-right: solid 1px #fff;
}

.stock_masters.index .content table tr th:last-of-type {
    border: none;
}

.stock_masters.index .content table tr td {
    border-right: solid 1px #E3E3E3;
    width: 12rem;
}

.stock_masters.index .content table tr td:last-of-type {
    border: none;
}

.stock_masters.index .content table tr td.item {
    width: 15rem;
    text-align: left;
    padding-left: 1rem;
}

.stock_masters.index .content table tr td.unit,
.stock_masters.index .content table tr td.quantity {
    text-align: right;
    padding-right: 0.5rem;
}

.stock_masters.index .content table tr td input {
    width: 9rem;
    text-align: right;
}

.stock_masters.index .content table tr td.unit input {
    width: 8rem;
}

.stock_masters.index .content table tr td.price {
    text-align: right;
    padding-right: 1rem;
}

.stock_masters.index .content #pdf button {
    color: #fff;
    padding: 0 1rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    margin: auto;
    width: 20rem;

    background-color: #26a69b;
    font-size: 1em;/*文字サイズ*/
    line-height: 1;
    border-radius: 3px;/*角の丸み*/
    user-select:none;
    font-weight: bold;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
}

.form-group_box {
    display: flex;
    flex-direction: column;
}

.sm_create .form-group {
    width: auto;
    display: flex;
    align-items: center;
}

.sm_create .form-group .sm_title {
    text-align: right;
    width: 10rem;
    margin-right: 1rem;
}

.sm_create .form-group .sm_value {
    width: 25rem;
}

.sm_create .form-group input {
    width: 10rem;
    text-align: right;
}

.sm_create .back_group {
    width: 12rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*ドライバー用 driver■■■■■■■■■■■■■■■■■■*/

.driver_page .tr {
    justify-content: space-between;
}

.driver_page .tr .td, .driver_page .tr .th {
    width: 50%;
}

.driver_page .tr .td:first-of-type, .driver_page .tr .th:first-of-type {
    width: 25%;
}

.driver_page .tr .td:last-of-type, .driver_page .tr .th:last-of-type {
    width: 25%;
}

.driver_page .tr .td, .driver_page .tr .th {
    display: flex;
    flex-direction: column;
}

/*ドライバー用詳細 driver_details■■■■■■■■■■■■■■■■■■*/

.driver_details_page .form_btn1 {
    width: 30%;
    height: 3rem;
}

.driver_details_body {
    display: flex;
    flex-wrap: wrap;
}

.driver_details_left {
    width: 30%;
    margin-right: 5%;
    text-align: center;
    background: #E3E3E3;
    margin: 0.2rem auto;
}

.driver_details_right {
    width: 65%;
    border-top: solid 1px #eee;
}

/*表のtrを固定する*/
.table > .tr,
th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■　ヘルプバルーン　■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*ヘルプバルーン　バナー*/
.message .banner_image:hover::after {
    content: '縦サイズ・横サイズ自由';
    font-size: 0.8rem;
    background: #f88;
    color: #fff;
    clip-path: polygon(100% 16%, 100% 82%, 42% 81%, 30% 100%, 19% 82%, 0 81%, 0 15%);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 14rem;
    height: 5rem;
    top: -5rem;
}

/*プリンタ時の設定*/
@media print {
    .header {
        display: none;
    }

    .page {
        top: 0;
    }

    .delivery_detail #dd_item_list {
        /*	page-break-before: always;	この直前で改行する*/
    }
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*休業日 holidays■■■■■■■■■■■■■■■■■■*/

.holidays table {
    width: auto;
}

.holidays table thead, tbody {
    display: block;
}

.holidays table tbody {
    overflow-y: scroll;
    height: 300px;
}

.holidays_id {
    min-width: 2rem;
}

.holidays_owner_flag {
    min-width: 9rem;
}

.holidays_customers_code {
    min-width: 12rem;
}

.holidays_deliveries_code {
    min-width: 12rem;
}

.holidays_depots_code {
    min-width: 12rem;
}

.holidays_day {
    min-width: 3rem;
}

.holidays_special_days {
    min-width: 7rem;
    max-width: 7rem;
}

.holidays_options {
    min-width: 10rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*休業日 holidays/{index}/edit■■■■■■■■■■■■■■■■■■*/

.public_holidays_check {
    min-width: 4rem;
}

.public_holidays_id {
    min-width: 4rem;
}

.public_holidays_day {
    min-width: 12rem;
}

.public_holidays_name {
    min-width: 16rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*料金計算設定 temp_price_master■■■■■■■■■■■■■■■■■■*/

.temp_price_master.edit .form-group,
.temp_price_master.create .form-group {
    width: 25%;
}

.temp_price_master table {
    width: auto;
}

.temp_price_master table thead, tbody {
    display: block;
}

.temp_price_master table tbody {
    overflow-y: scroll;
}

.temp_price_master_id {
    min-width: 3rem;
}

.temp_price_master_customer_code {
    min-width: 9rem;
}

.temp_price_master_pref {
    min-width: 7rem;
}

.temp_price_master_name {
    min-width: 12rem;
}
.input_delivery_size_fee {
    min-width: 10rem;
    max-width: 10rem;
    border:none;
    background: transparent;
}

.temp_price_master_static_saisu {
    min-width: 12rem;
}

.temp_price_master_start_date {
    min-width: 7rem;
}

.temp_price_master_unit_charge {
    min-width: 5rem;
}

.temp_price_master_border_charge {
    min-width: 5rem;
}

.temp_price_master_time_charge {
    min-width: 5rem;
    max-width: 5rem;
}

.temp_price_master_area_charge {
    min-width: 5rem;
    max-width: 5rem;
}

.temp_price_master_assembly_charge {
    min-width: 5rem;
}

.temp_price_master_options {
    min-width: 11rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*地区割増 delivery_area_charges■■■■■■■■■■■■■■■■■■*/

.delivery_area_charges table {
    width: auto;
}

.delivery_area_charges table thead, tbody {
    display: block;
}

.delivery_area_charges table tbody {
    overflow-y: scroll;
    height: 300px;
}

.delivery_area_charges_id {
    min-width: 2rem;
}

.delivery_area_charges_name {
    min-width: 9rem;
}

.delivery_area_charges_pref {
    min-width: 12rem;
}

.delivery_area_charges_charge {
    min-width: 12rem;
}

.delivery_area_charges_options {
    min-width: 11rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*優先配送先マスター delivery_orders■■■■■■■■■■■■■■■■■■*/

.delivery_orders_id {
    min-width: 5rem;
}

.delivery_orders_priority {
    min-width: 4rem;
}

.delivery_orders_pref {
    min-width: 4rem;
}

.delivery_orders_zip {
    min-width: 6rem;
}
.delivery_orders_city {
    min-width: 9rem;
}
.delivery_orders_trunk_cd {
    min-width: 5.5rem;
}
.delivery_orders_depot_cd {
    min-width: 5.5rem;
}
.delivery_orders_delivery_cd {
    min-width: 5.5rem;
}

.delivery_orders_options {
    min-width: 10rem;
}



#map {
    border:1px solid #e2e2e2;
    width:390px;
    height:460px;
    background-color: #C2EEFF;
    padding:0px;
}

.background {
    fill: #C2EEFF;
    pointer-events: all;
}

.map_prefecture {
    fill: #f5f5f5;
}

.map_prefecture .active {
    fill: orange;
}

.tracking label
{
    width: 7em;
    padding: 0;
    margin-right: 10px;
}

/*********************change for LOD**********************************/
.main-header,
.breadcrumb {
    color: white;
    background-color: #344A78;
}

.breadcrumb>.active,
.breadcrumb a,
.breadcrumb img{
    color: white;
}

.main-header:before {
    content: " ";
    display: block;
    height: 1em;
    /* margin-bottom: 1em; */
    /* background-color: white; */
    border-bottom: white 1em solid;
    box-sizing: content-box;
    margin-bottom: 4px;
}

.header-user-name {
    color: white;
}

.navbar .page-title {
    color: white;
    font-size: 2rem;
    font-weight: bolder;
}

.navbar button.btn.btn-default.btn-flat {
    background-color: #98979B;
    color: white;
    border-radius: 1em;
    border-width: 0px;
}

.page-header {
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.task-panel.container-fluid {
    width: 95%;
}

.task-panel.destination-info {
    background-color: #D1EAE5;
}

.task-panel.task-info {
    background-color: #DEE6CF;
}

.task-panel.decision-info {
    background-color: #fff5c7;
    border: 1px solid #DEE6CF;
}

.task-panel.delivery-info {
    background-color: #fff5f5;
    border: 1px solid #DEE6CF;
}
.task-panel.others-info {
    background-color: #f3f3f3;
    border: 1px solid #DEE6CF;
}


.task-panel .panel-title {
    margin: 0.5em auto;
}

.task-panel+ .task-panel {
    margin-top: 1em;
}

.form-group.edit_delivery_time {
}

.form-group.edit_delivery_co_receive_day {
    margin-right: 75%;
}

.mr-75 {
    margin-right: 75%;
}

.mb-30px {
    margin-bottom: 30px;
}

.margin-left-none {
    margin-left: 0px !important;
}

.tasks.index ul.nav.nav-tabs {
    display: none;
}


.inquiry .main-header .logo,
.tracking .content-header,
.tracking .main-header .logo,
.trackingLod .main-header .logo {
    display: none;
}

.trackingLod.list .main-header,
.trackingLod.index .main-header,
.trackingLod.list .breadcrumb,
.trackingLod.index .main-header {
    color: white;
    background-color: #b11f20;
}

.tracking .main-header .navbar {
    padding-left: 2rem;
}

.inquiry .sidebar-toggle,
.tracking .sidebar-toggle,
.trackingLod.list .sidebar-toggle,
.trackingLod.index .sidebar-toggle {
    display: none;
}

.trackingLod.list .store-logo,
.trackingLod.index .store-kanban {
    margin-bottom: 4rem;
}

.tracking .container,
.trackingLod.list .container,
.trackingLod.index .container {
    width: 556px;
    position: relative;
    margin-top: 3rem;
}

.tracking .col-md-12,
.trackingLod.list .col-md-12,
.trackingLod.index .col-md-12{
    min-width: auto;
}

.trackingLod.list #map,
.trackingLod.index #map,
.tracking #map {
    display: none;
}

.trackingLod.list #main_form .name,
.trackingLod.index #main_form .name,
.tracking #main_form .name {
    display: none;
}

.trackingLod.list #main_form .form-group,
.trackingLod.index #main_form .form-group,
.tracking #main_form .form-group {
    display: flex;
    width: 100%;
}

.inquiry input,
.trackingLod.list input,
.trackingLod.index input,
.tracking input {
    width: 100%;
}

.login h1 {
    display: block;
}

.inquiry-block:hover {
    opacity: 0.6;
}

.inquiry-block .title {
    display: block;
    font-size: 1.4rem;
    font-weight: bolder;
    color: #344A78;
    margin-bottom: 0.1rem;
}

.inquiry-block .here {
    font-size: 1.2rem;
    color: #344A78;
    font-weight: lighter;
}

.trackingLod .inquiry-block .title,
.trackingLod .inquiry-block .here {
    color: #b11f20;
}

.trackingLod .inquiry-block a.border {
    border-color: #b11f20;
}


.login .panel-default>.panel-heading {
    color: white;
    background-color: #344A78;
    border-color: #344A78;
}

.login .form-group.button .col-md-8 button {
    color: white;
    background-color: #344A78;
    border-color: #344A78;
    padding: 0.3em;
}

.google-form {
    height: 2555px;
}

@media screen and  (max-width: 756px) {
    .inquiry .container,
    .tracking .container,
    .trackingLod.list .container,
    .trackingLod.index .container {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        padding: 0;
    }

    .trackingLod.list .store-logo img,
    .trackingLod.index .store-kanban img {
        max-width: 100%;
    }

    .google-form {
        height: 2900px;
        width: 100%;
    }
}

.content-header{
    padding: 5px 15px 0 15px !important;
}

.margin-top-10{
    margin-top:10px;
}

.pagination{
    margin:0px;
}
.status-decided{
    background-color: rgb(45,177,177) !important;
}

.delivery_decision_date {
    display: none !important;
}

.datepicker{
    z-index: 1000 !important;
}
.tasks .datepicker {
    z-index: 1000;
    position: absolute;
}

.tasks .datepicker table {
    background-color: rgba(255, 255, 255, 1);
}


.tasks .datepicker tbody,
.drivers .datepicker tbody {
    display: table-row-group;
}

.tasks.edit .form-group {
/*    width: auto;*/
}

.tasks.edit .form-group.edit_area {
    margin-right: 25%;
}

.ExportButtonBox {
    padding: 0;
}

.form_btn1.Export.pickking-list {
    padding: 0.2em 0;
    margin-right: 0;
    background-color: #4FA6A3;
    margin-left: 0.5rem;
}

.menu_btn_line.tasks_viewcount_line {
    width: 100%;
}

#progress {
    /*display: block !important;*/
    width: 100%;
    height: 100vh;
    background-size: 50%;
    background: rgba(0, 0, 0, 0.5) none no-repeat center center;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    margin: 0;
}

#progress-frame {
    /*display: block !important;*/
    width: 50%;
    position: absolute;
    z-index: 100001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    height: 1em;
    border: white solid 1px;
}

.tracking .inquiry ,
.trackingLod .inquiry {
    margin-top: 5em;
}

.inquiry-block a.border {
    padding: 2em 2em;
    border: 1px solid #344A78;
    float: initial;
    color: black;
    cursor: pointer;
    border-radius: 2em;
    font-size: 11px;
}

.tracking .inquiry iframe,
.trackingLod .inquiry iframe{
    border: 2px red solid;
}

/*******************************************************/
#task_csv_upload_status{
    margin-left:50px;
    text-align: center;
    background-color: #f88;
    padding-left:8px;
    padding-right:8px;
    position: relative;
}
#task_csv_upload_status_title,
#task_csv_upload_status_value{
    color: #222;
}
#task_csv_upload_status_value_now,
#task_csv_upload_status_value_total{
    color: #222;
}
td.tracking_td{
    height:60px;
    text-align: center;
    vertical-align: middle;
    display:table-cell;
}