@charset "utf-8";

/**
 * 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;
}

.mr-0 {
    margin-right: 0;
}

.mr-25 {
    margin-right: 25%;
}

.mr-50 {
    margin-right: 50%;
}

.mr-75 {
    margin-right: 75%;
}

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 {
    width: 100%;
    height: 100vh;
    background-size: 50%;
    background: rgba(0, 0, 0, 0.5) url(https://raccoin.jp/app/images/anime_loading.png) no-repeat center center;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    margin: 0;
}

#loading_progress {
    position: absolute;
    top: 70%;
    left: 25%;
    width: 50%;
    height: 100%;
    display: none;
}

#progress_text {
    font-size: 2rem;
    color: white;
    text-align: center;
    font-weight: bold;
}

/*新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;
}

.table__view1 .tr:first-of-type .tooltip-inner,
.table__view2 .tr:first-of-type .tooltip-inner,
.table__view3 .tr:first-of-type .tooltip-inner {
    transform: translateY(25%);
}

/*インデックス*/

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

[data-page] {
    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;
}

.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;
}

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

.drivers.search {
    font-size: 1rem;
    width: auto;
    margin: 0 auto;
    display: inline-block;
}

.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 {
    border: solid 2px #000;
    cursor: pointer;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
}

[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: #ddf;
    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: #008;
    background: linear-gradient(#88f, #008);
    min-width: 10rem;
    padding: 0 1rem;
    min-height: 2rem;
    height: auto;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.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(#004, #448);
    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;
}

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

.login .form-group,
.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-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 {
    background: url(/images/logo.png);
    width: 100%;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.logo span.logo-lg b {
    display: none;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*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;
}

.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 {
    background: #eee;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.menu_btn_line .tasks_search_line,
.menu_btn_line .tasks_term_line {
    display: flex;
    margin: 0;
    padding: 0.5rem 0;
    width: 95vw;
    align-items: center;
}

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

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

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

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

.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,
.menu_btn_line .tasks_term_box.daterange input {
    width: 10rem;
    height: 2rem;
    margin: auto 0.5rem;
}

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

.form_btn1.Search {
    width: 20rem;
    margin-left: 7rem;
}

.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,
.tasks.search .content-header div.menu_btn_line {
    margin-bottom: 0;
    flex-wrap: wrap;
}

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

.tasks.index .content div.table,
.tasks.search .content div.table {
    overflow: scroll;
    width: 95vw;
    height: 65vh;
}

.tasks.index .content div.table>div.tr,
.tasks.search .content div.table>div.tr {
    /*position: relative;*/
    z-index: 20;
    /* overflow: hidden; */
    width: 95vw;
}

.tasks.index .content div.table>div.tbody.body,
.tasks.search .content div.table>div.tbody.body {
    /* top: 1.5rem; */
    position: relative;
    z-index: 10;
}


/*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;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0.5rem;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.2;
}

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

.form-group label.task_input_radio_label {
    width: 4rem;
    display: contents;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    flex-wrap: wrap;
}

.form-group input[type=radio] {
    height: 1.2rem;
    width: 40px;
}

.task_input_radio {
    width: calc(100% - 8rem);
    margin: 0;
    padding-top: 7px;
    padding-left: 15px;
}

.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: 0;
}

.tasks.edit .form-group.edit_order_number {
    margin-right: 0;
}

.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: 0;
}

.form-group.edit_street {
    width: 30%;
    margin-right: 1%;
}

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

.form-group.edit_tel {
    margin-right: 0;
}

.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_cargo_collection_delivery_code {
    margin-right: 0;
}

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

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

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

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

.form-group.edit_delivery_total_price {}

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

.form-group.edit_delivery_co_total_price {}

.form-group.edit_note {
    margin-right: auto;
    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: auto;
}

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

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

.form-group.edit_pickup_depot_name {
    width: 75%;
    margin-right: 0;
}

.form-group.edit_cargo_collection_pickup_cd {
    width: 75%;
    margin-right: 25%;
}

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

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

.form-group.edit_middle_depot_arrival_date {
    margin-right: 0;
}

.form-group.edit_middle_depot_01_ship_date {
    margin-right: 0;
}

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



.form-group.edit_delivery_co_cd {}

.form-group.edit_delivery_trunk_cd {}

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

.form-group.edit_depot {
    width: 75%;
}

.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: 0;
}

.tasks.edit .form-group.edit_store_tel {
    margin-right: 0;
}

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

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

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

.form-group.edit_delivery_co_member {}

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

.form-group.edit_desired_resend_day {}

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

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

.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_order_number>label::after,
.form-group.edit_number>label::after,
.form-group.edit_saisu>label::after,
.form-group.edit_delivery_division>label::after,
.form-group.edit_name>label::after,
.form-group.edit_furigana>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 {
    /*require-iconで制御する
	content: '必須';
    width: 100%;
    color: #f00;
    line-height: 0;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;*/
}

.require-icon::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 #ddf;
    border-bottom: solid 1px #ddf;
}

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

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

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

.deliveries .col-md-12 {
    width: 97.5vw;
    overflow: scroll;
}

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

.customers.index .name {
    max-width: 15rem;
    min-width: 15rem;
}

.customers.index .kana {
    max-width: 15rem;
    min-width: 15rem;
}

.customers.index .code {
    max-width: 6rem;
    min-width: 6rem;
}

.customers.index .zip {
    max-width: 8rem;
    min-width: 8rem;
}

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

.customers.index .tel {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .fax {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .tanto {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .tanto_email {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .tanto_tel {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .cost_redelivery {
    max-width: 10rem;
    min-width: 10rem;
}

.customers.index .cost_specified_time {
    max-width: 8rem;
    min-width: 8rem;
}

.customers.index .cost_charter {
    max-width: 10rem;
    min-width: 10rem;
}

.customers.index .cost_local_area {
    max-width: 10rem;
    min-width: 10rem;
}

.customers.index .kubun_nokisaki {
    max-width: 10rem;
    min-width: 10rem;
}

.customers.index .kubun_kumitate {
    max-width: 10rem;
    min-width: 10rem;
}

.customers.index .kubun_change {
    max-width: 10rem;
    min-width: 10rem;
}

.customers.index .kubun_sinasage {
    max-width: 10rem;
    min-width: 10rem;
}

.customers.index .kubun_turiage {
    max-width: 10rem;
    min-width: 10rem;
}

.customers.index .kubun_etc {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .closing_day {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .stock_flag {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .stock_prefix {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .group_codes {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .shipping_label {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .is_collection {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .pickup_depot_name {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .pickup_depot_zip {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .pickup_depot_address {
    max-width: 25rem;
    min-width: 25rem;
}

.customers.index .pickup_depot_tel {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .branch_office_name {
    max-width: 12rem;
    min-width: 12rem;
}

.customers.index .master_csv_setting_name {
    max-width: 12rem;
    min-width: 12rem;
}

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

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

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

.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 .require_calc_flag {
    margin-right: 0;
}

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

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

.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 .require_calc_flag {
    margin-right: 0;
}

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

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

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

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

.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 #ddf;
}

.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 .code {
    margin-right: 25%;
}

.deliveries_create .zip {}

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

.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 #ddf;
}

.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 #ddf;
}

.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 #ddf;
}

.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 .code {}

.deliveries_edit .zip {}

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

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

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

.deliveries_edit .tanto {}

.deliveries_edit .tanto_email {}

.deliveries_edit .tanto_tel {}

.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 {}

.deliveries_edit .delivery_cost_table_kubun {
    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 #ddf;
}

.tr {
    border-bottom: solid 1px #ddf;
}


.deliveries_edit .sheet_area_prefecture {
    width: 15rem;
}

.deliveries_edit .sheet_area_city {
    width: 15rem;
}

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

.deliveries_edit .sheet_unit_price {
    width: 6rem;
}

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

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

.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 #ddf;
}

.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  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: 75%;
}

.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: 75%;
}



/*■■■■■■■■■■■■■■■■■■■■■■*/
/*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: 12rem;
}

.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 #ddf;
    border-right:solid 1px #ddf;*/
    border-left: solid 1px #ddf;
}

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

.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: #fff;
}



.table {
    text-align: center;
}

.table .tr .th {
    border-right: solid 1px #fff;
    background-color: #ddf;
    text-align: center;
}

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

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

.body .tr {
    background: #fff;
}


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

.task_error {
    min-width: 6rem;
}

.task_order_day {
    min-width: 7rem;
}

.task_weekday {
    min-width: 3rem;
}

.task_customer_cd {
    min-width: 5rem;
}

.task_order_number {
    min-width: 13rem;
}

.task_suryo {
    min-width: 5rem;
}

.task_number {
    min-width: 5rem;
}

.task_saisu {
    min-width: 4rem;
}

.task_delivery_division {
    min-width: 5rem;
}

.task_zip {
    min-width: 6rem;
}

.task_name {
    min-width: 8rem;
}

.task_furigana {
    min-width: 6rem;
}

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

.task_pref {
    min-width: 6rem;
}

.task_city {
    min-width: 6rem;
}

.task_area {
    min-width: 6rem;
}

.task_street {
    min-width: 8rem;
}

.task_building {
    min-width: 12rem;
}

.task_tel {
    min-width: 9rem;
}

.task_item_cd {}

.task_item_name {
    min-width: 15rem;
}

.task_item_label {
    min-width: 20rem;
}

.task_delivery_day {
    min-width: 7rem;
}

.task_delivery_time {
    min-width: 6rem;
}

.task_delivery_state {
    min-width: 6rem;
}

.task_delivery_resend {
    min-width: 6rem;
}

.task_delivery_unit_price {
    min-width: 6rem;
}

.task_delivery_add_price {
    min-width: 6rem;
}

.task_delivery_total_price {
    min-width: 6rem;
}

.task_delivery_co_cd {
    min-width: 6rem;
}

.task_delivery_co {
    min-width: 10rem;
}

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

.task_xd_arrival_date {
    min-width: 7rem;
}

.task_xd_cd {
    min-width: 7rem;
}

.task_xd_name {
    min-width: 15rem;
}

.task_depot {
    min-width: 10rem;
}

.task_depot_tel {
    min-width: 12rem;
}

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

.task_depot_arrival_date {}

.task_delivery_co_member {
    min-width: 8rem;
}

.task_delivery_co_member_number {
    min-width: 6rem;
}

.task_delivery_co_car {
    min-width: 6rem;
}

.task_delivery_co_receive_day {
    min-width: 7rem;
}

.task_delivery_co_unit_price {
    min-width: 6rem;
}

.task_delivery_co_add_price {
    min-width: 8rem;
}

.task_delivery_co_total_price {
    min-width: 7rem;
}

.task_store {
    min-width: 15rem;
}

.task_store_tel {
    min-width: 9rem;
}

.task_set_up_time {
    min-width: 9rem;
}

.task_note {
    min-width: 15rem;
}

.task_memo {
    min-width: 15rem;
}

.task_driver_report {
    min-width: 15rem;
}

.task_option {
    min-width: 10rem;
}

.task_change_number {
    min-width: 5rem;
}

.task_created_at {
    min-width: 7rem;
}

.task_updated_at {
    min-width: 7rem;
}

.task_changed_cell {
    background-color: #f5a6d3;
}

.task_route_combination_code {
    min-width: 10rem;
}

.task_route_combination_name {
    min-width: 10rem;
}

.task_customer_pickup_depot_name {
    min-width: 10rem;
}

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

.task_customer_pickup_depot_zip {
    min-width: 10rem;
}

.task_customer_pickup_depot_tel {
    min-width: 10rem;
}

.task_cargo_collection_delivery_code {
    min-width: 10rem;
}

.task_cargo_collection_pickup_cd {
    min-width: 10rem;
}

.task_middle_depot_cd_01 {
    min-width: 10rem;
}

.task_middle_depot_cd_02 {
    min-width: 10rem;
}

.task_middle_depot_cd_03 {
    min-width: 10rem;
}

.task_middle_depot_cd_04 {
    min-width: 10rem;
}

.task_middle_depot_cd_05 {
    min-width: 10rem;
}

.task_middle_trunk_cd_01 {
    min-width: 10rem;
}

.task_middle_trunk_cd_02 {
    min-width: 10rem;
}

.task_middle_trunk_cd_03 {
    min-width: 10rem;
}

.task_middle_trunk_cd_04 {
    min-width: 10rem;
}

.task_middle_trunk_cd_05 {
    min-width: 10rem;
}

.task_middle_depot_01_arrival_date {
    min-width: 10rem;
}

.task_middle_depot_02_arrival_date {
    min-width: 10rem;
}

.task_middle_depot_03_arrival_date {
    min-width: 10rem;
}

.task_middle_depot_04_arrival_date {
    min-width: 10rem;
}

.task_middle_depot_05_arrival_date {
    min-width: 10rem;
}

.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;
}

.task_inspection_code {
    min-width: 17rem;
}

.task_number_of_packages {
    min-width: 5rem;
}


.task_delivery_day th.clear:before {
    font-size: 14px;
    content: '閉じる';
}

.task_delivery_day th.clear {
    font-size: 0;
}

.tasks.edit .input-group input.form-control {
    height: 42px;
}

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

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

.body .tr.error,
.body .tr.error .td {
    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-top: 1rem;
    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;
    color: #fff;
    background: #008;
    background: linear-gradient(#88f, #008);
    padding: 0 1rem;
    height: 2rem;
    border-radius: 0.5rem;
    border: none;
    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;
    color: #fff;
    background: #008;
    background: linear-gradient(#88f, #008);
    margin: auto;
    height: 2rem;
    border-radius: 0.5rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

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

.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;
    background: #008;
    background: linear-gradient(#88f, #008);
    padding: 0 1rem;
    height: 2rem;
    border-radius: 0.5rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.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;
    background: #008;
    background: linear-gradient(#88f, #008);
    margin: auto;
    height: 2rem;
    border-radius: 0.5rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

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

.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 #ddf;
}

.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 #ddf;
}

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

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

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

.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;
    background: #008;
    background: linear-gradient(#88f, #008);
    min-width: 10rem;
    padding: 0 1rem;
    height: 2rem;
    border-radius: 0.5rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 1rem;
    margin-left: 7rem;
    margin-top: 1.5rem;
    width: 16rem;
}

.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
}

.datepicker-days tbody {
    display: table-row-group !important;
}

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

.stock_checks.stock td,
.stock_logs.stock 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;
    background: #008;
    background: linear-gradient(#88f, #008);
    min-width: 10rem;
    padding: 0 1rem;
    height: 2rem;
    border: none;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.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:cneter;
}*/
.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;
    background: #008;
    background: linear-gradient(#88f, #008);
    padding: 0 1rem;
    height: 2rem;
    border-radius: 0.5rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.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.stock>table>thead {
    height: 91px;
}

.stock_logs .table>thead>tr>th {
    text-align: center;
    border-bottom: solid 1px #888;
    vertical-align: middle;
    position: sticky;
}

.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: #eee;
}

.table-striped>tbody>tr:nth-of-type(odd) td {
    background-color: #eee;
}

.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;
    background: linear-gradient(#88f, #008);
    padding: 0 1rem;
    height: 2rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    width: 5rem;
    margin-left: 7rem;
    margin-bottom: 1rem;
    width: 20rem;
}

.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;
    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 #ddf;
    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 #ddf;
}

.stock_masters.index .content table tr th {
    background: #ddf;
    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 #ddf;
    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;
    background: linear-gradient(#88f, #008);
    padding: 0 1rem;
    height: 2rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    margin: auto;
    width: 5rem;
    width: 20rem;
}

.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: #ddf;
    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;
}

body.drivers.index,
body.drivers.search {
    max-width: 100%;
}

body.drivers.index .content .table,
body.drivers.search .content .table {
    overflow: scroll;
    max-height: 85vh;
}

.drivers .row .form-group {
    margin: 0.5rem auto;
}

.row .form-group {
    width: 100%;
}

.row .form-group .input-group input,
.row .form-group .input-group .input-group-addon {
    height: 42px;
}

.radio__display_switcher label {
    height: 28px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■　ヘルプバルーン　■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*ヘルプバルーン　バナー*/
.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;
}

.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;
}

/* 希望日から予定日までの間が３日以上空いている場合の装飾 */
.task_large_gap_delivery_date {
    background-color: firebrick;
}

.tasks .datepicker {
    z-index: 1000;
    position: absolute;
}

.tasks .datepicker table {
    background-color: rgba(255, 255, 255, 1);
}


.tasks .datepicker tbody {
    display: table-row-group;
}

/* FnetKX */

.content_header {
    padding: 8px 30px;

    background-color: rgb(48, 65, 96);
    color: white;
    vertical-align: middle;
}

.content_header h4 {
    margin: 0 !important;
}

.content {
    padding-top: 0 !important;
}

.mt-5px {
    margin-top: 5px;
}

.m-5px {
    margin: 5px;
}

.btn_blue {
    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;
    /*変化を緩やかに*/
}

.btn_orange {
    color: #FFF;
    background-color: rgb(235, 104, 58);
    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;
    /*変化を緩やかに*/
}

.table_head_200px {
    min-width: 200px;
}

.table_head_100px {
    min-width: 100px;
}

.table_head_90px {
    min-width: 90px;
}

.normal_tbody {
    display: contents;
}

.table-striped-green>tbody>tr:nth-of-type(odd) td {
    background-color: rgb(153, 208, 199);
}

.table-striped-green>thead>tr th {
    background-color: rgb(45, 166, 148);
    color: white;
    text-align: center;
    border: 1px solid white;
    vertical-align: middle;
}

.table-striped-green>tbody>tr th:nth-child(1) {
    text-align: center;
    vertical-align: middle;
}

.table-striped-green>tbody>tr th,
.table-striped-green>tbody>tr td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d2d6de;
}

.table-striped-green>tbody>tr td input {
    background-color: transparent;
    border: none;
}


.tracking .col-md-12 {
    min-width: auto;
}

.tracking #main_form .form-group {
    display: flex;
    width: 100%;
}

.tracking .container {
    width: 556px;
    position: relative;
    margin-top: 3rem;
}

.tracking label {
    width: 7em;
    padding: 0;
    margin-right: 10px;
}

.tracking input {
    width: 100%;
}

.table-tr-beige {
    background-color: #e0d9d0;
}

.col-md-12 table tr td {
    border-right: solid 1px #E3E3E3;
    border-bottom: solid 1px #E3E3E3;
}

td.tracking_td {
    height: 60px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.input-group-addon[disabled],
.input-group-addon[readonly] {
    background-color: #eee;
    opacity: 1;
}

.search_row select.depot_name_selector {
    padding: 0;
    width: auto !important;
    border-color: rgb(118, 118, 118);
}

.stock_checks .datepicker,
.stock_checks .datepicker * {
    z-index: 1200 !important;
}

.stock_checks.stock thead,
.stock_checks.stock tbody,
.stock_managements.stock thead,
.stock_managements.stock tbody,
.stock_logs.stock thead,
.stock_logs.stock tbody,
.stock_masters .content thead,
.stock_masters .content tbody {
    display: table-row-group;
}

.stock_logs .table>thead>tr:nth-of-type(2)>th {
    position: sticky;
    top: 48px;
}