/* CSS Document */

/* ALL_setting
================================================== */
*{
	margin:0;
	padding:0;
	font-family: Meiryo, sans-serif, monospace;
	font-size: 12px;
}

.clear{clear:both;}

body{
	font-size: 1.4rem;
}

#wrapper{
	width: 100%;
	height: 100vh;
}

.pc{ display: inherit; }
.sp{ display: none; }
@media screen and (max-width: 699px){
.pc{ display: none; }
.sp{ display: inherit; }
}

/* Contents_setting
================================================== */

.frill_cd_wrapper{
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: cover;
	width:100%;

	min-height: 100vh;
	background-image: url(../image/frill_cd_bg.jpg);
	z-index:0;
	transition: all 1s;
	opacity: 1;
}

.frill_cd_catch_logo{
	width: 100%;
	position: absolute;
	top:0;
}

.frill_cd_image{
	width: 88%;
	margin: auto;
}

.frill_cd_catch_text{
	width: 70%;
	margin: -3.4% auto auto auto;
}

.frill_cd_text_movie_box{
	width: 70%;
	margin: auto;
	padding-top: 2%;
	display: table;
}

.frill_cd_text_box{
	width: 60%;
	padding-right: 5%;
	vertical-align: middle;
	display: table-cell;
}

.frill_cd_movie_box{
	width: 40%;
	display: table-cell;
}

.movie_wrapper{
	width:100%;
	margin:auto;
	display:block;
	
}

.movie_box{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:4%;
}

.movie_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.frill_cd_tracklist{
	width: 70%;
	padding-top: 4%;
	margin: auto;
}

.frill_cd_artwork_box{
	width: 70%;
	margin: auto;
	padding-top: 3%;
	display: table;
}

.frill_cd_artwork_bt{
	display: table-cell;
	padding-right: 3%;
}

.frill_cd_artwork_text{
	vertical-align: middle;
	display: table-cell;
}

.frill_cd_footer_wrapper{
	width: 70%;
	margin: auto;
	padding-top: 2%;
}

.frill_cd_footer_box{
	color: white;
	font-size: 18px;
	padding-bottom: 4%;
}

@media screen and (max-width: 699px){
	.frill_cd_wrapper{
		background-position: top center;
		background-repeat: no-repeat;
		background-attachment:fixed;
		background-size: auto;
		width:100%;
		height:auto;
		background-image: none;
		z-index:-9999;
		transition: all 1s;
		opacity: 1;
		
	}
	.frill_cd_wrapper::before {
	  content: "";
	  background: url(../image/frill_cd_bg.jpg) no-repeat center center;
	  background-size: cover;
	  display: block;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100vw;
	  height: 100vh;
	  z-index: -1;
	  transform: translateZ(0);
	}
	.frill_cd_catch_text{
		width: 90%;
		margin: 2% auto auto auto;
	}
	.frill_cd_text_movie_box{
		width: 90%;
		margin: auto;
		padding-top: 2%;
		display: block;
	}

	.frill_cd_text_box{
		width: 70%;
		margin: auto;
		padding-right: 0%;
		vertical-align: middle;
		display: block;
	}

	.frill_cd_movie_box{
		width: 90%;
		margin: auto;
		padding-top: 4%;
		padding-bottom: 4%;
		display: block;
	}
	.frill_cd_tracklist{
		width: 90%;
		margin: auto;
		padding-top: 0%;
		margin: auto;
	}
	.frill_cd_artwork_box{
		width: 90%;
		margin: auto;
		padding-top: 2%;
		display: table;
	}
.frill_cd_footer_wrapper{
	width: 90%;
	margin: auto;
	padding-top: 2%;
}
.frill_cd_footer_box{
	color: white;
	font-size: 12px;
	padding-bottom: 4%;
}
}