/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
    cursor: pointer;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.section-contents li {
    margin-bottom: 0.5rem;
}

.section-contents a {
    text-decoration: underline !important;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

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

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/*----------- interaction */

.FormErrorMessage {
    margin-bottom: 30px;
}

    .FormErrorMessage > li {
        list-style: none;
    }

.copied::after {
    content: "URLをコピーしました";
    min-width: 200px;
    background: #555;
    color: #fff;
    text-align: center;
    border-radius: .4rem;
    position: absolute;
    font-size: 10px;
    transform: translate(-120%,0);
    padding: 1em 2em 1em 2em;
}

.precopy::after {
    content: "URLをコピーする";
    background: #555;
    min-width: 200px;
    color: #fff;
    text-align: center;
    border-radius: .4rem;
    position: absolute;
    transform: translate(-120%,0);
    font-size: 10px;
    padding: 1em 2em 1em 2em;
}


/* -----------------------------------------------
 * Custom
 * -------------------------------------------- */

/* Common
----------------------------------------------- */
.breadcrumb {
    padding: 0;
    margin-bottom: 30px;
    background-color: transparent;
}

body {
    background: #efefef;
    font-family: "Meiryo UI", sans-serif;
    color: #333;
}

ul, p {
    margin: 0;
}

a:hover {
    text-decoration: none;
}

.table-row-header {
    line-height: 2em;
    width: 30%
}

/* #region menu */
.menu-list {
    list-style: none;
}

    .menu-list .menu-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-right: 20px;
        width: 100px;
        height: 100px;
    }

        .menu-list .menu-item::before {
            padding-top: 10px;
            width: 100%;
            font-family: "Font Awesome 5 Free", sans-serif;
            font-weight: 900;
            font-size: 30px;
            line-height: 40px;
        }

        .menu-list .menu-item:hover {
            color: #fff;
        }
/* #endregion*/

/* #region section */
.section {
    margin: 0 0 30px;
}

    .section .section-tabs {
        display: flex;
    }

    .section .section-buttons {
        list-style: none;
        float: left;
        display: flex;
        padding: 0;
    }

        .section .section-buttons > * {
            margin-right: 30px;
        }

    .section > .section-title {
        margin: 0 30px 30px;
        font-size: 24px;
        font-weight: bold;
        text-align: right;
    }

    .section > form > .section-title {
        margin: 0 30px 30px;
        font-size: 24px;
        font-weight: bold;
        text-align: right;
    }

    .section > .section-tabs > .section-title {
        display: inline-block;
        margin: 0;
        padding: .5rem 1.5rem; /* p-2 p-4 */
        min-width: 9em;
        font: inherit;
        text-align: center;
    }

        .section > .section-tabs > .section-title:not(.active) {
            background: #fff;
            color: #000;
        }

        .section > .section-tabs > .section-title::before {
            margin-right: .5rem;
            font-family: "Font Awesome 5 Free", sans-serif;
            font-weight: 900;
        }

        .section > .section-tabs > .section-title.active::before {
            color: #fff;
        }

    .section > .section-container {
        padding: 1rem; /* p-3 */
        background: #fff;
    }

        .section > .section-container::after {
            content: "";
            clear: both;
            display: table;
            overflow: hidden;
        }



    .section .section-tabs + .section-container {
        border-top-width: 4px;
        border-top-style: solid;
    }

    .section .section-nav ul.fixed {
        position: fixed;
        top: 15px;
        width: 290px;
    }

    .section .section-nav ul {
        list-style: none;
        padding: .5rem; /* p-2 */
        background: rgba(239, 239, 239, 0.4);
    }

        .section .section-nav ul li a {
            color: #000;
        }

    .section .content-title {
        padding-left: 1rem;
        border-left: 4px solid #b4cc2e;
        font-size: 1rem;
        font-weight: bold;
    }

    .section .content-subtitle {
        font-size: 1rem;
    }

        .section .content-subtitle::before {
            content: "○";
            padding-right: .5rem;
        }

    .section .section-table {
        margin: 0 auto 30px;
    }

        .section .section-table thead th {
            padding: 0.5em;
            background: #b4cc2e;
            font-weight: normal;
            color: #fff;
        }

        .section .section-table tbody th,
        .section .section-table tbody td {
            border-top: 1px solid #9ea0a3;
            border-bottom: 1px solid #9ea0a3;
            padding: 0.5em;
            font-weight: normal;
        }
