@charset "UTF-8";









/*



	common



*/









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



	font-face



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










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



	base



--------------------------------------------------- */
* {
	margin: 0;
	padding: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	/*-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;*/

	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	overflow-scrolling: touch;
	}
html,
body { height: 100%; }
body {
	background: transparent;
	color: rgba(0, 0, 0, 1);
	display: block;
	font-family: Axis,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-weight: 500;
	height: 100%;
	overflow-x: hidden;
	position: relative;
	width: 100%;

	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	overflow-scrolling: touch;

	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	}
a { display: block; }
a,
a:hover {
	text-decoration: none;

	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}
	a:link {}
	a:visited {}
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	outline: none;

	/*-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;*/
	}
img:hover { outline: none; }
ul { list-style: none; }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	margin: 0;
	}

input,
select,
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", Osaka, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 16px;
	}









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



	Module



--------------------------------------------------- */
.dctc-red { color: rgba(215, 0, 0, 1); }
.dctc-blue { color: rgba(33, 161, 238, 1); }
.dctc-pink { color: rgba(231, 77, 135, 1); }
.dctc-green { color: rgba(8, 169, 92, 1); }
.dctc-orange { color: rgba(219, 117, 8, 1); }
.dctc-gold { color: rgba(175, 144, 99, 1); }









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



	Devide



--------------------------------------------------- */
@media screen and (min-width: 751px) {
	.sp-only { display: none; }
}
@media screen and (max-width: 750px) {
	.pc-only { display: none; }
}









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



	character



--------------------------------------------------- */
.com-crct {}
	/* character > hanakun */
	.cc-hanakun {
		position: absolute;
		z-index: 2;
		}

@media screen and (min-width: 751px) {
	/* character > hanakun */
	.cc-hanakun { max-width: 250px; }
		/* character > Page Custom */
			/* character > Page Custom > Footer */
			.cc-hnk-f-01 { left: 10px; top: -180px; }
			.cc-hnk-f-02 { right: 10px; top: 20px; }
			/* character > Page Custom > Top */
			#top .cc-hnk-01 { right: 20px; top: -150px; }
			#top .cc-hnk-02 { left: 20px; top: -150px; }
			#top .cc-hnk-03 { right: 20px; top: -150px; }
}
@media screen and (max-width: 750px) {
	/* character > hanakun */
	.cc-hanakun { max-width: 120px; }
		/* character > Page Custom */
			/* character > Page Custom > Footer */
			.cc-hnk-f-01 { left: 0; top: 120px; }
			.cc-hnk-f-02 { right: 0; top: -30px; }
			/* character > Page Custom > Top */
			#top .cc-hnk-01 { right: 0; top: 120px; }
			#top .cc-hnk-02 { left: 0; top: 120px; }
			#top .cc-hnk-03 { right: 0; top: 120px; }
}









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



	Common Banner



--------------------------------------------------- */
.com-btmarea {
	margin: 0 auto;
	text-align: center;
	}
	.btmara-list {
		display: inline-block;
		vertical-align: bottom;
		}
		.btmara-item {
			display: inline-block;
			vertical-align: bottom;
			}
			.btmara-item a { display: block; }
				.btmara-item a img {
					max-width: 100%;
					vertical-align: bottom;
					width: 100%;
					}
@media screen and (min-width: 751px) {
.com-btmarea {
	max-width: 1000px;
	padding: 20px;
	}
	.btmara-list {}
		.btmara-item {}
			.btmara-item a {}
				.btmara-item a img {}
}
@media screen and (max-width: 750px) {
.com-btmarea { padding: 0 15px; }
	.btmara-list {}
		.btmara-item { margin-bottom: 20px; }
			.btmara-item a {}
				.btmara-item a img {}
}









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



	loading



--------------------------------------------------- */
#loader-bg {
	background: #0090d2;
	display: none;
	height: 100%;
	left: 0px;
	overflow: hidden;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 900;
	}
	body > #loader-bg { height: 100% !important; }
	#loader {
		background: url(/src/img/common/loading/spinner.png) 0 0 no-repeat;
	    color: #fff;
	    display: none;
	    height: 200px;
	    left: 50%;
	    font-size: 12px;
	    margin-left: -100px;
	    margin-top: -100px;
	    position: absolute;
	    text-indent: -9999px;
	    top: 50%;
	    width: 200px;
	    z-index: 2;

		-webkit-animation: anm-spinner 4s steps(11) alternate infinite;
		-moz-animation: anm-spinner 4s steps(11) alternate infinite;
		animation: anm-spinner 4s steps(11) alternate infinite;

		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		transition-duration: 0s;
		}
		
		@-webkit-keyframes anm-spinner {
			0% { background-position: 0 0; }
			20% { background-position: -2200px 0; }
			100% { background-position: -2200px 0; }
			}
		@-moz-keyframes anm-spinner {
			0% { background-position: 0 0; }
			20% { background-position: -2200px 0; }
			100% { background-position: -2200px 0; }
			}









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



	Slick Slider
	/src/css/slick.css
	/src/js/slick.min.js



--------------------------------------------------- */
.slick-list,
.slick-track { height: 100%; }
.slick-prev,
.slick-next {
	background: none;
    font-size: 0;
    line-height: 0;
    display: block;
    height: 100px;
    margin-top: -50px;
    padding: 0;
    cursor: pointer;
    color: #fff;
    border: none;
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 100px;
	}
	.slick-prev { left: 20px; }
	[dir='rtl'] .slick-prev {
	    right: 0;
	    left: auto;
		}
		.slick-prev:before { content: ' '; }
		[dir='rtl'] .slick-prev:before { content: ' '; }
	.slick-next { right: 20px; }
	[dir='rtl'] .slick-next {
	    right: auto;
	    left: 0;
		}
		.slick-next:before { content: ' '; }
		[dir='rtl'] .slick-next:before { content: ' '; }
	.slick-prev:hover:before,
	.slick-prev:focus:before,
	.slick-next:hover:before,
	.slick-next:focus:before { opacity: 1; }
	.slick-prev.slick-disabled:before,
	.slick-next.slick-disabled:before { opacity: .25; }
	.slick-prev:before,
	.slick-next:before {
		display: block;
	    width: 100%;
	    height: 100%;
	    color: white;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
		}
		.slick-prev:before { background: url(/src/img/common/arrow/pt1-left_red-white.png) center center no-repeat; }
		.slick-next:before { background: url(/src/img/common/arrow/pt1-right_red-white.png) center center no-repeat; }
		.slick-prev:hover:before,
		.slick-next:hover:before { opacity: .6; }

	.itrs-item,
	.slick-slide {
		-webkit-transition-duration: 3s;
		-moz-transition-duration: 3s;
		transition-duration: 3s;
		}
	.slick-current,
	.slick-active {
		}

	.slick-dots {
	    bottom: 10px;
	    display: inline-block;
	    left: 30px;
	    text-align: left;
	    position: absolute;
	    }
	    .slick-dots li {
	    	border: 1px solid rgba(173, 0, 45, 1);
	    	cursor: pointer;
	    	display: inline-block;
	    	height: 15px;
	    	margin: 0 5px;
	    	text-indent: -9999px;
	    	width: 15px;

	    	-webkit-border-radius: 50%;
	    	-moz-border-radius: 50%;
	    	border-radius: 50%;
	    	}
	    	.slick-dots li:hover,
	    	.slick-dots li.slick-active { background-color: rgba(173, 0, 45, 1); }









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



	YouTube



--------------------------------------------------- */
.ytb {
	padding: 56.25% 0 0;
	position: relative;
	width: 100%;
	}
	.ytb iframe {
		border: none;
		height: 100%!important;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%!important;
		}









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



	Anchor Position



--------------------------------------------------- */
.com-anchor {
	margin: -80px 0 0;
	padding: 80px 0 0;
	}
.com-anchor.ca-frgl {
	margin: -140px 0 0;
	padding: 140px 0 0;
	}
