/*
====================================================================================================*/
a:focus {
    outline: none;
}

@media (min-width: 1200px) {
    .container {
        width: 980px;
    }
}

.visible-320-inline {
    display: none;
}

@media (max-width: 320px) {
    .visible-320-inline {
        display: inline !important;
    }
}

.palt {
    font-feature-settings: "palt";
}

.fz-12px {
    font-size: 12px;
}

.fz-16px {
    font-size: 16px !important;
}

.fz-18px {
    font-size: 18px;
}

.fz-20px {
    font-size: 20px !important;
}

@media(min-width: 768px) {

    .fz-sm-16px {
        font-size: 16px !important;
    }

    .fz-sm-20px {
        font-size: 20px !important;
    }
}

.fz-100 {
    font-size: 100% !important;
}

.float-none {
    float: none !important;
}

.breadcrumb {
    border-radius: 0;
    background-color: transparent;
}

.breadcrumb>li+li {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.breadcrumb>li+li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    color: #000;
}

.breadcrumb>.active {
    color: #000;
}

select.input-sm {
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
}

label {
    font-weight: normal;
}

.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.modal.in .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;

}

.modal-dialog {
    margin-top: 40px !important;
}

.modal-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

/*.modal-body {
    max-height: 380px;
    overflow-y: auto;
}*/
#formModal .modal-body {
    max-height: initial;
    max-width: auto;
}

#loginSaveModal .modal-body {
    display: flex;
    justify-content: center;
}

#loginSaveModal .modal-footer {
    text-align: center;
}

#mailSettingDeleteModal .modal-body {
    display: flex;
    justify-content: center;
}

#mailSettingDeleteModal .modal-footer {
    text-align: center;
}

#mailSettingDeleteModal .modal-footer a {
    background-color: #008ad4;
    color: #fff;
}

.table-th-nowrap th {
    white-space: nowrap;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th {
    background-color: #eee;
}

.input-sm {
    height: 25px;
}

@media (max-width: 767px) {
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        max-width: 100%;
        vertical-align: middle;
    }

    .mypage .form-inline .form-control {
        width: 100px;
    }

    .img-responsive {
        margin-right: auto;
        margin-left: auto;
    }
}


.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.align-items-stretch {
    align-items: stretch !important;

}

.align-items-baseline {
    align-items: baseline !important;

}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

.bold {
    font-weight: bold;
}

.mouseover,
.mouseover polygon {
    fill: #ccc !important;
}

.fa-spinner {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    color: #ccc;
}

.fa-star {
    color: #FFCC00;
    font-size: 110%;
}

@media print {
    a[href]:after {
        content: ""
    }

    abbr[title]:after {
        content: ""
    }
}

/*div#mfp_hidden {
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: 0px;
}*/
/*div#mfp_overlay,
div#mfp_overlay_background,
div#mfp_loading_screen,
div#mfp_loading,
div.mfp_err,
div#mfp_error,
div#mfp_warning,
input#mfp_reserve_item,
input#mfp_reserve_date,
div.mfp_ok,
div.prefcodeResult,
div.mfp_attached_thumbnails,
div#mfp_OperationCheck div#mfp_OperationCheck_inner,
ul#mfp_phase_stat li.mfp_phase_arrow {
    display: none;
}*/

/*#colorbox {
    max-width: 100%;
}*/

#cboxTitle {
    background-color: #fff;
    padding: 0 20px 0 50px;
}

.cboxPhoto {
    object-fit: contain;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
}


.d-inline-block {
    display: inline-block !important;
}

.d-flex {
    display: flex;
}

.justify-content-around {
    justify-content: space-around;
}

.justify-content-center {
    justify-content: center;
}

@media(min-width:768px) {
    .d-md-flex {
        display: flex;
    }

    .justify-content-md-around {
        justify-content: space-around;
    }

    .justify-content-md-center {
        justify-content: center;
    }
}

.m-3 {
    margin: 1rem;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

@media(min-width: 768px) {
    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-auto {
        width: auto !important;
    }
}

.panel-pr {
    border: solid 3px #FFDC39;
}

.panel-pr .panel-body {
    padding: 20px 20px 10px 20px;
}

.panel-pr .label {
    border: 1px solid #BF0008;
    color: #BF0008;
    font-size: 14pt;
}

.panel-pr .panel-title {
    font-size: 14pt;
    margin-bottom: 20px;
    line-height: 2;
}

.panel-pr .panel-footer {
    padding: 10px 20px;
    background-color: transparent;
    border-top: solid 3px #FFDC39;
}

.panel-pr p {
    margin-bottom: 10px;
}

.panel-pr p:last-child {
    margin-bottom: 0;
}

.panel-pr hr {
    border-top: 1px solid #231815;
    margin: 10px 0;
}

/* base
====================================================================================================*/
body {
    color: #333333;
    font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    position: relative;
    padding-top: 48px;
}

body>.container {
    position: relative;
    z-index: 1;
}

@media(max-width: 767px) {
    body.lists {
        padding-bottom: 44px;
    }
}

img {
    max-width: 100%;
    height: auto;
}

object[data$=".svg"] {
    width: 100%;
}

p {
    margin-bottom: 20px;
    line-height: 1.8;
}

ul,
ol {
    line-height: 1.8;
}

a {
    color: #0066cc;
}

em {
    font-style: normal;
    color: #0066cc;
}

table {
    word-break: break-all;
}

form {
    margin-bottom: 0;
}

.grecaptcha-badge {
    z-index: 1000;
    bottom: 154px !important;
}

@media(max-width: 768px) {

    .grecaptcha-badge {
        z-index: 1000;
        bottom: 104px !important;
    }
}

.inline-block {
    display: inline-block;
}

.fa-home {
    color: #333;
}

.fa-rss-square {
    color: #f26522;
}

.fa-facebook-square,
.fa-facebook-official {
    color: #3b5998;
}

.fa-twitter {
    color: #55acee;
}

.fa-youtube {
    color: #EB3223;
}

.fa-line {
    color: #53B535;
}

.fa-instagram {
    color: #C43D76;
}

p.error {
    background-color: #f2dede;
    padding: 2px 10px;
    border-radius: 4px;
    margin-bottom: 5px !important;
    color: #c00;
}

p.backtolist {
    margin-bottom: 10px;
    line-height: 1;
}

p.notes {
    line-height: 1.2;
    margin-bottom: 10px;
}

.reset {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 100%;
    line-height: inherit;
}

.reset ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 100%;
}

.clear {
    clear: both;
}

.iframe-content {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0;
}

.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.ggmap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 320px;
    margin-bottom: 20px;
}

.ggmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

@media(min-width: 768px) {

    .ggmap {
        padding-top: 350px;
    }
}

.btn-a {
    border: 1px solid #ea5541;
    color: #ea5541;
    background-color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
}

.btn-a:hover {
    color: #fff;
    background-color: #ea5541;
}

.btn-b {
    display: inline-block;
    padding-right: 60px;
    padding-left: 40px;
    border-radius: 20px;
    background-color: #ABDDF7;
    color: #0079CA;
    font-size: 12px;
    position: relative;
}

.btn-b i {
    position: absolute;
    right: 20px;
    top: 8px;
    ;
}

.btn-c {
    min-height: 85px;
    text-align: left;
    padding: 10px 10px 10px 100px;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    position: relative;
}

.btn-c .title {
    margin-top: 0;
    margin-bottom: 5px;
    ;
}

.btn-c .text {
    margin-bottom: 0;
    white-space: wrap;
    ;
}

.btn-c .image {
    width: 80px;
    height: 60px;
    object-fit: cover;
    position: absolute;
    left: 10px;
    top: 10px;
}

@media(min-width: 992px) {
    .btn-c {
        padding: 15px 15px 15px 150px;
    }

    .btn-c .text {
        font-feature-settings: "palt";
    }

    .btn-c .image {
        width: 120px;
        height: 80px;
        top: 15px;
        ;
        left: 15px;
    }
}

.btn-d {
    background-color: #eee;
    color: #000;
}

.btn-group-a {
    display: flex;
    justify-content: center;
}

.btn-group-a i {
    font-size: 30px;
    display: block;
    margin: 0 auto;
}

.btn-group-a a,
.btn-group-a button {
    color: #0066cc;
}


.btn-group-b .btn {
    font-size: 1.2rem;
}

.btn-group-b .btn {
    font-size: 1.2rem;
}

/*h1:not(.default),
h2:not(.default),
h3:not(.default),
h4:not(.default),
h5:not(.default),
h6:not(.default) {
    font-size: 100%;
    margin: 0;
    padding: 0;
}*/

/* #header
==================================================*/
#primaryNav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px 0;
    z-index: 100;
}

#primaryNav .list {
    font-size: 0;
}

#primaryNav .list li {
    display: inline-block;
    margin: 0 15px 0 0;
    font-size: 12px;
}

#primaryNav .list .link {
    display: none;
}

#primaryNav .list li a {
    display: inline-block;
    padding: 0 15px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #333333;
    border-radius: 10px;
    text-decoration: none;
}

#primaryNav .list li a:hover {
    background-color: #ffffcc;
}

#siteLogo {
    margin: 5px 0;
}

#description {
    margin: 0 0 2px 0;
    font-size: 13px;
    line-height: 1.538461538461538;
}


#globalNavBuy {
    background-color: #e8e8cc;
}

#globalNavRent {
    background-color: #e2d4e1;
}

#globalNavBuild {
    background-color: #d6e8e1;
}

#globalNavSale {
    background-color: #EAFDC5;
}

#globalNav .list {
    margin-top: 2px;
    font-size: 12px;
}

#globalNav .list li {
    margin-bottom: 2px;
}

#globalNav .list li span {
    display: block;
}

#globalNav .list li a {
    display: block;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    border-radius: 12px;
    text-decoration: none;
    text-align: center;
    overflow-x: hidden;
}

#globalNav .list li a:hover {
    background-color: #ffffcc;
}

#globalNav .list li .letter-spacing {
    letter-spacing: 2em;
    margin-right: -2em;
}

#globalNav .list li .letter-spacing2 {
    letter-spacing: .5em;
    margin-right: -.5em;
}

#globalNavBuy .title {
    color: #E88E0C;
}

#globalNavRent .title {
    color: #713d9b;
}

#headerBar {
    background-color: #ddd;
}

#headerBar .breadcrumb {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
}

#headerBar .breadcrumb i {
    color: #333;
    font-size: 20px;
}



@media(max-width: 767px) {
    #header {
        margin: 0 0 12px 0;
    }

    #header .headerBox .link {
        display: block;
        width: 80px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        background-color: #e0efdc;
        color: #008ad4;
        border-radius: 12px;
        position: absolute;
        top: 132px;
        font-size: 12px;
        right: 10px;
    }

    #header .headerBox .link2 {
        display: block;
        width: 80px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        background-color: #e0efdc;
        color: #008ad4;
        border-radius: 12px;
        position: absolute;
        top: 105px;
        font-size: 12px;
        right: 10px;
    }

    #primaryNav {
        /* text-align: center; */
    }

    #primaryNav .list li {
        margin: 0 10px 0 0;
    }

    #primaryNav .list li a {
        padding: 0 10px;
    }

    #primaryNav .list li:last-child {
        margin-right: 0;
    }

    #primaryNav .list li:first-child {
        /* margin-left: 15px; */
    }

    #siteLogo {}


    #globalNav .list li a {
        color: #0066cc;
    }

    #globalNav .navbar-toggle {
        margin: 0;
        padding-bottom: 5px;
        background-color: #ddd;
        font-size: 10px;
        position: absolute;
        right: 10px;
        top: 50px;
    }

    #globalNav .navbar-toggle .icon-bar {
        height: 3px;
        background-color: #fff;
        width: 100%;
    }

    #globalNav .navbar-toggle .icon-txt {
        margin-top: 5px;
        color: #fff;
    }

    #globalNav .navbar-nav>li {
        width: 50%;
        float: left;
    }

    #globalNav .navbar-nav>li:nth-child(odd) {
        clear: left;
    }

    #globalNav .js-globalnav {
        display: none;
    }


    #globalNavBuy,
    #globalNavRent {
        position: relative;
        min-height: 82px;
        margin: 0 -10px;
        padding: 5px 5px 5px 90px;
    }

    #globalNavBuild,
    #globalNavSale {
        position: relative;
        min-height: 65px;
        margin: 0 -10px;
        padding: 5px 5px 5px 90px;
    }

    #globalNavBuy .title {
        width: 82px;
        text-align: center;
        position: absolute;
        left: 5px;
        top: 28px;
        font-size: 22px;
    }

    #globalNavRent .title {
        width: 82px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 50px;
        font-size: 22px;
    }

    #globalNavBuild .title,
    #globalNavSale .title {
        width: 82px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 5px;
    }

    #globalNavBuild .list,
    #globalNavSale .list {
        margin-top: 10px;
    }

    #globalNavBuy .list li,
    #globalNavRent .list li {
        width: 49%;
        margin: 0 2% 8px 0;
        float: left;
    }

    #globalNavBuy .list li:nth-child(even),
    #globalNavRent .list li:nth-child(even) {
        margin-right: 0;
    }

    #globalNavBuy .list li:last-child {
        margin-bottom: 0;
    }

    #globalNavRent .list li:nth-last-child(1),
    #globalNavRent .list li:nth-last-child(2) {
        margin-bottom: 0;
    }

    #globalNavBuy .list li a,
    #globalNavRent .list li a,
    #globalNavBuild .list li a,
    #globalNavSale .list li a {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
    }

    #headerBar {
        padding: 3px 0;
    }
}

@media(max-width: 375px) {
    #primaryNav .container {
        padding: 0;
    }

    #primaryNav .list li {
        margin-right: 7px;
    }

    #primaryNav .list li:first-child {
        margin-left: 10px;
    }

    #primaryNav .list li a {
        padding-right: 5px;
        padding-left: 5px;
    }
}

@media(max-width: 767px) {
    #primaryNav .text {
        display: none;
    }
}

