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

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

#navi{
	display: none;
	position:fixed;
	top:60px;
	background: rgba(87,181,171,0.9);
	padding: 10px;
	width: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: scroll;
	z-index: 1100;
	padding-bottom: 50px;
}
#navi > ul.menu{
	height: 0;
	padding-left: 0;
}
ul.menu{
	display: block;
}
ul.menu li{
	border-bottom: rgba(225,225,225,0.5) 1px solid;
}
ul.menu li a{
	display: block;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
#navi ul.menu li a:hover{
	background: rgba(225,225,225,0.2);
}
#navi ul.menu li.menu__single .menu-second-pc{
	display: none;
}
#navi ul.menu__second-level{
	display: none;
	padding-bottom: 15px;
}
#navi ul.menu li.menu__single a:hover{
	background: rgba(225,225,225,0.2);
}
#navi ul.menu li.menu__single a{
	display: block;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
}

#navi ul.menu li.menu__single > a:after{
	content:"+";
	padding-left: 10px;
}
#navi ul.menu li.menu__single > a.active:after{
	content:"-";
}

#navi ul.menu li.menu__single ul.menu__second-level{
	margin: 0 0 0 30px;
}
#navi ul.menu li.menu__single ul.menu__second-level li{
	border-bottom: none;
}

#navi ul.menu li.menu__single ul.menu__second-level li a{
	border-bottom: none;
	padding: 5px;
}
#navi ul.menu li.menu__single ul.menu__second-level li a:before{
	content: "・";
}
#navi-sp ul.menu li.menu__single ul.menu__second-level li a:hover{
	background: none;
	color: #CCC;
}
#navi li.close{
	display: block;
	text-align: center;
	padding-top: 20px;
	border-bottom: none;
}
#navi li.close img{
	max-width:200px;
	height: auto;
}