@charset "UTF-8";
/* ==========================================================================
	BACKGROUNDS
========================================================================== */
.backgrounds {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.topbg, .water1, .water2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.js-theme01 .topbg {
  background: url(/assets/img/common/bg/water7.jpg);
  background-size: cover;
}

.js-theme02 .topbg {
  background: #000;
}

.js-theme03 .topbg {
  background: url(/assets/img/common/bg/water8.jpg);
  background-size: cover;
}

.gridline-move {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.gridline-move.is-x {
  width: 1px;
  height: 100%;
  background: #fff;
}

.gridline-move.is-y {
  width: 100%;
  height: 1px;
  background: #fff;
}

.js-theme01 .gridline-move.is-x {
  background: #fff;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.js-theme01 .gridline-move.is-y {
  background: #fff;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.js-theme02 .gridline-move.is-x {
  background: #063145;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.js-theme02 .gridline-move.is-y {
  background: #063145;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.js-theme03 .gridline-move.is-x {
  background: #fff;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.js-theme03 .gridline-move.is-y {
  background: #fff;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.water1 {
  background: url(/assets/img/common/bg/water_blue1.jpg);
  background-size: cover;
}

.water1.is-onair, .water1.is-special, .water1.is-endcard, .water1.is-poster, .water1.is-sound, .water1.is-halloween, .water1.is-keyvisual, .water1.is-ousama-nya {
  background: url(/assets/img/common/bg/water_red1.jpg);
  background-size: cover;
}

.water1.is-story, .water1.is-original {
  background: url(/assets/img/common/bg/water_green1.jpg);
  background-size: cover;
}

.water1.is-character, .water1.is-music {
  background: url(/assets/img/common/bg/water_purple1.jpg);
  background-size: cover;
}

.water2 {
  background: url(/assets/img/common/bg/water_blue2.jpg);
  background-size: cover;
}

.water2.is-onair, .water2.is-special, .water2.is-endcard, .water2.is-poster, .water2.is-sound, .water2.is-halloween, .water2.is-keyvisual, .water2.is-ousama-nya {
  background: url(/assets/img/common/bg/water_red2.jpg);
  background-size: cover;
}

.water2.is-story, .water2.is-original {
  background: url(/assets/img/common/bg/water_green2.jpg);
  background-size: cover;
}

.water2.is-character, .water2.is-music {
  background: url(/assets/img/common/bg/water_purple2.jpg);
  background-size: cover;
}

/* ==========================================================================
	GLOBAL HEADER
========================================================================== */
.l-gheader {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 70px;
  min-width: 1200px;
  z-index: 5000;
}

.l-gheader__logo {
  float: left;
  padding: 11px 12px;
  width: 10%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.l-gheader__logo:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.l-gheader.is-hidden {
  top: -70px;
}

.l-gheader.is-top.is-visible {
  background: #fff;
}

.l-gheader.is-zero.is-visible {
  background: none;
}

.l-gheader.is-visible {
  background: #fff;
}

.l-gheader.is-interview {
  background: #fff;
}

.l-gheader.is-interview.is-zero {
  background: #fff;
}

.l-gheader__share {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 120px;
  height: 70px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -120px;
  color: #3E3431;
}

.is-top .l-gheader__share {
  color: #3E3431;
}

.l-gheader__share.is-open {
  right: 0;
}

.l-gheader__share-ttl {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  position: absolute;
  top: 0;
  left: -80px;
  font-size: 11px;
  font-size: 0.6875rem;
  letter-spacing: .1em;
  font-weight: 500;
  width: 80px;
  height: 70px;
  cursor: pointer;
}

.l-gheader__share-ttl:hover {
  background: rgba(255, 255, 255, 0.5);
}

.is-open .l-gheader__share-ttl {
  background: #3E3431;
  color: #fff;
}

.l-gheader__share-ttl .icon {
  position: absolute;
  top: 15px;
  left: 26px;
  width: 30px;
  height: 27px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
}

.l-gheader__share-ttl .txt {
  position: absolute;
  top: 40px;
  left: 23px;
}

.l-gheader__share-list {
  position: relative;
  height: 70px;
}

.l-gheader__share-item {
  width: 50%;
  height: 50%;
  float: left;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  color: #fff;
  line-height: 35px;
}

.l-gheader__share-item.is-twitter {
  background: #00A0FF;
}

.l-gheader__share-item.is-facebook {
  background: #285FB8;
}

.l-gheader__share-item.is-hatena {
  background: #00A4DE;
}

.l-gheader__share-item.is-gplus {
  background: #dd4b39;
}

/* ==========================================================================
	GLOBAL NAV
========================================================================== */
.l-gnav {
  padding: 20px 88px 20px 0;
  float: right;
}

.l-gnav__menu-item {
  position: relative;
  float: left;
  margin-left: 28px;
}

.l-gnav__menu-item:hover:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin-top: 4px;
}

.l-gnav__menu-item.is-disable:hover:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.l-gnav__menu-item:after {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-top: 0;
  display: block;
  content: '';
  width: 100%;
  height: 4px;
  background: #3E3431;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.l-gnav__menu-item.is-currentpage:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin-top: 4px;
}

.l-gnav__unread {
  font-size: 10px;
  font-size: 0.625rem;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  font-family: sans-serif;
  background: #C8373C;
  margin-left: .4em;
  position: relative;
  top: -.45em;
  display: inline-block;
  width: 24px;
  height: 16px;
  border-radius: 13px;
  line-height: 17px;
  color: #fff;
  text-align: center;
  z-index: -1;
}

.l-gnav__unread.is-no_unread {
  display: none;
}

/* ==========================================================================
	コンテンツヘッダ
========================================================================== */
.l-contheader {
  position: relative;
  margin-bottom: 64px;
  overflow: hidden;
}

.l-contheader__ttl {
  text-align: center;
  position: relative;
}

.l-contheader__ttl:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 141px;
  display: inline-block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 9px;
  background: url(/assets/img/common/content/slash_line.png) repeat-x left center;
}

.l-contheader__ttl:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-left: -142px;
  display: inline-block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50%;
  height: 9px;
  background: url(/assets/img/common/content/slash_line.png) repeat-x right center;
}

