@charset "UTF-8";

/*
-----------------------------------------------
 ホテル志戸平 Website Styles
 FileName	: layout_min320.css
 Date    	: 2015.11
 Author	:forM
----------------------------------------------- */

html	{
	-webkit-text-size-adjust: none;
	height: 100%;
}

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

#wrapper	{
	min-height: 100%;
	width: 100%;
	height: auto !important;
}

/* 第二階層以下 */
#wrapper_secd	{
	min-height: 100%;
	width: 100%;
	height: auto !important;
	overflow: hidden;
}

/* #header-sec Start */
#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%;
		margin: 0 auto;
	}
	
		ul#header_logo	{
			margin: 56px 2% 30px 3%;
			}
			
			ul#header_logo li a	{
				display: block;
				background-image: url(../image/header_logo_site.png);
				background-size: contain;
				background-repeat: no-repeat;
				width: 265px;
				height: 45px;
				text-indent: -9999px;
			}
			
				.iphone ul#header_logo li a	{
					width: 230px;
				}

	/* #gnav-sec */
	#gnav-sec	{
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 400;
	}
	
	.naver a	{
		background: #642600 !important;
		color: #fff !important;
		display: block;
		float: left;
		font-size: 16px; font-size:1.6rem;
		line-height: 40px;
		margin: 0 0px 0 0;
		padding: 0 20px;
		border-right:#fff 1px solid;
	}

	.naver a:hover	{
		background: #222;
	}

	.naver.enabled a	{
		float: none;
		margin: 0 0 1px 0;
		width: 100%;
	}

	.naver.enabled .naver-container	{
		padding: 10px;
	}
		
		

	/* #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;
	}
		
		/* ホーム用 */
		#contact-sec .inner {
			padding: 20px 3%;
			width: 94%;
			margin: 0 auto;
		}
		
		/* ホーム以外用 */
		#contact_area	{
			-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: 0 3%;
		}
		
		ul#contact	{ }
		
		ul#contact li.home, ul#contact li	{
			float: left;
			width: 48%;
		}
			
			ul#contact li a	{
				display: block;
				background-repeat: no-repeat;
				text-indent: -9999px;
			}
				
				@media all and (orientation: portrait) {
					.iphone ul#contact li a	{
						width: 100%;
						height: 38px;
					}
					.android ul#contact li a	{
						width: 100%;
						height: 37px;
					}
				}
				
				@media all and (orientation: landscape) {
					.iphone ul#contact li a	{
						width: 100%;
						height: 59px;
					}
					.android ul#contact li a	{
						width: 100%;
						height: 66px;
					}
				}
			
			ul#contact li.tel	{
				background: url(../image/header_tel.png) top left no-repeat;
				background-size: contain;
				text-indent: -9999px;
				padding-top: 23.15%
				margin-right: 4%;
			}
			
			ul#contact li a.contact	{
				background-image: url(../image/header_contact_btn_SP.png);
				background-size: contain;
				text-indent: -9999px;
				padding-top: 23.15%;
				margin-left: 6%;
			}
			
			ul#contact li a.f_o_c	{
				background-image: url(../image/ForOverseasCustomers_btn_SP.png);
				background-size: contain;
				text-indent: -9999px;
				padding-top: 23.15%;
				
				margin-top: -20%;
				margin-right: 4%;
				margin-bottom: -20px;
			}
			
			
			ul#contact li.gsc_home, ul#contact li.gsc	{
				width: 48%;
    			margin: -9.5% 0 0 4%;
			}
			
				ul#contact li.gsc input[type="text"], ul#contact li.gsc_home input[type="text"] {
					background: #fff;
					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: 12px; font-size:1.4rem;
					padding-left: 3px;
					margin-left: 0;
				}
				
					@media all and (orientation: portrait) {
						.iphone ul#contact li.gsc input[type="text"], .iphone ul#contact li.gsc_home input[type="text"]	{
							width: 69%;
							height: 25px;
						}
						.android ul#contact li.gsc input[type="text"], .android ul#contact li.gsc_home input[type="text"]	{
							width: 75%;
							height: 34px;
						}
					}
				
					@media all and (orientation: landscape) {
						.iphone ul#contact li.gsc input[type="text"], .iphone ul#contact li.gsc_home input[type="text"]	{
							width: 73%;
							height: 50px;
						}
						.android ul#contact li.gsc input[type="text"], .android ul#contact li.gsc_home input[type="text"]	{
							width: 77%;
							height: 62px;
						}
					}
				
				ul#contact li.gsc input[type="text"]:focus, ul#contact li.gsc_home input[type="text"]:focus {
					border: 1px solid #9b2324 !important;
				}
				
					@media all and (orientation: portrait) {
						.iphone ul#contact li.gsc input[type="text"]:focus, .iphone ul#contact li.gsc_home input[type="text"]:focus	{
							width: 69%;
							height: 25px;
						}
						.android ul#contact li.gsc input[type="text"]:focus, .android ul#contact li.gsc_home input[type="text"]:focus	{
							width: 75%;
							height: 34px;
						}
					}
				
					@media all and (orientation: landscape) {
						.iphone ul#contact li.gsc input[type="text"]:focus, .iphone ul#contact li.gsc_home input[type="text"]:focus	{
							width: 73%;
							height: 50px;
						}
						.android ul#contact li.gsc input[type="text"]:focus, .android ul#contact li.gsc_home input[type="text"]:focus	{
							width: 77%;
							height: 62px;
						}
					}
			
				ul#contact li.gsc input[type="submit"], ul#contact li.gsc_home input[type="submit"] {
					background: url(../image/search_btn.png) no-repeat;
					background-size: cover;
					border: none;
					cursor: pointer;
					text-indent: -9999px;
					margin-left: -6px;
				}
					
					@media all and (orientation: portrait) {
						.iphone ul#contact li.gsc input[type="submit"], .iphone ul#contact li.gsc_home input[type="submit"]	{
							width: 34px;
							height: 34px;
						}
						.android ul#contact li.gsc input[type="submit"], .android ul#contact li.gsc_home input[type="submit"]	{
							width: 35px;
							height: 38px;
						}
					}
				
					@media all and (orientation: landscape) {
						.iphone ul#contact li.gsc input[type="submit"], .iphone ul#contact li.gsc_home input[type="submit"]	{
							width: 57px;
							height: 59px;
						}
						.android ul#contact li.gsc input[type="submit"], .android ul#contact li.gsc_home input[type="submit"]	{
							width: 62px;
							height: 66px;
						}
					}
		
	#contact-sec:after {
		display: block;
		clear: both;
		height: 0.01px;
		content: "";
	}
	

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


