.preview_con { width:96%; max-width:1620px; margin:0 auto;}
.room_preview04 { font-size:1.1em; line-height:1.5em; }
.roompreTitle { text-align:center; font-size:1em; font-weight:300; margin-bottom:5%;}
.roompreTitle .title01 { display:block; font-size:3.69em; line-height:2em; color:#262626;}
.roompreTitle .title02 { display:block; font-size:1.15em; line-height:1.6em;}
.room_preview04 ul { width:100%;}
.room_preview04 ul:after {content:"";display:block;clear:both;}
.room_preview04 ul li { overflow:hidden; float:left; padding-bottom:1em; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.room_preview04 ul li:nth-child(4n+1) { margin-left:0;}
.room_preview04 ul li img { display:block; width:100%; max-width:365px; margin-bottom:3%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.room_preview04 ul li:hover { transform:scale(1.05)}
.room_prename { font-size:1.3em; line-height:1.8em; color:#171717;}
.room_precon { font-size:1em; line-height:1.5em; color:#6a6a6a;}
.lSAction a { color:#fff; font-size:3vw; top:40%; text-align:center;}

@media  (max-width: 1024px){

.roompreTitle .title01 { font-size:8vw; line-height:2em;}
.roompreTitle .title02 { font-size:3vw; line-height:1.5em;}

}


@media  (max-width: 660px){
.room_preview04 ul li { font-size:1em; }
.room_prename { font-size:1.05em; line-height:1.8em;}
.room_precon { font-size:0.85em; line-height:1.5em; }

}


@media  (max-width: 420px){
.room_preview04 ul li { font-size:0.9em;}
.room_precon { font-size:0.75em;}
}