.main {
  text-align: center; }
  .main .l-inner {
    overflow: hidden;
    padding: 658px 0 40px 0; }
  .main .main_release {
    position: absolute;
    left: 17px;
    top: 290px;
    z-index: 0; }
  .main .main_character {
    position: absolute;
    left: 200px;
    top: 280px;
    z-index: 0; }
  .main .box_news {
    position: relative;
    width: 701px;
    height: 371px;
    background: url("../images/top/news_bg_v2.png") center top no-repeat;
    text-align: left;
    margin: 0 auto 30px auto;
    zoom: 1; }
    .main .box_news:after {
      content: "";
      clear: both;
      display: block; }
    .main .box_news .news_title {
      margin: 40px 0 0 32px;
      width: 96px;
      float: left; }
    .main .box_news dl {
      display: block;
      width: 510px;
      float: right;
      margin: 25px 38px 0 0;
      color: #29616e;
      font-weight: bold;
      zoom: 1; }
      .main .box_news dl:after {
        content: "";
        clear: both;
        display: block; }
    .main .box_news dt {
      font-size: 20px;
      margin: 0 0 0 0;
      line-height: 1.4em; }
    .main .box_news dd {
      font-size: 24px;
      line-height: 1.4em;
      margin-bottom: 15px; }
  .main .box_twi {
    width: 701px;
    height: 371px;
    background: url("../images/top/news_bg_v2.png") center top no-repeat;
    text-align: left;
    margin: 0 auto 30px auto;
    zoom: 1; }
    .main .box_twi:after {
      content: "";
      clear: both;
      display: block; }
    .main .box_twi .twi_title {
      margin: 40px 0 0 32px;
      float: left; }
    .main .box_twi .twitter-timeline {
      margin: 40px 0 0 15px !important; }
  .main .main_bnr {
    margin: 10px auto 20px; }
    .main .main_bnr a {
      display: block; }
  .main .main_about {
    margin-top: 30px; }

.movie .l-inner {
  text-align: center; }
.movie h3 {
  margin: 0 0 -5px 0; }

.ss {
  margin: 0 0 10px 0; }
  .ss .l-inner {
    text-align: center; }
  .ss h3 {
    margin: 0 0 15px 0; }
  .ss .ss_list ul {
    letter-spacing: -0.75em; }
  .ss .ss_list li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 13px 20px 13px;
    position: relative;
    width: 337px;
    height: 204px; }
  .ss .ss_list li:after {
    content: " ";
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    background: url("../images/common/icon_zoom.png") center top repeat;
    width: 51px;
    height: 51px; }

.bg_paper {
  background: url("../images/top/bg_paper_v2.png") center top no-repeat; }

.intro {
  position: relative;
  height: 388px; }
  .intro h3 {
    position: absolute;
    left: 0px;
    top: 68px;
    z-index: 1; }
  .intro .story_chara {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 0; }
  .intro .story_text {
    position: absolute;
    left: 37px;
    top: 190px;
    z-index: 1; }
  .intro .btn_more {
    position: absolute;
    left: 37px;
    top: 350px;
    z-index: 1; }

.character {
  height: 936px; }
  .character h3 {
    position: absolute;
    left: 44px;
    top: 0px;
    z-index: 1; }
  .character .btn_more {
    position: absolute;
    left: 227px;
    top: 290px;
    z-index: 10; }
  .character .character_img {
    position: absolute;
    left: 0px;
    top: 232px;
    z-index: 0; }
  .character .character_text {
    position: absolute;
    left: 117px;
    top: 173px;
    z-index: 1; }

.map {
  height: 660px; }
  .map h3 {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1; }
  .map .map_text {
    position: absolute;
    right: 40px;
    top: 176px;
    z-index: 2; }
  .map .map_img1 {
    position: absolute;
    left: 8px;
    top: 0px;
    z-index: 0; }
  .map .btn_more {
    position: absolute;
    left: 392px;
    top: 315px;
    z-index: 10; }

.limited {
  z-index: 1;
  margin-top: -20px;
  background: url("../images/top/limited_bg.png") center top repeat; }
  .limited .l-inner {
    padding: 50px 0 50px 0;
    text-align: center; }
  .limited h3 {
    margin: 0 0 25px 0; }
  .limited h4 {
    margin: 0 0 10px 0; }
  .limited .img {
    margin: 0 0 10px 0; }
  .limited .detail {
    margin: 0 0 0 0; }

.hd_sns {
  width: 240px;
  margin: 30px auto 20px; }
  .hd_sns li {
    float: left;
    margin: 10px 10px; }

.privilege {
  z-index: 1;
  margin: -20px auto -1px;
  background: url("../images/top/limited_bg.png") center top repeat; }
  .privilege .l-inner {
    padding: 50px 0 50px 0;
    text-align: center; }
  .privilege h3 {
    margin: 0 0 25px 0; }
  .privilege h4 {
    margin: 0 0 10px 0; }
  .privilege .img {
    margin: 20px 0; }
  .privilege .detail {
    margin: 20px 0; }
  .privilege .bnr a img {
    margin: 20px 0; }

.icon__left {
  width: 25px;
  text-align: right;
  position: fixed;
  left: 0;
  top: 50%;
  z-index: 50; }
  .icon__left a {
    display: block; }

.icon__right {
  width: 25px;
  text-align: left;
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 50; }
  .icon__right a {
    display: block; }

#googlecode {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0; }