@charset "UTF-8";

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

/* ホーム用ヘッダー */
#concept_img_sp	{
	position: relative;
	top: 40px;
	left: 0;
	width: 100%;
	height: 210px;
	z-index: 1;
}

#concept_img_sp .pht	{
	position: relative;
	top: 0;
	left: 50%;
	width: 100%;
	margin-left: -50%;
}

	.iphone #concept_img_sp .pht	{
		height: 264px;
	}
	
	.android #concept_img_sp .pht	{
		height: 290px;
	}
	
@media all and (orientation: landscape) {
	.iphone #concept_img_sp .pht	{
		height: 426px;
	}
	.android #concept_img_sp .pht	{
		height: 474px;
	}
}

#home_logo_area	{
	position: relative;
	left: 0;
	width: 100%;
	margin: 0 auto;
	z-index: 2;
}
		
	#home_logo_area .inner {
		position: absolute;
		width: 100%;
		background-image: url(../common/image/header_logo_home.png);
		background-size: 70% auto;
		-webkit-background-size: 70% auto;
		background-position: top center;
		background-repeat: no-repeat;
	}
	
		@media all and (orientation: portrait) {
			.iphone #home_logo_area .inner	{
				top: 11px;
			}
			.android #home_logo_area .inner	{
				top: -10px;
			}
		}
	
		@media all and (orientation: landscape) {
			.iphone #home_logo_area .inner	{
				top: 15px;
			}
			.android #home_logo_area .inner	{
				top: 18px;
			}
		}
	
	.android #home_logo_area .inner	{
		margin-top: 4px;
	}
	
	#home_logo_area h1	{
		position: relative;
		background-color: rgba(100,38,0,0.7);
		-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%;
		font-size: 14px; font-size:1.4rem;
		text-align: center;
		color: #fff;
		padding: 1em;
		margin-top: 18%;
	}

/* ホーム用 #contact-sec, #container */
#contact-sec, #container-sec	{
	position: relative;
}
	
	@media all and (orientation: portrait) {
		.iphone #contact-sec, .iphone  #container-sec	{
			top: 113px;
		}
		.android #contact-sec, .android  #container-sec	{
			top: 106px;
		}
	}
	
	@media all and (orientation: landscape) {
		.iphone #contact-sec, .iphone  #container-sec	{
			top: 143px;
		}
		.android #contact-sec,.android  #container-sec	{
			top: 162px;
		}
	}

	#recommend_plan	{
		background-color: rgba(243,203,203,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: 566px;
		text-align: left;
		overflow: hidden;
	}
	
	#recommend_plan .inner	{
		width: 100%;
		margin: 0 auto;
	}
	
		#recommend_plan .inner #ttl	{
			background-image: url(image/recommend_plan_bg.jpg);
			width: 100%;
			height: auto;
			margin: 0 auto;
		}
		
			#recommend_plan .inner #ttl h2	{
				position: relative;
				background-image: url(image/recommend_plan_ttl.png);
				background-size: 124px 70px;
				background-repeat: no-repeat;
				width: 124px;
				height: 86px;
				top: 8px;
				margin: 0 auto;
				text-indent: -9999px;
			}
			
		#recommend_plan .inner #ttl p	{
				text-indent: -9999px;
				padding-bottom: 8px;
				margin: 0 auto;
			}
				
				#recommend_plan .inner #ttl p a.list	{
					display: block;
					height: 30px;
					background-image: url(image/look_list_btn.png);
					background-repeat: no-repeat;
					background-size: 130px 60px;
					background-position: 50% 0;
					margin-reight: 2em;
				}
				
				#recommend_plan .inner #ttl p a.date	{
					display: block;
					height: 30px;
					background-image: url(image/look_date_btn.png);
					background-repeat: no-repeat;
					background-size: 130px 60px;
					background-position: 50% 0;
				}
				
		#recommend_plan .inner #plan	{
			clear:bith;
			float: left;
			width: 100%;
			padding: 12px 3% 8px 3%;
			}
			
			#recommend_plan .bx-wrapper{
				max-width: 100% !important;
			}
			
			#recommend_plan .bx-wrapper .bx-pager,
			#recommend_plan .bx-wrapper .bx-controls-auto {
				right: 8px;
				bottom: -38px; /* pager位置の変更 */
			}
			
			#recommend_plan .bx-wrapper .bx-controls-direction a	{
				width: 36px;
				height: 36px;
			}

			#recommend_plan .bx-wrapper .bx-prev {
				background: url(image/prev_arrow2.png) no-repeat;
				top: 350px;
				left: 0px;
			}

			#recommend_plan .bx-wrapper .bx-next {
				background: url(image/next_arrow2.png) no-repeat;
				top: 350px;
				right: 18px;
			}
		
			#recommend_plan #plan li	{
				float: left;
				width: 200px;
				height: 320px;
				margin-right: 20px;
			}
		
			#recommend_plan #plan img	{
				background-color: #fff;
				width: 200px;
				height: 140px;
				margin-bottom: 8px;
				overflow: hidden;
			}

			#recommend_plan  #plan li:last-of-type	{
				margin-right: 0;
			}

			#recommend_plan #plan h3	{
				font-size: 15px; font-size:1.5rem;
				font-weight: 600;
				line-height: 130%;
				margin-bottom: 6px;
			}
		
			#recommend_plan #plan p.recommend_copy	{
				font-size: 13px; font-size:1.3rem;
				line-height: 140%;
				overflow: hidden;
			}
			
			#recommend_plan #plan ul:after	{
				content:".";
				display: block;
				visibility: hidden;
				height: 0.1px;
				font-size: 0.01em;
				line-height: 0;
				clear: both;
			}

