@charset 'UTF-8';

/*
 * # Screen sizes.
 * COMMON SCREEN STYLE
 * MDEIUM SCREEN STYLE
 * MOBILE SCREEN STYLE
 *
 */

/* COMMON SCREEN STYLE */
.web-reservation-nav {
	--nav-height: 274px;
	position: fixed;
	top: min(calc((50vh - var(--nav-height) / 2)), 567px);
	right: 0;
	z-index: 100;
	font-size: 20px;
	font-family: 'M PLUS Rounded 1c', 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO', sans-serif;
	font-weight: bold;
}

.web-reservation-nav__link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 14px;
	width: 62px;
	height: var(--nav-height);
	color: #fff;
	background-color: var(--plaza-theme-color-1st);
	text-decoration: none;
	border-top-left-radius: 23px;
	border-bottom-left-radius: 23px;
}

.web-reservation-nav__link::before {
	content: '';
	display: block;
	width: 28px;
	height: 28px;
	background: transparent url(../img/common//icon_pen.svg) no-repeat 50% 50%;
	background-size: contain;
}

/* MDEIUM SCREEN STYLE */
@media screen and (max-width:1240px) {
}

/* MOBILE SCREEN STYLE */
@media screen and (max-width:768px) {
	.web-reservation-nav {
		top: initial;
		bottom: 0;
		left: 0;
	}

	.web-reservation-nav__link {
		flex-direction: row;
		width: 100%;
		height: 68px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.web-reservation-nav__link::before {
		width: 30px;
		height: 30px;
	}

	:root:has(.web-reservation-nav) .site-footer {
		padding-bottom: calc(1.25rem + 68px);
	}
}

.rubyfuljs-tooltip-container{
   z-index: 10000; 
}
.rubyfuljs-button.is-customized.is-ruby-on{

}
.rubyfuljs-button.is-customized.is-ruby-off{

}