.com-anchor.ca-service {
	margin: -140px 0 0;
	padding: 140px 0 0;
	}









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



	Common



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

	/* common > Module
	----------------------------------------------- */
	.dctc-red { color: rgba(215, 0, 0, 1); }
	.dctc-blue { color: rgba(33, 161, 238, 1); }
	.dctc-pink { color: rgba(231, 77, 135, 1); }
	.dctc-green { color: rgba(8, 169, 92, 1); }
	.dctc-orange { color: rgba(219, 117, 8, 1); }

	/* common > wrap
	----------------------------------------------- */
	#wrap { position: relative; }
		/*#wrap:before,
		#wrap:after {
			background-repeat: no-repeat;
			background-size: 500px auto;
			content: '';
			height: 100%;
			position: absolute;
			width: 50%;
			z-index: -1;
			}
		#wrap:before {
			background-position: center top;
			left: 0;
			top: 0;
			}
		#wrap:after {
			background-position: center bottom;
			bottom: 0;
			right: 0;
			}*/

	/* common > stage
	----------------------------------------------- */
	.com-stage {
		margin: 0 auto;
		overflow: hidden;
		padding: 100px 0;
		position: relative;
		text-align: center;
		z-index: 1;
		}
		/*.com-stage:before,
		.com-stage:after {
			background-repeat: no-repeat;
			background-size: 500px auto;
			content: '';
			height: 100%;
			position: absolute;
			width: 50%;
			z-index: -1;
			}
		.com-stage:before {
			background-position: center top;
			left: 0;
			top: 0;
			}
		.com-stage:after {
			background-position: center bottom;
			bottom: 0;
			right: 0;
			}*/
		.com-stage h2 {
			display: block;
			font-size: 32px;
			font-weight: 700;
			padding: 0 0 25px;
			}
			.com-stage h2 span {
				display: block;
				line-height: 1.25;
				}
			.com-stage h2 small {
				display: block;
				font-size: 16px;
				font-weight: 500;
				letter-spacing: 3px;
				}

	/* common > inner
	----------------------------------------------- */
	.inner {
		margin: 0 auto;
		max-width: 1200px;
		position: relative;
		vertical-align: middle;
		}

	/* common > ttlarea
	----------------------------------------------- */
	.com-ttlarea {
		margin: 0 auto;
		padding: 60px 0 0;
		position: relative;
		text-align: center;
		max-width: 1200px;
		}
		.com-ttlarea h1 {
			font-size: 30px;
			font-weight: 700;
			position: relative;
			}
			.com-ttlarea h1:before {
				background: #868585;
				bottom: 15px;
				content: '';
				height: 1px;
				left: 50%;
				margin: 0 0 0 -300px;
				position: absolute;
				width: 600px;
				}
		.com-ttlarea small {
			display: block;
			font-size: 21px;
			padding: 10px 0 20px;
			}

		.com-ttlarea .cta-more {
			bottom: 0;
			color: #000;
			display: inline-block;
			font-size: 16px;
			overflow: hidden;
			padding: 5px 20px;
			position: absolute;
			right: 0;
			}
			.com-ttlarea .cta-more:before {
				background: rgba(85, 130, 15, 1);
				content: '';
				height: 100%;
				top: 0;
				opacity: 0;
				position: absolute;
				right: 0;
				width: 0%;
				z-index: -1;

				-webkit-filter: blur(20px);
				-moz-filter: blur(20px);
				filter: blur(20px);

				-webkit-transition-duration: 0.5s;
				-moz-transition-duration: 0.5s;
				transition-duration: 0.5s;
				}
			.com-ttlarea .cta-more:hover {
				color: #fff;
				letter-spacing: 3px;
				}
			.com-ttlarea .cta-more:hover:before {
				opacity: 1;
				width: 100%;

				-webkit-filter: blur(0px);
				-moz-filter: blur(0px);
				filter: blur(0px);
				}

	/* common > body
	----------------------------------------------- */
	.com-bodyarea {
		max-width: 1200px;
		margin: 0 auto;
		}
		.comb-txt {
			font-size: 16px;
			font-weight: 700;
			line-height: 1.75;
			letter-spacing: 1px;
			margin: 0 auto;
			text-align: left;
			padding: 35px 0;
			}

	/* common > more
	----------------------------------------------- */
	.com-more {
		color: #fff;
		display: inline-block;
		margin: 30px auto 0;
		overflow: hidden;
		position: relative;

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

		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		transition-duration: 1s;
		}
		.com-more span {
			background-position: right 20px center;
			background-repeat: no-repeat;
			background-size: 20px auto;
			display: block;
			font-size: 20px;
			font-weight: 700;
			letter-spacing: 2px;
			padding: 15px 150px;
			position: relative;
			z-index: 1;
			}
			/*.com-more:hover span { letter-spacing: 5px; }*/
		/*.com-more:before {
			content: '';
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 0;
			z-index: 0;

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

			-webkit-filter: blur(20px);
			-moz-filter: blur(20px);
			filter: blur(20px);

			-webkit-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			transition-duration: 0.5s;
			}
		.com-more:hover:before {
			width: 100%;

			-webkit-filter: blur(0px);
			-moz-filter: blur(0px);
			filter: blur(0px);
			}*/

	/* common > logo
	----------------------------------------------- */
	.com-logo {
		background-position: center center;
		background-repeat: no-repeat;
		display: inline-block;
		vertical-align: middle;
		}
		.com-logo a {
			display: block;
			height: 100%;
			text-indent: -9999px;
			}
		.com-logo .cl-logomark { max-width: 100%; }

	/* common > social
	----------------------------------------------- */
	.com-social {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		}
		.com-social a {
			background-position: center center;
			background-repeat: no-repeat;
			display: inline-block;
			letter-spacing: 0em;
			text-indent: -9999px;
			vertical-align: middle;

			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			}
			.com-social a:hover { opacity: 0.5; }

		.cs-facebook {
			background-image: url(/src/img/common/icon/white/facebook.png);
			background-color: #3b5998;
			}
		.cs-twitter {
			background-image: url(/src/img/common/icon/white/twitter.png);
			background-color: #5ea9dd;
			}
		.cs-line {
			background-image: url(/src/img/common/icon/white/line.png);
			background-color: #00b900;
			}
		.cs-email {
			background-image: url(/src/img/common/icon/white/email.png);
			background-color: #ad002d;
			}
		.cs-lineat {
			background-image: url(/src/img/common/icon/white/line.png);
			background-color: #00b900;
			}
		.cs-instagram {
			background-image: url(/src/img/common/icon/white/instagram.png);
			background-color: #dd296d;
			}
		.csi-pt2 {
			background-image: url(/src/img/common/icon/color/instagram-pt2.png);
			}

		/* common > social > glnav
		----------------------------------------------- */

		/* common > social > footer
		----------------------------------------------- */
		footer .com-social a {
			background-size: 25px;
			height: 40px;
			margin: 0 3px;
			width: 40px;
			}

	/* common > nav
	----------------------------------------------- */
	nav a,
	nav .n-ln {
		border-right: 1px solid;
		color: #4a4b4b;
		display: table-cell;
		font-size: 14px;
		line-height: 1.25;
		letter-spacing: 0em;
		padding: 5px 20px;
		position: relative;
		text-align: center;
		vertical-align: middle;
		z-index: 1;
		}
	#n-home,
	.nav-sponly { display: none; }

		/*nav a:before {
			content: '';
			left: 0;
			height: 100%;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: -1;

			-webkit-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			transition-duration: 0.5s;

			-webkit-filter: blur(5px);
			-moz-filter: blur(5px);
			filter: blur(5px);
			}
			nav a:hover:before {
				-webkit-filter: blur(0px);
				-moz-filter: blur(0px);
				filter: blur(0px);
				}*/









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



	バイキング空席検索・予約