@media (min-width: 768px) {
    #header {
        margin: 0 0 20px 0;
    }

    #primaryNav .text {
        margin: 0;
        color: #fff;
        font-size: 16px;
        line-height: 1;
        float: left;
    }

    #primaryNav .list {
        float: right;
    }

    #siteLogo {
        width: 25%;
        float: left;
    }

    #header .headerBox {
        width: 70.4255319148936%;
        margin: 0 0 5px 0;
        float: right;
    }

    #globalNavBuy {
        width: 30.2114803625378%;
        height: 78px;
        margin: 0 1.6616314199396% 0 0;
        padding: 5px 10px;
        border-radius: 10px;
        float: left;
    }

    #globalNavBuy .title {
        width: 44.4444444444444%;
        margin-top: 23px;
        text-align: center;
        letter-spacing: .2em;
        font-size: 20px;

        float: left;
    }

    #globalNavBuy .list {
        width: 55.5555555555556%;
        float: right;
    }

    #globalNavRent {
        width: 46.8277945619335%;
        height: 78px;
        margin: 0 1.6616314199396% 0 0;
        padding: 5px 10px;
        border-radius: 10px;
        float: left;
    }

    #globalNavRent .title {
        width: 30%;
        margin-top: 23px;
        text-align: center;
        font-size: 20px;
        float: left;
    }

    #globalNavRent .list {
        width: 70%;
        float: right;
    }

    #globalNavRent .list li {
        width: 49.2610837438424%;
        float: left;
    }

    #globalNavRent .list li:nth-child(odd) {
        margin-right: 1.4778325123153%;
        clear: left;
    }

    #globalNavBuild {
        width: 19.6374622356495%;
        height: 78px;
        padding: 5px 10px;
        border-radius: 10px;
        float: left;
    }

    #globalNavBuild .title {
        width: 60%;
        height: 46px;
        margin: 0 auto;
    }

    #globalNavBuild .list {
        margin-top: 0;
    }

    #headerBar {
        padding: 2px 0;
    }

    #headerBar>div {
        padding-top: 2px;
        /*padding-bottom: 5px;*/
    }


    .assessment #globalNavBuy {
        width: 24%;
    }

    .assessment #globalNavBuy .title {
        width: auto;
        margin-top: 5px;
    }

    .assessment #globalNavBuy .list {
        width: 82px;
    }

    .assessment #globalNavRent {
        width: 39%;
    }

    .assessment #globalNavRent .title {
        width: auto;
        margin-top: 0;
        line-height: 1.1;
    }

    .assessment #globalNavRent .list {
        width: 160px;
    }

    .assessment #globalNavBuild {
        width: 15%;
    }

    .assessment #globalNavBuild .title {
        width: auto;
        height: 50px;
        text-align: center;
    }

    #globalNavSale {
        width: 17%;
        height: 78px;
        padding: 5px 8px;
        margin-right: 1.6616314199396%;
        border-radius: 10px;
        float: left;
    }

    #globalNavSale .title {
        /*width: 60%;*/
        height: 50px;
        text-align: center;
    }

    #globalNavSale .title img {
        max-height: 100%;
    }

    #globalNavSale .list {
        margin-top: 0;
    }
}

@media(min-width: 992px) {

    #globalNav .list li a {
        height: 24px;
        line-height: 24px;
    }

    #globalNavBuy,
    #globalNavRent,
    #globalNavBuild,
    #globalNavSale {
        height: 90px;
    }

    #globalNavBuy .title {
        margin-top: 27px;
        font-size: 24px;
        letter-spacing: .2em
    }

    #globalNavRent .title {
        margin-top: 27px;
        font-size: 24px;
    }

    #globalNavBuild .title {
        height: auto;
    }

    .assessment #globalNavBuy .title {
        margin-top: 5px;
    }

    .assessment #globalNavRent .title {
        margin-top: 0;
    }

    .assessment #globalNavRent .list {
        width: 208px;
    }

    .assessment #globalNavBuy .list {
        width: 102px;
    }

    .assessment #globalNavBuild .title,
    .assessment #globalNavSale .title {
        height: 56px;
    }
}

#cocosmaLink {}

#cocosmaLink .modal-title {
    font-size: 14px;
}

#cocosmaLink .list {
    margin: 20px 0 0 10px;
    font-size: 18px;
}

#cocosmaLink .list li {
    margin-bottom: 5px;
}

#cocosmaLink .modal-footer .link {
    font-size: 16px;
    margin-top: 5px;
    float: left;
}

#sideTopics {}

#sideTopics .list {
    margin-bottom: 20px;
}

#sideTopics .list li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc;
    line-height: 1.2;
}

#sideTopics .list li {}

#sideTopics .list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#sideTopics .list li a {
    text-decoration: underline;
}

#sideTopics .list li .image {
    margin-right: 20px;
    float: left;
}

#sideTopics .list li .text {
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 16px;
}

@media(min-width: 768px) {


    #sideTopics .list li .image {
        margin: 0 10px 0 0;
    }

    #sideTopics .list li .text {
        margin-bottom: 10px;
        line-height: 1.4;
        font-size: 14px;
    }
}

@media(min-width: 992px) {
    #sideTopics .list li {
        line-height: 1.4;
    }

    #sideTopics .list li .image {
        margin-right: 20px;
    }

    #sideTopics .list li .text {
        font-size: 16px;
    }
}

#sideGuide .title {
    margin-bottom: 20px;
}

#sideGuide a {
    text-decoration: underline;
}

#sideGuide p {
    line-height: 1;
    font-size: 16px;
}

#footer {
    margin: 30px 0 0 0;
    position: relative;
    z-index: 2;
}

#footer a {
    color: #fff;
    background-color: transparent;
    text-decoration: underline;
}

#footer .title {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#footer hr {
    margin: 10px 0;
}

#footer .footerWrap {
    padding: 30px 0 25px 0;
}

#footer .footerWrap a {
    color: #0066cc;
    ;
}

#footer p {
    font-size: 12px;
    margin-bottom: 10px;
}

#footer .define {
    padding: 0 0 0 50px;
}

#footer .define dt {
    display: inline;
    width: 50px;
    margin-left: -50px;
    float: left;
    color: #61605e;
}

#footer .define dd {
    display: block;
}

#footer .list li {
    display: inline-block;
    margin: 0 10px 0 0;
}

#footer .footerBottom {
    color: #fff;
}

#footer .logo {
    margin-right: 20px;
    vertical-align: bottom;
}

#footer .footerLink {
    display: inline-block;
    margin: 0 20px 0 0;
}

#footer .copyright {
    display: inline-block;
    margin: 0;
}

#footer .footerLink a {
    display: inline-block;
}

#footer .footerLink i {
    color: inherit !important;
}

#footer .pageTop {
    margin: 0;
    position: fixed;
    right: 20px;
    bottom: 50px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
}

#footer .pageTop.fade {
    opacity: 1;
}

#mobileFooterBtn {
    width: 100%;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    border-top: solid 1px #ccc;
    display: none;
    z-index: 102;
}

#mobileFooterBtn>button {
    box-shadow: 2px 2px 0px #333
}

#mobileFooterBtn.open>button {
    width: 49%;
}

#mobileFooterBtn>button[type="submit"] {
    display: none;
}

#mobileFooterBtn.open>button[type="submit"] {
    display: block;
}

#mobileFooterBtn .wrap {
    overflow-y: scroll;
}

#mobileFormSearch {
    width: 100%;
    height: 100%;
    padding: 5px 5px 55px 5px;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 101;
    display: none;
}

#mobileFormSearch>.panel {
    margin-bottom: 0;
    max-height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
    #footer .footerBottom {
        padding: 10px 0;
        text-align: center;
    }

    #footer .logo {
        margin-bottom: 10px;
    }

    #footer .footerLink a {
        margin: 0 5px 5px 5px;
    }

    #footer .pageTop {
        width: 41px;
        height: 41px;
    }

    #mobileFooterBtn {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
    }

    #mobileFormSearch {
        display: block;
    }
}

@media (min-width: 768px) {
    #footer .footerBottom {
        padding: 35px 0 25px 0;
    }

    #footer .box {
        margin-left: 2em;
    }
}

@media (min-width: 992px) {
    #footer .logo {
        margin-right: 50px;
    }
}


/* class
====================================================================================================*/
.fontweight-normal {
    font-weight: normal;
}

.text-indent {
    padding-left: 1em;
    text-indent: -1em;
}

small.text-indent {
    display: inline-block;
    padding-left: .85em;
    text-indent: -.85em;
}

.letter-spacing-a {
    letter-spacing: .5em
}

.image-centering {
    position: relative;
    background-color: #efefef;
}

