@charset "UTF-8";

/* vi_map */
#vi_map {
	position: relative;
	height: 700px;
	background: #3f3d3d;
	overflow: hidden;
	}
@media screen and (max-width:767.98px){
#vi_map {
	height: 145vw;
	}
}

#vi_map .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #3f3d3d;
	animation: bg 3s ease-in-out both 5s;
	z-index: 10;
	}
@keyframes bg {
	0% { opacity: 1; }
	100% { opacity: .5; }
	}

#vi_map .inner {
	position: relative;
	width: 700px;
	height: 700px;
	margin: 0 auto;
	}
@media screen and (max-width:767.98px){
#vi_map .inner {
	width: 100%;
	height: 140vw;
	}
}

#vi_map img {
	display: block;
	}

#vi_map img.map {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
	animation: img_map 2s ease-in-out both 0s;
	z-index: 100;
	}
@media screen and (max-width:767.98px){
#vi_map img.map {
	left: 62%;
	top: 27%;
	rotate: -36deg;
	width: 64%;
	}
}
@keyframes img_map {
	0% { opacity: 0; scale: 0.7 ; filter: blur(20px); }
	100% { opacity: 1; scale: 1 ; filter: blur(0px); }
	}

#vi_map ul {
	display: block;
	}

#vi_map li {
	position: absolute;
	display: block;
	width: 150px;
	height: 150px;
	z-index: 200;
	}
@media screen and (max-width:767.98px){
#vi_map li {
	width: 25vw;
	height: 25vw;
	}
}

#vi_map li:before {
	position: absolute;
	display: block;
	width: 300px;
	height: 1px;
	content: "";
	background: #000;
	z-index: -1;
	}

#vi_map li:after {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	content: "";
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0,0,0,.8);
	z-index: -1;
	animation: points .5s linear 0s infinite alternate;
	}
@media screen and (max-width:767.98px){
#vi_map li:after {
	width: 2vw;
	height: 2vw;
	}
}

@keyframes logos {
	0% { opacity: 0; scale: 0.7 ; transform: translate(0,40px); filter: blur(20px); }
	100% { opacity: 1; scale: 1 ; transform: translate(0,0); filter: blur(0px); }
	}

@keyframes points {
	0% { scale: .8 }
	100% { scale: 1 }
	}

#vi_map li.hadomisaki {
	left: 20px;
	top: 20px;
	animation: logos 1s ease-in-out both 1s;
	}
@media screen and (max-width:767.98px){
#vi_map li.hadomisaki {
	left: 4vw;
	top: 4vw;
	}
}
#vi_map li.hadomisaki:before {
	right: -145px;
	bottom: -152px;
	width: 430px;
	rotate: 88deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.hadomisaki:before {
	right: -39vw;
	bottom: -23vw;
	width: 91vw;
	rotate: 78deg;
	}
}
#vi_map li.hadomisaki:after {
	right: 58px;
	bottom: -369px;
	}
@media screen and (max-width:767.98px){
#vi_map li.hadomisaki:after {
	right: -4vw;
	bottom: -68vw;
	}
}

#vi_map li.nijimatsu {
	left: 20px;
	top: 20px;
	animation: logos 1s ease-in-out both 1s;
	}
@media screen and (max-width:767.98px){
#vi_map li.nijimatsu {
	left: 4vw;
	top: 4vw;
	}
}
#vi_map li.nijimatsu:before {
	right: -149px;
	bottom: -145px;
	width: 350px;
	rotate: 76deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.nijimatsu:before {
	right: -40vw;
	bottom: -31vw;
	width: 83vw;
	rotate: 77deg;
	}
}
#vi_map li.nijimatsu:after {
	right: -21px;
	bottom: -317px;
	}
@media screen and (max-width:767.98px){
#vi_map li.nijimatsu:after {
	right: -9vw;
	bottom: -73vw;
	}
}