/* #fair_event-sec */
#fair_event_sp	{
	position: relative; /* ⬅ */
	-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%;
}

	#fair_event_sp .inner	{
		
	}

		#fair_event_slide_sp	{
			width: 100%;
			margin: 0 auto;
		}
		
			#fair_event_sp .bx-wrapper .bx-controls-direction a	{
				width: 27px;
				height: 42px;
				z-index: 10;
			}
		
			#fair_event_sp .bx-wrapper .bx-prev	{
				background: url(../common/image/prev_arrow1.png) no-repeat;
				top: 50%;
				left: 6px;
			}

			#fair_event_sp .bx-wrapper .bx-next	{
				background: url(../common/image/next_arrow1.png) no-repeat;
				top: 50%;
				right: 6px;
			}
			
/* #notice-sec */
#notice-sec	{
	position: relative;
	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;
	width: 100%;
	margin: 20px auto 0 auto;
}

	#notice-sec .inner	{
	}

		#notice	{
			width: 96%;
			margin-top: 10px;
			margin: 0 2%;
		}
	
			#notice h3.ttl	{
				background: url(../home_image/notice_image/notice_ttl_SP.png) no-repeat;
				background-size: 100% auto;
				text-indent: -9999px;
				width: 100%;
				z-index: 21;
			}
			
				@media all and (orientation: portrait) {
					.iphone #notice h3.ttl	{
						height: 44px;
					}
					.android #notice h3.ttl	{
						height: 49px;
					}
				}
				
				@media all and (orientation: landscape) {
					.iphone #notice h3.ttl	{
						height: 78px;
					}
					.android #notice h3.ttl	{
						height: 87px;
					}
				}
		
			#notice #notice_area	{
				background: #fff;
				font-size: 14px; font-size:1.4rem;
  				line-height: 130%;
  				height: 425px;
  				overflow-y: scroll;
  				overflow-x: hidden;
  				z-index: 22;
			}
				
				#notice_area li	{
					width: 100%;
					text-align: left;
				}
				
				#notice_area li.add	{
					background-color: rgba(243,224,224,1.0);
				}
				
				#notice_area li.even	{
					background-color: rgba(247,234,234,1.0);
				}
				
					#notice_area li a	{
						display: block;
						background-position: 12px 12px;
						background-repeat: no-repeat;
						background-size: 60px 20px;
						-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: 12px 6px 12px 87px;
					}
					
					#notice_area li a.notice	{
						background-image: url(../home_image/notice_image/notice_mark_1.png);
					}
					
					#notice_area li a.event	{
						background-image: url(../home_image/notice_image/notice_mark_2.png);
					}
					
					#notice_area li a.notice:hover, #notice_area li a.event:hover	{
						background-color: rgba(236,236,236,1.0);
					}

		#fb	{
			width: 96%;
			margin: 20px 2% 0 2%;
		}
	
			#fb h3.ttl	{
				background: url(../home_image/notice_image/fb_ttl.png) no-repeat;
				background-size: 100% auto;
				text-indent: -9999px;
				width: 100%;
			}
			
				@media all and (orientation: portrait) {
					.iphone #fb h3.ttl	{
						height: 40px;
					}
					.android #fb h3.ttl	{
						height: 44px;
					}
				}
				
				@media all and (orientation: landscape) {
					.iphone #fb h3.ttl	{
						width: 500px;
						height: 69px;
						margin: 0 auto !important;
					}
					.android #fb h3.ttl	{
						width: 500px;
						height: 64px;
						margin: 0 auto !important;
					}
				}
					
		#bnr	{
			width: 96%;
			padding: 0 2%;
		}
		
			@media all and (orientation: portrait) {
				.iphone #bnr	{
					margin: 20px 0 0 0;
				}
				.android #bnr	{
					margin: 20px 0 6px 0;;
				}
			}
				
				@media all and (orientation: landscape) {
				.iphone #bnr	{
					margin: 20px 0 2px 0;
				}
				.android #bnr	{
					margin: 20px 0 0 0;;
				}
			}
		
			#bnr li	{
				float: left;
				width: 48%;
				margin: 0;
			}
			
				#bnr li.rt	{
					margin-left: 3%;
				}
			
				//*@media all and (orientation: portrait) {
					.iphone #bnr li	{
						height: 63px;
						margin-bottom: 10px;
					}
					.android #bnr li	{
						height: 71px;
						margin-bottom: 14px;
					}
				}
				
				@media all and (orientation: landscape) {
					.iphone #bnr li	{
						height: 112px;
						margin-bottom: 18px;
					}
					.android #bnr li	{
						height: 125px;
						margin-bottom: 20px;
					}
				}**/
			
			#bnr li:last-of-type	{
				margin-right: 0;
			}
			
				#bnr li a	{
					display: block;
					background-repeat: no-repeat;
					background-size: contain;
					padding-top: 43.089%;
					text-indent: -9999px;
				}
				
				#bnr li a.blog	{
					background-image: url(../home_image/notice_image/side_btn/blog_btn.jpg);
				}
				
				#bnr li a.sns	{
					background-image: url(../home_image/notice_image/side_btn/sns_btn.jpg);
				}
				
				#bnr li a.instagram{
					background-image: url(../home_image/notice_image/side_btn/instagram_btn.jpg);
				}
				
				#bnr li a.twitter	{
					background-image: url(../home_image/notice_image/side_btn/twitter_btn.jpg);
				}
				
				#bnr li a.pool_calendar	{
					background-image: url(../home_image/notice_image/side_btn/pool_calendar_btn.jpg);
				}
				
				#bnr li a.photo_gallery	{
					background-image: url(../home_image/notice_image/side_btn/photo_gallery_btn.jpg);
				}
				
				#bnr li a.event	{
					background-image: url(../home_image/notice_image/side_btn/event_btn.jpg);
				}
				
				.trad	{
					position: relative;
					left: 25%;
					right: 25%;
					width: 100%;
				}

		#bnr ul:after	{
				content:".";
				display: block;
				visibility: hidden;
				height: 0.1px;
				font-size: 0.01em;
				line-height: 0;
				clear: both;
			}
			
