@charset "UTF-8";
body.device-type-desktop {
  background: url(../images/bg.png) no-repeat center top 0px, url(../images/bg02.jpg) repeat center top #011b20;
  background-size: 1800px,auto; }
  body.device-type-desktop .page-nav {
    background-color: #002c31; }
  body.device-type-desktop .page-nav-item.active {
    color: #002c31; }
  body.device-type-desktop #common-related-shows a {
    background: #ffffff; }
  body.device-type-desktop .primary-container .section {
    box-sizing: border-box;
    padding-bottom: 1px;
    background: rgba(0, 9, 31, 0.85);
    background: #fff;
    color: #111; }
  body.device-type-desktop .item-container-typography {
    padding: 0 30px; }
  body.device-type-desktop #main-container {
    box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.7);
    margin-bottom: 3rem; }
  body.device-type-desktop .primary-container .section {
    margin-bottom: 0; }
  body.device-type-desktop .item-container-image {
    width: 90%;
    margin: auto;
    text-align: center; }
  body.device-type-desktop .section-1 > .item-has-image:first-child .item-container-image {
    width: 100%; }

p.item-text {
  font-feature-settings: normal; }

body.device-type-desktop .page-nav {
  background-color: #002c31; }

body.device-type-desktop .page-nav-item.active {
  color: #002c31; }

body.device-type-desktop .section-header {
  background: url(../images/ttl-bg.png) no-repeat center;
  background-color: #00174e;
  background-size: 100%;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: 0px 0px 8px rgba(78, 0, 44, 0.8);
  font-size: 23px;
  padding: 20px 15px;
  margin: 0 0 40px 0;
  font-weight: bold;
  line-height: 1; }

@media all and (-ms-high-contrast: none) {
  body.device-type-desktop {
    /* IEのみ ここに書く */ }
    body.device-type-desktop .section-header {
      padding-top: 27px; } }

body.device-type-desktop .item-subtitle .inline-style-color-blue strong {
  font-size: 20px;
  border-bottom: solid 1px #e2007e;
  padding-bottom: 8px;
  margin-bottom: 10px;
  display: block; }

body.device-type-desktop .item-title {
  color: #e2007e; }

body.device-type-desktop .item-subtitle {
  color: #e2007e; }

body.device-type-desktop .item-style-cast .item-title {
  color: #e2007e; }

body.device-type-desktop .item-uid-SkEUSKsYb {
  padding: 0 0 10px 0;
  background-color: #eee; }
  body.device-type-desktop .item-uid-SkEUSKsYb .item-title {
    background: #e2007e;
    color: #fff;
    margin-left: -30px;
    margin-right: -30px;
    padding: 5px 30px; }
  body.device-type-desktop .item-uid-SkEUSKsYb .item-subtitle {
    color: #fff;
    background: #e2007e;
    padding: 1px 8px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 10px; }
  body.device-type-desktop .item-uid-SkEUSKsYb .item-text {
    margin-bottom: 20px; }

body.device-type-desktop #common-related-shows h3, body.device-type-desktop #common-present h3, body.device-type-desktop #common-ranking h3 {
  color: #fff; }

body.device-type-desktop #main-container #page-banner {
  padding: 10px; }

body.device-type-mobile {
  background: url(../images/bg02.jpg) repeat center top #011b20;
  background-size: 220%; }
  body.device-type-mobile .item-subtitle {
    color: #e2007e; }
  body.device-type-mobile .page-nav {
    background-color: #002c31; }
  body.device-type-mobile .page-nav-item.active {
    color: #002c31; }
  body.device-type-mobile #common-header {
    background: #ffffff; }
  body.device-type-mobile #main-container {
    background: #fff;
    color: #111;
    margin-bottom: 0.8rem; }
  body.device-type-mobile .section {
    padding-top: 0rem; }
  body.device-type-mobile #section-1 {
    padding-top: 0; }
  body.device-type-mobile .item-style-cast .item-subtitle {
    text-align: left;
    font-weight: bold; }
  /*body.device-type-mobile .item-style-cast .item-subtitle:before {
    content: "………";
    padding-right: 10px; }*/
  body.device-type-mobile .item-style-cast .item-title {
    color: #e2007e;
    margin-bottom: 0.5rem !important;
    text-align: left; }
  body.device-type-mobile .item-uid-SkEUSKsYb {
    padding: 0 0 1rem 0;
    background-color: #eee; }
    body.device-type-mobile .item-uid-SkEUSKsYb .item-title {
      background: #e2007e;
      color: #fff;
      margin-left: -16px;
      margin-right: -16px;
      padding: 0.7rem 1rem; }
    body.device-type-mobile .item-uid-SkEUSKsYb .item-subtitle {
      color: #fff;
      background: #e2007e;
      padding: 0.2rem 0.8rem;
      display: inline-block;
      border-radius: 3px;
      margin-bottom: 0.5rem; }
    body.device-type-mobile .item-uid-SkEUSKsYb .item-text {
      margin-bottom: 1.5rem; }
  body.device-type-mobile .section-header {
    background: url(../images/ttl-bg.png) no-repeat top center;
    background-size: 100% auto;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 0px 0px 8px rgba(78, 0, 44, 0.8);
    font-size: 140%;
    padding: 3.5vw 0;
    margin: 0 0rem 2rem 0rem;
    font-weight: bold;
    line-height: 1; }
  body.device-type-mobile .item-title {
    color: #e2007e; }
  body.device-type-mobile .post-articles-header {
    color: #fff !important; }
  body.device-type-mobile .post-articles-header-container {
    border-bottom: 2px solid #fff !important; }

.page-drawer-icon > svg {
  fill: #002c31; }

.primary-container a,
.primary-container a:link,
.primary-container a:visited,
.primary-container a:active {
  color: #002c31; }

.item-has-title.item-has-subtitle .item-title,
.item-has-title.item-has-subtitle.item-has-text .item-title {
  margin-bottom: 20px; }

.item-has-text .item-subtitle {
  margin-bottom: 15px; }

.primary-container .section {
  color: #111; }

/*登場人物ページ*/
.device-type-desktop .item-style-cast.item-has-image.item-has-title.item-has-subtitle.item-has-text.cast {
    margin-left: 20px;
}

.device-type-desktop span.cast_text {
    font-size: 80%;
}

body.device-type-mobile .item-style-cast .item-title {
    color: #e2007e;
    margin-bottom: 0.5rem !important;
    text-align: center;
}

body.device-type-mobile .item-style-cast .item-subtitle {
    text-align: center;
    font-weight: bold;
}

.device-type-desktop .img_top .item-container-image {
    align-items: start;
}

.device-type-desktop .item-style-cast .item-container-image {
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.device-type-desktop .item-uid-Hyoa2LIwX.item-style-video.item-has-video.item-has-subtitle {
    margin: 0 37px;
}