--------------------------------------------------- */
#cf-reserve {
	display: table;
	height: 60px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	/*width: 100%;*/
	}
	#cfr-toggle {
		background: rgba(173, 0, 45, 1);
		color: #fff;
		cursor: pointer;
		display: table-cell;
		position: relative;
		text-align: center;
		vertical-align: middle;
		z-index: 50;

		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		transition-duration: 0s;
		}
		#cfr-toggle:hover { background: rgba(150, 0, 40, 1); }
		#cfr-toggle span {
			background: url(/src/img/common/btn/plus-circle-white.png) left center no-repeat;
			background-size: 30px;
			display: inline-block;
			padding: 20px 0 20px 40px;
			position: relative;
			z-index: 1;
			}
			#cfr-toggle.researve-close span { background-image: url(/src/img/common/btn/close-circle-white.png); }
	#cfr-box {
		background: rgba(173, 0, 45, 0.8);
		display: table-cell;
		padding: 10px 20px;
		position: absolute;
		right: 0;
		text-align: right;
		vertical-align: middle;
		z-index: 10;

		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		transition-duration: 1s;

		/*-webkit-filter: blur(10px);
		-moz-filter: blur(10px);
		filter: blur(10px);*/
		}
		#cfr-box form {
			position: relative;
			z-index: 10;
			}
		/*#cfr-box:before {
			background: rgba(173, 0, 45, 1);
			content: '';
			height: 125%;
			opacity: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: 0;
			z-index: 0;

			-webkit-filter: blur(10px);
			-moz-filter: blur(10px);
			filter: blur(10px);

			-webkit-transition-duration: 1s;
			-moz-transition-duration: 1s;
			transition-duration: 1s;
			}
			#cfr-box.researve-open:before {
				opacity: .8;
				right: -10px;
				top: -7px;
				width: 1000%;

				-webkit-filter: blur(0px);
				-moz-filter: blur(0px);
				filter: blur(0px);
				}*/
		#cfr-box.researve-open {
			opacity: 1;
			position: relative;
			right: 0;

			-webkit-filter: blur(0px);
			-moz-filter: blur(0px);
			filter: blur(0px);
			}
		#cfrb-wrap {}
			#cfrb-wrap dl {
				display: inline-block;
				padding: 0 10px;
				}
				#cfrb-wrap dl dt,
				#cfrb-wrap dl dd {
					color: #fff;
					display: inline-block;
					font-size: 15px;
					vertical-align: middle;
					}
				#cfrb-wrap dl dt { padding: 0 10px 0 0; }
				#cfrb-wrap dl dd {}

				#cfrb-wrap dl dd select {
					color: #000;
					font-size: 14px;
					padding: 5px 20px;
					}
				#cfrb-wrap .btn-reserve {
					border: 1px solid rgba(255, 255, 255, 1);
					background: #fff;
					color: rgba(173, 0, 45, 1);
					display: inline-block;
					font-size: 16px;
					font-weight: 700;
					padding: 3px 40px;
					vertical-align: middle;

					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					}
					#cfrb-wrap .btn-reserve:hover {
						background: rgba(100, 0, 30, 1);
						color: #fff;
						}
		/*.scrollactive #cfr-box {
			right: -1000%;
			}*/
	/*.scrollpassive #cfr-box { right: 0%; }
	.scrollactive #cfr-box { right: -1000%; }*/

	/* Common Fixed Reserve
	----------------------------------------------- */
	#cf-reserve { right: 0; }
	#cf-reserve #cfr-box {
		height: 60px;
		overflow: hidden;
		right: -1000%;
		}
	#cf-reserve #cfr-box.researve-open {
		height: auto;
		right: 0;
		}

	/* Common Fixed Reserve > Top
	----------------------------------------------- */
	#top #cf-reserve.cfbox-fixed {
		opacity: 1;
		position: fixed;
		top: 80px;
		}
	/*#top #cf-reserve.cfbox-fixed #cfr-box { right: -1000%; }*/
	#top #cf-reserve.cfbox-fixed #cfr-box.researve-open { right: 0; }
	#top #cf-reserve { bottom: 0; }
		#top #cfr-toggle {
			padding: 0 30px;
			width: 350px;
			}

	/* Common Fixed Reserve > Second
	----------------------------------------------- */
	/*#cf-reserve.cfbox-fixed #cfr-toggle span { background-image: url(/src/img/common/btn/close-circle-white.png); }*/
	.sec #cf-reserve {
		position: fixed;
		top: 80px;
		}
	.sec #cf-reserve #cfr-box { right: -1000%; }
	.sec #cf-reserve #cfr-box.researve-open { right: 0; }
		.sec #cfr-toggle { width: 300px; }
			.sec #cfr-toggle span { padding: 15px 0 15px 40px; }

	/* Common > Device
	----------------------------------------------- */
	.mdl-sp-off {}









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



	header



--------------------------------------------------- */
header {
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	border-top: 3px solid rgba(173, 0, 45, 1);
	left: 0;
	height: 83px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 500;

	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	transition-duration: 0s;
	}
	header .inner {
		text-align: left;
		max-width: 100%;
		}
		header .inner:after {
		    content:" ";
		    display:block;
		    clear:both;
			}

	/* header > tel
	----------------------------------------------- */
	#h-tel { display: none; }

	/* header > logo
	----------------------------------------------- */
	header .com-logo {
		background-image: url(/src/img/common/logo/hanasakinoyu-normal.png);
		background-position: center center;
		background-size: 160px;
		height: 80px;
		float: left;
		overflow: hidden;
		width: 160px;
		}
		header .com-logo:hover {
			background-color: rgba(173, 0, 45, 1);
			background-image: url(/src/img/common/logo/hanasakinoyu-white.png);
			}

	/* header > social
	----------------------------------------------- */
	header .com-social { display: none; }

	/* header > lineat
	----------------------------------------------- */
	header #glnav-lineat { display: none; }

	/* header > nav
	----------------------------------------------- */
	#glnav {
		display: block;
		float: right;
		height: 100%;

		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		transition-duration: 0s;
		}
		.nav-wrap {
			display: table;
			letter-spacing: -1em;
			height: 100%;

			-webkit-transition-duration: 0s;
			-moz-transition-duration: 0s;
			transition-duration: 0s;
			}
			#glnav a,
			#glnav .n-ln {
				background-position: 20px center;
				background-repeat: no-repeat;
				background-size: 20px auto;
				border: none;
				color: #000;
				padding: 5px 20px 5px 50px;

				-webkit-transition-duration: 0s;
				-moz-transition-duration: 0s;
				transition-duration: 0s;
				}
				#glnav a:hover,
				#glnav a.gn-current {
					background-color: rgba(173, 0, 45, 1);
					color: #fff;
					}
				#glnav a.gn-current,
				#glnav a.gn-current:hover {
					background-image: none;
					padding: 10px 20px 0;
					position: relative;
					}
					#glnav a.gn-current:after {
						background-color: rgba(173, 0, 45, 1);
						bottom: -10px;
						content: '';
						left: 0;
						height: 10px;
						position: absolute;
						width: 100%;

						-webkit-border-radius: 0 0 5px 5px;
						-moz-border-radius: 0 0 5px 5px;
						border-radius: 0 0 5px 5px;
						}
				/*#glnav a:before {
					background: rgba(173, 0, 45, 1);
					opacity: 0;
					}
					#glnav a:hover:before { opacity: 0.8; }
					#glnav a.gn-current:before {
						height: 50%;
						opacity: 1;

						-webkit-filter: blur(0px);
						-moz-filter: blur(0px);
						filter: blur(0px);
						}*/
			#glnav .n-onsen { background-image: url(/src/img/common/icon/red/onsen.png); }
			#glnav .n-food { background-image: url(/src/img/common/icon/red/food.png); }
			#glnav .n-relaxation { background-image: url(/src/img/common/icon/red/relaxation.png); }
			#glnav .n-floorguide { background-image: url(/src/img/common/icon/red/floor.png); }
			#glnav .n-information { background-image: url(/src/img/common/icon/red/information.png); }
			#glnav .n-access { background-image: url(/src/img/common/icon/red/access.png); }
			#glnav .n-inquiry { background-image: url(/src/img/common/icon/red/tel.png); }

			#glnav .n-onsen:hover { background-image: url(/src/img/common/icon/white/onsen.png); }
			#glnav .n-food:hover { background-image: url(/src/img/common/icon/white/food.png); }
			#glnav .n-relaxation:hover { background-image: url(/src/img/common/icon/white/relaxation.png); }
			#glnav .n-floorguide:hover { background-image: url(/src/img/common/icon/white/floor.png); }
			#glnav .n-information:hover { background-image: url(/src/img/common/icon/white/information.png); }
			#glnav .n-access:hover { background-image: url(/src/img/common/icon/white/access.png); }
			/*#glnav .n-inquiry:hover { background-image: url(/src/img/common/icon/white/tel.png); }*/

			#glnav .n-ln {
				color: #000;
				font-size: 20px;
				font-weight: 700;
				text-align: left;
				text-decoration: none;
				}
				#glnav .n-ln small {
					display: block;
					font-size: 13px;
					font-weight: 500;
					}

	/* header > glnav-trigger
	----------------------------------------------- */
	#glnav-trigger { display: none; }

	/* header > Top
	----------------------------------------------- */
	#top header { background: rgba(255, 255, 255, 0.6); }
	.scrollactive #top header {
		/*background: rgba(255, 255, 255, 0.9);*/

		/*-webkit-box-shadow: 0 0 10px rgba(5, 60, 0, .6);
		-moz-box-shadow: 0 0 10px rgba(5, 60, 0, .6);
		box-shadow: 0 0 10px rgba(5, 60, 0, .6);*/
		}

	/* header > Second
	----------------------------------------------- */
	.sec header { background: rgba(255, 255, 255, 1); }
	.scrollactive .sec header {
		background: rgba(255, 255, 255, 0.9);

		-webkit-box-shadow: 0 0 10px rgba(5, 60, 0, .6);
		-moz-box-shadow: 0 0 10px rgba(5, 60, 0, .6);
		box-shadow: 0 0 10px rgba(5, 60, 0, .6);
		}









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



	container



