@charset "utf-8";

@media print { main .sound .lyrics { display: none !important; } }

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

body {
  background: url("../img/title_02/background/hillclimb_bg.jpg") no-repeat center top fixed;
  background-size: cover;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.tbsp-bg {
  position: fixed;
  z-index: -1;
}
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 .main-frame {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
main .main-frame > div { border-bottom: 26px solid rgb(0,190,255); }
main .main-info {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
main .main-info:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -528px;
  padding: 0;
  width: 151px;
  height: 142px !important;
  background: url("../img/title_02/02_hinako.png") no-repeat 0 0;
  background-size: 151px 142px;
  visibility: visible;
}
main .main-info .main-info-inner {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 960px;
  height: 798px;
  vertical-align: middle;
}
main .main-info p.number {
  position: absolute;
  top: 58px;
  left: 80px;
  margin: 0;
  padding: 0;
  width: 124px;
  height: 50px;
  background: url("../img/title_02/02_number.png") no-repeat 0 0;
  background-size: 124px 100px;
  text-indent: -9999px;
}
main .main-info h2 {
  position: absolute;
  top: 137px;
  left: 80px;
  margin: 0;
  padding: 0;
  width: 538px;
  height: 217px;
  background: url("../img/title_02/02_title.png") no-repeat 0 0;
  background-size: 538px 217px;
  text-indent: -9999px;
  z-index: 9;
}
main .main-info p.info {
  position: absolute;
  top: 410px;
  left: 80px;
  margin: 0;
  padding: 0;
  width: 606px;
  height: 128px;
  background: url("../img/title_02/02_text_01.png") no-repeat 0 0;
  background-size: 606px 304px;
  text-indent: -9999px;
}
main .main-info p.name {
  position: absolute;
  top: 579px;
  left: 80px;
  margin: 0;
  padding: 0;
  width: 606px;
  height: 62px;
  background: url("../img/title_02/02_text_02.png") no-repeat 0 0;
  background-size: 606px 124px;
  text-indent: -9999px;
}
main .main-info .gotoniconico {
  position: absolute;
  top: 678px;
  left: 80px;
  margin: 0;
  padding: 0;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 600px;
  height: 78px;
  background: url("../img/title_02/02_gotoniconico.png") 0 0;
  background-size: 600px 312px;
  text-indent: -9999px;
  z-index: 20;
  cursor: pointer;
}
main .main-info .gotoniconico:hover { background-position: 0 -78px; }

main .main-info .chara01 {
  position: absolute;
  top: 41px;
  right: -1px;
  margin: 0;
  padding: 0;
  width: 458px;
  height: 732px;
  background: url("../img/title_02/02_chara_01.png") no-repeat 0 0;
  background-size: 458px 732px;
  text-indent: -9999px;
  z-index: 10;
}

.carousel_01,
.carousel_02 { display: none;/* 最初に一覧で出さない */ }

main .character {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
main .character:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -276px;
  padding: 0;
  width: 151px;
  height: 142px !important;
  background: url("../img/title_02/02_hinako.png") no-repeat 0 0;
  background-size: 151px 142px;
  z-index: 10;
  visibility: visible;
}
main .character h2 {
  margin: -44px auto 0 auto;
  padding: 0;
  display: block;
  width: 705px;
  height: 62px;
  background: url("../img/title_02/02_headlines.png")no-repeat 0 -2px;
  background-size: 705px 310px;
  text-indent: -9999px;
}
main .character .slick-slide { cursor:pointer; }
main .character .slick-slider {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 800px;
  z-index: 20;
}
main .character .slick-slider.carousel_01 { margin-top:24px; }
main .character .slick-slider.carousel_01_nav {
  position: relative;
  margin-bottom: 160px;
  z-index: 20;
}
main .character div img { max-width:100%; }
main .character .slick-prev,
main .character .slick-next {
  margin-top: 0;
  left: -64px;
  top: -340px;
  width: 54px;
  height: 112px;
  background: url("../img/title_02/02_carousel_arrow.png") 0 0;
  background-size: 108px 224px;
  text-indent: -9999px;
  transition: left 0.1s linear 0s;
  -webkit-transition: left 0.1s linear 0s;
}

main .character .slick-next       { background-position: -54px    0px;left:auto;right:-64px;transition:right 0.1s linear 0s;-webkit-transition:right 0.1s linear 0s; }
main .character .slick-prev:hover { background-position:   0   -112px;left:-69px; }
main .character .slick-next:hover { background-position: -54px -112px;right:-69px; }

main .character div.head-box {
  display: table;
  width: 100%;
  height: 108px;
  background: rgba(255,255,255,0.9);
  border-bottom: 2px solid rgb(0,190,255);
}
main .character h3 {
  display: table-cell;
  margin: 0;
  padding: 0 0 0 20px;
  font-size: 36px;
  font-family: HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  color: rgb(0,190,255);
  vertical-align: middle;
}
main .character h3 span {
  font-size: 26px;
}
main .character p.info {
  display: table-cell;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  color: rgb(77,77,77);
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  vertical-align: middle;
}

main .cgi {
  position: relative;
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 100%;
}
main .cgi:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -156px;
  padding: 0;
  width: 151px;
  height: 142px !important;
  background: url("../img/title_02/02_hinako.png") no-repeat 0 0;
  background-size: 151px 142px;
  z-index: 10;
  visibility: visible;
}
main .cgi h2 {
  position: relative;
  margin: -44px auto 0 auto;
  padding: 0;
  display: block;
  width: 705px;
  height: 62px;
  background: url("../img/title_02/02_headlines.png")no-repeat 0 -126px;
  background-size: 705px 310px;
  text-indent: -9999px;
  z-index: 30;
}
main .cgi .slick-slide { cursor:pointer; }
main .cgi .slick-slider {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 800px;
  z-index: 20;
}
main .cgi .slick-slider.carousel_03 { margin-top:24px; }
main .cgi .slick-slider.carousel_03_nav { margin-bottom:160px; }
main .cgi div img { max-width:100%; }
main .cgi .slick-prev,
main .cgi .slick-next {
  margin-top: 0;
  left: -64px;
  top: -340px;
  width: 54px;
  height: 112px;
  background: url("../img/title_02/02_carousel_arrow.png") 0 0;
  background-size: 108px 224px;
  text-indent: -9999px;
  transition: left 0.1s linear 0s;
  -webkit-transition: left 0.1s linear 0s;
}
main .cgi .slick-next       { background-position: -54px    0px;left:auto;right:-64px;transition:right 0.1s linear 0s;-webkit-transition:right 0.1s linear 0s; }
main .cgi .slick-prev:hover { background-position:   0   -112px;left:-69px; }
main .cgi .slick-next:hover { background-position: -54px -112px;right:-69px; }

main .cgi h3 {
  display: inline-block;
  margin: 0 28px 12px 0;
  padding: 0;
  font-size: 32px;
  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;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
main .cgi p {
  margin: 12px 0;
  font-size: 13px;
  font-family: "Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
}
main .cgi p.info {
  display: inline-block;
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 14px;
  font-family: "Yu Mincho",YuMincho,"游明朝体",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
  font-weight: normal;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

main .model-sheet {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
main .model-sheet:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 4px;
  padding: 0;
  width: 151px;
  height: 142px !important;
  background: url("../img/title_02/02_hinako.png") no-repeat 0 0;
  background-size: 151px 142px;
  z-index: 10;
  visibility: visible;
}
main .model-sheet h2 {
  position: relative;
  margin: -44px auto 0 auto;
  padding: 0;
  display: block;
  width: 705px;
  height: 62px;
  background: url("../img/title_02/02_headlines.png")no-repeat 0 -64px;
  background-size: 705px 310px;
  text-indent: -9999px;
  z-index: 30;
}

main .model-sheet .slick-prev,
main .model-sheet .slick-next {
  margin-top: 0;
  left: -64px;
  top: 228px;
  width: 54px;
  height: 112px;
  background: url("../img/title_02/02_carousel_arrow.png") 0 0;
  background-size: 108px 224px;
  text-indent: -9999px;
  transition: left 0.1s linear 0s;
  -webkit-transition: left 0.1s linear 0s;
}
main .model-sheet .slick-next       { background-position:  -54px    0px;left:auto;right:-64px;transition:right 0.1s linear 0s;-webkit-transition:right 0.1s linear 0s; }
main .model-sheet .slick-prev:hover { background-position:    0   -112px;left:-69px; }
main .model-sheet .slick-next:hover { background-position:  -54px -112px;right:-69px; }

main .model-sheet .slick-slider {
  position: relative;
  margin: 24px auto 180px auto;
  width: 800px;
  z-index: 20;
}
main .model-sheet .slick-dots {
  display: table;
  font-size: 0;
  margin: 0;
  padding: 0;
  bottom: -20px;
}
main .model-sheet .slick-dots li {
  display: table-cell;
  margin: 0;
  padding: 0;
  width: auto;
  height: 20px;
  background: rgb(102,102,102);
}
main .model-sheet .slick-dots li.slick-active {
  background: rgb(153,153,153);
}
main .model-sheet .slick-dots li:hover {
  background: rgb(0,190,255);
}
main .model-sheet .slick-dots li button {
  width: 100%;
  height: 20px;
}
main .model-sheet .slick-dots li button:before {
  display: none;
}
main .model-sheet .slick-slide { cursor:pointer; }
main .model-sheet .slick-slide:hover { opacity:0.7; }
main .model-sheet .slick-slide img { max-width:100%; }
main .model-sheet p {
  margin: 12px 0;
  font-size: 13px;
  font-family: "Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
}

main .sound {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
main .sound:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 164px;
  padding: 0;
  width: 151px;
  height: 142px !important;
  background: url("../img/title_02/02_hinako.png") no-repeat 0 0;
  background-size: 151px 142px;
  z-index: 10;
  visibility: visible;
}
main .sound h2 {
  position: relative;
  margin: -46px auto 0 auto;
  padding: 0;
  display: block;
  width: 705px;
  height: 62px;
  background: url("../img/title_02/02_headlines.png")no-repeat 0 -188px;
  background-size: 705px 310px;
  text-indent: -9999px;
  z-index: 30;
}
main .sound .content {
  margin: 12px auto 24px auto;
  padding: 48px 120px;
  width: 800px;
  background-color: rgba(255,255,255,0.75);
}
main .sound .content h3 {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 15px;
  font-family: HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Yu Gothic",YuGothic,"游ゴシック体","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  line-height: 1em;
  text-indent: -0.5em;
}
main .sound .content p.title {
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6',"Yu Gothic",YuGothic,"游ゴシック体",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;
  font-weight: bold;
  line-height: 1.6em;
  text-indent: -0.5em;
}
main .sound .content table {
  margin: 32px 0 0 0;
  padding: 0;
}
main .sound .content table tr {
  margin: 0;
  padding: 0;
  height: 30px;
  font-size: 15px;
  line-height: 1em;
}
main .sound .content table tr th {
  width: 100px;
  font-family: "Roboto",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Yu Gothic",YuGothic,"游ゴシック体","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  line-height: 1.2em;
  vertical-align: middle;
}
main .sound .content table tr td {
  font-family: "Roboto",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Yu Gothic",YuGothic,"游ゴシック体","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  line-height: 1.2em;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-all;
}
main .sound .content table tr td a {
  color: rgb(36,139,234);
}
main .sound .content table tr td a:hover {
  color: rgb(0,71,147);
}
main .sound .content table tr td span {
  margin: 0 0 0 13px;
  padding: 0;
  font-size: 13px;
}
main .sound .content table tr td span.hires {
  display: block;
  margin: 0 10px 0 0;
  padding: 0;
  width: 26px;
  height: 26px;
  background: url("../img/music_icons.png") 0 0;
  background-size: 26px;
  text-indent: -9999px;
  text-align: left;
}
main .sound .content table tr td img {
  margin: 10px 0 0 0;
  padding: 0;
  width: 88px;
}
main .sound .lyrics {
  margin: 12px auto 42px auto;
  padding: 48px 120px;
  width: 800px;
  background-color: rgba(255,255,255,0.75);
}
main .sound .lyrics h3 {
  margin: 0 0 8px 0;
  font-size: 30px;
  font-family: Avenir-Light,Avenir,Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  font-weight: lighter;
}
main .sound .lyrics p {
  font-size: 14px;
  font-family: HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  line-height: 1.4em;
}
main .sound .lyrics p.name1,
main .sound .lyrics p.name2 {
  display: inline-block;
  margin: 0;
  font-size: 16px;
  font-family: HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Yu Gothic",YuGothic,"游ゴシック体","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
}
main .sound .lyrics p.name2 {
  margin: 0 0 24px 24px;
}

main .staff {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
main .main-frame > div.staff {
  border-bottom: 12px solid rgb(0,190,255);
}
main .staff:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 329px;
  padding: 0;
  width: 151px;
  height: 142px !important;
  background: url("../img/title_02/02_hinako.png") no-repeat 0 0;
  background-size: 151px 142px;
  z-index: 10;
  visibility: visible;
}
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 {
  position: relative;
  margin: -44px auto 0 auto;
  padding: 0;
  display: block;
  width: 705px;
  height: 62px;
  background: url("../img/title_02/02_headlines.png")no-repeat 0 -250px;
  background-size: 705px 310px;
  text-indent: -9999px;
  z-index: 30;
}

main .staff .content {
  margin: 12px auto 42px auto;
  padding: 24px 0;
  width: 800px;
  font-family: "Yu Mincho",YuMincho,"游明朝体",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
  font-weight: normal;
  text-align: center;
  background-color: rgba(255,255,255,0.75);
}

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

main .staff .content dl dt {
  margin: 22px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;
  font-weight: bold;
  line-height: 1.6em;
}
main .staff .content dl dd {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-weight: normal;
  line-height: 1.6em;
}
main .staff .content dl dd.company {
  margin-top: 22px;
}

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

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

  main .main-frame { width: 100%; }
  main .player-frame p.movie-anotation {
    display: block;
    font-size: 13px;
    line-height: 1.3em;
  }
  main .main-frame > div {
    padding-bottom: 158px;
    border-bottom: none !important;
  }
  main .main-info .main-info-inner {
    display: block;
    margin: 20px auto 0 auto;
    padding: 20px 0;
    width: 100%;
    height: auto;
    background: rgba(255,255,255,0.6);
  }
  main .main-info p.number {
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto 20px auto;
    width: 300px;
    height: 40px;
    background-image: url("../img/title_02/02_number_sp.png");
    background-size: 100px 80px;
  }
  main .main-info h2 {
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto 20px auto;
    width: 300px;
    height: 121px;
    background-image: url("../img/title_02/02_title_sp.png");
    background-size: 300px 121px;
  }
  main .main-info p.info {
    position: relative;
    left: auto !important;
    top: auto !important;
    margin: 0 auto 20px auto;
    width: 300px;
    height: 174px;
    background-image: url("../img/title_02/02_text_01_sp.png");
    background-size: 300px 456px;
  }
  main .main-info p.name {
    position: relative;
    left: auto !important;
    top: auto !important;
    margin: 0 auto 20px auto;
    width: 302px;
    height: 122px;
    background-image: url("../img/title_02/02_text_02_sp.png");
    background-size: 302px 224px;
  }
  main .main-info .gotoniconico,
  main .main-info .gotoniconico:hover {
    position: relative;
    left: auto;
    top: auto;
    width: 300px;
    height: 192px;
    background: url("../img/title_02/02_gotoniconico_sp.png") 0 0;
    background-size: 300px 384px;
  }

  main .main-info .chara01 { display:none; }

  main .character .slick-slider.carousel_01 { margin-top:0; }
  main .character .slick-slider.carousel_01_nav { margin-bottom:0; }
  main .character div.head-box {
    display: block;
    height: 32px;
  }
  main .character h3 {
    display: block;
    margin: 0;
    padding: 0;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: center;
  }
  main .character h3 span { font-size:14px; }
  main .character p.info { display:none; }

  main .cgi .slick-slider.carousel_03 { margin-top:0; }
  main .cgi .slick-slider.carousel_03_nav { margin-bottom: 0; }
  main .model-sheet .slick-slider.carousel_04 {
    margin-top: 0;
    margin-bottom: 0;
  }

  main .model-sheet .slick-dots { display: none !important; }

  main .character .slick-slider,
  main .cgi .slick-slider,
  main .model-sheet .slick-slider {
    padding: 0 12px;
    width: 100%;
  }

  main .sound .content {
    margin: 0 12px 12px 12px;
    padding: 24px 12px;
    width: auto;
  }

  main .sound .content h3 {
    margin: 0 0 13px 0;
    font-size: 13px;
    line-height: 1.4em;
  }
  main .sound .content p.title {
    margin: 0 0 6px 0;
    font-size: 14px;
    line-height: 1.4em;
  }

  main .sound .content table {
    margin-top: 18px;
  }

  main .sound .content table tr {
    height: 40px;
  }
  main .sound .content table tr th {
    width: 30%;
    font-size: 14px;
  }
  main .sound .content table tr td {
    font-size: 14px;
  }

  main .sound .lyrics {
    margin: 0 12px 24px 12px;
    padding: 24px 12px;
    width: auto;
  }
  main .sound .lyrics h3 {
    margin: 0 0 8px 0;
  }
  main .sound .lyrics p {
    font-size: 13px;
    line-height: 1.4em;
  }
  main .sound .lyrics p.name1,
  main .sound .lyrics p.name2 {
    margin: 0;
    display: block;
    font-size: 14px;
  }
  main .sound .lyrics p.name2 {
    margin: 0 0 20px 0;
  }
  main .sound .content table tr td span.hires {
    margin-right: 4px;
  }

  main .staff .content {
    margin: 0 auto;
    padding: 0 12px;
    width: 100%;
    background: none;
  }
  main .staff .content dl {
    margin: 0;
    width: 100%;
    padding: 24px 12px;
    background: rgba(255,255,255,0.7);
  }
  main .staff .content dl dt:first-child {
    margin-top: 0;
  }

  main .character h2,
  main .cgi h2,
  main .model-sheet h2,
  main .sound h2,
  main .staff h2 {
    position: relative;
    left: auto;
    top: auto;
    margin: 0 12px;
    padding: 20px;
    width: auto;
    height: auto;
    font-size: 22px;
    font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;
    font-weight: bold;
    color: #fff;
    line-height: 19px;
    background: rgb(0,190,255);
    text-indent: 0;
    text-align: center;
  }

  main .main-info:after,
  main .character:after,
  main .cgi:after,
  main .model-sheet:after,
  main .sound:after,
  main .staff:after {
    left: 12px;
    right: auto;
    margin: 0;
  }

}