@charset "UTF-8";
/*
Theme Name: luluco_v5
Theme URI: http://underscores.me/
Author: luluco
Author URI: http://luluco.tv
Description: original theme for luluco.tv
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luluco_v5
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

luluco_v5 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*
* base
*/
/*/////////////////////////
 reset
//////////////////////////*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*/////////////////////////
 clearfix
//////////////////////////*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/*/////////////////////////
 skew
//////////////////////////*/
/*/////////////////////////
 common-btn
//////////////////////////*/
/*
//mediaquery
@mixin tablet {
  @media only screen and(max-width: 1024px) {
    @content;
  }
}
@mixin sp-large {
  @media only screen and(max-width: 640px) {
    @content;
  }
}
@mixin sp-small {
  @media only screen and(max-width: 320px) {
    @content;
  }
}
*/
/*/////////////////////////
 const
//////////////////////////*/
/*/////////////////////////
 font
//////////////////////////*/
@font-face {
  font-family: 'rounded M';
  src: url("./font/rounded-x-mplus-1p-regular.ttf") format("truetype");
}
@font-face {
  font-family: 'rounded M IE';
  src: url("./font/rounded-x-mplus-1p-regular.eot") format("truetype");
}
@font-face {
  font-family: 'rounded B';
  src: url("./font/rounded-x-mplus-1p-bold.ttf") format("truetype");
}
@font-face {
  font-family: 'rounded B IE';
  src: url("./font/rounded-x-mplus-1p-heavy.eot") format("truetype");
}
/*
@font-face
{
font-family: 'rounded H';
src: url('../font/rounded-x-mplus-1p-heavy.ttf')
     format("truetype");
}
@font-face
{
font-family: 'rounded H IE';
src: url('../font/rounded-x-mplus-1p-black.eot')
     format("truetype");
}
*/
/*/////////////////////////
 global
//////////////////////////*/
html {
  height: 100%;
  overflow-y: scroll;
}

