@charset "UTF-8";

/*
-----------------------------------------------
 ホテル志戸平 Website Styles
 FileName	: layout_min1025.css
 Date    	: 2015.11
 Author	:forM
 ※ 93%（1024px）、89.36%（983px）
----------------------------------------------- */

/* サイト共通 */
html	{
	height: 100%;
}

body	{
	height: 100%;
	background: #fff;
	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	/*font-family: "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", sans-serif;*/
	font-weight: 400;
	color: #333;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#wrapper	{
	position:relative;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto;
	overflow: hidden;
}

#wrapper_secd	{
	position:relative;
	min-height: 100%;
	width: 100%;
	height: auto !important;
	overflow: hidden;
}
	
	#wrapper:after {
		display: block;
		clear: both;
		height: 0.01px;
		content: "";
	}


/* #header-sec */
#header-sec {
	width: 100%;
	margin: 0 auto;
}

	#header-sec .inner {
	}
	
	/* ホーム以外用ヘッダー */
	#site_header	{
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
		width: 100%;
		height: 74.4px;
		padding-top: 18px;
		margin: 0 auto 0 4px;
	}
	
		ul#header_logo	{
			float: left;
			width: 26.0%;
			}
			
			ul#header_logo li a	{
				display: block;
				background-image: url(../image/header_logo_site.png);
				background-size: 246.45px 41.85px;
				background-repeat: no-repeat;
				width: 246.45px;
				height: 41.85px;
				text-indent: -9999px;
			}

	/* #gnav-sec */
	#gnav-sec	{
		position: relative;
		clear: both;
		width: 100%;
		height: 56px;
		z-index: 300;
	}
	
		/* ホーム用#gnav-sec */
		.gnav-home	{
			background-color: rgba(100,38,0,0.5);
			top: -64px; /* ヒカリノモリ動画なし*/
			top: -56px; /* ヒカリノモリ動画あり*/
		}
		
		/* ホーム以外用#gnav-sec */
		.gnav-site	{
			background-color: rgba(100,38,0,1.0);
			border-bottom: 5px solid #d77c7e;
			height: 56px;
		}
	
	ul#gnav	{
		background: url(../image/navi_prt_TL.png) no-repeat;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
		
		ul#gnav li	{
			float: left;
			text-align: center;
			line-height: 16px;
			font-size: 16px; font-size:1.6rem;
			font-weight: 600;
		}
			
			ul#gnav li.nav7	{
				width: 14.5%;
			}
			
			ul#gnav li.navR	{
				width: 13.0%;
			}
			
				ul#gnav li a	{
					display: block;
					line-height: 56px;
					height: 56px;
				}
			
				ul#gnav li a.nav7	{
					color: #fff;
					margin-left: 1px;
				}
			
				ul#gnav li a:hover.nav7	{
					background-color: #cf4c4c;
					color: #fff;
				}
			
				ul#gnav li a.navR	{
					background-color: #9a2323;
					color: #fff;
				}
			
				ul#gnav li a:hover.navR	{
					background-color: #cf4c4c;
					color: #fff;
				}

	/* #contact-sec */
	#contact-sec	{
		background-color: rgba(230,230,230,1.0);
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
		width: 100%;
		height: 80px;
	}
		
		/* ホーム用 */
		#contact-sec .inner {
			padding-top: 20px;
			width: 80.8%;
			margin: 0 auto;
		}
		
		ul#contact	{ }

		ul#contact li.home	{
			float: left;
			background-repeat: no-repeat;
			width: 176.7px;
			height: 40.92px;
			margin-right: 24px;
		}
			
			ul#contact li a	{
				display: block;
				background-repeat: no-repeat;
				width: 176.7px;
				height: 40.92px;
			}
			
			ul#contact li.tel	{
				background-image: url(../image/header_tel.png);
				background-size: 176.7px 40.92px;
				text-indent: -9999px;
			}
			
			ul#contact li a.contact	{
				background-image: url(../image/header_contact_btn_PC.png);
				background-size: 176.7px 81.84px;
				background-position: 0 0;
				text-indent: -9999px;
			}
			
			ul#contact li a:hover.contact	{
				background-position: 0 -40.92px;
			}
			
			ul#contact li a.f_o_c	{
				background-image: url(../image/ForOverseasCustomers_btn_PC.png);
				background-size: 176.7px 81.84px;
				background-position: 0 0;
				text-indent: -9999px;
			}
			
			#contact li a:hover.f_o_c	{
				background-position: 0 -40.92px;
			}
			
			ul#contact li.gsc_home	{
				width:219.48px;
    			margin-right: 0;
			}
			
				ul#contact li.gsc_home input[type="text"] {
					border-top: 1px solid #ccc !important;
					border-bottom: 1px solid #ccc !important;
					border-left: 1px solid #ccc !important;
					-moz-border-radius: 4px 0px 0px 4px;
					-webkit-border-radius: 4px 0px 0px 4px;
					-o-border-radius: 4px 0px 0px 4px;
					ms-border-radius: 4px 0px 0px 4px;
					font-size: 14px; font-size:1.4rem;
					height: 34px;
					width: 168.84px;
					padding-left: 3px;
					margin-left: -6px;
				}
				
				ul#contact li.gsc_home input[type="text"]:focus {
					border: 1px solid #9b2324 !important;
					outline: 0;
				}
			
				ul#contact li.gsc_home input[type="submit"] {
					background: url(../image/search_btn.png) no-repeat;
					background-size: 37.2px 40.92px;
					border: none;
					cursor: pointer;
					text-indent: -9999px;
					width: 37.2px;
					height: 40.92px;
					margin-left: -5.58px;
				}
				
		/* ホーム以外用 */
		#contact_area	{
			float: left;
			width: 73.6%;
		}
		
		ul#contact li	{
			float: left;
			background-repeat: no-repeat;
			width: 176.7px;
			height: 40.92px;
			margin-right: 11px;
		}
			
			ul#contact li.gsc	{
				width:184.14px;
    			margin-right: 0;
			}
			
				ul#contact li.gsc input[type="text"] {
					border-top: 1px solid #ccc !important;
					border-bottom: 1px solid #ccc !important;
					border-left: 1px solid #ccc !important;
					-moz-border-radius: 4px 0px 0px 4px;
					-webkit-border-radius: 4px 0px 0px 4px;
					-o-border-radius: 4px 0px 0px 4px;
					ms-border-radius: 4px 0px 0px 4px;
					font-size: 14px; font-size:1.4rem;
					height: 31.2px;
					width: 138px;
					padding-left: 3px;
				}
				
				ul#contact li.gsc input[type="text"]:focus {
					border: 1px solid #9b2324 !important;
					outline: 0;
				}
			
				ul#contact li.gsc input[type="submit"] {
					background: url(../image/search_btn.png) no-repeat;
					background-size: 37.2px 40.92px;
					border: none;
					cursor: pointer;
					text-indent: -9999px;
					width: 37.2px;
					height: 40.92px;
					margin-left: -7px;
				}
				