/* #footer-sec */
#footer-sec	{
	position: relative;
	background: url(../image/footer_image_SP.jpg) top center no-repeat;
	background-size: cover;
	-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: 1180px;
	overflow: hidden;
}
	
	@media all and (orientation: portrait) {
		.iphone #footer-sec	{
			top: 112px;
		}
		.android #footer-sec	{
			top: 106px;
		}
	}
	
	@media all and (orientation: landscape) {
		.iphone #footer-sec	{
			top: 143px;
		}
		.android #footer-sec	{
			top: 162px;
		}
	}
	
	#footer-sec .inner	{
		width: 96%;
		margin: 0 auto;
	}
	
		#footer-sec .inner #address	{
			border-bottom: 1px solid #999;
			padding: 20px 0 18px 0;
		}
		
			#footer-sec .inner #address #logo{
				width: 300px;
				margin: 0 auto;
			}
			
			#footer-sec .inner #address address	{
				color: #bdbdbd;
				text-align: center;
				line-height: 24px;
				width: 96%;
				margin: 0 auto;
				}
				
				#footer-sec .inner #address address a	{
					color: #e6b39b;
					text-decoration: none;
					padding-left: 9px;
				}
			
				#footer-sec .inner #address address a:visited	{
					color: #e6b39b;
					text-decoration: none;
				}
					
				#footer-sec .inner #address address a:hover	{
					color: #e6b39b;
					text-decoration: none;
				}
				
		#footer-sec .inner #sitelink	{
			width: 100%;
			margin-top: 20px;
		}
		
				#footer-sec #sitelink li	{
					font-size: 14px; font-size:1.4rem;
					text-align: left;
					margin-bottom: 0.7em;
					}
					
						#footer-sec #sitelink li a	{
							color: #fff;
							line-height: 130%;
							text-decoration: none;
						}
					
					#footer-sec #sitelink li.fst	{
						text-indent: -9px;
						padding-left: 9px;
						}
					
						#footer-sec #sitelink 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 #sitelink li.fst a:visited	{
							color: #fff;
							text-decoration: none;
						}
					
						#footer-sec #sitelink li.fst a:hover	{
							background-image: url(../image/footer_sitelink_arrow1_ON.png);
							color: #e6b39b;
							text-decoration: none;
						}
					
					#footer-sec #sitelink li.scd	{
						text-indent: -6px;
						padding-left: 6px;
						margin-left: 9px;
						}
					
						#footer-sec #sitelink 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 #sitelink li.scd a:visited	{
							color: #fff;
							text-decoration: none;
						}
					
						#footer-sec #sitelink li.scd a:hover	{
							background-image: url(../image/footer_sitelink_arrow2_ON.png);
							color: #e6b39b;
							text-decoration: none;
						}
			
			#footer-sec #sitelink:last-of-type	{
					margin-right: 0;
				}
			
			#footer-sec #sitelink 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;
			border-top: 1px dotted #6c6c6c;
			border-bottom: 1px dotted #6c6c6c;
			font-size: 12px; font-size:1.2rem;
			width: 96%;
			padding: 20px 0 10px 0; 
			margin-top: 20px;
		}
		
			#footer-sec .inner #btmlink ul.footlink	{
			}
			
				#footer-sec .inner #btmlink li	{
					float: left;
					margin-right: 20px;
					margin-bottom: 10px;
				}
			
					#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 img	{
					margin-top: 1em;
				}
				
		#footer-sec .inner #copywright	{
			position: relative;
			top: 156px;
		}
			
			#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;
	top: -40px;
	width: 100%;
	z-index: 300;
}
	
	#accommodation_offer-sec h3	{
		position: fixed;
		text-indent: -9999px;
		right: 2px;
	}
		
		#accommodation_offer-sec h3 a	{
			float: right;
			display: block;
			margin-top: 85px;
			margin-right: 2px;
			background-image:  url(../image/resarve_mark.png);
			background-size: 80px auto;
			background-repeat: no-repeat;
			background-position: right;
			width: 80px;
			height: 80px;
		}

