@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');

body {

	font-family: 'Noto Sans JP', sans-serif;

	background: #000000 url( "../images/back_space.jpg" );
	background-attachment: fixed;
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:24px;
	line-height: 2.0em;
	width:100%;
	letter-spacing:0.1em;
	text-shadow: 1px 2px 3px #000000;
}
b {
	color:#e831a1;
	font-size:1.2em;
}
img {
	border-style:none;
	vertical-align:top;
	border:0px;
}
article {
	width:100%;
	overflow:hidden;
}
.fit-wid {
	max-width:100%;
}
#loading {
	background:#ffffff;
	width:100%;
	height:100%;
	position: fixed;
	left:0px;
	top:0px;
	z-index:9999;
	text-align:center;
	display: table;
}
#loading .load-logo{
	display: table-cell;
  vertical-align: middle;
}
#loading .load-logo img{
	max-width:90%;
}

.youtube-prev {
	width:100%;
	height:480px;
  animation: scroll-anim 15s linear infinite;
}

@keyframes scroll-anim {
  100% {
    background-position: -640px 0;
  }
}

.youtube-prev.meikyu {
	background: #000000 url( "../images/movie_meikyu.png" );
}
.youtube-prev.uenobodo {
	background: #000000 url( "../images/movie_uenobodo.png" );
}
.youtube-prev.neruko {
	background: #000000 url( "../images/movie_neruko.png" );
}
.youtube-prev.bigpig {
	background: #000000 url( "../images/movie_bigpig.png" );
}
.youtube-prev.bucherry {
	background: #000000 url( "../images/movie_bucherry.png" );
}
.youtube-prev.meikyu {
	background: #000000 url( "../images/movie_meikyu.png" );
}



.youtube-prev div{
	position:relative;
	width:400px;
	max-width:100%;
	margin:0 auto;
}
.youtube-prev {
	opacity:0.5;
}
.youtube-prev:hover{
	opacity:1.0;
}
.youtube-prev div img{
	opacity:1.0;
}
article .article-bg {
	position:fixed;
	left:0;
	top:0;
}
article .article-bg .flyobj{
	display:none;
	position:absolute;
	left:-500;
	top:-500;
}
article .article-bg .flyobj img{
	width:100%;
}
section {
	position:relative;
	margin:0 20px 50px 20px;
}

header {
	text-align:center;
	color:#000000;
	background:#ff77ff;
	text-shadow: none;
	padding:0px;
	line-height:220%;
	font-weight:bold;
	position:relative;
	z-index:10;
}
h1 {
	font-size:15px;
	margin:0;
	padding:0;
}
h2 {

}
h2.lay-center {
	text-align:center;
}
section .section-bg {
	position:relative;
	left:0px;
	top:0px;
	z-index:1;
}
section .section-bg .scrobj{
	position:absolute;
	left:0px;
	top:0px;
}

section .section-body {
	position:relative;
	z-index:2;
}

footer {
	text-align:center;
	color:#000000;
	background:#ff77ff;
	padding:0px;
	line-height:220%;
	text-shadow: none;
	font-weight:bold;
	font-size:16px;
}
.story-text {
	margin-bottom:100px;
}
.story-text.type-def {
	text-align:left;
}
.story-text.type-center {
	text-align:center;
}
.story-text.type-right {
	text-align:right;
}
.story-text.type-letter {
	text-align:center;
}

#playmovie{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:none;
	z-index:100;
}
#playmovie .bgcover{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	background:#000000;
	width:100%;
	height:100%;
	opacity: .7;
}
#playmovie .youtubeplay{
  position: absolute;
	left:0;
	top:0;
}


@media screen and (max-width:800px) {

body {
	font-size:20px;
	letter-spacing:0.01em;
}

article .section-bg .scrobj img{
	max-width:500px;
}

@media screen and (max-width:640px) {

body {
	font-size:16px;
}
section {
	margin:0 5px 50px 5px;
}

article .section-bg .scrobj img{
	max-width:400px;
}

}