@charset "UTF-8";

#rwdMenuWrap {
	display: none;
}

@media only screen and (max-width: 667px) {
	#toggleMenu {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","Sawarabi Mincho",serif;
	}
	#toggleMenu .toggleMenuInner .title,
	#toggleMenu .toggleMenuInner .info .sns a.english,
	#rwdMenuWrap #switchBtnArea #switchBtn p {
		font-family: 'Dancing Script', cursive;
	}

	#rwdMenuWrap {
		display: block;
		width: 100%;
		height: 50px;
		position: fixed;
		top: 0;
		z-index: 9999;
	}

	#rwdMenuWrap #switchBtnArea {
		width: 100%;
		position: fixed;
		text-align: center;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn {
		top: 10px;
		right: 20px;
		width: 42px;
		height: 45px;
		display: block;
		background: #333;
		position: absolute;
	}
 
	#rwdMenuWrap #switchBtnArea #switchBtn span {
		left: 20%;
		width: 60%;
		height: 2px;
		display: block;
		position: absolute;
		background-color: #fff;
		border-radius: 5px;
		transition: all 0.2s linear;
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {
		top: 24px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {
		top: 30px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {
		top: 36px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn p {
		top: 2px;
		font-size: 1.4rem;
		color: #fff;
		width: 100%;
		position: absolute;
		text-align: center;
	}
 
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
		top: 21px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
		top: 21px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose p {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
 
	#rwdMenuWrap ul {
		width: 100%;
		list-style: none;
	}
		#rwdMenuWrap ul li a {
			font-size: 1.6rem;
			line-height: 3.2rem;
			padding: 5px 5px;
			text-align: left;
			display: block;
			color: #fff;
			font-weight: bold;
			position: relative;
			text-align: left;
		}
		/*english page*/ #englishPage #rwdMenuWrap ul li a {
			font-size: 1.4rem;
			line-height: 3.2rem;
			padding: 5px 5px;
			text-align: left;
			display: block;
			color: #fff;
			font-weight: bold;
			position: relative;
			text-align: left;
		}

	#toggleMenu {
		width: 96%;
		display: none;
		background: rgba(51, 51, 51, 0.9);
	}
		#toggleMenu .toggleMenuInner {
			width: 360px;
    		margin: 50px auto 0 auto;
		}
			#toggleMenu .toggleMenuInner .title {
				font-size: 2.4rem;
				color: #fff;
			}
			#toggleMenu .toggleMenuInner .globalNav {
				margin-bottom: 30px;
			}
				#toggleMenu .toggleMenuInner .globalNav ul {
					display: flex;
					justify-content: space-around;
					align-items: center;
					flex-wrap: wrap;
				}
					#toggleMenu .toggleMenuInner .globalNav li {
						width: 30%;
					}
					/*english page*/ #englishPage #toggleMenu .toggleMenuInner .globalNav li:nth-child(7) {
						width: 62%;
						text-align:left;
						align-items: left;
					}
			#toggleMenu .toggleMenuInner .info {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-bottom: 30px;
			}
				#toggleMenu .toggleMenuInner .info .sns {
					display: flex;
					justify-content: center;
					align-items: center;
				}
					#toggleMenu .toggleMenuInner .info .sns a {
						color: #fff;
						margin-right: 10px;
					}
					#englishPage #toggleMenu .toggleMenuInner .info .sns a {
						margin-right: 10px;
					}
				#toggleMenu .toggleMenuInner .info .reservation {
				}
					#toggleMenu .toggleMenuInner .info .reservation a {
						padding: 5px 20px;
						border-radius: 10px;
						background: #5e5e5e;
						color: #fff;
					}
					#englishPage #toggleMenu .toggleMenuInner .info .reservation a {
						padding: 5px 10px;
						font-size:80%;
					}
			#toggleMenu .toggleMenuInner .tel {
				color: #fff;
				padding-bottom: 30px;
			}
				#toggleMenu .toggleMenuInner .tel p {
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 3rem;
				}