@charset "utf-8";
#wrap{min-width:1000px;}

#shortHead{padding:10px 20px;background-color:#eceff3;border-bottom:1px solid #ddd;}
#shortHead:after{content:'';display:block;clear:both;}
#shortHead a{display:block;float:left;margin-left:15px;font-size:15px;color:#000;}
#shortHead a:first-child{margin-left:0;}
#shortHead b{font-size:14px;line-height:inherit;}
#shortHead .head-left{float:left;}
#shortHead .head-right{float:right;}

#shortMain{}

#shortMain .main-title{padding:80px 0 40px;text-align:center;}
#shortMain .main-title strong{display:block;}
#shortMain .main-title p{margin-top:25px;font-size:30px;line-height:135%;text-align:center;color:#000;}
#shortMain .main-title b{font-weight:700;font-size:inherit;color:inherit;}

#shortMain .main-shortcut{margin-top:120px;background-color:#bde0e3;}
#shortMain .main-shortcut .shortcut-wrap{width:1000px;margin:0 auto;}
#shortMain .main-shortcut .shortcut-wrap:after{content:'';display:block;clear:both;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color1,
#shortMain .main-shortcut .shortcut-wrap .shortcut-color2,
#shortMain .main-shortcut .shortcut-wrap .shortcut-color3 {display:block;float:left;width:300px;height:260px;margin:-120px 0 0 40px;}
#shortMain .main-shortcut .shortcut-wrap > a:first-child{margin-left:0;}

#shortMain .main-shortcut .shortcut-wrap .shortcut-hover{padding: 35px 35px 0;height:100%;text-align:center;box-shadow:5px 5px 10px -3px rgba(0, 0, 0, 0.3)}
#shortMain .main-shortcut .shortcut-wrap .shortcut-title{display:block;line-height:150%;font-weight:500;font-size:25px;color:#fff;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-text{display:block;margin-top:25px;line-height:150%;font-size:15px;color:#fff;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-button{display:block;padding: 13px;margin-top: 35px;font-weight:500;font-size:19px;background-color:#fbfcfd;color:#000;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-button img{margin-left:10px;vertical-align:1px}
#shortMain .main-shortcut .shortcut-wrap .shortcut-arrow{display:inline-block;width:47px;height:47px;padding-top:17px;margin-top:10px;border-radius:100%;background-color:#fff;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3);}

#shortMain .main-shortcut .shortcut-wrap .shortcut-hover.short_type1{padding:35px 35px 0;} 
#shortMain .main-shortcut .shortcut-wrap .shortcut-hover.short_type2{padding:35px 15px 0;}

#shortMain .main-shortcut .shortcut-wrap .shortcut-color1 .shortcut-hover{background-color:#405ea1;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color2 .shortcut-hover{background-color:#2e81a0;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color2 .shortcut-title br{display:none;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color3 .shortcut-hover{background:#027b46 url(/smpl/images/content/shortcut-color3.png) no-repeat 30px 95px;}


