/*==============================*/
/*===       direction        ===*/
/*==============================*/

/* ============================================================== */
/* koyomi info tbl */
/* ============================================================== */
.koyomi_info_tbl {
    width: auto;
}
.koyomi_info_tbl th,
.koyomi_info_tbl td {
    vertical-align: middle;
}
.koyomi_info_tbl th {
    width: 120px;
}
.koyomi_info_tbl td {
    width: 200px;
}
@media (max-width: 767px) {
    .koyomi_info_tbl {
        width: 100%;
    }
    .koyomi_info_tbl th {
        width: 80px;
    }
    .koyomi_info_tbl td {
        width: 80px;
    }
}

/* ============================================================== */
/* cal button */
/* ============================================================== */
.input-group.date {
    display: block;
    margin: auto;
    width: 8rem;
}
.input-group-addon {
    background-color: #fff;
    padding: .6rem;
    border-radius: .25rem !important;
    transition: .3s;
    transition-property: background-color;
    display: block !important;
    color: #333;
}

/* ============================================================== */
/* jiban collapse */
/* ============================================================== */
.cl_jiban_ctl {
    width: 100%;
    text-align: center;
}
#jiban_ctl_btn {
    width: 180px;
}
#cl_jiban {
    overflow: hidden;
    transition: height 1s ease 0s, opacity .7s ease 0s;
}
#cl_jiban.close {
    height: 0px;
    opacity: 0;
}
#cl_jiban.open {
    height: auto;
    opacity: 1;
}

/* ============================================================== */
/* swiper */
/* ============================================================== */
.swiper-container.init-swiper {
    margin-top: 1rem;
}

/* ============================================================== */
/* hms box */
/* ============================================================== */
.hms_title {
    background-color: #CCC;
    width: 100%;
    color: #333;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: .2rem 0;
    font-size: .9rem;
    border-top: solid 1px #999;
}
.hms_box_wrapper {
    width: calc(100% + 30px);
    overflow: auto;
    margin-left: -15px;
    display: flex;
}
.hms_box_wrapper a {
    color: inherit;
    flex-grow: 1;
    text-decoration: none;
}
.hms_box_wrapper div {
    text-align: center;
    padding: .5rem 0;
    border-right: solid 1px #AAA;
}
.hms_box_wrapper div.ka {
    border-right: none;
}
.hms_box {
    background-color: #fff;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    transition: background-color .5s ease 0s, color .2s ease 0s;
}


/* hover */
.hms_box_wrapper a:hover {
    color: #eee;
}
.hms_box_wrapper a:hover .hms_box.sui {
    background-color: #51A8DD;
}
.hms_box_wrapper a:hover .hms_box.do {
    background-color: #ED784A;
}
.hms_box_wrapper a:hover .hms_box.kon {
    background-color: #FB9966;
}
.hms_box_wrapper a:hover .hms_box.moku {
    background-color: #5DAC81;
}
.hms_box_wrapper a:hover .hms_box.ka {
    background-color: #DB4D6D;
}
/* active */
.hms_box.sui.active {
    background-color: #51A8DD;
    color: #eee;
}
.hms_box.do.active {
    background-color: #ED784A;
    color: #eee;
}
.hms_box.kon.active {
    background-color: #FB9966;
    color: #eee;
}
.hms_box.moku.active {
    background-color: #5DAC81;
    color: #eee;
}
.hms_box.ka.active {
    background-color: #DB4D6D;
    color: #eee;
}

/* ============================================================== */
/* gms box */
/* ============================================================== */

.gms_box_wrapper {
    width: 100%;
    overflow: auto;
    display: flex;
    font-size: .8rem;
    margin-top: .5rem;
    margin-bottom: 1rem;
}
.gms_box_wrapper a {
    color: inherit;
    flex-grow: 1;
}
.gms_box_wrapper a:hover {
    text-decoration: none;
}
.gms_box_wrapper div {
    text-align: center;
    padding: .3rem 0;
    border-right: solid 1px #AAA;
}
.gms_box {
    background-color: #fff;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    transition: background-color .5s ease 0s, color .2s ease 0s;
}
.gms_box_wrapper a:first-child .gms_box {
    border-left: solid 1px #999;
    background-color: #CCC;
}


