@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(normalize.css);
@import url(../../_vendor/fontawesome/css/all.min.css);
@import url(../../_vendor/aos/aos.css);
/*@import url(../../_vendor/OwlCarousel/assets/owl.carousel.min.css); @import url(../../_vendor/OwlCarousel/assets/owl.theme.default.css);*/
/*@import url(../../_vendor/lightGallery/css/lightgallery.min.css);*/
@import url(common_parts.css);
@import url(common.css);


/*
 index
==============================*/
body { background-color: #F4C722; }

/* body-wrap ----------*/
#body-wrap .inner { max-width: 132rem; padding: 0 6rem; }

/* header-logo ----------*/
#header-logo img { max-width: 43rem; width: 30vw; }
@media only screen and (orientation:portrait) { /* 縦 */
	@media screen and (max-width:896px) { /* iPhone 横 m */
		#header-logo img { width: 45vw; }
	}
}

/* mv ----------*/
#mv .a { background-image: url(../_img/vol10/mv.jpg); background-position: center center; }
#mv .a .w { top: 25%; left: 28%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#mv .a { background-image: url(../_img/vol10/mv_sp.jpg); background-position: center center; }
	#mv .a .w { top: 40%; left: auto; width: 60%; }
	#mv .a .w img { width: 89%; }
}

/* main ----------*/
#main { padding: 4rem 0; width: 100%; overflow: hidden; }
#main h2 { margin-bottom: 6rem; }
#main .index_list {}
#main .index_list li { position: relative; }
#main .index_list li:after { position: absolute; z-index: -1; top: 47%; left: -500vw; content: ""; width: 1000vw; height: 2rem; background-color: #FFF; }
#main .index_list li a { position: relative; display: block; padding-top: 50%; padding-bottom: 10%; text-decoration: none; }
#main .index_list li a span { position: absolute; display: block; }
#main .index_list li a .n { z-index: 10; }
#main .index_list li a .n img {}
#main .index_list li.v1 a .n { top: 40%; right: 7%; width: 20%; text-align: right; }
#main .index_list li.v2 a .n { top: 15%; right: 3%; width: 24%; text-align: right; }
#main .index_list li.v3 a .n { top: 40%; right: 7%; width: 20%; text-align: right; }
#main .index_list li.v4 a .n { top: 44%; left: 1%; width: 23%; }
#main .index_list li.v5 a .n { top: 25%; right: 0; width: 24%; text-align: right; }
#main .index_list li.v6 a .n { top: 5%; right: 3%; width: 24%; text-align: right; }
#main .index_list li.v7 a .n { top: 35%; left: 0; width: 24%; text-align: right; }
#main .index_list li.v8 a .n { top: 0; left: 0; width: 24%; text-align: right; }
#main .index_list li.v9 a .n { top: 25%; left: 0; width: 24%; text-align: right; }
#main .index_list li.v10 a .n { top: 35%; left: 0; width: 24%; text-align: right; }
#main .index_list li a .n img { max-height: 8rem; }
#main .index_list li a .w { z-index: 9; top: 0; width: 100%; }
#main .index_list li.v1 a .w { width: 97%; }
#main .index_list li.v2 a .w { width: 72%; }
#main .index_list li.v3 a .w { width: 83%; }
#main .index_list li.v4 a .w { width: 97%; }
#main .index_list li.v5 a .w { width: 73%; }
#main .index_list li.v6 a .w { width: 70%; }
#main .index_list li.v7 a .w { width: 90%; right: 0; }
#main .index_list li.v8 a .w { width: 90%; right: 0; }
#main .index_list li.v9 a .w { width: 90%; right: 0; }
#main .index_list li.v10 a .w { width: 90%; right: 0; }
#main .index_list li a .t { z-index: 8; bottom: 0; }
#main .index_list li a .p { position: relative; z-index: 7; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#main { padding: 6rem 0; }
	#main h2 { margin-bottom: 5rem; }
	#main .index_list li { padding: 0 3rem; }
	#main .index_list li:after { top: 65%; }
	#main .index_list li.v1 a .n { right: -5rem; }
	#main .index_list li.v2 a .n { right: -4rem; }
	#main .index_list li.v3 a .n { left: -5rem; }
	#main .index_list li.v4 a .n { left: -6rem; }
	#main .index_list li.v5 a .n { right: -5rem; }
	#main .index_list li.v6 a .n { right: -5rem; }
}