@charset "UTF-8";


header{
	background-color: transparent;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
	max-width: none;
	width: auto;
}

.wp_content{
	overflow: hidden;
	height: 0;
	font-family: "ゴシックMB101 B", "Gothic MB101 Bold";
}

.slide_list{
	position: fixed;
	/* background-color: #000; */
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
}
.slide_list .slide1{ background-image: url(/img/index/slide/1bg.jpg); }
.slide_list .slide2{ background-image: url(/img/index/slide/2bg.jpg); }
.slide_list .slide3{ background-image: url(/img/index/slide/3bg.jpg); }
.slide_list .slide4{ background-image: url(/img/index/slide/4bg.jpg); }
.slide_list .slide5{ background-image: url(/img/index/slide/5bg.jpg); }
html.sp .slide_list .slide1{ background-image: url(/img/index/slide/1bg_sp.jpg); }
html.sp .slide_list .slide2{ background-image: url(/img/index/slide/2bg_sp.jpg); }
html.sp .slide_list .slide3{ background-position: 34% 50%; }
/* html.sp .slide_list .slide4{  } */
/* html.sp .slide_list .slide5{  } */
.slide{
	position: fixed;
	background-size: cover;
	background-position: center;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	/* margin-bottom: -100vh; */
	opacity: 0;
	transition: opacity 1s linear;
}
html.sp .slide{
	transition: opacity 0.5s linear;
}
.slide.show{
	opacity: 1;
}


.scroll_list{
	position: relative;
	top: 0;
	background-attachment: fixed;
	background-position: center;
	height: 100vh;
	font-family: "ゴシックMB101 B", "Gothic MB101 Bold";
}
.scroll_list .swiper-slide{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.scroll_list .slide4{ align-items: flex-start; }
.scroll_list .slide5{ align-items: flex-end; }
html.sp .scroll_list .slide4{ align-items: center; }
html.sp .scroll_list .slide5{ align-items: center; }

.scroll_list img[src*="/1."]{ margin: 0 0 50vh; }
.scroll_list img[src*="/2."]{ margin: 0 0 2vh; }
.scroll_list img[src*="/3."]{margin: 55vh 0 0 40vw;}
.scroll_list img[src*="/4."]{margin: 0 0 10vh 5vw;}
.scroll_list img[src*="/5."]{margin: 0 6vw 22vh 0;}

html.sp .scroll_list figure{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255,255,255,0.74);
    border-radius: 265px;
    width: 265px;
    height: 265px;
    margin: 0;
}
html.sp .scroll_list img[src*="/1."]{
	width: 70vw;
	margin-bottom: 0;
}
html.sp .scroll_list img[src*="/2."]{
	width: 90vw;
}
html.sp .scroll_list img[src*="/3."]{
	width: 90vw;
	margin: 55vh 0 0 0vw;
}
html.sp .scroll_list img[src*="/4."]{
	width: 70vw;
	margin: 41vh 0 0 7vw;
}
html.sp .scroll_list img[src*="/5."]{
	width: 70vw;
	margin: 0 6vw 15vh 0;
}

@keyframes bottom_scroll_anim{
	0% { opacity: 0; }
	75% { opacity: 0; }
	85% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes bottom_scroll_anim_hover{
	0% { opacity: 1; }
	100% { opacity: 1; }
}

.bottom_scroll{
	position: fixed;
	text-align: center;
	width: 100vw;
	left: 0;
	bottom: 0;
	padding: 10px;
}

.bottom_scroll img{
	cursor: pointer;
	animation: bottom_scroll_anim 6s infinite;
}
.bottom_scroll img:hover{
	animation: bottom_scroll_anim_hover 6s infinite;
}
html.sp .bottom_scroll img{
	height: 10vmin;
}