@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* Interview用CSS
テンプレートインポートDIV：#specialImport
記事インポートDIV：#specialImportBody
*/

#specialImport hgroup > p, #specialImportBody hgroup > p{/* TOPImages */
	margin:10px 0 0; }
#specialImport hgroup div, #specialImportBody hgroup div {/* headerTXTbox */
	background-color:#f7f6f6; border:1px solid #dfdfdf;
	margin:10px 0; padding:10px 10px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    	}
#specialImport hgroup span, #specialImportBody hgroup span{ font-size:11px; font-size:1.1rem; color:#666; }
#specialImport hgroup span img, #specialImportBody hgroup span img{ vertical-align:middle; }

#specialImport hgroup div p, #specialImportBody hgrouhp div p {/* headerTXT */
	font-size:15px; font-size:1.5rem; padding-bottom:10px; line-height:1.6; 
	}

#specialImport hgroup div .writerName, #specialImportBody hgroup div .writerName {/* headerTXT */
text-align:right; color:#888; font-size:14px; font-size:1.4rem; 
	}

#specialImportBody .writerName {color:#888; font-size:14px; font-size:1.4rem; }

#specialImport hgroup div h4, #specialImportBody hgroup div h4 {/* headerTXTh4 */
	font-size:15px; font-size:1.5rem; font-weight:normal; margin-bottom:10px;
	}


#specialImport h8, #specialImportBody h8 {color:#888; font-size:11px; font-size:1.1rem; }

#specialImport h5, #specialImportBody h5{ /* InterviewMainTXT h5 */
	color:#0022e5; border-bottom:1px solid #0022e5; border-top:1px solid #0022e5;
	font-size:16px; font-size:1.6rem; font-weight:bold; text-align:center; padding:5px 0; margin:10px 0 15px;
}
#specialImport h7, #specialImportBody h7{ /* InterviewMainTXT h7 */
font-size:17px; font-size:1.7rem; font-weight:600;
}
#specialImport .imgPhoto, #specialImportBody .imgPhoto{ /* PhotoRightPosition */
	float:right; color:#888; max-width:200px; font-size:11px; font-size:1.1rem; margin:0 0 20px 20px; line-height:1em;
}
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img{
	border:1px solid #888; max-width:200px; max-height:200px; margin-bottom:5px;
}
#specialImport .imgPhoto a img:hover, #specialImportBody .imgPhoto a img:hover{
	border:1px solid #ff8400;
}
#specialImport #maintext, #specialImportBody #maintext{
	padding:10px 20px; border:1px solid #ccc; background-color:#fff;
}

/* 共通Pスタイル */
#specialImport #maintext p, #specialImportBody #maintext p{
	font-size:15px; font-size:1.5rem; padding-bottom:15px; line-height:1.8; 
}

#specialImport header, #specialImportBody header{
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}
#specialImport header div, #specialImportBody header div{ 
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 300px; 
  margin: .5vw; 
}
#specialImport header div img, #specialImportBody header div img{  
  width: 100%; 
  height: auto; 
}

@media screen and (max-width: 400px) {
  #specialImport header div, #specialImportBody header div { margin: 0; }
  #specialImport header, #specialImportBody header{  { padding: 0; }
  
}


#specialImport a, #specialImportBody a{ color:#2A3FAA; text-decoration:underline; }
#specialImport a:hover, #specialImportBody a:hover{ color:#FF5F00; text-decoration:none; }
.caption a{ color:#2A3FAA; text-decoration:underline; }
.caption a:hover {color:#FF5F00; text-decoration:none; }
.c_interviewer{ margin-bottom:-15px; }
#nextpageTitle p img{ vertical-align:middle; margin-right:5px; }
#nextpageTitle p{ text-align:center; font-size:15px; font-size:1.5rem; }
#photothumb h6{ background:url(/common/img/sidemenuback.png) repeat; margin:0 0 10px; padding:5px; font-size:12px; font-size:1.2rem;
font-weight:normal; color:#808080; }

#sublinks h6{ background:url(/common/img/sidemenuback.png) repeat; margin:0 0 10px; padding:5px; font-size:16px; font-size:1.6rem;
font-weight:normal; color:#808080; }

#sublinks ul{ margin:0 0 15px ; padding:0 0 0 15px; color:#A0A0A4; font-size:15px; font-size:1.5rem; }
#maintext #pager { margin:10px 0 30px; text-align:center; background:none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; padding:10px 0 0; border-top:1px dotted #ccc; }
#maintext #pager a{ color:#888; text-decoration:none; font-size:10px; font-size:1.0rem; padding:3px 7px; }
#maintext #pager ol{ list-style:none; display:inline; padding: 0 5px; }
#maintext #pager li{ display:inline-block	; *display:inline; *zoom:1; vertical-align:middle; font-size:15px; font-size:1.5rem; color:#484848; margin:0 5px; }
#maintext #pager li.select{ -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; padding:5px 10px; border:none; vertical-align:top; }
#maintext #pager span{ display:block; color:#888; font-size:11px; font-size:1.1rem; }
#maintext #pager #sp_prev,#maintext #pager #sp_next{ padding:3px 7px; font-size:10px; font-size:1.0rem; color:#888; }
.writerName{ text-align:right; color:#888; font-size:11px; font-size:1.1rem; }
#photothumb{ margin-top: 40px; }
#photothumb p{ line-height:1.4; }
#photothumb img{ max-height:80px; max-width:80px; margin-bottom:5px; vertical-align:middle; border:1px solid #ccc; }
#photothumb img:hover{border:1px solid #ff8400;}
#maintext .imgPhotoCenter{ text-align:center; }
#maintext .imgPhotoCenter img{ border:1px solid #ccc; }
#maintext .imgPhotoRF{ float:right; margin: 0 0 0 20px; padding:0; }
#maintext .imgPhotoRF img{ border:1px solid #ccc; }
#maintext .imgPhotoLF{ float:left; margin: 0 20px 0 0; padding:0; }
#maintext .imgPhotoLF img{ border:1px solid #ccc; }
#maintext .musicVideo{ text-align:center; margin-bottom:15px; }
#photothumb h6,#sublinks h6{ clear:both; }
#ReleaseData {margin-bottom:1em; }
#ReleaseData h4{ font-size:large; text-decoration:underline; font-weight:bold; }
#ReleaseData p{ float:left; margin-right:1em; }
#ReleaseData dl{ float:left; overflow:hidden; }
#ReleaseData dd a{ display:block; margin-bottom:0.5em;}
#ReleaseData dd strong{ color:#FF5F00; }
#ReleaseData p img{ border:1px solid #ccc; }
#ReleaseData:after{ content: ""; display: block; clear: both; }/* cf */
#box {width: 575px; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; border: 0px solid #2F2A04; }
#box img {float: left; margin: 0px 10px 0px 0px; }
#box p {overflow: auto;	/* for modern browser */ zoom: 1;	/* for ie6 */ line-height: 1.5; }

@media screen and (max-width: 780px){
#content{ width:auto; }
#main{ width:auto; float:none; }
#maintext .imgPhotoRF img{ width:100%; }
#maintext .imgPhotoRF{ width:40%; }
#maintext .imgPhotoLF img{ width:100%; }
#maintext .imgPhotoLF{ width:40%; }
#side-menu{ display:none; }
#ReleaseData p { float:none; }
.musicVideo iframe{ width:300px; height:250px; }
#specialImport .imgPhoto, #specialImportBody .imgPhoto { max-width: 120px; }
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img { max-width: 120px; }
/* #ECitembox,.exbanner{ display:none;  } */
#specialImport hgroup img{ width:100%; height:auto; }
}
}