.thumbs-gallery{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

[class~=scontents] {
width: 100%;
max-width: 1300px;
margin: 0px auto;
}

[class~=scontents]:after {
content: "";
display: block;
clear: both
}

[class~=scontents] h3[class~=title] {
display: block;
font-size: 2.5em;
text-align: center;
padding: 0;
margin: 0
}

[class~=scontents] [class~=eng] {
display: block;
text-align: center;
font-size: 2.5em;
font-weight: 500;
padding: 0
}

[class~=scontents] [class~=eng] em {
color: #c53528;
font-style: normal
}

[class~=scontents] [class~=stitle] {
font-size: 1.6em;
line-height: 1.6em;
font-weight: 600;
text-align: center;
color: #333;
margin: 10px 0 0px 0
}

[class~=scontents] [class~=stitle]:after {
display: block;
width: 40px;
height: 1px;
border-bottom: 0px solid #D51F26;
margin: 30px auto;
margin-bottom: 0px;
content: ""
}

[class~=scontents] [class~=stitlea] {
font-size: 1.5em;
line-height: 1.6em;
text-align: center;
color: #333;
margin: 50px 0 50px 0
}

[class~=scontents] [class~=stitlea]:after {
display: block;
width: 40px;
height: 1px;
border-bottom: 2px solid #D51F26;
margin: 30px auto;
margin-bottom: 30px;
content: ""
}

[class~=tbl] {
width: 100%;
border-top: 1px solid #333;
border-collapse: collapse
}

[class~=tbl] th {
width: 30%;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
padding: 5px 0;
font-size: 0.9em;
font-weight: normal;
color: #000;
text-align: center
}

[class~=tbl] td {
width: 70%;
border-bottom: 1px solid #ccc;
padding: 5px 0;
text-indent: 10px;
font-size: 0.9em
}

[class~=tba] {
width: 100%;
border-top: 1px solid #333;
border-collapse: collapse;
background-color: #fff
}

[class~=tba] th {
width: 35%;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
padding: 6px 0;
font-size: 0.9em;
font-weight: normal;
color: #000;
text-align: center
}

[class~=tba] td {
width: 65%;
border-bottom: 1px solid #ccc;
padding: 6px 0;
text-indent: 10px;
font-size: 0.9em
}

@media all and (max-width: 1200px) {
[class~=scontents] {
    width:96%
}
}

@media all and (max-width: 1100px) {
[class~=scontents] h3[class~=title] {
    text-align:center
}
}

@media all and (max-width: 1100px) {
[class~=scontents] [class~=eng] {
    text-align:center
}
}

@media all and (max-width: 1100px) {
[class~=scontents] [class~=stitle] {
    text-align:center
}
}

@media all and (max-width: 1100px) {
[class~=scontents] {
    width:96%
}
}


@media screen and (max-width: 768px) {
[class~=scontents] {
    padding:50px 0px
}
}

@media screen and (max-width: 768px) {
[class~=scontents] [class~=eng] {
    font-size:2em
}
}

@media screen and (max-width: 768px) {
[class~=scontents] [class~=stitle] {
    font-size:1em;
    margin-bottom: 30px
}
}

@media screen and (max-width: 768px) {
[class~=scontents] [class~=stitle]:after {
    margin-bottom:0
}
}
[class~=room_intro_txt] {
width: 100%;
text-align: center;
font-size: 1.4em;
font-weight: 300;
color: #ea6a1f;
}

[class~=rooms_info_all] {
width: 100%;
max-width: 1300px;
margin: 30px auto 50px
}

[class~=rooms_info_all]:after {
content: "";
display: block;
clear: both
}

[class~=rooms_info_all] h3[class~=caution_tit] {
font-size: 2em;
font-weight: 700;
color: #333;
text-align: center;
margin-bottom: 15px
}

[class~=rooms_info_all] ul {
float: left;
font-size: 0;
width: 100%;
padding: 0;
margin: 0
}

[class~=rooms_info_all] ul li {
display: inline-block;
*display: inline;
*zoom:1;width: 32%;
font-size: 13px;
margin-right: 2%;
box-sizing: border-box;
background-color: #fff;
border: 1px solid #ddd;
box-sizing: border-box
}

[class~=rooms_info_all] ul li:last-child {
margin-right: 0
}

[class~=rooms_info_all] ul li [class~=inner] {
display: table;
width: 100%;
padding: 0;
margin: 0
}

[class~=rooms_info_all] ul li [class~=inner_area] {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 200px;
color: #000;
text-align: center
}

[class~=rooms_info_all] ul li [class~=con_icon] {
width: 50px;
height: 50px;
text-align: center;
display: block;
margin: 0 auto;
background-color: #293d6b;
border-radius: 100%;
overflow: hidden
}

[class~=rooms_info_all] ul li [class~=con_icon] i {
width: 50px;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 1.5em
}

[class~=rooms_info_all] ul li div[class~=con_txt] {
width: 100%;
margin-top: 15px
}

[class~=rooms_info_all] ul li div[class~=con_txt] p {
display: block;
color: #000;
font-size: 1.4em;
font-weight: 700
}

[class~=rooms_info_all] ul li div[class~=con_txt] span {
display: block;
color: #777;
font-size: 1em;
line-height: 1.5em;
margin-top: 10px;
padding: 0 15px;
word-break: keep-all
}


#roomsViewType01 [class~=rooms_info] {
width: 100%;
max-width: 1300px;
padding: 0;
margin: 20px auto;
margin-top: 30px;
background-color: #fff;
border-top: 0px solid #000;
border-bottom: 0px solid #ddd;
box-sizing: border-box
}

