@charset "utf-8";
/* CSS Document */

.tab_area {display: flex; flex-direction: row; overflow:hidden; border:1px solid #d9d9d9; margin-bottom:10px;}
.tab_area li {position:relative; flex: 1; display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center!important; align-items: center!important; min-width: auto;  background:#f3f3f3}
.tab_area a {display:block; padding:1rem; font-size:2.7rem !important; color:#333333; line-height:1.1; text-align:center; word-break:keep-all;  }
.tab_area li+li {border-left:1px solid #d9d9d9;}
.tab_area li.on {background:#52bab9;}
.tab_area li.on a {margin:-1px; color:#fff;}

/*################################# write #################################*/

.btitle01 {margin:30px 0 10px; border-bottom:1px solid #cccccc; font-size:18px; color:#333333; font-weight:bold; line-height:36px;}
.btitle01.border_none {margin-bottom:10px; border:0;}


.timeSelectWrap {overflow:hidden;}
.calendarSelect {}
.calendarWrap {border:1px solid #d9d9d9; padding-bottom:5px; background:#fbfbfb;}
.calendarWrap .headBox {position:relative; padding:27px 0 10px; line-height:22px; font-size:20px; color:#000; text-align:center;}
.calendarWrap .headBox * {vertical-align:middle;}
.calendarWrap .headBox .month {display:inline-block; padding:0 35px;}
.calendarWrap .headBox .btn_prev {width:11px;}
.calendarWrap .headBox .btn_next {width:11px;}
#calendar {width:100%;}
#calendar th {font-size:15px; line-height:50px; text-align:center; color:#000000;}
/*
#calendar th:first-child {color:#d4343c;}
#calendar th:last-child {color:#2c72ae;}
*/
#calendar td {color:#bfbfbf;}
#calendar td > div  {position:relative; line-height:40px; text-align:center; font-size:13px;}
#calendar td > div .btn_reser {position:absolute; top:-1px; left:-1px; right:0px; bottom:0px; border:1px solid #52bab9; color:#000000; line-height:40px; background:#cbeaea;}
#calendar td:first-child {color:#d4343c;}
#calendar td:last-child > div .btn_reser {color:#2c72ae;}
#calendar td > div .btn_reser_active {color:#fff; background:#52bab9; }
#calendar td > div a {display:block;}
#calendar td.todayOn .btn_reser a {position:absolute; top:50%; left:50%; width:32px; height:32px; margin-left:-16px; margin-top:-16px; border-radius:50%; line-height:32px; color:#fff; background:#52bab9;}
.calendarText1 {overflow:hidden; margin-top:15px; font-size:15px; color:#383838; line-height:24px;}
.calendarText1  * {vertical-align:middle;}
.calendarText1 .reser_color {display:inline-block; width:30px; height:18px; border:1px solid #52bab9; background:#cbeaea;}
.calendarText1 input {width:100px; height:24px; color:#52bab9;}


.timeSelect {overflow:hidden;}
.timeSelect dt {padding-top:6px; font-size:17px; color:#52bab9; font-weight:bold; line-height:26px;}
.timeSelect ul {display:inline-block; width:100%; font-size:13px; padding:10px 0 0; text-align:center;}
.timeSelect ul li {float:left; width:33.33%;}
.timeSelect ul li.none {color:#999999; background:#ececec;}
.timeSelect ul li.on a {color:#fff; background:#52bab9;}
.timeSelect ul li:nth-child(3n+1) a {margin-left:0;}
.timeSelect ul a {display:block; margin-top:-1px; margin-left:-1px; border:1px solid #52bab9; text-align:center; color:#52bab9; line-height:30px;}

.textarea_box {position:relative;}
.textarea_box .txt {position:absolute; top:0px; left:0px; width:100%; height:100%; padding:10px;}
.textarea_box .txt b {color:#ff3000;}


#password_box02 {position:relative; color:#333333; text-align:center;}
#password_box02 strong {display:block; font-size:18px; color:#383838; font-weight:bold;}
#password_box02 > p {padding:5px 0 20px; font-size:13px; color:#585858; line-height:18px;}
#password_box02 input[type="text"] {width:100% !important;}
#password_box02 .frow {margin-top:5px;}
#password_box02 input[type="submit"] {width:100%; margin-top:15px;}


.view_table {width:100%; border-top:1px solid #333333; color:#333333;}
.view_table td,
.view_table th {height:40px; padding:8px; border-bottom:1px solid #d8d8d8; vertical-align:middle; font-size:14px; font-weight:normal;}
.view_table th {background:#f8f8f8;}



.notice_box {padding:0 15px 20px; border:1px solid #d9d9d9; font-size:13px; color:#666666; line-height:18px; background:#f8f8f8;}
.notice_box h2 {margin:0 -15px 10px; padding-left:20px; padding-top:2px; border-bottom:1px solid #cccccc; font-size:18px; line-height:42px; font-weight:bold; color:#333333; background-size:22px;}
.notice_box em {color:#52bab9;}
.notice_box li {list-style:decimal; margin-left:15px;}

.board_txt {margin:-5px 0 10px; font-size:13px; color:#999999;}

.btn_reserve {margin-top:25px; border:1px solid #383838; font-size:17px; color:#505050; line-height:38px; text-align:center;}
.btn_reserve p {overflow:hidden;}
.btn_reserve .btn {float:left; width:50%; margin:0; color:#505050 !important; background:#fff;}
.btn_reserve .btn+.btn {border-left:1px solid #383838; background:#ececec !important;}