@charset "utf-8";

#mainTtl { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 5px solid #80347f; }
@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: 55px; }
#latestTxt h1 .sp_name { display:none; }
#latestTxt .detail { text-align: right; }
#latestTxt .detail a { color: #444; padding-left: 13px; background: url(../images/visitingproduction/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: #80347f; padding: 0 0 5px; border-bottom: solid 3px #80347f; }
    #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: #8a4a8a; }
#mainPic { margin-bottom: 28px;}
#mainPic{ text-align:center; background-color: #ddd;}
#mainPic img{
  max-width:100%;
  height:auto;
}

#mainTxt { border: 5px solid #f6a519; }
#mainTxtInner { padding: 10px; background-color: #ffda99; border: 2px solid #f57a08; }
#mainTxtInner p { line-height: 1.38; margin-bottom: 0 !important; }
#mainTxtInner #listner { text-align: right; }

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

.section { clear: both; padding-top: 10px; }
.section h2, .with_bg { padding-left: 15px; margin-bottom: 20px; background: url(../images/visitingproduction/bg_ttl.png) no-repeat left center; color: #444; font-size: 1.308em; line-height: 2; border-bottom: 1px solid #80347f; }
.section h3 { font-size: 1.308em; }
.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_ee { color: #f20b0b; }
.section .speaker_red { color: #ea2d67; }
.section .speaker_olive { color: #18852a; }
.section .speaker_green { color: #27a739; }
.section .speaker_blue { color: #214ddc; }
.section .speaker_purple { color: #80347f; }
.section .speaker_orange { color: #f7751e; }
.section .speaker_sky { color: #06b5e7; }
.section .speaker_pink { color: #f05dd3 }
.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/visitingproduction/bg_ttl.png) no-repeat left top 3px; font-size: 1.2em; line-height: 1.2; }
}


.profile { overflow:hidden;padding-top: 20px; border-bottom: 1px solid #bbb; overflow: hidden; margin-bottom: 27px; }
.profile img { display: block; float: left; margin: 0 20px 20px 0; }
.profile dl { margin-bottom: 20px; }
@media screen and (max-width: 768px) {
  .profile img { display: block; float: none; margin: 0 20px 20px 0; }
  .profile dl { margin-bottom: 20px; }
  .profile img.thumb { width:100%; height:auto; display: block; float: none !important; margin: 0 0px 20px 0 !important; }
}
.profile .name01 { font-size: 1.847em; font-weight: bold; line-height: 1.1; margin-bottom: 10px; }
.profile .name02 { font-size: 1.231em; margin-bottom: 10px; }
.profile dd { line-height: 1.85; }

.img100 dl { float: right; width: 500px; }
.img160 dl { float: right; width: 440px; }
.img190 dl { float: right; width: 410px; }
.img200 dl { float: right; width: 400px; }
.img390 dl { float: right; width: 200px; }
@media screen and (max-width: 768px) {
  .img100 dl, .img160 dl, .img190 dl, .img200 dl, .img390 dl { float: none; width: 100%; }
  }
  .img100 img.v004 { display: none; }


#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; }
dl.editor { margin: 1em 0; }
dl.editor dt { margin-bottom: 0.5em; }
dl.editor dd { margin-bottom: 0.5em; margin-left: 2em; }

table.credit th { padding-right: 2em; padding-bottom: 2em; }
table.credit td { padding-bottom: 2em; }


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