@media screen and (max-width:1180px) {
    #room_info .room-info-top li {height:25.5rem;}
}
@media screen and (max-width:1024px) {
    #room_info .room-info-top {justify-content:center;}
    #room_info .room-info-top li {height:auto;}
    #room_info .room-info-top li:nth-child(1), #room_info .room-info-top li:nth-child(2) {width:50%;}
    #room_info .room-info-top li:nth-child(3), #room_info .room-info-top li:nth-child(4), #room_info .room-info-top li:nth-child(5) {width:calc(100% / 3);}
    #room_info .room-info-top li:nth-child(2) {border-right:0;}
    #room_info .room-info-cont.use ul li p br {display:none;}

    .check-box.order-check .check-input-wrap .check-input-item h2 {flex-shrink:0;width:10rem;}
    .check-box.order-check .check-input-wrap .check-input-item .input-wrap {width:60%;min-width:0;}
}
@media screen and (max-width:960px) {
    .culture-list-popup .popup .popup-inner {padding:0 1.75rem 5rem}
}
@media screen and (max-width:860px) {
    .child-activity .description .txt-wrap h2 {margin-bottom:.5rem;}
    .child-activity .info-item-wrap li {padding:2rem;}
    .child-activity .activity-slide .swiper-container ul li {width:50% !important;}

    #room_info .room-info-top {padding:2rem 0;}
    #room_info .room-info-cont.use ul {padding:3rem 1rem;}

    #open_popup_btn {position:static;margin:-4rem auto 3rem;}
    .culture-list-popup .popup .popup-title {margin:0 0 4rem;font-size:2.4rem;}
    .culture-list-popup .popup .popup-inner {height:calc(100% - 7rem);}
}
@media screen and (max-width:786px) {
    .child-activity .info-item-wrap li {width:100%;}
    #bo_gall .gall_li {flex: unset;width: 50%;}

    .check-box.order-check .check-input-wrap .check-input-item h2 {margin-top:13px !important;}
    .check-box.order-check .check-input-wrap .check-input-item .input-wrap {width:80%;}
    
    .room-info-cont.order ul li p br {display:none;}
    .room-info-cont.order ul li:last-child {margin:3rem 0 -1rem;}

}
@media screen and (max-width:640px) {
    #room_info .room-info-cont.use ul li p {font-size:1.6rem;}
    #room_info .room-info-cont.notice ul {padding:2rem 1.5rem;}
    #room_info .room-info-cont {margin:6rem 0;}
    #room_info .room-info-cont.notice ul li {font-size:1.6rem;line-height:1.5;margin-bottom:.75rem;}

    .check-box.order-check .check-input-wrap .check-input-item h2 {width:8rem;}
    .room-info-cont.order ul {padding:4rem 2rem 2rem;}
    .room-info-cont.order ul li {width:50%;}
    .room-info-cont.order ul li:nth-child(1),.room-info-cont.order ul li:nth-child(2) {padding-bottom:5rem;}
    .room-info-cont.order ul li:nth-child(2)::after {content:'';position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:1.5rem;aspect-ratio:1/2;background:url('../img/angle_right_grey.svg') center center/contain no-repeat;}
    .room-info-cont.order ul li:nth-child(3) {order:4;}
    .room-info-cont.order ul li:nth-child(3)::before {transform:rotate(180deg) translate(50%,50%);}
    .room-info-cont.order ul li:nth-child(4)::before {display:none;}

    #open_popup_btn {padding:1rem 1.25rem;border:3px solid rgba(255,255,255,.7);border-radius:1rem;margin:-2rem auto 3rem;font-size:1.6rem;}
    #open_popup_btn::before {width:1.8rem;margin-right:.5rem;}
    .culture-list-popup .tbl-wrap .tbl_st2 tr td {padding:1rem 2rem;}
    .culture-list-popup .popup .table-title .caption {width:100%;text-align:left;word-break:keep-all;}
}
@media screen and (max-width:515px) {
    .child-activity .activity-slide .swiper-container ul li {width:100% !important;}
    #room_info .room-info-top {padding:2rem;}
    #room_info .room-info-top li {width:100% !important;border-right:0 !important;}
    #room_info .room-info-top li:not(:last-child) {border-bottom:1px dashed #ddd;}
    #room_info .room-info-top li .img-wrap {margin:0 auto 1rem;}
    #room_info .room-info-top li .txt-wrap span {margin-top:1rem;}
    #room_info .room-info-cont.use ul li {width:50%;}
    #room_info .room-info-cont.use ul li:nth-child(3), #room_info .room-info-cont.use ul li:nth-child(4), #room_info.room-info2 .room-info-cont.use ul li:nth-child(5) {padding-top:3rem;}
    #room_info .room-info-cont.use ul li:nth-child(3) {order:4;}
    #room_info .room-info-cont.use ul li:nth-child(3)::after {content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-25%) rotate(90deg);width:1.5rem;aspect-ratio:1/2;background:url('../img/angle_right_grey.svg') center center/contain no-repeat;}
    #room_info .room-info-cont.use ul li:nth-child(3)::before {transform:rotate(180deg) translate(50%,-50%);}
    #room_info .room-info-cont.use ul li:nth-child(4)::before {display:none;}
    #room_info .room-info-cont.use ul li:nth-child(4) {order:3;}
    #room_info.room-info2 .room-info-cont.use ul li:nth-child(5) {order:5;}
    #room_info.room-info2 .room-info-cont.use ul li:nth-child(5)::before {top:0;left:50%;transform:translate(-50%,-25%) rotate(90deg);}

    .culture-list-popup .popup .popup-title {font-size:2.1rem;}
    .culture-list-popup .popup .table-title {font-size:1.8rem;}
    .culture-list-popup .popup .table-title .caption {margin-top:.5rem;}
    .culture-list-popup .close-btn {top:auto;bottom:0;right:auto;left:50%;transform:translate(-50%,calc(100% + 2rem));color:#fff;}
    .culture-list-popup .popup {overflow:visible;}
    .culture-list-popup .popup .notice-area {padding:1.5rem 2rem;line-height:1.4;}
    .culture-list-popup .popup .notice-area li:not(:last-child) {margin-bottom:.5rem;}
}
@media screen and (max-width:414px) {
    #room_info.room-info2 .fee span {position:static;width:100%;margin-top:1rem;}
}

@media screen and (max-width:375px) {
    .room-info-cont.order ul {padding:4rem 0 2rem;}
    .room-info-cont.order ul li {padding:0 1rem;}
}