<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@media screen and (max-width:766px){

.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    top: 105px; /* バナーの上下の位置 */
   left: 5px; /* バナーの左右の位置 */
}
.pc {
    width: 200px; /* バナーの横幅を指定 */
}
.floating-banner:hover {
    opacity: .8; /* ホバーで少し透過 */
}
.sp {
    display: none; /* PCではスマホ用のバナーは非表示に */
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
    .pc {
        display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
    }
}

@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
    .sp {
        display: inline-block; /* 消していたスマホ用のバナーを表示させる */
        width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
    }
    .floating-banner  {
        top: unset; /* PCで指定していた上下の位置指定をクリア */
        right: 0; /* 左右の隙間が空かないように */
        bottom: 0; /* 画面の最下部にぴったりくっつくように指定 */
    }
}



#top{
	background: url(../images/season_bg.png) no-repeat center top;
	background-size: cover;
	height:600px;
	position:relative;
}
#top .on_text{
	width:100%;
	height:300px;
	margin:0 auto;
	text-align: right;
	position:relative;
}
#top .on_text img{
	position:absolute;
	top:34%;
	right:9.5%;
}

/* nav */
#nav{
	max-width:1000px;
	margin:90px auto 20px;
	text-align: center;

}
#nav ul{
	overflow: hidden;
}
#nav ul li{
	display: inline-block;
	width:45%;
	margin-right:1%;
}
#nav ul li:nth-of-type(4){
	margin:0;
}
#nav ul li figure{
	text-align: center;
}
#nav ul li img{
	width:100%;
}
#nav ul li figcaption{
	font-size: 0.75rem;
	color:#808080;
	margin-bottom:10px;
}
.room{
	padding-top:60px;
	margin-bottom:20px;
}

/* 共通部分 */
.title{
	text-align: center;
	background:#9b8e80;
	color:#fff;
	font-size: 1.5rem;
	padding:18px 0 15px;
	font-family: 'Hiragino Mincho ProN', serif;
}

.photo_area .photo01s{
	width:100%
}
.photo_area img{
	width:100%;
}



.photo_area{
	overflow: hidden;
}
.photo_area .photo01{
	width:100%
}
.photo_area img{
	width:100%;
}
.photo_area .photo02{
	width:100%;
	border-top:1px solid #fff;
}
.text_area{
	width:90%;
	margin:20px auto 0;
	color:#808080;
}
.text_area p{
	font-size:0.9rem;
	margin-bottom:30px;
	line-height: 1.8;
}
.text_area dl{
	font-size: 0.9rem;
	margin-bottom:20px
}
.dl{
	width:100%;
	color:#808080;
	background:rgba(155,142,128,.1);
	overflow: hidden;
	font-size: 0.9rem;
	margin-top:80px;
}
.dl .inner{
	width:90%;
	margin:40px auto 20px;
}
.dl ul{
	overflow: hidden;
}
.dl li{
	width:140px;
	float: left;
	padding:10px 0;
}
.dl li a{
	text-decoration: underline;
	color:#808080;
	font-size: 0.75rem;
}
.to_pdf{
	margin:20px 0;
	}
.to_pdf img{
	display: inline-block;
	max-width:10%;
	width:30px;
	text-align: right;
	}
.to_pdf p{
	display: inline-block;
	vertical-align: top;
	width:85%;
	font-size:0.82rem;
	margin-left:5px;
}
}
</pre></body></html>