@charset "UTF-8";

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

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

	#concept_img_pc .pht	{
		width: 1714px;
		margin-left: -857px;
		height: 680px;
		position: relative;
		top: 0;
		left: 50%;
	}
	
#concept_img_pc .bx-wrapper, .bx-wrapper img	{
	max-width: none !important;
}

#home_logo_area	{
	position: relative;
	top: -224px;
	left: 0;
	width: 1100px;
	margin: 0 auto;
	z-index: 2;
}
		

/* ホーム用 #container */
#contact-sec	{
	margin-top: -60px;
}

	#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: 416px;
		text-align: left;
		overflow: hidden;
	}
	
	#recommend_plan .inner	{
		width: 1100px;
		margin: 0 auto;
	}
	
		#recommend_plan .inner #ttl	{
			float: left;
			background-image: url(image/recommend_plan_bg.jpg);
			width: 160px;
			height: 416px;
			margin-right: 47px;
		}
		
			#recommend_plan .inner #ttl h2	{
				background-image: url(image/recommend_plan_ttl.png);
				background-size: 124px 70px;
				background-repeat: no-repeat;
				width: 124px;
				height: 70px;
				margin: 148px 0 26px 18px;
				text-indent: -9999px;
			}
			
			#recommend_plan .inner #ttl p	{
				margin-left: 15px;
				text-indent: -9999px;
			}
				
				#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: 0 0;
				}
				
				#recommend_plan .inner #ttl p a.list:hover	{
					background-position: 0 -30px;
				}
				
				#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: 0 0;
					margin-top: 20px;
				}
				
				#recommend_plan .inner #ttl p a.date:hover	{
					background-position: 0 -30px;
				}
		
		#recommend_plan .inner #plan	{
			float: left;
			width: 893px;
			padding-top: 30px;
			}
			
			#recommend_plan .bx-wrapper{
				max-width: 893px !important;
			}
			
			#recommend_plan .bx-wrapper .bx-pager,
			#recommend_plan .bx-wrapper .bx-controls-auto {
				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: 0;
			}
		
			#recommend_plan #plan li	{
				float: left;
				width: 200px;
				height: 320px;
				margin-right: 31px;
			}
		
			#recommend_plan #plan img	{
				background-color: #fff;
				width: 200px;
				height: 140px;
				margin-bottom: 8px;
				overflow: hidden;
			}

			#recommend_plan span a:hover img	{
				opacity: 0.65;
				-moz-opacity: 0.65;
				filter: alpha(opacity = 65);
			}
		
			#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_pc	{
	position: relative; /* ⬅ */
	background: url(../home_image/fair_event_image/fair_event_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: 607px;
}

	#fair_event_pc .inner	{
		
	}

		#fair_event_slide_pc	{
			width: 1100px;
			height: 607px;
			margin: 0 auto;
		}
	
			#fair_event_pc .bx-wrapper .bx-controls-direction a	{
				width: 27px;
				height: 42px;
				z-index: 10;
			}
		
			#fair_event_pc .bx-wrapper .bx-prev	{
				background: url(image/prev_arrow1.png) no-repeat;
				top: 50%;
				left: -30px;
			}

			#fair_event_pc .bx-wrapper .bx-next	{
				background: url(image/next_arrow1.png) no-repeat;
				top: 50%;
				right: -30px;
			}

/* #notice-sec */
#notice-sec	{
	position: relative;
	background: url(../home_image/notice_image/notice_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: 601px;
	margin: 0 auto;
}

	#notice-sec .inner	{
		width: 1100px;
		margin: 0 auto;
	}

		#notice	{
			float: left;
			width: 385px;
			margin-top: 58px;
			margin-right: 42px;
		}
	
			#notice h3.ttl	{
				position: relative;
				background: url(../home_image/notice_image/notice_ttl_PC.png) no-repeat;
				background-size: 385px 58px;
				text-indent: -9999px;
				width: 385px;
				height: 58px;
				z-index: 21;
			}
		
			#notice #notice_area	{
				/*background: #fff;*/
				font-size: 14px; font-size:1.4rem;
  				line-height: 130%;
  				height: 425px;
  				margin-top: -3px;
  				overflow-y: scroll;
  				overflow-x: hidden;
  				z-index: 22;
			}
				
				#notice_area li	{
					text-align: left;
					width: 385px;
				}
				
				#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 15px 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	{
			float: left;
			width: 385px;
			margin-top: 63px;
			margin-right: 42px;
		}
	
			#fb h3.ttl	{
				background: url(../home_image/notice_image/fb_ttl.png) no-repeat;
				background-size: 385px 50px;
				text-indent: -9999px;
				width: 385px;
				height: 50px;
			}
	
		#bnr	{
			float: left;
			background: url(../home_image/notice_image/notice_bnr_bg.png) no-repeat;
			width: 246px;
			height: 475px;
			margin-top: 63px;
		}
		
			#bnr li	{
				margin-bottom: 17px;
			}
			
			#bnr li:last-of-type	{
				margin-right: 0;
			}
			
				#bnr li a	{
					display: block;
					background-repeat: no-repeat;
					background-size: 246px 106px;
					text-indent: -9999px;
					width: 246px;
					height: 106px;
				}
				
				#bnr li a:hover	{
					opacity: 0.65;
					-moz-opacity: 0.65;
					filter: alpha(opacity = 65);
				}
				
				#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);
				}
				
				.trad	{
					margin-left: 38px;
				}
				
				#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);
				}