.image-centering:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.image-centering img {
    width: auto;
    height: auto;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


@media (min-width: 768px) {
    .input-width-small {
        width: 60px !important;
    }
}

@media (min-width: 992px) {
    .input-width-small {
        width: 90px !important;
    }
}

.disabled {
    color: #bbb;
    cursor: not-allowed;
}

.listStyleA {}

.listStyleA ul {
    margin-left: 2em;
}

.listStyleB {}

.listStyleB ul {
    margin-left: 2em;
}

.listStyleB ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.listStyleC li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.listStyleD {}

.listStyleD li {
    float: left;
    position: relative;
    line-height: 1.2;
    font-size: 14px;
}

.listStyleD li a {
    display: block;
    height: 60px;
    border: solid 1px #999;
    border-radius: 4px;
    background-color: #fff;
    text-decoration: none;
}

.listStyleD li a:hover {
    background-color: #e1e6f0;
}

.listStyleD li .icon {
    position: absolute;
    left: 2px;
    bottom: 2px;
}

.listStyleD li .text {
    display: block;
    width: 100px;
    position: absolute;
    right: 0;
    top: 10px;
    text-align: center;
}

@media (max-width: 767px) {
    .listStyleD li {
        width: 49%;
        margin: 0 2% 7px 0;
    }

    .listStyleD li:nth-child(2n) {
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .listStyleD li {
        width: 19.3006993006993%;
        margin: 0 0.874125874125875% 10px 0;
    }

    .listStyleD li:nth-child(5n) {
        margin-right: 0;
    }

    .listStyleD li .text {
        width: 80px;
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .listStyleD li .text {
        width: 100px;
        font-size: inherit;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .listStyleD li .icon {
        max-height: 45px;
        width: auto;
    }
}

.listStyleE {
    margin: 0 0 0 30px;
}

.listStyleE li {
    text-indent: -.6em;
    margin: 0 0 10px 0;
}


.listStyleF {}

.listStyleF li {
    float: left;
    position: relative;
}

.listStyleF li a {
    display: block;
    height: 60px;
    border: solid 1px #999;
    border-radius: 4px;
    background-color: #ffffff;
    text-decoration: none;
}

.listStyleF li a:hover {
    background-color: #e1e6f0;
}

.listStyleF li .icon {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.listStyleF li .fa {
    position: absolute;
    left: 12px;
    bottom: 12px;
    font-size: 36px;
}

.listStyleF li .text {
    display: block;
    width: 120px;
    position: absolute;
    right: 0;
    top: 10px;
    text-align: center;
}

@media (max-width: 320px) {
    .listStyleF {
        font-size: 13px;
    }

    .listStyleF li .icon {
        left: 5px;
    }

    .listStyleF li .text {
        width: 100px;
        top: 14px;
    }
}

@media (max-width: 767px) {
    .listStyleF li {
        width: 49%;
        margin: 0 2% 7px 0;
    }

    .listStyleF li:nth-child(2n) {
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .listStyleF li {
        width: 23.7762237762238%;
        margin: 0 1.6317016317016% 10px 0;
    }

    .listStyleF li:nth-child(4n) {
        margin-right: 0;
    }

    .listStyleF li .text {
        width: 90px;
        font-size: 12px;
    }

    .listStyleF li .icon {
        left: 5px;
    }
}

@media (min-width: 992px) {
    .listStyleF li .text {
        width: 120px;
        font-size: inherit;
    }

    .listStyleF li .icon {
        left: 10px;
    }
}

.listStyleG {}

.listStyleG li {
    margin: 0 0 10px 0;
    position: relative;
}

.listStyleG li a {
    display: block;
    height: 55px;
    border: solid 1px #6699cc;
    border-radius: 4px;
    background-color: #fff;
    text-decoration: none;
}

.listStyleG li a:hover,
.listStyleG li a.active {
    background-color: #ddeeff;
}

.listStyleG li .icon {
    position: absolute;
    right: 10px;
    bottom: 8px;
}

.listStyleG li .text {
    display: block;
    width: 130px;
    position: absolute;
    left: 0;
    top: 10px;
    text-align: center;
}

@media(max-width: 991px) {
    .listStyleG li .icon {
        width: 25px;
        height: auto;
        bottom: 12px;
    }
}

.listStyleH {}

.listStyleH li .labelBox {}

.listStyleH li {
    padding: 9px;
    border: solid 1px #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
}

.listStyleH li .labelBox .label {
    height: 20px;
    line-height: 15px;
    min-width: 49%;
    margin: 0 2% 5px 0;
    font-size: 12px;
}

.listStyleH li .labelBox .label:nth-child(even) {
    margin-right: 0;
}

.listStyleH li .photo:before {
    padding-top: 75%;
}

.listStyleH li .photo {
    margin: 0 0 5px 0;
}

.listStyleH li .text {
    display: inline-block;
    margin: 0;
    text-align: center;
}

.listStyleH li .text p {
    margin-bottom: 5px;
    line-height: inherit;
    text-align: left;
}

@media (min-width: 768px) {
    .listStyleH li {
        width: 18%;
        margin: 0 2.5% 20px 0;
        float: left;
    }

    .listStyleH li:nth-child(5n) {
        margin-right: 0;
    }

    .listStyleH li:nth-child(5n+1) {
        clear: left;
    }

    .listStyleH li .labelBox .label {
        line-height: 20px;
    }
}

.listStyleI {
    padding-left: 3em;
}

.listStyleI>li {
    text-indent: -2.5em;
}

.listStyleI ol {
    padding-left: inherit;
}

.listStyleI ul {
    padding-left: 1em;
    list-style-type: disc;
}

.listStyleI ul li {
    text-indent: 0;
}

.listStyleJ {
    min-height: 20px;
    padding: 19px 19px 9px 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.listStyleJ>li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.listStyleJ>li>ul {
    display: block;
    margin-left: 2em;
}

.listStyleJ>li>ul>li {
    display: inline-block;

}

.tableStyleA {}

.tableStyleA td {
    padding: 0 10px 5px 10px;
}

.tableStyleA th {
    padding: 0 10px 5px 0;
    white-space: normal;
    font-weight: bold;
}

.tableStyleB {}

.tableStyleB>tbody>tr>th {
    width: 100px;
}

@media(min-width: 768px) {
    .tableStyleB>tbody>tr>th {
        width: 200px;
    }

}


.title-b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
    margin: 30px 0 15px 0;
    border-bottom: 2px solid #9fa0a0;
    font-size: 14px;
}

.title-b .title {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #231815;
}

.title-b a {
    color: #231815;
}

.title-b .arrow {
    vertical-align: initial;
}

.titleStyleA {
    font-size: 16px;
    padding: 8px 10px;
    color: #fff;
    /*    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;*/
    border-radius: 4px;
    margin: 0 0 8px 0;
    background-color: #E88E0C;
}

.titleStyleB {
    font-size: 16px;
    padding: 8px 10px;
    color: #fff;
    /*    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;*/
    border-radius: 4px;
    margin: 0 0 8px 0;
    background-color: #713d9b;
}

.titleStyleC {
    font-size: 18px;
    color: #444;
    font-weight: bold;
}

.titleStyleD {
    font-size: 18px;
    padding: 8px;
    margin: 0 0 20px 0;
    /*    color: #0082CD;
    border-left: 3px solid #0082CD;
    background-color: #cbe7ef;*/
    /*border-radius:5px;*/
    /*font-weight: bold;*/
}

.titleStyleD .link {
    font-size: 80%;
    margin: 2px 20px 0 0;
    font-weight: normal;
    float: right;
}


.titleStyleE {
    font-size: 16px;
    padding: 10px;
    margin: 20px 0 17px 0;
    color: #FFF;
    background-color: #3399CC;
    border-radius: 8px;
}

.titleStyleE:first-child {
    margin-top: 0;
}

.titleStyleE small {
    color: #fff;
}

@media (max-width: 767px) {
    #main>.titleStyleE {
        margin-right: -10px;
        margin-left: -10px;
        border-radius: 0;
    }
}

@media (min-width: 768px) {
    .titleStyleE {
        font-size: 24px;
    }
}

.titleStyleF {
    font-size: 18px;
    color: #61605e;
    font-weight: bold;
    border-bottom: solid 4px #ccf0cc;
    padding: 0 0 5px 0;
    margin: 0 0 12px 0;
}

.titleStyleG {
    font-size: 18px;
    color: #E88E0C;
    border-bottom: solid 2px #E88E0C;
    padding: 0 0 5px 5px;
    margin: 0 0 12px 0;
}

.titleStyleH {
    font-size: 18px;
    color: #713d9b;
    border-bottom: solid 2px #713d9b;
    padding: 0 0 5px 5px;
    margin: 0 0 12px 0;
}

.titleStyleI {
    padding: 10px 18px;
    margin: 0 0 25px 0;
    border-left: solid 17px #6fb92c;
    border-bottom: none;
    font-size: 22px;
    color: #6fb92c;
    background-color: #f7f7f7;
}

.titleStyleJ {
    padding: 5px 5px 5px 40px;
    margin: 0 0 20px 0;
    border: 1px solid #0082CD;
    position: relative;
}

.titleStyleJ small {
    margin-top: 5px;
}

.titleStyleJ .icon {
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 30px;
    background-color: #0082CD;
    color: #fff;
}


#side .titleStyleA,
#side .titleStyleB,
#side .titleStyleC,
#side .titleStyleD,
#side .titleStyleE {
    font-size: 92%;
    margin-bottom: 10px;
}

#side .titleStyleC {
    background-color: #efefef;
    margin-top: 10px;
    padding: 5px 2px;
}

@media(max-width: 991px) {
    #side .well {
        padding: 10px;
    }
}

.hrStyleA {
    border-top: dotted 1px #6fb92c;
}

.chotai-7 {
    display: inline-block;
    transform: scale(0.7, 1);

}

.chotai-8 {
    display: inline-block;
    transform: scale(0.8, 1);

}

.icon-a {
    width: 22px;
    display: inline-block;
    padding: 1px 0;
    border-radius: 4px;
    border: solid 1px #00a5c4;
    background-color: #ffffeb;
    color: #00a5c4;
    font-size: 12px;
    text-align: center;
    overflow: visible;
}


.label-a {
    background-color: #c3ebd7;
    font-size: 16px;
    font-weight: normal;
    color: inherit;
}

.label-b {
    display: inline-block;
    min-width: 60px;
    height: 20px;
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 0;
    border: solid 1px #00a5c4;
    border-radius: 4px;
    background-color: #ffffeb;
    color: #00a5c4;
    font-weight: normal;

}

.label-c {
    display: inline-block;
    min-width: 90px;

    border: solid 1px #3366cc;
    border-radius: 4px;
    background-color: #fff;
    color: #3366cc;
    font-weight: normal;

}

.label-d {
    border: solid 1px #333;
    padding: .1em .3em .15em;
    color: #333;
    font-weight: normal;
}

.label-e {
    border: 1px solid #ea5541;
    color: #ea5541;
    background-color: #fff;
}


.label-new {
    background-color: #cc3366;
}

.label-mv {
    font-size: 12px;
    background-color: #db1c49;
}

.label-mv i {
    font-size: 14px;
    color: #fff;
}

@media (min-width: 768px) {
    .label-c {

        padding-top: 0;
        padding-bottom: 0;
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }
}

.table-thnowrap th {
    white-space: nowrap;
}


.border-right {
    border-right: 1px solid #000;
}

.border-width-point5px {
    border-width: 0.5px;
}

.border-color-a {
    border-color: #c9caca;
}

.box-a {
    padding: 0 0 12px 84px;
    margin: 0 0 15px 0;
    min-height: 115px;
    border-bottom: 1px solid #c8c9ca;
    position: relative;
}

.box-a a {
    color: #231815;
}

.box-a .title {
    margin: -3px 0 8px 0;
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    min-height: 46px;
    border-bottom: 0.5px solid #c8c9ca;
}

.box-a .text {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.box-a .icon {
    position: absolute;
    left: 0;
    top: 0;
}


.boxStyleA {
    padding: 10px 10px 5px 10px;
    border: solid 1px #999;
    border-radius: 8px;
    background-color: #fffff0;
}

.boxStyleB {
    padding: 10px 10px 5px 10px;
    border: solid 1px #999;
    border-radius: 8px;
    background-color: #fff0f0;
}


.prefBox .title {
    padding: 5px;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 14px;
}

.prefBox .title label {
    margin-bottom: 0;
}

.prefBox.kitashinano .title {
    background-color: #21acdc;
}

.prefBox.kitashinano .subtitle {
    color: #21acdc;
}

.prefBox.higashishinshu .title {
    background-color: #ecae32;
}

.prefBox.higashishinshu .subTitle {
    color: #ecae32;
}

.prefBox.alps .title {
    background-color: #16a696;
}

.prefBox.alps .subTitle {
    color: #16a696;
}

.prefBox.suwa .title {
    background-color: #d85d93;
}

.prefBox.suwa .subTitle {
    color: #d85d93;
}

.prefBox.kisoji .title {
    background-color: #78b875;
}

.prefBox.kisoji .subTitle {
    color: #78b875;
}

.prefBox.inaji .title {
    background-color: #efb59a;
}

.prefBox.inaji .subTitle {
    color: #efb59a;
}

.prefBox.gokei .title {
    background-color: #9e9e9f;
}

.prefBox.gokei .subTitle {
    color: #9e9e9f;
}



.searchControl {}

.searchControl .link {
    display: inline-block;
    margin: 0 0 10px 0;
}

@media (max-width: 767px) {
    .searchControl .num {
        display: inline-block;
        margin: 0 0 10px 0;
    }

}

/* list
==============================================================================================================*/


.nav-tabs>li>a {
    padding: 6px;
    background-color: #e7e7e7;
    color: inherit;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: #ddeeff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: #ffffeb;
}

@media(max-width: 767px) {
    .nav-tab-wrap {
        margin: 0 0 15px 0;
    }

    .nav-sort-warp {
        margin: 0 0 15px 0;
    }

    .nav-tab-wrap .pagination {
        margin-bottom: 10px;
    }

    .nav-tabs>li>a {
        font-size: 12px;
    }

    .nav-sort-warp.form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}

@media(min-width: 768px) {
    .nav-tab-wrap {
        margin: 0 0 22px 0;
        position: relative;
    }

    .nav-tab-wrap .pagination {
        position: absolute;
        right: 0;
        top: 0;
    }

    .nav-sort-warp {
        margin: 0 0 10px 0;
    }
}

@media(min-width: 992px) {
    .nav-tabs>li>a {
        padding-right: 15px;
        padding-left: 15px;
    }
}


@media(max-width: 768px) {
    #listTab {
        clear: both;
        text-align: center;
    }
}

.all-check-wrap {
    border: solid 1px #ddd;
    border-radius: 5px;
}

.all-check-wrap .js-all-bookmark {
    width: 100px;
    height: 30px;
    vertical-align: bottom;
}

.all-check-wrap .js-all-request {
    width: 100px;
    height: 30px;
    vertical-align: bottom;
}

.all-check-wrap input[type="checkbox"] {
    display: none;
}

.all-check-wrap .check {
    position: relative;
    padding: 0 0 0 25px;
}

.all-check-wrap .check:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    background: #FFF;
    border: 2px solid #aaa;
}

.all-check-wrap input:checked+.check:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #E71063;
    border-bottom: 3px solid #E71063;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 767px) {
    .all-check-wrap {
        margin: 0 0 6px 0;
        padding: 7px 6px;
    }
}

@media (max-width: 320px) {
    .all-check-wrap .js-all-bookmark {
        width: 90px;
        height: 27px;
    }

    .all-check-wrap .js-all-request {
        width: 90px;
        height: 27px;
    }
}

@media (min-width: 768px) {
    .all-check-wrap {
        margin: 0 0 13px 0;
        padding: 7px 0 7px 5px;
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    .all-check-wrap {
        margin: 0 10px 13px 10px;
        padding: 7px 12px;
        font-size: inherit;
    }
}

.detailListBox {
    border: solid 1px #aaa;
    margin-bottom: 20px;
}

.detailListBox .tableBox {
    display: flex;
}

.detailListBox .tableBox .cell1 {
    max-width: 210px;
    padding: 6px 10px 6px 50px;
    position: relative;
}

.detailListBox .tableBox .cell1 .label-new {
    vertical-align: text-top;
}

.detailListBox .tableBox .cell1 input {
    margin-top: 13px;
    display: none;

}

.detailListBox .tableBox .cell1 .check {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    background-color: #fff;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.detailListBox .tableBox .cell1 .check:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    background: #FFF;
    border: 2px solid #aaa;
}

.detailListBox .tableBox .cell1 input:checked+.check:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;

    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #E71063;
    border-bottom: 3px solid #E71063;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.detailListBox .tableBox .cell2 {
    padding: 5px 12px 5px 0;
}

.detailListBox .tableBox .cell3 {
    padding: 10px 10px 6px 0;
    margin-left: auto;
}

.detailListBox .tableBox .cell3 .label {
    display: block;
    margin-bottom: .5rem;
}

/* .detailListBox .tableBox .cell3 .label.panorama {
    font-size: 12px;

}
.detailListBox .tableBox .cell3 .label.panorama i {
    font-size: 12px;
} */

.detailListBox .wrapBox {
    padding: 13px 12px 10px 12px;
    background-color: #fff;
}

.detailListBox .title {
    font-size: 20px;
    font-weight: bold;
}

.detailListBox .title .label {
    font-size: 60%;
    vertical-align: middle;
}

.detailListBox .desc {
    margin-bottom: 10px;
    line-height: inherit;
    word-break: break-all;
}

.detailListBox .thumb {
    float: left;
    background-color: #efefef;
}

.detailListBox .summary {
    float: right;
}

.detailListBox .summary .define {
    margin: 0;
    margin: 0;
    font-size: 0;
    border-top: solid 1px #ddd;
}

.detailListBox .summary .define dt {
    display: inline-block;
    font-size: 13px;
    border-bottom: solid 1px #ddd;
    vertical-align: bottom;
}

/*.detailListBox .summary .define dt .head {
    display: block;
    margin-top: 4px;
}*/
.detailListBox .summary .define dd {

    display: inline-block;
    font-size: 13px;
    border-bottom: solid 1px #ddd;
    vertical-align: bottom;
}

.detailListBox .summary .define dd .price {
    display: block;
    line-height: 1;
}

.detailListBox .summary .define dd .num {
    font-size: 24px;
    font-weight: bold;
}

.detailListBox .summary .boxB .text {
    line-height: inherit;
    font-feature-settings: "palt";
}