/* #side_nav */
#side_nav	{
	position: fixed;
	background: #fff;
   top: 100px;
   left: 0;
   width: 32px;
   height: 140px;
   padding: 4px;
   margin-top: -50px;
   z-index: 301;
}

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

	#side_nav ul li a	{
		display: block;
		width: 32px;
		height: 32px;
		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;
	}

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

#page-top	{
	position: fixed;
	bottom: 5px;
	right: 2px;
	z-index: 261;
}
	
	#return_home a, #page-top a	{
		display: block;
		background-color: rgba(153,0,0,0.6);
		font-size: 12px; font-size:1.2rem;
		text-decoration: none;
		color: #fff;
		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;
	}
	
	#page-top a:hover	{
		background-color: rgba(153,0,0,1.0);
		text-decoration: none;
		color: #fff;
	}

/* == PCのみ == */ 
.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	{
	width: 100%;
	margin-top: -20px;
}
			
	.mod_gallery_navi li	{
		float: left;
		font-size: 11px; font-size:1.1rem;
		width: 29.3%;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	
		.mod_gallery_navi li span	{
			position: relative;
			top: 2px;
		}
	
	.mod_gallery_navi li:last-of-type	{
		margin-right: 0;
	}
			
		.mod_gallery_navi li a	{
			display:block;
		}


/* 第2階層以下- Second hierarchy below */
	/* ページトップメイン画像＆コピー部分 */
	#shb_main_copy	{
		background: url(../image/site_common_mainP_bg.png);
		-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;
	}
	/* ↑ 各ページ専用cssにて天地サイズを指定 */
		
	
	/* パンくず */
	#breadcrumb	{
		clear: both;
		background: url(../image/breadcrumb_scd_bg.png) no-repeat top left;
		-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-bottom: 1px solid #642600;
		font-size: 14px; font-size:1.4rem;
		text-align: left;
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	#breadcrumb_scd	{
		clear: both;
		background: url(../image/breadcrumb_scd_bg.png) no-repeat top left;
		-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-bottom: 1px solid #642600;
		font-size: 14px; font-size:1.4rem;
		text-align: left;
		width: 100%;
		height: 48px;
	}
	
		#breadcrumb ul, #breadcrumb_scd ul	{
			width: 100%;
			margin: 0 2%;
			line-height: 48px;
		}
	
	/* サブナビ */
	#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%;
		overflow: hidden;
	}
	
	#detail_link	{
		clear: both;
		text-align: center;
		border-top: 1px solid #4d3021;
		border-bottom: 1px solid #4d3021;
		width: 100%;
		padding: 6px 0;
		margin: 20px auto;
	}
	
		#detail_link li	{
			display: inline-block;
			margin: 0 2%;
			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%;
			line-height: 180%;
			text-decoration: none;
			text-indent: -9px;
			padding: 3px 0 3px 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		{
			clear: both;
			width: 96%;
			margin: 20px 2% 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 2% 15px 2%;
		}
			.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: 10px;
			}
		
		/* ページご案内タイトル */
		#guidance	{
			width: 100%;
			margin: 30px auto 0 auto;
		}
		
		/* 詳しくはこちらボタン */
		li a.detail_btn	{
			display: block;
			background: url(../image/btn_detail.png) no-repeat;
			background-position: 0 0;
			background-size: 257px 80px;
			text-indent: -9999px;
			width: 257px;
			height: 40px;
		}
		
		* 基本表組み */
		.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 0;
			}
				
			.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: 257px 80px;
		text-indent: -9999px;
		width: 257px;
		height: 40px;
	}

/* YouTube */
.yt	{
	padding: 0 2%;
	width: 96%;
}


#not_found img	{
	margin: 0 auto;
}