@charset "UTF-8";









/*



	Top



*/









/* ---------------------------------------------------



	common



--------------------------------------------------- */

	/* common > body
	----------------------------------------------- */
	.comb-txt { max-width: 610px; }

	/* common > stage
	----------------------------------------------- */

		/* common > stage > whatis
		------------------------------------------- */
		#whatis:before {
			background-image: url(/src/img/common/symbol/black.png);
			background-position: -250px 370px;
			}
		#whatis:after {
			background-image: url(/src/img/common/symbol/black-light.png);
			background-position: right -250px bottom 280px;
			}

		/* common > stage > artist
		------------------------------------------- */
		#artist:before {
			background-image: url(/src/img/common/symbol/blue.png);
			background-position: -250px 150px;
			}
		#artist:after {
			background-image: url(/src/img/common/symbol/blue-light.png);
			background-position: right -250px bottom 20px;
			}

		/* common > stage > sns
		------------------------------------------- */
		#sns:before {
			background-image: url(/src/img/common/symbol/purple.png);
			background-position: -250px 210px;
			}
		#sns:after {
			background-image: url(/src/img/common/symbol/purple-light.png);
			background-position: right -250px bottom 260px;
			}









/* ---------------------------------------------------



	intro



--------------------------------------------------- */
#intro {
	height: 600px;
	overflow: hidden;
	position: relative;
	}

	#itr-slide {
		height: 100%;

		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		transition-duration: 0s;
		}
		.itrs-item {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			}
			.itrs-item a {
				color: #fff;
				display: block;
				height: 100%;
				position: relative;
				width: 100%;
				}
				.itrs-item a:before,
				.itrs-item a:after {
					content: '';
					position: absolute;
					}
				.itrs-item a:before {
					background: rgba(0, 0, 0, 0);
					height: 1%;
					left: 0;
					top: 0;
					width: 1%;
					}
				.itrs-item a:after {
					background: rgba(173, 0, 45, 0.8);
					border: 1px solid rgba(173, 0, 45, 1);
					bottom: 30px;
					color: rgba(255, 255, 255, 1);
					display: inline-block;
					content: '詳しく見る →';
					padding: 10px 30px;
					right: 400px;

					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;

					-webkit-transition-duration: 0.5s;
					-moz-transition-duration: 0.5s;
					transition-duration: 0.5s;
					}
					.itrs-item a:hover:before {
						height: 100%;
						width: 100%;
						}
					.itrs-item a:hover:after {
						color: rgba(173, 0, 45, 1);
						background: rgba(255, 255, 255, 1);
						}

			.itrs-item h1 {
				color: #fff;
				/*display: inline-block;*/
				font-size: 26px;
				font-family: 'Droid Serif', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
				font-weight: 200;
				letter-spacing: 10px;
				left: 50%;
				position: absolute;
				top: 55%;

				-webkit-transform: translate(-200%, -50%);
				-moz-transform: translate(-200%, -50%);
				transform: translate(-200%, -50%);

			    -webkit-writing-mode: vertical-rl;
			    -ms-writing-mode: tb-rl;
			    writing-mode: vertical-rl;

				-webkit-text-shadow: 0 0 10px rgba(5, 60, 0, 1), 0 0 10px rgba(5, 60, 0, 1);
				-moz-text-shadow: 0 0 10px rgba(5, 60, 0, 1), 0 0 10px rgba(5, 60, 0, 1);
				text-shadow: 0 0 10px rgba(5, 60, 0, 1), 0 0 10px rgba(5, 60, 0, 1);
        
				display: flex;
				align-items: center;
				justify-content: center;
				height: 13em;
				width: 10rem;
				}
			.itrs-item h1 .itrs-item-cnt {}
				.itrs-item h1 span { display: block; }

	#itr-info {
		position: absolute;
		height: 100%;
		right: 0;
		top: 83px;
		width: 350px;
		z-index: 10;
		}
		#itr-info .inner {
			background: rgba(255, 255, 255, 0.6);
			height: 517px;
			padding: 0 30px;
			width: 100%;
			}
		.itri-item {}

		#itri-businesshours { padding: 20px 0; }
			#itribh-time {
				background-image: url(/src/img/common/icon/red/information.png);
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 30px auto;
				color: #323232;
				font-size: 16px;
				padding: 0 0 0 40px;
				}
				#itribh-time h2 {
					font-size: 16px;
					font-weight: 700;
					line-height: 1.8;
					}
			#itribh-close {
				display: block;
				font-size: 13px;
				padding: 5px 0;
				}
			#itribh-onsen {
				margin-top: 10px;
				display: flex;
				flex-direction: column;
				}
				#itribh-onsen dl {
					display: flex;
					align-items: center;
					}
					#itribh-onsen dl dt,
					#itribh-onsen dl dd { font-size: 13px; }
					#itribh-onsen dl dt {
						font-weight: 700;
						margin-right: 15px;
						}
					#itribh-onsen dl dd {
						display: flex;
						flex-wrap: wrap;
						}
					#itribh-onsen dl .itribh-osn-item { margin-right: 15px; }
					#itribh-onsen dl .itribh-osn-item:last-child { margin-right: 0; }
					#itribh-onsen dl .itribh-osn-item span { margin-right: 10px; }
					#itribh-onsen dl a {
						color: rgba(173, 0, 45, 1);
						display: inline-block;
						padding: 0 3px;
						text-decoration: underline;
						}
						#itribh-onsen dl a:hover {
							background: rgba(173, 0, 45, 1);
							color: #fff;
							}
			#itribh-info {
				font-size: 13px;
				margin-top: 10px;
				}

		#itri-valuable {
			background: rgba(255, 255, 255, 0.8) url(/src/img/common/arrow/pt1-right_red-white.png) right 10px center no-repeat;
			background-size: 20px;
			overflow: hidden;
			position: relative;

			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}
			#itri-valuable:hover {
				background-position: right 20px center;

				-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
				-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
				}
			#itri-valuable a {
				padding: 10px 20px 10px 70px;
				position: relative;
				}
				#itri-valuable a:before {
					background: rgba(44, 191, 19, 1) url(/src/img/common/icon/white/speaker.png) center center no-repeat;
					background-size: 25px;
					content: '';
					display: inline-block;
					left: 0;
					height: 100%;
					position: absolute;
					top: 0;
					width: 50px;
					}
			#itri-valuable h2 {
				color: #000;
				font-size: 16px;
				font-weight: 700;
				line-height: 1.5;
				}
				#itri-valuable h2 span { display: block; }
			#itri-valuable img { max-width: 60px; }
				#itri-valuable:hover img { margin: 0 0 0 5px; }

		#itri-link { padding: 20px 0 0; }
			#itri-link a {
				background: url(/src/img/common/arrow/pt1-right_red-white.png) right center no-repeat;
				background-size: 20px;
				border-bottom: 1px solid rgba(0, 0, 0, 0.15);
				color: #000;
				font-size: 16px;
				}
				#itri-link a:hover {
					background-image: url(/src/img/common/arrow/pt1-right_white-red.png);
					background-color: rgba(173, 0, 45, 0.8);
					background-position: right 10px center;
					color: #fff;
					}
				#itri-link a span {
					background-size: 25px;
					background-repeat: no-repeat;
					background-position: left center;
					display: block;
					padding: 10px 0 10px 40px;
					transition: all .3s;
					}
				#itril-access span { background-image: url(/src/img/common/icon/red/access.png); }
				#itril-price span { background-image: url(/src/img/common/icon/red/ticket.png); }
				#itril-calendar span { background-image: url(/src/img/common/icon/red/calendar.png); }
					#itri-link a:hover span {
						background-position: 10px center;
						padding: 10px 0 10px 50px;
						}
					#itril-access:hover span { background-image: url(/src/img/common/icon/white/access.png); }
					#itril-price:hover span { background-image: url(/src/img/common/icon/white/ticket.png); }
					#itril-calendar:hover span { background-image: url(/src/img/common/icon/white/calendar.png); }









