@charset "UTF-8";
/* CSS Document */

#hero .salons.row.no-gutters{
	pointer-events:visible;
}
	#hero .salons.row.no-gutters .salon-detail{
		display: block;
		color:rgb(51, 51, 51);
		text-decoration: none;
	}
	#hero .salons.row.no-gutters .salon-detail:hover {
		color: #fe6a7f;
	}

/* pagetop */
.page-top{
	position: fixed;
	right: 10px;
	bottom: 0;
	width: 60px;
	height: 60px;
	background: #666;
	border-radius: 50%;
	opacity: 0.6;
	transform: translateY(100%);
}
.page-top.show{
	bottom: 140px;
	transition: transform 0.3s ease;
	transform: translateY(0);
}
@media (min-width: 992px) {
	.page-top.show{
		bottom: 220px;
	}
}
@media (max-width: 991px) {
	.page-top.show{
		bottom: 150px;
	}
}
	/* pagetop ▲ */
	.page-top::before{
		content: '';
		position: absolute;
		top: 16px;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 24px solid #fff;
		pointer-events: none;
	}
		.page-top > a{
			display: block;
			width: 100%;
			height: 100%;
		}

/* 予約ナビ */
#reservation .mobile .nav-item.double > p > .pc{
	display: block;
}
@media (max-width: 991px) {
	#reservation.show {
		bottom: 60px;
	}
		#reservation .mobile {
			height: 60px;
		}
			#reservation .mobile .reservation-nav{
				flex-wrap: wrap;
			}
			#reservation .mobile .nav-item.double{
				background: #ffe8ea;
				width: 100%;
				height: 100%;
			}
				#reservation .mobile .nav-item.double > p{
					margin: 0 auto;
					padding: 10px 20px;
					font-size: 90%;
					font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, メイリオ, Meiryo, Arial, Helvetica, sans-serif;
					line-height: 120%;
					text-align: center;
					color: #777777;
					width: 70%;
				}
					#reservation .mobile .nav-item.double > p > .pc{
						display: none;
					}
}
@media (max-width: 800px) {
	#reservation.show {
		bottom: 55px;
	}
	#reservation .mobile {
		height: 70px;
	}
		#reservation .mobile .nav-item{
			height: 90%;
		}
		#reservation .mobile .nav-item.double{
			height: 90%;
		}
			#reservation .mobile .nav-item.double > p{
				width: 100%;
			}
}
@media (max-width: 560px) {
	#reservation.show {
		bottom: 60px;
	}
		#reservation .mobile .nav-item{
			height: 90%;	
		}
		#reservation .mobile .nav-item.double{
			height: 100%;
		}
			#reservation .mobile .nav-item.double > p{
				padding: 10px;
			}
}
@media (max-width: 370px) {
	#reservation.show {
		bottom: 60px;
	}
		#reservation .mobile {
			height: 80px;
		}
		#reservation .mobile .nav-item {
			height: 80%;
		}
}

/* 特典 */
@media (max-width: 560px) {
	.setplan-list .border-double {
		padding: 1em;
	}
}
@media (max-width: 370px) {
	.setplan-list .border-double {
		padding: 1em 0.5em;
	}
}
	/* 特典ラベル */
	#plans .menu-benefit .benefit-label {
		padding: 4px 7px 3px;
		min-width: 50px;
	}