--------------------------------------------------- */
.container {
	display: block;
	position: relative;
	width: 100%;
	}









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



	btm-area



--------------------------------------------------- */
#btm-area {
	display: table;
	width: 100%;
	}
	#btm-area article {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		display: table-cell;
		position: relative;
		text-align: center;
		vertical-align: middle;
		width: 50%;
		}
		#btm-area article h2 {
			line-height: 1.25;
			font-weight: 700;
			font-size: 22px;
			}
			#btm-area article h2 small { font-size: 17px; }
			#btm-area article h2 span { display: block; }
		#btm-area .btma-link { display: inline-block; }
			#btm-area .btma-link span {
				color: #fff;
				display: inline-block;
				font-size: 18px;
				font-weight: 700;
				padding: 5px 30px 5px 10px;
				vertical-align: middle;

				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				}
				#btm-area .btma-link span:before {
					background-repeat: no-repeat;
					background-position: center center;
					background-size: 40px auto;
					content: '';
					display: inline-block;
					height: 40px;
					margin: 0 20px 0 0;
					vertical-align: middle;
					width: 40px;

					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					}

	#btma-lineat {
		background-color: #f5fff6;
		border-bottom: 5px solid #2BBF13;
		border-top: 5px solid #2BBF13;
		}
		#btma-lineat:before {
			background: url(/src/img/common/qr/lineat.png) center center no-repeat;
			background-size: 200px;
			content: '';
			height: 1px;
			opacity: 0;
			left: 50%;
			margin: -0.5px 0 0 -0.5px;
			position: absolute;
			top: 50%;
			width: 1px;
			z-index: 10;

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

			-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
			-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
			box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);

			-webkit-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			transition-duration: 0.5s;
			}
			#btma-lineat:hover:before {
				height: 200px;
				margin: -100px 0 0 -100px;
				opacity: 1;
				width: 200px;
				}

		#btma-lineat a { padding: 50px 0 40px; }
		#btma-lineat h2 { color: #2BBF13; }
			#btma-lineat h2 .radt-lna-02 .char5,
			#btma-lineat h2 .radt-lna-02 .char6,
			#btma-lineat h2 .radt-lna-02 .char7,
			#btma-lineat h2 .radt-lna-02 .char8,
			#btma-lineat h2 .radt-lna-02 .char9 {
				color: #df3a02;
				font-size: 130%;
				}
		#btma-lineat .btma-link {
			background: url(/src/img/common/icon/green/smartphone-hand.png) left center no-repeat;
			background-size: 60px auto;
			padding: 5px 0 5px 60px;
			}
			#btma-lineat .btma-link span {
				border: 1px solid #2cbf13;
				background-color: #2cbf13;
				background-size: 50px auto;
				}
				#btma-lineat .btma-link span:before { background-image: url(/src/img/common/icon/white/line-balloon.png); }
				#btma-lineat:hover .btma-link span {
					background-color: #fff;
					color: #2cbf13;
					}
				#btma-lineat:hover .btma-link span:before { background-image: url(/src/img/common/icon/green/line-balloon.png); }

	#btma-buffet {
		background-image: url(/src/img/btmarea/buffet/bg.jpg);
		border-bottom: 5px solid #73330D;
		border-top: 5px solid #73330D;
		}
		#btma-buffet a { padding: 60px 0 50px; }
		#btma-buffet h2 {
			color: #fff;
			font-family: 'Droid Serif', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
			}
			#btma-buffet h2 strong {}
			#btma-buffet .btma-link span {
				background-repeat: no-repeat;
				background-position: left center;
				background-size: 50px auto;
				background-color: #ca8b1d;
				border: 1px solid #ca8b1d;
				}
				#btma-buffet .btma-link span:before {
					background-color: rgba(255, 255, 255, 1);
					background-size: 30px auto;
					background-image: url(/src/img/common/icon/gold/food.png);
					}
				#btma-buffet:hover .btma-link span {
					background-color: rgba(255, 255, 255, 1);
					color: #ca8b1d;
					}
				#btma-buffet:hover .btma-link span:before {
					background-image: url(/src/img/common/icon/white/food.png);
					background-color: #ca8b1d;
					}









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



	footer



