.con_intro,.con_stay{
    width:95%;
	max-width:1160px;
	margin:auto;
}
.un-height{
	min-height: 62px;
}
.pc-only{
	display: block;
}
@media only screen and (max-width: 1109px){
    .con_intro,.con_stay{
		width:90%;
	}
	.un-height{
		min-height: auto;
	}
	.pc-only{
		display: none;
	}
}

@font-face{
font-family:'icomoon';
src:url("../fonts/icomoon.eot?ye47b6");
src:url("../fonts/icomoon.eot?ye47b6#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?ye47b6") format("truetype"),url("../fonts/icomoon.woff?ye47b6") format("woff"),url("../fonts/icomoon.svg?ye47b6#icomoon") format("svg");
font-weight:normal;
font-style:normal;
font-display:block}
.con_intro{
margin-top:110px
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro{
margin-top:70px}

}



.con_intro .txt{
font-size:116%
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro .txt{
font-size:108%}

}




@media only screen and (min-width: 768px){
    .con_intro .txt{
text-align:center;
letter-spacing:.1em;
line-height:2.33}

}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro .txt{
line-height:2;
letter-spacing:.08em}

}



.con_intro .box_pnav{
display:flex;
margin-top:100px
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro .box_pnav{
margin-top:65px}

}



@media only screen and (max-width: 1109px){
    .con_intro .box_pnav{
flex-wrap:wrap}
}
.con_intro .box_pnav li{
position:relative;
padding:0 10px;
box-sizing:border-box
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro .box_pnav li{
padding:0 7px}

}


.con_intro .box_pnav li:before,.con_intro .box_pnav li:after{
content:'';
position:absolute;
top:50%;
width:1px;
background:#696969;
transform:translateY(-50%)
}

@media only screen and (min-width: 768px){
    .con_intro .box_pnav li:before,.con_intro .box_pnav li:after{
height:calc(100% - 20px)}

}




.con_intro .box_pnav li:before{
left:-1px;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0}
.con_intro .box_pnav li:after{
right:-1px
}

@media only screen and (min-width: 768px){
    .con_intro .box_pnav li{
width:33.33333%}
.con_intro .box_pnav li:first-child:before{
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1}

}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro .box_pnav li{
width:33.33333%;
margin-top:.5em}
.con_intro .box_pnav li:nth-child(-n+3){
margin-top:0}
.con_intro .box_pnav li:nth-child(3n+1):before{
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1}

}


.con_intro .box_pnav li a{
position:relative;
z-index:1;
display:block;
padding:10px 0.5em 7px;
box-sizing:border-box;
text-decoration:none;
text-align:center;
color:#464646
}



.con_intro .box_pnav li a:before{
content:'';
position:absolute;
left:0;
top:0;
z-index:-1;
width:100%;
height:100%;
background:url(../images/common/bg1.png) left top;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
transition:opacity 300ms ease}
.con_intro .box_pnav li a:before,.con_intro .box_pnav li a:after{
font-family:FontAwesome;
vertical-align:middle}
.con_intro .box_pnav li a:after{
content:"";
margin-left:.5em;
display:block;
line-height:1;
margin:0.8em 0 0;
transition:transform 300ms ease
}




.con_intro .box_pnav li a>*{
display:block;
line-height:1}
.con_intro .box_pnav li a span{
font-size:270%;
/*font-family:'Tangerine', cursive;
	color: #bf714d;*/
font-family: 'Staatliches', cursive;
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro .box_pnav li a span{
font-size:216%}

}




@media only screen and (min-width: 1110px){
    .con_intro .box_pnav li a span{
letter-spacing:.08em}
}
@media print{
.con_intro .box_pnav li a span{
letter-spacing:.08em}

}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro .box_pnav li a span{
letter-spacing:.06em}

}


.con_intro .box_pnav li a em{
margin-top:10px;
font-size:116%
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro .box_pnav li a em{
margin-top:7px}

}



@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro .box_pnav li a em{
font-size:108%}

}



@media only screen and (min-width: 1110px){
    .con_intro .box_pnav li a em{
letter-spacing:.07em}
}
@media print{
.con_intro .box_pnav li a em{
letter-spacing:.07em}

}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_intro .box_pnav li a em{
letter-spacing:.05em}

}



.con_intro .box_pnav li a:hover:before{
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1}
.con_intro .box_pnav li a:hover:after{
transform:translateY(0.3em)}
.con_stay{
margin-top:200px
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay{
margin-top:120px}

}




@media only screen and (min-width: 768px){
    .con_stay{
		max-width:1160px;
		letter-spacing:-.4em;
		text-align:center;
	}
}
.con_stay>li{
margin:150px 0 0 1.25%
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li{
margin:100px 0 0 1.25%}

}




@media only screen and (min-width: 768px){
    .con_stay>li{
display:inline-block;
letter-spacing:normal;
vertical-align:top;
width:49.375%;
text-align:left}
.con_stay>li:nth-child(-n+2){
margin-top:0}
.con_stay>li:nth-child(odd){
margin-left:0}

}



.con_stay>li .st{
margin-bottom:20px;
/*color:#a37e39;*/
color: #bf714d;
font-size:424%;
/*font-family:'Tangerine', cursive;*/
/*color: #bf714d;*/
font-family: 'Staatliches', cursive;
letter-spacing:.04em;
line-height:1;
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .st{
margin-bottom:15px}

}



@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .st{
font-size:347%}

}



.con_stay>li .sst{
margin-bottom:15px;
font-size:331%;
font-family:'Cormorant Infant', serif;
line-height:1
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .sst{
margin-bottom:10px}

}