#roomsViewType01 [class~=rooms_info]:after {
content: "";
display: block;
clear: both
}

#roomsViewType01 [class~=rooms_info] h3[class~=caution_tit] {
font-size: 2em;
font-weight: 700;
color: #333;
text-align: center;
margin-bottom: 15px
}

#roomsViewType01 [class~=rooms_info] ul {
float: left;
font-size: 0;
width: 100%;
padding: 30px 0;
margin: 0;
text-align: center
}

#roomsViewType01 [class~=rooms_info] ul li {
display: inline-block;
vertical-align: top;
*display: inline;
*zoom:1;width: 33.33333%;
font-size: 13px;
margin: 0;
box-sizing: border-box;
border-right: 1px solid #eee;
box-sizing: border-box
}

#roomsViewType01 [class~=rooms_info] ul li:last-child {
border-right: 0
}

#roomsViewType01 [class~=rooms_info] ul li [class~=inner] {
width: 100%;
padding: 0;
margin: 0
}

#roomsViewType01 [class~=rooms_info] ul li [class~=inner_area] {
width: 100%;
color: #000;
text-align: center
}

#roomsViewType01 [class~=rooms_info] ul li div[class~=con_txt] {
width: 100%;
padding: 0 15px
}

#roomsViewType01 [class~=rooms_info] ul li div[class~=con_txt] p {
display: inline-block;
padding: 8px 15px;
color: #fff;
font-size: 1.4em;
font-weight: 700;
background-color: #d3834b;
border-radius: 20px;
}

#roomsViewType01 [class~=reserv_bt_div] {
margin: 50px auto 30px;
text-align: center
}

#roomsViewType01 [class~=rooms_info] ul li div[class~=con_txt] span {
display: block;
color: #666;
font-size: 1.4em;
font-weight: 300;
line-height: 1.5em;
margin-top: 10px;
word-break: keep-all
}

#roomsViewType01 table[class~=rooms_price] {
width: 100%;
max-width: 1300px;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #002b5c;
border-left: 1px solid #eee;
margin: 0 auto;
margin-top: 80px
}

#roomsViewType01 table[class~=rooms_price] th {
color: #333;
text-align: center;
font-size: 1.4em;
font-weight: 700;
padding: 10px 10px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-color: #ffdaba
}

