@charset "utf-8";

#mainTtl { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 5px solid #ae404b; }
@media screen and (max-width: 768px) {
  #mainTtl{
    text-align:left;
  }
  #mainTtl img{
/*    max-width:96%;*/
    height:14px;
    margin-left:0;
    margin-right:auto;
    padding-left:10px;
  }
}

#latest { overflow: hidden; margin-bottom: 30px; }
#latest .ttl { margin-bottom: 15px; }
#latestTxt { width: 292px; float: right; }
#latestTxt h1 { margin-bottom: 40px; }
#latestTxt h1 .sp_name { display:none; }
#latestTxt .detail { text-align: right; }
#latestTxt .detail a { color: #444; padding-left: 13px; background: url(../images/interview/icn_arrow.png) no-repeat left center; }
@media screen and (max-width: 768px) {
    #latest .ttl { margin: 0 10px 15px;}
    #latestTxt { width: auto; float: none; margin: 0 10px;}
    #latestTxt h1 { margin:0 0 20px; }
    #latestTxt h1 img { display:none; }
    #latestTxt h1 .sp_name { display:block; color: #ae404b; padding: 0 0 5px; border-bottom: solid 3px #ae404b; }
    #latestTxt h1 .sp_name .big { color: #000; font-size: 150%; }
    #latestTxt h1 .sp_name .small { color: #000; font-size: 85%; font-weight: normal; }
    #latestTxt .detail { margin: 5px 0; }
}

#latestPic { width: 620px; float: left; }
@media screen and (max-width: 768px) {
    #latestPic { width: 100%; float: none; }
    #latestPic img {width: 100%; height: auto;}
}

#indexBacknumber { /*background: #f8f8f8;*/ padding-bottom: 70px; }
#indexBacknumber #loop{
	background: #f8f8f8;
}
#indexBacknumber h2 { background-color: #333; padding: 8px 0 7px 12px; }
#indexBacknumber h2 img { display: block; }
#indexBacknumber ul { overflow: hidden; padding: 20px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #fff; }
#indexBacknumber li { float: left; width: 190px; margin-left: 40px; }
#indexBacknumber li a { display: block; border: 1px solid #bbb; padding: 1px; background-color: #fff; }
@media screen and (max-width: 768px) {
    #indexBacknumber { padding-bottom: 20px; }
    #indexBacknumber ul { text-align: center; padding: 20px 10px 10px; }
    #indexBacknumber li { float: none; display: inline-block; margin: 0 7% 10px 0; width: 36%; }
    #indexBacknumber li:nth-child(2n) { margin: 0 0 10px 0; }
    #indexBacknumber li a img { width: 100%; height: auto; }
}
@media screen and (max-width: 414px) {
    #indexBacknumber li { margin: 0 2% 10px 0; width: 46%; }
}


#contents a { color: #ae404b; }
#contentsTtl { color: #ae404b; font-weight: bold; font-size: 1.847em; padding-top: 15px; max-width: 620px; background-color: #fff; }
#subTtl { color: #ae404b; font-size: 1.077em; margin-bottom: 15px; }
#mainPic { margin-bottom: 28px; text-align:center; /*background-color: #ddd;*/}
#number { color: #ae404b; font-size: 1.077em; margin-bottom: 10px; line-height: 1.1; }
#name { font-size: 1.847em; font-weight: bold; margin-bottom: 15px; }
#name span { font-size: .584em; font-weight: normal; }




#mainContents p { margin-bottom: 1.5em; }

.section { clear: both; padding-top: 10px; }
.section h2 { padding-left: 15px; margin-bottom: 20px; background: url(../images/interview/bg_ttl.png) no-repeat left center; color: #444; font-size: 1.308em; line-height: 2; border-bottom: 1px solid #ae404b; }
.section h2.small { background: url(../images/interview/bg_ttl.png) no-repeat left top 6px; line-height: 1.5; }
.section .left { float: left; margin: 0 20px 20px 0; }
.section .right { float: right; margin: 0 0 20px 20px; }
.section .center { clear: both; margin: 0 0 20px; }
.section .speaker { color: #ae404b; }
.section .note { font-size: .914em; }
.section .youtube { position: relative; width: 620px; height: 465px; margin: 30px 0 5px;}
@media screen and (max-width: 768px) {
  .section .youtube { position: relative; width: 100%; height: auto; margin: 30px 0 10px; padding-top: 56.25%; }
  .section .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
}
@media screen and (max-width: 414px) {
  .section h2, .with_bg { padding-bottom: 5px; background: url(../images/interview/bg_ttl.png) no-repeat left top 3px; font-size: 1.2em; line-height: 1.2; }
}

#profile { padding-top: 40px; border-bottom: 1px solid #bbb; overflow: hidden; margin-bottom: 27px; }
#profile img { display: block; float: left; margin: 0 20px 20px 0; }
#profile dl { float: right; margin-bottom: 20px; }
#profile dt { font-size: 1.847em; font-weight: bold; line-height: 1.1; margin-bottom: 10px; }
#profile dd { line-height: 1.85; }

.img200 dl { width: 400px; }
.img240 dl { width: 360px; }
.img260 dl { width: 340px; }
.img320 dl { width: 280px; }

#editor { margin-bottom: 30px; }
#editor table { margin-top: 5px; }
#editor th, #editor td { padding-bottom: 5px; }
#editor th { text-align: left; font-weight: normal; padding-right: 1em; }
@media screen and (max-width: 768px) {
  #editor th { text-align: left; font-weight: normal; padding-right: 0.5em; white-space: nowrap; }
  #editor td a{ width: 100%; word-wrap: break-word;}
}
@media screen and (max-width: 768px) and (orientation:portrait) {
  #editor td a{ width:160px;display:block;}
}

#btn_other { text-align: center; }
#sideContents .golist a { background: url(../images/interview/icn_arrow.png) no-repeat left center; }

.bntitle-top{color: #444; margin-bottom:5px; margin-left: 0 !important; padding-left: 5em; background: url(../images/interview/bg_ttl.png) no-repeat left center; border-bottom: 1px solid #ae404b; }
.bntitle2{color: #444; margin-bottom:5px; margin-top: 5px; margin-left: 0 !important; padding-left: 5em; background: url(../images/interview/bg_ttl.png) no-repeat left center; border-bottom: 1px solid #ae404b;}