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

/*
.popups.introduce{width:400px;z-index:200;}
*/

@media (max-width:1024px) {

/* common.css */

.side_content {display:none}

.cont_wrap {margin:0 auto}

.btn_back {left:auto;width:100%;max-width:50rem;margin:0 auto}
.btn_back button {margin-left:2rem}

#header {left:50%;transform:translateX(-50%);margin:0}
#footer {left:50%;transform:translateX(-50%);margin:0}

}

@media (max-width:720px) {

}

@media (max-width:640px) {

/* main.css */
 
/* sub.css */

.service_info_line li {margin:.5rem 1.5rem .5rem 0}
.service_info_line li .info_txt {margin-left:1rem}

.agree_check_wrap .agree_txt {width:100%}
.agree_check_wrap .agree_check {justify-content:flex-end;width:100%;margin-top:1rem}

.board_search_input select {width:100%}
.board_search_input input[type=text] {width:100%;margin:1rem 0 0 0}

.board_list_wrap .tbl_list colgroup {display:none}
.board_list_wrap .tbl_list thead {display:none}
.board_list_wrap .tbl_list tbody tr {position:relative;display:flex;flex-wrap:wrap;width:100%;padding:.5rem 2rem;border-bottom:.1rem solid #dedede;box-sizing:border-box}
.board_list_wrap .tbl_list tbody tr td {display:inline-block;margin-right:2rem;padding:.5rem 0;border-bottom:none;text-align:left}
.board_list_wrap .tbl_list tbody tr td.tbl_num {display:none}
.board_list_wrap .tbl_list tbody tr td.btn_set {display:block;width:100%;margin-right:0}
.board_list_wrap .tbl_list tbody tr td.btn_set ul {justify-content:flex-end}

.board_list_wrap .tbl_list tr td.subject {width:100%;margin-right:0}
.board_list_wrap .tbl_list tr td .tbl_tit {display:inline-block;margin-right:.5rem;color:#333;font-size:1.4rem;font-weight:500}

.pop_arrange_view .fac_main_wrap {margin-top:5rem}
.pop_arrange_close {background:url(../../img/newvg/common/popup_close_bl.png)no-repeat;background-size:3rem}

.popup {top:2rem;transform:translate(-50%, 0)}


}

@media (max-width:500px) {
.responsive-wrap{position:relative;}

#layout:before {background:#f8fafb}

.content_wrap {min-height:calc(100vh - 13rem)}
    
}

@media (max-width:480px) {

/* common.css */

.header_wrap .logo a {width:16.3rem;height:2.4rem;background-size:16.3rem}

/* main.css */


/* sub.css */

.online_fac_btn {width:100%;padding:1.7rem 1.5rem 2rem 1.5rem}
.starlight_fac_btn {width:100%;margin-top:2rem;padding:1.7rem 1.5rem 2rem 1.5rem}

.room_img {width:12rem;height:12rem}


.quick_service_wrap ul li a {font-size:1.6rem}
.quick_service_wrap ul li.quick1 a:before {width:4.1rem;height:4rem;background-size:4.1rem}
.quick_service_wrap ul li.quick2 a:before {width:5.1rem;height:4rem;background-size:5.1rem}
.quick_service_wrap ul li.quick3 a:before {width:4.6rem;height:4rem;background-size:4.6rem}
.quick_service_wrap ul li.quick4 a:before {width:3.8rem;height:4rem;background-size:3.8rem}
.quick_service_wrap ul li.quick5 a:before {width:3.4rem;height:4rem;background-size:3.4rem}
.quick_service_wrap ul li.quick6 a:before {width:5.1rem;height:4rem;background-size:5.1rem}
.quick_service_wrap ul li.quick7 a:before {width:4.5rem;height:4rem;background-size:4.5rem}

.board_form_wrap .calendar_form_item .form_calendar .form_calendar_input {width:100%}
.board_form_wrap .calendar_form_item .form_calendar .form_time_input {width:100%;margin-top:1rem}

.search_input.select select {width:100%}
.search_input.select .search_input_box {width:100%;margin-top:1rem}

.search_input.button .btn_area {width:100%}
.search_input.button .search_input_box {width:100%;margin-top:1rem}

/*
.popups.introduce{width:calc(100% - 70px)}
*/

}

@media (max-width:360px) {

/* common.css */

html {font-size:50%}

#header {padding:0 1.5rem}

/* main.css */

.content_wrap {padding:2rem 1.5rem}

.memorial_hall_list ul {overflow:hidden;flex-wrap:wrap;height:16.5rem}
.memorial_hall_list ul li {width:100%;margin:0}

.fac_list_item .fac_thumb {height:10rem}
.fac_list_item .fac_info .link_service {flex-wrap:wrap;justify-content:flex-start}
.fac_list_item .fac_info .link_service li {margin:.5rem 0}

.video_list ul li {height:12rem}

/* sub.css */

.join_finish_btn {margin-top:2rem}
.join_finish_btn ul li:nth-child(1) a {padding:0 2rem}
.join_finish_btn ul li:nth-child(2) a {padding:0 2rem}

.fac_search_box .fac_input select {width:100%;margin-bottom:1rem}
.fac_search_box .fac_input input[type=text] {width:100%}

.room_regist_form .regist_form_item .rd_list li {margin:.25rem 1.5rem .25rem 0}
.room_regist_form .regist_form_item .bg_select > ul {margin-top:0}
.room_regist_form .regist_form_item .bg_select > ul > li {width:calc((100% - 1rem)/2);margin:1rem 0 0 1rem}
.room_regist_form .regist_form_item .bg_select > ul > li:nth-child(odd) {margin:1rem 0 0 0}
.room_regist_form .regist_form_item .bg_select > ul > li:nth-child(even) {margin:1rem 0 0 1rem}
.room_regist_form .regist_form_item .bg_select > ul > li .bg_type_none .bg_none {height:8rem}

.room_img {width:10rem;height:10rem}

.quick_service_wrap ul li {width:100%;margin:1.5rem 0 0 0}
.quick_service_wrap ul li a br {display:none}
.quick_service_wrap ul li:nth-child(odd) {margin:1.5rem 0 0 0}
.quick_service_wrap ul li:nth-child(even) {margin:1.5rem 0 0 0}
.quick_service_wrap ul li a {height:8rem;padding:0 2rem;line-height:8rem}

.detail_wrap .detail_item .detail_tit {width:100%}
.detail_wrap .detail_item .detail_txt {width:100%;margin-top:1rem}

}



@media (max-height:360px) {

.popups {padding:2rem}
.popup_content {max-height:24rem}

}