@media(max-width: 767px) {
    .detailListBox .tableBox .cell1 {
        padding-left: 35px;
    }

    .detailListBox .tableBox .cell1 .label {
        text-align: left;
    }

    .detailListBox .tableBox .cell2 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .detailListBox .summary {
        width: 61.3138686131387%;
        margin-bottom: 10px;
    }

    .detailListBox .thumb {
        width: 36.4963503649635%;
        margin-bottom: 10px;
    }

    .detailListBox .summary .define dt {
        width: 40%;
        padding: 3px 0 3px 5px;
    }

    .detailListBox .summary .define dd {
        width: 60%;
        padding: 3px 0 3px 5px;
    }

    .detailListBox .boxC {
        clear: both;
    }

    .detailListBox .boxC a {
        display: block;
        width: 49%;
        margin-right: 2%;
        border: solid 1px #3366cc;
        border-radius: 4px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        background-color: #fff;
        float: left;
    }

    .detailListBox .boxC a:first-child {
        background-color: #eaf2f2;
        margin-bottom: 5px;
    }

    .detailListBox .boxC a:nth-child(even) {
        margin-right: 0;
    }

    .detailListBox .boxC a:hover,
    .detailListBox .boxC a.active {
        background-color: #ffffcc;
    }
}

@media(min-width: 768px) {
    .detailListBox .tableBox .cell1 {
        /*width: 28.0504908835905%;*/
    }

    .detailListBox .summary {
        width: 62.5253991291728%;
    }

    .detailListBox .thumb {
        width: 17.3584905660377%;
        margin-right: 1.1611030478955%;
    }

    .detailListBox .summary .define {
        margin-bottom: 4px;
    }

    .detailListBox .summary .define dt {
        width: 17%;
        padding: 7px 0;
    }

    .detailListBox .summary .define dd {
        width: 33%;
        padding: 7px 0 7px 5px;
    }

    .detailListBox .summary .boxA {
        width: 28%;
        font-size: 11px;
        float: left;
    }

    .detailListBox .summary .boxA a {
        display: block;
        border: solid 1px #3366cc;
        border-radius: 4px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        background-color: #fff;
    }

    .detailListBox .summary .boxA a:first-child {
        background-color: #eaf2f2;
        margin-bottom: 5px;
    }

    .detailListBox .summary .boxA a:hover,
    .detailListBox .summary .boxA a.active {
        background-color: #ffffcc;
    }

    .detailListBox .summary .boxB {
        width: 70%;
        min-height: 66px;
        float: right;
    }

    .detailListBox .summary .boxB .photo {
        width: 25.9842519685039%;
        float: left;
    }

    .detailListBox .summary .boxB .text {
        width: 70.0787401574803%;
        margin: 5px 0 0 0;
        line-height: 1.3;
        float: right;
    }
}

@media(min-width: 992px) {
    .detailListBox .summary {
        width: 57.1843251088534%;
    }

    .detailListBox .thumb {
        width: 20.0290275761974%;
    }

    .detailListBox .summary .boxA {
        width: 32.994923857868%;
        font-size: inherit;
    }

    .detailListBox .summary .boxA a {
        height: 30px;
        line-height: 30px;
    }

    .detailListBox .summary .boxB {
        width: 64.4670050761421%;
    }

    .detailListBox .summary .boxB .text {
        line-height: inherit;
    }
}

.detailListBox.pr {
    position: relative;
}

.detailListBox.pr .wrapBox {
    background-color: #ffffcc !important;
}

.detailListBox.pr .icon-pr {
    position: absolute;
    right: 12px;
    top: 10px;
}

.detailListBox.pr .tableBox .cell2 {
    padding-right: 45px;
}

.detailListBox.pr .summary .boxB {
    display: none;
}

.detailListBox.pr .summary .define {
    border-bottom: none;
    margin-bottom: 0;
}

@media(max-width: 767px) {}

@media(min-width: 768px) {
    .detailListBox.pr {}

    .detailListBox.pr .tableBox .cell1 {
        padding-bottom: 6px;
    }

    .detailListBox.pr .tableBox .cell2 {
        /*padding-bottom: 2px;*/
    }

    .detailListBox.pr .wrapBox {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .detailListBox.pr .desc {
        margin-bottom: 5px;
    }

    .detailListBox.pr .thumb {
        width: 13.3526850507983%;
    }

    .detailListBox.pr .thumb:before {
        padding-top: 75%;
    }

    .detailListBox.pr .summary {
        width: 70.5370101596516%;
    }

    .detailListBox.pr .summary .define {
        width: 70%;
        float: left;
    }

    .detailListBox.pr .summary .define dt {
        width: 15%;
    }

    .detailListBox.pr .summary .define dd {
        width: 35%;
    }

    .detailListBox.pr .summary .boxA {
        width: 28%;
        float: right;
    }

    .detailListBox.pr .summary .boxA a:hover,
    .detailListBox.pr .summary .boxA a.active {
        background-color: #E4FFD9;
        /*        color: #8E6BB2;
        border: solid 1px #8E6BB2;*/
    }
}

@media(min-width: 992px) {
    .detailListBox.pr .summary .define dt {
        width: 17%;
    }

    .detailListBox.pr .summary .define dd {
        width: 33%;
    }
}

.simpleListBox {
    width: 100%;
    font-size: 12px;
}

.simpleListBox .tableHead .cell {
    background-color: #e7e7e7;
}

.simpleListBox .tableHead .cell a {
    color: inherit;
    text-decoration: none;
}

.simpleListBox .pr {
    background-color: #ffffcc;
}

.simpleListBox .cell input {
    margin-top: 13px;
    display: none;

}

.simpleListBox .cell .check {
    margin: 0;
    text-align: center;
    position: relative;

}

.simpleListBox .cell .check:before {
    content: "";
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    background: #FFF;
    border: 2px solid #aaa;
}

.simpleListBox .cell input:checked+.check:after {
    content: "";
    position: absolute;
    top: 17px;
    left: 7px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;

    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #E71063;
    border-bottom: 3px solid #E71063;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (min-width: 768px) {
    .simpleListBox .cell input:checked+.check:after {
        top: 10px;
        left: 0;
    }
}

@media (max-width: 767px) {
    .simpleListBox {}

    .simpleListBox .tableRow {
        margin-bottom: 10px;
        clear: both;
        position: relative;
        border-top: solid 1px #999999;
        border-left: solid 1px #999999;
    }

    .simpleListBox .tableRow:after {
        content: "";
        display: block;
        clear: both;
    }

    .simpleListBox .cell {
        padding: 4px 5px;
        border-right: solid 1px #999999;
        border-bottom: solid 1px #999999;
    }

    .simpleListBox .cell .check {
        display: block;
        width: 32px;
        height: 32px;
        border-right: solid 1px #aaa;
        border-bottom: solid 1px #aaa;
        position: absolute;
        left: 1px;
        top: 26px;
    }

    .simpleListBox .cell .check:before {
        position: absolute;
        left: 6px;
        top: 6px;
    }

    .simpleListBox .cell .text {
        min-height: 25px;
    }

    .simpleListBox .cell01 {
        width: 32px;
        height: 32px;
        line-height: 32px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        text-align: center;
        border: none;
    }

    .simpleListBox .cell01 .label {
        display: none;
    }

    .simpleListBox .cell02 {
        display: none;
    }

    .simpleListBox .cell03 {
        padding-left: 32px;
        min-height: 32px;
        padding: 4px 5px 4px 37px;
        font-size: 16px;
        position: relative;
        z-index: 1;
    }

    .simpleListBox .cell03:before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 32px;
        top: 0;
        border-left: solid 1px #999999;
    }

    .simpleListBox .cell04,
    .simpleListBox .cell06,
    .simpleListBox .cell05,
    .simpleListBox .cell07 {
        width: 50%;
        float: left;
        position: relative;
        background-color: #e7e7e7;
    }

    .simpleListBox .cell04,
    .simpleListBox .cell06 {
        padding: 0 0 0 60px;

    }

    .simpleListBox .cell05,
    .simpleListBox .cell07 {
        padding: 0 0 0 60px;
    }

    .simpleListBox .cell06 {
        clear: left;
    }

    .simpleListBox .cell04 .mobileTitle,
    .simpleListBox .cell06 .mobileTitle,
    .simpleListBox .cell05 .mobileTitle,
    .simpleListBox .cell07 .mobileTitle {
        padding: 4px 0;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
    }

    .simpleListBox .cell04 .mobileTitle,
    .simpleListBox .cell06 .mobileTitle {
        width: 60px;
    }

    .simpleListBox .cell05 .mobileTitle,
    .simpleListBox .cell07 .mobileTitle {
        width: 60px;
    }

    .simpleListBox .cell04 .text,
    .simpleListBox .cell06 .text,
    .simpleListBox .cell05 .text,
    .simpleListBox .cell07 .text {
        display: block;
        padding: 4px 5px;
        background-color: #fff;
        word-break: break-all;
    }

    .simpleListBox .pr .cell04 .text,
    .simpleListBox .pr .cell06 .text,
    .simpleListBox .pr .cell05 .text,
    .simpleListBox .pr .cell07 .text {
        background-color: #ffffcc;
    }

    .simpleListBox .cell08 {
        display: none;
    }

    .simpleListBox .label {
        font-size: 70%;
    }

    .simpleListBox .cell09 {
        position: relative;
        padding-right: 50px;
    }

    .simpleListBox .cell09 .icon-pr {
        position: absolute;
        right: 5px;
        top: 5px;
    }
}

@media (min-width: 768px) {
    .simpleListBox {
        display: table;
        border-collapse: collapse;
    }

    .simpleListBox .label {
        display: inline-block;
        margin-bottom: 3px;
    }

    .simpleListBox .tableRow {
        display: table-row;
    }

    .simpleListBox .cell {
        display: table-cell;
        padding: 5px 0;
        text-align: center;
        vertical-align: middle;
        border: solid 1px #999999;
    }

    .simpleListBox .cell .check {
        display: inline-block;
    }

    .simpleListBox .tableHead .cell {
        line-height: 1.2;
    }

    .simpleListBox .tableHead .cell .group {
        display: inline-block;
        vertical-align: middle;
    }

    .simpleListBox .cell01 {
        width: 6.2937062937063%;
        position: relative;
    }

    .simpleListBox .cell02 {
        width: 10.3496503496503%;
    }

    .simpleListBox .cell03 {
        width: 20.9300699300698%;
    }

    .simpleListBox .cell04 {
        width: 7.1328671328671%;
    }

    .simpleListBox .cell05 {
        width: 10.6293706293706%;
    }

    .simpleListBox .cell06 {
        width: 10.6293706293706%;
    }

    .simpleListBox .cell07 {
        width: 8.2517482517483%;
    }

    .simpleListBox .cell08 {
        width: 16.783216783217%;
    }

    .simpleListBox .cell09 {

        width: 9%;
    }

    .simpleListBox .photo {
        width: 100%;
        max-width: 52px;
        margin: 0 auto;
    }

    .simpleListBox .photo:before {
        padding-top: 75%;
    }

    .simpleListBox .mobileTitle {
        display: none;
    }
}

#listGoogleMapWrap {
    position: relative;
}

#mapLoading {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -32px;
    font-size: 64px;

}

#mapLoading .fa-spinner {
    color: #999;
}

#listGoogleMap {
    position: relative;
    margin-bottom: 20px;
}

#listGoogleMap:before {
    content: "";
    display: block;
    padding-top: 100%;
}


.infoWindow {
    overflow: hidden;
    padding-bottom: 1px;
}

.infoWindow p {
    margin-bottom: inherit;
}

.infoWindow .label {
    vertical-align: middle;
    margin-right: 10px;
}

.infoWindow .label-c {
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    padding: 0;
}

.infoWindow .box {
    margin-top: 5px;
    margin-bottom: 5px;
}

.infoWindow .link {
    font-size: 0;
}

.infoWindow .link a {
    display: inline-block;
    width: 49%;
    margin-right: 2%;
    border: solid 1px #3366cc;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    background-color: #fff;
    float: left;
}

.infoWindow .link a:hover,
.infoWindow .link a.active {
    background-color: #ffffcc;
}

.infoWindow .link a:first-child {
    background-color: #eaf2f2;
}

.infoWindow .link a:last-child {
    margin-right: 0;
}

.infoWindow .boxA {
    width: 21%;
    max-width: 90px;
    float: left;
}

.infoWindow .boxB {
    width: 77%;
    float: right;
}

.infoWindow .photo {}


.infoWindow .define {
    margin: 0;
    margin: 0;
    font-size: 0;
}

.infoWindow .define:not(:first-child) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: solid 1px #ccc;
}

.infoWindow .define dt {
    width: 17%;
    padding: 0;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
}

.infoWindow .define dd {
    width: 33%;
    padding: 0 5px;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    vertical-align: middle;

}

.infoWindow .define .text {
    display: inline-block;
}

.infoWindow .define .br {
    display: none;
}

@media (max-width: 320px) {
    .infoWindow .boxA {
        display: none;
    }

    .infoWindow .boxB {
        width: 100%;
    }


    .infoWindow .define dt {}

    .infoWindow .define dd {
        padding: 0;
    }

}

@media (max-width: 375px) {
    .infoWindow .label {}

    .infoWindow .title {
        display: inline-block;
        line-height: 1.8;
    }

    .infoWindow .link a {
        font-size: 12px;
        height: 25px;
        line-height: 25px;
    }

    .infoWindow .link .text {
        display: none;
    }

    .infoWindow .define .br {
        display: inline;
    }
}

@media (max-width: 767px) {}

@media (min-width: 768px) {
    .infoWindow {
        min-width: 290px;
    }
}



/* list PR
====================================================================================================*/

.listPr {
    background-color: #fffde5;
    margin-bottom: 20px;
}

.detailListBox.listPr {
    background-color: #ffee7d !important;
}

.listPr .title1 {
    display: flex;
    align-items: center;
    padding: 5px 15px;
    background-color: #ffee7d;
    color: #ea5541;
    font-size: 20px;
}

.listPr .title1 a {
    color: inherit;
}

.listPr .title1 .label {
    margin-right: 10px;
}

.listPr .title1 .label:last-child {
    margin-right: 0;
}

.listPr .title1 .label.panorama {
    margin-left: auto;
}

.listPr .title2 {}

.listPr .wrap {
    padding: 15px;
    display: grid;
    grid-template-columns: repeat(15, 1fr);
    grid-template-rows: repeat(9, 10px) repeat(3, minmax(10px, auto)) repeat(2, 10px);
    column-gap: 10px;
    row-gap: 10px;
}