@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .sst{
font-size:254%}

}


.con_stay>li .room{
margin-bottom:20px;
font-size:139%;
letter-spacing:.07em;
line-height:1
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .room{
margin-bottom:15px}

}




@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .room{
font-size:131%}

}



.con_stay>li .info{
    display: inline-block;
    padding: 10px 20px 10px;
    border-top: 1px solid #ccc;
    margin-bottom: 15px;
    box-sizing: border-box;
    letter-spacing: -.4em;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .info{
padding:3px 15px 8px}

}




@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .info{
margin-bottom:10px}

}


.con_stay>li .info p{
display:inline;
font-size:108%;
letter-spacing:.05em;
margin:5px 20px 0 0
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .info p{
font-size:100%}

}



@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .info p{
margin:5px 15px 0 0}

}


.con_stay>li .info p:last-child{
margin-right:0}
.con_stay>li .box_roo{
position:relative}
.con_stay>li .box_roo .obj_slider{
margin-bottom:0 !important}
.con_stay>li .box_roo .obj_slider .slick-list{
transition:opacity 300ms ease}
.con_stay>li .box_roo .obj_slider .slick-dots{
position:absolute;
left:0;
right:0;
bottom:-30px;
width:100%;
letter-spacing:-.4em;
text-align:center;
line-height:1
}


.con_stay>li .box_roo .obj_slider .slick-dots li{
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
width:26px;
height:3px;
margin-left:15px;
background:#535353;
transition:background 300ms ease
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .box_roo .obj_slider .slick-dots li{
margin-left:10px}

}




.con_stay>li .box_roo .obj_slider .slick-dots li button{
display:none}
.con_stay>li .box_roo .obj_slider .slick-dots li:first-child{
margin-left:0}
.con_stay>li .box_roo .obj_slider .slick-dots li:hover,.con_stay>li .box_roo .obj_slider .slick-dots li.slick-active{
cursor:pointer;
background:#a37e39}
.con_stay>li .box_roo:hover .slick-list{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity:.7}
.con_stay>li .box_roo a{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:block;
text-decoration:none}
.con_stay>li .box_roo a:after{
content:"";
margin-left:.5em;
font-family:'icomoon' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
position:absolute;
bottom:0;
right:3.16456%;
z-index:1;
margin-bottom:-85px;
color:#a37e39;
margin-left:0;
transition:opacity 500ms ease,transform 500ms ease
}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .box_roo a:after{
margin-bottom:-50px}

}



@media only screen and (min-width: 1110px){
    .con_stay>li .box_roo a:after{
font-size:808%;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0}
}
@media print{
.con_stay>li .box_roo a:after{
font-size:808%;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0}

}

@media only screen and (min-width: 768px) and (max-width: 1109px){
    .con_stay>li .box_roo a:after{
font-size:462%}

}


.con_stay>li .box_roo a:hover:after{
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1;
transform:translateX(0.2em)

}

@media only screen and (max-width: 767px){
    .con_intro{
        margin-top:3em
    }

    .con_intro .txt{
        font-size:100%
    }

    .con_intro .txt{
        line-height:1.76;
letter-spacing:.04em
    }

    .con_intro .box_pnav{
        margin-top:1.5em
    }

    .con_intro .box_pnav li{
        padding:0 0.5em
    }

    .con_intro .box_pnav li:before,.con_intro .box_pnav li:after{
        height:calc(100% - 1.5em)
    }

    .con_intro .box_pnav li{
        width:50%;
margin-top:.5em
    }
    .con_intro .box_pnav li:nth-child(-n+2){
        margin-top:0
    }
    .con_intro .box_pnav li:nth-child(odd):before{
        filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1
    }

    .con_intro .box_pnav li a{
        padding:0.8em 0 0.5em
    }

    .con_intro .box_pnav li a:after{
        margin:0.5em 0 0
    }

    .con_intro .box_pnav li a span{
        font-size:170%
    }

    .con_intro .box_pnav li a span{
        letter-spacing:.03em
    }

    .con_intro .box_pnav li a em{
        margin-top:.5em
    }

    .con_intro .box_pnav li a em{
        font-size:93%
    }

    .con_intro .box_pnav li a em{
        letter-spacing:.02em
    }

        .con_stay{
    margin-top:3em
    }

        .con_stay>li{
    margin:5em 0 0
    }

    .con_stay>li:first-child{
        margin-top:0
    }

    .con_stay>li .st{
        margin-bottom:.3em
    }

    .con_stay>li .st{
        font-size:231%
    }

    .con_stay>li .sst{
        margin-bottom:.3em
    }

    .con_stay>li .sst{
        font-size:200%
    }

    .con_stay>li .room{
        margin-bottom:1em
    }

    .con_stay>li .room{
        font-size:116%
    }

    .con_stay>li .info{
        padding:0.3em 0.8em 0.5em
    }

    .con_stay>li .info{
        margin-bottom:1em
    }

    .con_stay>li .info p{
        font-size:93%
    }

    .con_stay>li .info p{
        margin:0.2em 1em 0 0
    }

    .con_stay>li .box_roo .obj_slider .slick-dots{
        margin-top:1em
    }

    .con_stay>li .box_roo .obj_slider .slick-dots li{
        margin-left:1em
    }

    .con_stay>li .box_roo .obj_slider .slick-dots li{
        width:1.5em
    }

    .con_stay>li .box_roo a:after{
        margin-bottom:-0.8em

    }

    .con_stay>li .box_roo a:after{
        font-size:385%
    }
}