/* ---------------------------------------------------



	Maintenance



--------------------------------------------------- */
#maintenance-wrap { border-bottom: 1px solid rgba(173, 0, 45, .5); }
	#maintenance-wrap dl {}
		#maintenance-wrap dt,
		#maintenance-wrap dd {
			font-size: 15px;
			position: relative;
			}
		#maintenance-wrap dt {
			background: url(/src/img/common/btn/plus-red.png) right 30px top 12.5px no-repeat;
			background-size: 23px;
			cursor: pointer;
			height: 50px;
			overflow: hidden;
			padding: 15px 70px;
			white-space: nowrap;

			-webkit-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
			}
			#maintenance-wrap .mnc-active dt {
				background-image: url(/src/img/common/btn/nimus-red.png);
				height: auto;
				white-space: inherit;
				}
			#maintenance-wrap dt:before {
				background: url(/src/img/common/icon/yellow/attention.png) center center no-repeat;
				background-size: 30px;
				content: '';
				left: 30px;
				height: 30px;
				position: absolute;
				top: 10px;
				width: 30px;
				}
		#maintenance-wrap dd {
			background: rgba(173, 0, 45, .05);
			display: none;
			padding: 15px 30px 15px 70px;
			}









/* ---------------------------------------------------



	Service



--------------------------------------------------- */

/* common
--------------------------------------------------- */
#svs-wrap .com-more {}
	#svs-wrap .com-more span {}
		/*#svs-wrap .com-more:before { background-color: rgba(255, 255, 255, 1); }*/
		#svs-wrap .com-more:hover span {}

