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

h2 {
    color:#b60005;
    margin-bottom: 30px;
    text-align: center;
	font-family: "Pirata One", system-ui;
    font-weight: 300;
    font-size: 50px;
    letter-spacing: 2px;
}
.systitle{
	font-family: "Pirata One", system-ui;
	 font-size: 28px;
	 font-weight:bold;
	 color:#005EFF;
}
.reve_line{
    border-top: solid 1px #b60005;
}
#menu { 
	max-width: 960px; 
	background: #000; 
	margin: 0px auto 50px auto; 
	font-family: "Pirata One", system-ui;
	font-weight: 400;
	font-size: 30px; 
	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;}

li{
	list-style:none;
}
.wrapA, .wrapB { align-items: center; margin-bottom: 80px; letter-spacing: 0.08em; line-height: 1.8; }
.wrapA li img, .wrapB li img { border: 1px solid #b60005; }
.wrapA { display: flex; }
.wrapA li { margin-right: 15px; }
.wrapB { display: flex; flex-direction: row-reverse; }
.wrapB li { margin-left: 15px; }

.bxmain { width: 492px !important; }
.imgs img{margin-left:-15px;}
.wrapA dt, .wrapB dt{
	margin:10px;
}
#bxmain {
  position: relative;
  width: 480px;
  height: auto; /* 必要に応じて画像の高さに合わせて固定も可能 */
  list-style: none;
  margin:-100px 10px 10px 10px;
  padding: 0;
}

#bxmain li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none; /* 初期はすべて非表示 */
}

#bxmain li img {
  display: block;
  width: 100%;
  height: auto;
}


/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
ლ(╹◡╹ლ) 
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/
@media screen and (max-width: 720px) {
	h2 { width: 100%; height: auto; padding-bottom: 10.41666%; background-size: contain; }
	#bxmain { width: 100%; }
	.wrapA { display: flex; flex-wrap:wrap;justify-content:center;text-align:center; }
	.wrapB { display: flex; flex-wrap:wrap;justify-content:center;text-align:center; flex-direction: row;}

	#bxmain {
	  position: relative;
	  width: 105vw;
	  height: auto; /* 必要に応じて画像の高さに合わせて固定も可能 */
	  list-style: none;
	  margin:-100px 10px 10px 10px;
	  padding: 0;
	  top:10vw;
	}
	
	#bxmain li {
	  position: absolute;
	  top: 0;
	  left: 5vw;
	  width: 90%;
	  display: none; /* 初期はすべて非表示 */
	}
	
	#bxmain li img {
	  display: block;
	  width: 100%;
	  height: auto;
	}
	.slide_under{
		position: relative;
		top:40vw;
	}
	.special_c{
		margin-top:20vw;
	}
	.wrapA li, .wrapB li { width: 100%;  margin-right: 0px; margin-left: 0px; }
	.rv_logo img{display:none;}
	.rv_logo {background: url(../img/story/rv_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;}
	.imgs img{margin-left:0px;}
}