@charset "UTF-8";
/* //////////////////////////////////////////////////
　Style.css
////////////////////////////////////////////////// */

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

#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;}

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

#footer .col { padding: 0;}

#footer .fLink {
	margin-left:25px;
	padding: 0 0 0 10px;
}
#footer .fLink ul { margin-right: 10px;}

/* ページトップ */
#contents_btm .pagetop a { background: url(../img/ft_btn_pagetop.png) no-repeat;}


/* --------------------------------------------------
	home
-------------------------------------------------- */

#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{
	clear: none;
	padding: 30px 0 0 ;
}


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

#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%;}
}


/* おもてなし
-------------------------------------------------- */
#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 #sec01_3 .bb_box{ clear:none;}

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



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

#cui #sec01 .img01_4 { margin: -330px 20px 0 0 !important; }
#cui #sec01 .img01_5 { top: 375px !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;}


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

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