@charset "utf-8";
/* reservation S */
table{ border-collapse: collapse;}
.subcontent_main_title {
    font-size: 36px;
    line-height: 1;
    color: #333;
    margin: 40px 0 30px 0 !important;
    font-weight: 700;
}
.subcontent_main_title img { 
    margin-bottom: 8px;
}
.reservation_text {
    font-size: 18px;
    letter-spacing: -0.04em;
    color:#333;
    line-height: 32px;
}
.reser_time_box {
    margin-top: 50px;
    padding:36px 30px;
    width:100%;
    border:1px solid #cccccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.reservation_title {
    color:#233e86;
    font-size: 28px;
    letter-spacing: -0.05em;
    line-height: 1;
    font-weight: 500;
    margin:40px 0 20px 0;
}


.reservation_table_my {margin:0 auto 20px auto;}
.reservation_table_my td, .reservation_table_day td, .reservation_table_date td {
    color:#333;
    font-size: 18px;
    letter-spacing: -0.02em;
    font-weight: 400;
}
.reservation_table_day, .reservation_table_date {border-collapse: collapse;}
.reservation_table_day td, .reservation_table_date td {border: 1px solid #d6d6d6; 
    padding:8px 0;
}
.reservation_table_date td {
    font-size: 16px;
    letter-spacing: -0.05em;
    width:14%;
    position: relative;
    vertical-align: top;
}

/* .reservation_input_box td label{ font-size: 18px; vertical-align: middle;} */

