@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.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 hgroup div p {/* headerTXT */
	font-size:15px; font-size:1.5rem; padding:10px 0; line-height:1.6; 
	}
#specialImport hgroup div h4, #specialImportBody hgroup div h4 {/* headerTXTh4 */
	font-size:15px; font-size:1.5rem; font-weight:normal; margin-bottom:10px;
	}

#specialImport .writerName, #specialImportBody .writerName {
text-align:center; color:#333333; font-size:15px; font-size:1.5rem; }

#specialImport h5, #specialImportBody h5{ /* InterviewMainTXT h5 */
	color:#333333; border-bottom:1px solid #333333; font-size:18px; font-size:1.8rem; text-align:center; padding:10px 0; margin:10px 0 20px ;
}
#specialImport h7, #specialImportBody h7{ /* InterviewMainTXT h7 */
	color:#0056b4; font-size:20px; font-size:2.0rem; font-weight:600;
}

#specialImport h10, #specialImportBody h10{ 
	text-align:center; color:#888; font-size:10px; font-size:1.0rem; font-weight:normal; line-height:1.2; margin-bottom: 10px;}

#specialImport .imgPhoto, #specialImportBody .imgPhoto{ /* PhotoRightPosition */
	float:center; color:#888; max-width:100%; font-size:11px; font-size:1.1rem; margin:8px 0px; line-height:1em;
}
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img{
	float:center; border:1px solid #888; max-width:100%; margin:8px 0px; 
}
#specialImport .imgPhoto a img:hover, #specialImportBody .imgPhoto a img:hover{
	border:1px solid #0056b4;
}
#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 #maintext .embed-youtube {
    position: relative;
    padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
    /* padding-bottom: 62.5%; - 16:10 aspect ratio */
    /* padding-bottom: 75%; - 4:3 aspect ratio */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#specialImport #maintext .embed-youtube iframe,
#specialImport #maintext .embed-youtube object,
#specialImport #maintext .embed-youtube embed {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#specialImport a, #specialImportBody a{ color:#2A3FAA; font-size:15px; font-size:1.5rem; }
#specialImport a:hover, #specialImportBody a:hover{ color:#0056b4; text-decoration:none; font-size:15px; font-size:1.5rem; }
.caption a{ color:#2A3FAA; text-decoration:underline; }
.caption a:hover {color:#0056b4; 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; }
#sublinks h6, #photothumb h6{ background:url(/common/img/sidemenuback.png) repeat; margin:0 0 10px; padding:5px; font-size:15px; font-size:1.5rem;
font-weight:normal; color:#808080; }
#sublinks ul{ margin:0 0 15px ; padding:0 0 0 15px; color:#A0A0A4; }
#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:center; color:#333333; font-size:15px; font-size:1.5rem; }
#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 #0056b4;}
#maintext .imgPhotoCenter{ text-align:center; }
#maintext .imgPhotoCenter img{ border:1px solid #ccc; }
#maintext .imgPhotoRF{ float:center; margin: 10 0px; padding:0; }
#maintext .imgPhotoRF img{ border:1px solid #ccc; }
#maintext .imgPhotoLF{ float:center; margin: 10 0px; 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; font-weight:bold; line-height:2;}
#ReleaseData h9{ font-size:medium; font-weight:bold; line-height:2;}
#ReleaseData p{ float:left; margin-right:1em; }
#ReleaseData dl{ float:left; overflow:hidden; }
#ReleaseData dt{ float:left; font-size:16px; font-size:1.6rem; line-height:2;}
#ReleaseData dd{ float:left; font-size:16px; font-size:1.6rem; line-height:2;}
#ReleaseData dd a{ display:block; margin-bottom:0.5em; font-size:16px; font-size:1.6rem; line-height:2;}
#ReleaseData dd strong{ color:#0056b4; }
#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; }

#specialImport blockquote, #specialImportBody blockquote {
    position: relative;
    padding: 10px 15px 5px 50px;
    box-sizing: border-box;
    font-style: italic;
    border: solid 1px #464646;
    color: #464646;
}

#specialImport blockquote:before, #specialImportBody blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    content: "“";
    font-family: sans-serif;
    color: #cfcfcf;
    font-size: 90px;
    line-height: 1;
}

#specialImport blockquote p, #specialImportBody blockquote p{
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

#specialImport blockquote cite, #specialImportBody blockquote cite{
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

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

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
  background: #FAFAFA;
}

.carousel-cell {
  width: 66%;
  height: 400px;
  margin-right: 10px;
  background: #333;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.carousel2 {
  background: #FAFAFA;
}

.carousel-cell {
  width: 66%;
  height: 400px;
  margin-right: 10px;
  background: #333;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.carousel3 {
  background: #FAFAFA;
}

.carousel-cell {
  width: 66%;
  height: 400px;
  margin-right: 10px;
  background: #333;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}