/* #endregion */

/* #region Header */

body > header {
    border-top: 2px solid #b4cc2e;
    background: #fff;
}

    body > header .site-title-area {
        padding: 5px 0 10px;
    }

        body > header .site-title-area .site-title {
            display: block;
            font-size: 2rem;
            color: #000;
        }

            body > header .site-title-area .site-title img {
                display: inline-block;
                vertical-align: top;
            }

            body > header .site-title-area .site-title span {
                display: inline-block;
                vertical-align: top;
                line-height: 1.2;
            }
    /* .page-login-info */
    body > header .page-login-info ul {
        list-style: none;
        height: 100%;
    }

    body > header .btn-logout {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        outline: none;
        border: none;
        width: 100px;
        height: 100%;
        color: #fff;
    }

        body > header .btn-logout:active {
            padding: 0;
        }

        body > header .btn-logout::before {
            padding-top: 5px;
            width: 100%;
            font-family: "Font Awesome 5 Free", sans-serif;
            font-weight: 900;
            font-size: 30px;
            line-height: 30px;
        }
    /* #endregion Header */

    /* #region Container */
    body > header + .container {
        padding-top: 30px;
        min-height: calc(100vh - 93px - 130px); /* 100vh - header - footer */
    }
/* #endregion */

/* #region Footer */
body > footer {
    border-top: 2px solid #b4cc2e;
    height: 130px;
    line-height: inherit !important;
    font-size: 0.8em;
}
/* #endregion */

/* #region Buttons */
.btn-login {
    display: block;
    margin: 0 0 0 auto;
    outline: none;
    border: none;
    padding: 0 1.5rem;
    color: #fff;
}

    .btn-login::before {
        margin-right: .5rem;
        font-family: "Font Awesome 5 Free", sans-serif;
        font-weight: 900;
        font-size: 1.5rem;
        vertical-align: sub;
    }

.btn-delete {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
    border: none;
    padding: .5rem 1.5rem;
    background-color: #e33d46;
    text-align: center;
    white-space: nowrap;
    color: #fff !important;
}

    .btn-delete::before {
        margin-right: .5rem;
        font-family: "Font Awesome 5 Free", sans-serif;
        font-weight: 900;
        font-size: 1.5rem;
        vertical-align: sub;
    }

.btn-pager-prev {
    cursor: pointer;
    display: block;
    margin: 0;
    outline: none;
    border: 1px solid #cecfd1;
    border-radius: 4px 0 0 4px;
    padding: .5rem;
    color: #fff;
}

.btn-pager-num {
    cursor: pointer;
    display: block;
    margin: 0;
    outline: none;
    border: 1px solid #cecfd1;
    padding: .5rem;
    color: #fff;
}

.btn-pager-next {
    cursor: pointer;
    display: block;
    margin: 0;
    outline: none;
    border: 1px solid #cecfd1;
    border-radius: 0 4px 4px 0;
    padding: .5rem;
    color: #fff;
}

.btn-create {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
    border: none;
    padding: .25rem .5rem;
    min-width: 8em;
    background-color: #b4cc2e;
    text-align: center;
    white-space: nowrap;
    color: #fff !important;
}

    .btn-create::before {
        content: "\f044";
        margin-right: .5rem;
        font-family: "Font Awesome 5 Free", sans-serif;
        font-weight: 900;
        font-size: 1.5rem;
        vertical-align: sub;
    }

.btn-draft {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
    border: none;
    padding: .25rem .5rem;
    min-width: 8em;
    background-color: #b4cc2e;
    text-align: center;
    white-space: nowrap;
    color: #fff !important;
}

    .btn-draft::before {
        content: "\f0c7";
        margin-right: .5rem;
        font-family: "Font Awesome 5 Free", sans-serif;
        font-weight: 900;
        font-size: 1.5rem;
        vertical-align: sub;
    }

.btn-preview {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
    border: none;
    padding: .25rem .5rem;
    min-width: 8em;
    background-color: #b4cc2e;
    text-align: center;
    white-space: nowrap;
    color: #fff !important;
}

    .btn-preview::before {
        content: "\f144";
        margin-right: .5rem;
        font-family: "Font Awesome 5 Free", sans-serif;
        font-weight: 900;
        font-size: 1.5rem;
        vertical-align: sub;
    }