#vi_map li.karadomari {
	left: 190px;
	top: 20px;
	animation: logos 1s ease-in-out both 1.2s;
	}
@media screen and (max-width:767.98px){
#vi_map li.karadomari {
	left: 4vw;
	top: 32vw;
	}
}
#vi_map li.karadomari:before {
	right: -53px;
	bottom: -131px;
	width: 340px;
	rotate: 100deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.karadomari:before {
	right: -27vw;
	bottom: -13vw;
	width: 60vw;
	rotate: 67deg;
	}
}
#vi_map li.karadomari:after {
	right: 142px;
	bottom: -306px;
	}
@media screen and (max-width:767.98px){
#vi_map li.karadomari:after {
	right: -10vw;
	bottom: -42vw;
	}
}

#vi_map li.isonosawa {
	left: 20px;
	top: 190px;
	animation: logos 1s ease-in-out both 1.4s;
	}
@media screen and (max-width:767.98px){
#vi_map li.isonosawa {
	left: 4vw;
	top: 60vw;
	}
}
#vi_map li.isonosawa:before {
	right: -107px;
	bottom: -27px;
	width: 250px;
	rotate: 66deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.isonosawa:before {
	right: -16vw;
	bottom: -2vw;
	width: 29vw;
	rotate: 48deg;
	}
}
#vi_map li.isonosawa:after {
	right: -38px;
	bottom: -145px;
	}
@media screen and (max-width:767.98px){
#vi_map li.isonosawa:after {
	right: -12vw;
	bottom: -14vw;
	}
}

#vi_map li.rokuroshi {
	left: 190px;
	top: 190px;
	animation: logos 1s ease-in-out both 1.6s;
	}
@media screen and (max-width:767.98px){
#vi_map li.rokuroshi {
	left: 37vw;
	top: 4vw;
	}
}
#vi_map li.rokuroshi:before {
	right: -30px;
	bottom: -6px;
	width: 150px;
	rotate: 66deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.rokuroshi:before {
	right: -12vw;
	bottom: -22vw;
	width: 49vw;
	rotate: -91deg;
	}
}
#vi_map li.rokuroshi:after {
	right: 10px;
	bottom: -78px;
	}
@media screen and (max-width:767.98px){
#vi_map li.rokuroshi:after {
	right: 11vw;
	top: 70vw;
	}
}
#vi_map li.rokuroshi a:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,35px);
	display: block;
	width: 100%;
	font-size: 10px;
	text-align: center;
	content: "2025年夏open";
	}
@media screen and (max-width:767.98px){
#vi_map li.rokuroshi a:after {
	transform: translate(-50%,20px);
	}
}
#vi_map li.rokuroshi img {
	width: 70px;
	transform: translate(-50%, -63%);
	}

#vi_map li.ukiha_rivercamp {
	left: 20px;
	bottom: 190px;
	animation: logos 1s ease-in-out both 1.8s;
	}
@media screen and (max-width:767.98px){
#vi_map li.ukiha_rivercamp {
	left: 4vw;
	top: 88vw;
	}
}
#vi_map li.ukiha_rivercamp:before {
	right: -38px;
	bottom: 42px;
	width: 80px;
	rotate: 26deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.ukiha_rivercamp:before {
	right: -10vw;
	bottom: 12vw;
	width: 18vw;
	rotate: -6deg;
	}
}
#vi_map li.ukiha_rivercamp:after {
	right: -41px;
	bottom: 20px;
	}
@media screen and (max-width:767.98px){
#vi_map li.ukiha_rivercamp:after {
	right: -11vw;
	bottom: 12vw;
	}
}
#vi_map li.ukiha_rivercamp a:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,35px);
	display: block;
	width: 100%;
	font-size: 10px;
	text-align: center;
	content: "2025年4月12日open";
	}
@media screen and (max-width:767.98px){
#vi_map li.ukiha_rivercamp a:after {
	transform: translate(-50%,20px);
	content: "4月12日open";
	}
}
#vi_map li.ukiha_rivercamp img {
	transform: translate(-50%, -63%);
	}