#roomsViewType01 table[class~=rooms_price] td {
text-align: center;
padding: 0px 0px 20px 0;
font-size: 1.4em;
font-weight: 300;
border-bottom: 1px solid #ffdaba;
border-right: 1px solid #ffdaba;
}

#roomsViewType01 [class~=rooms_cancel] [class~=inner_area] {
width: 100%;
background-color: #fff;
padding: 30px 0px;
padding-bottom: 0px
}

#roomsViewType01 [class~=rooms_cancel] [class~=inner_area] h3[class~=caution_tit] {
font-size: 1.6em;
font-weight: 700;
color: #333;
text-align: center;
}

#roomsViewType01 [class~=rooms_cancel] [class~=inner_area] dl {
width: 100%;
margin-top: 30px
}

#roomsViewType01 [class~=rooms_cancel] [class~=inner_area] dl dd {
position: relative;
margin-bottom: 15px;
padding-left: 15px;
color: #444;
font-size: 1.4em;
font-weight: 300;
line-height: 1.8em;
word-break: keep-all
}

#roomsViewType01 [class~=rooms_cancel] [class~=inner_area] dl dd:before {
content: "";
width: 4px;
height: 4px;
background-color: #9f8256;
position: absolute;
left: 0;
top: 6px
}

#roomsViewType01 [class~=rooms_cancel] {
width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 0px;
margin-top: 30px
}

#roomsViewType01 [class~=rooms_cancel]:after {
content: "";
display: block;
clear: both
}

#roomsViewType01 [class~=rooms_cancel] [class~=inner_area] {
width: 100%;
background-color: #fff;
padding: 0px 0px;
padding-bottom: 0px
}

#roomsViewType01 [class~=rooms_cancel] [class~=inner_area] h3[class~=caution_tit] {
font-size: 1.6em;
font-weight: 700;
color: #333;
text-align: center;
padding-bottom: 10px;
border-bottom: 1px solid #ffdaba;
}

#roomsViewType01 [class~=rooms_cancel] [class~=inner_area] dl {
width: 100%;
margin-top: 30px
}

#roomsViewType01 [class~=rooms_cancel] [class~=inner_area] dl dd {
position: relative;
margin-bottom: 15px;
padding-left: 15px;
color: #444;
font-size: 1.4em;
line-height: 1.8em;
word-break: keep-all
}

#roomsViewType01 [class~=rooms_cancel] [class~=inner_area] dl dd:before {
content: "";
width: 4px;
height: 4px;
background-color: #9f8256;
position: absolute;
left: 0;
top: 6px
}

#roomsViewType01 [class~=rooms_cancel] [class~=tt] {
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #002b5c;
border-left: 1px solid #eee
}

#roomsViewType01 [class~=rooms_cancel] [class~=tt] th {
color: #333;
text-align: center;
font-size: 1.4em;
font-weight: 700;
padding: 10px 10px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
background-color: #ffdaba;
}

#roomsViewType01 [class~=rooms_cancel] [class~=tt] td {
font-size: 1.4em;
font-weight: 300;
text-align: center;
padding: 10px 0px;
border-bottom: 1px solid #ffdaba;
border-right: 1px solid #ffdaba;
}



@media all and (max-width: 1500px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] {
    background-color:#fafafa
}
}

@media all and (max-width: 1500px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] [class~=swiper-slide-left] {
    height:auto
}
}

@media all and (max-width: 1500px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] [class~=swiper-slide-right] {
    height:auto
}
}

@media all and (max-width: 1500px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] [class~=swiper-slide-right] [class~=con_left_inner] {
    padding-top:80px
}
}

@media all and (max-width: 1500px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] [class~=swiper-slide-right] [class~=con_left_inner] [class~=infoIcon] {
    margin-top:25px
}
}

@media all and (max-width: 1500px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] [class~=swiper-slide-right] [class~=con_left_inner] [class~=infoIcon] ul {
    padding:0
}
}