.btn-publish {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
    border: none;
    padding: .25rem .5rem;
    min-width: 8em;
    background-color: #e33d46;
    text-align: center;
    white-space: nowrap;
    color: #fff !important;
}

    .btn-publish::before {
        content: "\f14d";
        margin-right: .5rem;
        font-family: "Font Awesome 5 Free", sans-serif;
        font-weight: 900;
        font-size: 1.5rem;
        vertical-align: sub;
    }

.btn-search {
    display: block;
    margin: 0;
    outline: none;
    border: none;
    padding-left: 1rem;
    background-color: #b4cc2e;
    text-align: left;
    white-space: nowrap;
    min-width: 200px;
    color: #fff !important;
}

    .btn-search::before {
        content: "\f002";
        margin-right: .5rem;
        font-family: "Font Awesome 5 Free", sans-serif;
        font-weight: 900;
        font-size: 1.5rem;
        vertical-align: sub;
    }
/* #endregion */

/* Pages
----------------------------------------------- */

/* #region TOP */
.section-important a {
    color: #000;
}

    .section-important a:not(.active):hover {
        color: #e33d46;
    }

.section-important .section-important-bg {
    background-color: #e33d46;
    color: #fff;
}

.section-important > .section-container {
    border-color: #e33d46;
}

.section-container > .important-list {
    list-style: none;
    padding-left: 1em;
}

    .section-container > .important-list .important-item::before {
        content: "\f05a";
        font-family: "Font Awesome 5 Free", sans-serif;
        font-weight: 900;
        color: #e33d46;
        margin-right: 0.5em;
    }

    .section-container > .important-list .important-item {
        text-indent: -1.5em;
    }

.section-news a {
    color: #000;
}

    .section-news a:not(.active):hover {
        color: #9ea0a3;
    }

.section-news .section-news-bg {
    background-color: #9ea0a3;
    color: #fff;
}

.section-news > .section-container {
    border-color: #9ea0a3;
}

.section-news > .news-list {
    list-style: inside;
}
/* #endregion*/

/* #region Report*/
.section-report .description {
    margin: 0 0 30px;
}

.section-report .user-description {
    margin: 0 0 30px;
}

.section-report table {
    margin: 0 auto;
}

.section-report .user-description table {
    width: 40%;
}

.section-report .uploadlist {
    width: 60%;
    margin: 0 auto 30px
}

.uploadlist thead th {
    color: #fff;
    background: #b4cc2e;
}

.section-report form {
    text-align: center;
}

    .section-report form input {
        margin: 0 0 30px;
        text-align: center;
    }

.section-report .buttons {
    text-align: center;
}

.section-report .btn-upload {
    display: block;
    margin: 0 auto 30px;
    outline: none;
    border: none;
    padding: .5rem 1.5rem;
    background: #b4cc2e;
    color: #fff;
}

    .section-report .btn-upload::before {
        content: "\f574";
        margin-right: .5rem; /* p-2 */
        width: 100%;
        font-family: "Font Awesome 5 Free", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 20px;
        vertical-align: sub;
    }

.section-report .btn-download {
    display: inline-block;
    margin: 0 auto 30px;
    outline: none;
    border: none;
    padding: .5rem 1.5rem;
    background: #b4cc2e;
    color: #fff;
}

    .section-report .btn-download::before {
        content: "\f56d";
        margin-right: .5rem; /* p-2 */
        width: 100%;
        font-family: "Font Awesome 5 Free", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 20px;
        vertical-align: sub;
    }
/* #endregion */

/* #region Manual */
p.annotation {
    padding-left: 1.5em;
}

    p.annotation::before {
        content: "※";
        position: absolute;
        left: 0;
    }
/* #endregion */
/* #region About */
.section-about h3 {
    margin-bottom: 1rem;
}

.section-about p {
    margin-bottom: 1rem;
}

.section-about ul {
    list-style: none;
    margin-bottom: 1rem;
    padding: 0;
}

    .section-about ul.strong {
        display: flex;
        flex-wrap: wrap;
        padding: .5rem; /* p-2 */
        background: rgba(227, 86, 153, 0.4);
    }

        .section-about ul.strong li {
            width: 50%;
        }

            .section-about ul.strong li:not(:empty)::before {
                content: "・";
            }