/* #primary_banner-sec */
#primary_banner-sec	{
	background: url(../home_image/banner_primary_image/primary_banner_bg.jpg) 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: 594px;
	margin: 0 auto;
	}

	@media all and (orientation: portrait) {
		.iphone #primary_banner-sec	{
			height: 794px;
		}
		.android #primary_banner-sec	{
			height: 810px;
		}
	}
	
	@media all and (orientation: landscape) {
		.iphone #primary_banner-sec	{
			height: 1070px;
		}
		.android #primary_banner-sec	{
			height: 1210px;
		}
	}

	#primary_banner-sec .inner	{
		
	}
	
		#first_banner	{
			width: 96%;
			padding-top: 20px;
			margin-right: 2%;
			margin-left: 2%;
		}
			
				#first_banner li.ft_R	{
					float: none;
					width: 100%;
				}
				
				#first_banner li:last-of-type	{
					margin-right: 0;
				}
				
				#first_banner li a	{
					display: block;
					background-size: contain;
					padding-top: 37.736%;
					height: 0;
					margin-bottom: 20px;
				}
				
				#first_banner li a.wedding_site	{
					background-image: url(../home_image/banner_primary_image/wedding_btn_SP.jpg);
					background-repeat: no-repeat;
					background-position: 0 0;
					text-indent: -9999px;
					width: 100%;
				}
				
				#first_banner li a.wedding_xexy	{
					display: none;
				}
				
				#first_banner li a.wedding_xexy:hover	{
					display: none;
				}
				
				#first_banner li a.wakuwaku	{
					background-image: url(../home_image/banner_primary_image/wakuwaku_btn.jpg);
					background-repeat: no-repeat;
					text-indent: -9999px;
					width: 100%;
				}
				
				#first_banner li a.activity	{
					background-image: url(../home_image/banner_primary_image/activity_btn.jpg);
					background-repeat: no-repeat;
					text-indent: -9999px;
					width: 100%;
				}
				
				#first_banner li a.nazotoki	{
					background-image: url(../home_image/banner_primary_image/nazo.jpg);
					background-repeat: no-repeat;
					text-indent: -9999px;
					width: 100%;
				}
				
				#first_banner li a.shuttle_bus	{
					background-image: url(../home_image/banner_primary_image/shuttle_bus_btn.jpg);
					background-repeat: no-repeat;
					text-indent: -9999px;
					width: 100%;
				}
				
				#first_banner li a.kawasemi	{
					background-image: url(../home_image/banner_primary_image/kawasemi_btn.jpg);
					background-repeat: no-repeat;
					text-indent: -9999px;
					width: 100%;
				}
				
				#first_banner li a.otoku_ticket	{
					background-image: url(../home_image/banner_primary_image/otoku_ticket_btn.jpg);
					background-repeat: no-repeat;
					text-indent: -9999px;
					width: 100%;
				}
				
					//*@media all and (orientation: portrait) {
						.iphone #first_banner li a.wakuwaku, .iphone #first_banner li a.activity, .iphone #first_banner li a.wedding_site, .iphone #first_banner li a.shuttle_bus, .iphone #first_banner li a.nazotoki	{
							height: 116px;
							margin-bottom: 20px;
						}
						.android #first_banner li a.wakuwaku, .android #first_banner li a.activity, .android #first_banner li a.wedding_site, .android #first_banner li a.shuttle_bus, .android #first_banner li a.shuttle_bus	{
							height: 130px;
							margin-bottom: 30px;
						}
					}
					
					@media all and (orientation: landscape) {
						.iphone #first_banner li a.wakuwaku, .iphone #first_banner li a.activity, .iphone #first_banner li a.wedding_site, .iphone #first_banner li a.shuttle_bus, .iphone #first_banner li a.nazotoki	{
							height: 206px;
							margin-bottom: 20px;
						}
						.android #first_banner li a.wakuwaku, .android #first_banner li a.activity, .android #first_banner li a.wedding_site, .android #first_banner li a.shuttle_bus, .android #first_banner li a.shuttle_bus	{
							height: 231px;
							margin-bottom: 30px;
						}
					}*//
					
		#second_banner	{
			clear: both;
			width: 96%;
			margin: 0 2%;
			}
			
			#second_banner .bx-wrapper{
				max-width: 100% !important;
			}
			
			#second_banner .bx-wrapper .bx-pager,
			#second_banner .bx-wrapper .bx-controls-auto {
				bottom: -31px; /* pager位置の変更 */
			}
			
			#second_banner .bx-wrapper .bx-controls-direction a	{
				width: 14px;
				height: 21px;
				z-index: 23;
			}

			#second_banner .bx-wrapper .bx-prev {
				background: url(../common/image/prev_arrow1.png) no-repeat;
				background-size: 14px 21px;
				top: 130%;
				left: 0;
			}

			#second_banner .bx-wrapper .bx-next {
				background: url(../common/image/next_arrow1.png) no-repeat;
				background-size: 14px 21px;
				top: 130%;
				right: 0;
			}
		
			#second_banner li	{
				float: left;
				width: 266px;
				height: 100px;
				margin-right: 30px;
			}
		
				#second_banner li a	{
					display: block;
					background-repeat: no-repeat;
					background-size: 266px 100px;
					text-indent: -9999px;
					width: 266px;
					height: 100px;
				}
				
				#second_banner li a.photo_contest	{
					background-image: url(../home_image/banner_primary_image/photo_contest_btn.jpg);
				}
				
				#second_banner li a.voice{
					background-image: url(../home_image/banner_primary_image/voice_btn.jpg);
				}
				
				#second_banner li a.gohan_project	{
					background-image: url(../home_image/banner_primary_image/gohan_project_btn.jpg);
				}
				
				#second_banner li a.photo_gallery	{
					background-image: url(../home_image/banner_primary_image/photo_gallery_btn.jpg);
				}
				
				#second_banner li a.wanwankan	{
					background-image: url(../home_image/banner_primary_image/wanwankan_btn.jpg);
				}
				
				#second_banner li a.family_holiday	{
					background-image: url(../home_image/banner_primary_image/family_holiday_btn.jpg);
				}
				
				#second_banner li a.youtuber	{
					background-image: url(../home_image/banner_primary_image/youtuber_btn.jpg);
				}
				
				#second_banner li a.usuginunotaki	{
					background-image: url(../home_image/banner_primary_image/usuginunotaki_btn.jpg);
				}
				
				#second_banner li a.history	{
					background-image: url(../home_image/banner_primary_image/history_btn.jpg);
				}
				
				#second_banner li a.event_schedule	{
					background-image: url(../home_image/banner_primary_image/event_schedule_btn.jpg);
				}
				
				#second_banner li a.asoview	{
					background-image: url(../home_image/banner_primary_image/asoview_btn.jpg);
				}
				
				#second_banner li a.bousinnenkai	{
					background-image: url(../home_image/banner_primary_image/bousinnenkai_btn.jpg);
				}
				
				#second_banner li a.enkai	{
					background-image: url(../home_image/banner_primary_image/enkai_btn.jpg);
				}
				
				#second_banner li a.hinamaturi	{
					background-image: url(../home_image/banner_primary_image/hinamaturi_btn.jpg);
				}
				
				#second_banner li a.treasure_hunter	{
					background-image: url(../home_image/banner_primary_image/treasure_hunter_btn.jpg);
				}
				
				#second_banner li a.hanamaki_meguri	{
					background-image: url(../home_image/banner_primary_image/hanamaki_meguri_btn.jpg);
				}
				
				#second_banner li a.lending_game	{
					background-image: url(../home_image/banner_primary_image/lending_game_btn.jpg);
				}

			#second_banner li:last-of-type	{
				margin-right: 0;
			}

			#second_banner ul:after	{
				content:".";
				display: block;
				visibility: hidden;
				height: 0.1px;
				font-size: 0.01em;
				line-height: 0;
				clear: both;
			}
			
