/* container */
html , body {max-width:767px; margin:0 auto;}
.container {max-width:100%; margin:0 auto; padding:0 20px; width:100%;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* header */
header {position:fixed; left:50%; top:0; width:100%; max-width:767px; transform:translateX(-50%); z-index:1000; padding:0 20px; height:55px; background:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header {position:static; transform:none;}
header .header-logo h1 a {display:block;}
header .header-logo h1 a img {width:148px;}
header .header-menu ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-menu ul li {margin:0 15px 0 0;}
header .header-menu ul li:last-of-type {margin:0;}
header .header-menu ul li a {display:block; width:24px; height:24px; font-size:0; background-size:cover; background-position:center;}
header .header-menu ul li.phone a {background-image:url('../images/icon_header_phone.png');}
header .header-menu ul li.search a {background-image:url('../images/icon_header_search.png');}
header .header-menu ul li.menu a {background-image:url('../images/icon_header_menu.png');}
header .header-sub {position:relative; width:100%;}
header .header-sub h1 {text-align:center; font-size:16px; font-weight:bold; color:#333; width:100%;}
header .header-sub a.back {position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(180deg); width:24px; height:24px; font-size:0; background:url('../images/icon_more.png') no-repeat left center / 14px auto;}
header .header-sub .sub-right {position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; flex-wrap:wrap; align-items:center;}
header .header-sub .sub-right a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:32px; border-radius:7px; padding:0 15px; font-size:13px; font-weight:bold;}
header .header-sub .sub-right a.blue {color:#fff; background:#487CFF;}

/* footer */
footer .footer-fixed {position:fixed; left:50%; bottom:0; width:100%; max-width:767px; transform:translateX(-50%);  z-index:1000; background:#fff; border-top:1px solid #ddd;}
footer .footer-fixed ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-fixed ul li {flex:1; min-width:0;}
footer .footer-fixed ul li a {display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; padding:14px 0;}
footer .footer-fixed ul li a p {width:100%; font-size:11px; color:#777; text-align:center;}
footer .footer-fixed ul li a:before {display:block; content:""; margin:0 auto 5px; width:24px; height:24px; background-size:cover; background-position:center;}
footer .footer-fixed ul li:nth-of-type(1) a:before {background-image:url('../images/icon_footer_01.png');}
footer .footer-fixed ul li:nth-of-type(2) a:before {background-image:url('../images/icon_footer_02.png');}
footer .footer-fixed ul li:nth-of-type(3) a:before {background-image:url('../images/icon_footer_03.png');}
footer .footer-fixed ul li:nth-of-type(4) a:before {background-image:url('../images/icon_footer_04.png');}
footer .footer-fixed ul li:nth-of-type(5) a:before {background-image:url('../images/icon_footer_05.png');}
footer .footer-fixed ul li:nth-of-type(1).active a:before {background-image:url('../images/icon_footer_01_on.png');}
footer .footer-fixed ul li:nth-of-type(2).active a:before {background-image:url('../images/icon_footer_02_on.png');}
footer .footer-fixed ul li:nth-of-type(3).active a:before {background-image:url('../images/icon_footer_03_on.png');}
footer .footer-fixed ul li:nth-of-type(4).active a:before {background-image:url('../images/icon_footer_04_on.png');}
footer .footer-fixed ul li:nth-of-type(5).active a:before {background-image:url('../images/icon_footer_05_on.png');}
footer .footer-fixed ul li.active a p {color:#333;}
footer .footer-info {display:none; background:#f5f5f5; padding:30px 20px 98px;}
footer .footer-info .info-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-info .info-link ul li {margin:0 20px 0 0;}
footer .footer-info .info-link ul li:last-of-type {margin:0;}
footer .footer-info .info-link ul li a {font-size:13px; color:#111;}
footer .footer-info .info-link ul li:first-of-type a {font-weight:bold;}
footer .footer-info .info-text {margin:20px 0 0;}
footer .footer-info .info-text ul li {margin:0 0 6px; display:flex; flex-wrap:wrap;}
footer .footer-info .info-text ul li:last-of-type {margin:0;}
footer .footer-info .info-text ul li p {display:flex; flex-wrap:wrap; font-size:12px; line-height:1.4; color:#555;}
footer .footer-info .info-text ul li p:after {display:inline-block; content:""; width:1px; height:10px; background:#ddd; margin:0 6px; position:relative; top:3px;}
footer .footer-info .info-text ul li p:last-of-type:after {display:none;}
footer.main .footer-info {display:block;}

/* section */
section {padding:55px 0;}
section {padding:0 0 55px;}

/* color */
.ft-blue {color:#487CFF !important;}

/* sticky-box */
.sticky-box {position:sticky; left:0; top:0; z-index:1000; background:#fff;}

/* tab-box */
.tab-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.tab-box ul li {flex:1; min-width:0;}
.tab-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-bottom:1px solid #fff; height:46px; font-size:16px; font-weight:bold; color:#999;}
.tab-box ul li.active a {color:#111; border-color:#111;}

/* category-box */
.category-box {padding:20px 17px;}
.category-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.category-box ul li {flex:1; min-width:0; padding:0 3px;}
.category-box ul li a {display:block;}
.category-box ul li a p {text-align:center; font-size:12px; font-weight:bold; color:#333;}
.category-box ul li a img {display:block; margin:0 auto 8px; width:100%; max-width:54px;}

/* sca-box */
.sca-box ul {display:block; overflow-x:auto; white-space:nowrap; padding:12px 0;}
.sca-box ul::-webkit-scrollbar {display:none;}
.sca-box ul li {display:inline-block; margin:0 6px 0 0;}
.sca-box ul li:first-of-type {margin-left:20px;}
.sca-box ul li:last-of-type {margin:0 20px 0 0;}
.sca-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:32px; border-radius:7px; border:1px solid #ddd; padding:0 15px; font-size:13px; font-weight:bold; color:#999;}
.sca-box ul li.active a {border-color:#487CFF; color:#487CFF;}

/* banner-box */
.banner-box a {display:block;}
.banner-box a img {width:100%;}

/* title-box */
.title-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 16px;}
.title-box h2 {font-size:20px; font-weight:bold; color:#333;}
.title-box h2 a {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; font-weight:bold; color:#333;}
.title-box h2 a:after {display:block; content:""; width:14px; height:24px; margin:0 0 0 10px; background:url('../images/icon_more.png') no-repeat center / cover;}

/* switch-box */
.switch-box ul {display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; background:#f5f5f5; border-radius:10px; padding:3px;}
.switch-box ul li {flex:1; min-width:0;}
.switch-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:24px; padding:0 15px; border-radius:7px; font-size:12px; font-weight:bold; color:#999;}
.switch-box ul li.active a {color:#111; background:#fff;}
.switch-box.lg ul li a {height:32px; padding:0; font-size:13px;}

/* table-box */
.table-box {overflow-x:auto; white-space:nowrap; }
.table-box::-webkit-scrollbar {display:none;}
.table-box table {border-top:1px solid #333;}
.table-box table thead tr {position:relative;}
.table-box table thead tr th {padding:9px 8px; background:#F5F6F8; font-size:12px; color:#333; border:1px solid #E7E7E7; border-width:0 1px 1px 0;}
.table-box table thead tr th:first-of-type {position:sticky; left:0; top:0;}
.table-box table thead tr th:last-of-type {border-right:0;}
.table-box table thead tr th.white {background:#fff;}
.table-box table thead tr th.sat {color:#487CFF !important;}
.table-box table thead tr th.sun {color:#ff3f3f !important;}
.table-box table tbody tr {position:relative;}
.table-box table tbody tr td {font-size:14px; font-weight:500; color:#333; border:1px solid #e7e7e7; border-width:0 1px 1px 0; padding:0 3px; background:#fff;}
.table-box table tbody tr td:first-of-type {position:sticky; left:0; top:0;}
.table-box table tbody tr td:last-of-type {border-right:0;}
.table-box table tbody tr td .select {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 24px; font-size:15px; font-weight:bold; color:#333;}

/* sticker-box */
.sticker-box {display:flex; flex-wrap:wrap; align-items:center; margin:0 -2px -4px;}
.sticker-box > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid; height:17px; font-size:12px; font-weight:600; padding:0 4px; margin:0 2px 4px; border-radius:3px;}
.sticker-box > *.blue {border-color:#487CFF; color:#487CFF;}
.sticker-box > *.red {border-color:#FF3F3F; color:#FF3F3F;}
.sticker-box > *.green {border-color:#00D26A; color:#00D26A;}

/* score-box */
.score-box {display:flex; flex-wrap:wrap; align-items:center;}
.score-box b {font-size:15px; font-weight:bold; line-height:1.4; color:#111; margin:0 4px 0 0;}
.score-box span {font-size:15px; font-weight:bold; line-height:1.4; color:#e7e7e7;}
.score-box span.active {color:#6EB6FF;}

/* filter-box */
.filter-box {padding:12.5px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.filter-box .inner {display:flex; flex-wrap:wrap; align-items:center;}
.filter-box .inner:first-of-type {padding-right:15px; flex:1; min-width:0;}
.filter-box .filter-check {position:relative; overflow:hidden;}
.filter-box .filter-check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.filter-box .filter-check label {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; line-height:1.4; font-weight:bold; color:#777;}
.filter-box .filter-check label:after {display:inline-block; content:""; width:14px; height:14px; margin:0 0 0 6px; background:url('../images/icon_check.png') no-repeat center / cover;}
.filter-box .filter-check input:checked ~ label:after {background-image:url('../images/icon_check_on.png');}
.filter-box .filter-sca ul {display:flex; flex-wrap:wrap; align-items:center;}
.filter-box .filter-sca ul li {margin:0 5px 0 0;}
.filter-box .filter-sca ul li:last-of-type {margin:0;}
.filter-box .filter-sca ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:2px; border:1px solid #ddd; background:#fff; height:23px; padding:0 8px; font-size:12px; color:#333;}
.filter-box .filter-select select {background:url('../images/icon_select.png') no-repeat right center / 14px; font-size:13px; font-weight:bold; line-height:1.4; color:#777; padding:0 20px 0 0;}
.filter-box .filter-button {display:flex; flex-wrap:wrap; align-items:center;}
.filter-box .filter-button > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#333; color:#fff; border-radius:5px; height:30px; padding:0 7px; font-size:14px; font-weight:bold;}
.filter-box .filter-input {flex:1; min-width:0;}
.filter-box .filter-input input {display:block; width:100%; height:30px; background:#fff; padding:0 7px; font-size:14px; color:#111; border:1px solid #E7E7E7; border-radius:5px;}
.filter-box .filter-input input::placeholder {color:#555;}
.filter-box.bg {background:#f9f9f9; border-top:1px solid #eee; padding:10px 20px; margin:0 -20px;}

/* date-select-box */
.date-select-box {padding:12px 0; border-top:8px solid #eee;}
.date-select-box ul {display:block; overflow-x:auto; white-space:nowrap;}
.date-select-box ul::-webkit-scrollbar {display:none;}
.date-select-box ul li {display:inline-block; margin:0 3px 0 0;}
.date-select-box ul li a {display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; height:60px; padding:8px 9px; border-radius:10px;}
.date-select-box ul li a p {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:12px; line-height:1.4; color:#333;}
.date-select-box ul li.sat a {background:rgba(110, 182, 255, 0.1);}
.date-select-box ul li.sun a {background:rgba(255, 63, 63, 0.1);}
.date-select-box ul li.active a {background:#487CFF;}
.date-select-box ul li.active a p {color:#fff;}
.date-select-box ul li.active a p:last-of-type {font-weight:bold;}

/* gallery-list-box */
.gallery-list-box ul {display:flex; flex-wrap:wrap; margin:0 -5px -30px;}
.gallery-list-box ul li {width:calc(50% - 10px); margin:0 5px 30px;}
.gallery-list-box ul li .inner {display:block;}
.gallery-list-box ul li .inner .list-image {border-radius:10px; background-size:cover; background-position:center;}
.gallery-list-box ul li .inner .list-image:after {display:block; content:""; padding-bottom:100%;}
.gallery-list-box ul li .inner .list-content {margin:8px 0 0;}
.gallery-list-box ul li .inner .list-content .subject p {display:-webkit-box; font-size:15px; line-height:1.4; font-weight:bold; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.gallery-list-box ul li .inner .list-content .content {margin:5px 0 0;}
.gallery-list-box ul li .inner .list-content .content .info {margin:4px 0 0;}
.gallery-list-box ul li .inner .list-content .content .info dl {display:flex; flex-wrap:wrap; align-items:center;}
.gallery-list-box ul li .inner .list-content .content .info dl dd {font-size:12px; line-height:1.4; font-weight:600; color:#999;}
.gallery-list-box ul li .inner .list-content .content .info dl dd:after {display:inline-block; content:""; width:2px; height:2px; margin:0 4px; background:#999;}
.gallery-list-box ul li .inner .list-content .content .info dl dd:last-of-type:after {display:none;}
.gallery-list-box ul li .inner .list-content .content .price {display:flex; flex-wrap:wrap; align-items:center; margin:4px 0 0;}
.gallery-list-box ul li .inner .list-content .content .price em {font-size:12px; font-weight:500; line-height:1.4; color:#555; margin:0 4px 0 0;}
.gallery-list-box ul li .inner .list-content .content .price strong {font-size:15px; font-weight:bold; line-height:1.4;}
.gallery-list-box ul li .inner .list-content .content .detail {margin:4px 0 0;}
.gallery-list-box ul li .inner .list-content .content .detail p {font-size:12px; line-height:1.4; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* thumb-list-box */
.thumb-list-box ul li {border-bottom:1px solid #ddd;}
.thumb-list-box ul li:last-of-type {border:0;}
.thumb-list-box ul li .inner {display:flex; flex-wrap:wrap; align-items:center; padding:15px 0;}
.thumb-list-box ul li .inner .list-image {width:90px; height:90px; border-radius:10px; background-size:cover; background-position:center;}
.thumb-list-box ul li .inner .list-image:after {display:block; content:""; padding-bottom:100%;}
.thumb-list-box ul li .inner .list-content {flex:1; min-width:0; padding:0 0 0 15px;}
.thumb-list-box ul li .inner .list-content .subject p {display:-webkit-box; font-size:14px; line-height:1.4; font-weight:bold; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.thumb-list-box ul li .inner .list-content .info {margin:4px 0 0;}
.thumb-list-box ul li .inner .list-content .info .sticker-box {margin:0 0 4px;}
.thumb-list-box ul li .inner .list-content .info p {font-size:12px; line-height:1.4; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.thumb-list-box ul li .inner .list-content .info strong {display:block; font-size:15px; font-weight:bold; line-height:1.4; color:#111; margin:4px 0 0;}

/* review-list-box */
.review-list-box ul li {border-bottom:1px solid #E7E7E7;}
.review-list-box ul li .inner {display:flex; flex-wrap:wrap; padding:15px 0;}
.review-list-box ul li .inner .list-content {display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; flex:1; min-width:0; padding:3px 20px 3px 0;}
.review-list-box ul li .inner .list-content p {width:100%; display:-webkit-box; font-size:15px; line-height:1.4; font-weight:bold; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.review-list-box ul li .inner .list-content time {width:100%; margin:3px 0 0; font-size:12px; color:#999;}
.review-list-box ul li .inner .list-image {border-radius:10px; width:60px; height:60px; background-size:cover; background-position:center;}
.review-list-box ul li .inner .list-image:after {display:block; content:""; padding-bottom:100%;}

/* reservation-head-box */
.reservation-head-box {background:#F9F9F9; border-top:1px solid #eee; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:14px 20px; margin:0 -20px;}
.reservation-head-box > p {font-size:16px; font-weight:bold; line-height:1.4; color:#333;}
.reservation-head-box > p b {font-size:16px; font-weight:bold; line-height:1.4;}
.reservation-head-box > div {display:flex; flex-wrap:wrap; align-items:center;}
.reservation-head-box > div time {font-size:14px; font-weight:bold; line-height:1.4; color:#333; margin:0 14px 0 0;}
.reservation-head-box > div select {font-size:12px; line-height:1.4; color:#333; background:url('../images/icon_select.png') no-repeat right center / 14px; padding:0 20px 0 0;}

/* reservation-list-box */
.reservation-list-box ul li .list-head .inner {display:flex; flex-wrap:wrap; padding:15px 0; border-bottom:1px solid #E7E7E7;}
.reservation-list-box ul li .list-head .inner .list-left {flex:1; min-width:0; padding-right:15px;}
.reservation-list-box ul li .list-head .inner .list-left small {display:block; font-size:12px; line-height:1.4; color:#999;}
.reservation-list-box ul li .list-head .inner .list-left p {margin:6px 0 0; font-size:14px; font-weight:600; line-height:1.4; color:#555;}
.reservation-list-box ul li .list-head .inner .list-right dl dd {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 4px;}
.reservation-list-box ul li .list-head .inner .list-right dl dd:last-of-type {margin:0;}
.reservation-list-box ul li .list-head .inner .list-right dl dd b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.1); border-radius:6px; font-size:12px; font-weight:600; color:#555; padding:3px 6px;}
.reservation-list-box ul li .list-head .inner .list-right dl dd p {margin:0 0 0 4px; font-size:13px; font-weight:bold; line-height:1.4; color:#333;}
.reservation-list-box ul li .list-head .inner .list-price {width:100%; text-align:right; margin:8px 0 0;}
.reservation-list-box ul li .list-head .inner .list-price strong {font-size:14px; font-weight:bold; line-height:1.4;}

.reservation-list-box ul li .list-head .inner .detail-left {flex:1; min-width:0; padding-right:10px;}
.reservation-list-box ul li .list-head .inner .detail-left .name p {font-size:16px; font-weight:bold; line-height:1.4; color:#333;}
.reservation-list-box ul li .list-head .inner .detail-left .name p time {display:inline-block; font-size:16px; font-weight:bold; line-height:1.4; margin:0 0 0 5px;}
.reservation-list-box ul li .list-head .inner .detail-left .info {display:flex; flex-wrap:wrap; margin:10px -3px -6px;}
.reservation-list-box ul li .list-head .inner .detail-left .info p {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:17px; font-size:12px; font-weight:600; line-height:1.4; color:#555; padding:0 6px; background:#E6E6E6; border-radius:6px; margin:0 3px 6px;}
.reservation-list-box ul li .list-head .inner .detail-left .date {margin:10px 0 0;}
.reservation-list-box ul li .list-head .inner .detail-left .date p {font-size:12px; line-height:1.4; color:#999;}
.reservation-list-box ul li .list-head .inner .detail-left .option {display:flex; flex-wrap:wrap; align-items:center; margin:3px 0 0;}
.reservation-list-box ul li .list-head .inner .detail-left .option p {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; line-height:1.4; color:#999;}
.reservation-list-box ul li .list-head .inner .detail-left .option p:after {display:inline-block; content:""; width:2px; height:2px; background:#aaa; border-radius:50%; margin:0 4px;}
.reservation-list-box ul li .list-head .inner .detail-left .option p:last-of-type:after {display:none;}
.reservation-list-box ul li .list-head .inner .detail-right {max-width:90px; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; justify-content:flex-end;}
.reservation-list-box ul li .list-head .inner .detail-right strong {width:100%; font-size:15px; font-weight:bold; line-height:1.4; color:#333; text-align:right;}
.reservation-list-box ul li .list-head .inner .detail-right small {font-size:12px; line-height:1.4; color:#999; text-align:right;}
.reservation-list-box ul li .list-body {margin:10px 0 0; display:none;}
.reservation-list-box ul li .list-body dl dd {margin:0 0 8px;}
.reservation-list-box ul li .list-body dl dd:last-of-type {margin:0;}
.reservation-list-box ul li .list-body dl dd .inner {display:flex; flex-wrap:wrap; background:#F5F5F5; border-radius:8px; padding:10px 17px;}
.reservation-list-box ul li .list-body dl dd .inner .list-left {flex:1; min-width:0; padding:0 17px 0 0;}
.reservation-list-box ul li .list-body dl dd .inner .list-left .name p {font-size:16px; font-weight:bold; line-height:1.4; color:#333;}
.reservation-list-box ul li .list-body dl dd .inner .list-left .name p time {display:inline-block; font-size:16px; font-weight:bold; line-height:1.4; margin:0 0 0 5px;}
.reservation-list-box ul li .list-body dl dd .inner .list-left .info {display:flex; flex-wrap:wrap; margin:10px -3px -6px;}
.reservation-list-box ul li .list-body dl dd .inner .list-left .info p {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:17px; font-size:12px; font-weight:600; line-height:1.4; color:#555; padding:0 6px; background:#E6E6E6; border-radius:6px; margin:0 3px 6px;}
.reservation-list-box ul li .list-body dl dd .inner .list-left .date {margin:10px 0 0;}
.reservation-list-box ul li .list-body dl dd .inner .list-left .date p {font-size:12px; line-height:1.4; color:#999;}
.reservation-list-box ul li .list-body dl dd .inner .list-left .option {display:flex; flex-wrap:wrap; align-items:center; margin:3px 0 0;}
.reservation-list-box ul li .list-body dl dd .inner .list-left .option p {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; line-height:1.4; color:#999;}
.reservation-list-box ul li .list-body dl dd .inner .list-left .option p:after {display:inline-block; content:""; width:2px; height:2px; background:#aaa; border-radius:50%; margin:0 4px;}
.reservation-list-box ul li .list-body dl dd .inner .list-left .option p:last-of-type:after {display:none;}
.reservation-list-box ul li .list-body dl dd .inner .list-right {display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; justify-content:flex-end;}
.reservation-list-box ul li .list-body dl dd .inner .list-right strong {width:100%; font-size:15px; font-weight:bold; line-height:1.4; color:#333; text-align:right;}
.reservation-list-box ul li .list-body dl dd .inner .list-right small {width:100%; font-size:12px; line-height:1.4; color:#999; text-align:right;}
.reservation-list-box ul li.active .list-body {display:block;}

/* booking-detail-row */
.booking-detail-row {height:auto !important;background-color:#efefef !important;font-family: 'pretendard', 'pretendard-subset', sans-serif;}
.booking-detail-row td {padding:10px 10px !important;;}
.booking-detail-row .yangdoJoinForm .header {background-color:#274f8a;padding: 10px;display: flex;flex-direction: column;gap: 10px;}
.booking-detail-row .yangdoJoinForm .header > div._1{display: flex;justify-content: space-between;align-items: center;}
.booking-detail-row .yangdoJoinForm .header > div._1 a {background-color:#ec7e1c;color:white;font-weight: 700;padding: 5px 10px;border-radius: 9999px;font-size:13px;}
.booking-detail-row .yangdoJoinForm .header > div._2{font-size:13px;color:#fff;}
.booking-detail-row .yangdoJoinForm .header span{color:white;font-weight: 700; font-size:13px;}
.booking-detail-row .yangdoJoinForm .content {background-color:white;}
.booking-detail-row .yangdoJoinForm .content table tr{height:40px;border-bottom: none !important;gap: 0 !important;padding:0 !important;font-size:13px;}
.booking-detail-row .yangdoJoinForm .content table tr td{border-bottom:1px solid #ddd !important;text-align:left;}
.booking-detail-row .yangdoJoinForm .content table tr td:nth-of-type(1){width: 60px;font-weight: 700;background-color: #f2f2f2;}
.booking-detail-row .yangdoJoinForm .content table tr td:nth-of-type(2){flex: 1 !important;}
.booking-detail-row .yangdoJoinForm .content .btn-con{display: flex;align-items: center;justify-content: space-between;padding: 10px;gap:10px;}
.booking-detail-row .yangdoJoinForm .content .btn-con a{flex: 1;height: 30px;display: flex;justify-content: center;align-items: center;background-color:#ec7e1c;color:white;font-weight: 700;font-size:14px;}
.booking-detail-row .yangdoJoinForm .content .information{padding: 10px;display: flex;flex-direction: column;gap: 10px;text-align:left;}
.booking-detail-row .yangdoJoinForm .content .information .tit{font-size: 15px;font-weight: 700;color:#222;}
.booking-detail-row .yangdoJoinForm .content .information div:nth-of-type(2){border: 1px solid #999;padding: 5px;}
.booking-detail-row .yangdoJoinForm .content .information ul{display: flex;flex-direction: column;gap: 9px;font-weight: 600;color: #999;}
.booking-detail-row .yangdoJoinForm .content .information li{font-weight: 600;color: #999;}
.booking-detail-row .yangdoJoinForm .content .join-btn-con{padding: 10px;display: flex;align-items: center;justify-content: space-between;background-color:#767676;gap:10px;}
.booking-detail-row .yangdoJoinForm .content .join-btn-con a{flex: 1;background-color: white;border-radius: 4px;color: #222;font-size: 14px;font-weight: 700;justify-content: center;display: flex;height: 30px;align-items: center;}

/* booking-info-detail-row */
.booking-info-detail-row .bookingInfoForm .header {background-color:#274f8a;padding: 10px;display: flex;flex-direction: column;gap: 10px;color:white;font-weight: 700; font-size:15px;}
.booking-info-detail-row .bookingInfoForm .content {background-color:white;}
.booking-info-detail-row .bookingInfoForm .content table tr{height:40px;border-bottom: none !important;gap: 0 !important;padding:0 !important;}
.booking-info-detail-row .bookingInfoForm .content table tr td{border-bottom:1px solid #ddd !important;padding-left: 10px;text-align:left;}
.booking-info-detail-row .bookingInfoForm .content table tr td select{display: flex;width: 150px;height: 30px;padding:0 12px;justify-content: space-between;align-items: center;border-radius: 8px;border: 1px solid #DDD;}
.booking-info-detail-row .bookingInfoForm .content table tr td input{display: flex;width: 150px;height: 30px;padding:0 12px;justify-content: space-between;align-items: center;border-radius: 8px;border: 1px solid #DDD;}
.booking-info-detail-row .bookingInfoForm .content table tr td:nth-of-type(1){width: 60px;font-weight: 700;background-color: #f2f2f2;}
.booking-info-detail-row .bookingInfoForm .content table tr td:nth-of-type(2){flex: 1 !important;}
.booking-info-detail-row .bookingInfoForm .content .btn-con{display: flex;align-items: center;justify-content: space-between;padding: 10px 0;gap:10px;}
.booking-info-detail-row .bookingInfoForm .content .btn-con a{flex: 1;height: 30px;display: flex;justify-content: center;align-items: center;background-color:#767676;color:white;font-weight: 700;font-size:14px;}
.booking-info-detail-row .bookingInfoForm .content .information{display: flex;flex-direction: column;gap: 10px;border: 1px solid #ddd;border-top:none;padding:10px;}
.booking-info-detail-row .bookingInfoForm .content .information .tit{font-size: 14px;font-weight: 700;color:#dd0101;}
.booking-info-detail-row .bookingInfoForm .content .information div:nth-of-type(2){padding: 5px;}
.booking-info-detail-row .bookingInfoForm .content .information ul{display: flex;flex-direction: column;gap: 9px;font-weight: 600;color: #999;}
.booking-info-detail-row .bookingInfoForm .content ._cancel{margin: 10px 0;font-weight: bold;font-size: 13px;}
.booking-info-detail-row .bookingInfoForm .content .agreement {background-color:#ddd;padding: 20px;border-top: 1px solid #222;}
.booking-info-detail-row .bookingInfoForm .content .agreement ul{display: flex;flex-direction: column;gap: 10px;}
.booking-info-detail-row .bookingInfoForm .content .agreement ul li{display: flex;align-items: center;justify-content: space-between;}
.booking-info-detail-row .bookingInfoForm .content .agreement ul li input{margin: 0;width: 15px;height: 15px;border: 1px solid #ddd;border-radius: 4px;}
.booking-info-detail-row .bookingInfoForm .content .agreement ul li label{display: flex; align-items: center; gap: 5px;flex: 1;font-size:13px;}
.booking-info-detail-row .bookingInfoForm .content .agreement ul li a{font-weight: 700;padding: 5px 10px;background: #274f8a;border-radius: 4px;color: white;}
.booking-info-detail-row .bookingInfoForm .content .btn-con{}
.booking-info-detail-row .bookingInfoForm .content .join-btn-con{padding: 10px;display: flex;align-items: center;justify-content: space-between;background-color:#767676;gap:10px;}
.booking-info-detail-row .bookingInfoForm .content .join-btn-con a{flex: 1;background-color: white;border-radius: 4px;color: #222;font-size: 14px;font-weight: 700;justify-content: center;display: flex;height: 30px;align-items: center;}

/* new-modal */
.new-modal {display:none;z-index:999999999999999;position:fixed;top:0;left:0;right:0;bottom:0;}
.new-modal:after {content:'';z-index:1001;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.6}
.new-modal .inner {z-index:1002;position:fixed;top:45%;left:50%;width:300px;padding:0 10px;margin-left:-160px;background:#fff}
.new-modal .inner .tit {padding:16px 0 12px 0;text-align:center;font-size:16px;font-weight:bold;color:#444;}
.new-modal .inner .modal-cont {}
.new-modal .inner .modal-cont img {width:100%;}
.new-modal .inner .btn-box {display:flex;padding:10px 0;text-align:center;}
.new-modal .inner .btn-box a {display:block;width:100%;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;background:#b0b0b0;}
.new-modal .inner .btn-box a + a {margin-left:5px;}
.new-modal .inner .btn-box a.more {background:#0098be;}


@media (max-width:320px){
.reservation-list-box ul li .list-head .inner .detail-left .name p {font-size:14px;}
.reservation-list-box ul li .list-head .inner .detail-left .name p time {font-size:14px;}
.reservation-list-box ul li .list-head .inner .detail-right strong {font-size:13px;}
.reservation-list-box ul li .list-head .inner .detail-right small {font-size:11px;}
}