/* #container */
#container-sec	{
	width: 100%;
}

	
/* #footer-sec */
#pagebtm	{
	clear: both;
	background: url(../image/page_btm_bg.jpg);
	width: 100%;
	height: 50px;
	margin: 0 auto;
}


#footer-sec	{
	clear: both;
	position: relative;
	background: #000 url(../image/footer_image_TL.jpg) top center no-repeat;
	background-size: contain;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
	padding-top: 64.18%;
	width: 100%;
}
	
	#footer-sec .inner	{
		width: 100%;
		margin: -64.18% auto 0 auto;
	}
	
		#footer-sec .inner #address	{
			border-bottom: 1px solid #999;
			padding: 20px 0 40px 0;
		}
		
			#footer-sec .inner #address #logo{
				width: 300px;
				margin: 0 auto 10px auto;
			}
			
			#footer-sec .inner #address address	{
				float: left;
				color: #bdbdbd;
				text-align: center;
				line-height: 24px;
				width: 100%;
				height: 24px;
				}
				
		#footer-sec .inner #sitelink	{
			width: 100%;
			margin: 20px 2% 0 2%;
		}
		
			#footer-sec .inner #sitelink .column	{
				float: left;
				width: 13.14%;
				margin-right: 1%;
			}
			
				#footer-sec .inner #sitelink .column li	{
					font-size: 12px; font-size:1.2rem;
					text-align: left;
					margin-bottom: 15px;
					}
					
						#footer-sec .inner #sitelink .column li a	{
							color: #fff;
							line-height: 120%;
							text-decoration: none;
						}
					
					#footer-sec .inner #sitelink .column li.fst	{
						text-indent: -9px;
						padding-left: 9px;
						}
					
						#footer-sec .inner #sitelink .column li.fst a	{
							background-image: url(../image/footer_sitelink_arrow1_OFF.png);
							background-size: 6px auto;
							background-repeat: no-repeat;
							background-position: 0 45%;
							padding-left: 9px;
						}
					
						#footer-sec .inner #sitelink .column li.fst a:visited	{
							color: #fff;
							text-decoration: none;
						}
					
						#footer-sec .inner #sitelink .column li.fst a:hover	{
							background-image: url(../image/footer_sitelink_arrow1_ON.png);
							color: #e6b39b;
							text-decoration: none;
						}
					
					#footer-sec .inner #sitelink .column li.scd	{
						text-indent: -6px;
						padding-left: 6px;
						margin-left: 9px;
						}
					
						#footer-sec .inner #sitelink .column li.scd a	{
							background-image: url(../image/footer_sitelink_arrow2_OFF.png);
							background-size: 3px auto;
							background-repeat: no-repeat;
							background-position: 0 45%;
							padding-left: 6px;
						}
					
						#footer-sec .inner #sitelink .column li.scd a:visited	{
							color: #fff;
							text-decoration: none;
						}
					
						#footer-sec .inner #sitelink .column li.scd a:hover	{
							background-image: url(../image/footer_sitelink_arrow2_ON.png);
							color: #e6b39b;
							text-decoration: none;
						}
			
			#footer-sec .inner #sitelink .column:last-of-type	{
					margin-right: 0;
				}
			
			#footer-sec .inner #sitelink .column ul:after	{
				content:".";
				display: block;
				visibility: hidden;
				height: 0.1px;
				font-size: 0.01em;
				line-height: 0;
				clear: both;
			}
			
		#footer-sec .inner #btmlink	{
			position: absolute;
			bottom: 30px;
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
			border-top: 1px dotted #6c6c6c;
			border-bottom: 1px dotted #6c6c6c;
			font-size: 12px; font-size:1.2rem;
			width: 100%;
			padding: 10px; 
			margin-top: 20px;
		}
		
			#footer-sec .inner #btmlink ul.footlink	{
				float: left;
				width: 844px;
			}
			
				#footer-sec .inner #btmlink li	{
					float: left;
					line-height: 45px;
					margin-right: 2.6%;
				}
			
					#footer-sec .inner #btmlink li a	{
						background-image: url(../image/footer_sitelink_arrow1_OFF.png);
						background-size: 6px auto;
						background-repeat: no-repeat;
						background-position: 0 45%;
						color: #fff;
						text-decoration: none;
						padding-left: 9px;
					}
			
					#footer-sec .inner #btmlink li a:visited	{
						color: #fff;
						text-decoration: none;
					}
					
					#footer-sec .inner #btmlink li a:hover	{
						background-image: url(../image/footer_sitelink_arrow1_ON.png);
						color: #e6b39b;
						text-decoration: none;
					}
				
				#footer-sec .inner #btmlink .mynavi	{
					float: left;
					width: 160px;
				}
				
		#footer-sec .inner #copywright	{
			position: absolute;
			background: #000;
			bottom: -20px;
			width: 100%;
			height: 30px;
		}
			
			#footer-sec .inner #copywright p	{
				color: #6c6c6c;
				font-size: 12px; font-size:1.2rem;
				text-align: center;
			}