@media all and (max-width: 1500px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] [class~=swiper-slide-right] [class~=con_left_inner] [class~=infoIcon] ul li {
    margin:5px 0;
    padding: 0 15px
}
}

@media all and (max-width: 1500px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] [class~=swiper-slide-right] [class~=con_left_inner] [class~=infoIcon] ul li div i {
    width:35px;
    height: 35px;
    line-height: 35px;
    font-size: 1.5em
}
}

@media all and (max-width: 1500px) {
#roomsListType03 [class~=reserv_bt_s] {
    margin:20px auto;
    margin-bottom: 0
}
}

@media all and (max-width: 1200px) {
#roomsListType01 #pro_bnr [class~=pro_box] {
    width:calc(33.333333% - 30px);
    margin-left: 30px;
    margin-bottom: 30px
}
}

@media all and (max-width: 1200px) {
#roomsListType02 [class~=rooms_list] {
    margin-bottom:90px
}
}

@media all and (max-width: 1200px) {
#roomsListType02 [class~=rooms_list] [class~=img_left] {
    width:50%
}
}

@media all and (max-width: 1200px) {
#roomsListType02 [class~=rooms_list] [class~=img_right] {
    width:50%
}
}

@media all and (max-width: 1200px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] [class~=swiper-slide-right] [class~=con_left_inner] {
    padding-top:30px
}
}

@media all and (max-width: 1200px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=gallery-top] {
    height:600px
}
}

@media all and (max-width: 1200px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=gallery-thumbs] [class~=swiper-slide] {
    width:25%;
    height: 90px
}
}

@media all and (max-width: 1100px) {
#rooms_visual {
    top:0px;
    margin-top: 0
}
}

@media all and (max-width: 1100px) {
#rooms_visual [class~=swiper-slide] {
    width:100%;
    height: auto
}
}

@media all and (max-width: 1100px) {
#rooms_visual [class~=swiper-slide] div[class~=backgroundimg] {
    height:auto
}
}

@media all and (max-width: 1100px) {
#rooms_visual [class~=sliderkit-text] {
    height:auto;
    bottom: 35%;
    background: rgba(255,255,255,0)
}
}

@media all and (max-width: 1100px) {
#rooms_visual [class~=sliderkit-text] h1[class~=lviewa] {
    font-size:2em
}
}

@media all and (max-width: 1100px) {
#rooms_visual [class~=sliderkit-text] h1[class~=sviewa] {
    font-size:1.25em
}
}

@media all and (max-width: 1100px) {
#rooms_visual [class~=sliderkit-text] h1 img {
    width:60%
}
}

@media all and (max-width: 1100px) {
#rooms_visual [class~=sliderkit-text] div span {
    display:inline-block;
    padding: 0 30px;
    font-size: 1em
}
}

@media all and (max-width: 1100px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] [class~=swiper-slide-left] {
    width:100%;
    height: auto
}
}

@media all and (max-width: 1100px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-slide] [class~=swiper-slide-right] {
    width:100%;
    height: auto;
    padding: 0;
    padding-top: 30px
}
}

@media all and (max-width: 1100px) {
#roomsListType03 [class~=reserv_bt_s] {
    margin:50px auto
}
}

@media all and (max-width: 1000px) {
#roomsListType02 [class~=rooms_list] img {
    width:100%
}
}

@media all and (max-width: 1000px) {
#roomsListType02 [class~=rooms_list]:last-child {
    margin-bottom:50px
}
}

@media all and (max-width: 1000px) {
#roomsListType02 [class~=rooms_list] [class~=img_left] {
    width:100%
}
}

@media all and (max-width: 1000px) {
#roomsListType02 [class~=rooms_list] [class~=img_right] {
    width:100%
}
}

@media all and (max-width: 1000px) {
#roomsListType02 [class~=rooms_list] [class~=txt_area] {
    clear:both;
    position: static;
    position: relative;
    top: 0px;
    width: 100%;
    padding: 0;
    background-color: rgba(255,255,255,0)
}
}