#service {
	background: url(/src/img/common/pattern/cream.png) center top;
	padding: 100px 0 50px;
	}
	#service:after { background: url(/src/img/common/stamp/hanasaki-transparent.png) right 100px no-repeat; }
	#service h2 { color: rgba(173, 0, 45, 1); }
	#svs-outline {
		line-height: 2;
		margin: 0 0 60px;
		}
		#svs-outline span { display: block; }

	#svs-wrap { position: relative; }
		#svs-wrap section {
			padding: 0 0 60px;
			position: relative;
			}

		.svs-ttlarea {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			padding: 100px 0;
			position: relative;
			}
			/*.svs-ttlarea:before {
				content: '';
				left: 0;
				height: 100%;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 0;

				-webkit-mix-blend-mode: multiply;
				-moz-mix-blend-mode: multiply;
				mix-blend-mode: multiply;
				}*/
			.svs-ttlarea h2 {
				background-color: rgba(255, 255, 255, 1);
				background-position: center center;
				background-size: 180px auto;
				background-repeat: no-repeat;
				height: 180px;
				margin: 0 auto;
				position: relative;
				text-indent: -9999px;
				width: 180px;
				z-index: 1;

				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				}
			.svsttla-outline {
				color: #fff;
				font-size: 18px;
				line-height: 1.75;
				letter-spacing: 5px;
				margin: 30px 0 0;
				position: relative;
				z-index: 1;
				}
				.svsttla-outline span { display: block; }

		.svs-bodyarea {
			letter-spacing: -1em;
			text-align: center;
			}
			.svs-bodyarea article {
				letter-spacing: 0em;
				display: inline-block;
				position: relative;
				vertical-align: top;
				width: 50%;
				}
				.svs-bodyarea article a {
					height: 100%;
					overflow: hidden;
					position: relative;
					}
				.svsbdy-caption {
					background-position: right 20px center;
					background-repeat: no-repeat;
					background-size: 30px auto;
					background-image: url(/src/img/common/arrow/pt1-right_white-white.png);
					color: #fff;
					bottom: 0;
					left: 0;
					font-family: 'Droid Serif', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
					font-size: 18px;
					line-height: 1.5;
					letter-spacing: 2px;
					padding: 20px 30px;
					position: absolute;
					text-align: left;
					width: 100%;
					z-index: 1;
					}
					.svsbdy-caption span { display: block; }
					/*.svs-bodyarea article a:hover .svsbdy-caption { background-position: right 40px center; }*/
				.svs-thumb,
				.svs-slide {
					position: relative;

					-webkit-transition-duration: 0s;
					-moz-transition-duration: 0s;
					transition-duration: 0s;
					}
					/*.svs-thumb:after,
					.svs-slide:after {
						bottom: -10%;
						content: '';
						display: block;
						left: -5%;
						height: 30%;
						position: absolute;
						width: 110%;
						z-index: 0;

						-webkit-mix-blend-mode: multiply;
						-moz-mix-blend-mode: multiply;
						mix-blend-mode: multiply;

						-webkit-filter: blur(20px);
						-moz-filter: blur(20px);
						filter: blur(20px);
						}*/
					.svss-item {
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center center;
						position: relative;
						}
					.svss-item h3 {
						display: inline-block;
						font-size: 32px;
						font-family: 'Droid Serif', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
						font-weight: 700;
						letter-spacing: 5px;
						left: 50%;
						position: absolute;
						text-align: left;
						top: 55%;

						-webkit-transform: translate(-50%, -70%);
						-moz-transform: translate(-50%, -70%);
						transform: translate(-50%, -70%);

					    -webkit-writing-mode: vertical-rl;
					    -ms-writing-mode: tb-rl;
					    writing-mode: vertical-rl;
						}
						.svss-item h3 span { display: block; }

	/* onsen
	----------------------------------------------- */
	#svs-onsen .svs-ttlarea { background-image: url(/src/img/top/service/onsen/hinoka/cg-ttl.gif); }
	#svs-onsen .svs-ttlarea:before { background-color: rgba(169, 213, 112, 0.6); }
	#svs-onsen .svs-ttlarea h2 { background-image: url(/src/img/common/mark/onsen.png); }
	#svs-onsen .svs-bodyarea article { height: 430px; }
	#svs-onsen .svsbdy-caption { background-color: rgba(68, 85, 0, 0.4); }
	#svs-onsen .svsbdy-caption:hover { background-image: url(/src/img/common/arrow/pt1-right_white-green.png); }
	#svs-onsen .svss-item { height: 430px; }
	#svs-onsen .svss-item.svss-day h3 {
		color: rgba(115, 133, 41, 1);

		-webkit-text-shadow: 0 0 15px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1);
		-moz-text-shadow: 0 0 15px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1);
		text-shadow: 0 0 15px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1);
		}
	#svs-onsen .svss-item.svss-night h3 {
		color: rgba(255, 255, 255, 1);

		-webkit-text-shadow: 0 0 15px rgba(115, 133, 41, 1), 0 0 10px rgba(115, 133, 41, 1), 0 0 5px rgba(115, 133, 41, 1), 0 0 5px rgba(115, 133, 41, 1);
		-moz-text-shadow: 0 0 15px rgba(115, 133, 41, 1), 0 0 10px rgba(115, 133, 41, 1), 0 0 5px rgba(115, 133, 41, 1), 0 0 5px rgba(115, 133, 41, 1);
		text-shadow: 0 0 15px rgba(115, 133, 41, 1), 0 0 10px rgba(115, 133, 41, 1), 0 0 5px rgba(115, 133, 41, 1), 0 0 5px rgba(115, 133, 41, 1);
		}
	#svs-onsen .com-more {
		background-color: rgba(117, 136, 43, 1);
		border-color: rgba(117, 136, 43, 1);
		}
		#svs-onsen .com-more:hover {
			background-color: rgba(255, 255, 255, 1);
			color: rgba(117, 136, 43, 1);

			-webkit-box-shadow: 0 0 15px rgba(117, 136, 43, 0.8);
			-moz-box-shadow: 0 0 15px rgba(117, 136, 43, 0.8);
			box-shadow: 0 0 15px rgba(117, 136, 43, 0.8);
			}
		#svs-onsen .com-more span {
			background-image: url(/src/img/common/arrow/pt1-right_white-green.png);
			padding: 15px 100px;
			}

		/* onsen > hinoka
		------------------------------------------- */
		#svss-hinoka-day { background-image: url(/src/img/top/service/onsen/hinoka/bg-day.jpg); }
		#svss-hinoka-night { background-image: url(/src/img/top/service/onsen/hinoka/bg-night.jpg); }

		/* onsen > shakkei
		------------------------------------------- */
		#svss-shakkei-day { background-image: url(/src/img/top/service/onsen/shakkei/bg-day.jpg); }
		#svss-shakkei-night { background-image: url(/src/img/top/service/onsen/shakkei/bg-night.jpg); }

		/* onsen > daidarabosch
		------------------------------------------- */
		#svss-daidarabosch-day { background-image: url(/src/img/top/service/onsen/daidarabosch/bg-day.jpg); }
		#svss-daidarabosch-night { background-image: url(/src/img/top/service/onsen/daidarabosch/bg-night.jpg); }

	/* food
	----------------------------------------------- */
	#svs-food .svs-ttlarea { background-image: url(/src/img/top/service/food/bg-ttl.jpg); }
	#svs-food .svs-ttlarea:before { background-color: rgba(223, 167, 136, 0.6); }
	#svs-food .svs-ttlarea h2 { background-image: url(/src/img/common/mark/food.png); }
	#svs-food .svss-item { height: 100%; }
	#svs-food .svs-bodyarea { padding: 10px 5px; }
	#svs-food .svs-bodyarea article {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 430px;
		margin: 0 0.5%;
		overflow: hidden;
		width: 32.33333333333333%;

		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
	#svs-food .svsbdy-caption { background-color: rgba(172, 60, 0, 0.4); }
	#svs-food .svsbdy-caption:hover { background-image: url(/src/img/common/arrow/pt1-right_white-orange.png); }
	#svs-food .com-more {
		background-color: rgba(218, 103, 41, 1);
		border-color: rgba(218, 103, 41, 1);
		}
		#svs-food .com-more:hover {
			background-color: rgba(255, 255, 255, 1);
			color: rgba(218, 103, 41, 1);

			-webkit-box-shadow: 0 0 15px rgba(218, 103, 41, 0.8);
			-moz-box-shadow: 0 0 15px rgba(218, 103, 41, 0.8);
			box-shadow: 0 0 15px rgba(218, 103, 41, 0.8);
			}
		#svs-food .com-more span {
			background-image: url(/src/img/common/arrow/pt1-right_white-orange.png);
			padding: 15px 100px;
			}
		#svs-food .svs-bodyarea article a {}
		#svs-food .svs-thumb {
			height: 100%;
			overflow: hidden;
			}
		#svs-food .svs-thumb h3 {
			color: rgba(218, 103, 41, 1);

			-webkit-text-shadow: 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1);
			-moz-text-shadow: 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1);
			text-shadow: 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1);
			}

		/* food > hamahakkei
		------------------------------------------- */
		#svs-food-hamahakkei { background-image: url(/src/img/top/service/food/hamahakkei/bg-thumb.jpg); }
		#svs-food-hamahakkei_2 { background-image: url(/src/img/top/service/food/hamahakkei/bg-thumb_3.jpg); }

		/* food > yuamicyaya
		------------------------------------------- */
		#svs-food-yuamicyaya { background-image: url(/src/img/top/service/food/yuamicyaya/bg-thumb.jpg); }

		/* food > buffet
		------------------------------------------- */
		#svs-food-buffet {}
		#svs-food-buffet a {
			border: 1px solid rgba(218, 103, 41, 1);
			padding: 20px;

			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}
		#svs-food-buffet .svs-thumb {
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}
		#svs-food-buffet .svs-thumb h3 {
			font-family: 'Droid Serif', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
			font-size: 26px;
			line-height: 1.25;
			padding: 0 0 15px;
			}
		#svs-food-buffet .svs-thumb h3 span { display: block; }
		#svst-buffet {
			background-image: url(/src/img/top/service/food/buffet/bg-thumb.jpg);

			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}

	/* enjoy
	----------------------------------------------- */
	#svs-enjoy .svs-ttlarea { background-image: url(/src/img/top/service/enjoy/bg-ttl.jpg); }
	#svs-enjoy .svs-ttlarea:before { background-color: rgba(192, 132, 189, 0.6); }
	#svs-enjoy .svs-ttlarea h2 { background-image: url(/src/img/common/mark/enjoy.png); }
	#svs-enjoy .svss-item { height: 100%; }
	#svs-enjoy .svs-bodyarea {}
	#svs-enjoy .svsbdy-caption {
		background-color: rgba(79, 0, 74, 0.4);
		font-family: Axis,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
		font-size: 16px;
		letter-spacing: 1px;
		}
	#svs-enjoy .svsbdy-caption:hover { background-image: url(/src/img/common/arrow/pt1-right_white-purple.png); }
	#svs-enjoy .svs-bodyarea article {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 250px;
		margin: 0;
		overflow: hidden;
		width: 25%;
		}
		#svs-enjoy .svs-bodyarea article a {}
		#svs-enjoy .svs-thumb {
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			height: 100%;
			overflow: hidden;
			}
		#svs-enjoy .svs-thumb h3 { display: none; }
	#svs-enjoy .com-more {
		background-color: rgba(169, 99, 165, 1);
		border-color: rgba(169, 99, 165, 1);
		}
		#svs-enjoy .com-more:hover {
			background-color: rgba(255, 255, 255, 1);
			color: rgba(169, 99, 165, 1);

			-webkit-box-shadow: 0 0 15px rgba(169, 99, 165, 0.8);
			-moz-box-shadow: 0 0 15px rgba(169, 99, 165, 0.8);
			box-shadow: 0 0 15px rgba(169, 99, 165, 0.8);
			}
		#svs-enjoy .com-more span {
			background-image: url(/src/img/common/arrow/pt1-right_white-purple.png);
			padding: 15px 100px;
			}

		/* enjoy > comic
		------------------------------------------- */
		#svs-enjoy-comic .svs-thumb { background-image: url(/src/img/top/service/enjoy/thumb/comic.jpg); }

		/* enjoy > tvchair
		------------------------------------------- */
		#svs-enjoy-tvchair .svs-thumb { background-image: url(/src/img/top/service/enjoy/thumb/tvchair.jpg); }

		/* enjoy > karaoke
		------------------------------------------- */
		#svs-enjoy-karaoke .svs-thumb { background-image: url(/src/img/top/service/enjoy/thumb/karaoke.jpg); }

		/* enjoy > familyspace
		------------------------------------------- */
		#svs-enjoy-familyspace .svs-thumb { background-image: url(/src/img/top/service/enjoy/thumb/familyspace.jpg); }

		/* enjoy > familyspace
		------------------------------------------- */
		#svs-enjoy-shop {
			background: rgba(255, 255, 255, 1);
			border: 1px solid rgba(169, 99, 165, 1);
			display: block;
			margin: 40px auto 0;
			overflow: hidden;
			width: 40%;

			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}
		#svs-enjoy-shop a {
			display: table;
			width: 100%;
			}
			#svs-enjoy-shop h3 {
				background: url(/src/img/common/arrow/pt1-right_purple-white.png) right 20px center no-repeat;
				background-size: 30px auto;
				color: #000;
				display: table-cell;
				font-size: 20px;
				text-align: left;
				padding: 40px;
				width: 50%;
				}
				#svs-enjoy-shop h3 small {
					display: block;
					font-size: 16px;
					}
			#svs-enjoy-shop .svsbdy-pho {
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url(/src/img/top/service/enjoy/thumb/shop.jpg);
				display: table-cell;
				width: 50%;
				}
			#svs-enjoy-shop:hover { background: rgba(169, 99, 165, 1); }
			#svs-enjoy-shop:hover h3 {
				background-image: url(/src/img/common/arrow/pt1-right_white-purple.png);
				color: #fff;
				}

	/* relaxation
	----------------------------------------------- */
	#svs-relaxation .svs-ttlarea { background-image: url(/src/img/top/service/relaxation/bg-ttl.jpg); }
	#svs-relaxation .svs-ttlarea:before { background-color: rgba(124, 191, 169, 0.6); }
	#svs-relaxation .svs-ttlarea h2 { background-image: url(/src/img/common/mark/relaxation.png); }
	#svs-relaxation .svss-item { height: 100%; }
	#svs-relaxation .svs-bodyarea { padding: 10px 5px; }
	#svs-relaxation .svsbdy-caption {
		background-color: rgba(2, 149, 159, 0.4);
		font-family: Axis,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
		font-size: 16px;
		letter-spacing: 1px;
		}
	#svs-relaxation .svsbdy-caption:hover { background-image: url(/src/img/common/arrow/pt1-right_white-blue.png); }
	#svs-relaxation .svs-bodyarea article {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 250px;
		margin: 0 0.5%;
		overflow: hidden;
		width: 49%;

		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
		#svs-relaxation .svs-bodyarea article a {}
		#svs-relaxation .svs-thumb {
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			height: 100%;
			overflow: hidden;
			}
		#svs-relaxation .svs-thumb h3 { display: none; }
	#svs-relaxation .com-more {
		background-color: rgba(2, 149, 159, 1);
		border-color: rgba(2, 149, 159, 1);
		}
		#svs-relaxation .com-more:hover {
			background-color: rgba(255, 255, 255, 1);
			color: rgba(2, 149, 159, 1);

			-webkit-box-shadow: 0 0 15px rgba(2, 149, 159, 0.8);
			-moz-box-shadow: 0 0 15px rgba(2, 149, 159, 0.8);
			box-shadow: 0 0 15px rgba(2, 149, 159, 0.8);
			}
		#svs-relaxation .com-more span {
			background-image: url(/src/img/common/arrow/pt1-right_white-blue.png);
			padding: 15px 100px;
			}

		/* relaxation > on
		------------------------------------------- */
		#svs-relaxation-on .svs-thumb { background-image: url(/src/img/top/service/relaxation/thumb/on.jpg); }

		/* relaxation > shiran
		------------------------------------------- */
		#svs-relaxation-shiran .svs-thumb { background-image: url(/src/img/top/service/relaxation/thumb/shiran.jpg); }

		/* relaxation > harmony
		------------------------------------------- */
		#svs-relaxation-harmony .svs-thumb { background-image: url(/src/img/top/service/relaxation/thumb/harmony.jpg); }