#vi_map li.yakushima {
	left: 20px;
	bottom: 20px;
	animation: logos 1s ease-in-out both 1.8s;
	}
@media screen and (max-width:767.98px){
#vi_map li.yakushima {
	left: 4vw;
	bottom: -1vw;
	}
}
#vi_map li.yakushima:before {
	right: -27px;
	bottom: 114px;
	width: 90px;
	rotate: 146deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.yakushima:before {
	right: -20vw;
	bottom: 19vw;
	width: 44vw;
	rotate: -36deg;
	}
}
#vi_map li.yakushima:after {
	right: -23px;
	bottom: 134px;
	}
@media screen and (max-width:767.98px){
#vi_map li.yakushima:after {
	right: -16vw;
	bottom: 31vw;
	}
}
#vi_map li.yakushima img {
	transform: translate(-50%, -63%);
	width: 60%;
	}
#vi_map li.yakushima a:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,35px);
	display: block;
	width: 100%;
	font-size: 10px;
	text-align: center;
	content: "2026年新春Open";
	}
@media screen and (max-width:767.98px){
#vi_map li.yakushima a:after {
	transform: translate(-50%,23px);
	content: "新春open";
	}
}

#vi_map li.doai {
	right: 20px;
	top: 20px;
	animation: logos 1s ease-in-out both 1.8s;
	}
@media screen and (max-width:767.98px){
#vi_map li.doai {
	right: 4vw;
	top: 4vw;
	}
}
#vi_map li.doai:before {
	right: -17px;
	bottom: -63px;
	width: 400px;
	rotate: 126deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.doai:before {
	right: 3vw;
	bottom: -16vw;
	width: 50vw;
	rotate: -61deg;
	}
}
#vi_map li.doai:after {
	right: 295px;
	bottom: -226px;
	}
@media screen and (max-width:767.98px){
#vi_map li.doai:after {
	right: 39vw;
	bottom: -38vw;
	}
}

#vi_map li.sanazawa {
	right: 20px;
	top: 190px;
	animation: logos 1s ease-in-out both 2s;
	}
@media screen and (max-width:767.98px){
#vi_map li.sanazawa {
	right: 4vw;
	top: 32vw;
	}
}
#vi_map li.sanazawa:before {
	right: 72px;
	bottom: 1px;
	width: 240px;
	rotate: 150deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.sanazawa:before {
	right: 16vw;
	bottom: -2vw;
	width: 27vw;
	rotate: -40deg;
	}
}
#vi_map li.sanazawa:after {
	right: 292px;
	bottom: -62px;
	}
@media screen and (max-width:767.98px){
#vi_map li.sanazawa:after {
	right: 38vw;
	bottom: -11vw;
	}
}

#vi_map li.inuwashistore {
	right: 20px;
	bottom: 190px;
	animation: logos 1s ease-in-out both 2s;
	}
@media screen and (max-width:767.98px){
#vi_map li.inuwashistore {
	right: 4vw;
	bottom: 55vw;
	}
}
#vi_map li.inuwashistore:before {
	right: 92px;
	bottom: 86px;
	width: 200px;
	rotate: 190deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.inuwashistore:before {
	right: 18vw;
	bottom: 14vw;
	width: 20vw;
	rotate: 16deg;
	}
}
#vi_map li.inuwashistore:after {
	right: 288px;
	bottom: 100px;
	}
@media screen and (max-width:767.98px){
#vi_map li.inuwashistore:after {
	right: 37vw;
	bottom: 16vw;
	}
}

#vi_map li.aqua {
	right: 20px;
	bottom: 20px;
	animation: logos 1s ease-in-out both 2.2s;
	}
