@charset "UTF-8";

/* loading */
#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #fff;
  text-align: center;
}

#loading_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#loading .kvArea {
  width: 100%;
}

#loading .kvArea .img_box {
  text-align: center;
	width:5%;
  margin:30px auto;
}

#loading .kvArea .img_box img {
  max-width: 100%;
  height: auto;
}

.top-logo{
	width:5%;
	position:absolute;
	z-index: 3;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	text-align: center;
}

.bg{
	width:100vw;
	height:100vh;
 	background-image:url("../vol5/img/pc-bg.jpg");
	background-size:cover;
	background-repeat: no-repeat;
 	background-position:top center;
}

.column-container{
	background-color:#a0b4bb!important;
	background-image:none!important;
}

.end-caption{
	width:50%;
	background-color:transparent!important;
}

.caption-logo-right{
	margin-bottom:35px;
	text-align: right;
}

.caption-logo-right-small{
	margin-top:15px;
	text-align: right;
}

.caption-logo-right img{
	width:45%;
}

.caption-logo-right-small img{
	width:8%;
}

.thanks-container{
	background-image:url("../vol5/img/vol5-bg.jpg");
	background-size:cover;
	background-repeat: no-repeat;
 	background-position:center;
	color:#fff;
}

.items-container a{
	color:#fff;
}

.credit-container{

}

.credit-container h3{
	font-style: normal;
	text-decoration: none;
}

/*タブレット*/
@media screen and (max-width: 768px){

}

/*スマホ*/
@media screen and (max-width:640px){

	#loading .kvArea .img_box, .top-logo{
		width:20%;
	}
	
	.top-logo{
		position:relative;
		display:flex;
		align-items: center;
	}

	.bg{
		height:50vh!important;
		background-image:url("../vol5/img/sp-bg.jpg");
		background-position: center right;
	}
	
	.end-caption{
		width:95%;
	}
	
	.caption-logo-right{
		margin-bottom:25px;
	}

	.caption-logo-right-small{
		margin-top:20px;
	}

	.caption-logo-right img{
		width:85%;
	}

	.caption-logo-right-small img{
		width:20%;
	}



}
/* CSS Document */