.shortcut-link-wrap {display:flex;justify-content: space-between; align-items: center;margin-top: 65px;}
.shortcut-link-wrap:after{content: ""; display: block; clear: both;}
.shortcut-link { width: calc((100% - 5px) / 3);background: #fff; display: inline-block; float: left; margin-right:6px; word-break: keep-all; padding:15px 5px;font-size: 16px;font-weight: 600;color: #222222 !important;} 
.shortcut-link:last-of-type{margin-right:0}
.house { background: url(/smpl/images/content/house.png) no-repeat; display: inline-block; width: 55px; height: 55px; position: absolute;left: -16px;}
.shortcut-link:hover {color: red}
.shortcut-link:hover {outline: 3px solid #db001a;}


/*transition*/
#shortMain .main-shortcut .shortcut-wrap .shortcut-hover{position:relative;top:0;transition:top 150ms ease-out}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color1:hover .shortcut-hover,
#shortMain .main-shortcut .shortcut-wrap .shortcut-color2:hover .shortcut-hover,
#shortMain .main-shortcut .shortcut-wrap .shortcut-color3:hover .shortcut-hover {top:-20px;}

#shortMain .main-telephone{padding:50px 0 30px;text-align:center;background-color:#bde0e3;}
#shortMain .main-telephone span{display:inline-block;margin:0 6px;vertical-align:middle;color:#000;}
#shortMain .main-telephone img{padding:10px;margin-right:10px;vertical-align:middle;border-radius:100%;background-color:#fff;box-shadow:0 0 5px -2px rgba(0, 0, 0, 0.3);}
#shortMain .main-telephone a{display:inline-block;vertical-align:middle;color:inherit;}
#shortMain .main-telephone b{color:inherit;}


#shortFoot{height:100px;}
#shortFoot address{padding:25px 0 0;}
#shortFoot address p{font-size:14px;letter-spacing:-1px;text-align:center;color:#556668;}
#shortFoot address p span{display:inline-block;margin:0 6px;}


@media (max-width:1200px) {
#shortMain .main-shortcut{padding:0 10px;}
#shortMain .main-shortcut .shortcut-wrap{width:980px;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color1,
#shortMain .main-shortcut .shortcut-wrap .shortcut-color2,
#shortMain .main-shortcut .shortcut-wrap .shortcut-color3 {margin-left:25px;}

}

@media (max-width:767px) {
#wrap{min-width:550px;}

#shortMain .main-title{padding:20px 0;}
#shortMain .main-title img{width:150px;}
#shortMain .main-title p{margin-top:15px;font-size:18px;}

#shortMain .main-shortcut{overflow:hidden;padding-top:10px;margin-top:0;}
#shortMain .main-shortcut .shortcut-wrap{width:100%;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color1,
#shortMain .main-shortcut .shortcut-wrap .shortcut-color2,
#shortMain .main-shortcut .shortcut-wrap .shortcut-color3{width:calc(50% - 10px);height:255px;margin:20px 0 0 20px;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color3{width:100%;height:165px;margin-left:0;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color3 br{display:none;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-hover{padding:35px 35px;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-title{height:60px;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-text{margin-top:15px}
#shortMain .main-shortcut .shortcut-wrap .shortcut-button{margin-top:15px;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color1:hover .shortcut-hover, 
#shortMain .main-shortcut .shortcut-wrap .shortcut-color2:hover .shortcut-hover, 
#shortMain .main-shortcut .shortcut-wrap .shortcut-color3:hover .shortcut-hover {top: 0}
#shortMain .main-shortcut .shortcut-wrap .shortcut-title{display:inline-block;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-arrow{display:inline-block;margin-left:13px;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color1 .shortcut-title{padding-top:20px;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color2 .shortcut-title br{display:block;}
#shortMain .main-shortcut .shortcut-wrap .shortcut-color3 .shortcut-hover{ background-position: 90% 60%;}
    
.shortcut-link-wrap {margin-top: 0;}   
#shortMain .main-shortcut .shortcut-wrap a {float: none;} 
.shortcut-link {height: 49px;    padding: 13px 0;}
.house {display: none;}   
    
    
#shortMain .main-telephone{padding:30px 0 20px;}

#shortFoot{height:auto;background-color:#fff;}
#shortFoot address{padding:20px;}
#shortFoot address p:first-child{max-width:500px;margin:0 auto;}
    
    
#shortMain .main-shortcut{padding: 0 30px;}
    
    
    
    
}


/*
@media (max-width:650px) {
#shortMain .main-telephone span{display:block;}
#shortMain .main-telephone .slash{display:none}
}*/


#shortContents{max-width:1200px;padding-bottom:50px;margin:0 auto;}
#shortContents .contents-title{display:block;margin:20px 0;line-height:110%;text-align:center;font-weight:500;font-size:36px;color:#000;}
#shortContents .stay_info{padding-left:0;}
#shortContents .stayroom .stay_result_border{background-color:transparent;}

#shortContents .apt_mark{border-radius:0;}

#shortContents .fast_list.monthTable .right_table>tbody td{position:relative;}
#shortContents .fast_list.monthTable .right_table>tbody td>a{display:table;width:100%;height:100%;}
#shortContents .fast_list.monthTable .right_table>tbody td>a .apt_mark{display:table-cell;width:100%;height:100%;padding-top:0;vertical-align:middle}


#shortContents .communication_list .type01 .opt_group .opt1{position:relative;padding-left:25px;background:transparent;}
#shortContents .communication_list .type01 .opt_group .opt1 input{position:absolute;top:9px;left:0;}

#shortContents .communication_list .list_box .opt_group{padding-bottom:0;}

#shortContents .foot_summary{margin-bottom:10px;}

#shortContents .gotohellcalendar{padding:20px;margin-bottom:20px;background-color:#dbe7f5;}
#shortContents .gotohellcalendar:after{content:'';display:block;clear:both;}
#shortContents .gotohellcalendar .calwrap{overflow:hidden;position:relative;float:right;width:55%;margin-left:15px;}
#shortContents .gotohellcalendar .calcontrol{z-index:1;position:absolute;top:0;left:0;width:100%;padding:27px 20px 0;}
#shortContents .gotohellcalendar .calcontrol a:nth-child(1){float:left;}
#shortContents .gotohellcalendar .calcontrol a:nth-child(2){float:right;}
#shortContents .gotohellcalendar .calslide{position:relative;width:200%;height:345px;}
#shortContents .gotohellcalendar .calslide:after{content:'';display:block;clear:both;}
#shortContents .gotohellcalendar .calslide .calitem{float:left;width:calc(25% - 7px);height:100%;padding:20px;margin-right:14px;background-color:#fff;}
#shortContents .gotohellcalendar .calslide .calitem:nth-child(1){margin-left:0;}
#shortContents .gotohellcalendar .calslide .calitem:nth-child(3){display:none;}
#shortContents .gotohellcalendar .calslide .calitem .caltitle{display:block;height:40px;text-align:center;font-size:20px;font-weight:500;color:#000;}
#shortContents .gotohellcalendar .caltable{table-layout:fixed;width:100%;height:calc(100% - 40px);border-top-width:0;}
#shortContents .gotohellcalendar .caltable th, #shortContents .gotohellcalendar .caltable td{height:30px;padding:0;text-align:center;font-size:14px;border-color:#fff;}
#shortContents .gotohellcalendar .caltable th{background-color:#fff;}
#shortContents .gotohellcalendar .caltable td{background-color:#eeeff4;}
#shortContents .gotohellcalendar .caltable td button{display:block;width:100%;height:100%;font-size:inherit;}
#shortContents .gotohellcalendar .caltable td button span{display:block;line-height:100%;margin-top:2px;font-size:11px;font-weight:100;}
#shortContents .gotohellcalendar .caltable .on{background-color:#546cd6;color:#fff;}
#shortContents .gotohellcalendar .caltable .empty{background-color:#f4f5fa;}
#shortContents .gotohellcalendar .caltable .sun, #shortContents .gotohellcalendar .caltable .sun button,
#shortContents .gotohellcalendar .caltable .redday, #shortContents .gotohellcalendar .caltable .redday button{color:#f46664;}
#shortContents .gotohellcalendar .caltable .sun .on,
#shortContents .gotohellcalendar .caltable .redday .on{color:#fff;}
#shortContents .gotohellcalendar .caltable .old{background-color:#cbccd0;cursor:default;}

#shortContents .gotohellcalendar .searchinput{height:345px;padding:40px 20px 0;overflow:hidden;background-color:#fff;}
#shortContents .gotohellcalendar .searchinput .input{position:relative;padding-left:150px;margin-top:15px;}
#shortContents .gotohellcalendar .searchinput .input:first-child{margin-top:0;}
#shortContents .gotohellcalendar .searchinput .input:after{content:'';display:block;clear:both;}
#shortContents .gotohellcalendar .searchinput .input label{position:absolute;top:0;left:0;width:150px;padding-top:10px;font-weight:500;font-size:18px;color:#000;}
#shortContents .gotohellcalendar .searchinput .input input[type=text], #shortContents .gotohellcalendar .searchinput .input select{width:100%;border:1px solid #bfbfbf;}
#shortContents .gotohellcalendar .searchinput .input input[type=text]{letter-spacing:-1px;padding:0 10px 0 35px;background:url(/smpl/images/content/shortmain-calendar-icon.png) no-repeat 10px 50%;}
#shortContents .gotohellcalendar .searchinput .button{margin-top:20px;text-align:center;}
#shortContents .gotohellcalendar .searchinput .button button{display:block;width:100%;padding:13px 0;font-weight:500;font-size:20px;background-color:#5568c7;color:#fff;}
#shortContents .gotohellcalendar .searchinput .button button img{vertical-align:-5px}

@media (max-width:1200px) { 
#shortContents{padding:0 20px 30px}
}

@media (max-width:1100px) {
#shortContents .gotohellcalendar {display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
#shortContents .gotohellcalendar .calwrap{width:100%;margin:15px 0 0;}
#shortContents .gotohellcalendar .searchinput {width: 100%;}
}

@media (max-width:767px) {
#shortHead .head-text{display:none;}
#shortHead .head-left span, #shortHead .head-left .c1, #shortHead .head-left .c2, #shortHead .head-left .c3{display:none;}

#shortContents .contents-title{font-size:30px;}

#shortContents .gotohellcalendar{padding:0;background-color:#fff;}
#shortContents .gotohellcalendar .calcontrol{padding-top:24px;}
#shortContents .gotohellcalendar .calwrap{padding:15px;border:1px solid #c9c9c9;}
#shortContents .gotohellcalendar .calslide{height:300px;}
#shortContents .gotohellcalendar .calslide .calitem{width:50%;padding:0;margin-top:30px;}
#shortContents .gotohellcalendar .calslide .calitem:first-child{margin-top:0;}

#shortContents .gotohellcalendar .searchinput{height:auto;padding:15px;border:1px solid #c9c9c9;}

#shortContents .communication_list .type01 .opt_group .opt1 input{position:absolute;top:13px;}

#shortContents .gotohellcalendar .searchinput .input{padding-left:0;}
#shortContents .gotohellcalendar .searchinput .input label{position:static;margin-bottom:10px;}


}


#shortContents .cal_regend {margin: -5px 0 30px; display: flex; align-items: center; justify-content: flex-end;}
#shortContents .cal_regend b {margin-right: 10px; font-size: 18px}
#shortContents .cal_regend .rg_group div {float: left; margin: 0 5px; font-size: 14px}
#shortContents .cal_regend .rg_group div i {display: inline-block; vertical-align: -10px; width: 30px; height: 30px; border: 1px solid #000;}
#shortContents .cal_regend .rg_group .rg_1 {background: #cbccd0;}
#shortContents .cal_regend .rg_group .rg_2 {background: #eeeff4;}

@media (min-width:768px) {
    #header-top {
        padding :0px 20px 0px;
        position: relative;
        background-color: #eceff3;
        min-width: 1000px;
    }
}
@media (max-width:767px) {
    #header-top {
        min-width:550px;
        padding :0px 20px 0px;
        position: relative;
        background-color: #eceff3;
    }
}
#header-top .toggle-head .inner {
    max-width: 100%;
    position: relative;
    padding-top: 3px;
    letter-spacing: 0px;
}
#header-top .toggle-head .inner img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
    margin-bottom :0;
}
#header-top .toggle-head .nuri-txt {
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    font-size: 13px;
    line-height: 1;
    word-break: break-all;
}