@media screen and (max-width:767.98px){
#vi_map li.aqua {
	right: 4vw;
	bottom: 27vw;
	}
}
#vi_map li.aqua:before {
	right: 92px;
	bottom: 163px;
	width: 237px;
	rotate: 213deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.aqua:before {
	right: 0vw;
	bottom: 21vw;
	width: 43vw;
	rotate: 48deg;
	}
}
#vi_map li.aqua:after {
	right: 307px;
	bottom: 223px;
	}
@media screen and (max-width:767.98px){
#vi_map li.aqua:after {
	right: 35vw;
	bottom: 36vw;
	}
}

#vi_map li.ren {
	right: 190px;
	bottom: 20px;
	animation: logos 1s ease-in-out both 2.4s;
	}
@media screen and (max-width:767.98px){
#vi_map li.ren {
	right: 4vw;
	bottom: -1vw;
	z-index: 150;
	}
}
#vi_map li.ren:before {
	right: 37px;
	bottom: 153px;
	width: 147px;
	rotate: 245deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.ren:before {
	right: 0vw;
	bottom: 41vw;
	width: 50vw;
	rotate: 66deg;
	}
}
#vi_map li.ren:after {
	right: 136px;
	bottom: 217px;
	}
@media screen and (max-width:767.98px){
#vi_map li.ren:after {
	right: 34vw;
	bottom: 63vw;
	}
}

#vi_map li.kisamiohama {
	left: 190px;
	bottom: 20px;
	animation: logos 1s ease-in-out both 2.4s;
	}
@media screen and (max-width:767.98px){
#vi_map li.kisamiohama {
	left: 37vw;
	bottom: -1vw;
	z-index: 150;
	}
}
#vi_map li.kisamiohama:before {
	right: -70px;
	bottom: 150px;
	width: 167px;
	rotate: 309deg;
	}
@media screen and (max-width:767.98px){
#vi_map li.kisamiohama:before {
	right: -17vw;
	bottom: 40vw;
	width: 47vw;
	rotate: 107deg;
	}
}
#vi_map li.kisamiohama:after {
	right: -43px;
	bottom: 211px;
	}
@media screen and (max-width:767.98px){
#vi_map li.kisamiohama:after {
	right: -2vw;
	bottom: 63vw;
	}
}

#vi_map li a {
	position: relative;
	display: block;
	width: 150px;
	height: 150px;
	transition: .3s ease;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0,0,0,.8);
	}
@media screen and (max-width:767.98px){
#vi_map li a {
	width: 100%;
	height: 100%;
	}
}

#vi_map li a:hover {
	scale: 1.2;
	}

#vi_map li img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 70%;
	}

#vi_map li span.pref {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	color: #666;
	font-size: 12px;
	text-align: center;
	transition: .3s ease;
	}
@media screen and (max-width:767.98px){
#vi_map li span.pref {
	bottom: 3px;
	font-size: 10px;
	}
}


#vi_map li a:hover span.pref {
	opacity: 0;
	}

#youtube-movie {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 130%;
	overflow: hidden;
	z-index: 1;
	}
@media screen and (max-width:767.98px){
#youtube-movie {
	display: none;
	}
}

#youtube-movie-content {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	}
 
#youtube-movie-content #youtube-movie-body,
#youtube-movie-content #youtube-movie-front {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 10;
	}


.mvbg {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	}

.mvbg div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	}

.mvbg .mvbg1 {
	background: url(/img/mv1.jpg) center center no-repeat;
	background-size: cover;
	}
@media screen and (max-width: 767.98px){
.mvbg .mvbg1 {
	background: url(/img/mv1.jpg) center center no-repeat;
	background-size: auto 100%;
	}
}

.mvbg .mvbg2 {
	background: url(/img/mv2.jpg) center center no-repeat;
	background-size: cover;
	}
@media screen and (max-width: 767.98px){
.mvbg .mvbg2 {
	background: url(/img/mv2.jpg) center center no-repeat;
	background-size: auto 100%;
	}
}

.mvbg .mvbg3 {
	background: url(/img/mv3.jpg) center center no-repeat;
	background-size: cover;
	}