.listPr .wrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.listPr .wrap .image1 {
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 10;
    position: relative;
}

.listPr .wrap .image1 .text {
    padding: 2rem;
    color: #fff;
    font-size: 2rem;
    position: absolute;
    left: 0;
    top: 0;
}

@media(max-width: 991px) {

    .listPr .wrap .image1 .text {
        font-size: 1.6rem;
    }
}

@media(max-width: 767px) {

    .listPr .wrap .image1 .text {
        padding: 1.2rem;
        font-size: 1.4rem;
    }
}

.listPr .wrap .image2 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 10;
    grid-row-end: 15;
}

.listPr .wrap .image3 {
    grid-column-start: 4;
    grid-column-end: 7;
    grid-row-start: 10;
    grid-row-end: 15;
}

.listPr .wrap p {
    margin: 0;
}

.listPr .wrap .title2 {
    grid-column-start: 7;
    grid-column-end: 16;
    grid-row-start: 1;
    grid-row-end: 5;
    background-color: #fff;
    padding: 20px 15px;
    font-size: 20px;
    position: relative;
}

.listPr .wrap .title2::after {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    border-top: 1px solid #ccc;
}

.listPr .wrap .title2 small {
    display: block;
    color: inherit;
}

.listPr .wrap .text1 {
    grid-column-start: 7;
    grid-column-end: 16;
    grid-row-start: 5;
    grid-row-end: 9;
    background-color: #fff;
    margin: -10px 0;
    padding: 10px;
    font-size: 12px;
    position: relative;
}

/* .listPr .wrap .text1::before,
.listPr .wrap .text1::after {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    border-top: 1px solid #ccc;
} */
.listPr .wrap .text1::before {
    top: 0;
}

.listPr .wrap .text1::after {
    bottom: 0;
}

.listPr .wrap .text1 .price {
    font-size: 24px;
}

.listPr .wrap .text1 .unit {
    font-size: 14px;
}

.listPr .wrap .text2 {
    grid-column-start: 7;
    grid-column-end: 16;
    grid-row-start: 9;
    grid-row-end: 13;
    background-color: #fff;
    padding: 10px;
    font-size: 12px;
    line-height: 1.4;
    position: relative;
}

.listPr .wrap .text2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    border-top: 1px solid #ccc;
}

.listPr .wrap .box {
    grid-column-start: 7;
    grid-column-end: 16;
    grid-row-start: 13;
    grid-row-end: 15;
    display: flex;
    align-items: center;
    color: #ea5541;
}

.listPr .wrap .box .btn {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.listPr .wrap .box .btn i {
    font-size: 10px;
    margin-left: 5px;
}

.listPr .wrap .box .icon-pr {
    margin-left: auto;
}

@media(max-width: 991px) {
    .listPr .wrap .title2 {
        /*         grid-row-start: 1;
        grid-row-end: 4; */
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .listPr .wrap .text1 {
        /* grid-row-start: 4; */
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.4;
    }
}

@media(max-width: 767px) {
    .listPr .title1 {
        flex-wrap: wrap;
    }

    .listPr .title1 .text {
        order: 3;
        width: 100%;
    }

    .listPr .title1 .label {
        order: 1;
    }

    .listPr .title1 .label.panorama {
        margin-left: 0;
    }

    .listPr .wrap {
        grid-template-rows: repeat(7, 10px) repeat(3, minmax(10px, auto)) repeat(2, 10px);
    }

    .listPr .wrap .image1 {
        grid-row-end: 7;
    }

    .listPr .wrap .image2,
    .listPr .wrap .image3 {
        display: none;
    }

    .listPr .wrap .title2 {
        padding-top: 10px;
        padding-bottom: 5px;
        font-size: 16px;
        grid-row-end: 4;
    }

    .listPr .wrap .text1 {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 11px;
        grid-row-start: 4;
        grid-row-end: 7;
    }

    .listPr .wrap .text1 .price {
        font-size: 20px;
    }

    .listPr .wrap .text2 {
        grid-column-start: 1;
        grid-row-start: 7;
        grid-row-end: 11;
    }

    .listPr .wrap .box {
        grid-column-start: 1;
        grid-row-start: 11;
        grid-row-end: 13;
        font-size: 12px;
    }

    .listPr .wrap .box .btn {
        font-size: 12px;
    }
}


/* #kohama.listPr .wrap .text1 {
    grid-column-end: 13;
} */
/* #kohama.listPr .wrap .text3 {
    grid-column-start: 13;
    grid-column-end: 16;
    grid-row-start: 5;
    grid-row-end: 9;
    background-color: #ea5541;
    color: #ffffff;
    margin: 0 10px 0 -20px;
    padding: 10px;
    font-size: 14px;
    line-height: 1.2;
    z-index: 2;
    border-radius: 4px;
    text-align: center;
}
@media(max-width: 991px) {
    #kohama.listPr .wrap .text3 {
        grid-column-start: 12;
    }
    #kohama.listPr .wrap .text1 {
        padding-right: 50%;
    }
}
@media(max-width: 767px) {
    #kohama.listPr .wrap .text3 {
        margin: 10px;
        grid-column-start:9;
        grid-row-start: 7;
        grid-row-end: 10;
        line-height: 1.4;

    }
    #kohama.listPr .wrap .text2 {
        padding-right: 50%;
    }
    #kohama.listPr .wrap .text1 {
        padding-right: 10px;
    }
} */

/* detail
====================================================================================================*/

#detailSummary {
    margin: 0 0 25px 0;
}

#detailSummary .title {}

#detailSummary .title .label {
    vertical-align: middle;
}

#detailSummary .title .label-new {
    font-size: 65%;
    font-weight: normal;
}

#detailSummary .desc {
    word-break: break-all;
    margin-bottom: 0;
}

#detailSummary .box {
    border: solid 1px #ccc;
    background-color: #fffff0;
    position: relative;
}

#detailSummary .box figure {
    text-align: center;
}

#detailSummary .box .photo {
    margin: 0 0 5px 0;
}

#detailSummary .box .title2 {
    border-bottom: solid 1px #ccc;
    font-weight: bold;
}

#detailSummary .list li {
    border-bottom: dashed 1px #333;
    position: relative;
}

#detailSummary .list li .label {
    position: absolute;
    left: 0;
    top: 5px;
}

#detailSummary .list li .price {
    display: inline-block;
    line-height: 1;
    margin-top: -5px;
}

#detailSummary .list li .price .num {
    font-size: 24px;
    font-weight: bold;
}

#detailSummary .update {
    margin-bottom: 0;
}

@media(max-width: 767px) {
    #detailSummary .title {
        margin: 10px 0 15px 0;
        font-size: 18px;
    }

    #detailSummary .title .text {
        display: block;
        display: block;
        margin-top: 5px;
    }

    #detailSummary .desc {
        font-size: 12px;
    }

    #detailSummary .box {
        padding: 15px 10px 10px 100px;
        border-radius: 6px;
        min-height: 130px;
    }

    #detailSummary .box .photo {
        width: 80px;
        height: 80px;
    }

    #detailSummary .box figure {
        width: 80px;
        position: absolute;
        left: 10px;
        top: 15px;
    }

    #detailSummary .box .title2 {
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
    }

    #detailSummary .list li {
        padding: 5px 0 4px 70px;
        margin: 0 0 0 0;
    }
}

@media(min-width: 768px) {
    #detailSummary {
        padding: 15px 20px;
        border: solid 1px #333;
        border-radius: 10px;
    }

    #detailSummary .title {
        padding: 0 0 10px 0;
        margin: 15px 0 18px 0;
        font-weight: bold;
        border-bottom: solid 1px #333;
        font-size: 21px;
    }

    #detailSummary .box {
        min-height: 160px;
        padding: 20px 13px 13px 130px;
        border-radius: 10px;
    }

    #detailSummary .box .photo {
        width: 100px;
        height: 100px;
    }

    #detailSummary .box figure {
        width: 100px;
        position: absolute;
        left: 13px;
        top: 20px;
    }

    #detailSummary .box .title2 {
        padding: 0 0 7px 0;
        margin: 0 0 20px 0;
    }

    #detailSummary .list li {
        width: 48.1426448736999%;
        padding: 5px 0 5px 70px;
        margin-right: 3.7147102526003%;
        float: left;
    }

    #detailSummary .list li:nth-child(even) {
        margin-right: 0;
    }

    #detailSummary .list li:nth-child(odd) {
        clear: left;
    }
}



#detailPhotoGallery {
    margin: 0 0 30px 0;
    overflow: hidden;
    position: relative;
}

#detailPhotoGallery>div {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

#detailPhotoGallery>.fa {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 36px;
    margin: -16px 0 0 -16px;
    z-index: 2;
}

@media(max-width: 767px) {
    #detailPhotoGallery {
        padding: 0 20px;
    }

    #detailPhotoGallery .slick-slide {
        height: auto;
    }

    #detailPhotoGallery .slick-slide figcaption {
        padding-top: 10px;
        text-align: center;
    }

    #detailPhotoGallery .js-prev {
        position: absolute;
        left: 0;
        top: 40%;
    }

    #detailPhotoGallery .js-next {
        position: absolute;
        right: 0;
        top: 40%;
    }

    #detailPhotoGallery .slick-list {
        z-index: 100;
    }
}

@media(min-width: 768px) {
    #detailPhotoGallery {
        height: 380px;
    }

    #detailPhotoGallery>div {
        opacity: 0;
    }

    #detailPhotoGallery .mainWrap {
        width: 68.5314685314685%;
        float: left;
        position: relative;
    }

    #detailPhotoGallery .mainWrap .btn {
        font-size: 30px;
        padding: 5px;
    }

    #detailPhotoGallery .mainWrap .js-prev {
        position: absolute;
        left: 0;
        top: 40%;
    }

    #detailPhotoGallery .mainWrap .js-next {
        position: absolute;
        right: 0;
        top: 40%;
    }

    #detailPhotoGallery .mainPhoto {
        width: 87.7551020408163%;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        /* overflow: hidden; */
    }

    #detailPhotoGallery .mainPhoto .photo {
        width: 100%;
        position: relative;
    }

    #detailPhotoGallery .mainPhoto .photo::before {}

    #detailPhotoGallery .mainPhoto .photo i {
        position: absolute;
        right: 5%;
        bottom: 5%;
        font-size: 40px;
        color: #fff;
    }

    #detailPhotoGallery .mainPhoto figcaption {
        width: 100%;
        /* padding: 10px 0 0 0; */
        position: absolute;
        left: 0;
        bottom: -30px;
        text-align: center;
        background-color: rgba(255, 255, 255, .7);
    }

    #detailPhotoGallery .listWrap {
        width: 30.9090909090909%;
        padding-bottom: 25px;
        border-left: solid 1px #dcdddd;
        float: right;
        position: relative;
    }

    #detailPhotoGallery .listWrap .js-dots {
        height: 25px;
        width: 100%;
        padding: 0 30px 0 30px;
        position: absolute;
        left: 0;
        bottom: 7px;
        z-index: 1;
        text-align: center;
    }

    #detailPhotoGallery .listWrap .js-dots i {
        color: #ccc;
        margin: 0 2px;
    }

    #detailPhotoGallery .listWrap .js-dots i.current {
        color: inherit;
    }

    #detailPhotoGallery .listWrap .js-numbering {
        height: 25px;
        width: 100%;
        padding: 8px 30px 0 30px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        text-align: center;
    }

    #detailPhotoGallery .listWrap .js-prev {
        position: absolute;
        bottom: 0;
        left: 5px;
        z-index: 2;
    }

    #detailPhotoGallery .listWrap .js-next {
        position: absolute;
        bottom: 0;
        right: 5px;
        z-index: 2;
    }

    #detailPhotoGallery .photoList {
        width: 100%;
        overflow: hidden;
    }

    #detailPhotoGallery .photoList .inner {}

    #detailPhotoGallery .photoList .list {
        float: left;
    }

    #detailPhotoGallery .photoList .list li {
        width: 45.4545454545455%;
        margin: 0 0 10px 4.5454545454545%;
        float: left;
        background-color: #efefef;
    }

    #detailPhotoGallery .list li:nth-child(odd) {
        clear: left;
    }

    #buttonWrap {
        display: flex;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    #mainPhotoNext {
        padding: 5px 10px;
        line-height: 1;
    }

    #mainPhotoPrev {
        margin-right: 10px;
        line-height: 1;
        padding: 5px 10px;
    }
}

@media (min-width: 992px) {
    #detailPhotoGallery {
        height: 475px;

    }

    #detailPhotoGallery .mainWrap {}
}

#detailMap {}

#detailMap .externalLink {
    font-size: 26px;
    border-radius: 30px;
    padding-right: 30px;
    padding-left: 30px;
    border: 1px solid #0066cc;
}

.detail360 {
    margin: 0 0 20px 0;
}

.detailMovie {
    margin: 0 0 20px 0;
}

.detailMovie {
    position: relative;
    width: 100%;
    padding: 53.8461538461538% 0 0 0;
}

.detailMovie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media(max-width: 767px) {}

@media(min-width: 768px) {}

.detailContactMiddle {
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    padding: 20px 10px;
    margin: 20px 0;
}

.detailContactMiddle .boxA {
    margin: 0 0 20px 0;
}

.detailContactMiddle .boxA>a {
    display: block;
    height: 55px;
    width: 48.3870967741935%;
    border: solid 1px #6699cc;
    border-radius: 4px;
    float: left;
    position: relative;
}

.detailContactMiddle .boxA>a:first-child {
    margin-right: 3.2258064516129%;
}

.detailContactMiddle .boxA>a .text {
    display: block;
    width: 90px;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 12px;
    text-align: center;
}

.detailContactMiddle .boxA>a .icon {
    position: absolute;
    right: 10px;
    bottom: 8px;
}

.detailContactMiddle .boxA>a:hover,
.detailContactMiddle .boxA>a.active {
    background-color: #ddeeff;
}