/* ---------------------------------------------------



	News
	import. /src/css/ls_news.css



--------------------------------------------------- */









/* ---------------------------------------------------



	Model Course
	Add 2017.06



--------------------------------------------------- */
#modelcourse {
	background: rgba(173, 0, 45, 1);
	color: rgba(255, 255, 255, 1);
	padding: 50px 0;
	}
	#modelcourse h2 {
		background: url(/src/img/top/modelcourse/bg-ttl.png) center top no-repeat;
		padding: 50px 20px;
		}
		#modelcourse h2 small {
			font-size: 20px;
			line-height: 1.2;
			}
	#modelcourse #mc-list {
		letter-spacing: -0.4em;
		margin: 0 auto;
		max-width: 1200px;
		}
		#modelcourse #mc-list article {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			display: inline-block;
			letter-spacing: 0em;
			height: 500px;
			margin: 0 0.5%;
			width: 49%;

			-webkit-box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);
			box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);

			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}
			#modelcourse #mc-list .mcl-photocontest { background-image: url(/photocontest/src/img/common/bnr/bg-hanasakinoyuindex.jpg); }
			#modelcourse #mc-list .mcl-rst { background-image: url(/src/img/sec/intro/modelcourse-resort.jpg); }
			#modelcourse #mc-list .mcl-hnsk { background-image: url(/src/img/sec/intro/modelcourse-hanasakinoyu.jpg); }
			#modelcourse #mc-list .mcl-pal2 { background-image: url(/src/img/common/bnr/resort/bg-pal2.png); }
			#modelcourse #mc-list .mcl-hamanakoorgel { background-image: url(/src/img/common/bnr/resort/bg-hamanakoorgel.png); }
			#modelcourse #mc-list .mcl-kanzanjiropeway { background-image: url(/src/img/common/bnr/resort/bg-kanzanjiropeway.png); }

			#modelcourse #mc-list a {
				display: table;
				height: 100%;
				position: relative;
				text-align-last: center;
				width: 100%;
				}
				#modelcourse #mc-list a:before,
				#modelcourse #mc-list a:after {
					content: '';
					position: absolute;

					-webkit-transition-duration: 0.5s;
					-moz-transition-duration: 0.5s;
					transition-duration: 0.5s;
					}
				#modelcourse #mc-list a:before {
					background: rgba(173, 0, 45, 0);
					bottom: 0;
					height: 100%;
					right: 0;
					width: 100%;
					z-index: 0;
					}
				#modelcourse #mc-list a:after {
					background-image: url(/src/img/common/arrow/pt1-right_red-white.png);
					background-repeat: no-repeat;
					background-size: 60px;
					background-position: center center;
					bottom: 10px;
					height: 60px;
					right: 10px;
					width: 60px;
					z-index: 1;
					}
					#modelcourse #mc-list a:hover:before { background: rgba(173, 0, 45, 0.6); }
					#modelcourse #mc-list a:hover:after { background-image: url(/src/img/common/arrow/pt1-right_white-red.png); }

			#modelcourse #mc-list article h3 {
				color: rgba(255, 255, 255, 1);
				display: table-cell;
				font-size: 30px;
				font-weight: 700;
				line-height: 1.3;
				padding: 60px 20px 0;
				position: relative;
				vertical-align: top;
				z-index: 5;

				-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.8), 0 0 10px rgba(0, 0, 0, 0.8);
				-moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.8), 0 0 10px rgba(0, 0, 0, 0.8);
				text-shadow: 0 0 10px rgba(0, 0, 0, 0.8), 0 0 10px rgba(0, 0, 0, 0.8);
				}
				#modelcourse #mc-list article h3 img {
					margin: 0 auto;
					max-width: 100%;
					}
				#modelcourse #mc-list article h3 small {
					display: block;
					font-size: 15px;
					font-weight: 500;
					letter-spacing: 3px;
					margin: 10px 0 0;
					}










