/* ##############################################################
#    #mv
############################################################## */
#mv {
	position: relative;
}
#mv:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 850px;
	background: center center no-repeat;
	background-size: cover;
}
.collabo1 #mv:before {
	background-image: url(../images/collabo/collabo1/mv_visual.jpg);
}
.collabo2 #mv:before {
	background-image: url(../images/collabo/collabo2/mv_visual.jpg);
}
.collabo3 #mv:before {
	background-image: url(../images/collabo/collabo3/mv_visual.jpg);
}
.collabo4 #mv:before {
	background-image: url(../images/collabo/collabo4/mv_visual.jpg);
}
.collabo5 #mv:before {
	background-image: url(../images/collabo/collabo5/mv_visual.jpg);
}
.collabo6 #mv:before {
	background-image: url(../images/collabo/collabo6/mv_visual.jpg);
}
#mv .ttl {
	width: 87.5%;
	margin: 0 auto 42px;
	padding-top: 465px;
}
#mv h1 {
	width: 87.5%;
	margin: 0 auto 66px;
}
#mv .back {
	width: 87.5%;
	margin: 0 auto 74px;
	border-bottom: 1px solid #e5e5e5;
}
#mv .lead {
	margin-bottom: 82px;
	line-height: 35px;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}
#mv .photographer {
	position: absolute;
	right: 26px;
	top: auto;
	margin-top: -51px;
}

/* ##############################################################
#    #content .interview
############################################################## */
#content .interview + .interview {
	margin-top: 112px;
}
#content .interview .left {
	float: left;
	width: 46.88%;
	padding-left: 6.25%;
}
#content .interview .left + .left {
	clear: left;
}
#content .interview .right {
	float: right;
	width: 46.88%;
	padding-right: 6.25%;
}
#content .interview .right + .right {
	clear: right;
}
#content .interview h2 {
	margin-bottom: 50px;
	line-height: 35px;
	/*font-size: 23px;*/
	font-size: 26px;
}
#content .interview .inner {
	clear: both;
}
#content .interview .inner .photo {
	padding: 0;
}
#content .interview .inner .photo .image {
	margin-bottom: 16px;
}
#content .interview .inner .photo .image img {
	width: 100%;
	height: auto;
}
#content .interview .inner .photo .text {
	line-height: 35px;
	font-size: 14px;
}
#content .interview .inner .photo.left .caption {
	text-align: right;
}
#content .interview .inner .photo.right .caption {
	text-align: left;
}
#content .interview .inner .text {
	line-height: 35px;
	/*font-size: 14px;*/
	font-size: 16px;
}
#content .interview .inner .text li {
	margin-left: 3em;
	text-indent: -3em;
}
#content .interview .inner .text.notIndent li {
	margin-left: 0;
	text-indent: 0;
}
#content .interview .inner .text li:before {
	padding-right: 1em;
	font-weight: bold;
}
#content .interview .inner .text li + li {
	margin-top: 35px;
}
#content .interview .inner .text .interviewer {
	margin-left: 2em;
	text-indent: -2em;
	font-weight: bold;
}
#content .interview .inner .text .yahagi:before { content: '矢作'; }
#content .interview .inner .text .hidemitsu:before { content: '英光'; }
#content .interview .inner .text .ryusei:before { content: '瑠星'; }
#content .interview .inner .text .mori:before { content: '森　'; }
#content .interview .inner .text .tozaki:before { content: '戸崎'; }

#content .interview .inner .profile,
#content .interview .inner .profile + .text {
	margin-top: 35px;
}
#content .interview .inner .profile .inner {
	display: table;
	padding: 20px 0;
	min-height: 120px;
	background-color: #ebebeb;
}
#content .interview .inner .profile p {
	display: table-cell;
	vertical-align: middle;
}
#content .interview .inner .profile .name {
	width: 120px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#content .interview .inner .profile .desc {
	padding: 0 30px 0 24px;
	line-height: 20px;
	font-size: 14px;
	border-left: 1px solid #fff;
}

/* ##############################################################
#    .back
############################################################## */
#content > .back {
	width: 87.5%;
	margin: 140px auto 0;
}

/* ##############################################################
#    #footer
############################################################## */
#footer {
	background-color: #c3c3c3;
}

/* ##############################################################
#
#    responsive
#
############################################################## */

/* --------------------------------------------------------------
    pc
-------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {}



/* --------------------------------------------------------------
    sp
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
	
	/* ##############################################################
	#    #mv
	############################################################## */
	#mv:before {
		height: 249.5px;
	}
	.collabo1 #mv:before {
		background-image: url(../images/collabo/collabo1/sp_mv_visual.jpg);
	}
	.collabo2 #mv:before {
		background-image: url(../images/collabo/collabo2/sp_mv_visual.jpg);
	}
	.collabo3 #mv:before {
		background-image: url(../images/collabo/collabo3/sp_mv_visual.jpg);
	}
	.collabo4 #mv:before {
		background-image: url(../images/collabo/collabo4/sp_mv_visual.jpg);
	}
	.collabo5 #mv:before {
		background-image: url(../images/collabo/collabo5/sp_mv_visual.jpg);
	}
	.collabo6 #mv:before {
		background-image: url(../images/collabo/collabo6/sp_mv_visual.jpg);
	}
	#mv .ttl {
		width: 235px;
		margin: 0 0 22px 3.13%;
		padding-top: 160.5px;
	}
	#mv .back {
		width: 100%;
		margin: 0 auto 24px;
		padding-left: 3.13%;
	}
	#mv .back img {
		width: auto;
		height: 42px;
	}
	#mv h1 {
		width: 300px;
		margin: 0 0 54px 3.13%;
	}
	#mv .lead {
		width: 93.75%;
		margin: 0 auto 60px;
		line-height: 25px;
		font-size: 15px;
		text-align: left;
	}
	#mv .photographer {
		position: absolute;
		right: 10px;
		top: 10px;
		margin-top: 0;
		width: 62px;
	}

	/* ##############################################################
	#    #content .interview
	############################################################## */
	#content .interview + .interview {
		margin-top: 70px;
	}
	#content .interview .left,
	#content .interview .right {
		float: none;
		width: 93.75%;
		margin: 0 auto;
		padding: 0;
	}
	#content .interview h2 {
		margin-bottom: 20px !important;
		/*line-height: 20px;
		font-size: 18px;*/
		line-height: 24px;
		font-size: 20px;
	}
	#content .interview .inner .photo {
		margin-bottom: 20px;
	}
	#content .interview .inner .photo .image {
		margin-bottom: 8px;
	}
	#content .interview .inner .photo .caption {
		line-height: 17px;
		font-size: 13px;
	}
	#content .interview .inner .photo.left .caption,
	#content .interview .inner .photo.right .caption {
		text-align: center;
	}
	#content .interview .inner .text {
		line-height: 25px;
		/*font-size: 15px;*/
		font-size: 16px;
	}
	#content .interview .inner .text li + li {
		margin-top: 26px;
	}

	/* ##############################################################
	#    .back
	############################################################## */
	#content > .back {
		width: 100%;
		margin: 70px auto 0;
		padding-left: 3.13%;
	}
	#content > .back img {
		width: auto;
		height: 42px;
	}
	
}