@media screen and (max-width: 767.98px){
.mvbg .mvbg3 {
	background: url(/img/mv3.jpg) center center no-repeat;
	background-size: auto 100%;
	}
}

.mvbg .mvbg4 {
	background: url(/img/mv4.jpg) center center no-repeat;
	background-size: cover;
	}
@media screen and (max-width: 767.98px){
.mvbg .mvbg4 {
	background: url(/img/mv4.jpg) center center no-repeat;
	background-size: auto 100%;
	}
}

.mvbg .mvbg5 {
	background: url(/img/mv5.jpg) center center no-repeat;
	background-size: cover;
	}
@media screen and (max-width: 767.98px){
.mvbg .mvbg5 {
	background: url(/img/mv5.jpg) center center no-repeat;
	background-size: auto 100%;
	}
}

.mvbg .mvbg6 {
	background: url(/img/mv6.jpg) center center no-repeat;
	background-size: cover;
	}
@media screen and (max-width: 767.98px){
.mvbg .mvbg6 {
	background: url(/img/mv6.jpg) center center no-repeat;
	background-size: auto 100%;
	}
}

.mvbg .mvbg7 {
	background: url(/img/mv7.jpg) center center no-repeat;
	background-size: cover;
	}
@media screen and (max-width: 767.98px){
.mvbg .mvbg7 {
	background: url(/img/mv7.jpg) center center no-repeat;
	background-size: auto 100%;
	}
}

.mvbg .mvbg8 {
	background: url(/img/mv8.jpg) center center no-repeat;
	background-size: cover;
	}
@media screen and (max-width: 767.98px){
.mvbg .mvbg8 {
	background: url(/img/mv8.jpg) center center no-repeat;
	background-size: auto 100%;
	}
}

.mvbg .mvbg9 {
	background: url(/img/mv9.jpg) center center no-repeat;
	background-size: cover;
	}
@media screen and (max-width: 767.98px){
.mvbg .mvbg9 {
	background: url(/img/mv9.jpg) center center no-repeat;
	background-size: auto 100%;
	}
}

.mvbg .mvbg1 {
	animation: mvbg1 45s infinite;
	}
@keyframes mvbg1 {
	0% { opacity: 1; transform: scale(1) }
	11% { opacity: 1; }
	12% { opacity: 0; transform: scale(1.1) }
	99% { opacity: 0; }
	100% { opacity: 1; }
	}

.mvbg .mvbg2 {
	animation: mvbg2 45s infinite;
	}
@keyframes mvbg2 {
	0% { opacity: 0; }
	10% { opacity: 0; }
	11% { opacity: 1; transform: scale(1) }
	22% { opacity: 1; }
	23% { opacity: 0; transform: scale(1.1) }
	100% { opacity: 0; }
	}

.mvbg .mvbg3 {
	animation: mvbg3 45s infinite;
	}
@keyframes mvbg3 {
	0% { opacity: 0; }
	22% { opacity: 0; }
	23% { opacity: 1; transform: scale(1) }
	34% { opacity: 1; }
	35% { opacity: 0; transform: scale(1.1) }
	100% { opacity: 0; }
	}

.mvbg .mvbg4 {
	animation: mvbg4 45s infinite;
	}
@keyframes mvbg4 {
	0% { opacity: 0; }
	34% { opacity: 0; }
	35% { opacity: 1; transform: scale(1) }
	46% { opacity: 1; }
	47% { opacity: 0; transform: scale(1.1) }
	100% { opacity: 0; }
	}

.mvbg .mvbg5 {
	animation: mvbg5 45s infinite;
	}
@keyframes mvbg5 {
	0% { opacity: 0; }
	46% { opacity: 0; }
	47% { opacity: 1; transform: scale(1) }
	58% { opacity: 1; }
	59% { opacity: 0; transform: scale(1.1) }
	100% { opacity: 0; }
	}

