@import url('//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

body {visibility: visible;background-color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, "Noto Sans CJK JP", "Helvetica Neue", "Segoe UI","Noto Sans JP","ヒラギノ角ゴ ProN W3", sans-serif;font-size:16px;line-height:1.42857;word-wrap:break-word;overflow-wrap:break-word;-webkit-text-size-adjust: 100%;letter-spacing: 0.05em;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:-apple-system, BlinkMacSystemFont, "Noto Sans CJK JP", "Helvetica Neue", "Segoe UI", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", sans-serif;font-weight:bold;line-height:1.2;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;}

*:focus {outline: none;}

.m {font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* エラーメッセージエリア */
.invalid-feedback {padding:10px;text-align: center;color:#f00;}
.alert {padding:10px;margin:10px 0;display:none;}
.alert-danger {width:98%;max-width: 1200px;margin:0 auto;border:1px solid #ff0000;margin-top: 30px !important;}
    .alert-danger span {color:#000000;font-size:11px;}
    .alert-danger ul {margin:0 20px;padding:0;}
        .alert-danger ul li {color:#ff0000;font-size:11px;text-align:left;}
    .alert-danger a {color:#ff0000;font-size:16px;}

.alert-success {width:98%;max-width: 1200px;margin:0 auto;border:1px solid #198754;margin-top: 30px !important;}
    .alert-success span {color:#000000;font-size:11px;}
    .alert-success ul {margin:0 20px;padding:0;}
        .alert-success ul li {color:#ff0000;font-size:11px;text-align:left;}
    .alert-success a {color:#ff0000;font-size:16px;}


#BlackWindow{display:none;background:#000000;opacity:0.9;filter:alpha(opacity=90);position:fixed;top:0px;left:0px;min-width:100%;min-height:100%;z-index:100;}
    #BlackWindow .close {position:fixed;top:50px;right:100px;z-index:110;}
    #BlackWindow .close:hover {cursor:pointer;}

/**
 * lightbox
 */
#cboxOverlay {background: #000;}
#cboxLoadedContent {background: #fff;}
#cboxLoadedContent {padding: 0;overflow: auto;-moz-box-shadow: 0px 1px 10px #000000;-webkit-box-shadow: 0px 1px 10px #000000;box-shadow: 0px 1px 10px #000000;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {}
#cboxClose {left:50%;background:url("../images/common/btn_close.png") left center no-repeat;width:81px !important;margin-left:-40.5px;}
#cboxClose:hover{background-position:0 !important;}
#colorbox, #cboxOverlay, #cboxWrapper {overflow: visible ;}
#cboxTitle {color: #fff;}
/* インラインを使用する時のみ */
#inline-content {margin: 20px;}
/* ajaxを使用する時のみ */
#ajax-wrap {margin: 20px;}

#cboxLoadedContent {overflow: hidden !important;box-shadow:none;}

/* loader */
.loader {width:100%;height:100%;position:absolute; top:0; left:0;}
.loader .loader_background {z-index:15000; position:absolute; top:0; left:0; opacity:0.3; filter: alpha(opacity=30)!important; background-color:#000;}
.loader .loader_window {width:300px;z-index:15100; position:absolute; top:0px; left:0px;}
.loader .loader_window_area {position:relative; background:#f6f6f6; border:1px solid #333; width:100%; border-radius:10px; box-shadow:0px 0px 15px 10px #777;}
.loader .loader_content_area {padding:15px 50px;}
.loader .loader_content_area span{display:inline-block; font-size:14px; height:31px; line-height:31px; padding-left:40px; margin:10px; background:transparent url('../image/common/bx_loader.gif') no-repeat scroll left center;color:#000000;}

/* カレンダーlightbox */
table.support_calendar_container {width:240px;border-collapse:separate;}
.support_calendar_container {position:relative;}
.support_calendar_container.active {z-index:1000;}
span.support_calendar_container {display:inline-block;}
.support_calendar_container.active .calendar {z-index:1100;}
.support_calendar_container .calendar {display:none;position:absolute;left:0px;top:24px;border:solid 1px #aaa;background-color:#f5f5f5;padding:10px;width:270px;box-shadow:5px 5px 5px #777;}
.support_calendar_container .calendar .header {position:relative;height:18px;width:240px;padding:0;margin:5px 0 10px;text-align:center;top:0;left:0;}
.support_calendar_container .calendar .header a {padding:2px;border:solid 1px #f0f8ff;font-size:12px;}
.support_calendar_container .calendar .header a:hover {border:solid 1px #6495ED;}
.support_calendar_container .calendar .header .label{font-size:14px;font-weight:bold;}
.support_calendar_container .calendar .header .previous{position:absolute;padding-left:20px;left:0px;text-decoration: none;}
.support_calendar_container .calendar_month_fixed .header .previous,.support_calendar_container .calendar_month_fixed .header .next{display:none;}
.support_calendar_container .calendar .header .next{position:absolute;padding-right:20px;right:0px;text-decoration: none;}
.support_calendar_container .calendar table thead {background-color:#eee;}
.support_calendar_container .calendar table tbody {background-color:#fff;}
.support_calendar_container .calendar table thead th,.support_calendar_container .calendar table tbody td a {width:25px;padding:3px 0;font-size:14px;}
.support_calendar_container .calendar table thead th {text-align:center !important;border:1px solid #c0c0c0;}
.support_calendar_container .calendar table tbody td {text-align:right;border:1px solid #c0c0c0;padding:0 !important;background-color: #fbfbfb;}
.support_calendar_container .calendar table tbody td a {width:100%;display:block;padding-left:0.25em;padding-right:0.25em;border:1px solid #fff;text-decoration:none;cursor:pointer;color:#555;font-size:12px;}
.support_calendar_container .calendar table tbody td.holiday a {background-color:#fff5f7;border-color:#fff5f7;color:#f54646;}
.support_calendar_container .calendar table thead th.red,.support_calendar_container .calendar table tbody td.red a {color:#f54646;}
.support_calendar_container .calendar table thead th.blue,.support_calendar_container .calendar table tbody td.blue a {color:#4646F5;}
.support_calendar_container .calendar table tbody td.out a {background-color:#fbfbfb;border-color:#fbfbfb;color:#999;}
.support_calendar_container .calendar_month_fixed table tbody td.out a {visibility:hidden;}
.support_calendar_container .calendar table tbody td.today a {background-color:#fdf5e6;border-color:#f4a460;}
.support_calendar_container .calendar table tbody td.selected {background-color:#f0f8ff!important;border-color:#6495ed!important;}
/*.support_calendar_container .calendar table tbody td.selected a {background-color:#f0f8ff!important;border-color:#6495ed!important;}*/
.support_calendar_container .calendar table tbody td a:hover {background-color:#f0f8ff!important;border-color:#6495ed!important;}


/* dialog */
.dialog {color:#000000;position:absolute;top:0;left:0;}
.dialog .dialog_background {z-index:5000;position:absolute;top:0;left:0;opacity:0.3;filter: alpha(opacity=30)!important;background-color:#000;}
.dialog .dialog_window {z-index:5100;position:absolute;top:0px;left:0px;}
.dialog .dialog_window_area {position:relative;background:#f6f6f6;border:1px solid #333;box-shadow:0px 0px 15px 10px #777;}
.dialog .dialog_window .title_bar {position:relative;border-bottom:solid 1px #aaa;background: #f0f0f0 url("../image/common/navi_background.png") repeat-x top left;height:31px;padding-left:15px;}
.dialog .dialog_window .title_bar .icon {display:inline-block;line-height:31px;}
.dialog .dialog_window .contents_area, .dialog .dialog_window .buttons_area {padding:15px 50px;}
.dialog .dialog_window .contents_area .pdf_upload_area .pdf_uploader_error_list, .dialog .dialog_window .contents_area .image_upload_area .image_uploader_error_list {margin-bottom:15px;}
.dialog .dialog_window .contents_area .pdf_upload_area .pdf_uploader_error_list li, .dialog .dialog_window .contents_area .image_upload_area .image_uploader_error_list li {background:transparent url("/images/exclamation.png") no-repeat scroll left center;position:relative;line-height:16px;color: #FF3333;padding: 0 5px 0 20px;}
.dialog .dialog_window .buttons_area {text-align:center;padding:15px;}
.dialog .dialog_window .buttons_area .button {margin:0 5px;color:#000;display:inline-block;padding:10px;border:1px solid #000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;text-decoration: none;}
.dialog .dialog_window .buttons_area .button:hover {background-color: #ccc;}

a {color:#000000;text-decoration: none;}
    a img:hover {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
input[type="text"] {padding:5px;font-size:16px;}
input[type="tel"] {padding:5px;font-size:16px;}
input[type="email"] {padding:5px;font-size:16px;}
input[type="radio"] {width: 20px;height: 20px;top: 4px;position: relative;}
input[type="number"] {padding:5px;font-size:16px;text-align: right;}
select {padding:5px;font-size:16px;}
textarea {padding:5px;resize:none;font-size:16px;}
img {max-width:100%;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:bicubic;}
div {box-sizing:border-box;word-wrap:break-word;word-break:break-all;}
table {box-sizing:border-box;table-layout: fixed;}
    table th {box-sizing:border-box;}
    table td {box-sizing:border-box;}
* {box-sizing:border-box;}

.pc {display:block;}
.sp {display:none;}
span.pc {display:inline-block;}
span.sp {display:none;}

p {display: block;margin: 1em 0;}
.aligncenter {display: block;margin: 0 auto;}
.alignright { float: right; }
.alignleft { float: left; }
img[class*="wp-image-"], img[class*="attachment-"] {max-width: 100%;height: auto;}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 40px;-webkit-margin-end: 40px;}

.btn-light {border-color: #212529 !important;}

#wrap {width:100%;box-sizing:border-box;position:relative;}

    #wrap #header {width:100%;}
        #wrap #header #header_contents {margin:0 auto;}

        #wrap {}
            #wrap #header {}
                #wrap #header #header_contents {}
                    #wrap #header #header_contents div {display: flex;justify-content: space-between;align-items: center;}
                        #wrap #header #header_contents div #logo {font-size:23px;line-height: 1.5;}

    #wrap #main {width:100%;}
        #wrap #main #main_contents {margin:0 auto;}
            #wrap #main #main_contents .sys_title {font-size: 31px;line-height: 1.5;text-align: center;margin:0 0 40px;display: none;}
            #wrap #main #main_contents .sys_subtitle {font-size: 31px;line-height: 1.5;text-align: center;margin:0 0 40px;}

            .form {width: 80%;margin:0 auto;}
            .form-group {margin-bottom: 1rem;}
                .form-group label {display: block;width: 100%;margin-bottom: .5rem;font-weight: bold;}
                .form-group .input {display: block;width: 100%;}

            .support_date_picker {text-align: center;}

            .table_area {}

            tbody th {vertical-align: middle;}

            .button {display: flex;justify-content: space-between;align-items: center;margin:40px 0 0;}
            .button_one {justify-content: center;}
            .button_two {justify-content: space-between;}
            .button_two_center {justify-content: center;position: relative;}
                .button_two_center button:first-child {position: absolute;left:0;}

            #reservation_form {}

            .pagination_count {text-align: right;}

            .pagination li {display:inline-block;margin-right:5px;margin-bottom:5px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#333;text-decoration:none;}
                .pagination li a {display:block;padding:5px 10px;color:#333;text-decoration:none;}
                .pagination li span {display:block;padding:5px 10px;text-decoration:none;}
            .pagination .active {background-color:#007bff;border-color:#007bff;color:#fff;}
            .pagination .disabled {opacity:0.5;cursor:not-allowed;}

    #wrap #footer {width:100%;}
        #wrap #footer #footer_contents {margin:0 auto;}

/* SmatPhones */
@media only screen and (max-width: 767px) {

    .pc {display:none;}
    .sp {display:block;}
    span.pc {display:none;}
    span.sp {display:inline-block;}

    input[type="text"] {padding:2px;font-size:12px;}
    input[type="tel"] {padding:2px;font-size:12px;}
    input[type="email"] {padding:2px;font-size:12px;}
    input[type="radio"] {width: 10px;height: 10px;top: 2px;position: relative;}
    input[type="number"] {padding:2px;font-size:12px;text-align: right;}
    select {padding:2px;font-size:12px;}
    textarea {padding:2px;resize:none;font-size:12px;}

    #wrap{min-width:300px;}

        #wrap #header w{min-width:300px;}
            #wrap #header #header_contents {width:95%;}

        #wrap #main {min-width:300px;}
            #wrap #main #main_contents {width:95%;}

        .table_area {width: 100%;overflow-x: auto;}
            .table_area table {width: 900px;}

        #wrap #footer {min-width:300px;padding:20px 0;}
            #wrap #footer #footer_contents {width:95%;}
}

/* Tablets/Desktops/LargeDesktops */
@media only screen and (min-width: 768px) {
    #wrap{min-width:300px;}

        #wrap #header {min-width:300px;}
            #wrap #header #header_contents {width:95%;}

        #wrap #main {min-width:300px;}
            #wrap #main #main_contents {width:95%;}

        #wrap #footer {min-width:300px;padding:20px 0;}
            #wrap #footer #footer_contents {width:95%;}
}

/* iPad(横) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}
/* iPad(縦) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}

/* iPhone4,iPhone5,iPhone5sのみ */
@media screen and (min-device-width: 320px) and (max-device-width: 374px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* [None Retina iPhone] : iPhone 2G, 3G, 3GS, iPod touch, 2, 3, 4 */
@media only screen and (device-height: 480px) and (-webkit-min-device-pixel-ratio: 1), only screen and (device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* [3inch iPhone and iPod] : iPhone 2G, 3G, 3GS, 4, 4S, iPod touch, 2, 3, 4 */
@media only screen and (device-height: 480px), only screen and (device-width: 480px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* [4 inch iPhone and iPod] : iPhone 5, 5s, 5c, iPod touch 5 */
@media only screen and (device-height: 568px), only screen and (device-width: 568px) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}

/* [Retina iPhone and iPod] : iPhone 4, 4S, 5, 5s, 5c, iPod touch 4, 5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}

/* iPhone6のみ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}