/*インタビュー*/

.ph_cut {margin: 0;}
.interview .contentsBlock h3 {background: linear-gradient(90deg, #ff8b19, #ff7792);
  background: -webkit-linear-gradient(0deg, #ff8b19, #ff7792);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; text-align: center; font-weight: bold;}
.interview #read {border-bottom: 2px solid;
    border-image: linear-gradient(to right, rgba(255,132,156,0.5) 0%, rgba(255,173,92,0.5) 100%);
    border-image-slice: 1;
	 
}
.tsume {letter-spacing: -0.05em;}

#nbArea {background:rgba(255,255,255,0.6);
}
#nbArea p {border-bottom: 1px dotted #fe6102; padding: 15px 0;
background: linear-gradient(90deg, #ff8b19, #ff7792);
  background: -webkit-linear-gradient(0deg, #ff8b19, #ff7792);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; text-align: center; font-weight: bold;}
#nbArea p .nb { font-size: 1.4em;}
#nbArea p .date { font-size: 0.9em;}


.phArea::after {
  /* 疑似要素で同じ大きさのboxを作り、position: absoluteで背面に表示 */
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

   /* ①疑似要素のボックスを影色で塗りつぶし */
 background: linear-gradient(#ff849c, #ffad5c);
  /* ②ブラーフィルターでぼかす */
  filter: blur(0px);
  /* ③位置やサイズを調整 */
  transform: translateY(10px) translateX(10px) scale(1.00);
  /* ④乗算で重ねる */
		mix-blend-mode: multiply;
	opacity: 0.5;
		
}

.profile { font-size: 0.9em; padding: 0 1em 2em;}
.profile h4 { border-bottom: dotted 1px #000; padding-bottom: 0.5em; margin-bottom: 0.5em;}


@media all and (min-width: 768px) {
	#contentsArea {}
	.low.interview div.wrap .contentsBlock {padding: 10px;}
	.interview .contentsBlock h2 {width: 100%; height: 260px;
	border-top-left-radius: 35px;
	border-top-right-radius: 35px;
	background-image: url(../img/interview/title.jpg?0227);
	background-repeat:no-repeat;
	background-position: top center;
	text-indent: -9999px;}
	
	.interviewBlock {padding: 0 35px 35px;}
	
	.interview .contentsBlock h3 {padding: 35px 0; font-size: 1.8em; line-height: 1.6em; }
	.interview #read { line-height: 2.0em; padding-bottom: 2em; margin-bottom: 1.5em;}
	
	.phArea {width: 650px; margin: 30px auto;}
	.ph_cut, .ph_cut span {
    width: 650px;
    height: 433px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	
}
	.ph_cut.ph3_2, .ph_cut.ph3_2 span {width: 650px;
    height: 450px;}
	.txtSm { font-size: 0.9em;}
	strong {font-size: 1.05em;}
	
	
}
@media all and (max-width: 767px) {
	#contentsArea { padding-top: 20px;}
	.low.interview div.wrap .contentsBlock {padding: 0.3em;}
	
	.interviewBlock {padding:0 0.7em 0.7em;}
	
	.interview .contentsBlock h2 {width: 100%; height: 0; padding-top: 36.363%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background-image: url(../img/interview/title_sp.jpg?0227);
	background-repeat:no-repeat;
	background-position: top center;
		background-size: contain;
	text-indent: -9999px;}
	
.interview .contentsBlock h3 {padding: 1em 0; font-size: 1.1em; line-height: 1.5em; }
.interview #read { font-size: 0.9em; line-height: 1.8em; padding-bottom: 1.5em; margin-bottom: 1em;}

	#nbArea p { padding: 10px 0;}
	#nbArea p .nb { font-size: 1.05em;}
#nbArea p .date { font-size: 0.8em;}

.notes {font-size: 0.5em; line-height: 1.5em; }
.spacing {letter-spacing: -.2em;}
	
	.phArea {margin: 0.5em auto 1em; width: 100%;}
	
	.ph_cut span {
    height: 0;
    padding: 66.661% 0 0;
    position: relative;
}
	.ph_cut.ph3_2 span {padding: 70.666% 0 0;}
	.txtSm { font-size: 0.8em;}
	.notes { line-height: 1.5em;}
	
	.phArea::after {transform: translateY(6px) translateX(6px) scale(1.00);}
	

}

/*	bknm
============================== */
.interview #bknm {}
.interview #bknm h4 { text-align: left; border-bottom: solid 2px #000; padding:0 10px 10px; margin-bottom: 20px;
font-family: sacre-bleu-mvb, sans-serif;
font-weight: 500;
font-style: normal;
color: #000;
text-align: center;}

.interview #bknm ul {
    text-align: center; 
}
.interview #bknm li {
    display: inline-block;
    margin: 0 25px;
}
.interview #bknm li a {
    display: block;	color: #000;
	background-image: url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position: center left;
	background-size: 30px 30px;
	padding: 10px 0 10px 40px;
	font-size: 1.2em;
}
.interview #bknm li a:hover {opacity: 0.85;}

@media all and (min-width: 768px) {
	.interview #bknm { padding: 2em 0;}
	.interview #bknm h4 { font-size: 1.5em;}
}
@media all and (max-width: 767px) {
	.interview #bknm { padding:1em 0px 15px;}
	.interview #bknm h4 { font-size: 1.2em; padding:0 0 8px; margin-bottom: 15px;}
.interview #bknm li {margin: 0 8px 15px;}
.interview #bknm li a {
	background-size: 15px 15px;
	padding: 8px 0 8px 20px;
	font-size: 1.0em;
}
}