/* hover */
.gms_box_wrapper a:hover {
    color: #eee;
}
.gms_box_wrapper a:first-child:hover {
    color: inherit;
    cursor: default;
}
.gms_box_wrapper a:hover .gms_box.sui {
    background-color: #51A8DD;
}
.gms_box_wrapper a:hover .gms_box.do {
    background-color: #ED784A;
}
.gms_box_wrapper a:hover .gms_box.kon {
    background-color: #FB9966;
}
.gms_box_wrapper a:hover .gms_box.moku {
    background-color: #5DAC81;
}
.gms_box_wrapper a:hover .gms_box.ka {
    background-color: #DB4D6D;
}
/* active */
.gms_box.sui.active {
    background-color: #51A8DD;
    color: #eee;
}
.gms_box.do.active {
    background-color: #ED784A;
    color: #eee;
}
.gms_box.kon.active {
    background-color: #FB9966;
    color: #eee;
}
.gms_box.moku.active {
    background-color: #5DAC81;
    color: #eee;
}
.gms_box.ka.active {
    background-color: #DB4D6D;
    color: #eee;
}

@media (max-width: 767px) {
    .gms_box_wrapper {
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }
}

/* ============================================================== */
/* gms ban table wrapper */
/* ============================================================== */
.gms_title_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
}
h3.gms_title {
    font-size: 1.3rem;
    border-left: solid 5px #4A225D;
    padding-left: .5rem;
    margin: 1rem 0;
}
.gms_ban_table_wrapper {
    display: flex;
    width: 100%;
    margin-bottom: 2rem;
}
.gms_ban_wrapper,
.gms_table_wrapper {
    width: 50%;
}
@media (max-width: 767px) {
    .gms_ban_table_wrapper {
        display: block;
        margin-bottom: 4rem;
    }
    .gms_ban_wrapper,
    .gms_table_wrapper {
        width: 100%;
    }
}

.gms_table_wrapper table tr th {
    width: 80px;
}
@media (min-width: 992px) {
    .gms_table_wrapper table tr th {
        width: 100px;
    }
}

/* ============================================================== */
/* side bar ns list */
/* ============================================================== */
.sidebar_ns_link_title {
    width: 100%;
    text-align: center;
    color: #4A225D;
    font-size: 1.2rem;
    border-bottom: solid 3px #4A225D;
    padding: .7rem 0 .6rem 0;
    background-color: #EEE;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
}
.sidebar_ns_links {
    width: 100%;
    text-align: center;
}
.sidebar_ns_links a,
.sidebar_ns_links a:hover {
    color: inherit;
    text-decoration: none;
}
.sidebar_ns_links ul {
    margin: 0;
    padding: 0;
}
.sidebar_ns_links ul li {
    list-style: none;
    padding: .8rem 0;
    background-color: #FFF;
    border-bottom: dashed 1px #BBB;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    transition: background-color .5s ease 0s, color .2s ease 0s;
}
.sidebar_ns_links a:last-child li {
    border-bottom: solid 1px #CCC;
}
.sidebar_ns_links a:hover li {
    color: #EEE;
}
/* hover */
.sidebar_ns_links a:hover li.sui {
    background-color: #51A8DD;
}
.sidebar_ns_links a:hover li.do {
    background-color: #ED784A;
}
.sidebar_ns_links a:hover li.kon {
    background-color: #FB9966;
}
.sidebar_ns_links a:hover li.moku {
    background-color: #5DAC81;
}
.sidebar_ns_links a:hover li.ka {
    background-color: #DB4D6D;
}
/* active */
.sidebar_ns_links a li.sui.active {
    background-color: #51A8DD;
}
.sidebar_ns_links a li.do.active {
    background-color: #ED784A;
}
.sidebar_ns_links a li.kon.active {
    background-color: #FB9966;
}
.sidebar_ns_links a li.moku.active {
    background-color: #5DAC81;
}
.sidebar_ns_links a li.ka.active {
    background-color: #DB4D6D;
}