@charset "utf-8";


/*MV下イメージ*/
.manaImage {
	text-align: center;
}
.manaImage img{
	width: 90%;
}

/*menu*/

.menu{
	margin: 5%;
	padding: 3% 3%;
	background: #F0FBFF;
	font-size: 14px;
}
.menu h4{
	margin: 3% 0 0;
	border: none;
}
.spaprice{
	margin: 5% 3%;
	border-bottom: 1px dotted #80CCCC;
}
.time{
	color: #099;
}
.spatext{
	margin: 5%;
	font-size: 14px;
}


/*無限スライダー*/
.slider {
/*    margin: 5% auto 0;*/
    width: 100%;
/*    opacity: 0;*/
/*    transition: 3s;*/
}


/*spanavi*/
.spanavi{
	margin: 5% 3%;
	padding-bottom:5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.spanavi li{
	margin: 2%;
	padding: 2% 0;
	width: 45%;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.spanavi li::after{
	content:'→';
	position: absolute;
	right: 10%;
	top: 20%;
    transform: rotate(90deg) translateY(-50%);
}
.spanavi li a{
	padding: 0 5%;
    display: block;
	color: #333;
}
.spanavi li a:hover{
	text-decoration: none;
	opacity: .5;
}
@media screen and (min-width:768px) {
.spanavi li{
	padding: 1% 0;
	font-size: 16px;
}
}
@media screen and (min-width:1100px) {
.spanavi li{
	width: 18%;
	margin: 1%;
	font-size: 14px;
}
.flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.menu{
	width: 46%;
	margin: 1%;
	padding: 1%;
}
.spaprice{
	margin: 3%;
}
}