/*



	MediaQuery



*/









/* ---------------------------------------------------



	1024



--------------------------------------------------- */
@media screen and (max-width: 1024px) {



/*

	about

--------------------------------------------------- */




}









/* ---------------------------------------------------



	1000



--------------------------------------------------- */
@media screen and (max-width: 1000px) {



/*

	intro

--------------------------------------------------- */




}









/* ---------------------------------------------------



	750



--------------------------------------------------- */
@media screen and (max-width: 750px) {



/*

	container

--------------------------------------------------- */
body > .container { height: 100%; }



/*

	intro

--------------------------------------------------- */
#intro { height: auto; }
	#itr-slide { height: 500px; }
		.itrs-item {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			}
			.itrs-item h1 {
				/*display: inline-block;*/
				font-size: 20px;
				font-weight: 200;
				letter-spacing: 10px;
				left: 50%;
				position: absolute;
				top: 50%;

				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);

			    -webkit-writing-mode: vertical-rl;
			    -ms-writing-mode: tb-rl;
			    writing-mode: vertical-rl;
        
        display: flex;
        align-items: center;
        justify-content: center;
        height: 14em;
        width: 10rem;
				}
				.itrs-item a:after {
					bottom: 40px;
					content: '→';
					padding: 0 20px;
					right: 20px;

					-webkit-border-radius: 20px;
					-moz-border-radius: 20px;
					border-radius: 20px;
					}
					.itrs-item a:hover:before {
						height: 1%;
						width: 1%;
						}
            .itrs-item h1 .itrs-item-cnt {}

		#itrt-inner { padding: 60px 0 0; }
			#itr-ttl h1 {
				background-size: 100% auto;
				height: 100%;
				text-indent: -999px;
				}
			#itr-ttl #itr-headline {
			    top: 60px;
			    width: 30%;
				}
				#itr-ttl #itr-headline img {
					max-height: 80%;
					height: auto;
					width: 100%;
					}

	#itr-info {
	    background: url(/src/img/top/intro/info/bg-sp.png) top center no-repeat;
	    background-size: 100%;
		position: relative;
		height: auto;
	    margin: 0 auto -30px;
		right: 0;
		padding: 0 0 20px;
		top: -30px;
		width: 100%;
		z-index: 10;
		}
		#itr-info .inner {
			background: rgba(255, 255, 255, 0);
			height: auto;
			padding: 0 30px;
			width: 100%;
			}
		.itri-item {
			background: rgba(255, 255, 255, 1);
			margin: 0 0 10px;

			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}

		#itri-businesshours { padding: 20px; }
			#itribh-time {
				background-image: url(/src/img/common/icon/red/information.png);
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 30px auto;
				color: #323232;
				font-size: 16px;
				padding: 0 0 0 40px;
				}
				#itribh-time h2 {
					font-size: 16px;
					font-weight: 700;
					line-height: 1;
					}
			#itribh-close {
				display: block;
				font-size: 13px;
				padding: 5px 0;
				}
			#itribh-onsen {}
				#itribh-onsen dl {}
					#itribh-onsen dl dt,
					#itribh-onsen dl dd { font-size: 13px; }
					#itribh-onsen dl dt {}
					#itribh-onsen dl dd {}
					#itribh-onsen dl .itribh-osn-item {}
					#itribh-onsen dl .itribh-osn-item span {}
					#itribh-onsen dl a {}
						#itribh-onsen dl a:hover {
							color: rgba(173, 0, 45, 1);
							background: rgba(255, 255, 255, 1);
							}

		#itri-valuable {
			background-color: rgba(255, 255, 255, 1);

			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}
			#itri-valuable:hover {
				background-position: right 10px center;

				-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
				-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
				}
			#itri-valuable a {
				padding: 10px 30px 10px 70px;
				position: relative;
				}
				#itri-valuable a:before {
					background: rgba(44, 191, 19, 1) url(/src/img/common/icon/white/speaker.png) center center no-repeat;
					background-size: 25px;
					content: '';
					display: inline-block;
					left: 0;
					height: 100%;
					position: absolute;
					top: 0;
					width: 50px;
					}
			#itri-valuable h2 {
				font-size: 14px;
				display: inline-block;
				}
				#itri-valuable h2 span {}
			#itri-valuable img {
				max-width: 50px;
				vertical-align: middle;
				}
				#itri-valuable:hover img { margin: 0; }

		#itri-link {
			background: none;
			padding: 0;

			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;

			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			}
			#itri-link a,
			#itri-link a:hover {
				background-image: url(/src/img/common/arrow/pt1-right_red-white.png);
				background-color: rgba(255, 255, 255, 1);
				background-position: right 10px center;
				border-bottom: none;
				font-size: 14px;
				margin: 0 0 10px;
				padding: 10px;

				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				}
				#itri-link a span,
				#itri-link a:hover span {
					background-size: 25px;
					background-repeat: no-repeat;
					background-position: left center;
					color: #000;
					display: block;
					padding: 10px 0 10px 35px;
					}
					#itril-access:hover span { background-image: url(/src/img/common/icon/red/access.png); }
					#itril-price:hover span { background-image: url(/src/img/common/icon/red/ticket.png); }