/* #accommodation_offer-sec */
#accommodation_offer-sec	{
	position: absolute;
	width: 100%;
	z-index: 400;
}
	
	#accommodation_offer-sec h3	{
		position: fixed;
		text-indent: -9999px;
		right: 10px;
	}
	
		/* ホーム用位置 */
		#accommodation_offer-sec h3.home	{
			top: 538px;
		}
		
		/* ホーム以外用位置 */
		#accommodation_offer-sec h3.site	{
			top: 100px;
		}
		
		#accommodation_offer-sec h3 a	{
			float: right;
			display: block;
			margin-top: 100px;
			margin-right: 10px;
			background-image:  url(../image/resarve_mark.png);
			background-size: 110px auto;
			background-repeat: no-repeat;
			background-position: right;
			width: 110px;
			height: 110px;
		}

/* #side_nav */
#side_nav	{
	position: fixed;
	background: #fff;
	top: 50%;
	left: 0;
	width: 22.4px;
	height: 130.2px;
	padding: 4px;
	margin-top: -394px; /* ホーム用位置 */
	z-index: 401;
}

#side_nav ul li {
	position: relative;
	left: 0;
	width: 22.4px;
	height: 22.4px;
	margin-bottom: 4px;
}

	#side_nav ul li a	{
		display: block;
		width: 22.4px;
		height: 22.4px;
		text-indent: -9999px;
	}
	
	#side_nav ul li a.facebook	{
		background: url(../image/logo_facebook.png) no-repeat;
	}
	
	#side_nav ul li a.twitter	{
		background: url(../image/logo_twitter.png) no-repeat;
	}
	
	#side_nav ul li a.instagram	{
		background: url(../image/logo_instagram.png) no-repeat;
	}
	
	#side_nav ul li a.youtube	{
		background: url(../image/logo_youtube.png) no-repeat;
	}


