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

#story1 { background: url(../img/story/story1.jpg) no-repeat 50% 0; width: 100%; height: 492px; 	border-top:solid 1px #005EFF;}
#story2 { background: url(../img/story/story2.jpg) no-repeat 50% 0; width: 100%; height: 520px; margin-top: -4px;}

.cen { font-size:21px;color: #005EFF; line-height: 1.8; font-family: "hiragino-kaku-gothic-pron", sans-serif;font-weight: 400;font-style: normal;}

#menu { 
	max-width: 960px; 
	background: #000; 
	margin: 0px auto 50px auto; 
	 font-family: "Quattrocento", serif; 
	font-weight: 400;
	font-size: 22px; 
	display: flex; 
	justify-content: space-around; 
	color:#666;
}
#menu li { width: 100%; text-align: center; border-right: 1px solid #2E2E2E; position: relative;}
#menu li:first-child { border-left: 1px solid #2E2E2E; }

#menu li a {color:#fff;}
#dot { 
	max-width: 960px; 
	display: flex; 
	justify-content: space-around; 
	margin:-20px auto 0 auto; 
	position:relative;
	z-index:9999;
}
#dot li{width:137px,text-align:center;}

/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
ლ(╹◡╹ლ) 
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/
#sp { display: none; }
@media screen and (max-width: 768px) {
	#story1 { background: url(../img/story/sp_story.jpg) no-repeat;background-size:100%;  height: 110vw; margin-bottom: 50px; }
	#story2,#story3 { display: none; }
	.rv_logo img{display:none;}
	.rv_logo {background: url(../img/story/li_logo.jpg) no-repeat;background-size:150%;background-position:top center;width:100%;height:30vw;}
	.cen{font-family: "hiragino-kaku-gothic-pron", sans-serif;font-weight: 600;font-size:3vw;}
	#sp { display: block; margin-bottom: 15px; }
	#menu { display:none;}
	#dot { display:none;}
}