@charset "utf-8";

::selection {
  color: rgb(0,0,0) !important;
  background: rgb(255,255,255) !important;
}
::-moz-selection {
  color: rgb(0,0,0) !important;
  background: rgb(255,255,255) !important;
}

body {
  background: url("../img/title_07/background/bg.jpg") no-repeat center top;
  background-size: cover;
}
main { position: relative; }
main .player-frame p.movie-anotation {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 18px;
  font-family: 'Roboto',"Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  line-height: 1.4em;
  color: rgb(255,255,255);
  text-align: center;
}
main > div > h2 {
  margin: 0 0 14px 0;
  padding: 0;
  font-size: 40px;
  font-family: "Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: bold;
}
main .main-frame {
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
main .main-info {
  margin: 80px 0 40px 0;
  padding: 0;
  width: 100%;
}
main .main-info .main-info-inner {
  position: relative;
  margin: 0 auto 80px auto;
  padding: 0;
  width: 960px;
  height: auto;
  vertical-align: middle;
}
main .main-info .img-box {
  margin: 0 auto;
  width: 960px;
}
main .main-info img.logo {
  width: 100%;
}
main .main-info img.logo-sp {
  display: none;
}

main .main-info .text-box {
  margin: 120px 0 0 0;
  padding: 0;
}

main .main-info .text-box p {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-family: "Yu Mincho",YuMincho,"游明朝体",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

main .staff {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.6);
}
main .main-frame > div.staff {
  border-bottom: 12px solid rgb(0,190,255);
}
main .staff .mt1 { margin-top:    1em !important; }
main .staff .mb1 { margin-bottom: 1em !important; }
main .staff a       { color: rgb(36,139,234); }
main .staff a:hover { color: rgb(0,71,147); }

main .staff h2 {
  text-align: center;
  color: #fff;
}

.staff .content {
  margin: 0 auto;
  padding: 40px 0;
  width: 800px;
  font-family: "Yu Mincho",YuMincho,"游明朝体",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
  font-weight: normal;
  text-align: center;
}

.staff .content dl {
  margin: 0;
  padding: 0;
}
.staff .content .mt0 {
  margin-top: 0 !important;
}

.staff .content dl dt {
  margin: 26px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-family: "Yu Mincho",YuMincho,"游明朝体",HiraMinProN-W6,HiraMinPro-W6,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  font-weight: bold;
  line-height: 1.6em;
  color: #fff;
}
.staff .content dl dt:first-child {
  margin-top: 0;
}
.staff .content dl dd {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Yu Mincho",YuMincho,"游明朝体",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
  font-weight: normal;
  line-height: 1.5em;
  color: #fff;
}
.staff .content dl dd.bold {
  font-family: "Yu Mincho",YuMincho,"游明朝体",HiraMinProN-W6,HiraMinPro-W6,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  font-weight: bold;
}

.staff .content dl dt.only-en,
.staff .content dl dd.only-en {
  display: none;
}

/** responsible breakpoint **/
@media (max-width: 640px) {

  main .main-frame { width: 100%; }
  main .main-info { margin: 40px 0; }
  main .player-frame p.movie-anotation {
    display: block;
    font-size: 13px;
    line-height: 1.3em;
  }
  main .main-info img.logo { display:none; }
  main .main-info img.logo-sp {
    display: block;
    width: 100%;
  }
  main .main-info h2 {
    display: none;
  }
  main .main-info .main-info-inner {
    margin: 0 0 40px 0;
    width: 100%;
    height: auto;
  }
  main .main-info .img-box {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto;
    width: 100%;
  }
  main .main-info .right-box {
    width: 288px;
    margin: 0 auto;
    padding: 12px 12px 20px 12px;
    background: rgb(255,255,219);
  }

  main .staff {
    padding: 32px 0;
  }

  main .staff .content {
    padding: 0 12px;
    width: 100%;
    background: none;
  }
  main .staff .content dl {
    margin: 0;
    width: 100%;
    padding: 0 12px;
  }
  main .staff .content dl dt:first-child {
    margin-top: 0;
  }
  main .staff .content dl dt {
    font-size: 13px;
  }
  main .staff .content dl dd {
    font-size: 14px;
  }

}