@charset "UTF-8";
body {
  background: #fff; }

#container {
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: "pkna";
  background: url(/common_img/contents_back.gif) repeat-y center 0 #eee;
  width: 100%;
  min-width: 800px;
  margin-top: 91px; }
@media screen and (max-width: 666px) {
  #container {
    min-width: inherit;
    padding: 0 5vw;
    background-size: 90vw;
    overflow: hidden;
    margin-top: 69px;
    border-bottom: 1px solid #e0e0e0; } }

#wrapper {
  margin: 0 auto;
  background: url(/common_img/contents_bottom.gif) no-repeat center bottom; }
@media screen and (max-width: 666px) {
  #wrapper {
    background: none;
    padding: 0 15px; } }

#contents {
  float: none;
  width: 750px;
  height: 100%;
  margin: 0 auto 1.0em;
  font-size: 0.9em;
  background: url(/common_img/contents_header_normal.gif) no-repeat 0 0; }
@media screen and (max-width: 666px) {
  #contents {
    width: 100%; } }

#contents img {
  width: auto; }
@media screen and (max-width: 666px) {
  #contents img {
    max-width: 100%;
    height: auto !important; } }

@media screen and (max-width: 666px) {
  #pg-contents-menu ul, #mainvisual, #contents .lead, #contents .layoutset, #contents h3, table.stripe, #credit {
    width: 100%; } }

#contents .layoutset img {
  max-width: 100%; }

.icon img {
  width: auto; }

@media screen and (max-width: 666px) {
  #title .catch-copy {
    width: 100%;
    padding: 0; }

  #contents h1 {
    margin: 0 0 0.8em;
    padding: 13px 0 0 40px;
    background: url(/common_img/h1_line.gif) no-repeat 0 16px;
    font-size: 1.4em; }

  #pg-contents-menu {
    padding: 15px 0; }

  #pg-contents-menu li {
    width: calc( 50% - 1vw) !important;
    background: none;
    margin: 0.5vw;
    height: inherit;
    padding: 8px 5px;
    border: 1px solid #e0e0e0; }
  #pg-contents-menu li span {
    display: inline-block; }
  #pg-contents-menu li span:before {
    content: "＞ "; }
  #pg-contents-menu li a {
    width: 100% !important;
    background: none;
    height: inherit; }

  #pg-contents-menu li.top, #pg-contents-menu li.top a {
    background-position: 0 0 !important; }

  #pg-contents-menu li.story, #pg-contents-menu li.story a {
    background-position: -41vw 0; }

  #pg-contents-menu li.episode, #pg-contents-menu li.episode a {
    background-position: -82.3vw 0; }

  #pg-contents-menu li.timetable, #pg-contents-menu li.timetable a {
    background-position: -123.4vw 0; }

  #pg-contents-menu li.features, #pg-contents-menu li.features a {
    background-position: -164.4vw 0; }

  #pg-contents-menu li.cast, #pg-contents-menu li.cast a {
    background-position: -206vw 0; }

  #mainvisual {
    margin: 0; }

  #contents h3 {
    margin: 0 0 1.0em 0; }

  #contents .lead {
    margin: 0 0 1.0em 0; }

  table.stripe {
    margin-left: 0; }

  #credit {
    margin-left: 0; }
  #credit p {
    padding: 0 15px; }

  #contents, #contents #title, #pg-contents-menu, .top-contents-box, .top-contents-box h2 {
    background: none; }

  .top-contents-box {
    padding: 15px 0; }

  .top-contents-box h2 {
    border-left: 4px solid #fabe00;
    padding: 0 0 0 10px; }

  #new-mymovie .movie-photo {
    margin-left: 0; }

  .newmovie ul {
    margin-left: 0; }

  #contents .layoutset img {
    width: 100%; }

  .Rwrap img, .Lwrap img {
    padding: 0 0 10px 0; }

  #title-img {
    width: 100%;
    margin: 0;
    padding: 15px 0; }

  #season-link {
    width: 100%;
    margin: 0 0 1.3em;
    padding: 10px;
    border: 1px #bcbcbc solid;
    background: #efefef; }

  #season-link ul {
    width: 100%; }

  #contents .headline {
    width: 100%;
    margin: 0 0 1em;
    background: none; }

  .layoutset {
    padding: 0; }

  #contents .headline h2 {
    border-left: 4px solid #fabe00;
    padding: 0 0 0 15px;
    font-size: 1.3em; }

  #box-wrap {
    width: 100%;
    margin: 0 0 1.3em 0; }

  #box-wrap .box {
    display: -moz-inline-box;
    display: inline-block;
    width: 100%;
    margin: 0 0 1.0em 0;
    vertical-align: top; }

  #box-wrap .box h2 {
    border-left: 4px solid #fabe00;
    margin: 0 0 0.5em;
    padding: 0 0 5px 5px;
    background: none;
    border-bottom: 0;
    font-size: 1.2em; }

  #box-wrap .box p img {
    max-width: 100%; }

  #interview-link ul {
    margin: 0 0 1.5em;
    padding: 0; }

  #interview-link li {
    width: calc(50% - 10px );
    margin-right: 0;
    margin: 5px; }
  #interview-link li img {
    width: 100%;
    max-width: 100%; }

  #news {
    width: 100%; }

  #news .title-oa {
    width: 100%;
    margin: 0 0 1.0em 0; }

  #news .news-date {
    margin: 0 0 0 0; }

  #news .icon {
    margin: 0 0 0.5em 0; }

  #news .sns {
    padding-left: 0; }

  #news .article {
    width: 100%; }

  #news p {
    width: 100%;
    word-break: break-all; }

  #news-area {
    margin: 0 0 0 0; }

  #backnum {
    width: 100%; }

  #backnum ul {
    margin: 0 0;
    width: 100%; }

  #cast-list .cast-area {
    width: 100%;
    margin: 0 0 0 0; }

  #contents h3.gray {
    width: 100%; }

  #episode-link, #gallery-select {
    width: 100%;
    margin: 0 0 1.3em 0; }

  #episode-link .pagination, #gallery-select .pagination {
    max-width: 100%; }

  #box-wrap .box .photo {
    margin: 0 0 0; }

  #box-wrap .box p {
    padding: 0 0; }

  #gallery #thumb-area {
    width: 100%;
    margin-left: 0; }

  .pagination {
    display: block; }

  #wallpaper {
    margin: 0 0 0 0; }

  .whatsnew dl {
    width: 100%;
    margin: 0 0 0.3em 0; }

  .whatsnew dt {
    width: 100%;
    padding: 2px 0 0.2em 13px; }

  .whatsnew dd {
    width: 100%; }

  .program-thumbnails {
    width: 100%;
    margin: 0 0 1.5em 0; }

  .program-thumbnails dl {
    width: calc(50% - 13px);
    margin: 0 5px; }

  #contents .top-comment {
    margin: 0 0 1.2em 0; }

  #contents p {
    width: 100%;
    margin-left: 0; }

  #seiyuu #link {
    width: 100%;
    padding: 10px; }

  #seiyuu-list {
    width: 100%; }

  #seiyuu .list {
    width: 100%; }

  #seiyuu .list img {
    padding: 0 0 0 0;
    width: 100%; }

  #seiyuu .list a img {
    width: inherit; }

  #seiyuu .interview-photo {
    width: 100%; }

  #seiyuu .interview {
    width: 100%; }

  #seiyuu .interview dd {
    width: 100%; }

  #history table {
    width: 100%; } }