/* #return_home、#page top */
#return_home	{
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 260;
}

#page-top	{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 261;
}
	
	#return_home a, #page-top a	{
		display: block;
		background-color: rgba(153,0,0,0.6);
		text-decoration: none;
		color: #fff;
		font-size: 11px; font-size:1.1rem;
		width: 90px;
		padding: 0.8em 0;
		text-align: center;
		-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;
	}
	
	#return_home a:hover, #page-top a:hover	{
		background-color: rgba(153,0,0,1.0);
		text-decoration: none;
		color: #fff;
	}


/* == スマホ＆タブレットのみ == */ 
.sp_none{
	display: none !important;
}


/* == 画像切換 == */ 
.mod_gallery_photo	{
	position: relative;
	width: 100%;
}
			
	.mod_gallery_photo img	{
		position:absolute;
		background-color: rgba(255,255,255,1.0);
		top: 0;
		left: 0;
	}

.mod_gallery	{
	float: left;
	width: 723.87px;
	margin-top: 25px;
}
	
	.mod_gallery_navi ul	{
		margin-top: 1em;
		overflow: hidden;
	}
	
	.mod_gallery_navi li	{
		float: left;
		width: 160.85px;
		margin-right: 26.82px;
		margin-bottom: 23.23px;
	}
		
		.mod_gallery_navi li span	{
			position: relative;
			top: 4.65px;
		}
		
		.mod_gallery_navi li.rt	{
			margin-right: 0 !important;
		}
			
	.mod_gallery_navi li:last-of-type	{
		margin-right: 0;
	}
			
		.mod_gallery_navi li a{
			display:block;
		}
		.mod_gallery_navi li a:link	{}
		.mod_gallery_navi li a:visited	{}
		.mod_gallery_navi li a:hover	{opacity:0.8;}
		.mod_gallery_navili a:active	{opacity:0.8;}
		/* IE用 ↓*/
		.mod_gallery_navi li a:hover img {filter:alpha(opacity=80);}