--------------------------------------------------- */
footer {
	position: relative;
	text-align: center;
	z-index: 1;
	}

	/* footer > common
	----------------------------------------------- */
	footer h2 {
		display: block;
		font-size: 22px;
		font-weight: 700;
		padding: 0 0 25px;
		}
		footer h2 small {
			display: block;
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 3px;
			}
	.f-col2 {
		display: table;
		text-align: center;
		width: 100%;
		}
		.f-col2 article {
			display: table-cell;
			padding: 60px 30px;
			position: relative;
			vertical-align: middle;
			width: 50%;
			}

	/* footer > f-social
	----------------------------------------------- */
	#f-social {}
		#f-social h2 {}
		#f-social a {
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 35px;
			display: inline-block;
			height: 50px;
			margin: 0 5px;
			text-indent: -9999px;
			width: 50px;

			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			}
			#f-social a:hover { opacity: .6; }

	/* footer > f-inquiry
	----------------------------------------------- */
	#f-inquiry {}
		#f-inquiry h2 {}
		#f-inquiry p {
			font-size: 15px;
			padding: 10px 0 0;
			}
		#finq-list {}
			#finq-list a {
				display: inline-block;
				margin: 0 10px;
				vertical-align: middle;
				}
			#finql-tel {
				background: url(/src/img/common/icon/red/tel.png) left center no-repeat;
				background-size: 30px;
				color: #000;
				font-size: 24px;
				font-weight: 700;
				padding: 0 0 0 40px;
				}
			#finql-email {
				background: rgba(173, 0, 45, 1) url(/src/img/common/icon/white/email.png) 20px center no-repeat;
				background-size: 20px;
				border: 1px solid rgba(173, 0, 45, 1);
				color: #fff;
				padding: 10px 30px 10px 60px;

				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				}
				#finql-email:hover {
					background-image: url(/src/img/common/icon/red/email.png);
					background-color: rgba(255, 255, 255, 1);
					color: rgba(173, 0, 45, 1);
					}

	/* footer > resort
	----------------------------------------------- */
	#f-resort {
		margin: 0 auto;
		max-width: 1280px;
		padding: 65px 30px;
		text-align: center;
		}
		#f-resort a {
			background-position: 20px center;
			background-size: 30px;
			background-repeat: no-repeat;
			border: 1px solid rgba(0, 0, 0, 0.2);
			color: #000;
			display: inline-block;
			font-size: 16px;
			margin: 0 5px 10px;
			padding: 20px 30px 20px 60px;
			position: relative;
			vertical-align: top;

			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}
			#f-resort a:hover {
				-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
				box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
				}
			#frst-wellseason { background-image: url(/src/img/common/logo/wellseason_jp.png); }
			#frst-hamanako-kokonoe { background-image: url(/src/img/common/logo/hamanako-kokonoe_jp.png); }
			#frst-pal2 { background-image: url(/src/img/common/logo/pal2_co_jp.png); }
			#frst-kanzanji-ropeway { background-image: url(/src/img/common/logo/kanzanji-ropeway.png); }
			#frst-hamanako-orgel { background-image: url(/src/img/common/logo/hamanako-orgel_jp.png); }
			#frst-kanzanji { background-image: url(/src/img/common/logo/kanzanji_com.png); }
			#frst-concorde { background-image: url(/src/img/common/logo/concorde_co_jp.png); }
			#frst-hamamatsu-pf { background-image: url(https://hamanako-kokonoe.jp/src/img/common/hpf/logo.png); }
			#f-resort a:after {
				background: url(/src/img/common/icon/gray/exitlink.png) center center no-repeat;
				background-size: 10px;
				bottom: 10px;
				content: '';
				height: 10px;
				position: absolute;
				right: 10px;
				width: 10px;
				}

	/* footer > social
	----------------------------------------------- */
	footer .com-social {
		border-top: 1px solid #c8c8c8;
		display: block;
		padding: 20px;
		}
		footer .com-social h2 {
			background: url(/src/img/common/icon/gray/share.png) left center no-repeat;
			background-size: 30px;
			color: #323232;
			display: inline-block;
			font-size: 16px;
			padding: 10px 20px 10px 40px;
			vertical-align: middle;
			}

	/* Footer > Credit Card
	----------------------------------------------- */
	#f-creditcard {
		background: rgba(0, 0, 0, .04);
		border-bottom: 1px solid rgba(0, 0, 0, .2);
		margin: 0 auto;
		position: relative;
		}
		#f-creditcard a {
			color: rgba(50, 50, 50, 1);
			display: block;
			}
		#f-creditcard dl {
			margin: 0 auto;
			display: table;
			}
			#f-creditcard dl dt,
			#f-creditcard dl dd {
				display: table-cell;
				font-size: 13px;
				font-weight: 700;
				padding: 20px 10px;
				vertical-align: middle;
				}
			#f-creditcard dl dt {}
			#f-creditcard dl dd {}
			.fcc-item {
				display: inline-block;
				margin: 0 5px;
				vertical-align: middle;
				width: 500px;
				}
				.fcc-item img { max-width: 100%; }
		#f-creditcard a:hover { opacity: .5; }

	/* footer > nav
	----------------------------------------------- */
	#f-nav {
		background: #f0eded;
		margin: 0 auto;
		text-align: center;
		padding: 20px;
		}
		#f-nav a {
			border-right-color: rgba(0, 0, 0, 0.6);
			color: #000;
			display: inline-block;
			padding: 0 20px;
			}
		#f-nav a:hover { text-decoration: underline; }

	/* footer > logo
	----------------------------------------------- */
	#f-credit {
		padding: 20px 0 0;
		position: relative;
		text-align: center;
		}

		/* footer > credit > logo
		------------------------------------------- */
		footer .com-logo {
			background-image: url(/src/img/common/logo/hanasakinoyu-normal.png);
			background-position: center center;
			background-size: 200px auto;
			height: 100px;
			overflow: hidden;
			width: 200px;
			}

		/* footer > credit > address
		----------------------------------------------- */
		#f-address { padding: 10px 30px 40px; }
			#f-address p {
				color: #000;
				display: block;
				font-size: 15px;
				font-style: normal;
				}
			#f-address a { color: #000; }

		/* footer > credit > copy
		----------------------------------------------- */
		#f-copy {
			background: rgba(173, 0, 45, 1);
			color: #fff;
			font-size: 12px;
			padding: 20px;
			}

	/* footer > f-social
	----------------------------------------------- */
	#f-social { background: #eef8fe; }

	/* footer > f-inquiry
	----------------------------------------------- */
	#f-inquiry { background: url(/src/img/common/pattern/cream.png) center center; }









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



	pagetop



--------------------------------------------------- */
#pagetop {
	background: url(/src/img/common/pagetop.png) no-repeat;
	background-size: auto 100px;
	background-position: 0 0;
	cursor: pointer;
	height: 100px;
	overflow: hidden;
	position: fixed;
	right: 20px;
	text-indent: -9999px;
	width: 100px;
	z-index: 1;

	/*-webkit-animation: anm-pagetop 3s steps(13) infinite;
	-moz-animation: anm-pagetop 3s steps(13) infinite;
	animation: anm-pagetop 3s steps(13) infinite;*/

	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	transition-duration: 0s;
	}
		
	/*@-webkit-keyframes anm-pagetop {
		0% { background-position: 0 0; }
		20% { background-position: -1300px 0; }
		100% { background-position: -1300px 0; }
		}
	@-moz-keyframes anm-pagetop {
		0% { background-position: 0 0; }
		20% { background-position: -1300px 0; }
		100% { background-position: -1300px 0; }
		}*/









/*



	MediaQuery



*/









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



	1000



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



/*

	common

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

	/* common > wrap
	----------------------------------------------- */
	#wrap {}
		#wrap:before,
		#wrap:after { display: none; }

	/* common > stage
	----------------------------------------------- */
	.com-stage {}
		.com-stage:before,
		.com-stage:after { display: none; }

	/* common > ttlarea
	----------------------------------------------- */
	.com-ttlarea { padding: 30px 0 0; }
		.com-ttlarea h1 { font-size: 26px; }
			.com-ttlarea h1:before {
				bottom: 10px;
				left: 10%;
				margin: 0;
				width: 80%;
				}
		.com-ttlarea small {
			font-size: 16px;
			padding: 10px 0 20px;
			}
		.com-ttlarea .cta-more { display: none; }

	/* common > body
	----------------------------------------------- */
		.comb-txt {
			font-size: 14px;
			padding: 30px 0;
			}

	/* common > more
	----------------------------------------------- */
	.com-more {
	    display: block;
		margin: 20px auto 0;
	    width: 80%;
		}
		.com-more span {
			font-size: 15px;
			padding: 10px 0;
			}
			.com-more:hover { background: rgba(0, 0, 0, 0.6); }
			.com-more:hover span { letter-spacing: 0em; }
		.com-more:before { display: none; }

	/* common > logo
	----------------------------------------------- */
	.com-logo {}
		.com-logo:hover { opacity: 1; }
		.com-logo img { margin: 0 4%; }
		.com-logo .cl-logomark { max-width: 30%; }
		.com-logo .cl-logotype { max-width: 50%; }



