@charset "UTF-8";
/*!
 * Wayplus Product Page StyleSheet
 */
.wrap {margin-top:120px;}
.product-tab {width: 100%;height:60px;background-color:#F5F5F5;position: relative;}
.product-tab-list {list-style:none;margin:0 auto;max-width:1200px;padding:0;display:flex;justify-content: space-between;line-height:60px;}
.product-tab-item {color:#666;text-align:center;font-size: 1.25rem;font-weight:400;width: 100%;}
.product-tab-item.active {color:#FFF;background-color: #85BDFF;}
.product-tab-item a {color: inherit;text-decoration: none;}
.product-area {margin-bottom: 100px;}

.product-pagination {margin: 100px auto;}


.product-search {height:60px;overflow:hidden;}
.input-item.product-search {width:100%;height:60px;max-width:1280px;border:1px solid #D9D9D9;border-top:none;border-radius:10px;padding:20px 60px 10px 20px;box-sizing:border-box;margin:-10px auto 0;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.btn-product-search {width: 50px;height:50px;background: url("/images/icons/search.svg") center no-repeat;float:right;position: relative;top:-55px;right:5px;cursor: pointer;}

.product-sub-category {width:100%; max-width:1280px;margin:20px auto 50px;overflow:hidden;text-align:center;}
.product-sub-category .product-category-list {display:grid;grid-template-columns: repeat(7, 12%);grid-column-gap: calc(16% / 6);grid-row-gap:30px;margin:0;padding:0;font-weight:400;list-style: none;}
.product-sub-category .category-item {height:20px;border-radius:10px;padding:10px 15px;line-height:20px;border:1px solid #D9D9D9;}
.product-sub-category .category-item.active {background:#FFE9BF;font-weight:600;}
.product-sub-category .category-item:hover {cursor:pointer;opacity:0.9;}


.product-area {padding: 50px 0;box-sizing: border-box;overflow: hidden;}
.product-list {list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns: repeat(4, 23%);grid-column-gap: calc(8% / 3);grid-row-gap:50px;}
.product-list.empty{display:block;height:200px;font-size:1.25rem;text-align: center;line-height:200px;}
.product-list .product-list-item {overflow: hidden;}
.product-list .product-list-item .product-item-image {width:100%;aspect-ratio:7/6;border-radius: 10px; overflow: hidden;}
.product-list .product-list-item .product-item-image:hover img {transform: scale(1.05); cursor: pointer;}
.product-list .product-list-item .product-item-image img {width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.product-list .product-list-item .title {font-size: 1.1rem; font-weight: 600; margin: 20px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-list .product-list-item .subtitle {color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:0;}
.product-list .product-list-item .price {margin-top:20px;}
.product-list .product-list-item .price span {font-size: 1.25rem;font-weight:600;}
.product-list .product-list-item .weather-info {display: flex;justify-content: space-between;margin:20px 0 0;padding:0;list-style: none;color:#3a3a3a;font-size:0.9rem;}
.product-list .product-list-item .weather-info .weather {display: flex;line-height:20px;}
.product-list .product-list-item .weather-info .weather .icon {width:20px;height:20px;aspect-ratio: 1/1;background: center / contain no-repeat;margin-right:10px;}
.product-list .product-list-item .weather-info .weather .icon.w01 {background-image: url("/images/icons/cast_icon/01_sunny.svg");}
.product-list .product-list-item .weather-info .bar {font-size:0.75rem;color:#DADADA;line-height:1.8;}





@media screen and (max-width: 1024px) {
    .wrap {margin-top:100px;}
    .product-tab-item {font-size:1.1rem;}
    .product-sub-category .product-category-list {grid-template-columns: repeat(5, 17.6%);grid-column-gap: 3%;grid-row-gap:25px;}
    .product-list {grid-template-columns: repeat(3, 31%);grid-column-gap: 3.5%;grid-row-gap:40px;}
}

@media screen and (max-width: 768px) {
    .wrap {margin-top:80px;}
    .product-tab {height:auto;overflow-y:auto;}
    .product-tab-list {line-height:40px;}
    .product-tab-item {font-size:1rem;min-width:fit-content;padding:0 15px;}
    .product-sub-category .product-category-list {grid-template-columns: repeat(4, 22%);grid-column-gap: 4%;grid-row-gap:20px;}
    .product-list {grid-template-columns: repeat(2, 48%);grid-column-gap: 4%;grid-row-gap:30px;}
}

@media screen and (max-width: 480px) {
    .wrap {margin-top:60px;}
    .product-sub-category .product-category-list {grid-template-columns: repeat(3, 31%);grid-column-gap: 3.5%;}
}

@media screen and (max-width: 425px) {
    .product-list {display:block;}
    .product-list-item {margin-bottom:30px;}
}





.typea-product-view-box {overflow:hidden;display:flex;}
.typea-product-view-box-left {width: 45%;margin-right:5%;}
.typea-product-view-box-right {width: 50%;}
.typea-product-view-thumbnails {list-style:none;padding:0;margin:0;overflow:hidden;}
.typea-product-view-image {height:500px; aspect-ratio: 1/1; object-fit:cover; border-radius:10px;overflow: hidden;}
.typea-product-view-gallery {width:100%;overflow:hidden;}
.typea-product-view-gallery-list {}
.typea-product-view-gallery-item {display:inline-block;cursor:pointer;height:500px;}
.typea-product-gallery-image {width:100%;height:100%;aspect-ratio:7/6;object-fit:cover;border-radius: 10px;}
.product-image-pagination {position:relative;top:-250px;}
.product-image-button-prev {float:left;z-index:10;position:relative;left:20px;width:36px;height:36px;background:url('/images/front/demo/icon/left_btn.png') center / 100% no-repeat;border-radius:50%;}
.product-image-button-prev:hover {background-image:url('/images/front/demo/icon/left_btn_on.png');}
.product-image-button-next {float:right;z-index:10;position:relative;right:20px;width:36px;height:36px;background:url('/images/front/demo/icon/right_btn.png') center / 100% no-repeat;border-radius:50%;}
.product-image-button-next:hover {background-image:url('/images/front/demo/icon/right_btn_on.png');}

.typea-product-category {display: inline-block; height:20px;min-width:80px;border-radius:10px;background-color: #85BDFF;text-align:center;padding:10px 20px;color: #FFFFFF;line-height:20px;}
.typea-product-view-title {margin:30px 0 20px;font-size:2rem;font-weight:600;}
.typea-product-view-subtext {color:#666666;word-break: keep-all;}
.typea-product-view-price {margin-top:50px;margin-bottom:30px;}
.typea-product-view-price .price {font-size:1.75rem;font-weight:600;}
.typea-product-view-info {border-top: 1px solid #666666;border-bottom: 1px solid #666666;padding:30px 0;}
.typea-product-view-info-item {line-height:20px;margin-bottom:20px;}
.typea-product-view-info-item .info-item-title {display:inline-block;vertical-align:top; width:100px; background-color:#222222;color:#FFFFFF;text-align: center;padding:5px 10px;border-radius:5px;margin-right:10px;}
.typea-product-view-info-item .info-item-text {display:inline-block;width: calc(100% - 135px);line-height:30px;}
.typea-product-view-info-item .info-item-text.weather-info {display:inline-flex;margin-top:0;justify-content: left;}
.typea-product-view-info-item .info-item-text.weather-info .weather {line-height:30px;}
.typea-product-view-info-item .info-item-text.weather-info .weather .icon {width:30px;height:30px;}
.typea-product-view-info-item .info-item-text.weather-info .bar {margin:0 8px;line-height:30px;}
.typea-product-view-info-item:last-child {margin-bottom:0;}


.typea-product-detail{overflow:hidden;display:flex;margin-top:80px;}
.typea-product-detail-content {display:inline-block;width:calc(100% - 400px);margin-right:60px;}
.typea-product-detail-tab {display:flex;}
.typea-product-detail-tab .product-tab-item {width:100%;text-align:center;border:1px solid #D9D9D9;padding:10px 0;background-color:#F3F3F3;color:#666666;border-bottom-color: #85BDFF;}
.typea-product-detail-tab .product-tab-item:hover {cursor:pointer;background-color: #FFFFFF;}
.typea-product-detail-tab .product-tab-item.active {background-color: #FFFFFF;color:#222222;-webkit-print-color-adjust:exact;border-bottom:none;border-color: #85BDFF;}
.typea-product-detail-data {margin-bottom:60px;}
.typea-product-detail-data .product-tab-content {display:none;padding:30px 0;word-break: keep-all;}

.sticky_box {border-radius:5px; border:1px solid #666666;padding:30px 25px;}
.typea-product-detail-cart {display:inline-block;width:335px;vertical-align:top;}
.typea-product-detail-calendar {height:420px;}
.detail_calendar_box {display: inline-block;width:100%;vertical-align:top;}
.reserve-date-input {border:none;height:0;}
.tag_box {overflow: hidden;margin-bottom: 25px;}
.tag_category {float: left;display: block;padding: 0px 10px; height: 30px;border: 1px solid #7C7C7C;border-radius: 15px;color: #7C7C7C;line-height: 30px; text-align: center;}
.tag_location {float: left;padding: 0px 10px; height: 30px;border: 1px solid #7C7C7C;border-radius: 15px;color: #7C7C7C;line-height: 30px; text-align: center;margin: 0 8px 0 8px;}
.detail_location {float: left;}
.sales_period {overflow: hidden;margin-bottom: 25px;}
.calendar_day_box {height:330px;}
.calendar_title {margin-bottom: 5px;font-weight:600;}
.calendar_top {height: 0;overflow: hidden;}

.people_box {margin:10px auto;}
.product-picker {width:calc(100% - 33px);padding:5px 15px 15px;margin-top:10px;border:1px solid #D9D9D9;border-radius:5px;}
.product-picker-label {display:inline-block;width:100%;white-space:nowrap;line-height:30px;text-overflow:ellipsis;overflow:hidden;margin:5px 0;}
.number_box {display: inline-flex;width: 100%; height: 29px;align-items: center;justify-content: center;}
.number_box input {display:inline-block; width: 29px; height: 27px;border: none;background-color: white;overflow: hidden;text-align: center}
.number {color:#444444;width:60px !important;text-align:right;}
.number.member {border:1px solid #D9D9D9;text-align:right;}
.product-picker-calc {display:none;width:120px;text-align:right;}
.product-picker-calc.inline {display:inline-block;color:#888888;}
.product-total-price {margin-top:10px;margin-bottom:20px;padding: 0 20px;font-size:1.2em;}
.total-price-title {}
.total-price-tag {float:right;font-weight:600;margin-right:20px;}
.select_box {overflow: hidden;width: 307px;}

.product-picker-numbers {display:inline-block;width:105px;height:30px;overflow:hidden;}
.product-picker-count-input {width:30px;height:15px;border:1px solid #f2f2f2;padding:5px;text-align:center;}
.product-picker-count-input::-webkit-outer-spin-button,
.product-picker-count-input::-webkit-inner-spin-button {appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.product-picker-calc {display:inline-block;height:30px;width: calc(100% - 120px);color:#e10101cc;text-align:right;line-height:27px;margin-left:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.product-total-price{width:calc(100% - 45px);margin-top:10px;padding:20px;height:30px;line-height:30px;font-size:1.3em;font-weight:700;}
.product-count-control {width:25px;height:25px;border:none;background-color:transparent;font-size:18px;color:#444;position:relative;top:1px;}
.product-count-control:hover {cursor:pointer;}
.product-count-control.minus { }
.product-count-control.plus { }
.total-price-tag {float:right;color:#E10101CC;}

.detail_price {display:flex;justify-content: space-between;line-height:60px;}
.all_price {color: #222222;}
.price {font-size: 1.5rem;font-weight: 600;color: #222222;}
.reservation, .inquiry, .payments {width: 100%; height: 60px; font-size: 1.1rem; border-radius: 5px;line-height: 60px;text-align: center;margin: 20px auto;}
.reservation-button, .inquiry-button {border:none;background-color:#85BDFF;color: #fff;cursor: pointer;padding: 16px 0;width: 100%;cursor: pointer; border-radius:5px;}
.reservation-button:hover, .inquiry-button:hover {opacity: 0.9;}


.people {
    padding: 13px 15px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    margin-bottom: 12px;
}

.people_title {
    color: #222;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0;
}

.people_mg_n {
    margin: 0;
}

.people_number_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.people_number_box {
    display: flex;
    align-items: center;
}

.people_minus {
    color: #222;
    font-size: 14px;
}

.people_plus {
    color: #222;
    font-size: 14px;
}

.people_number {
    width: 60px;
    height: 28px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    margin: 0 10px;
}

.people_number_price_red {
    color: #E74133;
    font-size: 14px;
    font-weight: 500;
}



@media screen and (max-width: 1024px) {
    .typea-product-view-title {font-size:1.8rem;}
    .typea-product-view-box {flex-direction:column-reverse;}
    .typea-product-view-box-left {width: 100%;margin-right:0;margin-top:50px;}
    .typea-product-view-box-right {width: 100%;}
    .typea-product-detail {flex-direction: column;}
    .typea-product-detail-content {width: 100%;margin-right:0;}
    .typea-product-detail-cart {max-width:360px;margin:0 auto 50px;}
}

@media screen and (max-width: 768px) {
    .typea-product-view-title {font-size:1.6rem;}
    .typea-product-view-price {margin-top:40px;}
    .typea-product-view-gallery-item {height:400px;}
    .product-image-pagination {top:-200px;}
    .typea-product-detail {margin-top:60px;}
}

@media screen and (max-width: 480px) {
    .typea-product-category {padding: 5px 10px;}
    .typea-product-view-title {font-size:1.4rem;margin:20px 0 10px;}
    .typea-product-view-price {margin-top:30px;margin-bottom: 20px;}
    .typea-product-view-price .price {font-size: 1.5rem;}
    .typea-product-view-info {padding: 20px 0;}
    .typea-product-view-info-item .info-item-title {display: block;margin-bottom:5px;}
    .typea-product-view-info-item .info-item-text {width:100%;}
    .typea-product-view-gallery-item {height:300px;}
    .product-image-pagination {top:-150px;}
    .typea-product-detail {margin-top:40px;}
}

@media screen and (max-width: 425px) {

}