@charset "UTF-8";
#contentsArea dl{
	text-indent:-9999px;
	}
.Interview .matsu{ color:#d24d7c; font-weight:bold;}
.Interview .mitsushima{ color:#d46636; font-weight:bold;}
.Interview .takahashi{ color:#4a68ce; font-weight:bold;}
.Interview .matsuda{ color:#779b19; font-weight:bold;}

.Interview .inner p small{ font-size:80%;}

.Interview h2{
	background-color:#059dde;
	padding:10px;
	font-size:140%;
	color:#fff;
	text-align:center;
	margin-bottom:20px;
	letter-spacing:0.2em;
	line-height:1.2;
	}
	
.Interview #ph1-1{ background-image:url(../interview/img/ph1_1.jpg);}
.Interview #ph2-1{ background-image:url(../interview/img/ph2_1.jpg);}
.Interview #ph2-2{ background-image:url(../interview/img/ph2_2.jpg);}
.Interview #ph2-3{ background-image:url(../interview/img/ph2_3.jpg);}
.Interview #ph2-4{ background-image:url(../interview/img/ph2_4.jpg);}

/* BACKNUMBER*/
.Interview #backnumber ul{list-style:none;}
.Interview #backnumber li{ overflow:hidden;text-align:center;}
.Interview #backnumber li span{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
.Interview #backnumber .thum1 a{ background-image:url(../interview/img/ph1_1.jpg);}
.Interview #backnumber .thum2 a{ background-image:url(../interview/img/ph2_4.jpg);}

@media all and (min-width: 768px) {
.Interview h1{
	width:980px;
	height:280px;
	margin:30px auto 0;
	background:url(../img/interview_4shot_pc.jpg) no-repeat;
	text-indent:-9999px;
	}
.Interview #contentsArea h3{
	font-size:110%;
	color:#009cd5;
	border-bottom:1px dotted #059dde;
	border-top:1px dotted #059dde;
	line-height:1.5;
	display:block;
	text-align:center;
	margin-bottom:20px;
	padding:10px 0 7px;
	background-color:#f5f9fa;
	letter-spacing:0.04em;
	}
.Interview .block{
	margin-bottom:40px;
	}
.Interview .inner p{
	margin-bottom:20px;
	font-size:94%;
	line-height:1.6;
	}
.Interview .photo{
	width:400px;
	height:266px;
	}
.Interview .ph_left{
	float:left;
	margin:0 10px 10px 0;
	}
.Interview .ph_right{
	float:right;
	margin:0 0 10px 10px;
	}	
		
/* BACKNUMBER*/
.Interview #backnumber{
	width:980px;
	margin:0 auto 30px;
	}
.Interview #backnumber h3{
	width:980px;
	height:28px;
	margin:30px auto;
	background:url(../img/bknum_parts.png) no-repeat;
	text-indent:-9999px;
	}
.Interview #backnumber li{
	
	width:184px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	background-color:#6ac3e9;
	letter-spacing:0.06em;
	}
.Interview #backnumber li:nth-child(5n){
	margin-right:0;
	} 
.Interview #backnumber a{
	display:block;
	width:184px;
	color:#fff;
	font-weight:bold;
	padding-top:122px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	}
.Interview #backnumber a:hover{
	filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
	}
.Interview #backnumber span{
	display:block;
	padding:6px 10px;
	font-size:86%;
	line-height:1.4;
	}
}
@media all and (max-width: 767px) {
.Interview h1{
	width:94%;
	height:0;
	padding-top:44.06%;
	margin:10px auto 15px;
	background:url(../img/interview_4shot_smp.jpg) no-repeat;
	text-indent:-9999px;
	background-size:cover;
	}
.Interview #contentsArea h3{
	font-size:96%;
	color:#009cd5;
	border-bottom:1px dotted #059dde;
	border-top:1px dotted #059dde;
	line-height:1.5;
	display:block;
	text-align:center;
	margin-bottom:20px;
	padding:6px;
	background-color:#f5f9fa;
	letter-spacing:0.04em;
	}
.Interview .block{
	margin-bottom:20px;
	}
.Interview .inner p{
	margin-bottom:20px;
	font-size:80%;
	line-height:1.5;
	}
.Interview .photo{
	width:100%;
	height:0;
	padding-top:66.5%;
	margin:0 auto 20px;
	background-size:cover;
	background-repeat:no-repeat;
	}

/* BACKNUMBER*/
.Interview #backnumber h3{
	width:100%;
	height:0;
	padding-top:4.516%;
	margin:10px auto 15px;
	background:url(../img/bknum_parts_smp.png) no-repeat;
	text-indent:-9999px;
	background-size:cover;
	}
.Interview #backnumber{
	width:94%;
	margin:0 auto 20px;
	}
.Interview #backnumber ul{
	width:100%;
	}
.Interview #backnumber li{
	width:24%;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
	text-align:center;
	background-color:#6ac3e9;
	text-align:center;
	}
.Interview #backnumber li:nth-child(4n){
	margin-right:0;
	} 
.Interview #backnumber a{
	display:block;
	width:100%;
	color:#fff;
	font-weight:bold;
	padding-top:66.66%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	}
.Interview #backnumber span{
	display:block;
	padding:3px 6px;
	font-size:64%;
	line-height:1.2;
	}
}