/*

	header

--------------------------------------------------- */
header {
	background-color: rgba(255, 255, 255, 0);
	border-bottom: none;
	border-top: none;
	height: 80px;
	}
	header .inner {
		height: 100%;
		padding: 0;
		width: 100%;
		}

	/* header > tel
	----------------------------------------------- */
	#h-tel {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 40px auto;
		display: block;
		height: 80px;
		left: 0;
		position: absolute;
		top: 0;
		text-indent: -9999px;
		width: 80px;
		}

	/* header > logo
	----------------------------------------------- */
	header .com-logo {
		background-image: url(/src/img/common/logo/hanasakinoyu-normal.png);
		background-size: 120px;
		display: block;
		height: 80px;
		float: none;
		margin: 0 auto;
		width: 120px;
		}

	/* header > lineat
	----------------------------------------------- */
	header #glnav-lineat {
		display: block;
		padding: 20px;
		text-align: center;
		}
		header #glnav-lineat a,
		header #glnav-lineat a:hover {
			background: rgba(44, 191, 19, 1);
			border-bottom: none;
			display: block;
			padding: 0 0 0 20px;
			width: 100%;

			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			border-radius: 30px;
			}
		header #glnav-lineat p {
			background: url(/src/img/common/icon/white/smartphone-hand.png) left center no-repeat;
			background-size: 30px auto;
			padding: 20px;
			text-align: center;
			}
			header #glnav-lineat span { font-size: 14px; }

	/* header > nav
	----------------------------------------------- */
	#glnav {
		background: rgba(173, 0, 45, 0.9);
		display: block;
		position: fixed;
		right: -100%;
		top: 0;
		width: 100%;
		}
		.nav-wrap {
			display: table;
			letter-spacing: -1em;
			padding: 60px 0 0;
			width: 100%;
			}
			#glnav .n-ln { display: none; }
			#glnav a {
				background-position: 15px center;
				background-size: 15px auto;
				background-repeat: no-repeat;
				border-right: none;
				border-bottom: 1px solid rgba(255, 255, 255, 0.6);
				color: rgba(255, 255, 255, 1);
				display: inline-block;
				font-size: 12px;
				opacity: 0;
				padding: 20px 0 20px 40px;
				right: -100%;
				text-align: left;
				width: 50%;

				-webkit-filter: blur(30px);
				-moz-filter: blur(30px);
				filter: blur(30px);
				}

			#glnav .n-onsen { background-image: url(/src/img/common/icon/white/onsen.png); }
			#glnav .n-food { background-image: url(/src/img/common/icon/white/food.png); }
			#glnav .n-relaxation { background-image: url(/src/img/common/icon/white/relaxation.png); }
			#glnav .n-floorguide { background-image: url(/src/img/common/icon/white/floor.png); }
			#glnav .n-information { background-image: url(/src/img/common/icon/white/information.png); }
			#glnav .n-access { background-image: url(/src/img/common/icon/white/access.png); }
			#glnav .n-inquiry { background-image: url(/src/img/common/icon/white/tel.png); }
			#glnav .n-event { background-image: url(/src/img/common/icon/white/speaker.png); }
			#glnav .n-news { background-image: url(/src/img/common/icon/white/news.png); }
			#glnav .n-sitemap { background-image: url(/src/img/common/icon/white/sitemap.png); }
			#glnav .n-modelcourse { background-image: url(/src/img/common/icon/white/entetsuresort.png); }

				/*#glnav a:nth-child(1) {
					-webkit-transition-duration: 0.1s;
					-moz-transition-duration: 0.1s;
					transition-duration: 0.1s;
					}
				#glnav a:nth-child(2) {
					-webkit-transition-duration: 0.2s;
					-moz-transition-duration: 0.2s;
					transition-duration: 0.2s;
					}
				#glnav a:nth-child(3) {
					-webkit-transition-duration: 0.3s;
					-moz-transition-duration: 0.3s;
					transition-duration: 0.3s;
					}
				#glnav a:nth-child(4) {
					-webkit-transition-duration: 0.4s;
					-moz-transition-duration: 0.4s;
					transition-duration: 0.4s;
					}
				#glnav a:nth-child(5) {
					-webkit-transition-duration: 0.5s;
					-moz-transition-duration: 0.5s;
					transition-duration: 0.5s;
					}
				#glnav a:nth-child(6) {
					-webkit-transition-duration: 0.6s;
					-moz-transition-duration: 0.6s;
					transition-duration: 0.6s;
					}
				#glnav a:nth-child(7) {
					-webkit-transition-duration: 0.7s;
					-moz-transition-duration: 0.7s;
					transition-duration: 0.7s;
					}
				#glnav a:nth-child(8) {
					-webkit-transition-duration: 0.8s;
					-moz-transition-duration: 0.8s;
					transition-duration: 0.8s;
					}
				#glnav a:nth-child(9) {
					-webkit-transition-duration: 0.9s;
					-moz-transition-duration: 0.9s;
					transition-duration: 0.9s;
					}
				#glnav a:nth-child(10) {
					-webkit-transition-duration: 1s;
					-moz-transition-duration: 1s;
					transition-duration: 1s;
					}*/

			body.glnav-open #glnav {}
			body.glnav-open #glnav-trigger { background-image: url(/src/img/common/btn/glnav-close-white.png); }
				body.glnav-open #glnav a {
					opacity: 1;
					right: 0;

					-webkit-filter: blur(0px);
					-moz-filter: blur(0px);
					filter: blur(0px);
					}
				body.glnav-open #glnav {}
				body.glnav-open #glnav #n-home {
					border-bottom: none;
					color: rgba(255, 255, 255, 1);
					font-size: 14px;
					display: block;
					left: 20px;
					padding: 0;
					position: absolute;
					top: 20px;
					width: 100%;
					}
				body.glnav-open #glnav .nav-sponly { display: inline-block; }
					body.glnav-open #glnav .n-event,
					body.glnav-open #glnav .n-modelcourse {
						display: block;
						width: 100%;
						}

				body.glnav-open #glnav a.gn-current {
					background-color: rgba(110, 0, 30, 1);
					padding: 20px 0;
					text-align: center;
					}

	/* header > social
	----------------------------------------------- */
	#glnav-social {
		display: block;
		padding: 30px;
		}
		#glnav-social a {
			background-size: 30px;
			background-position: center center;
			border: 1px solid rgba(255, 255, 255, 1);
			display: inline-block;
			height: 50px;
			margin: 0 10px;
			padding: 0;
			width: 50px;
			}

	/* header > scrollactive
	----------------------------------------------- */
	.scrollactive header { background-color: rgba(173, 0, 45, 0.9); }
		.scrollactive header .inner { text-align: left; }
			.scrollactive header #h-period {
				display: inline-block;
				opacity: 1;
				}
			.scrollactive header .com-logo {}
			.scrollactive #glnav {
				display: block;
				max-width: 100%;
				vertical-align: middle;
				margin: 0;
				}
				.scrollactive #glnav a {
					font-size: 13px;
					/*padding: 20px 60px 20px 30px;*/
					}

	/* header > glnav-trigger
	----------------------------------------------- */
	body.glnav-open {
		height: 100%;
		overflow: hidden;
		position: relative;
		width: 100%;
		}
	#glnav-trigger {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 60px;
		cursor: pointer;
		display: block;
		height: 80px;
		text-indent: -9999px;
		position: absolute;
		top: 0;
		right: 0;
		width: 80px;
		z-index: 200;

		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		transition-duration: 1s;
		}

	/* header > Top
	----------------------------------------------- */
	#top header { background: rgba(255, 255, 255, 0); }
	#top header:after {
		background: rgba(173, 0, 45, 0.9);
		content: '';
		position: absolute;
		height: 0;
		left: 0;
		top: 0;
		width: 100%;
		z-index: -1;

		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		transition-duration: 1s;

		-webkit-filter: blur(30px);
		-moz-filter: blur(30px);
		filter: blur(30px);
		}
	.scrollactive #top header:after {
		height: 100%;

		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		filter: blur(0px);
		}
	.scrollactive #top header .com-logo { background-image: url(/src/img/common/logo/hanasakinoyu-white.png); }
	#top #h-tel { background-image: url(/src/img/common/icon/white/tel.png); }
	#top #glnav-trigger { background-image: url(/src/img/common/btn/glnav-trigger-white.png); }
	body.glnav-open #top #glnav-trigger { background-image: url(/src/img/common/btn/glnav-close-white.png); }

	/* header > Second
	----------------------------------------------- */
	.sec header { background: rgba(255, 255, 255, 1); }
	.sec header .com-logo { background-image: url(/src/img/common/logo/hanasakinoyu-normal.png); }
	.sec header .com-logo:hover { background-color: rgba(255, 255, 255, 0); }
	.scrollactive .sec header { background: rgba(255, 255, 255, 0.9); }
	.sec #h-tel { background-image: url(/src/img/common/icon/red/tel.png); }
	.sec #glnav-trigger { background-image: url(/src/img/common/btn/glnav-trigger-red.png); }



}









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



	751