/*

	Maintenance

--------------------------------------------------- */
#maintenance-wrap {}
	#maintenance-wrap dl {}
		#maintenance-wrap dt,
		#maintenance-wrap dd { font-size: 13px; }
		#maintenance-wrap dt {
			background-position: right 20px top 15px;
			background-size: 20px;
			padding: 15px 50px;
			}
			#maintenance-wrap dt:before {
				background-size: 20px;
				left: 20px;
				height: 20px;
				top: 15px;
				width: 20px;
				}
		#maintenance-wrap dd {
			display: none;
			padding: 15px 30px 15px 50px;
			}



/*

	service

--------------------------------------------------- */
#service { padding: 60px 0 25px; }
	#service:after { display: none; }
	#service h2 {}
	#svs-outline {
		font-size: 14px;
		margin: 0 0 30px;
		padding: 0 30px;
		text-align: left;
		}
		#svs-outline span { display: inline; }

		.svs-ttlarea {
			background-position: center top -25px;
			background-size: 100%;
			padding: 80px 0 0;
			}
			.svs-ttlarea h2 {
				background-color: rgba(255, 255, 255, 0);
				background-size: 120px auto;
				height: 120px;
				margin: 0 auto;
				width: 120px;
				bottom: -60px;
				z-index: 5;
				}
			.svsttla-outline {
				background-position: center center;
				font-size: 16px;
				letter-spacing: 3px;
				margin: 0;
				padding: 70px 15px 15px;
				}

		.svs-bodyarea {}
			.svs-bodyarea article {
				display: block;
				width: 100%;
				}
				.svs-bodyarea article a {}
				.svsbdy-caption {
					background-size: 25px auto;
					font-size: 15px;
					padding: 20px 30px;
					}
					.svsbdy-caption span { display: block; }
				.svs-thumb,
				.svs-slide {}
					.svss-item {}
					.svss-item h3 {
						font-size: 26px;
						position: absolute;
						text-align: left;
						top: 55%;
						}
						.svss-item h3 span { display: block; }

	/* onsen
	----------------------------------------------- */
	#svs-onsen .svs-ttlarea {
		background-image: url(/src/img/top/service/onsen/hinoka/cg-ttl-sp.gif);
		background-position: top;
		}
	#svs-onsen .svs-ttlarea h2 { background-image: url(/src/img/common/mark/onsen-white-pt2.png); }
	#svs-onsen .svsttla-outline { background-image: url(/src/img/common/pattern/green.png); }
	#svs-onsen .svs-bodyarea article { height: 350px; }
	#svs-onsen .svss-item { height: 350px; }
		#svs-onsen .com-more:hover {
			background-color: rgba(117, 136, 43, 1);
			border-color: rgba(117, 136, 43, 1);
			color: rgba(255, 255, 255, 1);
			letter-spacing: 2px;
			}
		#svs-onsen .com-more span,
		#svs-onsen .com-more:hover span {
			letter-spacing: 2px;
			padding: 15px 0;
			}

	/* food
	----------------------------------------------- */
	#svs-food .svs-ttlarea { background-image: url(/src/img/top/service/food/bg-ttl-sp.jpg); }
	#svs-food .svs-ttlarea h2 { background-image: url(/src/img/common/mark/food-white-pt2.png); }
	#svs-food .svsttla-outline { background-image: url(/src/img/common/pattern/orange.png); }
	#svs-food .svs-bodyarea { padding: 10px 20px; }
	#svs-food .svs-bodyarea article {
		height: 350px;
		margin: 0 0 10px;
		width: 100%;
		}
		#svs-food .com-more:hover {
			background-color: rgba(218, 103, 41, 1);
			border-color: rgba(218, 103, 41, 1);
			color: rgba(255, 255, 255, 1);
			letter-spacing: 2px;
			}
		#svs-food .com-more span,
		#svs-food .com-more:hover span {
			letter-spacing: 2px;
			padding: 15px 0;
			}

	/* enjoy
	----------------------------------------------- */
	#svs-enjoy .svs-ttlarea { background-image: url(/src/img/top/service/enjoy/bg-ttl-sp.jpg); }
	#svs-enjoy .svs-ttlarea h2 { background-image: url(/src/img/common/mark/enjoy-white-pt2.png); }
	#svs-enjoy .svsttla-outline { background-image: url(/src/img/common/pattern/purple.png); }
	#svs-enjoy .svsbdy-caption {
	    background-size: 20px auto;
	    background-position: right 15px center;
	    font-size: 14px;
	    padding: 10px 15px;
		}
	#svs-enjoy .svs-bodyarea article {
		display: inline-block;
		height: 150px;
		overflow: hidden;
		width: 50%;
		}

		/* enjoy > familyspace
		------------------------------------------- */
		#svs-enjoy-shop {
			margin: 20px auto 0;
			width: 80%;
			}
		#svs-enjoy-shop a {
			display: table;
			width: 100%;
			}
			#svs-enjoy-shop h3 {
				background-position: center bottom 10px;
				background-size: 20px;
				display: table-cell;
				font-size: 14px;
				text-align: center;
				padding: 20px 10px 30px;
				width: 55%;
				}
				#svs-enjoy-shop h3 small {
					display: block;
					font-size: 13px;
					}
			#svs-enjoy-shop .svsbdy-pho {
				display: table-cell;
				width: 45%;
				}
		#svs-enjoy .com-more:hover {
			background-color: rgba(169, 99, 165, 1);
			border-color: rgba(169, 99, 165, 1);
			color: rgba(255, 255, 255, 1);
			letter-spacing: 2px;
			}
		#svs-enjoy .com-more span,
		#svs-enjoy .com-more:hover span {
			letter-spacing: 2px;
			padding: 15px 0;
			}

	/* relaxation
	----------------------------------------------- */
	#svs-relaxation .svs-ttlarea { background-image: url(/src/img/top/service/relaxation/bg-ttl-sp.jpg); }
	#svs-relaxation .svs-ttlarea h2 { background-image: url(/src/img/common/mark/relaxation-white-pt2.png); }
	#svs-relaxation .svsttla-outline { background-image: url(/src/img/common/pattern/blue.png); }
	#svs-relaxation .svs-bodyarea { padding: 10px 5px; }
	#svs-relaxation .svsbdy-caption {
	    background-size: 20px auto;
	    background-position: right 15px center;
	    font-size: 15px;
	    padding: 10px 15px;
		}
	#svs-relaxation .svs-bodyarea article {
		display: inline-block;
		height: 150px;
		margin: 0 0.5% 10px;
		overflow: hidden;
		width: 99%;
		}
		#svs-relaxation .svs-bodyarea article a {}
		#svs-relaxation .svs-thumb {
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			height: 100%;
			overflow: hidden;
			}
		#svs-relaxation .com-more:hover {
			background-color: rgba(2, 149, 159, 1);
			border-color: rgba(2, 149, 159, 1);
			color: rgba(255, 255, 255, 1);
			}
		#svs-relaxation .com-more span,
		#svs-relaxation .com-more:hover span {
			letter-spacing: 2px;
			padding: 15px 0;
			}



/*

	Model Course
	Add 2017.06

--------------------------------------------------- */
#modelcourse { padding: 0 0 60px; }
	#modelcourse h2 {
		background: url(/src/img/top/modelcourse/bg-ttl-min.png) center top no-repeat;
		background-size: 100%;
		font-size: 24px;
		padding: 50px 20px 30px;
		}
		#modelcourse h2 small { font-size: 13px; }
	#modelcourse #mc-list {
		letter-spacing: -0.4em;
		margin: 0 auto;
		max-width: 1200px;
		padding: 0 20px;
		}
		#modelcourse #mc-list article {
			height: 300px;
			margin: 0 10px;
			width: 300px;
			}
			#modelcourse #mc-list a { display: block; }
				#modelcourse #mc-list a:after {
					background-size: 30px;
					height: 30px;
					width: 30px;
					}
			#modelcourse #mc-list article h3 {
				display: block;
				font-size: 16px;
				text-align: center;
				padding: 40px 10px 0;
				}
				#modelcourse #mc-list article h3 small { font-size: 12px; }




}