/*//////////////////////////////////////////////////////////////////////////////

index.css
	
//////////////////////////////////////////////////////////////////////////////*/
#cover{
	position:relative;
	overflow:hidden;
	box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  border-top: 6px solid #fff;
  border-left: 6px solid #fff;
  border-right: 6px solid #fff;
  border-bottom: 3px solid #fff;
}

.pcVer{display: block;}
.spVer{display: none;}

/*---------------------*/
.vol5,
.vol6,
.vol7,
.vol8,
.vol9,
.vol12,
.vol13{
	background:none;
	background-size:cover;
	color:#fff;
}
.vol14{
  color: #fff;
}
.vol4{
	background:none;
	background-size:cover;
	color:#fff;
}
.vol18{
	background:url(../img/vol18/cover.jpg) no-repeat center center;
	background-size:cover;
	color:#fff;
}
.vol17{
	background:url(../img/vol17/cover.jpg) no-repeat bottom center;
	background-size:cover;
	color:#fff;
}
.vol16{
	background:url(../img/vol16/cover.jpg) no-repeat bottom center;
	background-size:cover;
	color:#fff;
}
.vol3{
	background:url(../img/vol03/cover.jpg) no-repeat bottom center;
	background-size:cover;
	color:#fff;
}
.vol2{
	background:url(../img/vol02/cover.jpg) no-repeat bottom center;
	background-size:cover;
	color:#fff;
}
.vol1{
	background:url(../img/vol01/cover.jpg) no-repeat bottom center;
	background-size:cover;
	color:#fff;
}
.bg201502{
	background:url(../img/201502/cover.jpg) no-repeat left center;
	background-size:cover;
	color:#fff;
}
.bg201503{
	background:url(../img/201503/cover.jpg) no-repeat left center;
	background-size:cover;
	color:#fff;
}

/*movie ver*/
.main-movie{
	width:100%;
}
.ver_sp{
	display:none;
}
.video-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  z-index: -100;
}
.video-wrapper iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-width: 1920px;
  min-height: 100%;
  transform: translate(-50%, -50%);
  z-index: -100;
}
/*main vol14*/
.main-vol14{
  position: absolute;
  z-index: -100;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.main-vol14 div{
  width: calc(50% - 3px);
  background-size: cover;
  background-position: center bottom;
}
.main-vol14 div:first-child{
  background-image: url("../img/vol14/main1.jpg");
  height: 100%;
}
.main-vol14 div:last-child{
  background-image: url("../img/vol14/main2.jpg");
  height: 100%;
}

/*---------------------*/
#titleSet{
	position:absolute;
	text-align:center;
	right:50px;
}
#titleSet .vol{
	font-family: 'Georgia';
    font-style: italic;
	font-size:60px;
	line-height:1;
}
#titleSet .tit{
	font-family: 'Lato', Arial, serif; font-weight: 400;
	font-size:21px;
	line-height:1;
	margin-top:10px;
	letter-spacing:0.1em;
	margin-right:-0.1em;
}

.vol11 #titleSet{
	position:absolute;
	right:50px;
  bottom: 50px;
}
.vol11 #titleSet .vol{
	font-family: 'Georgia';
  font-style: italic;
	font-size:60px;
	line-height:1;
  color: #000;
  text-align: right;
}
.vol11 #titleSet .tit{
	font-family: 'Lato', Arial, serif; font-weight: 400;
	font-size:21px;
	line-height:1;
	margin-top:10px;
	letter-spacing:0.1em;
	margin-right:-0.1em;
  color: #000;
  text-align: right;
}

#content img{
	max-width:100%;
  height: auto;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  border: 3px solid #fff;
}


/*Credit*/
#credit{
	text-align:center;
	padding:80px 0 80px 0;
}
#credit dt,
#credit dd{
	margin:0;
	padding:0;
	font-size:13px;
}
#credit dt{
	font-family: 'Georgia';
    font-style: italic;
	color:#aaa;
	line-height:1;
	margin-bottom:4px;
}
#credit dd{
	margin-bottom:30px;
	color:#444;
}
#credit a:link {
	color:#444;
	text-decoration:underline;
	}
#credit a:visited {
	color:#444;
	text-decoration:underline;
	}
#credit a:hover {
	color:#aaa;
	text-decoration:underline;
	}
#credit a:active {
	}

/*Archives*/
#archives{
	background:#f4f2e9;
}
#archives h2{
	font-family: 'Lato', Arial, serif; font-weight: 300;
	letter-spacing:0.1em;
	font-size:25px;
	text-align:center;
	color:#333;
	padding:30px 0;
}
#archives-inner{
	margin: 0 auto;
	max-width:1024px;
}
#archives dd{
	text-align:center;
}
#archives dd {
	font-family: 'Georgia';
	font-size:13px;
	color:#555;
}
#archives .col1-4{
	margin-bottom:30px;
}
#archives img{
	box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
	border: 6px solid #f4f2e9;
}

/*vol10*/
.vol10 #titleSet{
	position:absolute;
	text-align:center;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  color: #fff;
}
.video-container{
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
.video-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
}

#titleSet.alignCenter{
  width: 100%;
  right: 0;
  text-align: center;
}

/* Responsive Styles
   ========================================================================== */
@media screen and (max-width: 768px) {
  .pcVer{display: none;}
  .spVer{display: block;}
  
	#main{
		border: 3px solid #fff;
	}
	/*#titleSet{
		position:relative;
		text-align:center;
		width:95%;
		margin:0 auto;
		left:0;
	}*/
	#content{
		margin-top:0px;
	}
	#cover{
		border-top: 0;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
	}
	#archives .col1-4{
		width: 33.3333%;
		*width: 33.3023%;
	}
	.vol9{
		background:url(../img/vol09/cover.jpg) no-repeat bottom center;
		background-size:cover;
		color:#fff;
	}
  .vol8{
		background:url(../img/vol08/cover.jpg) no-repeat bottom center;
		background-size:cover;
		color:#fff;
	}
  .vol7{
		background:url(../img/vol07/cover.jpg) no-repeat bottom center;
		background-size:cover;
		color:#fff;
	}
	.vol6{
		background:url(../img/vol06/cover.jpg) no-repeat bottom center;
		background-size:cover;
		color:#fff;
	}
  .vol5{
		background:url(../img/vol05/cover.jpg) no-repeat bottom center;
		background-size:cover;
		color:#fff;
	}
	.vol4{
		background:url(../img/vol04/cover.jpg) no-repeat bottom center;
		background-size:cover;
		color:#fff;
	}
	.main-movie{
		display:none;
	}
	.ver_sp{
		display:block;
	}
  
  /*vol10*/
  .vol10 .main-movie,
  .vol11 .main-movie,
  .vol12 .main-movie,
  .vol13 .main-movie{
		display:block;
	}
  
  .vol11 #titleSet{
    position:absolute;
    left: 20px;
    bottom: 20px;
  }
  .vol11 #titleSet .vol{
    font-family: 'Georgia';
    font-style: italic;
    font-size:36px;
    line-height:1;
    color: #000;
    text-align: left;
  }
  .vol11 #titleSet .tit{
    font-family: 'Lato', Arial, serif; font-weight: 400;
    font-size:12px;
    line-height:1;
    margin-top:10px;
    letter-spacing:0.1em;
    margin-right:-0.1em;
    color: #000;
    text-align: left;
  }
  
  /*main vol14*/
  .main-vol14 div{
    width: 50%;
  }
}