@media all and (max-width: 1000px) {
#roomsListType02 [class~=rooms_list] [class~=txt_area] h4[class~=b_tit] {
    height:40px;
    line-height: 40px;
    font-size: 1.25em;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,.5)
}
}

@media all and (max-width: 1000px) {
#roomsListType02 [class~=rooms_list] [class~=type_other] {
    clear:both;
    position: static;
    position: relative;
    top: 0px;
    width: 100%;
    padding: 0;
    background-color: rgba(255,255,255,0)
}
}

@media all and (max-width: 900px) {
[class~=rooms_info_all] ul li {
    width:100%;
    padding: 20px 20px;
    margin-right: 0;
    margin-bottom: 5px
}
}

@media all and (max-width: 900px) {
[class~=rooms_info_all] ul li [class~=inner_area] {
    height:auto
}
}

@media all and (max-width: 900px) {
[class~=rooms_info_all] ul li [class~=con_icon] {
    float:left;
    display: inline-block;
    margin-right: 20px
}
}

@media all and (max-width: 900px) {
[class~=rooms_info_all] ul li div[class~=con_txt] {
    width:70%;
    float: left;
    text-align: left;
    margin-top: 0
}
}

@media all and (max-width: 900px) {
[class~=rooms_info_all] ul li div[class~=con_txt] span {
    padding:0
}
}

@media screen and (max-width: 768px) {
#rooms_visual [class~=swiper-slide] [class~=backgroundimg] [class~=mobile_only] {
    display:block
}
}

@media screen and (max-width: 768px) {
#rooms_visual [class~=swiper-slide] [class~=backgroundimg] [class~=pc_only] {
    display:none
}
}

@media screen and (max-width: 768px) {
#rooms_visual [class~=swiper-button-prev] {
    display:none !important
}

[class~=swiper-container-rtl] [class~=swiper-button-next] {
    display: none !important
}
}

@media screen and (max-width: 768px) {
#rooms_visual [class~=swiper-button-next] {
    display:none !important
}

[class~=swiper-container-rtl] [class~=swiper-button-prev] {
    display: none !important
}
}

@media screen and (max-width: 768px) {
#rooms_visual [class~=swiper-container-horizontal] > [class~=swiper-pagination-bullets] {
    bottom:20%
}
}

@media screen and (max-width: 768px) {
#roomsListType01 #pro_bnr {
    margin-left:-20px
}
}

@media screen and (max-width: 768px) {
#roomsListType01 #pro_bnr [class~=pro_box] {
    width:calc(50% - 20px);
    margin-left: 20px;
    margin-bottom: 20px
}
}

@media screen and (max-width: 768px) {
#roomsViewType01 [class~=rooms_info] ul {
    padding:0
}
}

@media screen and (max-width: 768px) {
#roomsViewType01 [class~=rooms_info] ul li {
    width:100%;
    padding: 20px 0;
    border-right: 0;
    border-bottom: 1px solid #ddd
}
}

@media screen and (max-width: 768px) {
#roomsViewType01 [class~=rooms_info] ul li div[class~=con_txt] p {
    float:left;
    width: 25%;
    text-align: center;
    padding: 2px 5px
}
}

@media screen and (max-width: 768px) {
#roomsViewType01 [class~=rooms_info] ul li div[class~=con_txt] span {
    float:left;
    width: 75%;
    display: inline-block;
    text-align: left;
    padding-left: 15px;
    margin-top: 0
}
}

@media screen and (max-width: 768px) {
#roomsViewType01 [class~=thumbs-gallery] [class~=swiper-container] {
    margin-top:0px
}
}

@media screen and (max-width: 768px) {
#roomsViewType01 table[class~=rooms_price] {
    margin-top:20px
}
}

@media screen and (max-width: 768px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=gallery-top] {
    height:410px
}
}

@media screen and (max-width: 768px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=gallery-thumbs] [class~=swiper-slide] {
    height:70px
}
}