.table-bordered.about {
    border: 1px solid #999999;
}

    .table-bordered.about td, .table-bordered.about th {
        border: 1px solid #999999;
    }


/* #endregion */

/* #region Questions */
.section-questions h3 {
    font-size: 1rem;
}

.section-questions p {
    margin-bottom: 1rem;
}

.section-questions [data-toggle="modal"] {
    cursor: pointer;
}
/* #endregion */

/* #region Attention */
.section-attention p {
    margin-bottom: 1rem;
}
/* #endregion */

/* #region Admin Common */

.admin-table thead th {
    color: #fff;
    background: #b4cc2e;
}

.admin-table a {
    color: #000;
    text-decoration: none;
}

    .admin-table a:hover {
        color: #b4cc2e;
    }

.admin-pager a {
    color: #000;
    text-decoration: none;
}

    .admin-pager a:hover {
        color: #b4cc2e;
    }

.admin-pager .page-item.active .page-link {
    background-color: #b4cc2e;
    color: #fff;
    border-color: transparent;
}

/* #endregion*/

/* #region Admin TOP */

.admin .section-container {
    min-height: 300px;
    margin-bottom: 30px;
}

.admin ul {
    list-style: none;
}

.admin li {
    margin-bottom: 0.5em;
}

.section-manage-document a {
    color: #000;
}

    .section-manage-document a:not(.active):hover {
        color: #b4cc2e;
    }

.section-manage-document .section-manage-document-bg {
    background-color: #b4cc2e;
    color: #fff;
}

.section-manage-document > .section-container {
    border-color: #b4cc2e;
}

.section-manage-report a {
    color: #000;
}

    .section-manage-report a:not(.active):hover {
        color: #b4cc2e;
    }

.section-manage-report .section-manage-report-bg {
    background-color: #b4cc2e;
    color: #fff;
}

.section-manage-report > .section-container {
    border-color: #b4cc2e;
}
/* #endregion */

/* #region Admin Attachment */
.section-manage-attachment .btn-upload {
    cursor: pointer;
    display: block;
    margin: 0;
    outline: none;
    border: none;
    padding: .5rem 1.5rem;
    background-color: #b4cc2e;
    color: #fff;
}
/* #endregion */

/* #region Admin Announcement */
/* #endregion */

/* #region Faq */
h3.faq-related {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 1.5rem;
}

.section-questions a {
    text-decoration: none !important;
    color: #000;
}

.section-questions .section-nav {
    width: 290px;
    margin-right: 20px;
}

.section-questions .section-contents {
    flex: 1;
    position: relative;
}

/* #endregion*/
/* #region Admin Faq */
.section-manage-faq h3 {
    font-size: 1rem;
    font-weight: bold;
}

.section-manage-faq > .section-container .section-nav .current {
    background-color: #b4cc2e;
}

    .section-manage-faq > .section-container .section-nav .current a:hover {
        color: #333;
    }
/* #endregion */

/* #region Admin status */

.status-check .form-group {
    margin-right: 0.5em;
}

