<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* //////////////////////////////////////////////////
　Style.css
////////////////////////////////////////////////// */
/* --------------------------------------------------
	common
-------------------------------------------------- */

/* G-Navi
-------------------------------------------------- */

#gNavi li { width: 120px;}

#gn01 a { background: url(../img/gn_01.png) no-repeat center center;}
#gn02 a { background: url(../img/gn_02.png) no-repeat center center;}
#gn03 a { background: url(../img/gn_03.png) no-repeat center center;}
#gn04 a { background: url(../img/gn_04.png) no-repeat center center;}
#gn05 a { background: url(../img/gn_05.png) no-repeat center center;}
#gn06 a { background: url(../img/gn_06.png) no-repeat center center;}
#gn07 a { background: url(../img/gn_07.png) no-repeat center center;}
#gn08 a { background: url(../img/gn_08.png) no-repeat center center;}

@media screen and (max-width: 1000px) {
	#gNavi li { width: 100%;}
}


/* Footer
-------------------------------------------------- */

#footer .fLink {
	margin-left:15px;
	padding: 0 0 0 20px;
}

/* 共通
-------------------------------------------------- */
#contents_btm .pagetop a { background: url(../img/ft_btn_pagetop.png) no-repeat;}




/* --------------------------------------------------
	トップページ
-------------------------------------------------- */

#home #lead {
	background: url(../../../lg_common/img/home/lead_bg2.jpg) no-repeat 0 0;
}
#home #lead h3,
#home #lead p { margin-left:  0 !important;}


@media screen and (max-width: 768px) {
	#home #lead h3,
	#home #lead p { margin-left: 50px !important;}
}
#logo a {
	padding: 30px 0 0 !important;
}
#logo{
	clear: none;
}

#bn_ski{
	margin:10px 0; 
}


/* おもてなし
-------------------------------------------------- */
#service h4 .title{ display: inline; }
#service #sec01 .more li{ display: block; margin: 0 0 10px;}

#service .txtBox div      { margin: 0;}
#service .txtBox div img  { display: block; float: none;}
#service .txtBox div a img{ margin: 15px 0; float: none;}

#service #sec02 .txtBox p span { width: 295px; padding: 30px 0 0 0; float: left;}
#service #sec02 .txtBox p img { float: right;}

@media screen and (max-width: 1000px) {
	#service #sec02 .txtBox p span { text-align: left;}
}

@media screen and (max-width: 768px) {
	#service #sec02 p:last-child{ text-align: left;}
	#service #sec02 .txtBox img{ display:block;}
}



/* 温泉
-------------------------------------------------- */

#spa #sec07 .img02{margin-top:-170px;}

@media screen and (max-width: 1000px) {
	#spa #sec07 .img02{ margin: 25px auto 0;}
}

/* アクセス
-------------------------------------------------- */
#acc #contact_info .tel{ margin-right:35px;}


/* 観光情報
-------------------------------------------------- */

#sig #sec06 dt{ width: 260px;}
#sig #sec06 dd{ margin:0 0 0 290px;}

@media screen and (max-width: 1000px) {
	#sig #sec06 dt{ width: 35%;}
	#sig #sec06 dd{ margin:0 0 0 40%;}
}

@media screen and (max-width: 768px) {
	#sig #sec06 dt,
	#sig #sec06 dd{ margin: 0; width: 100%;}
}


/* 料理
-------------------------------------------------- */

#cui #sec01 .img01_4 { margin: -330px 20px 0 0 !important; }
#cui #sec01 .img01_5 { top: 370px !important; }


@media screen and (max-width: 768px) {
	#cui #sec01 .img01_4  { margin: -50px 0 0 !important; width: 65%; }
	#cui #sec01 .img01_5  {
		top: 0; left: 0; position: static;
		margin: 0; width: 30%; float: right;
	}
}

@media screen and (max-width: 640px) {
	#cui #sec01 .img01_4  { margin:  0 auto 15px !important; }
	#cui #sec01 .img01_5{ display: block; clear: both; margin: 0 auto; float: none; width: 100%;}
}


#cui #sec05 .menu h5{ font-size:16px;}


/* アクセス
-------------------------------------------------- */
.detailAccess{
	margin-top: 50px;
}
.detailAccess a{
	color: #14497b;
	background-color: #cfedff;
}
.detailAccess .DA{
	margin-bottom: 60px;
}
.detailAccess .DA h4{
	color: #354c18;
	font-size: 24px;
	font-family: serif;
}
.detailAccess .DA h5{
	color: #B20000;
	font-size: 18px;
	font-family: serif;
	font-weight: bold !important;
	margin: 35px 0 -22px !important;
	border-bottom: 1px solid;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.detailAccess .catchTxt{
	color: #354c18;
	font-weight: bold;
	letter-spacing: 0.02em;
}
.detailAccess .DA h6{
	font-family: serif;
	font-weight: bold;
	color: #B20000;
	margin-top: 15px;
	font-size: 14px;
}
.detailAccess .DASubBlock{
	padding: 0px 30px 30px;
	border: solid 1px #9898;
}
.detailAccess .DASubBlock .DASubTitle{
	font-size: 18px;
	font-family: serif;
	font-weight: bold 
}
.detailAccess .DASubBlock p{
	margin-top: 5px !important;
}

/* お問い合わせ
-------------------------------------------------- */
#contact section p{padding:30px 0;}
#contact section dt span{color:#C00;}

/* 各ページlead
-------------------------------------------------- */
#spa #lead img.txt, #room #lead img.txt{ margin-top: 30px;}

@media screen and (max-width: 1000px) {
	#lead img.txt{ margin: 0 !important;}
	#spa #lead img.txt { top: 15%;}
}

</pre></body></html>