/* 第2階層以下- Second hierarchy below */
	/* ページトップメイン画像＆コピー部分 */
	#shb_main_copy	{
		background: url(../image/site_common_mainP_bg.png) repeat-x;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
		width: 100%;
		overflow: hidden;
	}
	
	/* パンくず */
	#breadcrumb	{
		position: relative;
		top: 314px;
		left: 10px;
		font-size: 14px; font-size:1.4rem;
		text-align: left;
		width: 100%;
		padding: 0;
		margin: -1em auto 0 auto;
		z-index: 11;
	}
	
	#breadcrumb_scd	{
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
		background: url(../image/breadcrumb_scd_bg_TL.png) no-repeat;
		background-size: contain;
		font-size: 14px; font-size:1.4rem;
		text-align: left;
		padding-top: 4.46%;
		width: 100%;
		height: 46px;
	}
	
		#breadcrumb_scd ul	{
			line-height: 46px;
			width: 100%;
			margin-left: 10px;
			margin-top: -4.46%;
			height: 46px;
		}
	
	/* サブナビ */
	#sub_navi	{
		background: url(../image/site_common_scdnavi_bg.png) repeat-x;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
		width: 100%;
		height: 434px;
		overflow: hidden;
	}
	
	#detail_link	{
		clear: both;
		display: table;
		table-layout:fixed;
		border-top: 1px solid #4d3021;
		border-bottom: 1px solid #4d3021;
		width: 100%;
		height: 48.36px;
		margin: 0 auto;
	}
	
		#detail_link li	{
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			font-size: 14px; font-size:1.4rem;
			font-weight: 600;
		}
					
		#detail_link li a	{
			background-image: url(../image/footer_sitelink_arrow1_OFF.png);
			background-size: 6px auto;
			background-repeat: no-repeat;
			background-position: 0 45%;
			text-decoration: none;
			padding-left: 9px;
		}
					
		#detail_link li a:visited	{
			text-decoration: none;
		}
					
		#detail_link li  a:hover	{
			background-image: url(../image/footer_sitelink_arrow1_ON.png);
			color: #d58282;
			text-decoration: none;
		}
		
		#detail_link li:last-of-type	{
			margin-right: 0;
		}
		
		/* 一時告知覧 */
		#temporary		{
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
			clear: both;
			width: 96%;
			margin: 0 2%;
			overflow:hidden
		}
		
		#temporary_notice	{
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
			-moz-border-radius: 9px;-webkit-border-radius: 9px;-o-border-radius: 9px;-ms-border-radius: 5px;border-radius: 9px;
			padding: 0 15px 15px 15px;
			margin-top: 46.5px;
		}
			.green	{
				background: url(../image/temporary_notice_bg_green.jpg);
			}
			
			.red	{
				background: url(../image/temporary_notice_bg_red.jpg);
			}
		
			#temporary_notice h5	{
				font-size: 20px; font-size:2.0rem;
				color: #fff;
				font-weight: 600;
				line-height: 50px;
				text-align: center;
			}
			
			#temporary_notice .copy	{
				background: #fff;
				-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
			-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;
				font-size: 14px; font-size:1.4rem;
				line-height: 140%;
				text-align: left;
				padding: 20px;
			}
		
		/* ページご案内タイトル */
		#guidance	{
			clear: both;
			width: 100%;
			margin: 40px auto 0 auto;
		}
		
		/* 詳しくはこちらボタン */
		li a.detail_btn	{
			display: block;
			background: url(../image/btn_detail.png) no-repeat;
			background-position: 0 0;
			background-size: 239.01px 74.4px;
			text-indent: -9999px;
			width: 239.01px;
			height: 37.2px;
		}
				
	 	li a.detail_btn:hover	{
			background-position: 0 -37.2px;
		}
		
		/* 基本表組み */
		.tbl	{
			border-top: 1px solid #642600;
			border-bottom: 1px solid #642600;
			width: 100%;
		}
	
			.tbl ul	{
				display: table;
				border-bottom: 1px solid #bfbfbf;
				width: 100%;
			}
			
			.tbl ul.last	{
				border: none;
			}
		
			.tbl li{
				display: table-cell;
				vertical-align: middle;
				-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
				line-height: 140%;
				text-align: left;
				width: 94%;
				padding: 12px 1%;
			}
			
			.tbl li.name	{
				display: table-row;
				background: #642600;
				font-weight: 600;
				color: #fff;
				text-align: center;
				line-height: 2em;
				padding: 6px 2%;
			}
				
			.tbl li.item	{
				white-space: nowrap;
			}
				
			.tbl li.bg	{
				background: #dfdfdf;
			}
				
			.tbl li span	{
				display: block;
			}

	/* 全てのプランリンクボタン */
	li a.all_plan_btn	{
		display: block;
		background: url(../image/all_plan_btn.png) no-repeat;
		background-position: 0 0;
			background-size: 239.01px 74.4px;
			text-indent: -9999px;
			width: 239.01px;
			height: 37.2px;
	}
				
	li a.all_plan_btn:hover	{
		background-position: 0 -37.2px;
	}


/* YouTube */
.yt	{
	clear: both;
	margin: 0 auto;
	padding-top: 50px;
}


/* ページ内アンカー天調整 */
.pagetop_adjust	{
	padding-top: 100px;
	margin-top: -100px !important;
}

#not_found img	{
	margin: 0 auto;
}

#address .pc_none	{
	display: none !important;
}