.status-search-keyword .form-group {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.user-detail .row {
    margin-bottom: 1em;
}

/* #endregion */

/* #region Admin Archive */

.section-archive .form-control {
    display: inline;
    width: 12rem;
}

.section-archive .btn-search {
    display: inline;
}


/* #endregion*/
/* Colors & Icons
----------------------------------------------- */
/* #region login */
.section-login > .section-container {
    border-color: #b4cc2e;
}

.section-login-bg {
    background-color: #b4cc2e;
    color: #fff;
}

    .section-login-bg::before {
        content: "\f2f6";
        color: #fff;
    }
/* #endregion */

/* #region logout */
.section-logout > .section-container {
    border-color: #b4cc2e;
}

.section-logout-bg {
    background-color: #b4cc2e;
    color: #fff;
}

    .section-logout-bg::before {
        content: "\f2f5";
        color: #fff;
    }

/* admin */
.section-admin-bg {
    background-color: #b4cc2e;
    color: #fff;
}

    .section-admin-bg::before {
        content: "\f7d9";
        color: #fff;
    }
/* #endregion */

/* #region report */
.section-report a {
    color: #000;
}

.section-report > .section-container,
.section-report .content-title {
    border-color: #b4cc2e;
}

.section-report-bg {
    background-color: #b4cc2e;
    color: #fff;
}

    .section-report-bg::before {
        content: "\f573";
        color: #fff;
    }
/* #endregion */

/* #region download */
.section-download a {
    color: #000;
}

    .section-download a:not(.active):hover {
        color: #b4cc2e;
    }

.section-download > .section-container,
.section-download .content-title {
    border-color: #b4cc2e;
}

.section-download-bg {
    background-color: #b4cc2e;
    color: #fff;
}

    .section-download-bg::before {
        content: "\f56d";
        color: #b4cc2e;
    }

/* #endregion */

/* #region upload */
.section-upload a {
    color: #000;
}

    .section-upload a:not(.active):hover {
        color: #b4cc2e;
    }

.section-upload > .section-container,
.section-upload .content-title {
    border-color: #b4cc2e;
}

.section-upload-bg {
    background-color: #b4cc2e;
    color: #fff;
}

    .section-upload-bg::before {
        content: "\f574";
        color: #b4cc2e;
    }

/* #endregion */

/* #region manual */
.section-manual a {
    color: #000;
}

    .section-manual a:not(.active):hover {
        color: #00b0e6;
    }

.section-manual > .section-container,
.section-manual .content-title {
    border-color: #00b0e6;
}

    .section-manual > .section-container .section-nav .current {
        background-color: #00b0e6;
    }

        .section-manual > .section-container .section-nav .current a:hover {
            color: #333;
        }

.section-manual-bg {
    background-color: #00b0e6;
    color: #fff;
}

    .section-manual-bg::before {
        content: "\f15c";
        color: #fff;
    }

.section-manual .section-nav {
    width: 290px;
    margin-right: 20px;
}

.section-manual .section-contents {
    flex: 1;
    position: relative;
}

/* #endregion */

/* #region about */
.section-about a {
    color: #000;
}

    .section-about a:not(.active):hover {
        color: #e35699;
    }

.section-about > .section-container,
.section-about .content-title {
    border-color: #e35699;
}

.section-about-bg {
    background-color: #e35699;
    color: #fff;
}

    .section-about-bg::before {
        content: "\f05a";
        color: #fff;
    }
/* #endregion */


/* #region reserve*/
.section-reserve-bg {
    background-color: #29E3BC;
    color: #fff;
}

    .section-reserve-bg::before {
        content: "\f590";
        color: #fff;
    }

.section a.link-highlight {
    color: #B4CC2E;
    font-size: 1.25em;
}

    .section a.link-highlight:hover {
        color: #E35699;
        text-decoration: underline;
        font-size: 1.25em;
    }


/* #endregion */

/* #region questions */
.section-questions a:not(.active):hover {
    color: #f0af12;
}

.section-questions > .section-container,
.section-questions .content-title {
    border-color: #f0af12;
}

    .section-questions > .section-container .section-nav .current {
        background-color: #f0af12;
    }

        .section-questions > .section-container .section-nav .current a:hover {
            color: #333;
        }

.section-questions-bg {
    background-color: #f0af12;
    color: #fff;
}

    .section-questions-bg::before {
        content: "\f059";
        color: #fff;
    }
/* #endregion */

/* #region attention */
.section-attention a {
    color: #000;
}

    .section-attention a:not(.active):hover {
        color: #e33d46;
    }

.section-attention > .section-container,
.section-attention .content-title {
    border-color: #e33d46;
}

.section-attention-bg {
    background-color: #e33d46;
    color: #fff;
}

    .section-attention-bg::before {
        content: "\f071";
        color: #fff;
    }
/* #endregion */

/* #region manage-attachment */
.section-manage-attachment a {
    color: #000;
}

    .section-manage-attachment a:not(.active):hover {
        color: #b4cc2e;
    }

.section-manage-attachment > .section-container,
.section-manage-attachment .content-title {
    border-color: #b4cc2e;
}

.section-manage-attachment-bg {
    background-color: #b4cc2e;
    color: #fff;
}

    .section-manage-attachment-bg::before {
        content: "\f071";
        color: #fff;
    }
/* #endregion */

/* #region search  */

.searchResult a {
    color: #0366d6 !important;
}

    .searchResult a:hover {
        color: #b4cc2e !important;
    }

.searchResult dt {
    font-weight: 100;
    font-size: 1.25rem !important;
}

/* #endregion */