.daydate {
    font-size: 18px;
    display: block;
    text-align: right;
    padding-right: 12px;
    margin-bottom: 5px;
}
.reservation_doctor, .reservation_none, .reservation_counsel {    display: block; text-align: left;}
.reservation_none  {color:#e81135;     text-align: left;}
.reservation_counsel {color:#1e83eb;     text-align: left;}
.reservation_table_date div.holiday {
    color:#e81135;     text-align: right;     padding-left: 0; font-size: 16px
}
.question_text {
    text-align:right;color:#3378c1;font-size:16px; padding-left:5px;
}

.selected_doctor_box {
    max-width: 100%;
    margin-bottom: 40px;
    border:1px solid #cccccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 33px 25px;
    letter-spacing: -0.05em;
}
.selected_doctor_box .select_reser_info {
    background: #233e86;
    font-size: 18px;
    border-radius: 15px;
    display: inline-block;
    padding:0 8px;
    line-height: 27px;
    height: 27px;
    color:#fff;
    text-align: center;
    margin-right: 8px;
}
.selected_doctor_box strong {
    line-height: 1;
    font-size: 24px;
    color:#233e86;
    font-weight: 400;
}
.select_time_table {width:95%;  vertical-align: top;}
.select_time_table th, .select_time_table td {vertical-align: middle;
    font-size: 18px;
    letter-spacing: -0.05em;    text-align: center;
}
.select_time_table th {
    color:#fff;
    font-size: 18px;
    letter-spacing: -0.05em;
    height: 38px;
    background: #343434;
    font-weight: 300;
}

.select_time_table td {
    color:#333333;
    height: 56px;
    border-bottom: 1px solid #b7b7b7;
}
.table_box > li:nth-child(2n) .select_time_table {float: right;}

.select_time_table .canReser, .select_time_table .cantReser {color:#e81135;
background-image: url(../image/sub/select_check_icon.png);
padding-right: 20px;
background-position: right 8px;
background-repeat: no-repeat;
}
.select_time_table .canReser {color:#1e83eb; 
    background-image: url(../image/sub/select_check_icon1.png);}
.reservation_pagingBtn {
    text-align: center;
    margin: 40px 0 0 0;
}
.reservation_pagingBtn>a {
   display: inline-block;
   position: relative;
   width:100px;
   line-height: 50px;
   background-color: #343434;
   text-align: center;
   border-radius: 10px;
}
/* .reservation_pagingBtn> a.prevBtn {
    background-image: url(../image/sub/paging_btn_prev.jpg);
}
.reservation_pagingBtn> a.nextBtn {
    background-image: url(../image/sub/paging_btn_next.jpg);
} */
.reservation_pagingBtn>a span {color:#fff; font-size: 20px;}
.reservation_pagingBtn > a.nextBtn span {
    left: 27px;
    right:auto;
    color:#fff;
}
.agreement_textBox {
    overflow-y: scroll;
    width:100%;
    height: 170px;
    border:1px solid #cccccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 16px;
    line-height: 21px;
    white-space: pre-line;
    letter-spacing: -0.05em;
    color:#727272;
    padding: 30px 25px;
}
.agreement_btnBox {
    margin-top: 10px;
    text-align: right;
    font-size: 18px;
    letter-spacing: -0.05em;
    color:#333333;
}
.reservation_input_box {
    border-top: 3px solid #233e86;
    margin-top: 40px;
}
.reservation_input_box th, .reservation_input_box td {
    vertical-align: middle;
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
    letter-spacing: -0.05em;
}
.reservation_input_box th {
    font-size:18px;
    color:#333;
    text-align: left;
    padding-left: 38px;
    font-weight: 500;
}
.reservation_input_box td {
    font-size: 16px;
    line-height: 20px;
    color:#939393;
}
table .inputLine  {
    border:1px solid #c2c2c2 !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 30px;
    font-size: 18px;
    color:#939393;
}
.reser_completeBox {color:#333; padding:50px 0 30px 0; border-top: 3px solid #233e86; letter-spacing: -0.05em; }
.reser_completeBox > h5 {text-align: center; font-size: 30px; font-weight: 300; }
.reser_completeBox ul {
    background: #f5f5f5;
    padding:35px 0 35px 65px;
    margin-top: 50px;
}
.reser_completeBox ul > li {
    position: relative;
    padding-left: 20px;
    line-height: 1;
    margin-bottom: 15px;
    font-size: 18px;
}
.reser_completeBox ul > li:before {
    position: absolute;
    content: "";
    background: #233e86;
    width:6px;
    height: 6px;
    left:0;
    top:7px;
    border-radius: 50%;
}
.res-set-list { display:inline-block; width:100%; }
.res-set-list li { float:left; border:1px solid #ddd; text-align:center; width:280px; height:80px; position:relative; margin-right:23px; }
.res-set-list li.on { background-color: #233e86; color:#fff; border:1px solid #233e86;}
.res-set-list li p { font-size:16px; margin-top: 15px;}
.res-set-list li.on p { color:#fff; font-weight:300; }
.res-set-list li h5 { font-size:21px; font-weight:300; } 
.res-set-list li.on h5 { color: #fff;} 
.res-set-list li:after { content:'〉'; width: 10px; font-weight:bold; position:absolute; right:-18px; top:30px; font-size:20px; color:#ddd; }
.res-set-list li:last-child { margin:0; }
.res-set-list li:last-child:after { display:none; }
.time-tel-cs { width:100%; display: flex; justify-content: space-between;}
.time-tel-cs > div { width: 49%; }
.time-tb, .tel-tb { border-collapse:collapse; width: 100%; text-align:center; }
.time-tel-cs th { background-color: #343434;}
.tel-tb th { background-color: #343434; }
.time-tel-cs th,.tel-tb th { color:#fff; font-size:20px; height:45px; }
.time-tel-cs td { font-size:20px; height:100px; color:#333; }
.tel-tb td { font-size:40px; height:200px; font-weight:bold; color:#333; }
.table_box {display: table; width: 100%; }
.table_box > li {display: table-cell; vertical-align: top;}
.subcontent_title {
    font-size: 28px;
    letter-spacing: -0.04em;
    line-height: 1;
}
.f_col_blue {
    color: #233e86 !important;     font-size: inherit;
}
.txt1 { font-size:18px; font-weight:400; line-height:26px; }
.c_blue { color:#0a4167; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }

/* reservation E */
.over_txt { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.sc_hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}


.sub-slider-wrap{ padding-bottom: 50px; margin-bottom: 100px;}
.sub-slider-wrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:15px;}
.sub-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #fff;}