/* #secondary_banner-sec */
#secondary_banner-sec	{
	background: #eaeaea;
	-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: 45px auto 0 auto;
	}

	@media all and (orientation: portrait) {
		.iphone #secondary_banner-sec	{
			height: 165px;
		}
		.android #secondary_banner-sec	{
			height: 187px;
		}
	}
	
	@media all and (orientation: landscape) {
		.iphone #secondary_banner-sec	{
			height: 240px;
		}
		.android #secondary_banner-sec	{
			height: 296px;
		}
	}

	#secondary_banner-sec .inner	{
		
	}
	
		#third_banner	{
			clear: both;
			width: 100%;
			padding: 20px 0;
			}
			
			#third_banner li	{
				float: left;
				width: 46%;
				margin-left: 2%;
				margin-right: 2%;
			}
			
				@media all and (orientation: portrait) {
					.iphone #third_banner li	{
						height: 63px;
						margin-bottom: 6px;
					}
					.android #third_banner li	{
						height: 71px;
						margin-bottom: 6px;
					}
				}
				
				@media all and (orientation: landscape) {
					.iphone #third_banner li	{
						height: 112px;
						margin-bottom: 10px;
					}
					.android #third_banner li	{
						height: 125px;
						margin-bottom: 10px;
					}
				}
			
			#third_banner li:last-of-type	{
				margin-right: 0;
			}
		
				#third_banner li a	{
					display: block;
					background-repeat: no-repeat;
					background-size: contain;
					text-indent: -9999px;
					width: 100%;
					height: 100%;
				}
				
				#third_banner li a.houji	{
					background-image: url(../home_image/banner_secondary_image2/houji_btn.jpg);
				}
				
				#third_banner li a.higaeri	{
					background-image: url(../home_image/banner_secondary_image2/higaeri_btn.jpg);
				}
				
				#third_banner li a.yukemuri	{
					background-image: url(../home_image/banner_secondary_image2/yukemuri_btn.jpg);
				}
				
				/*#third_banner li a.mice	{
					background-image: url(../home_image/banner_secondary_image/mice_btn.jpg);
				}*/
				
				#third_banner li a.hanamaki_asagohan	{
					background-image: url(../home_image/banner_secondary_image2/hanamaki_asagohan_btn.jpg);
				}
				
				#third_banner li a.shidate	{
					background-image: url(../home_image/banner_secondary_image2/shidate_btn.jpg);
				}
				
				#third_banner li:last-of-type	{
					margin-right: 0;
				}
		
		#sns-sec	{
			clear: both;
			width: 100%;
			margin: 0 auto;
		}
		
		#snsL	{
			text-align: center;
			margin: 0 auto;
			width: 100%;
		}
		
		#snsR	{
			text-align: center;
			margin: 2em auto;
		}
		
		#snsR img	{
			margin: 0 6px;
		}
		
		#tripadvisor	{
			width: 160px;
			margin: 2em auto;
		}

/* メインビジュアルへのかぶせバナー */
.over_banner_lt	{
	position: absolute;
	left: 8px;
	top: 196px;
	width: 123px;
	z-index: 101;
}

.over_banner_rt {
	position: absolute;
	right: 8px;
	top: 196px;
	width: 123px;
	z-index: 2;
}

/* CM動画 */
#fair_movie {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 500;
}
#fair_movie iframe {
	height: 100%;
	width: 100% !important;
}
#movie_close {
	display: block;
	position: absolute;
	left: 2.5%;
	top: 2.5%;
	border: 3px solid #ccc;
	font-size: 150%;
	color: #ccc;
	line-height: 1.5;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
	cursor: pointer;
	z-index: 2;
}

#movie_start { /* CM動画Script用 */
}

#movie_start:hover {
	
}


/* ホーム用 #footer-sec */
#footer-sec	{
	margin-top: 0 !important;
}