--------------------------------------------------- */
@media screen and (min-width: 751px) {



/*

	Device

--------------------------------------------------- */
.desktop-only {}
.smartphone-only { display: none; }
.desktop-only-di { display: inline; }
.desktop-only-dib { display: inline-block; }
.desktop-only-db { display: block; }
.smartphone-only-di,
.smartphone-only-dib,
.smartphone-only-db { display: none; }



}









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



	750



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



/*

	Device

--------------------------------------------------- */
.desktop-only { display: none; }
.smartphone-only { display: block; }
.desktop-only-di,
.desktop-only-dib,
.desktop-only-db { display: none; }
.smartphone-only-di { display: inline; }
.smartphone-only-dib { display: inline-block; }
.smartphone-only-db { display: block; }



/*

	Anchor position

--------------------------------------------------- */
.com-anchor {
	margin: -60px 0 0;
	padding: 60px 0 0;
	}
.com-anchor.ca-frgl {
	margin: -100px 0 0;
	padding: 100px 0 0;
	}
.com-anchor.ca-service {
	margin: -60px 0 0;
	padding: 60px 0 0;
	}



/*

	Common

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

	/* Common > Device
	----------------------------------------------- */
	.mdl-sp-off { display: none; }



/*

	header

--------------------------------------------------- */
header { height: 60px; }
/*.itrs-item,
.slick-slide { opacity: 0.2; }
.slick-current,
.slick-active { opacity: 1; }*/

	/* header > logo
	----------------------------------------------- */
	header .com-logo {
		background-image: url(/src/img/common/logo/hanasakinoyu-white.png);
		height: 60px;
		}

	/* header > tel
	----------------------------------------------- */
	#h-tel {
		height: 60px;
		width: 60px;
		}

	/* header > glnav-trigger
	----------------------------------------------- */
	#glnav-trigger {
		height: 60px;
		width: 60px;
		}



/*

	バイキング空席検索・予約

--------------------------------------------------- */
#cf-reserve {}
	#cfr-toggle {
		bottom: 0;
		left: 0;
		position: fixed;
		}
		#cfr-toggle span { padding: 10px 0 10px 40px; }
	#cfr-box {
		bottom: -100%;
		opacity: 0;
		right: 0;
		text-align: left;
		position: fixed;
		}
		#cfr-box.researve-open {
			bottom: 0;
			display: block;
			padding: 20px 20px 70px;
			position: fixed;
			right: 0;

			-webkit-filter: blur(0px);
			-moz-filter: blur(0px);
			filter: blur(0px);
			}
		#cfrb-wrap {}
			#cfrb-wrap dl {
				display: inline-block;
				padding: 5px 10px;
				}
				#cfrb-wrap dl dt,
				#cfrb-wrap dl dd { font-size: 14px; }
				#cfrb-wrap dl dt { padding: 0 5px 0 0; }
				#cfrb-wrap dl dd {}

				#cfrb-wrap dl dd select {
					font-size: 13px;
					padding: 5px 10px;
					}
				#cfrb-wrap .btn-reserve {
					color: rgba(173, 0, 45, 1);
					display: block;
					margin: 10px auto 0;
					font-size: 16px;
					font-weight: 700;
					padding: 5px;
					width: 60%;
					}

	/* Common Fixed Reserve
	----------------------------------------------- */
	#cf-reserve { overflow: initial; }
	#cfr-toggle { position: fixed; }
	#cfr-toggle.topBtn_active {}

	/* Common Fixed Reserve > Top
	----------------------------------------------- */
	#top #cf-reserve {
		bottom: 0;
		position: fixed;
		}
		#top #cfr-toggle {
			padding: 0 30px;
			width: 100%;
			}
	#top #cf-reserve #cfr-box { right: 0; }

	/* Common Fixed Reserve > Second
	----------------------------------------------- */
	.sec #cf-reserve #cfr-box { right: 0; }
	.sec #cf-reserve {
		bottom: -100%;
		position: fixed;
		top: auto;
		width: 100%;
		}
		.sec #cfr-toggle { width: 100%; }
			.sec #cfr-toggle span { padding: 15px 0 15px 40px; }



/*

	Common

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

	/* inner
	----------------------------------------------- */
	.inner {}

	/* logo
	----------------------------------------------- */
	.com-logo {}
		.com-logo:hover {}
		.com-logo img {}
		.com-logo .cl-logomark {}
		.com-logo .cl-logotype {}

	/* social
	----------------------------------------------- */
	.com-social {}
		.com-social a {
			background-size: 30px auto;
			height: 30px;
			width: 30px;
			}
			.com-social a:hover { opacity: 1; }

	/* nav
	----------------------------------------------- */
	nav a {}
		nav a span {}
		nav a:before,
		nav a:after { display: none; }

	/* artist list
	----------------------------------------------- */
	#ats-list {}
		#ats-list article { margin: 0 0.25%; }
			#ats-list article a {}
			#ats-list article figure { margin: 0; }
				#ats-list article figure:hover {
					-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
					-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
					box-shadow: 0 0 0 rgba(0, 0, 0, 0);
					}
				#ats-list article figure:before,
					#ats-list article figure:hover:before { display: none; }
				#ats-list article figure figcaption {
					display: none;

					/*color: #004a6e;
					font-size: 14px;
					left: 0;
					letter-spacing: 2px;
					opacity: 1;
					padding: 15px 5%;
					position: relative;
					top: 0;
					width: 90%;

					-webkit-transform: translateY(0%) translateX(0%);
					-moz-transform: translateY(0%) translateX(0%);
					transform: translateY(0%) translateX(0%);*/
					}
					#ats-list article:hover figure figcaption {}
				#ats-list article figure img {}
			#ats-list article h2 {}
				#ats-list article:hover h2 {}

	/* common > stage
	----------------------------------------------- */
	.com-stage { padding: 60px 0; }
		.com-stage:before,
		.com-stage:after { display: none; }
		.com-stage h2 { font-size: 26px; }
			.com-stage h2 span {}
			.com-stage h2 small { font-size: 13px; }



/*

	btm-area

--------------------------------------------------- */
#btm-area { display: block; }
	#btm-area article {
		display: block;
		width: 100%;
		}
		#btm-area article h2 { font-size: 18px; }
			#btm-area article h2 small { font-size: 13px; }
			#btm-area article h2 span {}
		#btm-area .btma-link { margin-top: 10px; }
			#btm-area .btma-link span {
				color: #fff;
				display: inline-block;
				font-size: 18px;
				font-weight: 700;
				padding: 5px 30px 5px 10px;
				vertical-align: middle;
				}
				#btm-area .btma-link span:before { background-size: 40px auto; }

	#btma-lineat {
		border-bottom: none;
		border-top: 3px solid #2BBF13;
		}
		#btma-lineat:before { display: none; }
		#btma-lineat a { padding: 30px 0; }
		#btma-lineat h2 {}
			#btma-lineat h2 .radt-lna-02 .char5,
			#btma-lineat h2 .radt-lna-02 .char6,
			#btma-lineat h2 .radt-lna-02 .char7,
			#btma-lineat h2 .radt-lna-02 .char8,
			#btma-lineat h2 .radt-lna-02 .char9 { font-size: 120%; }
		#btma-lineat .btma-link {
			background-size: 50px auto;
			padding: 0 0 0 60px;
			}
			#btma-lineat .btma-link span { background-size: 40px auto; }
				#btma-lineat .btma-link span:before {}
				#btma-lineat:hover .btma-link span {}
				#btma-lineat:hover .btma-link span:before {}

	#btma-buffet {
		border-bottom: 3px solid #73330D;
		border-top: none;
		}
		#btma-buffet a { padding: 40px 0 30px; }
		#btma-buffet h2 {}
			#btma-buffet h2 strong {}
			#btma-buffet .btma-link span { background-size: 30px auto; }
				#btma-buffet .btma-link span:before { background-size: 25px auto; }
				#btma-buffet:hover .btma-link span {}
				#btma-buffet:hover .btma-link span:before {}