.detailContactMiddle .boxB .photo {
    float: left;
}

.detailContactMiddle .boxB .text {
    margin: 0;
    font-size: 14px;
    line-height: inherit;
    text-align: center;
}

.detailContactMiddle .boxB .tel {
    display: block;
    font-size: 24px;
}

@media(min-width: 768px) {
    .detailContactMiddle {}

    .detailContactMiddle .boxA {
        width: 52.027972027972%;
        margin-bottom: 0;
        padding: 5px 0 0 0;
        float: left;
    }

    .detailContactMiddle .boxA>a .text {
        font-size: 14px;
        width: 130px;
        top: 8px;
    }

    .detailContactMiddle .boxB {
        width: 46.3566433566434%;
        float: right;
        position: relative;
    }

    .detailContactMiddle .boxB .photo {
        width: 25.258064516129%;
    }

    .detailContactMiddle .boxB .text {
        width: 72.5161290322581%;
        float: right;
        text-align: left;
    }


}

@media (min-width: 992px) {
    .detailContactMiddle .boxA {
        padding-top: 25px;
    }

    .detailContactMiddle .boxB {
        width: 43.3566433566434%;
    }

    .detailContactMiddle .boxB .text {
        font-size: inherit;
    }

    .detailContactMiddle .boxB .tel {
        font-size: 26px;
    }

    .detailContactMiddle .boxB .photo {
        width: 32.258064516129%;
    }

    .detailContactMiddle .boxB .text {
        width: 64.5161290322581%;
    }
}

@media (max-width: 991px) {
    .detailContactMiddle .boxA>a .text {
        top: 12px;
        font-size: 12px;
        width: 120px;
    }

    .detailContactMiddle .boxA>a .icon {
        width: 25px;
        height: auto;
        bottom: 12px;
        right: 5px;
    }
}

@media (max-width: 767px) {
    .detailContactMiddle .boxB .tel {
        margin-top: 10px;
    }
}

#detailGoogleMap {
    height: 320px;
    margin-bottom: 5px;
}

#detailStreetView {
    margin-bottom: 10px;
}

@media (max-width: 767px) {

    #detailStreetView,
    #detailGoogleMap {
        height: 270px;
    }
}

@media (min-width: 768px) {

    #detailStreetView,
    #detailGoogleMap {
        height: 350px;
    }
}

#detailAround {}

#detailAround #cboxTitle {
    color: inherit;
    padding-left: 120px;
}

#detailAround figure {}

#detailAround figcaption .label {
    display: inline-block;
}

#detailAround .photo {
    margin-bottom: 3px;
}

#detailAround .photo i {
    position: absolute;
    right: 10%;
    bottom: 10%;
    color: #fff;
    font-size: 30px;
}

@media(max-width: 767px) {
    #detailAround {
        padding: 0 20px;
    }

    #detailAround .slick-slide {
        height: auto;
    }

    #detailAround .js-prev {
        position: absolute;
        left: 0;
        top: 40%;
    }

    #detailAround .js-next {
        position: absolute;
        right: 0;
        top: 40%;
    }

    #detailAround .slick-list {
        z-index: 100;
    }
}

@media(min-width: 768px) {
    #detailAround>div {
        width: 22.9370629370629%;
        margin: 0 2.7505827505828% 20px 0;
        float: left;
    }

    #detailAround>div:nth-child(4n) {
        margin-right: 0;
    }

    #detailAround>div:nth-child(4n+1) {
        clear: left
    }
}

.detailContactForm {
    margin-top: 40px;
    font-feature-settings: normal;
}

.detailContactForm .well {
    padding-right: 9px;
    padding-left: 9px;
}

.detailContactForm .row {
    margin-bottom: 10px;
}

.detailContactForm .label {
    font-size: 10px;
}

.detailContactForm h4 {
    margin-top: 0;
    padding-top: 0;
}

.detailContactForm h4 small {
    color: inherit;
    font-size: 12px;
}

.detailContactForm .form-control:not(textarea) {
    width: auto;
}

@media(min-width: 768px) {
    .detailContactForm .indent {
        text-indent: -1em;
    }

}

@media(min-width: 992px) {
    .detailContactForm .form-control:not(textarea) {
        width: auto;
        max-width: 150px
    }
}


.detailContactForm .title {
    font-size: 16px;
    line-height: 1.4;
}

.detailContactForm .title small {
    display: inline-block;
    line-height: 1.4;
}

.detailContactForm .form-control:not(textarea):not(select) {
    display: inline-block;
    vertical-align: middle;
    max-width: 100px;
}

.detailContactForm .form-control[name="tel"],
.detailContactForm .form-control[name="fax"],
.detailContactForm .form-control[name="email"],
.detailContactForm .form-control[name="email_check"],
.detailContactForm .form-control[name="jusyo_1"],
.detailContactForm .form-control[name="jusyo_2"],
.detailContactForm .form-control[name="jusyo_3"],
.detailContactForm .form-control[name="jusyo_4"] {
    max-width: 100%;
    max-width: initial;


    width: 90%;
}

.detailContactForm .label {
    float: none !important;
    margin-left: 5px;
    display: inline-block;
}

.detailContactForm .dt {
    margin-bottom: 10px;
}

.detailContactForm small {
    font-size: 12px;
}



#detailOtherRealestate {
    margin-top: 50px;
}

#detailSideCompany {}

#detailSideCompany .photo {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px auto;
    background-color: #fff;
}

#detailSideCompany .title {
    margin: 15px 0 5px 0;
    font-size: 17px;
    font-weight: normal;
    text-align: center;
}

#detailSideCompany .text1 {
    margin: 0 0 5px 0;
    font-size: 17px;
    text-align: center;
}

#detailSideCompany .text2 {
    margin: 0 0 5px 0;
    font-size: 26px;
    text-align: center;
}

#detailSideCompany .text3 {
    margin: 0;
    font-size: 12px;
    text-align: center;
}

#detailSyokihiyo {}

#detailSyokihiyo table th,
#detailSyokihiyo table td {
    vertical-align: middle;
    line-height: 1;
}

#detailSyokihiyo .num {
    font-size: 32px;
    font-weight: bold;
}

#detailHomeInspection {
    margin: 0 0 20px 0;
}

#detailHomeInspection .title {
    margin-bottom: 10px;
}

#detailHomeInspection .text {
    margin-bottom: 10px;
    line-height: 1.5;
}

#detailHomeInspection .list {}

#detailHomeInspection .list li {
    width: 49%;
    margin: 0 2% 10px 0;
    float: left;
}

#detailHomeInspection .list li:nth-child(even) {
    margin-right: 0;
}

#detailHomeInspection .list li .icon {
    display: block;
    color: #ffffff;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 20px;

}

#detailHomeInspection .table {
    margin-bottom: 0;
}

@media(max-width: 767px) {
    #detailHomeInspection .title {
        font-size: 12px;
    }

    #detailHomeInspection .title small {
        line-height: 1.4;
    }
}

@media (min-width: 768px) {
    #detailHomeInspection .table th {
        width: 150px;
    }
}


#detailReform {
    margin: 0 0 20px 0;
}

#detailReform .title {
    margin-bottom: 10px;
}

#detailReform .text {
    margin-bottom: 10px;
    line-height: 1.5;
}

#detailReform .list {}

#detailReform .list li {
    width: 49%;
    margin: 0 2% 10px 0;
    float: left;
}

#detailReform .list li:nth-child(even) {
    margin-right: 0;
}

#detailReform .list li .icon {
    display: block;
    color: #ffffff;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 20px;

}

#detailReform .table {
    margin-bottom: 0;
}

#detailReform .table th {
    width: 150px;
}

#side {
    position: relative;
}

#side .js-fixedBox.fixed {
    position: fixed;
}

#side .js-fixedBox.absolute {
    position: absolute;
}

#side select,
#side input[type="text"] {
    margin-bottom: 10px;
}

#side .input-group input {
    margin-bottom: 0;
}

#side .btn-link.pull-right {
    padding: 0;
}

/* school
====================================================================================================*/
.schoolBoxWrap {
    margin-top: 20px;
}

.schoolBox {
    border-color: #aaa;
}

.schoolBox>.panel-heading {
    border-color: #aaa;
}

.schoolBox .photo {
    max-width: 120px;
    width: 100%;
}

.schoolBox .list {}

.schoolBox .list li {
    margin: 0 0 9px 0;
}

.schoolBox .list li:last-child {
    margin-bottom: 0;
}

@media(min-width: 768px) {
    .schoolBox {
        width: 48%;
        margin: 0 4% 20px 0;
        float: left;
    }

    .schoolBox:nth-child(odd) {
        clear: left;
    }

    .schoolBox:nth-child(even) {
        margin-right: 0;
    }

    .schoolBox .btn {
        font-size: 12px;
    }
}

@media(min-width: 992px) {
    .schoolBox .btn {
        font-size: inherit;
    }
}

/* vendor
====================================================================================================*/

/*.vendorBox .infoBox .list li {
    min-height: 25px;
    padding: 4px 0 0 30px;
    margin: 0 0 4px 0;
    position: relative;
    border-top: dashed 1px #ccc;
}
.vendorBox .infoBox .list li .icon {
    position: absolute;
    left: 0;
    top: 4px;
}
.vendorBox .infoBox .header i {
    font-size: 18px;
}
.vendorBox .infoBox .title {
    margin-bottom: 5px;
    border-bottom-width: 2px;
    font-size: 16px;
}*/
.vendorBox {}

.vendorBox>.panel-heading {
    font-size: 18px;
}

.vendorBox p {
    margin-bottom: 10px;
}

.vendorBox .vendorName {
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 5px;
    font-size: 18px;
}

.vendorBox .infoBox .tel {
    font-size: 24px;
    line-height: inherit;
}

.vendorBox .infoBox .tel a {
    text-decoration: none;
    color: inherit;
}

.vendorBox .infoBox .tel .icon {
    margin-bottom: 6px;
}

.vendorBox .infoBox .tel .text {
    font-size: 30px;
}

.vendorBox .infoBox small {}

.vendorBox .infoBox .photo {
    margin: 0 0 30px 0;
}

.vendorBox .infoBox .photo:before {
    padding-top: 56.25%;
}

.vendorBox .infoBox table {
    font-size: 14px;
    margin-bottom: 0;
    clear: both;
}

.vendorBox .infoBox table th {
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    font-weight: normal;
}

.vendorBox .infoBox table td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.vendorBox .service {
    margin: 10px 0;
    padding: 5px 0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.vendorBox .title {
    line-height: 1.8;
}

.vendorBox .staff figure .photo {
    position: relative;
}

.vendorBox .staff figure figcaption {
    text-align: center;
    font-size: 12px;
}

.vendorBox .staff .title {
    font-size: 16px;
    margin: 0 0 5px 0;
    padding: 2px 0 2px 5px;
    color: #333;
    border-left: solid 3px #ccf0cc;
    font-size: 14px;
}

.vendorBox .staff .btn-detail {
    margin-top: 30px;
}

@media(max-width: 767px) {
    .vendorBox .boxA p {
        line-height: 1.2;
    }

    .vendorBox .vendorName {
        margin-bottom: 0;
    }

    .vendorBox .infoBox p.tel {
        margin-bottom: 0;
        text-align: center;
    }

    /*    .vendorBox .infoBox {
        margin-bottom: 20px;
    }*/
    .vendorBox .infoBox .tel .icon {
        width: 32px;
        height: 32px;
    }

    .vendorBox .staff figure {
        width: 30%;
        margin: 5px 3% 0 0;
        float: left;
    }

    .vendorBox .staff figure:nth-child(3n+1) {
        clear: left;
    }

    .vendorBox .service .title {
        margin-bottom: 5px;
    }

    .vendorBox .staff figure figcaption {
        font-size: 10px;
    }

    .vendorBox .infoBox table .label {
        white-space: normal;
        display: inline-block;
    }
}

@media(min-width: 768px) {
    .vendorBox .boxA {
        width: 50%;
        padding: 0 10px 0 0;
        float: left;
    }

    .vendorBox .boxB {
        width: 50%;
        padding: 0 0 0 10px;
        float: right;
    }

    .vendorBox .vendorName {
        font-size: 32px;
    }

    .vendorBox .infoBox .tel {
        font-size: 30px;
    }

    .vendorBox .staff figure {
        width: 14.6412884333821%;
        margin: 5px 2.9282576866764% 0 0;
        float: left;
    }

    .vendorBox .staff figure:nth-child(5n+1) {
        clear: left;
    }

    .vendorBox .infoBox .tel .text {
        font-size: 40px;
    }

    .lists .vendorBox>.panel-heading {
        font-weight: bold;
    }

    .lists .vendorBox .infoBox table .label {
        display: inline-block;
        min-width: 19%;
    }

    /*    .vendorBox .infoBox .list li {
        width: 48.1426448736999%;
        margin-right: 3.7147102526003%;
        float: left;
    }
    .vendorBox .infoBox .list li:nth-child(even) {
        margin-right: 0;
    }
    .vendorBox .infoBox .list li:nth-child(odd) {
        clear:left;
    }
    .vendorBox .infoBox .list li:nth-child(1),
    .vendorBox .infoBox .list li:nth-child(2) {
        border-top: none;
    }*/

    .vendorBox .staff:not(:first-child) {
        margin-top: 20px;
    }

    .vendorBox .service {
        padding-right: 1em;
        padding-left: 1em;
    }

    .vendorBox .service .title {
        display: inline-block;
        margin-right: 10px;
    }
}

@media (min-width: 992px) {
    .vendorBox .boxA {
        width: 40%;
        padding: 0 20px 0 10px;
    }

    .vendorBox .boxB {
        width: 60%;
        padding: 0 10px 0 20px;
    }
}

/* vendor detail
====================================================================================================*/

#vendorDetailPhoto .photo:before {
    padding-top: 56.25%;
}

#vendorDetailPhoto .photo {
    margin: 0 0 20px 0;
}