body {
  font-family: 'rounded M', YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 1.6em;
  background: #ff78a5;
  min-width: 1080px;
  min-height: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

html.ie body {
  font-family: 'rounded M IE', YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

a, a:link {
  color: #000;
  text-decoration: underline;
}

a:hover, a:active {
  color: #ff78a5;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

p {
  background: url(../img/common/blank.gif);
}

.red {
  color: #f90057;
}

/*
* layout
*/
.wrap {
  position: relative;
  width: 100%;
  min-height: 100%;
  background: url("./img/common/bg.gif");
  overflow: hidden;
}

@media only screen and (max-height: 840px) {
  .wrap {
    min-height: 840px;
  }
}
.inner {
  position: relative;
}

/*/////////////////////////
 loader
//////////////////////////*/
#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ff78a5;
  background-size: 100% 100%;
  z-index: 9999;
}

/*/////////////////////////
 container
//////////////////////////*/
.container {
  position: relative;
  width: 100%;
  height: 100%;
}

/*/////////////////////////
 contents
//////////////////////////*/
.contents {
  position: relative;
  width: 100%;
  height: 100%;
}
.contents_titleLine {
  position: absolute;
  width: 100%;
  height: 60px;
  background: #000;
  top: 70px;
}
.contents .content {
  position: relative;
  width: 70%;
  height: 100%;
  top: 0;
  left: 30%;
  padding-bottom: 30px;
}
.contents .content_inner {
  position: relative;
  width: 624px;
  height: 100%;
  margin: 0 auto;
  padding-top: 70px;
  box-sizing: border-box;
}
.contents .content_title {
  position: relative;
  display: block;
  margin: 0 auto;
  color: #fff;
  font-size: 24px;
  padding: 4px 0px 20px;
  margin-bottom: 30px;
  font-weight: bold;
  font-family: 'rounded B';
  white-space: nowrap;
}
html.ie .contents .content_title {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
.contents .content_title .icon {
  position: relative;
  font-size: 1.5em;
  margin-right: 5px;
  color: #ffeb00;
  top: 8px;
}

/*/////////////////////////
 cover with link
//////////////////////////*/
.jumpCover {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9998;
  background: #ff78a5;
  display: none;
}
.jumpCover.in {
  display: block;
}

/*/////////////////////////
 pager
//////////////////////////*/
.navigation.pagination .screen-reader-text {
  display: none;
}
.navigation.pagination .nav-links {
  position: relative;
}
.navigation.pagination .nav-links:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
.navigation.pagination .nav-links .page-numbers {
  background: #ff78a5;
  color: #fff;
  text-decoration: none;
  display: block;
  height: 25px;
  border-radius: 12.5px;
  text-align: center;
  box-sizing: border-box;
  width: 25px;
  float: left;
  margin-right: 5px;
}
.navigation.pagination .nav-links .page-numbers.current {
  background: #ffeb00;
  color: #ff78a5;
}
.navigation.pagination .nav-links .page-numbers.prev {
  width: 70px;
}
.navigation.pagination .nav-links .page-numbers.next {
  width: 70px;
}
.navigation.pagination .nav-links .page-numbers:hover {
  background: #ffeb00;
  color: #ff78a5;
}

.sidebar {
  position: absolute;
  z-index: 100;
  width: 0px;
  height: 800px;
  top: 20px;
  left: 0;
  margin-left: 30%;
}
.sidebar_mask {
  position: absolute;
  width: 867px;
  height: 100%;
  top: 0;
  left: -820px;
  overflow: hidden;
  -webkit-transform: skewX(-15.3deg);
      -ms-transform: skewX(-15.3deg);
          transform: skewX(-15.3deg);
}
.sidebar_inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 516px;
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
  background: url("./img/gnav/bg.png") no-repeat;
}
.sidebar_logo {
  position: relative;
  width: 295px;
  height: 89px;
  top: 16px;
  left: 58px;
  z-index: 2;
}
.sidebar_logo .link {
  display: block;
  width: 100%;
  height: 100%;
  background: url("./img/gnav/logo.png") no-repeat;
}
.sidebar_logo a {
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
.sidebar_logo a:hover {
  opacity: 0.7;
}
.sidebar .gnav {
  position: relative;
  padding-top: 52px;
  padding-bottom: 14px;
  left: -6px;
  width: 334px;
  -webkit-transform: skewX(-15.3deg);
      -ms-transform: skewX(-15.3deg);
          transform: skewX(-15.3deg);
  overflow: hidden;
}
.sidebar .gnav_btn {
  width: 400px;
  height: 28px;
  margin-left: -20px;
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
}
.sidebar .gnav_btn .link {
  font-family: 'rounded B';
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 60px;
}
html.ie .sidebar .gnav_btn .link {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
.sidebar .gnav_btn .link .icon {
  display: inline-block;
  -webkit-transition: all 0.2s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.2s cubic-bezier(0, 0.6, 0.4, 1);
  position: relative;
  font-size: 1.4em;
  margin-right: 10px;
  color: #ffeb00;
  top: 2px;
}
.sidebar .gnav_btn .link::before {
  position: absolute;
  display: block;
  content: " ";
  -webkit-transform: skewX(-15.3deg);
      -ms-transform: skewX(-15.3deg);
          transform: skewX(-15.3deg);
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ffeb00;
  -webkit-transition: width 0.4s cubic-bezier(0, 0.6, 0.4, 1);
          transition: width 0.4s cubic-bezier(0, 0.6, 0.4, 1);
}
.sidebar .gnav_btn:not(.selected):not(.hide) .link:hover, .sidebar .gnav_btn.selected .link {
  -webkit-transition: all 0.2s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.2s cubic-bezier(0, 0.6, 0.4, 1);
  color: #ff78a5;
}
.sidebar .gnav_btn:not(.selected):not(.hide) .link:hover .icon, .sidebar .gnav_btn.selected .link .icon {
  color: #ff78a5;
}
.sidebar .gnav_btn:not(.selected):not(.hide) .link:hover:before, .sidebar .gnav_btn.selected .link:before {
  width: 100%;
}
.sidebar .gnav_btn.selected .link:hover, .sidebar .gnav_btn.hide .link:hover {
  cursor: default;
}
.sidebar .gnav_btn.hide {
  opacity: 0.4;
}
.sidebar .gnav_btn.update .link:after {
  position: relative;
  display: inline;
  content: 'UPDATE';
  color: #f90057;
  font-size: 80%;
  top: -3px;
  margin-left: 5px;
  font-family: 'rounded B';
  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}
html.ie .sidebar .gnav_btn.update .link:after {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
.sidebar_bottom {
  position: absolute;
  width: 270px;
  height: 205px;
  bottom: 10px;
  right: 34px;
}
.sidebar_bottom_movie {
  position: relative;
  width: 195px;
  height: 110px;
  background: #111;
  margin-bottom: 25px;
}
.sidebar_bottom_movie_btn {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
}
.sidebar_bottom_movie_btn:after {
  position: absolute;
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  border: #666 1px solid;
  box-sizing: border-box;
  top: 0;
}
.sidebar_bottom_movie_btn_thumb {
  display: block;
  -webkit-transition: all 0.5s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.5s cubic-bezier(0, 0.6, 0.4, 1);
}
.sidebar_bottom_movie_btn .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  font-size: 26px;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background: #ff78a5;
  background-color: rgba(255, 120, 165, 0.5);
  box-sizing: border-box;
  padding-top: 18px;
  padding-left: 18px;
}
.sidebar_bottom_movie_btn:hover:after {
  border: #ff78a5 3px solid;
}
.sidebar_bottom_movie_btn:hover .icon {
  background-color: #ff78a5;
}
.sidebar_bottom_movie_btn:hover .sidebar_bottom_movie_btn_thumb {
  opacity: 0.5;
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}
.sidebar_bottom_movie p {
  position: relative;
  color: #f90057;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.sidebar_bottom_usat {
  position: absolute;
  top: 0;
  right: 0;
  width: 59px;
  height: 57px;
}
.sidebar_bottom_usat a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("./img/gnav/usat.png") 50% 50% no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
.sidebar_bottom_usat a:hover {
  opacity: 0.7;
}
.sidebar_bottom_note {
  font-size: 10px;
  color: #ccc;
  line-height: 1.4em;
}
.sidebar_bottom_cr {
  position: absolute;
  bottom: 0;
  font-size: 9px;
  text-indent: -1em;
  line-height: 1.2em;
  margin-left: 1em;
  color: #ccc;
}
.sidebar_share {
  position: absolute;
  width: 300px;
  height: 160px;
  top: 372px;
  right: 4px;
}
.sidebar_share_widget {
  position: relative;
  width: 200px;
  height: 160px;
  background: rgba(255, 255, 255, 0.35);
  padding-left: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.sidebar_share-twfollow {
  position: relative;
}
.sidebar_share-tw {
  position: absolute;
  right: 0;
  bottom: 70px;
}
.sidebar_share-fb {
  position: absolute;
  right: 0;
  bottom: 0px;
}

body .sideNavBox {
  position: absolute;
  top: 900px;
  left: -300px;
  width: 320px;
  background: url("./img/entry/sideNav_bg.gif");
  padding-bottom: 30px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
body .sideNavBox .lu {
  color: #ff78a5;
  position: absolute;
  font-size: 42px;
  top: -48px;
  right: 10px;
  z-index: 10;
}
body .sideNavBox_title {
  position: relative;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #fff;
  height: 36px;
  padding-top: 2px;
  padding-left: 10px;
  box-sizing: border-box;
  margin-top: -35px;
  font-family: 'rounded B';
}
html.ie body .sideNavBox_title {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body .sideNavBox_title .icon {
  position: relative;
  font-size: 1.6em;
  margin-right: 5px;
  color: #ffeb00;
  top: 4px;
}
body .sideNavBox .subNav {
  padding-top: 20px;
}
body .sideNavBox .subNav_btn {
  margin-bottom: 8px;
  overflow: hidden;
}
body .sideNavBox .subNav_btn .link {
  text-indent: -0.8em;
  display: block;
  position: relative;
  padding: 5px 20px 5px 50px;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.2em;
  z-index: 0;
}
body .sideNavBox .subNav_btn .link .icon {
  position: relative;
  display: inline-block;
  font-size: 1em;
  margin-right: 10px;
  color: #fff;
  top: 1px;
}
body .sideNavBox .subNav_btn .link::before {
  position: absolute;
  display: block;
  content: " ";
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ffeb00;
  -webkit-transition: width 0.4s cubic-bezier(0, 0.6, 0.4, 1);
          transition: width 0.4s cubic-bezier(0, 0.6, 0.4, 1);
}
body .sideNavBox .subNav_btn:not(.hide) .link:hover {
  -webkit-transition: all 0.2s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.2s cubic-bezier(0, 0.6, 0.4, 1);
  color: #000;
}
body .sideNavBox .subNav_btn:not(.hide) .link:hover .icon {
  color: #000;
}
body .sideNavBox .subNav_btn:not(.hide) .link:hover:before {
  width: 100%;
}
body .sideNavBox .subNav_btn.hide .link:hover {
  cursor: default;
}
body .sideNavBox .subNav_btn.update .link:after {
  position: relative;
  display: inline;
  content: 'UPDATE';
  color: #f90057;
  font-size: 80%;
  top: -6px;
  margin-left: 5px;
  font-family: 'rounded B';
  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}
html.ie body .sideNavBox .subNav_btn.update .link:after {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body .sideNavBox .subNav_btn.hide {
  opacity: 0.4;
}
body .entry {
  position: relative;
  width: 100%;
  padding: 30px 20px;
  box-sizing: border-box;
  border-radius: 20px;
  background: url("./img/entry/box_bg.gif");
  font-size: 14px;
  margin-bottom: 50px;
}
body .entry .lu {
  color: #ff78a5;
  position: absolute;
  font-size: 94.5px;
  top: -26px;
  right: 12px;
  z-index: 10;
}
body .entry_tagArea {
  overflow: hidden;
  margin-bottom: 10px;
}
body .entry_tagArea:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body .entry_tagArea .entry_tag {
  position: relative;
  float: left;
  font-size: 0.8em;
  display: block;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  box-sizing: border-box;
  margin-right: 10px;
  overflow: hidden;
}
body .entry_tagArea .entry_tag a, body .entry_tagArea .entry_tag p {
  position: relative;
  display: block;
  width: 100%;
  height: 110%;
  padding: 0px 15px;
  margin-top: -2px;
  box-sizing: border-box;
}
body .entry_tagArea .entry_tag-date p {
  background: #ffeb00;
  color: #fff;
}
body .entry_tagArea .entry_tag-ctg a {
  background: #ff78a5;
  font-family: 'rounded B';
}
html.ie body .entry_tagArea .entry_tag-ctg a {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body .entry_tagArea .entry_tag-no p {
  padding: 0 30px;
  background: #ffeb00;
  color: #fff;
}
body .entry_tagArea .entry_tag a {
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
body .entry_tagArea .entry_tag a:hover {
  background: #ffeb00;
  color: #ff78a5;
}
body .entry_title {
  position: relative;
  font-size: 1.6em;
  line-height: 1.2em;
  font-family: 'rounded B';
  padding-bottom: 25px;
  margin-bottom: 25px;
}
html.ie body .entry_title {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body .entry_title:after {
  position: absolute;
  display: block;
  content: " ";
  width: 100%;
  height: 1px;
  background: url("./img/entry/dot_line.gif");
  bottom: 0;
}
body .entry_body .lu_line {
  width: 100%;
  height: 11px;
  background: url("./img/entry/lu_line.png");
  margin-bottom: 30px;
}
body .entry_body .lead {
  margin-bottom: 25px;
  font-size: 1.4em;
  color: #f90057;
}
body .entry_body h1 {
  font-size: 1.4em;
  font-family: 'rounded B';
  color: #ff78a5;
  margin-top: 15px;
}
html.ie body .entry_body h1 {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body .entry_body h2 {
  font-size: 1.1em;
  font-family: 'rounded B';
  margin: 10px 0 2px 0;
}
html.ie body .entry_body h2 {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body .entry_body p {
  margin-bottom: 25px;
}
body .entry_body a {
  position: relative;
}
body .entry_body img {
  margin: 10px 0;
  max-width: 100%;
  height: auto;
}
body .entry_body audio {
  visibility: visible !important;
  width: 300px !important;
  margin: 10px 0;
}
body .entry_body a:not(.nolink):not(.noicon):after {
  position: absolute;
  display: block;
  content: " ";
  display: inline;
  width: 11px;
  height: 9px;
  background: url("./img/entry/popupIcon.gif");
  margin-left: 4px;
  margin-top: 3px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
body .entry_body a:not(.nolink):not(.noicon):hover:after {
  background-position: 0 -10px;
}
body .entry_body .s {
  font-size: 0.9em;
  line-height: 1.6em;
}
body .entry_body .l {
  font-size: 1.2em;
  line-height: 1.8em;
}
body .entry_body .mm {
  margin-left: -0.5em;
}
body .entry_body b {
  font-weight: bold;
}
body .entry_body .headStar {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
body .entry_body .headStar:before {
  position: absolute;
  display: block;
  content: " ";
  height: 100%;
  width: 20px;
  background: url("./img/entry/headStar.png") 50% 0 no-repeat;
  top: 2px;
  left: 0;
}
body .entry_body .btnList {
  position: relative;
  width: 100%;
  margin: 0 auto 10px;
}
body .entry_body .btnList:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body .entry_body .btnList li {
  float: left;
  box-sizing: border-box;
}
body .entry_body .btnList a {
  text-decoration: none;
}
body .entry_body .btnList a img {
  opacity: 1;
}
body .entry_body .btnList a .defaultBtn {
  display: block;
  height: 36px;
  border-radius: 18px;
  text-align: center;
  box-sizing: border-box;
  background-color: #ff78a5;
  width: 100%;
  font-family: 'rounded B';
  color: #fff;
  box-sizing: border-box;
  padding-top: 7px;
  text-decoration: none !important;
  font-size: 1.2em;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
html.ie body .entry_body .btnList a .defaultBtn {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body .entry_body .btnList a .defaultBtn.dlBtn {
  background-image: url("./img/entry/dl_icon.png");
  background-position: 15px 50%;
  background-repeat: no-repeat;
  padding-left: 8px;
}
body .entry_body .btnList a:hover img {
  opacity: 0.8;
}
body .entry_body .btnList a:hover .defaultBtn {
  background-color: #ffeb00;
}
body .entry_body .btnList.col1 li {
  width: 100%;
}
body .entry_body .btnList.col2 li {
  width: 50%;
  padding: 0 5px;
}
body .entry_body .btnList.col3 li {
  width: 33.33%;
  padding: 0 5px;
}
body .entry_body .entry_movie {
  position: relative;
  width: 580px;
  height: 326px;
  background: #111;
  margin-bottom: 15px;
}
body .entry_share {
  margin-top: 40px;
}
body .entry_share:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body .entry_share_btn {
  float: left;
  margin-right: 5px;
}
body .entry_share_btn-tw {
  padding-top: 3px;
}
body .entry_shoulderShare {
  position: absolute;
  width: 93px;
  height: 80px;
  top: -20px;
  right: 5px;
}
body .entry_shoulderShare_btn {
  position: absolute;
}
body .entry_shoulderShare_btn a {
  -webkit-transform: skewX(-15.3deg);
      -ms-transform: skewX(-15.3deg);
          transform: skewX(-15.3deg);
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  width: 56px;
  height: 80px;
}
body .entry_shoulderShare_btn_img {
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: -10px;
  background: url("./img/entry/shoulderShare.png") no-repeat;
}
body .entry_shoulderShare_btn-tw {
  top: 0;
  left: 0;
}
body .entry_shoulderShare_btn-tw_img {
  background-position: 0 0;
}
body .entry_shoulderShare_btn-fb {
  top: 0;
  right: 0;
  width: 53px;
  height: 80px;
}
body .entry_shoulderShare_btn-fb_img {
  background-position: -60px 0;
}
body .tagBox {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: #959595 1px solid;
  height: 36px;
  text-align: center;
  padding-top: 6px;
  color: #959595;
}
body .tagBox .rightIcon {
  position: absolute;
  right: 10px;
  -webkit-transform: scaleY(1.5);
      -ms-transform: scaleY(1.5);
          transform: scaleY(1.5);
}

body.top .wrap {
  height: 100%;
}
body.top .content {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  padding-bottom: 0;
}
body.top .content_inner {
  position: absolute;
  left: 50%;
  margin-left: -312px;
  height: 0px;
  bottom: 0px;
}
body.top .mv {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background: #a1d7f3;
}
body.top .mv:after {
  position: absolute;
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  background: url("./img/top/mv_side.png") 50% 50% no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
body.top .mv_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("./img/top/mv_bg.png") 180% 0% no-repeat #a1d7f3;
  background-size: 90%;
  z-index: 1;
}
body.top .mv_elm {
  position: absolute;
  background: 50% 50% no-repeat;
  z-index: 3;
}
body.top .mv_elm-chara {
  width: 710px;
  height: 607px;
  top: 30%;
  left: 60%;
  margin-top: -200px;
  margin-left: -300px;
}
body.top .mv_elm-chara_img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("./img/top/mv_chara.png");
}
body.top .mv_elm-copy {
  width: 89px;
  height: 324px;
  top: 30%;
  left: 50%;
  margin-top: -200px;
  margin-left: -130px;
}
body.top .mv_elm-copy_sentence {
  position: absolute;
}
body.top .mv_elm-copy_sentence-1 {
  top: -1px;
  left: 46px;
}
body.top .mv_elm-copy_sentence-1 .mv_elm-copy_chara {
  width: 25px;
  height: 25px;
}
body.top .mv_elm-copy_sentence-2 {
  top: 36px;
  left: -6px;
}
body.top .mv_elm-copy_sentence-2 .mv_elm-copy_chara {
  width: 50px;
  height: 50px;
}
body.top .mv_elm-copy_chara {
  position: absolute;
  background: 50% 50% no-repeat;
}
body.top .mv_elm-copy_chara-1 {
  top: 0;
  left: 0;
  background-image: url("./img/top/mv_copy_chara-01.png");
}
body.top .mv_elm-copy_chara-2 {
  top: 34px;
  left: 3px;
  background-image: url("./img/top/mv_copy_chara-02.png");
}
body.top .mv_elm-copy_chara-3 {
  top: 68px;
  left: 7px;
  background-image: url("./img/top/mv_copy_chara-03.png");
}
body.top .mv_elm-copy_chara-4 {
  top: 101px;
  left: 10px;
  background-image: url("./img/top/mv_copy_chara-04.png");
}
body.top .mv_elm-copy_chara-5 {
  top: 137px;
  left: 13px;
  background-image: url("./img/top/mv_copy_chara-05.png");
}
body.top .mv_elm-copy_chara-6 {
  top: 171px;
  left: 17px;
  background-image: url("./img/top/mv_copy_chara-06.png");
}
body.top .mv_elm-copy_chara-7 {
  top: 197px;
  left: 27px;
  background-image: url("./img/top/mv_copy_chara-07.png");
}
body.top .mv_elm-copy_chara-8 {
  top: 0;
  left: 0;
  background-image: url("./img/top/mv_copy_chara-08.png");
}
body.top .mv_elm-copy_chara-9 {
  top: 55px;
  left: 5px;
  background-image: url("./img/top/mv_copy_chara-09.png");
}
body.top .mv_elm-copy_chara-10 {
  top: 106px;
  left: 8px;
  background-image: url("./img/top/mv_copy_chara-10.png");
}
body.top .mv_elm-copy_chara-11 {
  top: 160px;
  left: 13px;
  background-image: url("./img/top/mv_copy_chara-11.png");
}
body.top .mv_elm-copy_chara-12 {
  top: 217px;
  left: 19px;
  background-image: url("./img/top/mv_copy_chara-12.png");
}
body.top .mv_elm-copy_chara-13 {
  top: 254px;
  left: 34px;
  background-image: url("./img/top/mv_copy_chara-13.png");
}
body.top .mv_elm-text {
  top: 80%;
  left: 60%;
  width: 475px;
  height: 81px;
  margin-top: -210px;
  margin-left: -200px;
}
body.top .mv_elm-text a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("./img/top/mv_text.png");
}
body.top .mv_elm-text a:after {
  position: absolute;
  display: block;
  content: " ";
  width: 95px;
  height: 115px;
  top: -30px;
  right: -100px;
  background: url("./img/top/bluray.png") 50% 50% no-repeat;
}
html.pc body.top .mv_elm-text a:hover {
  opacity: 0.8;
}
body.top .mv_elm-sd {
  display: none
  /*
  top: 80%;
  left: 60%;
  width: 0;
  height: 0;
  margin-top: -140px;
  margin-left: 410px;
  &_link{
    display: block;
    position: absolute;
    width: 132px;
    height: 146px;
    bottom: 0;
    right:0;
  }
  &_chara{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left:0;
    background: 50% 50% no-repeat;
    background-size: cover;
    &-0{
      background-image: url($imgDir+'top/sd_cha14.png');
    }
    &-1{
      background-image: url($imgDir+'top/sd_cha15.png');
    }
  }
  &_balloon{
    position: absolute;
    width: 131px;
    height: 131px;
    top: -60.5px;
    left:-100.5px;
    background: 50% 50% no-repeat;
    &-D{background-image: url($imgDir+'top/sd_blnD.png');}
    &-E{background-image: url($imgDir+'top/sd_blnE.png');}
  }
  */
}
body.top .topbox {
  position: absolute;
  height: 260px;
  bottom: 0;
  background: url("./img/entry/sideNav_bg.gif");
  -webkit-transform: skewX(-15.3deg);
      -ms-transform: skewX(-15.3deg);
          transform: skewX(-15.3deg);
}
body.top .topbox-topics {
  width: 330px;
  left: -82px;
}
body.top .topbox-links {
  width: 370px;
  right: -12px;
}
body.top .topbox_inner {
  position: relative;
  margin-top: -20px;
  height: 230px;
  overflow: hidden;
}
body.top .topbox-title {
  position: relative;
  width: 100%;
  padding: 4px 10px 6px;
  top: -30px;
  box-sizing: border-box;
  background: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
body.top .topbox-title_inner {
  display: inline-block;
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
  font-family: 'rounded B';
  font-size: 15px;
}
html.ie body.top .topbox-title_inner {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.top .topbox-title_inner .icon {
  position: relative;
  font-size: 1.4em;
  margin-right: 2px;
  color: #ffeb00;
  top: 2px;
}
body.top .topbox .lu {
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
  color: #ff78a5;
  position: absolute;
  font-size: 42px;
  top: -42px;
  right: 14px;
  z-index: 10;
}
body.top .topics {
  padding: 0 20px;
}
body.top .topics li {
  position: relative;
  margin-bottom: 20px;
}
body.top .topics li .topics_link {
  text-decoration: none;
  font-size: 12px;
  display: block;
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
}
body.top .topics li .topics_link:hover .topics_link_date {
  color: #ff78a5;
  background: #fff;
}
body.top .topics li .topics_link:hover .topics_link_text {
  color: #fff;
}
body.top .topics li .topics_link_date {
  width: 92px;
  display: block;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  box-sizing: border-box;
  background: #ffeb00;
  margin-bottom: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
body.top .topics li .topics_link_text {
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
  white-space: nowrap;
  position: absolute;
  opacity: 0;
}
body.top .topics li .topics_link_text.in {
  position: relative;
  opacity: 1;
}
body.top .topics_more {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -48px;
}
body.top .topics_more_btn {
  width: 96px;
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
  display: block;
  height: 21px;
  border-radius: 10.5px;
  text-align: center;
  box-sizing: border-box;
  font-family: 'rounded B';
  color: #ff78a5;
  text-decoration: none;
  background: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
  overflow: hidden;
}
html.ie body.top .topics_more_btn {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.top .topics_more_btn p {
  position: relative;
  top: -1px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
body.top .topics_more_btn p .icon {
  position: relative;
  display: inline-block;
  font-size: 0.9em;
  margin-right: 6px;
  margin-left: -8px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
body.top .topics_more_btn:hover {
  background: #ffeb00;
}
body.top .topics_more_btn:hover p {
  color: #000;
}
body.top .links {
  padding: 0 15px;
  margin-right: -8px;
}
body.top .links:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.top .links li {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}
body.top .links li .links_banner {
  display: block;
  background: #fff;
  width: 166px;
  overflow: hidden;
}
body.top .links li .links_banner img {
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
  display: block;
  margin-left: -8px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
body.top .links li .links_banner:hover img {
  opacity: 0.7;
  -webkit-transform: scale3d(1.1, 1.1, 1) skewX(15.3deg);
          transform: scale3d(1.1, 1.1, 1) skewX(15.3deg);
}

body.staffcast .wrap {
  height: 100%;
}
@media only screen and (max-height: 1200px) {
  body.staffcast .wrap {
    min-height: 1300px;
  }
}
body.staffcast .content_title {
  width: 280px;
}
body.staffcast .listset {
  position: relative;
  width: 740px;
  height: 650px;
  background: url("./img/staffcast/list_bg.png") 0 0 no-repeat;
  margin-left: -85px;
  margin-top: 20px;
  padding-left: 82px;
  padding-top: 20px;
  box-sizing: border-box;
}
body.staffcast .listset:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.staffcast .listset .list {
  float: left;
  box-sizing: border-box;
  height: 640px;
  padding-top: 10px;
  margin-right: 22px;
  -webkit-transform: skewX(-15.3deg);
      -ms-transform: skewX(-15.3deg);
          transform: skewX(-15.3deg);
}
body.staffcast .listset .list-l {
  width: 272px;
}
body.staffcast .listset .list-r {
  width: 272px;
}
body.staffcast .listset .list li:not(.list_title) {
  margin-top: 8px;
  padding-left: 25px;
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
}
body.staffcast .listset .list_title {
  display: block;
  position: relative;
  background: #ffeb00;
  width: 100%;
  height: 36px;
  margin-top: -30px;
  left: -1.5px;
  box-sizing: border-box;
  padding: 5px 25px;
  color: #ff78a5;
  font-size: 20px;
  border-top-left-radius: 12px;
  border-top-right-radius: 19px;
  font-family: 'rounded B';
}
html.ie body.staffcast .listset .list_title {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.staffcast .listset .list_title h3 {
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
}
body.staffcast .listset .list_title h3 .icon {
  position: relative;
  font-size: 1.1em;
  margin-right: 3px;
  color: #ff78a5;
  top: 2px;
}
body.staffcast .listset .list_title h3 .lu {
  color: #ff78a5;
  position: absolute;
  font-size: 48px;
  top: -23px;
  right: -10px;
  z-index: 10;
}
body.staffcast .listset .list_tag {
  color: #eb5433;
  font-size: 12px;
  margin-bottom: -2px;
}
body.staffcast .listset .list_tag-bk {
  color: #333;
  margin-top: -10px;
}
body.staffcast .listset .list_name {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2em;
  white-space: nowrap;
}
body.staffcast .listset .list_name-s {
  margin-bottom: -0.5em;
}

body.news .content_title {
  width: 140px;
}
body.news .container {
  min-height: 1200px;
}
body.news .headNavArea {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
body.news .headNavArea .subNav {
  position: relative;
}
body.news .headNavArea .subNav:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.news .headNavArea .subNav_btn {
  float: left;
  margin-right: 11px;
  margin-bottom: 10px;
  width: 116px;
}
body.news .headNavArea .subNav_btn-others {
  margin-right: 0;
}
body.news .headNavArea .subNav_btn-all {
  width: 100%;
}
body.news .headNavArea .subNav_btn .link {
  position: relative;
  background: #ff78a5;
  text-decoration: none;
  display: block;
  height: 28px;
  border-radius: 14px;
  text-align: center;
  box-sizing: border-box;
  font-family: 'rounded B';
  color: #fff;
  padding-top: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
html.ie body.news .headNavArea .subNav_btn .link {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.news .headNavArea .subNav_btn .link .icon {
  display: none;
}
body.news .headNavArea .subNav_btn:not(.selected):not(.hide) .link:hover, body.news .headNavArea .subNav_btn.selected .link {
  background: #ffeb00;
  color: #ff78a5;
}
body.news .headNavArea .subNav_btn.selected .link:hover, body.news .headNavArea .subNav_btn.hide .link:hover {
  cursor: default;
}
body.news .headNavArea .subNav_btn.hide {
  opacity: 0.4;
}

@media only screen and (max-height: 1000px) {
  body.story .wrap {
    min-height: 1000px;
  }
}
body.story .content_title {
  width: 170px;
}
body.story .headNavArea {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
body.story .headNavArea .headNav {
  position: relative;
}
body.story .headNavArea .headNav:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.story .headNavArea .headNav_btn {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 80px;
  font-size: 0.9em;
}
body.story .headNavArea .headNav_btn-7 {
  margin-right: 0;
}
body.story .headNavArea .headNav_btn-0 {
  width: 100%;
  font-size: 1em;
  font-family: 'rounded B';
}
html.ie body.story .headNavArea .headNav_btn-0 {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.story .headNavArea .headNav_btn .link {
  position: relative;
  background: #ff78a5;
  text-decoration: none;
  display: block;
  height: 28px;
  border-radius: 14px;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  padding-top: 2px;
  letter-spacing: 0.1em;
}
body.story .headNavArea .headNav_btn .link b {
  font-weight: normal;
  font-size: 1.6em;
  letter-spacing: -0.1em;
  margin-right: 0.2em;
}
body.story .headNavArea .headNav_btn:not(.selected):not(.hide) .link:hover, body.story .headNavArea .headNav_btn.selected .link {
  background: #ffeb00;
  color: #ff78a5;
}
body.story .headNavArea .headNav_btn.selected .link:hover, body.story .headNavArea .headNav_btn.hide .link:hover {
  cursor: default;
}
body.story .headNavArea .headNav_btn.hide {
  opacity: 0.4;
}
body.story .introduction {
  position: relative;
  margin-left: 30px;
  white-space: nowrap;
}
body.story .introduction:before {
  position: absolute;
  display: block;
  content: " ";
  width: 1529px;
  height: 1330px;
  background: url("./img/story/introduction_bg.png") 0 0 no-repeat;
  top: 0px;
  left: -320px;
  z-index: 0;
}
body.story .introduction .lu {
  color: #ff78a5;
  position: absolute;
  font-size: 94.5px;
  top: -26px;
  right: 12px;
  z-index: 10;
}
body.story .introduction_inner {
  position: relative;
  height: 800px;
  width: 564px;
  margin-left: -67px;
  -webkit-transform: skewX(-15.3deg);
      -ms-transform: skewX(-15.3deg);
          transform: skewX(-15.3deg);
  overflow: hidden;
  border-top-left-radius: 22px;
  border-top-right-radius: 36px;
}
body.story .introduction_inner .introduction_title {
  position: relative;
  background: #fff;
  box-sizing: border-box;
  padding: 30px;
  height: 94px;
}
body.story .introduction_inner .introduction_title p {
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
  font-family: 'rounded B';
  position: absolute;
  font-size: 2em;
  margin-top: 5px;
  color: #ff78a5;
}
html.ie body.story .introduction_inner .introduction_title p {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.story .introduction_inner .introduction_body {
  box-sizing: border-box;
  padding: 30px 30px 50px;
  font-family: 'rounded B';
}
html.ie body.story .introduction_inner .introduction_body {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.story .introduction_inner .introduction_body p {
  -webkit-transform: skewX(15.3deg);
      -ms-transform: skewX(15.3deg);
          transform: skewX(15.3deg);
  line-height: 2.4em;
  font-size: 1.1em;
}
body.story .introduction_inner .introduction_body p b {
  font-weight: normal;
  font-size: 1.4em;
}
body.story .introduction_inner .introduction_body p b.red {
  font-size: 1.6em;
}
body.story .introduction_inner .introduction_body-detail {
  text-align: right;
}
body.story .entry_date {
  position: absolute;
  top: 65px;
  right: 20px;
  text-align: right;
  line-height: 1.4em;
}
body.story .entry_body .scene {
  position: relative;
  margin: 20px -5px;
}
body.story .entry_body .scene:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.story .entry_body .scene img {
  display: block;
  float: left;
  width: 287px;
  margin: 0 5px 10px;
  height: auto;
}
body.story .entry_staff {
  width: 100%;
}
body.story .entry_staff:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.story .entry_staff li {
  float: left;
  width: 50%
  /*
  &:nth-child(2n){
    margin-left: -10%;
  }
  */
}
body.story .entry_staff li p {
  float: left;
}
body.story .entry_staff_tag {
  color: #f90057;
}

body.onair .content_title {
  width: 190px;
}
body.onair .entry {
  margin-top: 60px;
}
body.onair .entry_body .onairBox_table {
  width: 100%;
}
body.onair .entry_body .onairBox_table th {
  border: #ff78a5 1px solid;
  background: #ff78a5;
  padding: 5px 20px;
  color: #fff;
}
body.onair .entry_body .onairBox_table td {
  border: #ff78a5 1px solid;
  padding: 5px 20px;
  font-size: 0.8em;
}
body.onair .entry_body .onairBox_table td.onairBox_table-ch {
  text-align: center;
  font-size: 1em;
  width: 30%;
}
body.onair .entry_body .onairBox_table td.onairBox_table-time {
  width: 30%;
}
body.onair .entry_body .onairBox_table td.onairBox_table-note {
  width: 40%;
  line-height: 1.4em;
  padding-bottom: 0.8em;
}
body.onair .entry_body .onairBox_table td .note {
  font-size: 0.9em;
}
body.onair .entry_body .onairBox_note {
  font-size: 0.8em;
  margin-bottom: 20px;
}

body.character .content_title {
  width: 190px;
}
body.character .thumbList {
  margin-right: -10px;
  margin-bottom: 40px;
}
body.character .thumbList:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.character .thumbList .thumb {
  position: relative;
  float: left;
  margin-left: 10px;
}
body.character .thumbList .thumb_btn {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  border-radius: 40px;
  border: 3px #ff78a5 solid;
  overflow: hidden;
}
body.character .thumbList .thumb_btn_img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
}
body.character .thumbList .thumb_btn:hover {
  border: 5px #ffeb00 solid;
}
body.character .thumbList .thumb.selected .thumb_btn {
  border: 5px #ffeb00 solid;
}
body.character .charaArea {
  position: relative;
  min-height: 800px;
  height: 100%;
  box-sizing: border-box;
}
body.character .charaArea:before {
  position: absolute;
  display: block;
  content: " ";
  width: 1528px;
  height: 1329px;
  background: url("./img/character/bg.png") 0 0 no-repeat;
  top: 0px;
  left: -320px;
  z-index: 0;
}
body.character .charaArea .chara {
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 60px;
  padding-top: 80px;
  display: none;
}
body.character .charaArea .chara.in, body.character .charaArea .chara.out {
  display: block;
}
body.character .charaArea .chara_name {
  display: block;
  position: absolute;
  font-size: 28px;
  font-family: 'rounded B';
  top: 0;
  height: 60px;
  box-sizing: border-box;
  background: #ffeb00;
  border-radius: 30px;
  padding: 16px 20px 0;
  white-space: nowrap;
  color: #fff;
}
html.ie body.character .charaArea .chara_name {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.character .charaArea .chara_text {
  font-size: 16px;
  line-height: 1.8em;
  position: relative;
  z-index: 1;
}
body.character .charaArea .chara_cv {
  color: #ff78a5;
  font-size: 14px;
  font-family: 'rounded B';
  line-height: 4em;
}
html.ie body.character .charaArea .chara_cv {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.character .charaArea .chara_cv_name {
  font-size: 20px;
}
body.character .charaArea .chara_img {
  position: absolute;
}
body.character .charaArea .chara-01 .chara_img-1 {
  top: 130px;
  left: 180px;
}
body.character .charaArea .chara-01 .chara_img-2 {
  top: 240px;
  left: -10px;
}
body.character .charaArea .chara-01 .chara_img-3 {
  top: 420px;
  left: -140px;
}
body.character .charaArea .chara-01 .chara_img-4 {
  top: 470px;
  left: 40px;
}
body.character .charaArea .chara-02 .chara_img-1 {
  top: 120px;
  left: 190px;
}
body.character .charaArea .chara-02 .chara_img-2 {
  top: 240px;
  left: 10px;
}
body.character .charaArea .chara-02 .chara_img-3 {
  top: 380px;
  left: -140px;
}
body.character .charaArea .chara-02 .chara_img-4 {
  top: 460px;
  left: 40px;
}
body.character .charaArea .chara-03 .chara_img-1 {
  top: 120px;
  left: 190px;
}
body.character .charaArea .chara-03 .chara_img-2 {
  top: 220px;
  left: 0px;
}
body.character .charaArea .chara-03 .chara_img-3 {
  top: 360px;
  left: -120px;
}
body.character .charaArea .chara-03 .chara_img-4 {
  top: 450px;
  left: 10px;
}
body.character .charaArea .chara-04 .chara_img-1 {
  top: 130px;
  left: -40px;
}
body.character .charaArea .chara-05 .chara_img-1 {
  top: 140px;
  left: 100px;
}
body.character .charaArea .chara-06 .chara_img-1 {
  top: 150px;
  left: 0px;
}
body.character .charaArea .chara-07 .chara_img-1 {
  top: 120px;
  left: 70px;
}
body.character .charaArea .chara-07 .chara_img-2 {
  top: 190px;
  left: -30px;
}
body.character .charaArea .chara-07 .chara_img-3 {
  top: 400px;
  left: -120px;
}
body.character .lu {
  color: #ff78a5;
  position: absolute;
  font-size: 94.5px;
  top: 264px;
  right: 48px;
  z-index: 10;
}
body.character .arrow {
  position: absolute;
  height: 0;
  width: 100%;
  top: 630px;
  left: 0;
  z-index: 50;
}
body.character .arrow_btn {
  position: absolute;
  width: 74px;
  height: 74px;
  box-sizing: border-box;
  border: 3px #ff78a5 solid;
  border-radius: 37px;
  background: 50% 50% no-repeat #fff;
  margin-top: -37px;
  margin-left: -37px;
  overflow: hidden;
}
body.character .arrow_btn .icon {
  color: #ff78a5;
  position: absolute;
  font-size: 40px;
  top: 14px;
  left: 14px;
  z-index: 10;
}
body.character .arrow_btn-l {
  left: -30px;
}
body.character .arrow_btn-r {
  right: 80px;
}
html.pc body.character .arrow_btn:hover {
  background-color: #ff78a5;
}
html.pc body.character .arrow_btn:hover .icon {
  color: #fff;
}

body.special .content_title {
  width: 170px;
}
body.special .container {
  min-height: 1600px;
}
body.special .headNavArea {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
body.special .headNavArea .headNav {
  position: relative;
}
body.special .headNavArea .headNav_btn {
  margin-bottom: 10px;
  width: 100%;
}
body.special .headNavArea .headNav_btn a {
  position: relative;
  background: #ff78a5;
  text-decoration: none;
  display: block;
  height: 28px;
  border-radius: 14px;
  text-align: center;
  box-sizing: border-box;
  font-family: 'rounded B';
  color: #fff;
  padding-top: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
html.ie body.special .headNavArea .headNav_btn a {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.special .headNavArea .headNav_btn a:hover {
  background: #ffeb00;
  color: #000;
}
body.special .specialIndex {
  margin-right: -20px;
}
body.special .specialIndex:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.special .specialIndex li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
body.special .specialIndexBox {
  display: block;
  width: 300px;
  height: 280px;
  padding: 15px 20px;
  box-sizing: border-box;
  border-radius: 20px;
  text-decoration: none;
  background: url("./img/entry/box_bg.gif");
}
body.special .specialIndexBox_title {
  display: block;
  height: 36px;
  border-radius: 18px;
  text-align: center;
  box-sizing: border-box;
  width: 260px;
  text-align: center;
  display: table;
  background: #ffeb00;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 15px;
  -webkit-transition: background 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: background 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
body.special .specialIndexBox_title p {
  display: table-cell;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.2em;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
body.special .specialIndexBox_thumb {
  margin-bottom: 5px;
  width: 260px;
  height: 180px;
  overflow: hidden;
  background: url("./img/special/thumb_default.gif") #fff;
  border: #eee 1px solid;
}
body.special .specialIndexBox_thumb img {
  display: block;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
  width: 100%;
  height: auto;
}
body.special .specialIndexBox_date {
  text-align: center;
}
body.special .specialIndexBox_date:after {
  content: 'UPDATE';
  position: relative;
  display: inline;
  margin-left: 5px;
  color: #f90057;
}
body.special .specialIndexBox:hover {
  border: #ff78a5 3px solid;
  background-position: -3px -3px;
}
body.special .specialIndexBox:hover .specialIndexBox_title {
  margin-top: -3px;
  margin-left: -3px;
  background: #ff78a5;
}
body.special .specialIndexBox:hover .specialIndexBox_title p {
  color: #fff;
}
body.special .specialIndexBox:hover .specialIndexBox_thumb {
  margin-left: -3px;
}
body.special .specialIndexBox:hover .specialIndexBox_thumb img {
  opacity: 0.5;
}
body.special .specialIndexBox:hover .specialIndexBox_date {
  color: #000;
}

@media only screen and (max-height: 1000px) {
  body.cd .wrap {
    min-height: 1000px;
  }
}
body.cd .content_title {
  width: 80px;
}
body.cd .headNavArea {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
body.cd .headNavArea .headNav {
  position: relative;
}
body.cd .headNavArea .headNav:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.cd .headNavArea .headNav_btn {
  margin-bottom: 10px;
  width: 305px;
  font-size: 1.2em;
  font-family: 'rounded B';
}
html.ie body.cd .headNavArea .headNav_btn {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.cd .headNavArea .headNav_btn-op {
  float: left;
}
body.cd .headNavArea .headNav_btn-ed {
  float: right;
}
body.cd .headNavArea .headNav_btn .link {
  position: relative;
  background: #ff78a5;
  text-decoration: none;
  display: block;
  height: 28px;
  border-radius: 14px;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  padding-top: 2px;
  letter-spacing: 0.1em;
}
body.cd .headNavArea .headNav_btn .link b {
  font-weight: normal;
  font-size: 1.6em;
  letter-spacing: -0.1em;
  margin-right: 0.2em;
}
body.cd .headNavArea .headNav_btn:not(.selected):not(.hide) .link:hover, body.cd .headNavArea .headNav_btn.selected .link {
  background: #ffeb00;
}
body.cd .headNavArea .headNav_btn.selected .link:hover, body.cd .headNavArea .headNav_btn.hide .link:hover {
  cursor: default;
}
body.cd .headNavArea .headNav_btn.hide {
  opacity: 0.4;
}
body.cd .entry_media {
  position: absolute;
  top: 65px;
  right: 20px;
  text-align: right;
  line-height: 1.4em;
}
body.cd .entry_body .media {
  position: relative;
  margin-bottom: 20px;
}
body.cd .entry_body .media:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.cd .entry_body .media_jacket {
  position: relative;
  float: left;
  margin-right: 30px;
  width: 311px;
}
body.cd .entry_body .media_jacket img {
  width: 100%;
  height: auto;
}
body.cd .entry_body .media_text {
  width: 243px;
  position: relative;
  float: left;
}
body.cd .entry_body .media_text_name {
  color: #f90057;
}
body.cd .entry_body .media_text_title {
  font-family: 'rounded B';
  font-size: 1.6em;
}
html.ie body.cd .entry_body .media_text_title {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.cd .entry_body .media_text_text {
  white-space: nowrap;
}

@media only screen and (max-height: 1000px) {
  body.bluray .wrap {
    min-height: 1000px;
  }
}
body.bluray .content_title {
  width: 140px;
}
body.bluray .entry_media {
  position: absolute;
  top: 65px;
  right: 20px;
  text-align: right;
  line-height: 1.4em;
}
body.bluray .entry_body .media {
  position: relative;
  margin: 5px 0;
}
body.bluray .entry_body .media:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
}
body.bluray .entry_body .media_jacket {
  position: relative;
  float: left;
  margin-right: 20px;
  width: 200px;
}
body.bluray .entry_body .media_jacket img {
  width: 100%;
  height: auto;
  margin: 0;
}
body.bluray .entry_body .media_text {
  width: 360px;
  position: relative;
  float: left;
}
body.bluray .entry_body .media_text_name {
  color: #f90057;
  margin-top: 0;
}
body.bluray .entry_body .media_text_title {
  font-family: 'rounded B';
  font-size: 1.6em;
}
html.ie body.bluray .entry_body .media_text_title {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.bluray .entry_body .media_text_date {
  font-family: 'rounded B';
  font-size: 1.6em;
}
html.ie body.bluray .entry_body .media_text_date {
  font-family: 'rounded B IE';
  -webkit-transform: rotate(0.028deg);
      -ms-transform: rotate(0.028deg);
          transform: rotate(0.028deg);
}
body.bluray .entry_body .media_text_text {
  white-space: nowrap;
}

.overflow {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.overflow.in {
  display: table;
}
.overflow_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.9;
}
.overflow_inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.overflow_contents {
  display: inline-block;
  position: relative;
}
.overflow_contents_nico {
  display: none;
}
.overflow.nico .overflow_contents_loader {
  display: none;
}
.overflow.nico .overflow_contents_nico {
  display: block;
}
.overflow_closeBtn {
  position: absolute;
  top: 0px;
  right: -60px;
}
.overflow_closeBtn .link {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  background: #ff78a5;
  border-radius: 25px;
}
.overflow_closeBtn .link .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  font-size: 32px;
  color: #fff;
}
.overflow_closeBtn .link:hover {
  background: #ffeb00;
}
.overflow_closeBtn .link:hover .icon {
  color: #000;
}
.overflow_movie {
  position: relative;
  width: 580px;
  height: 326px;
  background: #000;
  border: #ff78a5 4px solid;
}
.overflow_kv {
  position: relative;
  width: 100%;
}
.overflow_kv p {
  font-size: 1.8em;
  color: #ff78a5;
  font-weight: bold;
  margin-bottom: 20px;
}
.overflow_kv .kv_img {
  position: relative;
  width: auto;
  height: 100%;
}

html.pc .header {
  display: none;
}

html.sp body {
  background: #7f7f7f;
  min-width: 750px;
}
html.sp .wrap {
  width: 750px;
  height: auto;
}
html.sp .container {
  padding-top: 153px;
}
html.sp .container.sidebarIn {
  min-height: 1800px;
}
html.sp .header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 153px;
  background: url("./img/gnav/sp_header_bg.png") 0 0 no-repeat #7f7f7f;
}
html.sp .header .sidebar_logo {
  top: 28px;
}
html.sp .header .sidebar_logo .link {
  -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
}
html.sp .header_navBtn {
  position: absolute;
  top: 40px;
  right: 70px;
}
html.sp .header_navBtn .link {
  display: block;
  width: 70px;
  height: 70px;
}
html.sp .header .hbgBtn_line {
  position: absolute;
  width: 70px;
  height: 10px;
  border-radius: 5px;
  background: #fff;
  top: 50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -5px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.4, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.4, 1);
  z-index: 1;
}
html.sp .header .hbgBtn_line-1 {
  -webkit-transform: translate3d(0, -25px, 0);
          transform: translate3d(0, -25px, 0);
}
html.sp .header .hbgBtn_line-3 {
  -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0);
}
html.sp .header .hbgBtn.close .hbgBtn_line-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(135deg);
          transform: translate3d(0, 0, 0) rotate(135deg);
}
html.sp .header .hbgBtn.close .hbgBtn_line-2 {
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
html.sp .header .hbgBtn.close .hbgBtn_line-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(225deg);
          transform: translate3d(0, 0, 0) rotate(225deg);
}
html.sp .spNavCover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  display: none;
}
html.sp .sidebar {
  height: 100%;
  margin-left: -60px;
  width: 810px;
  top: 150px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
  -webkit-transform: translate3d(-800px, 0, 0);
          transform: translate3d(-800px, 0, 0);
}
html.sp .sidebar.in {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
html.sp .sidebar_mask {
  left: -200px;
  width: 910px;
  height: 1660px;
}
html.sp .sidebar_inner {
  padding: 0;
  left: 200px;
  background: url("./img/gnav/sp_bg.png") 0px -150px no-repeat;
}
html.sp .sidebar .sidebar_logo {
  display: none;
}
html.sp .sidebar .gnav {
  left: -78px;
  height: 720px;
  width: 750px;
}
html.sp .sidebar .gnav_btn {
  width: 120%;
  height: 90px;
}
html.sp .sidebar .gnav_btn .link {
  font-size: 280%;
  padding-left: 300px;
  padding-top: 10PX;
}
html.sp .sidebar .gnav_btn .link .icon {
  top: 10px;
}
html.sp .sidebar_share {
  top: 900px;
  left: 180px;
  right: auto;
  -webkit-transform: scale3d(2, 2, 1);
          transform: scale3d(2, 2, 1);
  height: 70px;
  width: 150px;
}
html.sp .sidebar_share-tw {
  right: auto;
  left: 0;
  bottom: -6px;
}
html.sp .sidebar_bottom {
  top: 1080px;
  left: 60px;
  bottom: auto;
  right: auto;
  width: 470px;
  padding: 40px;
}
html.sp .sidebar_bottom_movie {
  width: 380px;
  height: 215px;
  background: none;
}
html.sp .sidebar_bottom_movie_btn_thumb {
  width: 100%;
  height: auto;
}
html.sp .sidebar_bottom_movie_btn .icon {
  width: 120px;
  height: 120px;
  margin-top: -60px;
  margin-left: -60px;
  border-radius: 60px;
  font-size: 52px;
  padding: 36px;
}
html.sp .sidebar_bottom_usat {
  width: 120px;
  height: 120px;
  top: -200px;
  right: 20px;
}
html.sp .sidebar_bottom_note {
  font-size: 160%;
  width: 380px;
  margin-bottom: 40px;
}
html.sp .sidebar_bottom_cr {
  position: relative;
  font-size: 150%;
  width: 400px;
}
html.sp .contents .content {
  width: 100%;
  height: auto;
  left: 0;
}
html.sp body.top .contents .mv {
  overflow: hidden;
  position: relative;
  height: 888px;
}
html.sp body.top .contents .mv_bg {
  background-position: 50% 50%;
  background-size: 160%;
}
html.sp body.top .contents .mv_elm-chara {
  top: 36%;
  left: 50%;
  margin-left: -355px;
  -webkit-transform: scale3d(1.3, 1.3, 1);
          transform: scale3d(1.3, 1.3, 1);
}
html.sp body.top .contents .mv_elm-copy {
  top: 32%;
  left: 22%;
  -webkit-transform: scale3d(1.3, 1.3, 1);
          transform: scale3d(1.3, 1.3, 1);
}
html.sp body.top .contents .mv_elm-text {
  top: 75%;
  left: 50%;
  width: 608px;
  height: 158px;
  margin-top: 0px;
  margin-left: -384px;
  background-image: url("./img/top/sp_mv_text.png");
}
html.sp body.top .contents .mv_elm-sd {
  margin-top: 80px;
  margin-left: 280px;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}
html.sp body.top .contents .content {
  position: relative;
  top: 0;
  bottom: auto;
  height: 100%;
  padding-bottom: 0;
}
html.sp body.top .contents .content_inner {
  position: relative;
  left: 0;
  margin-left: auto;
  height: 100%;
  bottom: 0px;
  width: 100%;
  padding: 0;
}
html.sp body.top .topbox {
  position: relative;
  bottom: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border-top: #7f7f7f 2px solid;
}
html.sp body.top .topbox .lu {
  display: none;
}
html.sp body.top .topbox-title {
  top: 0;
  background: none;
  border-radius: none;
  padding: 30px 40px;
}
html.sp body.top .topbox-title_inner {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  font-size: 320%;
  padding-bottom: 30px;
}
html.sp body.top .topbox-title_inner .icon {
  top: 10px;
}
html.sp body.top .topbox_inner {
  margin-top: 0;
  padding: 0;
}
html.sp body.top .topbox-topics {
  width: 100%;
  height: 1320px;
  left: 0;
  background: url("./img/top/sp_topics_bg.png") 0 0 no-repeat;
}
html.sp body.top .topbox-links {
  width: 100%;
  height: 740px;
  left: 0;
  background: url("./img/top/sp_link_bg.png") 0 0 no-repeat;
}
html.sp body.top .topbox .topics {
  height: 604px;
}
html.sp body.top .topbox .topics li {
  padding: 40px;
  margin-bottom: 0;
  border-bottom: #fff 1px solid;
}
html.sp body.top .topbox .topics li .topics_link {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  font-size: 240%;
}
html.sp body.top .topbox .topics li .topics_link_date {
  width: 230px;
  height: 50px;
  border-radius: 25px;
  padding-top: 12px;
  margin-bottom: 10px;
}
html.sp body.top .topbox .topics li .topics_link_text {
  padding: 20px 0;
  display: block;
}
html.sp body.top .topbox .topics_more {
  top: 40px;
  bottom: auto;
  left: auto;
  right: 40px;
}
html.sp body.top .topbox .topics_more_btn {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  background: #ff78a5;
  color: #fff;
  width: 240px;
  height: 70px;
  border-radius: 35px;
  font-size: 260%;
  padding-top: 23px;
}
html.sp body.top .topbox .topics_more_btn p .icon {
  display: inline-block;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  float: right;
  margin-top: -6px;
  margin-right: 30px;
  margin-left: -30px;
}
html.sp body.top .topbox .links {
  width: 708px;
  height: 590px;
  margin: 0 auto;
  padding: 80px 0;
  box-sizing: border-box;
}
html.sp body.top .topbox .links li {
  width: 324px;
  height: 90px;
  overflow: hidden;
  margin: 10px;
}
html.sp body.top .topbox .links li a {
  width: 100%;
  height: 100%;
}
html.sp body.top .topbox .links li a img {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 324px;
  height: auto;
  margin: 0;
}
html.sp body.top .topbox .sidebar_share_widget {
  width: 50%;
  height: 215px;
  box-sizing: border-box;
  padding: 20px;
  margin: 0 auto;
  top: 107px;
  -webkit-transform: scale3d(2, 2, 1);
          transform: scale3d(2, 2, 1);
  background: none;
}
html.sp body.top .topbox .sidebar_share_widget iframe {
  position: relative !important;
  width: 500px !important;
}
html.sp body.top .topbox .sidebar_share-twfollow {
  position: relative;
  width: 65px;
  height: 20px;
  -webkit-transform: scale3d(2, 2, 1);
          transform: scale3d(2, 2, 1);
  margin: 270px auto 0;
}
html.sp body.story .introduction {
  margin-left: 100px;
}
html.sp body.story .introduction .lu {
  right: -40px;
}
html.sp body.character .arrow {
  left: 75px;
}
html.sp body.character .charaArea .chara_img {
  margin-left: 75px;
}
html.sp .sideNavBox {
  display: none;
}
html.sp .overflow {
  height: 130%;
  margin-top: -15%;
}
html.sp .movie {
  /*
  .playBtn{
  	display: none;
  }
  .thumb{
  	display: none;
  }
  */
}

/*
* module
*/
@font-face {
  font-family: 'lulucoicon';
  src: url("font/lulucoicon.eot?m1yhs");
  src: url("font/lulucoicon.eot?m1yhs#iefix") format("embedded-opentype"), url("font/lulucoicon.ttf?m1yhs") format("truetype"), url("font/lulucoicon.woff?m1yhs") format("woff"), url("font/lulucoicon.svg?m1yhs#lulucoicon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lulucoicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "\e90f";
}

.icon-lu:before {
  content: "\e90e";
}

.icon-dl:before {
  content: "\e900";
}

.icon-down:before {
  content: "\e901";
}

.icon-left:before {
  content: "\e902";
}

.icon-left2:before {
  content: "\e903";
}

.icon-pause:before {
  content: "\e904";
}

.icon-play:before {
  content: "\e905";
}

.icon-popup:before {
  content: "\e906";
}

.icon-right:before {
  content: "\e907";
}

.icon-right2:before {
  content: "\e908";
}

.icon-star1:before {
  content: "\e909";
}

.icon-star2:before {
  content: "\e90a";
}

.icon-up:before {
  content: "\e90b";
}

.icon-voff:before {
  content: "\e90c";
}

.icon-von:before {
  content: "\e90d";
}

.movie {
  position: relative;
  width: 580px;
  height: 326px;
  background: #000;
  overflow: hidden;
}
.movie video {
  position: absolute;
  top: 0;
  left: 0;
}
.movie .thumb {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  margin: 0;
}
.movie.stop .thumb {
  opacity: 1;
}
.movie .playBtn {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("./img/common/blank.gif");
  opacity: 0;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
.movie .playBtn .icon {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 50%;
  left: 50%;
  margin-top: -90px;
  margin-left: -90px;
  border-radius: 90px;
  background: #ff78a5;
  background-color: rgba(255, 120, 165, 0.5);
  color: #fff;
  font-size: 80px;
  padding-top: 50px;
  padding-left: 2px;
  box-sizing: border-box;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
.movie .playBtn .icon-play {
  display: none;
}
.movie .playBtn:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5);
}
.movie.stop .playBtn {
  opacity: 1;
}
.movie.stop .playBtn .icon-play, .movie.pause .playBtn .icon-play {
  display: block;
}
.movie.stop .playBtn .icon-pause, .movie.pause .playBtn .icon-pause {
  display: none;
}
.movie.stop .playBtn:hover .icon {
  background-color: #ff78a5;
}
.movie .volBtn {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  bottom: -40px;
  right: 0px;
  background: #ff78a5;
  border-radius: 15px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
          transition: all 0.3s cubic-bezier(0, 0.6, 0.4, 1);
}
.movie .volBtn .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -8px;
  font-size: 18px;
  color: #fff;
}
.movie .volBtn .icon-voff {
  display: none;
}
.movie .volBtn:hover {
  opacity: 0.6;
}
.movie .volBtn.off .icon-voff {
  display: block;
}
.movie .volBtn.off .icon-von {
  display: none;
}

.wrap {
  -webkit-animation: bgLoop 6s linear infinite;
          animation: bgLoop 6s linear infinite;
}

html.csstransforms3d .jumpCover.in {
  -webkit-animation: jumpCoverIn 0.8s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: jumpCoverIn 0.8s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d body.top .mv.fixed .mv_elm {
  /*
  &-sd{
  	&_chara{
  		transform-origin:50% 100%;
  		animation: topSDCharaLoop 8s cubic-bezier(0,0.4,.5,1) 5s;
  		animation-iteration-count:infinite;
  		&-10{
  			transform-origin:20% 100%;
  			animation-name: topSDNinjaLoop;
  		}
  	}
  	&_balloon{
  		transform-origin:100% 100%;
  		animation: topSDBalloonLoop 8s cubic-bezier(0.4,0,.6,1) 5s;
  		animation-iteration-count:infinite;
  	}
  }
  */
}
html.csstransforms3d body.character .thumb.selected {
  z-index: 10;
  -webkit-animation: charaThumbSelect 0.6s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: charaThumbSelect 0.6s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d body.character .chara.in .chara_name {
  -webkit-animation: charaTextIn 0.4s cubic-bezier(0.4, 0, 0.4, 1) 0.8s both;
          animation: charaTextIn 0.4s cubic-bezier(0.4, 0, 0.4, 1) 0.8s both;
}
html.csstransforms3d body.character .chara.in .chara_text {
  -webkit-animation: charaTextIn 0.4s cubic-bezier(0.4, 0, 0.4, 1) 1s both;
          animation: charaTextIn 0.4s cubic-bezier(0.4, 0, 0.4, 1) 1s both;
}
html.csstransforms3d body.character .chara.in .chara_img-1 {
  -webkit-animation: charaMainImgIn 0.4s cubic-bezier(0, 0.6, 0.4, 1) 0.6s both;
          animation: charaMainImgIn 0.4s cubic-bezier(0, 0.6, 0.4, 1) 0.6s both;
}
html.csstransforms3d body.character .chara.in .chara_img-2 {
  -webkit-animation: charaSubImgIn 0.4s cubic-bezier(0.4, 0, 0.4, 1) 0.8s both;
          animation: charaSubImgIn 0.4s cubic-bezier(0.4, 0, 0.4, 1) 0.8s both;
}
html.csstransforms3d body.character .chara.in .chara_img-3 {
  -webkit-animation: charaSubImgIn 0.4s cubic-bezier(0.4, 0, 0.4, 1) 0.9s both;
          animation: charaSubImgIn 0.4s cubic-bezier(0.4, 0, 0.4, 1) 0.9s both;
}
html.csstransforms3d body.character .chara.in .chara_img-4 {
  -webkit-animation: charaSubImgIn 0.4s cubic-bezier(0.4, 0, 0.4, 1) 1s both;
          animation: charaSubImgIn 0.4s cubic-bezier(0.4, 0, 0.4, 1) 1s both;
}
html.csstransforms3d body.character .chara.out .chara_name {
  -webkit-animation: charaTextOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.2s both;
          animation: charaTextOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.2s both;
}
html.csstransforms3d body.character .chara.out .chara_text {
  -webkit-animation: charaTextOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.1s both;
          animation: charaTextOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.1s both;
}
html.csstransforms3d body.character .chara.out .chara_img-1 {
  -webkit-animation: charaMainImgOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0s both;
          animation: charaMainImgOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0s both;
}
html.csstransforms3d body.character .chara.out .chara_img-2 {
  -webkit-animation: charaSubImgOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.1s both;
          animation: charaSubImgOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.1s both;
}
html.csstransforms3d body.character .chara.out .chara_img-3 {
  -webkit-animation: charaSubImgOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.2s both;
          animation: charaSubImgOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.2s both;
}
html.csstransforms3d body.character .chara.out .chara_img-4 {
  -webkit-animation: charaSubImgOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.3s both;
          animation: charaSubImgOut 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.3s both;
}
html.csstransforms3d .overflow.in {
  -webkit-animation: overflowIn 0.4s cubic-bezier(0, 0.6, 0.4, 1) both;
          animation: overflowIn 0.4s cubic-bezier(0, 0.6, 0.4, 1) both;
}
html.csstransforms3d .overflow.in .overflow_contents {
  -webkit-animation: overflowContentsIn 0.3s cubic-bezier(0.4, 0, 0.4, 1) 0.4s both;
          animation: overflowContentsIn 0.3s cubic-bezier(0.4, 0, 0.4, 1) 0.4s both;
}
html.csstransforms3d .overflow.in .overflow_closeBtn {
  -webkit-animation: overflowCloseIn 0.3s cubic-bezier(0.6, 0.1, 0.8, 0.4) 0.7s both;
          animation: overflowCloseIn 0.3s cubic-bezier(0.6, 0.1, 0.8, 0.4) 0.7s both;
}
html.csstransforms3d .overflow.out {
  -webkit-animation: overflowOut 0.4s cubic-bezier(0, 0.6, 0.4, 1) both;
          animation: overflowOut 0.4s cubic-bezier(0, 0.6, 0.4, 1) both;
}
html.csstransforms3d .overflow_closeBtn .link {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.4, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.4, 1);
}
html.csstransforms3d .overflow_closeBtn .link:hover {
  -webkit-transform: rotateZ(90deg) scale3d(1.2, 1.2, 1);
          transform: rotateZ(90deg) scale3d(1.2, 1.2, 1);
}

html.csstransforms3d.pc .gnav_btn .link::before {
  width: 100%;
  -webkit-transform: translate3d(90%, 0, 0) skewX(-15.3deg);
          transform: translate3d(90%, 0, 0) skewX(-15.3deg);
  -webkit-animation: gnavLineOut 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: gnavLineOut 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d.pc .gnav_btn:not(.selected):not(.hide) .link:hover .icon, html.csstransforms3d.pc .gnav_btn.selected .link .icon {
  -webkit-animation: gnavIconSelect 0.5s cubic-bezier(0.4, 0, 0.4, 1) 0.1s both;
          animation: gnavIconSelect 0.5s cubic-bezier(0.4, 0, 0.4, 1) 0.1s both;
}
html.csstransforms3d.pc .gnav_btn:not(.selected):not(.hide) .link:hover:before, html.csstransforms3d.pc .gnav_btn.selected .link:before {
  -webkit-animation: gnavLineIn 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: gnavLineIn 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d.pc .sidebar_bottom_movie_btn:hover .icon, html.csstransforms3d.pc .playBtn:hover .icon {
  -webkit-animation: movieIconHover 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: movieIconHover 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d.pc .subNav_btn .link::before {
  width: 100%;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-animation: subnavLineOut 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: subnavLineOut 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
  -webkit-transition: none;
          transition: none;
}
html.csstransforms3d.pc .subNav_btn:not(.hide) .link:hover .icon {
  -webkit-animation: subnavIconSelect 0.6s cubic-bezier(0.4, 0, 0.4, 1) 0.1s both;
          animation: subnavIconSelect 0.6s cubic-bezier(0.4, 0, 0.4, 1) 0.1s both;
}
html.csstransforms3d.pc .subNav_btn:not(.hide) .link:hover:before {
  -webkit-animation: subnavLineIn 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: subnavLineIn 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d.pc body.top .sidebar {
  -webkit-transform: translate3d(-600px, 0, 0);
          transform: translate3d(-600px, 0, 0);
  opacity: 0;
}
html.csstransforms3d.pc body.top .sidebar.in {
  -webkit-animation: topSidebarIn 1s cubic-bezier(0.4, 0, 0.4, 1) 0.5s both;
          animation: topSidebarIn 1s cubic-bezier(0.4, 0, 0.4, 1) 0.5s both;
}
html.csstransforms3d.pc body.top .sidebar.fixed {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
html.csstransforms3d.pc body.top .content {
  -webkit-transform: translate3d(-100px, 500px, 0);
          transform: translate3d(-100px, 500px, 0);
  opacity: 0;
}
html.csstransforms3d.pc body.top .content.in {
  -webkit-animation: topContentIn 0.4s cubic-bezier(0, 0.6, 0.4, 1) 1.2s both;
          animation: topContentIn 0.4s cubic-bezier(0, 0.6, 0.4, 1) 1.2s both;
}
html.csstransforms3d.pc body.top .content.fixed {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
html.csstransforms3d.pc body.top .mv_bg {
  opacity: 0;
}
html.csstransforms3d.pc body.top .mv_elm-chara {
  left: 43%;
}
html.csstransforms3d.pc body.top .mv_elm-chara_img {
  opacity: 0;
}
html.csstransforms3d.pc body.top .mv_elm-copy {
  left: 31%;
}
html.csstransforms3d.pc body.top .mv_elm-copy_chara {
  opacity: 0;
}
html.csstransforms3d.pc body.top .mv_elm-text {
  opacity: 0;
}
html.csstransforms3d.pc body.top .mv_elm-sd {
  opacity: 0;
}
html.csstransforms3d.pc body.top .mv.intro .mv_bg {
  background-position: 50% 50%;
  -webkit-animation: topBGIntro 3s cubic-bezier(0.4, 0, 0.4, 1) 3s both;
          animation: topBGIntro 3s cubic-bezier(0.4, 0, 0.4, 1) 3s both;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-chara_img {
  -webkit-animation: topCharaIntro 3s cubic-bezier(0.4, 0, 0.4, 1) 1s both;
          animation: topCharaIntro 3s cubic-bezier(0.4, 0, 0.4, 1) 1s both;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_sentence-1 .mv_elm-copy_chara {
  -webkit-animation: topCopyCharaAIntro 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: topCopyCharaAIntro 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_sentence-2 .mv_elm-copy_chara {
  -webkit-animation: topCopyCharaBIntro 0.8s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: topCopyCharaBIntro 0.8s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-1 {
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-2 {
  -webkit-animation-delay: 2.1s !important;
          animation-delay: 2.1s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-3 {
  -webkit-animation-delay: 2.2s !important;
          animation-delay: 2.2s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-4 {
  -webkit-animation-delay: 2.3s !important;
          animation-delay: 2.3s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-5 {
  -webkit-animation-delay: 2.4s !important;
          animation-delay: 2.4s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-6 {
  -webkit-animation-delay: 2.5s !important;
          animation-delay: 2.5s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-7 {
  -webkit-animation-delay: 2.6s !important;
          animation-delay: 2.6s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-8 {
  -webkit-animation-delay: 3.2s !important;
          animation-delay: 3.2s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-9 {
  -webkit-animation-delay: 3.3s !important;
          animation-delay: 3.3s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-10 {
  -webkit-animation-delay: 3.4s !important;
          animation-delay: 3.4s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-11 {
  -webkit-animation-delay: 3.5s !important;
          animation-delay: 3.5s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-12 {
  -webkit-animation-delay: 3.6s !important;
          animation-delay: 3.6s !important;
}
html.csstransforms3d.pc body.top .mv.intro .mv_elm-copy_chara-13 {
  -webkit-animation-delay: 3.7s !important;
          animation-delay: 3.7s !important;
}
html.csstransforms3d.pc body.top .mv.fix .mv_bg {
  background-position: 50% 50%;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
  -webkit-animation: topBGFix 1s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: topBGFix 1s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d.pc body.top .mv.fix .mv_elm-chara {
  -webkit-animation: topCharaFix 1.2s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: topCharaFix 1.2s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d.pc body.top .mv.fix .mv_elm-chara_img {
  opacity: 1;
  -webkit-animation: topCharaLoop 10s cubic-bezier(0.4, 0, 0.4, 1) infinite;
          animation: topCharaLoop 10s cubic-bezier(0.4, 0, 0.4, 1) infinite;
}
html.csstransforms3d.pc body.top .mv.fix .mv_elm-copy {
  -webkit-animation: topCopyFix 1.3s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: topCopyFix 1.3s cubic-bezier(0.4, 0, 0.4, 1) both;
}
html.csstransforms3d.pc body.top .mv.fix .mv_elm-text {
  -webkit-animation: topTextFix 1s cubic-bezier(0.4, 0, 0.4, 1) 2s both;
          animation: topTextFix 1s cubic-bezier(0.4, 0, 0.4, 1) 2s both;
}
html.csstransforms3d.pc body.top .mv.fix .mv_elm-sd {
  -webkit-animation: topSDFix 0.5s cubic-bezier(0.4, 0, 0.4, 1) 2.5s both;
          animation: topSDFix 0.5s cubic-bezier(0.4, 0, 0.4, 1) 2.5s both;
}
html.csstransforms3d.pc body.top .mv.fixed .mv_bg {
  opacity: 1;
}
html.csstransforms3d.pc body.top .mv.fixed .mv_elm-chara {
  left: 60%;
}
html.csstransforms3d.pc body.top .mv.fixed .mv_elm-chara_img {
  opacity: 1;
  -webkit-animation: topCharaLoop 10s cubic-bezier(0.4, 0, 0.4, 1) infinite;
          animation: topCharaLoop 10s cubic-bezier(0.4, 0, 0.4, 1) infinite;
}
html.csstransforms3d.pc body.top .mv.fixed .mv_elm-copy {
  left: 50%;
}
html.csstransforms3d.pc body.top .mv.fixed .mv_elm-copy_chara {
  opacity: 1;
}
html.csstransforms3d.pc body.top .mv.fixed .mv_elm-text {
  opacity: 1;
}
html.csstransforms3d.pc body.top .mv.fixed .mv_elm-sd {
  opacity: 1;
}
html.csstransforms3d.pc body.top .mv.fixed .mv_elm-sd_link:hover .mv_elm-sd_chara {
  -webkit-animation: topSDCharaHover 2s cubic-bezier(0, 0.4, 0.5, 1) 0s;
          animation: topSDCharaHover 2s cubic-bezier(0, 0.4, 0.5, 1) 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
html.csstransforms3d.pc body.top .mv.fixed .mv_elm-sd_link:hover .mv_elm-sd_chara-10 {
  -webkit-animation-name: topSDNinjaHover;
          animation-name: topSDNinjaHover;
}
html.csstransforms3d.pc body.top .mv.fixed .mv_elm-sd_link:hover .mv_elm-sd_balloon {
  -webkit-animation: topSDBalloonHover 2s cubic-bezier(0.4, 0, 0.6, 1) 0s;
          animation: topSDBalloonHover 2s cubic-bezier(0.4, 0, 0.6, 1) 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
html.csstransforms3d.pc body.top .topics_more_btn:hover p .icon {
  -webkit-animation: topTopicsMoreHover 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
          animation: topTopicsMoreHover 0.5s cubic-bezier(0.4, 0, 0.4, 1) both;
}

@-webkit-keyframes bgLoop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -67px 134px;
  }
}

@keyframes bgLoop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -67px 134px;
  }
}
@-webkit-keyframes jumpCoverIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes jumpCoverIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes overflowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes overflowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes overflowContentsIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes overflowContentsIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes overflowCloseIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.4, 0.4, 1) rotate(45deg);
            transform: scale3d(0.4, 0.4, 1) rotate(45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
            transform: scale3d(1, 1, 1) rotate(0deg);
  }
}
@keyframes overflowCloseIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.4, 0.4, 1) rotate(45deg);
            transform: scale3d(0.4, 0.4, 1) rotate(45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
            transform: scale3d(1, 1, 1) rotate(0deg);
  }
}
@-webkit-keyframes overflowOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes overflowOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes gnavLineIn {
  0% {
    -webkit-transform: translate3d(-90%, 0, 0) skewX(-15.3deg);
            transform: translate3d(-90%, 0, 0) skewX(-15.3deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) skewX(-15.3deg);
            transform: translate3d(0, 0, 0) skewX(-15.3deg);
  }
}
@keyframes gnavLineIn {
  0% {
    -webkit-transform: translate3d(-90%, 0, 0) skewX(-15.3deg);
            transform: translate3d(-90%, 0, 0) skewX(-15.3deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) skewX(-15.3deg);
            transform: translate3d(0, 0, 0) skewX(-15.3deg);
  }
}
@-webkit-keyframes gnavLineOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0) skewX(-15.3deg);
            transform: translate3d(0, 0, 0) skewX(-15.3deg);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-15.3deg);
            transform: translate3d(100%, 0, 0) skewX(-15.3deg);
  }
}
@keyframes gnavLineOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0) skewX(-15.3deg);
            transform: translate3d(0, 0, 0) skewX(-15.3deg);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-15.3deg);
            transform: translate3d(100%, 0, 0) skewX(-15.3deg);
  }
}
@-webkit-keyframes gnavIconSelect {
  0% {
    -webkit-transform: scale3d(0, 0, 1) rotate(-90deg);
            transform: scale3d(0, 0, 1) rotate(-90deg);
  }
  30% {
    -webkit-transform: scale3d(2, 2, 1) rotate(0deg);
            transform: scale3d(2, 2, 1) rotate(0deg);
  }
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1) rotate(10deg);
            transform: scale3d(0.8, 0.8, 1) rotate(10deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
            transform: scale3d(1, 1, 1) rotate(0deg);
  }
}
@keyframes gnavIconSelect {
  0% {
    -webkit-transform: scale3d(0, 0, 1) rotate(-90deg);
            transform: scale3d(0, 0, 1) rotate(-90deg);
  }
  30% {
    -webkit-transform: scale3d(2, 2, 1) rotate(0deg);
            transform: scale3d(2, 2, 1) rotate(0deg);
  }
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1) rotate(10deg);
            transform: scale3d(0.8, 0.8, 1) rotate(10deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
            transform: scale3d(1, 1, 1) rotate(0deg);
  }
}
@-webkit-keyframes subnavLineIn {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes subnavLineIn {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes subnavLineOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes subnavLineOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes subnavIconSelect {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  20% {
    opacity: 0;
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  21% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes subnavIconSelect {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  20% {
    opacity: 0;
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  21% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes movieIconHover {
  0% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
  30% {
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
  }
  60% {
    -webkit-transform: scale3d(0.9, 0.9, 1);
            transform: scale3d(0.9, 0.9, 1);
  }
  100% {
    margin-right: 10px;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes movieIconHover {
  0% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
  30% {
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
  }
  60% {
    -webkit-transform: scale3d(0.9, 0.9, 1);
            transform: scale3d(0.9, 0.9, 1);
  }
  100% {
    margin-right: 10px;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes topCharaIntro {
  0% {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.95);
            transform: translate3d(0, -100px, 0) scale(0.95);
    opacity: 0;
  }
  40% {
    -webkit-transform: translate3d(0, 10px, 0) scale(0.99);
            transform: translate3d(0, 10px, 0) scale(0.99);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes topCharaIntro {
  0% {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.95);
            transform: translate3d(0, -100px, 0) scale(0.95);
    opacity: 0;
  }
  40% {
    -webkit-transform: translate3d(0, 10px, 0) scale(0.99);
            transform: translate3d(0, 10px, 0) scale(0.99);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes topCopyCharaAIntro {
  0% {
    -webkit-transform: translate3d(50px, 50px, 0) scale(0.5) rotate(90deg);
            transform: translate3d(50px, 50px, 0) scale(0.5) rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0);
            transform: translate3d(0, 0, 0) scale(1) rotate(0);
    opacity: 1;
  }
}
@keyframes topCopyCharaAIntro {
  0% {
    -webkit-transform: translate3d(50px, 50px, 0) scale(0.5) rotate(90deg);
            transform: translate3d(50px, 50px, 0) scale(0.5) rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0);
            transform: translate3d(0, 0, 0) scale(1) rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes topCopyCharaBIntro {
  0% {
    -webkit-transform: translate3d(150px, 100px, 0) scale(0.5) rotate(90deg);
            transform: translate3d(150px, 100px, 0) scale(0.5) rotate(90deg);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate3d(-5px, -5px, 0) scale(1.1) rotate(-5deg);
            transform: translate3d(-5px, -5px, 0) scale(1.1) rotate(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0);
            transform: translate3d(0, 0, 0) scale(1) rotate(0);
    opacity: 1;
  }
}
@keyframes topCopyCharaBIntro {
  0% {
    -webkit-transform: translate3d(150px, 100px, 0) scale(0.5) rotate(90deg);
            transform: translate3d(150px, 100px, 0) scale(0.5) rotate(90deg);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate3d(-5px, -5px, 0) scale(1.1) rotate(-5deg);
            transform: translate3d(-5px, -5px, 0) scale(1.1) rotate(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0);
            transform: translate3d(0, 0, 0) scale(1) rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes topBGIntro {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.2, 1.2, 1);
            transform: translate3d(0, 0, 0) scale3d(1.2, 1.2, 1);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes topBGIntro {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.2, 1.2, 1);
            transform: translate3d(0, 0, 0) scale3d(1.2, 1.2, 1);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes topBGFix {
  100% {
    background-position: 180% 0%;
  }
}
@keyframes topBGFix {
  100% {
    background-position: 180% 0%;
  }
}
@-webkit-keyframes topCharaFix {
  100% {
    left: 60%;
  }
}
@keyframes topCharaFix {
  100% {
    left: 60%;
  }
}
@-webkit-keyframes topCharaLoop {
  0% {
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0) scale3d(1.01, 1.01, 1);
            transform: translate3d(0, 10px, 0) scale3d(1.01, 1.01, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
}
@keyframes topCharaLoop {
  0% {
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0) scale3d(1.01, 1.01, 1);
            transform: translate3d(0, 10px, 0) scale3d(1.01, 1.01, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
}
@-webkit-keyframes topCopyFix {
  100% {
    left: 50%;
  }
}
@keyframes topCopyFix {
  100% {
    left: 50%;
  }
}
@-webkit-keyframes topTextFix {
  0% {
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes topTextFix {
  0% {
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes topSDFix {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes topSDFix {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes topSDCharaLoop {
  0% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  2.5% {
    -webkit-transform: scale3d(1.2, 0.8, 1) translate3d(0, 0, 0);
            transform: scale3d(1.2, 0.8, 1) translate3d(0, 0, 0);
  }
  5% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
            animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    -webkit-transform: scale3d(0.9, 1.1, 1) translate3d(0, -20px, 0);
            transform: scale3d(0.9, 1.1, 1) translate3d(0, -20px, 0);
  }
  7.5% {
    -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.4, 0.5, 1);
    -webkit-transform: scale3d(0.9, 1.1, 1) translate3d(0, 0, 0);
            transform: scale3d(0.9, 1.1, 1) translate3d(0, 0, 0);
  }
  8.75% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    -webkit-transform: scale3d(1.1, 0.9, 1) translate3d(0, 0, 0);
            transform: scale3d(1.1, 0.9, 1) translate3d(0, 0, 0);
  }
  10.95% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
@keyframes topSDCharaLoop {
  0% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  2.5% {
    -webkit-transform: scale3d(1.2, 0.8, 1) translate3d(0, 0, 0);
            transform: scale3d(1.2, 0.8, 1) translate3d(0, 0, 0);
  }
  5% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
            animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    -webkit-transform: scale3d(0.9, 1.1, 1) translate3d(0, -20px, 0);
            transform: scale3d(0.9, 1.1, 1) translate3d(0, -20px, 0);
  }
  7.5% {
    -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.4, 0.5, 1);
    -webkit-transform: scale3d(0.9, 1.1, 1) translate3d(0, 0, 0);
            transform: scale3d(0.9, 1.1, 1) translate3d(0, 0, 0);
  }
  8.75% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    -webkit-transform: scale3d(1.1, 0.9, 1) translate3d(0, 0, 0);
            transform: scale3d(1.1, 0.9, 1) translate3d(0, 0, 0);
  }
  10.95% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes topSDNinjaLoop {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    -webkit-transform: rotate(0) translate3d(0, 0, 0);
            transform: rotate(0) translate3d(0, 0, 0);
  }
  3% {
    -webkit-transform: rotate(5deg) translate3d(0, 0, 0);
            transform: rotate(5deg) translate3d(0, 0, 0);
  }
  6% {
    -webkit-transform: rotate(-5deg) translate3d(0, 0, 0);
            transform: rotate(-5deg) translate3d(0, 0, 0);
  }
  9% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }
  12% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }
  16% {
    -webkit-transform: rotate(0deg) translate3d(0, -100px, 0);
            transform: rotate(0deg) translate3d(0, -100px, 0);
  }
  18% {
    -webkit-transform: rotate(0deg) translate3d(0, -100px, 0);
            transform: rotate(0deg) translate3d(0, -100px, 0);
  }
  26% {
    -webkit-transform: rotateY(0deg) translate3d(0, -100px, 0);
            transform: rotateY(0deg) translate3d(0, -100px, 0);
  }
  28% {
    -webkit-transform: rotateY(0deg) translate3d(0, -100px, 0);
            transform: rotateY(0deg) translate3d(0, -100px, 0);
  }
  32% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }
}
@keyframes topSDNinjaLoop {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    -webkit-transform: rotate(0) translate3d(0, 0, 0);
            transform: rotate(0) translate3d(0, 0, 0);
  }
  3% {
    -webkit-transform: rotate(5deg) translate3d(0, 0, 0);
            transform: rotate(5deg) translate3d(0, 0, 0);
  }
  6% {
    -webkit-transform: rotate(-5deg) translate3d(0, 0, 0);
            transform: rotate(-5deg) translate3d(0, 0, 0);
  }
  9% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }
  12% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }
  16% {
    -webkit-transform: rotate(0deg) translate3d(0, -100px, 0);
            transform: rotate(0deg) translate3d(0, -100px, 0);
  }
  18% {
    -webkit-transform: rotate(0deg) translate3d(0, -100px, 0);
            transform: rotate(0deg) translate3d(0, -100px, 0);
  }
  26% {
    -webkit-transform: rotateY(0deg) translate3d(0, -100px, 0);
            transform: rotateY(0deg) translate3d(0, -100px, 0);
  }
  28% {
    -webkit-transform: rotateY(0deg) translate3d(0, -100px, 0);
            transform: rotateY(0deg) translate3d(0, -100px, 0);
  }
  32% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }
}
/*
@keyframes topSDNinjaLoop{
	0% {
		transform:scale3d(1,1,1) translate3d(0,0,0);
	}
	2.5% {
		transform:scale3d(1.2,.8,1) translate3d(0,0,0);
	}
	4% {
		animation-timing-function: cubic-bezier(0.4,0,1,.6);
		transform:scale3d(0,1.3,1) translate3d(0,-40px,0);
	}
	17.25% {
		animation-timing-function: cubic-bezier(0.4,0,.6,1);
		transform:scale3d(0,1.3,1) translate3d(0,-40px,0);
	}
	18.75% {
			transform:scale3d(1.05,0.95,1) translate3d(0,0,0);
	}
	20.95% {
		transform:scale3d(1,1,1) translate3d(0,0,0);
	}
	100% {
		transform:scale3d(1,1,1) translate3d(0,0,0);
	}
}
*/
@-webkit-keyframes topSDBalloonLoop {
  0% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  2.5% {
    -webkit-transform: rotate(-5deg) scale3d(0.8, 0.8, 1) translate3d(0, 10px, 0);
            transform: rotate(-5deg) scale3d(0.8, 0.8, 1) translate3d(0, 10px, 0);
  }
  5% {
    -webkit-transform: rotate(10deg) scale3d(1.2, 1.2, 1) translate3d(0, -5px, 0);
            transform: rotate(10deg) scale3d(1.2, 1.2, 1) translate3d(0, -5px, 0);
  }
  7.5% {
    -webkit-transform: rotate(-5deg) scale3d(0.9, 0.9, 1) translate3d(0, 2px, 0);
            transform: rotate(-5deg) scale3d(0.9, 0.9, 1) translate3d(0, 2px, 0);
  }
  8.75% {
    -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1) translate3d(0, -1px, 0);
            transform: rotate(3deg) scale3d(1.1, 1.1, 1) translate3d(0, -1px, 0);
  }
  10.95% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
@keyframes topSDBalloonLoop {
  0% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  2.5% {
    -webkit-transform: rotate(-5deg) scale3d(0.8, 0.8, 1) translate3d(0, 10px, 0);
            transform: rotate(-5deg) scale3d(0.8, 0.8, 1) translate3d(0, 10px, 0);
  }
  5% {
    -webkit-transform: rotate(10deg) scale3d(1.2, 1.2, 1) translate3d(0, -5px, 0);
            transform: rotate(10deg) scale3d(1.2, 1.2, 1) translate3d(0, -5px, 0);
  }
  7.5% {
    -webkit-transform: rotate(-5deg) scale3d(0.9, 0.9, 1) translate3d(0, 2px, 0);
            transform: rotate(-5deg) scale3d(0.9, 0.9, 1) translate3d(0, 2px, 0);
  }
  8.75% {
    -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1) translate3d(0, -1px, 0);
            transform: rotate(3deg) scale3d(1.1, 1.1, 1) translate3d(0, -1px, 0);
  }
  10.95% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes topSDCharaHover {
  0% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: scale3d(1.2, 0.8, 1) translate3d(0, 0, 0);
            transform: scale3d(1.2, 0.8, 1) translate3d(0, 0, 0);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
            animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    -webkit-transform: scale3d(0.9, 1.1, 1) translate3d(0, -20px, 0);
            transform: scale3d(0.9, 1.1, 1) translate3d(0, -20px, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.4, 0.5, 1);
    -webkit-transform: scale3d(0.9, 1.1, 1) translate3d(0, 0, 0);
            transform: scale3d(0.9, 1.1, 1) translate3d(0, 0, 0);
  }
  35% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    -webkit-transform: scale3d(1.1, 0.9, 1) translate3d(0, 0, 0);
            transform: scale3d(1.1, 0.9, 1) translate3d(0, 0, 0);
  }
  45% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
@keyframes topSDCharaHover {
  0% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: scale3d(1.2, 0.8, 1) translate3d(0, 0, 0);
            transform: scale3d(1.2, 0.8, 1) translate3d(0, 0, 0);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
            animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    -webkit-transform: scale3d(0.9, 1.1, 1) translate3d(0, -20px, 0);
            transform: scale3d(0.9, 1.1, 1) translate3d(0, -20px, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.4, 0.5, 1);
    -webkit-transform: scale3d(0.9, 1.1, 1) translate3d(0, 0, 0);
            transform: scale3d(0.9, 1.1, 1) translate3d(0, 0, 0);
  }
  35% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    -webkit-transform: scale3d(1.1, 0.9, 1) translate3d(0, 0, 0);
            transform: scale3d(1.1, 0.9, 1) translate3d(0, 0, 0);
  }
  45% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes topSDNinjaHover {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.8, 0.4);
            animation-timing-function: cubic-bezier(0.4, 0, 0.8, 0.4);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(-200px, 0, 0) skewX(20deg);
            transform: scale3d(1, 1, 1) translate3d(-200px, 0, 0) skewX(20deg);
  }
  10.1% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
    -webkit-transform: scale3d(1, 1, 1) translate3d(400px, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(400px, 0, 0);
  }
  20% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(-200px, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(-200px, 0, 0);
  }
  20.1% {
    -webkit-animation-timing-function: cubic-bezier(0, 0.6, 0.6, 1);
            animation-timing-function: cubic-bezier(0, 0.6, 0.6, 1);
    -webkit-transform: scale3d(1, 1, 1) translate3d(400px, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(400px, 0, 0);
  }
  30% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) skewX(0deg);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0) skewX(0deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
@keyframes topSDNinjaHover {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.8, 0.4);
            animation-timing-function: cubic-bezier(0.4, 0, 0.8, 0.4);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(-200px, 0, 0) skewX(20deg);
            transform: scale3d(1, 1, 1) translate3d(-200px, 0, 0) skewX(20deg);
  }
  10.1% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
    -webkit-transform: scale3d(1, 1, 1) translate3d(400px, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(400px, 0, 0);
  }
  20% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(-200px, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(-200px, 0, 0);
  }
  20.1% {
    -webkit-animation-timing-function: cubic-bezier(0, 0.6, 0.6, 1);
            animation-timing-function: cubic-bezier(0, 0.6, 0.6, 1);
    -webkit-transform: scale3d(1, 1, 1) translate3d(400px, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(400px, 0, 0);
  }
  30% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) skewX(0deg);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0) skewX(0deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes topSDBalloonHover {
  0% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: rotate(-5deg) scale3d(0.8, 0.8, 1) translate3d(0, 10px, 0);
            transform: rotate(-5deg) scale3d(0.8, 0.8, 1) translate3d(0, 10px, 0);
  }
  20% {
    -webkit-transform: rotate(10deg) scale3d(1.2, 1.2, 1) translate3d(0, -5px, 0);
            transform: rotate(10deg) scale3d(1.2, 1.2, 1) translate3d(0, -5px, 0);
  }
  30% {
    -webkit-transform: rotate(-5deg) scale3d(0.9, 0.9, 1) translate3d(0, 2px, 0);
            transform: rotate(-5deg) scale3d(0.9, 0.9, 1) translate3d(0, 2px, 0);
  }
  35% {
    -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1) translate3d(0, -1px, 0);
            transform: rotate(3deg) scale3d(1.1, 1.1, 1) translate3d(0, -1px, 0);
  }
  45% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
@keyframes topSDBalloonHover {
  0% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: rotate(-5deg) scale3d(0.8, 0.8, 1) translate3d(0, 10px, 0);
            transform: rotate(-5deg) scale3d(0.8, 0.8, 1) translate3d(0, 10px, 0);
  }
  20% {
    -webkit-transform: rotate(10deg) scale3d(1.2, 1.2, 1) translate3d(0, -5px, 0);
            transform: rotate(10deg) scale3d(1.2, 1.2, 1) translate3d(0, -5px, 0);
  }
  30% {
    -webkit-transform: rotate(-5deg) scale3d(0.9, 0.9, 1) translate3d(0, 2px, 0);
            transform: rotate(-5deg) scale3d(0.9, 0.9, 1) translate3d(0, 2px, 0);
  }
  35% {
    -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1) translate3d(0, -1px, 0);
            transform: rotate(3deg) scale3d(1.1, 1.1, 1) translate3d(0, -1px, 0);
  }
  45% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: rotate(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes topSidebarIn {
  60% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes topSidebarIn {
  60% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes topContentIn {
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes topContentIn {
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes topTopicsMoreHover {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 15px, 0);
            transform: translate3d(0, 15px, 0);
  }
  41% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  80% {
    -webkit-transform: translate3d(0, 3px, 0);
            transform: translate3d(0, 3px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes topTopicsMoreHover {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 15px, 0);
            transform: translate3d(0, 15px, 0);
  }
  41% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  80% {
    -webkit-transform: translate3d(0, 3px, 0);
            transform: translate3d(0, 3px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes charaThumbSelect {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes charaThumbSelect {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes charaMainImgIn {
  0% {
    -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes charaMainImgIn {
  0% {
    -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes charaSubImgIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
            transform: scale3d(0, 0, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes charaSubImgIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
            transform: scale3d(0, 0, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes charaTextIn {
  0% {
    -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes charaTextIn {
  0% {
    -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes charaMainImgOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
}
@keyframes charaMainImgOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes charaSubImgOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
            transform: scale3d(0, 0, 1);
  }
}
@keyframes charaSubImgOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
            transform: scale3d(0, 0, 1);
  }
}
@-webkit-keyframes charaTextOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
  }
}
@keyframes charaTextOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
  }
}