/* #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: 648px;
	margin: 0 auto;
	}

	#primary_banner-sec .inner	{
		
	}
	
		#first_banner	{
			width: 1100px;
			padding-top: 50px;
			margin: 0 auto;
			}
			
				#first_banner li	{
					float: left;
					width: 530px;
				}
				
				#first_banner li.ft_R	{
					margin-left: 40px;
				}
				
				#first_banner li:last-of-type	{
					margin-right: 0;
				}
				
				#first_banner li a	{
					display: block;
				}
				
				#first_banner li a:hover	{
					opacity: 0.65;
					-moz-opacity: 0.65;
					filter: alpha(opacity = 65);
				}
				
			#first_banner li a.wakuwaku	{
				background-image: url(../home_image/banner_primary_image/wakuwaku_btn.jpg);
				background-size: 530px 200px;
				background-repeat: no-repeat;
				text-indent: -9999px;
				width: 530px;
				height: 200px;
				margin-bottom: 24px;
			}
			
			#first_banner li a.activity	{
				background-image: url(../home_image/banner_primary_image/activity_btn.jpg);
				background-size: 530px 200px;
				background-repeat: no-repeat;
				text-indent: -9999px;
				width: 530px;
				height: 200px;
				margin-bottom: 24px;
			}
			
			#first_banner li a.nazotoki	{
				background-image: url(../home_image/banner_primary_image/nazo.jpg);
				background-size: 530px 200px;
				background-repeat: no-repeat;
				text-indent: -9999px;
				width: 530px;
				height: 200px;
				margin-bottom: 24px;
			}
			
			#first_banner li a.shuttle_bus	{
				background-image: url(../home_image/banner_primary_image/shuttle_bus_btn.jpg);
				background-size: 530px 200px;
				background-repeat: no-repeat;
				text-indent: -9999px;
				width: 530px;
				height: 200px;
			}
			
			#first_banner li a.kawasemi	{
				background-image: url(../home_image/banner_primary_image/kawasemi_btn.jpg);
				background-size: 530px 200px;
				background-repeat: no-repeat;
				text-indent: -9999px;
				width: 530px;
				height: 200px;
				margin-bottom: 24px;
			}
			
			#first_banner li a.otoku_ticket	{
				background-image: url(../home_image/banner_primary_image/otoku_ticket_btn.jpg);
				background-size: 530px 200px;
				background-repeat: no-repeat;
				text-indent: -9999px;
				width: 530px;
				height: 200px;
				margin-bottom: 24px;
			}
			
		/*	
			#first_banner li a.wedding_site	{
					background-image: url(../home_image/banner_primary_image/wedding_btn.jpg);
					background-size: 530px 600px;
					background-repeat: no-repeat;
					background-position: 0 0;
					text-indent: -9999px;
					width: 530px;
					height: 155px;
				}
				
				#first_banner li a.wedding_site:hover	{
					background-image: url(../home_image/banner_primary_image/wedding_btn.jpg);
					background-position: 0 -200px;
				}
				
			#first_banner li.xexy	{ /* ゼクシーフェアなし用画像下部分 */ /*
				background-image: url(../home_image/banner_primary_image/wedding_noFiar_btmP.jpg);
				background-size: 530px 90px;
				background-repeat: no-repeat;
				width: 530px;
				height: 45px;
				margin-bottom: 24px;
			}
				
				#first_banner li a.wedding_xexy	{
					background-image: url(../home_image/banner_primary_image/wedding_btn.jpg);
					background-size: 530px 600px;
					background-repeat: no-repeat;
					text-indent: -9999px;
					background-position: 0 -355px;
					width: 530px;
					height: 45px;
				}
				
				#first_banner li a.wedding_xexy:hover	{
					background-image: url(../home_image/banner_primary_image/wedding_btn.jpg);
					text-indent: -9999px;
					background-position: 0 -555px;
					width: 530px;
					height: 45px;
				}
				
					#first_banner li a.wedding_site:hover, #first_banner li a.wedding_xexy:hover	{
						opacity: 1.0;
					-moz-opacity: 1.0;
					filter: alpha(opacity = 100);
					}
			*/
		
		#second_banner	{
			clear: both;
			width: 1100px;
			margin: 0 auto;
			}
			
			#second_banner .bx-wrapper{
				max-width: 1100px !important;
			}
			
			#second_banner .bx-wrapper .bx-pager,
			#second_banner .bx-wrapper .bx-controls-auto {
				bottom: -32px; /* 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: 54%;
				left: -16px;
			}

			#second_banner .bx-wrapper .bx-next {
				background: url(../common/image/next_arrow1.png) no-repeat;
				background-size: 14px 21px;
				top: 54%;
				right: -16px;
			}
		
			#second_banner li	{
				float: left;
				width: 266px;
				height: 100px;
				margin-right: 12px;
			}
		
				#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:hover	{
					opacity: 0.65;
					-moz-opacity: 0.65;
					filter: alpha(opacity = 65);
				}
				
				#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.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%;
	height: 160px;
	margin: 0 auto;
	}

	#secondary_banner-sec .inner	{
		
	}
	
		#third_banner	{
			clear: both;
			width: 1100px;
			margin: 0 auto;
			}
			
			/* 5個タイプ */
			/*
			#third_banner li	{
				float: left;
				width: 212px;
				height: 80px;
				margin-right: 10px;
				margin-top: 40px;
			}
		
				#third_banner li a	{
					display: block;
					background-repeat: no-repeat;
					background-size: 212px 80px;
					text-indent: -9999px;
					width: 212px;
					height: 80px;
				}
				
				#third_banner li a:hover	{
					opacity: 0.65;
					-moz-opacity: 0.65;
					filter: alpha(opacity = 65);
				}
				
				#third_banner li a.houji	{
					background-image: url(../home_image/banner_secondary_image/houji_btn.jpg);
				}
				
				#third_banner li a.higaeri	{
					background-image: url(../home_image/banner_secondary_image/higaeri_btn.jpg);
				}
				
				#third_banner li a.yukemuri	{
					background-image: url(../home_image/banner_secondary_image/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_image/hanamaki_asagohan_btn.jpg);
				}
				
				#third_banner li a.shidate	{
					background-image: url(../home_image/banner_secondary_image/shidate_btn.jpg);
				}
				*/
				
			/* 4個タイプ */
				#third_banner li	{
				float: left;
				width: 266px;
				height: 80px;
				margin-right: 12px;
				margin-top: 40px;
			}
		
				#third_banner li a	{
					display: block;
					background-repeat: no-repeat;
					background-size: 266px 80px;
					text-indent: -9999px;
					width: 266px;
					height: 80px;
				}
				
				#third_banner li a:hover	{
					opacity: 0.65;
					-moz-opacity: 0.65;
					filter: alpha(opacity = 65);
				}
				
				#third_banner li a.houji	{
					background-image: url(../home_image/banner_secondary_image2/houji_btn.jpg);
				}
				
				#third_banner li a.yukemuri	{
					background-image: url(../home_image/banner_secondary_image2/yukemuri_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: 1100px;
			margin: 0 auto;
		}
		
		#snsL	{
			float: left;
			text-align: center;
			margin: 0 auto;
			width: 550px;
		}
		
		#snsR	{
			float: left;
			border-left: 1px solid #eaeaea;
			text-align: center;
			width: 549px;
			height: 61px;
			padding-top: 29px;
			margin: 25px 0 0 0;
		}
		
		#snsR img	{
			margin: 0 6px;
		}
		
		#tripadvisor	{
			margin: 12px 0 24px 195px;
		}

/* メインビジュアルへのかぶせバナー */
.over_banner_lt	{
	position: absolute;
	right: 20px;
	top: 400px;　/*CMリンク復活時*/
	/*top: 510px;*/ /*CMリンク削除時*/
	width: 265px;
	height: 1000px;
	z-index: 101;
}

		/* PC用臨時左位置バナー用 */
		.over_banner_lt2 {
			position: absolute;
			left: 20px;
			top: 595px;
			width: 265px;
			height: 100px;
			z-index: 101;
		}

.over_banner_rt {
	position: absolute;
	right: 20px;
	top: 595px;
	width: 265px;
	height: 100px;
	z-index: 101;
}


/* 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 #fff;
	font-size: 150%;
	color: #ccc;
	line-height: 1.5;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
	cursor: pointer;
	z-index: 100;
}

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

#cm_video:hover {
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity = 90);
}

/* ヒカリノモリオープン動画 */
#main_message_viveo	{
	background: #652700;
	width: 100%;
}

.hikarinomori_prom_v	{
	position: relative;
	top: 0;
	left: 0;
	width: 1366px;
	height: 768px;
	z-index: 1;
	margin: 0 auto;
}