@media screen and (max-width: 768px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-button-prev] {
    margin-top:-20px;
    width: 40px;
    height: 40px;
    background-size: 100%
}

[class~=swiper-container-rtl] [class~=swiper-button-next] {
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-size: 100%
}
}

@media screen and (max-width: 768px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-button-next] {
    margin-top:-20px;
    width: 40px;
    height: 40px;
    background-size: 100%
}

[class~=swiper-container-rtl] [class~=swiper-button-prev] {
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-size: 100%
}
}

@media screen and (max-width: 768px) {
#ddny_room_daily_price {
    margin-top:20px
}
}

@media screen and (max-width: 768px) {
[class~=other_rooms_area] {
    height:auto;
    padding: 40px 25px
}
}

@media screen and (max-width: 768px) {
[class~=other_rooms_area] a span[class~=txt] {
    font-size:1.5em
}
}

@media screen and (max-width: 640px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-button-prev] {
    top:23%
}

[class~=swiper-container-rtl] [class~=swiper-button-next] {
    top: 23%
}
}

@media screen and (max-width: 640px) {
#roomsListType03 [class~=thumbs-gallery] [class~=swiper-button-next] {
    top:23%
}

[class~=swiper-container-rtl] [class~=swiper-button-prev] {
    top: 23%
}
}

@media screen and (max-width: 640px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=gallery-top] {
    height:340px
}
}

@media screen and (max-width: 640px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=gallery-thumbs] [class~=swiper-slide] {
    height:60px
}
}

@media screen and (max-width: 640px) {
[class~=common_information] [class~=info1] [class~=detail] {
    width:100%
}
}

@media screen and (max-width: 480px) {
#rooms_visual [class~=sliderkit-text] h1[class~=lviewa] {
    font-size:1.5em
}
}

@media screen and (max-width: 480px) {
#rooms_visual [class~=sliderkit-text] h1[class~=sviewa] {
    font-size:0.9em
}
}

@media screen and (max-width: 480px) {
#rooms_visual [class~=sliderkit-text] div span {
    font-size:0.7em
}
}

@media screen and (max-width: 480px) {
#roomsListType01 {
    padding:10px 0;
    padding-bottom: 10px
}
}

@media screen and (max-width: 480px) {
#roomsListType01 #pro_bnr {
    margin-left:-10px
}
}

@media screen and (max-width: 480px) {
#roomsListType01 #pro_bnr [class~=pro_box] {
    width:calc(50% - 10px);
    margin-left: 10px;
    margin-bottom: 10px
}
}

@media screen and (max-width: 480px) {
#roomsListType02 [class~=rooms_btn_more] {
    width:auto;
    height: auto;
    line-height: auto;
    min-width: 100px;
    padding: 0px 15px
}
}

@media screen and (max-width: 480px) {
#roomsListType02 [class~=rooms_btn_more_re] {
    width:auto;
    height: auto;
    line-height: auto;
    min-width: 100px;
    padding: 0px 15px
}
}

@media screen and (max-width: 480px) {
#roomsListType03 [class~=reserv_bt_s] {
    width:40%;
    height: 40px;
    line-height: 40px;
    margin: 10px auto;
    margin-bottom: 30px
}
}

@media screen and (max-width: 480px) {
[class~=common_information] [class~=info1] [class~=detail][class~=right] {
    margin-top:30px
}
}

@media screen and (max-width: 480px) {
#ddny_room_daily_price [class~=week_date] p {
    font-size:1em
}
}

@media screen and (max-width: 480px) {
#roomsViewType01 [class~=reserv_bt_s] {
    width:40%;
    height: 40px;
    line-height: 40px
}
}

@media screen and (max-width: 480px) {
#roomsViewType01 [class~=reserv_bt_sa] {
    width:40%;
    height: 40px;
    line-height: 40px
}
}

@media screen and (max-width: 480px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=gallery-top] {
    height:265px
}
}

@media screen and (max-width: 480px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=gallery-thumbs] [class~=swiper-slide] {
    height:40px
}
}