@media (min-width: 992px) {
    #vendorDetailPhoto .photo {
        margin-bottom: 30px;
    }
}

#vendorDetailMovie .movie {
    margin: 0 0 20px 0;
}

@media (min-width: 992px) {
    #vendorDetailMovie .movie {
        margin-bottom: 30px;
    }
}

#vendorDetailPR {
    margin: 0 0 20px 0;
}

#vendorDetailPR .title {
    margin: 0 0 10px 0;
}

#vendorDetailPR p {
    font-size: 16px;
    line-height: 1.8;
}

#vendorDetailInfo {
    margin: 0 0 20px 0;
}

#vendorDetailInfo p {
    margin-bottom: 10px;
    line-height: inherit;
}

#vendorDetailInfo .tel {
    font-size: 24px;
}

#vendorDetailInfo .tel .icon {
    margin-bottom: 6px;
}

#vendorDetailInfo .tel .text {
    font-size: 30px;
}

#vendorDetailInfo small {
    font-size: 80%;
}

#vendorDetailInfo .list {}

#vendorDetailInfo .list li {
    width: 49%;
    margin: 5px 2% 5px 0;
    float: left;
}

#vendorDetailInfo .list li:nth-child(odd) {
    clear: left;
}

#vendorDetailInfo .list li:nth-child(even) {
    margin-right: 0;
}

@media(max-width: 767px) {
    #vendorDetailInfo p {
        line-height: 1.2;
    }

    #vendorDetailInfo .tel {
        text-align: center;
        margin-bottom: 0;
    }

    #vendorDetailInfo .tel .icon {
        width: 32px;
        height: 32px;
    }

    #vendorDetailInfo .text {
        text-align: center;
        margin-bottom: 0;
    }
}

@media(max-width: 320px) {
    #vendorDetailInfo .text {
        letter-spacing: -1px;
    }
}

@media(min-width: 992px) {
    #vendorDetailInfo .tel {
        font-size: 30px;
    }

    #vendorDetailInfo .tel .text {
        font-size: 40px;
    }
}

#vendorDetailTable table {
    margin: 0 0 10px 0;
}

#vendorDetailTable table th {
    padding: 4px;
    width: 24%;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
}

#vendorDetailTable table td {
    padding-top: 4px;
    padding-bottom: 4px;
}

@media(max-width: 767px) {
    #vendorDetailTable .label {
        display: inline-block;
        white-space: normal;
    }
}

@media(min-width: 768px) {
    #vendorDetailTable .label {
        display: inline-block;
        min-width: 31%;
    }
}



#vendorDetailInfoMobile {
    margin: 0 0 20px 0;
}

#vendorDetailInfoMobile p {
    margin-bottom: 10px;
    line-height: inherit;
}

#vendorDetailInfoMobile .tel {
    font-size: 24px;
}

#vendorDetailInfoMobile .tel .icon {
    margin-bottom: 6px;
}

#vendorDetailInfoMobile .tel .text {
    font-size: 30px;
}

#vendorDetailInfoMobile small {
    font-size: 80%;
}

#vendorDetailInfoMobile .list {}

#vendorDetailInfoMobile .list li {
    width: 49%;
    margin: 5px 2% 5px 0;
    float: left;
}

#vendorDetailInfoMobile .list li:nth-child(odd) {
    clear: left;
}

#vendorDetailInfoMobile .list li:nth-child(even) {
    margin-right: 0;
}

@media(max-width: 767px) {
    #vendorDetailInfoMobile p {
        line-height: 1.2;
    }

    #vendorDetailInfoMobile .tel {
        text-align: center;
        margin-bottom: 0;
    }

    #vendorDetailInfoMobile .tel .icon {
        width: 32px;
        height: 32px;
    }

    #vendorDetailInfoMobile .text {
        text-align: center;
        margin-bottom: 0;
    }
}

@media(max-width: 320px) {
    #vendorDetailInfoMobile .text {
        letter-spacing: -1px;
    }
}

@media(min-width: 992px) {
    #vendorDetailInfoMobile .tel {
        font-size: 30px;
    }

    #vendorDetailInfoMobile .tel .text {
        font-size: 40px;
    }
}

#vendorGoogleMapWrap {
    margin: 0 0 20px 0;
}

#vendorGoogleMap {
    height: 300px;
    margin: 0 0 10px 0;
}

#vendorDetailStaff {}

#vendorDetailStaff .title {
    margin: 0 0 10px 0;
}

#vendorDetailStaff .photo {
    margin-bottom: 5px;
}

#vendorDetailStaff figcaption {}

#vendorDetailStaff figcaption .staffLink {
    float: right;
}

#vendorDetailStaff figcaption .staffLink .btn {
    padding-right: 2px;
    padding-left: 2px;
    font-size: 10px;
}

#vendorDetailStaff figcaption .staffName {
    display: block;
    margin: 2px 0 0 0;
    font-size: 12px;
    text-align: center;
}

#vendorDetailStaff figcaption .staffLink+.staffName {
    float: left;
    text-align: left;
}

#vendorDetailStaff table {
    margin: 0;
    font-size: 14px;
}

#vendorDetailStaff table th {
    padding: 4px;
    font-weight: normal;
    white-space: nowrap;
}

#vendorDetailStaff table td {
    padding: 4px;
}

#vendorDetailStaff .staffPR {
    line-height: 1.8;
}

#vendorDetailStaff .define {
    margin: 0;
}

#vendorDetailStaff .define3 {
    border-bottom: solid 1px #ddd;
}

@media (max-width: 767px) {
    #vendorDetailStaff .title {
        font-size: 14px;
    }

    #vendorDetailStaff .photo {
        width: 180px;
        margin: 0 auto;
    }

    #vendorDetailStaff .define {
        border-right: solid 1px #ddd;
        border-left: solid 1px #ddd;
        background-color: #dff0d8;
    }

    #vendorDetailStaff .define dt {
        width: 30%;
        padding: 8px 4px;
        font-size: 10px;
        border-top: solid 1px #ddd;
        text-align: center;
        float: left;
        clear: left;
    }

    #vendorDetailStaff .define dd {
        width: 70%;
        min-height: 31px;
        padding: 7px 8px;
        font-size: 12px;
        border-top: solid 1px #ddd;
        background-color: #fff;
        float: left;
    }

    #vendorDetailStaff .define:before,
    #vendorDetailStaff .define:after {
        content: " ";
        display: table;
        height: 0;
    }

    #vendorDetailStaff .define:after {
        clear: both;
        height: 0;
    }

    #vendorDetailStaff .boxA {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    #vendorDetailStaff .boxA {
        width: 20%;
        margin: 0 2% 0 0;
        float: left;
    }

    #vendorDetailStaff .boxB {
        width: 78%;
        float: left;
    }

    #vendorDetailStaff .define {
        display: table;
        width: 100%;
        border-right: solid 1px #ddd;
    }

    #vendorDetailStaff .define dt {
        display: table-cell;
        width: 10%;
        padding: 8px 4px;
        border-top: solid 1px #ddd;
        border-left: solid 1px #ddd;
        background-color: #dff0d8;
        font-size: 10px;
        text-align: center;
        vertical-align: middle;
    }

    #vendorDetailStaff .define dd {
        display: table-cell;
        padding: 6px 8px;
        border-top: solid 1px #ddd;
        font-size: 12px;
    }

    #vendorDetailStaff .define .styleA {
        width: 15%;
    }

    #vendorDetailStaff .define .styleB {
        width: 90%;
    }

    #vendorDetailStaff .define .styleC {
        width: 40%;
    }

    #vendorDetailStaff .define .styleD {
        padding-top: 3px;
        padding-bottom: 3px;
        line-height: 1.2;
    }
}


#vendorDetailContact {
    margin-bottom: 20px;
}

#vendorDetailRealestate {}




/* home
====================================================================================================*/
.home #headerBar {
    background-color: #ccc;
}

@media (min-width: 768px) {
    .home #headerBar {
        padding: 1px 0;
    }
}

#homeCategorySearch {
    margin: 0 0 10px 0;
}

@media (max-width: 767px) {
    #homeCategorySearch .list {
        margin: 0 0 5px 0;
    }
}

#homeAreaSearch {
    margin: 0 0 25px 0;
    width: 100%;
}

@media (max-width: 767px) {
    #homeAreaSearch .box {
        margin-bottom: 10px;
    }
}

#areaSvg {
    border: solid 2px #ccc;
}

#homeAreaSearch .title {
    margin: 0 0 8px 0;
}

#homePurposeSearch {
    margin: 0 0 5px 0;
}

#homePurposeSearch .title {
    margin: 0 0 8px 0;
}

#homeFeature {
    margin: 0 0 25px 0;
    width: 100%;
}


#homeAdArea .title {
    margin: 0 0 5px 0;
}

@media (max-width: 767px) {
    #homeAdArea .box {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    #homeAdArea {
        margin-bottom: 18px;
    }
}

#homePopularSearch .title {
    margin: 0 0 10px 0;
}

#homePopularSearch .box {
    margin: 0 0 15px 0;
}

#homeMyhomePartner .title2 {
    margin: 5px 0;
}

#homeMyhomePartner .list li {
    width: 50%;
    float: left;
}

#homeMyhomePartner .boxA {}

#homeMyhomePartner .boxB {}

@media(min-width: 768px) {
    #homeMyhomePartner .title2 {
        margin: 0 0 5px 0;
    }

    #homeMyhomePartner .boxA {
        width: 37.7622377622378%;
        float: left;
    }

    #homeMyhomePartner .boxB {
        width: 59.4405594405594%;
        float: right;
    }

    #homeMyhomePartner .text {
        margin-bottom: 5px;
    }

    #homeMyhomePartner .list li {
        margin-bottom: 5px;
    }
}

@media(min-width: 992px) {
    #homeMyhomePartner .title2 {
        margin-top: 5px;
    }

    #homeMyhomePartner .list li {
        margin-bottom: 10px;
    }

    #homeMyhomePartner .text {
        margin-bottom: 10px;
    }
}

/* contact
====================================================================================================*/
.contact .detailContactForm {
    /*padding-top: 20px;*/
}

.contact #main p.error {
    font-size: inherit;
    margin-bottom: 5px;
    line-height: inherit;
}

/* areainfo
====================================================================================================*/
#areainfoSvg {
    margin: 0 0 20px 0;
}

/* matsumoto
====================================================================================================*/
.matsumoto .titleStyleD {
    border-left: 3px solid #0082CD;
    background-color: #cbe7ef;
}

.matsumoto .vendorBox {
    border: solid 1px #3399cc;
}

.matsumoto .schoolBox>.panel-heading,
.matsumoto .vendorBox>.panel-heading {
    background-color: #cbe7ef;
    border-bottom: solid 1px #3399cc;
}

.matsumoto .modal-header {
    background-color: #cbe7ef;
}

.matsumoto #primaryNav {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3399cc+0,3399cc+50,0082cd+50,0082cd+100 */
    background: #3399cc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3399cc 0%, #3399cc 50%, #008ad4 50%, #008ad4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3399cc 0%, #3399cc 50%, #008ad4 50%, #008ad4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3399cc 0%, #3399cc 50%, #008ad4 50%, #008ad4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399cc', endColorstr='#008ad4', GradientType=0);
    /* IE6-9 */
}


.matsumoto #footer .footerWrap {
    background-color: #cbe7ef;
}

.matsumoto #footer .title {
    color: #336680;
}

.matsumoto #footer i {
    color: #3399cc;
}

.matsumoto #footer hr {
    border-top: solid 1px #6699cc;
}

.matsumoto #footer .footerBottom {
    background-color: #3399cc;
}

/*.matsumoto #mobileFooterBtn {
    background-color: #3399cc;
}*/
.matsumoto #side .well {
    background-color: #cbe7ef;
    border: solid 1px #3399cc;
}

.matsumoto #side hr {
    border-top: 1px solid #3399cc;
}

.matsumoto .detailListBox {
    background-color: #cbe7ef;
}

@media(max-width: 767px) {
    .matsumoto .simpleListBox .cell09 {
        background-color: #cbe7ef;
    }
}

/* azumino
====================================================================================================*/
.azumino .titleStyleD {

    border-left: 3px solid #78b826;
    background-color: #ccebcc;
}

.azumino .vendorBox {
    border: solid 1px #78b826;
}

.azumino .schoolBox>.panel-heading,
.azumino .vendorBox>.panel-heading {
    background-color: #ccebcc;
    border-bottom: solid 1px #78b826;
}

.azumino .modal-header {
    background-color: #ccebcc;
}

.azumino #primaryNav {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#78b826+0,78b826+50,2c2d79+50,609900+100 */
    background: #78b826;
    /* Old browsers */
    background: -moz-linear-gradient(top, #78b826 0%, #78b826 50%, #609900 50%, #609900 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #78b826 0%, #78b826 50%, #609900 50%, #609900 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #78b826 0%, #78b826 50%, #609900 50%, #609900 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78b826', endColorstr='#609900', GradientType=0);
    /* IE6-9 */
}

.azumino #footer .footerWrap {
    background-color: #ccebcc;
}

.azumino #footer .title {
    color: #336680;
}

.azumino #footer i {
    color: #78b826;
}

.azumino #footer hr {
    border-top: solid 1px #6699cc;
}

.azumino #footer .footerBottom {
    background-color: #78b826;
}

/*.azumino #mobileFooterBtn {
    background-color: #78b826;
}*/
.azumino #side .well {
    background-color: #ccebcc;
    border: solid 1px #78b826;
}

.azumino #side hr {
    border-top: 1px solid #78b826;
}

.azumino .detailListBox {
    background-color: #ccebcc;
}

/* suwa
====================================================================================================*/
.suwa .titleStyleD {
    border-left: 3px solid #2c2d79;
    background-color: #ddddee;
}

.suwa .vendorBox {
    border: solid 1px #2c2d79;
}