.mvbg .mvbg6 {
	animation: mvbg6 45s infinite;
	}
@keyframes mvbg6 {
	0% { opacity: 0; }
	58% { opacity: 0; }
	59% { opacity: 1; transform: scale(1) }
	71% { opacity: 1; }
	72% { opacity: 0; transform: scale(1.1) }
	100% { opacity: 0; }
	}

.mvbg .mvbg7 {
	animation: mvbg7 45s infinite;
	}
@keyframes mvbg7 {
	0% { opacity: 0; }
	71% { opacity: 0; }
	72% { opacity: 1; transform: scale(1) }
	83% { opacity: 1; }
	84% { opacity: 0; transform: scale(1.1) }
	100% { opacity: 0; }
	}

.mvbg .mvbg8 {
	animation: mvbg8 45s infinite;
	}
@keyframes mvbg8 {
	0% { opacity: 0; }
	83% { opacity: 0; }
	84% { opacity: 1; transform: scale(1) }
	91% { opacity: 1; }
	92% { opacity: 0; transform: scale(1.1) }
	100% { opacity: 0; }
	}

.mvbg .mvbg9 {
	animation: mvbg9 45s infinite;
	}
@keyframes mvbg9 {
	0% { opacity: 0; }
	91% { opacity: 0; }
	92% { opacity: 1; transform: scale(1) }
	99% { opacity: 1; }
	100% { opacity: 0; transform: scale(1.1) }
	}


/* #lineup */
#lineup {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 5px 0;
	}
@media screen and (max-width:768px){
#lineup {
	padding: 0;
	}
}

#lineup ul {
	display: flex;
	flex-wrap: wrap;
	}

#lineup li {
	display: block;
	width: 25%;
	padding: 5px;
	}
@media screen and (max-width:768px){
#lineup li {
	width: 50%;
	padding: 0;
	}
}

#lineup li a {
	display: block;
	padding: 10px;
	width: 100%;
	background: #222;
	}
@media screen and (max-width:768px){
#lineup li a {
	padding: 1px;
	}
}
@media screen and (max-width:767px){
#lineup li a {
	padding: .5px;
	}
}

#lineup li a img {
	display: block;
	width: 100%;
	max-height: 
	}






/* mv */
section#mv {
	position: relative;
	width: 100%;
	}

section#mv:after {
	display: block;
	content: "";
	clear: both;
	}

section#mv ul {
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
	}

section#mv li {
	margin: 0;
	padding: 10px;
	width: 100%;
	background: #222;
	}
@media screen and (max-width:768px){
section#mv li {
	padding: 1px;
	}
}
@media screen and (max-width:767px){
section#mv li {
	padding: .5px;
	}
}

section#mv li a {
	position: relative;
	display: block;
	width: 100%;
	}

section#mv li a:before {
	content: "";
	display: block;
	padding-top: 43%;
	}

section#mv li a img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	}

section#mv .bx-controls a {
	opacity: .8;
	}

section#mv .bx-controls a:hover {
	opacity: 1;
	}

section#mv .bx-controls a.bx-next {
	position: absolute;
	right: 0px;
	top: 50%;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 0;
	text-indent: 100%;
	overflor: hidden;
	background: url(/common/images/next.svg) center center no-repeat;
	background-size: 100% 100%;
	z-index: 99;
	}

section#mv .bx-controls a.bx-prev {
	position: absolute;
	left: 0px;
	top: 50%;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 0;
	text-indent: 100%;
	overflor: hidden;
	background: url(/common/images/prev.svg) center center no-repeat;
	background-size: 100% 100%;
	z-index: 99;
	}

section#mv .bx-pager {
	position: absolute;
	left: 50%;
	bottom: 20px;
	display: block;
	width: 200px;
	height: 30px;
	margin-left: -100px;
	text-align: center;
	z-index: 99;
	}
@media screen and (max-width:767px){
section#mv .bx-pager {
	bottom: 0px;
	}
}