@media screen and (max-width: 480px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=swiper-button-prev]:after {
    width:30px;
    height: 30px
}

[class~=swiper-container-rtl] [class~=swiper-button-next]:after {
    width: 30px;
    height: 30px
}
}

@media screen and (max-width: 480px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=swiper-button-prev] {
    margin-top:-15px;
    width: 30px;
    height: 30px;
    background-size: 85%
}

[class~=swiper-container-rtl] [class~=swiper-button-next] {
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background-size: 85%
}
}

@media screen and (max-width: 480px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=swiper-button-next] {
    margin-top:-15px;
    width: 30px;
    height: 30px;
    background-size: 85%
}

[class~=swiper-container-rtl] [class~=swiper-button-prev] {
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background-size: 85%
}
}

@media screen and (max-width: 480px) {
#roomsViewType02 [class~=reserv_bt_s] {
    width:40%;
    height: 40px;
    line-height: 40px
}
}

@media screen and (max-width: 480px) {
#roomsViewType02 [class~=reserv_bt_sa] {
    width:40%;
    height: 40px;
    line-height: 40px
}
}

@media screen and (max-width: 480px) {
[class~=rooms_info_all] ul li [class~=con_icon] {
    width:40px;
    height: 40px
}
}

@media screen and (max-width: 480px) {
[class~=rooms_info_all] ul li [class~=con_icon] i {
    width:40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.25em
}
}

@media screen and (max-width: 480px) {
[class~=rooms_info_all] ul li div[class~=con_txt] p {
    font-size:1.15em
}
}

@media screen and (max-width: 360px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=gallery-top] {
    height:192px
}
}

@media screen and (max-width: 360px) {
#roomsViewType02 [class~=thumbs-gallery] [class~=gallery-thumbs] [class~=swiper-slide] {
    height:30px
}
}
@media screen and (max-width: 768px) {
#roomsViewType01 table[class~=rooms_price] {
    margin-top:20px;
}
}

@media screen and (max-width: 768px) {
#roomsViewType01 [class~=rooms_info] ul {
    padding:0
}
}

@media screen and (max-width: 768px) {
#roomsViewType01 [class~=rooms_info] ul li {
    width:100%;
    padding: 20px 0;
    border-right: 0;
    border-bottom: 1px solid #ddd
}
}

@media screen and (max-width: 768px) {
#roomsViewType01 [class~=rooms_info] ul li div[class~=con_txt] p {
    float:left;
    width: 25%;
    text-align: center;
    padding: 2px 5px
}
}

@media screen and (max-width: 768px) {
#roomsViewType01 [class~=rooms_info] ul li div[class~=con_txt] span {
    float:left;
    width: 75%;
    display: inline-block;
    text-align: left;
    padding-left: 15px;
    margin-top: 0
}
}

.sliderdetailinfo {
  position: relative;
  width: 100%;
  height: 100%; /* 화면 전체 높이 */
  overflow: hidden;
  border-radius: 24px;
}

.slidesdetailinfo {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.slidesdetailinfo img {
  width: 100%;
  height: auto !important; /* 화면 높이에 맞게 조정 */
  object-fit: cover; /* 이미지 비율 유지하며 전체 채우기 */
  text-align: center;
}

.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  z-index: 10;
  padding: 15px 20px;
  border-radius: 100px;
}

#prevSlide {
  left: 10px;
}

#nextSlide {
  right: 10px;
}

/*   @media screen and (max-width: 768px) {
  .rooms_price tr{overflow-x: scroll !important;max-width: 1000px !important;width: 100% !important;}
  .roomsViewType01{overflow-x: scroll !important;max-width: 1000px !important;width: 100% !important;}
} */
@media screen and (max-width: 768px) {
.btn_report{margin-top: 10px !important;}
.sec06{overflow-x: auto !important;}
.rooms_price {overflow-x: scroll !important;max-width: 1000px !important;width: 100% !important;}
}