/*

	footer

--------------------------------------------------- */
footer {}

	#f-about { padding: 0 30px; }
		#f-about .com-logo {}



/*

	pagetop

--------------------------------------------------- */
#pagetop {
	background-size: 50px;
	right: 10px;
	height: 50px;
	width: 50px;
	}



/*

	slick

--------------------------------------------------- */
.slick-dots { bottom: 30px; }

	/* footer > common
	----------------------------------------------- */
	footer h2 {
		font-size: 18px;
		padding: 0 0 15px;
		}
		footer h2 small {
			font-size: 11px;
			letter-spacing: 3px;
			}
	.f-col2 { display: block; }
		.f-col2 article {
			display: block;
			padding: 30px 20px;
			width: 100%;
			}

	/* footer > f-social
	----------------------------------------------- */
	#f-social {}
		#f-social h2 {}
		#f-social a {
			background-size: 35px;
			height: 50px;
			width: 50px;
			}
			#f-social a:hover { opacity: 1; }

	/* footer > f-inquiry
	----------------------------------------------- */
	#f-inquiry {}
		#f-inquiry h2 {}
		#f-inquiry p { font-size: 13px; }
		#finq-list {}
			#finq-list a { margin: 5px 10px; }
			#finql-tel {
				background: url(/src/img/common/icon/red/tel.png) left center no-repeat;
				background-size: 30px;
				color: #000;
				font-size: 24px;
				font-weight: 700;
				padding: 0 0 0 40px;
				}
			#finql-email {
				background: rgba(173, 0, 45, 1) url(/src/img/common/icon/white/email.png) 20px center no-repeat;
				background-size: 20px;
				border: 1px solid rgba(173, 0, 45, 1);
				color: #fff;
				padding: 10px 30px 10px 60px;

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

	/* footer > resort
	----------------------------------------------- */
	#f-resort {
		padding: 35px 30px;
		}
		#f-resort a {
			background-position: left center;
			background-size: 25px;
			border: none;
			border-top: 1px dashed rgba(0, 0, 0, 0.4);
			display: block;
			text-align: left;
			font-size: 13px;
			margin: 0;
			padding: 15px 20px 15px 40px;

			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			}
			#f-resort a:last-child { border-bottom: 1px dashed rgba(0, 0, 0, 0.4); }
			#f-resort a:after {
				bottom: auto;
				margin: -5px 0 0 0;
				top: 50%;
				}

	/* footer > social
	----------------------------------------------- */
	footer .com-social {
		border-top: 1px solid #c8c8c8;
		display: block;
		padding: 20px;
		}
		footer .com-social h2 {
			background-position: center top;
			background-size: 20px;
			display: block;
			font-size: 14px;
			padding: 25px 20px 10px;
			}

	/* Footer > Credit Card
	----------------------------------------------- */
	#f-creditcard {}
		#f-creditcard dl {
			display: block;
			padding: 20px;
			}
			#f-creditcard dl dt,
			#f-creditcard dl dd {
				display: block;
				font-size: 13px;
				padding: 0;
				}
			#f-creditcard dl dt { padding-bottom: 10px; }
			#f-creditcard dl dd {}
			.fcc-item {
				display: block;
				margin: 0 auto;
				max-width: 90%;
				width: auto;
				}
				.fcc-item img {}

	/* footer > nav
	----------------------------------------------- */
	#f-nav { display: block; }
		#f-nav a {
			background: url(/src/img/common/arrow/pt2-right-red.png) right center no-repeat;
			background-size: 20px auto;
			display: block;
			border-right: none;
			border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
			text-align: left;
			padding: 15px 0;
			}
			#f-nav a span { display: inline; }
		#f-nav a:last-child { border-bottom: none; }
		#f-nav a:hover { color: #fff; }
		#f-nav a:before,
		#f-nav a:after {}
			#f-nav a:hover:after,
			#f-nav a:hover:before {}

	footer .com-social {}

	#f-address {}
		#f-address p { font-size: 12px; }
		#f-address a {}

	#f-copy {
		font-size: 10px;
		padding: 20px 20px 60px;
		}



}



/*

	common > Attention Information

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

/* Buffet */
.com-att-info {
	margin: 0 auto;
	text-align: center;
	}
	.com-ai-item {
		border: 2px solid rgba(255, 0, 0, 1);
		color: rgba(255, 0, 0, 1);
		display: inline-block;
		vertical-align: bottom;
		}
		.com-ai-ttl { font-weight: 700; }
		.com-ai-txt {}

@media screen and (min-width: 751px) {

/* Buffet */
.com-att-info {}
	.com-ai-item {
		margin-bottom: 20px;
		padding: 15px 25px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
	.com-ai-item:last-child { margin-bottom: 0; }
		.com-ai-ttl {
			font-size: 20px;
			margin-bottom: 10px;
			}
		.com-ai-txt {
			font-size: 15px;
			line-height: 1.75;
			}
	/* Buffet > Scheme */
	#ls_food_buffet .com-att-info { padding-bottom: 30px; }

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

/* Buffet */
.com-att-info {}
	.com-ai-item {
		margin: 0 15px 20px;
		padding: 15px 20px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
	.com-ai-item:last-child { margin-bottom: 0; }
		.com-ai-ttl {
			font-size: 15px;
			margin-bottom: 10px;
			}
		.com-ai-txt {
			font-size: 13.5px;
			line-height: 1.75;
			text-align: left;
			}
	/* Buffet > Scheme */
	#ls_food_buffet .com-att-info { padding-bottom: 20px; }

}



/*
	Information Corona-ninnsyou

--------------------------------------------------- */
.info-coronaninnsyou {
	background-color: rgba(255, 255, 255, 1);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	}
	#itr-service-outline .info-coronaninnsyou .info-cn-txt p {
		color: rgba(0, 0, 0, 1);
		letter-spacing: 0em;
		margin: 0;
		padding: 0;
		text-align: left;
		}
	.info-cn-thumb img { max-width: 100%; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
.info-coronaninnsyou {
	border: 5px solid rgba(255, 0, 0, .3);
	margin-bottom: 15px;
	margin-top: 15px;
	max-width: 750px;
	padding: 20px;
	border-radius: 20px;
	}
	.info-cn-thumb {
		max-width: 150px;
		padding: 10px;
		}
		.info-cn-thumb img { max-width: 150px; }
	.info-cn-txt { padding: 10px; }
		#itr-service-outline .info-coronaninnsyou .info-cn-txt p { font-size: 17px; }
			#itr-service-outline .info-coronaninnsyou .info-cn-txt p strong { font-size: 150%; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
.info-coronaninnsyou {
	margin-top: 20px;
	padding: 10px;
	border-radius: 10px;
	}
	.info-cn-thumb {
		max-width: 100px;
		padding-bottom: 10px;
		}
	.info-cn-txt {}
		#itr-service-outline .info-coronaninnsyou .info-cn-txt p {
			font-size: 3vw;
			text-align: center;
			}
			#itr-service-outline .info-coronaninnsyou .info-cn-txt p strong { font-size: 135%; }
}