.l-contheader__ttl.is-long:after {
  margin-left: 177px;
}

.l-contheader__ttl.is-long:before {
  margin-left: -178px;
}

.l-pagenav {
  position: relative;
  margin: -6px auto 0;
  width: 960px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.l-pagenav__list {
  display: inline-block;
  text-align: center;
  height: 16px;
  margin-bottom: 6px;
}

.l-pagenav__item {
  float: left;
  margin-left: .5em;
}

.l-pagenav__item:hover:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin-top: 0;
}

.l-pagenav__item:after {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  content: '';
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  height: 2px;
  background: #3E3431;
  text-align: center;
  margin-left: .75em;
  margin-top: -3px;
  margin-bottom: -2px;
}

.l-pagenav__item:before {
  content: '/';
  margin-right: .5em;
}

.l-pagenav__item:first-child:before {
  content: '';
  margin-right: 0;
}

.l-pagenav__item:first-child:after {
  margin-left: 0;
}

.l-pagenav__item.is-currentnav:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin-top: 0;
}

.l-seriesnav {
  width: 320px;
  margin: 0 auto 16px;
}

.l-seriesnav__item {
  float: left;
  width: 160px;
  padding: 8px 0;
  border: 1px solid #3E3431;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 12px;
}

.l-seriesnav__item a {
  display: block;
}

.l-seriesnav__item.is-currentseries {
  display: block;
  background: #3E3431;
  color: #fff;
  pointer-events: none;
}

@media all and (-ms-high-contrast: none) {
  .l-seriesnav__item {
    padding: 8px 0 3px;
  }
}

/* ==========================================================================
	FOOTER
========================================================================== */
.l-pagetop {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  position: fixed;
  bottom: -40px;
  right: 25px;
  display: block;
  width: 89px;
  height: 151px;
  -webkit-transform: translate(0, 110px);
      -ms-transform: translate(0, 110px);
          transform: translate(0, 110px);
  z-index: 5000;
}

.l-pagetop:hover {
  bottom: -25px;
}

.l-pagetop.is-visible {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.l-share_this {
  position: relative;
}

.l-share_this a {
  display: block;
}

.l-share_this__container {
  float: right;
  margin-top: -60px;
  margin-bottom: 20px;
}

.l-share_this__ttl {
  font-size: 14px;
  font-size: 0.875rem;
  float: left;
  margin-top: 10px;
  letter-spacing: .075em;
}

.is-music .l-share_this__ttl {
  color: #fff;
}

.l-share_this__list {
  float: left;
  margin-left: 10px;
}

.l-share_this__item {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 38px;
  height: 38px;
  float: left;
  border-radius: 19px;
  font-size: 17px;
  font-size: 1.0625rem;
  color: #fff;
  text-align: center;
  line-height: 40px;
  margin-left: 4px;
}

.l-share_this__item:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  margin-top: -5px;
}

.l-share_this__item:first-child {
  margin-left: 0;
}

.l-share_this__item.is-twitter {
  background: #00A0FF;
}

.l-share_this__item.is-facebook {
  background: #285FB8;
}

.l-share_this__item.is-hatena {
  background: #00A4DE;
}

.l-share_this__item.is-gplus {
  background: #dd4b39;
}

.l-gfooter {
  position: relative;
  clear: both;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 25px 0 20px;
  background: #fff;
  color: #3E3431;
}

.l-gfooter.is-top {
  background: #000;
  color: #fff;
}

.l-gfooter__links {
  margin: 15px 0;
  float: left;
}

.l-gfooter__links-item {
  float: left;
  padding: 0 21px;
  border-right: 1px solid #78716F;
}

.l-gfooter__links-item:first-child {
  margin-left: 0;
  border-left: 1px solid #78716F;
}

.l-gfooter__snslinks {
  float: left;
}

.l-gfooter__snslinks-item {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  float: left;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-left: 40px;
  letter-spacing: .1em;
}

.l-gfooter__snslinks-item:first-child {
  margin-left: 0;
}

.l-gfooter__snslinks-item i {
  display: inline-block;
  margin-right: 0.25em;
  font-size: 150%;
  position: relative;
  top: .1em;
}

.l-gfooter__snslinks-item.is-twitter {
  color: #00A0FF;
}

.l-gfooter__snslinks-item.is-facebook {
  color: #285FB8;
}

.l-gfooter__snslinks-item.is-youtube {
  color: #cd201f;
}

.l-gfooter__snslinks-item.is-instagram {
  color: #DC5AAA;
}

.l-gfooter__banner {
  float: right;
}

.l-gfooter__banner-item {
  float: left;
  margin-left: 10px;
  width: 220px;
}

.l-gfooter__banner-item img {
  width: 100%;
}

.l-gfooter__copyright {
  clear: both;
}