section#mv .bx-pager-item {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	}
@media screen and (max-width:767px){
section#mv .bx-pager-item {
	width: 5px;
	height: 5px;
	}
}

section#mv .bx-pager-item a {
	display: block;
	width: 10px;
	height: 10px;
	font-size: 0;
	text-indent: 100%;
	overflor: hidden;
	border-radius: 10px;
	background: rgba(255,255,255,.8);
	}
@media screen and (max-width:767px){
section#mv .bx-pager-item a {
	width: 5px;
	height: 5px;
	}
}

section#mv .bx-controls a.active {
	background: #e24301;
	opacity: 1;
	}




/* #menu */
section#menu {
	width: 1000px;
	margin: 0 auto;
	padding: 5px 0;
	}
@media screen and (max-width:768px){
section#menu {
	width: 100%;
	padding: 0;
	}
}

section#menu:after {
	display: block;
	content: "";
	clear: both;
	}

section#menu ul {
	display: block;
	background: #222;
	}

section#menu ul li {
	display: block;
	width: 33.3333333333333333%;
	padding: 5px;
	float: left;
	}
@media screen and (max-width:768px){
section#menu ul li {
	padding: 0;
	}
}

section#menu ul li a {
	display: block;
	padding: 10px;
	width: 100%;
	background: #222;
	}
@media screen and (max-width:768px){
section#menu ul li a {
	padding: 1px;
	}
}
@media screen and (max-width:767px){
section#menu ul li a {
	padding: .5px;
	}
}

section#menu ul li a img {
	display: block;
	width: 100%;
	max-height: 
	}




/* info */
section#info {
	width: 1000px;
	margin: 0 auto 20px auto;
	padding: 10px 0 20px 0;
	text-align: center;
	background: #fff;
	}
@media screen and (max-width:768px){
section#info {
	width: 100%;
	padding: 4vw;
	}
}

section#info img {
	display: block;
	width: 100px;
	margin: 0 auto 5px auto;
	}

section#info h2 {
	display: block;
	padding: 0 0 5px 0;
	font-size: 24px;
	}
@media screen and (max-width:768px){
section#info h2 {
	font-size: 5vw;
	}
}

section#info h3 {
	display: block;
	padding: 0 0 5px 0;
	font-size: 16px;
	}

section#info p {
	display: block;
	padding: 0 0 10px 0;
	font-size: 14px;
	}
@media screen and (max-width:768px){
section#info p {
	padding: 0;
	font-size: 4vw;
	}
}

section#info p br {
	display: none;
	}
@media screen and (max-width:768px){
section#info p br {
	display: block;
	}
}

section#info a {
	display: inline-block;
	width: 300px;
	margin: 0 10px;
	padding: 10px 0;
	color: #fff;
	font-size: 20px;
	line-height: 1em;
	background: #e24301;
	border-radius: 5px;
	}
@media screen and (max-width:768px){
section#info a {
	width: 100%;
	margin: 10px 0 0 0;
	font-size: 5vw;
	}
}

section#info a.archive {
	display: block;
	margin: 15px auto 0 auto;
	padding: 0;
	color: #e24301;
	font-size: 14px;
	line-height: 1em;
	background: none;
	}
@media screen and (max-width:768px){
section#info a {
	width: 100%;
	margin: 10px 0 0 0;
	font-size: 5vw;
	}
}

/* #news */
#news {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	}
@media screen and (max-width:768px){
#news {
	padding: 5px;
	}
}

#information {
	background: #fff;
	}

#information ul {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	padding: 0;
	}
@media screen and (max-width:768px){
#information ul {
	padding: 5px;
	}
}

#information ul li {
	width: 100%;
	padding: 5px;
	}
@media screen and (max-width:768px){
#information ul li {
	}
}

#information ul li span {
	padding: 0 1rem 0 0;
	}
@media screen and (max-width:768px){
#information ul li span {
	display: block;
	}
}