.suwa .schoolBox>.panel-heading,
.suwa .vendorBox>.panel-heading {
    background-color: #ddddee;
    border-bottom: solid 1px #2c2d79;
}

.suwa .modal-header {
    background-color: #ddddee;
}

.suwa #primaryNav {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#335099+0,335099+50,609900+50,2c2d79+100 */
    background: #335099;
    /* Old browsers */
    background: -moz-linear-gradient(top, #335099 0%, #335099 50%, #2c2d79 50%, #2c2d79 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #335099 0%, #335099 50%, #2c2d79 50%, #2c2d79 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #335099 0%, #335099 50%, #2c2d79 50%, #2c2d79 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#335099', endColorstr='#2c2d79', GradientType=0);
    /* IE6-9 */
}

.suwa #footer .footerWrap {
    background-color: #ddddee;
}

.suwa #footer .title {
    color: #336680;
}

.suwa #footer i {
    color: #335099;
}

.suwa #footer hr {
    border-top: solid 1px #335099;
}

.suwa #footer .footerBottom {
    background-color: #2c2d79;
}

/*.suwa #mobileFooterBtn {
    background-color: #2c2d79;
}*/
.suwa #side .well {
    background-color: #ddddee;
    border: solid 1px #2c2d79;
}

.suwa #side hr {
    border-top: 1px solid #2c2d79;
}

.suwa .detailListBox {
    background-color: #ddddee;
}

/* nagano
====================================================================================================*/
.nagano .titleStyleD {
    border-left: 3px solid #dd5533;
    background-color: #ffe0cc;
}

.nagano .vendorBox {
    border: solid 1px #dd5533;
}

.nagano .schoolBox>.panel-heading,
.nagano .vendorBox>.panel-heading {
    background-color: #ffe0cc;
    border-bottom: solid 1px #dd5533;
}

.nagano .modal-header {
    background-color: #ffe0cc;
}

.nagano #primaryNav {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee7300+0,ee7300+50,609900+50,2c2d79+100 */
    background: #ee7300;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ee7300 0%, #ee7300 50%, #dd5533 50%, #dd5533 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ee7300 0%, #ee7300 50%, #dd5533 50%, #dd5533 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ee7300 0%, #ee7300 50%, #dd5533 50%, #dd5533 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7300', endColorstr='#dd5533', GradientType=0);
    /* IE6-9 */
}

.nagano #footer .footerWrap {
    background-color: #ffe0cc;
}

.nagano #footer .title {
    color: #336680;
}

.nagano #footer i {
    color: #ee7300;
}

.nagano #footer hr {
    border-top: solid 1px #ee7300;
}

.nagano #footer .footerBottom {
    background-color: #dd5533;
}

/*.nagano #mobileFooterBtn {
    background-color: #2c2d79;
}*/
.nagano #side .well {
    background-color: #ffe0cc;
    border: solid 1px #dd5533;
}

.nagano #side hr {
    border-top: 1px solid #dd5533;
}

.nagano .detailListBox {
    background-color: #ffe0cc;
}

/* ina
====================================================================================================*/
.ina .titleStyleD {
    border-left: 3px solid #cc0066;
    background-color: #ffccdd;
}

.ina .vendorBox {
    border: solid 1px #cc0066;
}

.ina .schoolBox>.panel-heading,
.ina .vendorBox>.panel-heading {
    background-color: #ffccdd;
    border-bottom: solid 1px #cc0066;
}

.ina .modal-header {
    background-color: #ffccdd;
}

.ina #primaryNav {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4007f+0,e4007f+50,609900+50,2c2d79+100 */
    background: #e4007f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e4007f 0%, #e4007f 50%, #cc0066 50%, #cc0066 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e4007f 0%, #e4007f 50%, #cc0066 50%, #cc0066 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e4007f 0%, #e4007f 50%, #cc0066 50%, #cc0066 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4007f', endColorstr='#cc0066', GradientType=0);
    /* IE6-9 */
}

.ina #footer .footerWrap {
    background-color: #ffccdd;
}

.ina #footer .title {
    color: #336680;
}

.ina #footer i {
    color: #e4007f;
}

.ina #footer hr {
    border-top: solid 1px #e4007f;
}

.ina #footer .footerBottom {
    background-color: #cc0066;
}

/*.ina #mobileFooterBtn {
    background-color: #cc0066;
}*/
.ina #side .well {
    background-color: #ffccdd;
    border: solid 1px #cc0066;
}

.ina #side hr {
    border-top: 1px solid #cc0066;
}

.ina .detailListBox {
    background-color: #ffccdd;
}

/* iida
====================================================================================================*/
.iida .titleStyleD {
    border-left: 3px solid #bb1000;
    background-color: #efe0dd;
}

.iida .vendorBox {
    border: solid 1px #bb1000;
}

.iida .schoolBox>.panel-heading,
.iida .vendorBox>.panel-heading {
    background-color: #efe0dd;
    border-bottom: solid 1px #bb1000;
}

.iida .modal-header {
    background-color: #efe0dd;
}

.iida #primaryNav {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d61619+0,d61619+50,609900+50,2c2d79+100 */
    background: #d61619;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d61619 0%, #d61619 50%, #bb1000 50%, #bb1000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d61619 0%, #d61619 50%, #bb1000 50%, #bb1000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d61619 0%, #d61619 50%, #bb1000 50%, #bb1000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d61619', endColorstr='#bb1000', GradientType=0);
    /* IE6-9 */
}


.iida #footer .footerWrap {
    background-color: #efe0dd;
}

.iida #footer .title {
    color: #336680;
}

.iida #footer i {
    color: #d61619;
}

.iida #footer hr {
    border-top: solid 1px #d61619;
}

.iida #footer .footerBottom {
    background-color: #bb1000;
}

/*.iida #mobileFooterBtn {
    background-color: #bb1000;
}*/
.iida #side .well {
    background-color: #efe0dd;
    border: solid 1px #bb1000;
}

.iida #side hr {
    border-top: 1px solid #bb1000;
}

.iida .detailListBox {
    background-color: #efe0dd;
}

/* ueda
====================================================================================================*/
.ueda .titleStyleD {
    border-left: 3px solid #663399;
    background-color: #eee2ff;
}

.ueda .vendorBox {
    border: solid 1px #663399;
}

.ueda .schoolBox>.panel-heading,
.ueda .vendorBox>.panel-heading {
    background-color: #eee2ff;
    border-bottom: solid 1px #663399;
}

.ueda .modal-header {
    background-color: #eee2ff;
}

.ueda #primaryNav {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8844cc+0,8844cc+50,609900+50,2c2d79+100 */
    background: #8844cc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #8844cc 0%, #8844cc 50%, #663399 50%, #663399 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8844cc 0%, #8844cc 50%, #663399 50%, #663399 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8844cc 0%, #8844cc 50%, #663399 50%, #663399 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8844cc', endColorstr='#663399', GradientType=0);
    /* IE6-9 */
}

.ueda #footer .footerWrap {
    background-color: #eee2ff;
}

.ueda #footer .title {
    color: #336680;
}

.ueda #footer i {
    color: #8844cc;
}

.ueda #footer hr {
    border-top: solid 1px #8844cc;
}

.ueda #footer .footerBottom {
    background-color: #663399;
}

/*.ueda #mobileFooterBtn {
    background-color: #663399;
}*/
.ueda #side .well {
    background-color: #eee2ff;
    border: solid 1px #663399;
}

.ueda #side hr {
    border-top: 1px solid #663399;
}

.ueda .detailListBox {
    background-color: #eee2ff;
}

/* saku
====================================================================================================*/
.saku .titleStyleD {
    border-left: 3px solid #336666;
    background-color: #cce6e1;
}

.saku .vendorBox {
    border: solid 1px #336666;
}

.saku .schoolBox>.panel-heading,
.saku .vendorBox>.panel-heading {
    background-color: #cce6e1;
    border-bottom: solid 1px #336666;
}

.saku .modal-header {
    background-color: #cce6e1;
}

.saku #primaryNav {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#338877+0,338877+50,609900+50,2c2d79+100 */
    background: #338877;
    /* Old browsers */
    background: -moz-linear-gradient(top, #338877 0%, #338877 50%, #336666 50%, #336666 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #338877 0%, #338877 50%, #336666 50%, #336666 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #338877 0%, #338877 50%, #336666 50%, #336666 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#338877', endColorstr='#336666', GradientType=0);
    /* IE6-9 */
}

.saku #footer .footerWrap {
    background-color: #cce6e1;
}

.saku #footer .title {
    color: #336680;
}

.saku #footer i {
    color: #338877;
}

.saku #footer hr {
    border-top: solid 1px #338877;
}

.saku #footer .footerBottom {
    background-color: #336666;
}

/*.saku #mobileFooterBtn {
    background-color: #336666;
}*/
.ueda #side .well {
    background-color: #cce6e1;
    border: solid 1px #336666;
}

.ueda #side hr {
    border-top: 1px solid #336666;
}

.saku .detailListBox {
    background-color: #cce6e1;
}

/* location
====================================================================================================*/
.location {
    height: 100%;
}

.location body {
    padding: 40px 0 44px 0;
    height: 100%;
}

.location #header {
    margin: 0;
}

.location #primaryNav .list .link {
    display: inline-block;
}

.location #main {
    height: 100%;
}

#locationGoogleMap {
    width: 100%;
    height: 100%;
    position: relative;
}

#locationGoogleMap .text {
    display: block;
    padding: 20px;
}

#locationGoogleMapWrap {
    position: relative;
    height: 100%;
}

/* page
====================================================================================================*/

.page {}

.page #main h1,
.page #main h2,
.page #main h3,
.page #main h4,
.page #main h5,
.page #main h6 {
    margin-bottom: 20px;
}

.page #main p {
    margin-bottom: 30px;
    line-height: 1.72;
}

.page #main ul,
.page #main ol {
    margin-bottom: 30px;
}

/* business
====================================================================================================*/

.business #main .text2 {
    font-size: 17px;
    margin-bottom: 10px;
}

.business #main .list {
    margin-bottom: 20px;
}

@media(min-width: 768px) {
    .business #main .photo {
        float: right;
        margin: 0 0 20px 20px;
    }

    .business #main .contactBox {}

    .business #main .contactBox .text {
        width: 62.9370629370629%;
        float: left;
    }

    .business #main .contactBox .link {
        width: 34.965034965035%;
        float: right;
    }

    .business #main .list {
        margin-bottom: 30px;
    }
}


/* #tochisumaContact
====================================================================================================*/
/*#tochisumaContact {}
#tochisumaContact .row {
    margin-bottom: 10px;
}
#tochisumaContact select {
    margin-bottom: 5px;
}
#tochisumaContact textarea {
    width: 100%;
}
@media (max-width: 767px) {

    #tochisumaContact .title {
        font-size: 16px;
        line-height: 1.4;
    }
    #tochisumaContact .title small {
        display: inline-block;
        line-height: 1.4;
    }
    #tochisumaContact .form-control:not(textarea) {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    #tochisumaContact .form-control:not(textarea) {
        max-width: 100px;
    }
    #tochisumaContact .label {
        float: none!important;
        margin-left: 5px;
    }
    #tochisumaContact .dt {
        margin-bottom: 10px;
    }
    #tochisumaContact small {
        font-size: 12px;
    }

}*/

.tochisuma #main p.error {
    font-size: inherit;
    margin-bottom: 5px;
    line-height: inherit;
}

.tochisuma #main p.text {
    margin-bottom: 10px;
}

.tochisuma #main .list {
    margin-bottom: 40px;
}

#prefModal .modal-body {
    max-width: auto;
    max-height: initial;
}

#prefModal .modal-body input[type="checkbox"] {
    vertical-align: middle;
    margin-top: 0;
}



#prefModal .prefImage {
    margin: -10px 20px 0 0;
}

#prefModal .modal-header {
    font-size: 16px;
    font-weight: bold;
}

#prefModal .modal-header,
#prefModal .modal-body,
#prefModal .modal-footer {
    padding-right: 40px;
    padding-left: 40px;
}

/* areainfo
====================================================================================================*/

.areainfo #main .text {
    margin-bottom: 15px;
}

/* sendatonce
====================================================================================================*/
.sendatonce {
    padding-top: 20px;
    padding-bottom: 20px;
}

.sendatonce .detailContactForm {
    margin-top: 0;
}

.sendatonce .detailContactForm .well {
    padding-bottom: 0;
}

/* kainokuni
====================================================================================================*/
.kainokuni .titleStyleD {
    border-left: 3px solid #6c2a70;
    background-color: #eedcee;
}

.kainokuni .vendorBox {
    border: solid 1px #6c2a70;
}

.kainokuni .schoolBox>.panel-heading,
.kainokuni .vendorBox>.panel-heading {
    background-color: #eedcee;
    border-bottom: solid 1px #6c2a70;
}

.kainokuni .modal-header {
    background-color: #eedcee;
}

.kainokuni #primaryNav {
    background: #8c4099;
    background: -moz-linear-gradient(top, #8c4099 0%, #8c4099 50%, #6c2a70 50%, #6c2a70 100%);
    background: -webkit-linear-gradient(top, #8c4099 0%, #8c4099 50%, #6c2a70 50%, #6c2a70 100%);
    background: linear-gradient(to bottom, #8c4099 0%, #8c4099 50%, #6c2a70 50%, #6c2a70 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c4099', endColorstr='#6c2a70', GradientType=0);
}

.kainokuni #footer .footerWrap {
    background-color: #eedcee;
}

.kainokuni #footer .title {
    color: #5a205d;
}

.kainokuni #footer i {
    color: #8c4099;
}

.kainokuni #footer hr {
    border-top: solid 1px #8c4099;
}

.kainokuni #footer .footerBottom {
    background-color: #6c2a70;
}

.kainokuni #side .well {
    background-color: #eedcee;
    border: solid 1px #6c2a70;
}

.kainokuni #side hr {
    border-top: 1px solid #6c2a70;
}

.kainokuni .detailListBox {
    background-color: #eedcee;
}