@charset "UTF-8";
/*====================================
  Our Modal Window styles
=====================================*/

.modal {
  display: block;
  position: relative;
}


input#modal__trigger {
  display: none;
  z-index: 0;
}


.modal label.btn--more {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 34px;
  -webkit-border-radius: 34px;
  border-radius: 34px;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  transition: all 0.3s;
  position: absolute;
  z-index: 800;
  top: 500px;
  left: 50%;
  margin-left: -120px;
  width: 240px;
  height: 66px;
  padding-top: 18px;
  border: 2px solid #7b725b;
}
@media screen and (max-width: 640px) {

  .modal label.btn--more {
    -moz-border-radius: 5.3125vw;
    -webkit-border-radius: 5.3125vw;
    border-radius: 5.3125vw;
    top: 78.125vw;
    margin-left: -18.75vw;
    width: 37.5vw;
    height: 10.3125vw;
    padding-top: 2.8125vw;
  }
}


.modal__overlay {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1000;
}


.modal__overlay {
  background: rgba(255, 255, 255, 0);
  transform: scale(0);
  transition: all 0.2s;
  opacity: 0;
}


input#modal__trigger:checked ~ .modal__overlay {
  background: rgba(255, 255, 255, 0.8);
  transform: scale(1);
  opacity: 1;
}


.modal__wrap {
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}


.modal__contain {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 70px 30px 30px;
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 640px) {

  .modal__contain {
    padding: 10.9375vw 4.6875vw 4.6875vw;
  }
}


#modal__img img {
  max-height: 90vh;
}
@media screen and (max-width: 640px) {

  #modal__img img {
    max-width: 90%;
  }
}


.modal__wrap p {
  width: auto;
  margin: 0 auto;
}


.m-footer {
  border-top: 2px solid #e5e5e5;
  text-align: center;
  width: 100%;
  color: #757575;
  background-color: #f4f4f4;
  padding: 70px 0 30px;
}
@media screen and (max-width: 640px) {

  .m-footer {
    padding: 11vw 0 5vw;
  }
}


.footer__copyright {
  padding: 15px 0;
}


.m-lnkgroup {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-bottom: 10px;
}


.lnkgroup__item {
  display: inline-block;
  margin: 0 20px;
}
@media screen and (max-width: 640px) {

  .lnkgroup__item {
    margin: 0 2vw;
  }

  .lnkgroup__item img {
    width: auto;
    height: 9.5vw;
  }
}


.m-copyright {
  margin: 0 auto;
  text-align: center;
}


.copyright__logo {
  display: inline-block;
  vertical-align: top;
  width: 55px;
  height: 23px;
}


.copyright__txt {
  display: inline-block;
  vertical-align: top;
  color: #666666;
  font-size: 20px;
  line-height: 1.8;
}
@media screen and (max-width: 640px) {

  .copyright__txt {
    font-size: 3.5vw;
  }
}

/**
*************************************************************************

      This WebSite employs a 「px」 to specify the character

*************************************************************************
*/
/*----------------------------------------
 1. リセットcssを指定
----------------------------------------*/
/*----------------------------------------
 RESET for NHN
----------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent;
  font-style: normal;
}


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


body {
  position: relative;
  -webkit-text-size-adjust: 100%;
}


ul, ol, li {
  list-style: none;
}


a:focus {
  outline: thin dotted;
}


img {
  vertical-align: bottom;
  line-height: 0;
}


label {
  cursor: pointer;
}


del {
  text-decoration: line-through;
}


blockquote, q {
  quotes: none;
}


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


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

/*----------------------------------------
 2. Style設定
----------------------------------------*/

body {
  color: #666;
  font-size: 12px;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  line-height: 1.333;
}


a:link {
  color: #676767;
}


a:visited {
  color: #676767;
}


a:hover {
  color: #676767;
}


a:active {
  color: #676767;
}


a {
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

a:hover {
  background-color: none;
}


html {
  overflow-y: scroll;
}


a {
  text-decoration: none;
}


a:hover, a:active {
  text-decoration: underline;
  outline: 0;
}


em {
  font-style: normal;
}

/*----------------------------------------
 3-1. clearfixクラスを出力
----------------------------------------*/
/*----------------------------------------
 3-2. margin／padding スペースクラスを出力
----------------------------------------*/
/*----------------------------------------
 3-3. サイト制作支援用 シングルプロパティを出力
----------------------------------------*/
/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  padding-bottom: 60px;
  margin-top: -55px;
}
@media screen and (max-width: 640px) {

  .slick-slider {
    padding-bottom: 12%;
    margin-top: -8.59375vw;
  }
}


.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}


.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}


.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}


.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}


.slick-arrow.slick-hidden {
  display: none;
}

/* from slick_test*/

.slider-container {
  position: relative;
}


.slider-arrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 200;
}


.sec-char .slick-slider {
  padding-bottom: 0;
}


.sec-char .slider-nav-container {
  position: relative;
  z-index: 200;
  width: 740px;
  margin: 0 auto -90px;
}
@media screen and (max-width: 640px) {

  .sec-char .slider-nav-container {
    margin-bottom: -10%;
    width: auto !important;
  }
}


.sec-char .slider-nav-container--v02 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 920px;
  margin-left: -460px;
}
@media screen and (max-width: 640px) {

  .sec-char .slider-nav-container--v02 {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    width: auto !important;
  }
}


.sec-char .slider-nav-container--v03 {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 920px;
  margin-left: -460px;
}
@media screen and (max-width: 640px) {

  .sec-char .slider-nav-container--v03 {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    width: auto !important;
  }
}


.slider-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
}

.slider-item--sys1 {
  margin: 0;
  background-image: url('../img/sys_v02/sys_img1.jpg?1538011290');
}

.slider-item--sys2 {
  margin: 0;
  background-image: url('../img/sys_v02/sys_img2.jpg?1538011290');
}

.slider-item--sys3 {
  margin: 0;
  background-image: url('../img/sys_v02/sys_img3.jpg?1538011290');
}

.slider-item--sys4 {
  margin: 0;
  background-image: url('../img/sys_v02/sys_img4.jpg?1538011290');
}

.slider-item--sys5 {
  margin: 0;
  background-image: url('../img/sys_v02/sys_img5.jpg?1538011290');
}

.slider-item--sys6 {
  margin: 0;
  background-image: url('../img/sys_v02/sys_img6.jpg?1538011290');
}
@media screen and (max-width: 640px) {

  .slider-item {
    background-size: 150%;
    min-height: 100vw;
  }
}


.slick-arrow {
  background: transparent;
}

.slick-arrow:hover {
  filter: brightness(110%);
}


.slick-prev,
.slider-prev {
  background-image: url('../img/spr_arrow-sfbf43ba6d6.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 144px;
  height: 92px;
  background-position: 0 0;
}
@media screen and (max-width: 640px) {

  .slick-prev,
  .slider-prev {
    background-image: url('../img/spr_arrow-sfbf43ba6d6.png');
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 72px;
    height: 46px;
    background-position: 0 0;
    -moz-background-size: 72px auto;
    -o-background-size: 72px auto;
    -webkit-background-size: 72px auto;
    background-size: 72px auto;
  }
}


.slick-next,
.slider-next {
  background-image: url('../img/spr_arrow-sfbf43ba6d6.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 144px;
  height: 92px;
  background-position: 0 -92px;
}
@media screen and (max-width: 640px) {

  .slick-next,
  .slider-next {
    background-image: url('../img/spr_arrow-sfbf43ba6d6.png');
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 72px;
    height: 46px;
    background-position: 0 -46px;
    -moz-background-size: 72px auto;
    -o-background-size: 72px auto;
    -webkit-background-size: 72px auto;
    background-size: 72px auto;
  }
}

/*
@function slick-font-url($url) {
    @if function-exists(font-url) {
        @return font-url($url);
    }
    @else {
        @return url($slick-font-path + $url);
    }
}*/
/* Slider */

.slick-loading .slick-list {
  background: url('../img/ajax-loader.gif?1531876456') center center no-repeat;
}

/* Icons
@if $slick-font-family == "slick" {
    @font-face {
        font-family: "slick";
        src: slick-font-url("slick.eot");
        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
        font-weight: normal;
        font-style: normal;
    }
}*/
/* Arrows */

.slick-prev,
.slick-next {
  z-index: 200;
  position: absolute;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
  top: 65%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
}
@media screen and (max-width: 640px) {

  .slick-prev,
  .slick-next {
    top: 98vw;
  }
}


.slick-prev,
.slider-prev {
  left: -65px;
}
@media screen and (max-width: 640px) {

  .slick-prev,
  .slider-prev {
    left: -30px;
  }
}


.slick-next,
.slider-next {
  right: -65px;
}
@media screen and (max-width: 640px) {

  .slick-next,
  .slider-next {
    right: -30px;
  }
}

/* Dots */

.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  display: block;
  position: relative;
  background: transparent;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  border: 0;
  border-radius: 13px;
  outline: none;
  cursor: pointer;
  width: 26px;
  height: 26px;
  border: 2px solid #653524;
  z-index: 200;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('../img/dots.png?1531876465');
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.slick-dots li.slick-active button:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}


#sb-title-inner, #sb-info-inner, #sb-loading-inner, #sb div.sb-message {
  font-weight: 200;
  color: #fff;
}


#sb-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: left;
  visibility: hidden;
  display: none;
}


#sb-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}


#sb-wrapper {
  position: absolute;
  visibility: hidden;
  width: 100px;
}


#sb-wrapper-inner {
  position: relative;
  border: 1px solid #303030;
  overflow: hidden;
  height: 100px;
}


#sb-body {
  position: relative;
  height: 100%;
  background-color: #060606;
}


#sb-body-inner {
  position: absolute;
  height: 100%;
  width: 100%;
}


#sb-body img {
  border: none;
}


#sb-player.html {
  height: 100%;
  overflow: auto;
}


#sb-loading {
  position: relative;
  height: 100%;
  background-color: #060606;
}


#sb-loading-inner {
  position: absolute;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
}


#sb-loading-inner span {
  background: url('../img/shadowbox/loading.gif?1531876456') 0 0 no-repeat;
  padding-left: 34px;
  display: inline-block;
}


#sb-title {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 26px;
  line-height: 26px;
}


#sb-title-inner {
  height: 26px;
  line-height: 26px;
  font-size: 16px;
}


#sb-info {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 50px;
  line-height: 48px;
  margin-bottom: 10px;
}

@media screen and (max-width: 480px) {

  #sb-info {
    height: 34px;
    line-height: 32px;
  }
}

#sb-info-inner {
  height: 48px;
  line-height: 48px;
}

@media screen and (max-width: 480px) {

  #sb-info-inner {
    height: 32px;
    line-height: 32px;
  }
}

#sb-nav {
  float: right;
  height: 48px;
  padding: 2px 0;
  width: 45%;
}


#sb-nav a {
  display: block;
  float: right;
  height: 48px;
  width: 48px;
  margin-right: 5px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 480px) {

  #sb-nav a {
    height: 32px;
    width: 32px;
  }
}

#sb-nav-close {
  background: url('../img/shadowbox/close.png?1531876456') 0 0 no-repeat;
}


#sb-counter {
  float: left;
  width: 45%;
}


#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}


#sb-counter a.sb-counter-current {
  text-decoration: underline;
}


div.sb-message {
  font-weight: 200;
  color: #fff;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}


div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}


.nav {
  position: relative;
  font-size: 0;
}


.nav__item--top a {
  background-image: url('../img/spr_nav-s136cb5ddf1.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 46px;
  height: 17px;
  background-position: 0 -119px;
}


.nav__item--tw a {
  background-image: url('../img/spr_nav-s136cb5ddf1.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 107px;
  height: 17px;
  background-position: 0 -136px;
}


.nav__item--news a {
  background-image: url('../img/spr_nav-s136cb5ddf1.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 66px;
  height: 17px;
  background-position: 0 -51px;
}


.nav__item--movie a {
  background-image: url('../img/spr_nav-s136cb5ddf1.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 76px;
  height: 17px;
  background-position: 0 -34px;
}


.nav__item--sys a {
  background-image: url('../img/spr_nav-s136cb5ddf1.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 87px;
  height: 17px;
  background-position: 0 -102px;
}


.nav__item--char a {
  background-image: url('../img/spr_nav-s136cb5ddf1.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 139px;
  height: 17px;
  background-position: 0 -17px;
}


.nav__item--story a {
  background-image: url('../img/spr_nav-s136cb5ddf1.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 75px;
  height: 17px;
  background-position: 0 -85px;
}


.nav__item--cast a {
  background-image: url('../img/spr_nav-s136cb5ddf1.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 58px;
  height: 17px;
  background-position: 0 0;
}


.nav__item--staff a {
  background-image: url('../img/spr_nav-s136cb5ddf1.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 68px;
  height: 17px;
  background-position: 0 -68px;
}


.sec__ttl {
  z-index: 10;
  text-align: center;
  margin: 0 auto;
}


.sec__ttl--entry {
  background-image: url('../img/spr_ttl-s3ae5230b2d.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 345px;
  height: 49px;
  background-position: 0 -106px;
}
@media screen and (max-width: 640px) {

  .sec__ttl--entry {
    background: url('../img/spr_ttl/ttl_entry.png?1531876463') 0 0 no-repeat;
    height: 7.65625vw;
    width: 53.90625vw;
    background-size: 100%;
  }
}


.sec__ttl--movie {
  background-image: url('../img/spr_ttl-s3ae5230b2d.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 248px;
  height: 56px;
  background-position: 0 -155px;
}
@media screen and (max-width: 640px) {

  .sec__ttl--movie {
    background: url('../img/spr_ttl/ttl_movie.png?1541466517') 0 0 no-repeat;
    height: 8.75vw;
    width: 38.75vw;
    background-size: 100%;
  }
}


.sec__ttl--sys {
  position: relative;
  background-image: url('../img/spr_ttl-s3ae5230b2d.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 286px;
  height: 56px;
  background-position: 0 -340px;
}
@media screen and (max-width: 640px) {

  .sec__ttl--sys {
    background: url('../img/spr_ttl/ttl_system.png?1532481389') 0 0 no-repeat;
    height: 8.75vw;
    width: 44.6875vw;
    background-size: 100%;
  }
}


.sec__ttl--char {
  position: relative;
  background-image: url('../img/spr_ttl-s3ae5230b2d.png');
  background-repeat: no-repeat;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 464px;
  height: 56px;
  background-position: 0 -50px;
}
@media screen and (max-width: 640px) {

  .sec__ttl--char {
    background: url('../img/spr_ttl/ttl_char.png?1532481388') 0 0 no-repeat;
    height: 8.75vw;
    width: 72.5vw;
    background-size: 100%;
  }
}


.sec__ttl--story {
  background-image: url('../img/spr_ttl-s3ae5230b2d.png');
  background-repeat: no-repeat;
  margin: 0 auto 80px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 242px;
  height: 56px;
  background-position: 0 -284px;
}
@media screen and (max-width: 640px) {

  .sec__ttl--story {
    background: url('../img/spr_ttl/ttl_story.png?1532481389') 0 0 no-repeat;
    height: 8.75vw;
    width: 37.8125vw;
    background-size: 100%;
    margin-bottom: 12.5vw;
  }
}


.sec__ttl--staff {
  background-image: url('../img/spr_ttl-s3ae5230b2d.png');
  background-repeat: no-repeat;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 212px;
  height: 54px;
  background-position: 0 -230px;
  position: absolute;
  top: 90px;
  left: 50%;
  margin-left: -96px;
}
@media screen and (max-width: 640px) {

  .sec__ttl--staff {
    margin-left: -16vw;
    top: 14vw;
    background: url('../img/spr_ttl/ttl_staff.png?1531876463') 0 0 no-repeat;
    height: 8.4375vw;
    width: 33.125vw;
    background-size: 100%;
  }
}


.m-buttons__ttl {
  background-image: url('../img/spr_ttl-s3ae5230b2d.png');
  background-repeat: no-repeat;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 80px;
  height: 19px;
  background-position: 0 -211px;
}


.m-buttons {
  font-size: 0;
}

.m-buttons .btn {
  display: inline-block;
  margin: 0 10px;
}

.m-buttons__ttl {
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {

  .m-buttons__ttl {
    margin-bottom: 0;
  }
}

.sec-dl .m-buttons {
  padding: 85px 0 60px;
}
@media screen and (max-width: 640px) {

  .sec-dl .m-buttons {
    padding-top: 10vw;
    padding-bottom: 7vw;
  }
}


.btn {
  z-index: 200;
  position: relative;
  font-size: 0;
}

.btn a:hover {
  filter: brightness(110%);
}


.btn--follow a {
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 462px;
  height: 126px;
  background-position: 0 -61px;
}
@media screen and (max-width: 640px) {

  .btn--follow a {
    width: 70%;
    height: auto;
    background: url('../img/spr_btn/btn_follow.png?1531876461') 0 0 no-repeat;
    background-size: 100%;
    padding-top: 17%;
  }
}


.btn--line a {
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 462px;
  height: 125px;
  background-position: 0 -235px;
}
@media screen and (max-width: 640px) {

  .btn--line a {
    width: 70%;
    height: auto;
    background: url('../img/spr_btn/btn_line.png?1531876461') 0 0 no-repeat;
    background-size: 100%;
    padding-top: 17%;
  }
}


.btn--movie {
  margin-top: 70px;
}
@media screen and (max-width: 640px) {

  .btn--movie {
    margin-top: 10%;
  }
}

.btn--movie a {
  /*background-image: url('../img/spr_btn-sdec20ce94e.png');*/
  background-image: url('../img/spr_btn-sdec20ce94e-2.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 545px;
  height: 284px;
  background-position: 0 -411px;
}
@media screen and (max-width: 640px) {

  .btn--movie a {
    width: 85%;
    height: auto;
    background: url('../img/spr_btn/btn_movie_v02.png?1538011292') 0 0 no-repeat;
    background-size: 100%;
  }

  .btn--movie a:before {
    display: block;
    content: "";
    padding-top: 52%;
  }
}


.btn--twitter a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 440px;
  border: 2px solid #a2d4e6;
  background-color: #fff;
  padding: 33px 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
@media screen and (max-width: 640px) {

  .btn--twitter a {
    width: 68%;
    padding: 4.8vw 0;
    height: auto;
    -moz-border-radius: 8vw;
    -webkit-border-radius: 8vw;
    border-radius: 8vw;
  }
}

.btn--twitter a:before {
  display: block;
  content: "";
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 174px;
  height: 30px;
  background-position: 0 -695px;
}
@media screen and (max-width: 640px) {

  .btn--twitter a:before {
    width: 28vw;
    background: url('../img/spr_btn/btn_twitter.png?1531876461') center 50% no-repeat;
    background-size: 100%;
    height: 0;
    padding-top: 6vw;
  }
}


.btn--line2 a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 440px;
  border: 2px solid #a2d4e6;
  background-color: #fff;
  padding: 33px 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
@media screen and (max-width: 640px) {

  .btn--line2 a {
    width: 68%;
    padding: 4.8vw 0;
    height: auto;
    -moz-border-radius: 8vw;
    -webkit-border-radius: 8vw;
    border-radius: 8vw;
  }
}

.btn--line2 a:before {
  display: block;
  content: "";
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 102px;
  height: 26px;
  background-position: 0 -360px;
}
@media screen and (max-width: 640px) {

  .btn--line2 a:before {
    width: 16vw;
    background: url('../img/spr_btn/btn_line2.png?1531876460') center 50% no-repeat;
    background-size: 100%;
    height: 0;
    padding-top: 6vw;
  }
}


.btn--share-fb a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #a2d4e6;
  background-color: #fff;
  padding: 19px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
@media screen and (max-width: 640px) {

  .btn--share-fb a {
    padding: 3.8vw;
    -moz-border-radius: 13vw;
    -webkit-border-radius: 13vw;
    border-radius: 13vw;
  }
}

.btn--share-fb a:before {
  content: '';
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 38px;
  height: 38px;
  background-position: 0 -725px;
}


.btn--share-tw a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #a2d4e6;
  background-color: #fff;
  padding: 19px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
@media screen and (max-width: 640px) {

  .btn--share-tw a {
    padding: 3.8vw;
    -moz-border-radius: 13vw;
    -webkit-border-radius: 13vw;
    border-radius: 13vw;
  }
}

.btn--share-tw a:before {
  content: '';
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 38px;
  height: 38px;
  background-position: 0 -763px;
}


.btn--gototop {
  margin-bottom: 60px;
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 70px;
  height: 48px;
  background-position: 0 -187px;
}
@media screen and (max-width: 640px) {

  .btn--gototop {
    width: 11%;
    height: auto;
    background: url('../img/spr_btn/btn_gototop.png?1531876461') 0 0 no-repeat;
    background-size: 100%;
  }

  .btn--gototop:before {
    display: block;
    content: "";
    padding-top: 68%;
  }
}


.btn--back {
  width: 100%;
  top: -20px;
}
@media screen and (max-width: 640px) {

  .btn--back {
    top: -3.125vw;
  }
}

.btn--back a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 180px;
  border: 2px solid #a2d4e6;
  background-color: #fff;
  padding: 14px 0;
  margin: 0 auto;
  -moz-border-radius: 34px;
  -webkit-border-radius: 34px;
  border-radius: 34px;
}
@media screen and (max-width: 640px) {

  .btn--back a {
    width: 28.125vw;
    padding: 2.1875vw 0;
    height: auto;
    -moz-border-radius: 8vw;
    -webkit-border-radius: 8vw;
    border-radius: 8vw;
  }
}

.btn--back a:before {
  display: block;
  content: "";
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 101px;
  height: 35px;
  background-position: 0 0;
}
@media screen and (max-width: 640px) {

  .btn--back a:before {
    width: 16vw;
    background: url('../img/spr_btn/btn_back.png?1531876461') center 50% no-repeat;
    background-size: 100%;
    height: 0;
    padding-top: 6vw;
  }
}


.btn--back--type2 {
  top: 10px;
}
@media screen and (max-width: 640px) {

  .btn--back--type2 {
    top: 1.5625vw;
  }
}


.btn--close {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: 11vw;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 640px) {

  .btn--close {
    top: 10vh;
    margin-left: 21vw;
  }
}

.btn--close a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  display: block;
  width: 120px;
  border: 2px solid #a2d4e6;
  background-color: #fff;
  padding: 7px 0;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {

  .btn--close a {
    -moz-border-radius: 8vw;
    -webkit-border-radius: 8vw;
    border-radius: 8vw;
    width: 18.75vw;
    padding: 1.09375vw 0;
    height: auto;
  }
}

.btn--close a:before {
  display: block;
  content: "";
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 72px;
  height: 26px;
  background-position: 0 -35px;
}
@media screen and (max-width: 640px) {

  .btn--close a:before {
    width: 11.25vw;
    background: url('../img/spr_btn/btn_close.png?1532308566') center 50% no-repeat;
    background-size: 100%;
    height: 0;
    padding-top: 4.0625vw;
  }
}


.modal__overlay .btn--close {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  display: block;
  border: 2px solid #a2d4e6;
  background-color: #fff;
  width: 120px;
  padding: 7px 0;
  position: absolute;
  top: 20px;
}
@media screen and (max-width: 640px) {

  .modal__overlay .btn--close {
    -moz-border-radius: 8vw;
    -webkit-border-radius: 8vw;
    border-radius: 8vw;
    width: 18.75vw;
    padding: 1.09375vw 0;
    top: 3.125vw;
  }
}

.modal__overlay .btn--close:before {
  display: block;
  content: "";
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 72px;
  height: 26px;
  background-position: 0 -35px;
}
@media screen and (max-width: 640px) {

  .modal__overlay .btn--close:before {
    width: 11.25vw;
    background: url('../img/spr_btn/btn_close.png?1532308566') center 50% no-repeat;
    background-size: 100%;
    height: 0;
    padding-top: 4.0625vw;
  }
}


.sec-char__overlay .btn--prev, .sec-char__overlay .btn--next {
  position: absolute;
  top: 45vh;
}
@media screen and (max-width: 640px) {

  .sec-char__overlay .btn--prev, .sec-char__overlay .btn--next {
    margin-top: -23px;
  }
}

.sec-char__overlay .btn--prev a, .sec-char__overlay .btn--next a {
  display: block;
}

.sec-char__overlay .btn--prev {
  left: -71px;
}
@media screen and (max-width: 640px) {

  .sec-char__overlay .btn--prev {
    left: -35.5px;
  }
}

.sec-char__overlay .btn--prev a {
  background-image: url('../img/spr_arrow-sfbf43ba6d6.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 144px;
  height: 92px;
  background-position: 0 0;
}
@media screen and (max-width: 640px) {

  .sec-char__overlay .btn--prev a {
    background-image: url('../img/spr_arrow-sfbf43ba6d6.png');
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 72px;
    height: 46px;
    background-position: 0 0;
    -moz-background-size: 72px auto;
    -o-background-size: 72px auto;
    -webkit-background-size: 72px auto;
    background-size: 72px auto;
  }
}

.sec-char__overlay .btn--next {
  right: -51px;
}
@media screen and (max-width: 640px) {

  .sec-char__overlay .btn--next {
    right: -35.5px;
  }
}

.sec-char__overlay .btn--next a {
  background-image: url('../img/spr_arrow-sfbf43ba6d6.png');
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 144px;
  height: 92px;
  background-position: 0 -92px;
}
@media screen and (max-width: 640px) {

  .sec-char__overlay .btn--next a {
    background-image: url('../img/spr_arrow-sfbf43ba6d6.png');
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 72px;
    height: 46px;
    background-position: 0 -46px;
    -moz-background-size: 72px auto;
    -o-background-size: 72px auto;
    -webkit-background-size: 72px auto;
    background-size: 72px auto;
  }
}


.modal label.btn--more {
  cursor: pointer;
}

.modal label.btn--more:before {
  content: "";
  background-image: url('../img/spr_btn-sdec20ce94e.png');
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 97px;
  height: 25px;
  background-position: 0 -386px;
}
@media screen and (max-width: 640px) {

  .modal label.btn--more:before {
    width: 15.15625vw;
    background: url('../img/spr_btn/btn_more.png?1537924255') center 50% no-repeat;
    background-size: 100%;
    height: 0;
    padding-top: 3.90625vw;
  }
}


.btn--inquiry {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #888479;
  color: #fff !important;
  width: 240px;
  height: 66px;
  padding-top: 17px;
  font-size: 24px !important;
  -moz-border-radius: 33px;
  -webkit-border-radius: 33px;
  border-radius: 33px;
}

.btn--inquiry:hover {
  text-decoration: none;
  background-color: #9f9782;
}
@media screen and (max-width: 640px) {

  .btn--inquiry {
    width: 37.5vw;
    height: 10.3125vw;
    padding-top: 2.65625vw;
    font-size: 3.75vw !important;
    -moz-border-radius: 5.15625vw;
    -webkit-border-radius: 5.15625vw;
    border-radius: 5.15625vw;
  }
}

/* petal */

.petal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  min-height: 6600px;
  perspective: 1px;
}
@media screen and (max-width: 640px) {

  .petal {
    min-height: 1026vw;
  }
}


.petal-bg {
  position: relative;
  transform-style: preserve-3d;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 640px) {

  .petal-bg {
    width: 100%;
  }
}

.petal-bg--back {
  z-index: 2;
  display: block;
  background: url('../img/petal_back_pc.png?1531876460') center top repeat-y;
  top: 200px;
}
@media screen and (max-width: 640px) {

  .petal-bg--back {
    background: url('../img/petal_back_sp.png?1531876459') center top repeat-y;
    background-size: 100%;
    top: 340vw;
    min-height: 890vw;
  }
}

.petal-bg--front {
  z-index: 3;
  display: block;
  background: url('../img/petal_front_pc.png?1531876462') center top repeat-y;
  top: 400px;
  min-height: 7200px;
}
@media screen and (max-width: 640px) {

  .petal-bg--front {
    background: url('../img/petal_front_sp.png?1531876460') center top repeat-y;
    background-size: 100%;
    top: 288vw;
    min-height: 1098vw;
  }
}


.sec-char {
  background-position: center -50px;
  margin: 160px auto 0;
  width: 100%;
  /*min-height: 1260px;*/
  padding-bottom:100px;
  text-align: left;
}

.sec-char a:hover {
  cursor: pointer;
}
@media screen and (max-width: 640px) {

  .sec-char {
    margin-top: 25vw;
    margin-bottom: 15.625vw;
    min-height: 180vw;
  }
}

.sec-char:before {
  content: '';
  display: block;
  background: url('../img/elf_3.png?1531876457') 0 0 no-repeat;
  width: 194px;
  height: 169px;
  position: absolute;
  top: 730px;
  left: 50%;
  margin-left: -670px;
  z-index: 1;
}
@media screen and (max-width: 640px) {

  .sec-char:before {
    display: none;
  }
}


.sec-char__ctgr-container {
  position: absolute;
  top: 0;
  width: 100%;
}


.sec-char__ctgr {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  padding-top: 90px;
  width: 600px;
}
@media screen and (max-width: 640px) {

  .sec-char__ctgr {
    width: 100%;
    padding: 14.0625vw 1.5625vw 0;
  }
}

.sec-char__ctgr li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  width: 50%;
  padding: 0 9px;
  display: inline-block;
}

.sec-char__ctgr a.ctgr{
  background-repeat: no-repeat;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 280px;
  height: 127px;
  background-position: 0 0;
  position: relative;
  z-index: 200;
  margin: 0 auto;
}
.sec-char__ctgr a.ctgr:hover {
  filter: brightness(110%);
}
.sec-char__ctgr a.ctgr--1 {background-image: url('../img/spr_char_ctgr-1.png');}
.sec-char__ctgr a.ctgr--2 {background-image: url('../img/spr_char_ctgr-2.png');}
.sec-char__ctgr a.ctgr--3 {background-image: url('../img/spr_char_ctgr-3.png');}
.sec-char__ctgr a.ctgr--4 {background-image: url('../img/spr_char_ctgr-4.png');}
.sec-char__ctgr a.ctgr--5 {background-image: url('../img/spr_char_ctgr-5.png');}
.sec-char__ctgr a.ctgr--6 {background-image: url('../img/spr_char_ctgr-6.png');}
.sec-char__ctgr a.ctgr--7 {background-image: url('../img/spr_char_ctgr-7.png');}
.sec-char__ctgr a.ctgr--8 {background-image: url('../img/spr_char_ctgr-8.png');}
.sec-char__ctgr a.ctgr--9 {background-image: url('../img/spr_char_ctgr-9.png');}
.sec-char__ctgr a.ctgr--10 {background-image: url('../img/spr_char_ctgr-10.png');}
.sec-char__ctgr a.ctgr--11 {background-image: url('../img/spr_char_ctgr-11.png');}
.sec-char__ctgr a.ctgr--12 {background-image: url('../img/spr_char_ctgr-12.png');}


@media screen and (max-width: 640px) {

  .sec-char__ctgr {
    /*
    a.ctgr--10{
      //background-position-y: calc( 128 / (1536 – 128) * 100% );
      background-position-y: 9.09090909%;
    }
    a.ctgr--11{
      //background-position-y: calc( 256 / (1536 – 128) * 100% );
      background-position-y: 18.181818181%;
    }
    a.ctgr--12{
      //background-position-y: calc( 384 / (1536 – 128) * 100% );
      background-position-y: 27.272727272%;
    }
    */
  }

  .sec-char__ctgr a.ctgr {
    background-size: 100%;
    width: 43.75vw;
    height: 20vw;
  }
}


.sec-char__cnt {
  position: relative;
  margin-top: -120px;
  min-height: 800px;
}
@media screen and (max-width: 640px) {

  .sec-char__cnt {
    margin-top: -18.75vw;
    min-height: 120vw;
  }
}


.sec-char__tmb-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 200px;
  width: 100%;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box {
    padding-top: 31.25vw;
    min-height: 104.6875vw !important;
  }
}

.sec-char__tmb-box .sec-char__tmb {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 60px;
  width: 600px;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box .sec-char__tmb {
    padding: 9.375vw 1.5625vw 0;
    width: 100%;
  }
}

.sec-char__tmb-box .sec-char__tmb li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  min-height: 255px;
  width: 33.3%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box .sec-char__tmb li {
    min-height: 39.84375vw;
  }
}

.sec-char__tmb-box .sec-char__tmb a.tmb {
  position: relative;
  z-index: 200;
  margin: 0 auto;
  cursor: pointer;
}

.sec-char__tmb-box .sec-char__tmb a.tmb:hover {
  filter: brightness(110%);
}

.sec-char__tmb-box--1 {
  background: url('../img/character/bg_ctgr_1.png?1532308571') center top no-repeat;
  min-height: 670px;
  background-size: 1155px 670px;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--1 {
    min-height: 104.6875vw;
    background-size: 180.46875vw 104.6875vw;
  }
}

.sec-char__tmb-box--1 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_1.png?1532308572') center top no-repeat;
  height: 52px;
  width: 261px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--1 > .sec-char__tmb-ttl {
    height: 8.125vw;
    width: 40.78125vw;
  }
}

.sec-char__tmb-box--2 {
  background: url('../img/character/bg_ctgr_2.png?1532308571') center top no-repeat;
  min-height: 620px;
  background-size: 1134px 620px;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--2 {
    min-height: 96.875vw;
    background-size: 177.1875vw 96.875vw;
  }
}

.sec-char__tmb-box--2 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_2.png?1532308572') center top no-repeat;
  height: 52px;
  width: 259px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--2 > .sec-char__tmb-ttl {
    height: 8.125vw;
    width: 40.46875vw;
  }
}

.sec-char__tmb-box--3 {
  background: url('../img/character/bg_ctgr_3.png?1532308571') center top no-repeat;
  min-height: 700px;
  background-size: 1300px 700px;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--3 {
    min-height: 109.375vw;
    background-size: 203.125vw 109.375vw;
  }
}

.sec-char__tmb-box--3 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_3.png?1532308572') center top no-repeat;
  height: 49px;
  width: 217px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--3 > .sec-char__tmb-ttl {
    height: 7.65625vw;
    width: 33.90625vw;
  }
}

.sec-char__tmb-box--4 {
  background: url('../img/character/bg_ctgr_4.png?1533171990') center top no-repeat;
  min-height: 686px;
  background-size: 1040px 686px;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--4 {
    min-height: 107.1875vw;
    background-size: 162.5vw 107.1875vw;
  }
}

.sec-char__tmb-box--4 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_4.png?1533171990') center top no-repeat;
  height: 52px;
  width: 130px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--4 > .sec-char__tmb-ttl {
    height: 8.125vw;
    width: 20.3125vw;
  }
}

.sec-char__tmb-box--5 {
  background: url('../img/character/bg_ctgr_5.png?1533171990') center top no-repeat;
  min-height: 746px;
  background-size: 1250px 746px;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--5 {
    min-height: 116.5625vw;
    background-size: 195.3125vw 116.5625vw;
  }
}

.sec-char__tmb-box--5 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_5.png?1533171990') center top no-repeat;
  height: 51px;
  width: 146px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--5 > .sec-char__tmb-ttl {
    height: 7.96875vw;
    width: 22.8125vw;
  }
}

.sec-char__tmb-box--6 {
  background: url('../img/character/bg_ctgr_6.png?1533171990') center top no-repeat;
  min-height: 770px;
  background-size: 1200px 770px;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--6 {
    min-height: 120.3125vw;
    background-size: 187.5vw 120.3125vw;
  }
}

.sec-char__tmb-box--6 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_6.png?1533171990') center top no-repeat;
  height: 47px;
  width: 187px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--6 > .sec-char__tmb-ttl {
    height: 7.34375vw;
    width: 29.21875vw;
  }
}

.sec-char__tmb-box--7 {
  background: url('../img/character/bg_ctgr_7.png?1533171990') center top no-repeat;
  min-height: 720px;
  background-size: 956px 720px;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 {
    min-height: 112.5vw;
    background-size: 149.375vw 112.5vw;
  }
}

.sec-char__tmb-box--7 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_7.png?1533171990') center top no-repeat;
  height: 50px;
  width: 182px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 > .sec-char__tmb-ttl {
    height: 7.8125vw;
    width: 28.4375vw;
  }
}

.sec-char__tmb-box--8 {
  background: url('../img/character/bg_ctgr_8.png?1554859208') center top no-repeat;
  min-height: 844px;
  background-size: 1117px 844px;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--8 {
    min-height: 131.875vw;
    background-size: 174.53125vw 131.875vw;
  }
}

.sec-char__tmb-box--8 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_8.png?1554859208') center top no-repeat;
  height: 49px;
  width: 143px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--8 > .sec-char__tmb-ttl {
    height: 7.65625vw;
    width: 22.34375vw;
  }
}

.sec-char__tmb-box--9 {
  background: url('../img/character/bg_ctgr_9.png?1554862636') center top no-repeat;
  min-height: 568px;
  background-size: 942px 568px;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--9 {
    min-height: 88.75vw;
    background-size: 147.1875vw 88.75vw;
  }
}

.sec-char__tmb-box--9 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_9.png?1554863886') center top no-repeat;
  height: 49px;
  width: 217px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--9 > .sec-char__tmb-ttl {
    height: 7.65625vw;
    width: 33.90625vw;
  }
}


.sec-char__tmb-box--10 {
  background: url('../img/character/bg_ctgr_10.png?1554862636') center top no-repeat;
  min-height: 568px;
  background-size: 942px 568px;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--10 {
    min-height: 88.75vw;
    background-size: 147.1875vw 88.75vw;
  }
}

.sec-char__tmb-box--10 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_10.png?1554863886') center top no-repeat;
  height: 49px;
  width: 178px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--10 > .sec-char__tmb-ttl {
    height: 7.65625vw;
    width: 33.90625vw;
  }
}


.sec-char__tmb-box--11 {
  background: url('../img/character/bg_ctgr_11.png?1554862636') center top no-repeat;
  min-height: 568px;
  background-size: 942px 568px;
}
.sec-char__tmb-box--11 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_11.png?1554863886') center top no-repeat;
  height: 49px;
  width: 178px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {
  .sec-char__tmb-box--11 {
    min-height: 88.75vw;
    background-size: 147.1875vw 88.75vw;
  }
  .sec-char__tmb-box--11 > .sec-char__tmb-ttl {
    height: 7.65625vw;
    width: 33.90625vw;
  }
}

.sec-char__tmb-box--12 {
  background: url('../img/character/bg_ctgr_12.png?1554862636') center top no-repeat;
  min-height: 568px;
  background-size: 942px 568px;
}
.sec-char__tmb-box--12 > .sec-char__tmb-ttl {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/ttl_chara-ctgr_12.png?1554863886') center top no-repeat;
  height: 49px;
  width: 178px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {
  .sec-char__tmb-box--12 {
    min-height: 88.75vw;
    background-size: 147.1875vw 88.75vw;
  }
  .sec-char__tmb-box--12 > .sec-char__tmb-ttl {
    height: 7.65625vw;
    width: 33.90625vw;
  }
}

.sec-char__tmb-box--1 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_1-1.png?1532912423') center top no-repeat;
  height: 224px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--1 a.tmb--1 {
    height: 35vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--1 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_1-2.png?1532912423') center top no-repeat;
  height: 220px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--1 a.tmb--2 {
    height: 34.375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--1 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_1-3.png?1532912423') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--1 a.tmb--3 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--1 a.tmb--4 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_1-4.png?1532912423') center top no-repeat;
  height: 220px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--1 a.tmb--4 {
    height: 34.375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--1 a.tmb--5 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_1-5.png?1532308572') center top no-repeat;
  height: 219px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--1 a.tmb--5 {
    height: 34.21875vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--1 a.tmb--6 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_1-6.png?1532308572') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--1 a.tmb--6 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--2 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_2-1.png?1532912423') center top no-repeat;
  height: 246px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--2 a.tmb--1 {
    height: 38.4375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--2 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_2-2.png?1532912423') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--2 a.tmb--2 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--2 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_2-3.png?1532308570') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--2 a.tmb--3 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--2 a.tmb--4 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_2-4.png?1532308570') center top no-repeat;
  height: 220px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--2 a.tmb--4 {
    height: 34.375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--2 a.tmb--5 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_2-5.png?1532308570') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--2 a.tmb--5 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--2 a.tmb--6 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_2-6.png?1532912423') center top no-repeat;
  height: 219px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--2 a.tmb--6 {
    height: 34.21875vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--3 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_3-1.png?1532308571') center top no-repeat;
  height: 220px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--3 a.tmb--1 {
    height: 34.375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--3 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_3-2.png?1532308571') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--3 a.tmb--2 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--3 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_3-3.png?1532308572') center top no-repeat;
  height: 220px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--3 a.tmb--3 {
    height: 34.375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--3 a.tmb--4 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_3-4.png?1532912423') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--3 a.tmb--4 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--4 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_4-1.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--4 a.tmb--1 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--4 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_4-2.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--4 a.tmb--2 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--4 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_4-3.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--4 a.tmb--3 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--5 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_5-1.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--5 a.tmb--1 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--5 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_5-2.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--5 a.tmb--2 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--5 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_5-3.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--5 a.tmb--3 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--5 a.tmb--4 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_5-4.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--5 a.tmb--4 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--5 a.tmb--5 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_5-5.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--5 a.tmb--5 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--5 a.tmb--6 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_5-6.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--5 a.tmb--6 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--5 a.tmb--7 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_5-7.png?1538011292') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--5 a.tmb--7 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--6 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_6-1.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--6 a.tmb--1 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--6 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_6-2.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--6 a.tmb--2 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--6 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_6-3.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--6 a.tmb--3 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--6 a.tmb--4 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_6-4.png?1538011292') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--6 a.tmb--4 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-1.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--1 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-2.png?1533171990') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--2 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-3.png?1554859208') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--3 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--4 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-4.png?1554859208') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--4 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--5 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-5.png?1554859208') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--5 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--6 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-6.png?1554859208') center top no-repeat;
  height: 220px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--6 {
    height: 34.375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--7 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-7.png?1554859208') center top no-repeat;
  height: 220px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--7 {
    height: 34.375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--8 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-8.png?1554859208') center top no-repeat;
  height: 220px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--8 {
    height: 34.375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--9 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-9.png?1554859208') center top no-repeat;
  height: 221px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--9 {
    height: 34.53125vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--10 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-10.png?1554876818') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--10 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--11 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-11.png?1554876826') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--11 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--12 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-12.png?1554876826') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--12 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}
.sec-char__tmb-box--7 a.tmb--13 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-13.png?1554876826') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--13 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}
.sec-char__tmb-box--7 a.tmb--14 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-14.png?1554876826') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--14 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--7 a.tmb--15 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-15.png?1554876826') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
.sec-char__tmb-box--7 a.tmb--16 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-16.png?1554876826') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
.sec-char__tmb-box--7 a.tmb--17 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-17.png?1554876826') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
.sec-char__tmb-box--7 a.tmb--18 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_7-18.png?1554876826') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--15 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

@media screen and (max-width: 640px) {

  .sec-char__tmb-box--7 a.tmb--16 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--8 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_8-1.png?1554859208') center top no-repeat;
  height: 247px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--8 a.tmb--1 {
    height: 38.59375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--8 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_8-2.png?1554859208') center top no-repeat;
  height: 247px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--8 a.tmb--2 {
    height: 38.59375vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--8 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_8-3.png?1554859208') center top no-repeat;
  height: 248px;
  width: 180px;
  background-size: 100%;
}
.sec-char__tmb-box--8 a.tmb--4 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_8-4.png?1554859208') center top no-repeat;
  height: 248px;
  width: 180px;
  background-size: 100%;
}
.sec-char__tmb-box--8 a.tmb--5 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_8-5.png?1554859208') center top no-repeat;
  height: 248px;
  width: 180px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--8 a.tmb--3 {
    height: 38.75vw;
    width: 28.125vw;
  }
}

.sec-char__tmb-box--9 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_9-1.png?1554877084') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--9 a.tmb--1 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--9 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_9-2.png?1554877098') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--9 a.tmb--2 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--9 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_9-3.png?1554877113') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--9 a.tmb--3 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}


.sec-char__tmb-box--10 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_10-1.png?1554877084') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--10 a.tmb--1 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--10 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_10-2.png?1554877098') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--10 a.tmb--2 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--10 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_10-3.png?1554877113') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--10 a.tmb--3 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}


.sec-char__tmb-box--11 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_11-1.png?1554877084') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--11 a.tmb--1 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--11 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_11-2.png?1554877098') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--11 a.tmb--2 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--11 a.tmb--3 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_11-3.png?1554877113') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--11 a.tmb--3 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}


.sec-char__tmb-box--12 a.tmb--1 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_12-1.png?1554877084') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--12 a.tmb--1 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}

.sec-char__tmb-box--12 a.tmb--2 {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/character/tmb_12-2.png?1554877098') center top no-repeat;
  height: 221px;
  width: 181px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-char__tmb-box--12 a.tmb--2 {
    height: 34.53125vw;
    width: 28.28125vw;
  }
}



@media screen and (max-width: 640px) {

  .sec-char__tmb-box.sec-char__tmb-box--5 .sec-char__tmb {
    padding-top: 5vw;
  }

  .sec-char__tmb-box.sec-char__tmb-box--5 .sec-char__tmb li {
    min-height: 36vw;
  }
}

.sec-char__tmb-box.sec-char__tmb-box--8 {
  background-position: center -50%;
}


.sec-char__tmb-ttl {
  margin: 0 auto;
}


.sec-char__overlay {
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  min-height: 1040px;
}

.sec-char__overlay a:hover {
  cursor: pointer;
}


ul.sec-char__slider {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

ul.sec-char__slider--1 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_1-1.png?1532912423') center top no-repeat;
  min-height: 1040px;
  background-size: 802px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--1 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125.3125vw 162.5vw;
  }
}

ul.sec-char__slider--1 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_1-2.png?1532912423') center top no-repeat;
  min-height: 1040px;
  background-size: 802px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--1 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125.3125vw 162.5vw;
  }
}

ul.sec-char__slider--1 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_1-3.png?1535591291') center top no-repeat;
  min-height: 1040px;
  background-size: 802px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--1 .sec-char__slider-item--3 {
    min-height: 162.5vw;
    background-size: 125.3125vw 162.5vw;
  }
}

ul.sec-char__slider--1 .sec-char__slider-item--4 {
  background: url('../img/character/chr_img_1-4.png?1532912423') center top no-repeat;
  min-height: 1040px;
  background-size: 802px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--1 .sec-char__slider-item--4 {
    min-height: 162.5vw;
    background-size: 125.3125vw 162.5vw;
  }
}

ul.sec-char__slider--1 .sec-char__slider-item--5 {
  background: url('../img/character/chr_img_1-5.png?1532308573') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--1 .sec-char__slider-item--5 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--1 .sec-char__slider-item--6 {
  background: url('../img/character/chr_img_1-6.png?1532308573') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--1 .sec-char__slider-item--6 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--2 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_2-1.png?1532912423') center top no-repeat;
  min-height: 1040px;
  background-size: 802px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--2 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125.3125vw 162.5vw;
  }
}

ul.sec-char__slider--2 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_2-2.png?1532912423') center top no-repeat;
  min-height: 1040px;
  background-size: 802px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--2 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125.3125vw 162.5vw;
  }
}

ul.sec-char__slider--2 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_2-3.png?1532308571') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--2 .sec-char__slider-item--3 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--2 .sec-char__slider-item--4 {
  background: url('../img/character/chr_img_2-4.png?1532308571') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--2 .sec-char__slider-item--4 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--2 .sec-char__slider-item--5 {
  background: url('../img/character/chr_img_2-5.png?1532308571') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--2 .sec-char__slider-item--5 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--2 .sec-char__slider-item--6 {
  background: url('../img/character/chr_img_2-6.png?1532912423') center top no-repeat;
  min-height: 1040px;
  background-size: 802px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--2 .sec-char__slider-item--6 {
    min-height: 162.5vw;
    background-size: 125.3125vw 162.5vw;
  }
}

ul.sec-char__slider--3 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_3-1.png?1532308573') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--3 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--3 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_3-2.png?1532308573') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--3 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--3 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_3-3.png?1532308573') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--3 .sec-char__slider-item--3 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--3 .sec-char__slider-item--4 {
  background: url('../img/character/chr_img_3-4.png?1532912423') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--3 .sec-char__slider-item--4 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--4 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_4-1.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 802px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--4 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125.3125vw 162.5vw;
  }
}

ul.sec-char__slider--4 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_4-2.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--4 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--4 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_4-3.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--4 .sec-char__slider-item--3 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--5 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_5-1.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--5 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--5 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_5-2.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--5 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--5 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_5-3.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--5 .sec-char__slider-item--3 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--5 .sec-char__slider-item--4 {
  background: url('../img/character/chr_img_5-4.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--5 .sec-char__slider-item--4 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--5 .sec-char__slider-item--5 {
  background: url('../img/character/chr_img_5-5.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--5 .sec-char__slider-item--5 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--5 .sec-char__slider-item--6 {
  background: url('../img/character/chr_img_5-6.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--5 .sec-char__slider-item--6 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--5 .sec-char__slider-item--7 {
  background: url('../img/character/chr_img_5-7.png?1538100449') center top no-repeat;
  min-height: 1040px;
  background-size: 802px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--5 .sec-char__slider-item--7 {
    min-height: 162.5vw;
    background-size: 125.3125vw 162.5vw;
  }
}

ul.sec-char__slider--6 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_6-1.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--6 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--6 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_6-2.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--6 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--6 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_6-3.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--6 .sec-char__slider-item--3 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--6 .sec-char__slider-item--4 {
  background: url('../img/character/chr_img_6-4.png?1538100449') center top no-repeat;
  min-height: 1040px;
  background-size: 802px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--6 .sec-char__slider-item--4 {
    min-height: 162.5vw;
    background-size: 125.3125vw 162.5vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_7-1.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_7-2.png?1533171990') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_7-3.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--3 {
    min-height: 149.53125vw;
    background-size: 115.15625vw 149.53125vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--4 {
  background: url('../img/character/chr_img_7-4.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--4 {
    min-height: 149.53125vw;
    background-size: 115.15625vw 149.53125vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--5 {
  background: url('../img/character/chr_img_7-5.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--5 {
    min-height: 149.53125vw;
    background-size: 115.15625vw 149.53125vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--6 {
  background: url('../img/character/chr_img_7-6.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--6 {
    min-height: 149.53125vw;
    background-size: 115.15625vw 149.53125vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--7 {
  background: url('../img/character/chr_img_7-7.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--7 {
    min-height: 149.53125vw;
    background-size: 115.15625vw 149.53125vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--8 {
  background: url('../img/character/chr_img_7-8.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--8 {
    min-height: 149.53125vw;
    background-size: 115.15625vw 149.53125vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--9 {
  background: url('../img/character/chr_img_7-9.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--9 {
    min-height: 149.53125vw;
    background-size: 115.15625vw 149.53125vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--10 {
  background: url('../img/character/chr_img_7-10.png?1554878961') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--10 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--11 {
  background: url('../img/character/chr_img_7-11.png?1554878947') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--11 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}


ul.sec-char__slider--7 .sec-char__slider-item--12 {
  background: url('../img/character/chr_img_7-12.png?1554878947') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--12 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--13 {
  background: url('../img/character/chr_img_7-13.png?1554878947') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--13 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--14 {
  background: url('../img/character/chr_img_7-14.png?1554878947') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--14 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--7 .sec-char__slider-item--15 {
  background: url('../img/character/chr_img_7-15.png?1554878947') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
ul.sec-char__slider--7 .sec-char__slider-item--16 {
  background: url('../img/character/chr_img_7-16.png?1554878947') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
ul.sec-char__slider--7 .sec-char__slider-item--17 {
  background: url('../img/character/chr_img_7-17.png?1554878947') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
ul.sec-char__slider--7 .sec-char__slider-item--18 {
  background: url('../img/character/chr_img_7-18.png?1554878947') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}

@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--15 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

@media screen and (max-width: 640px) {

  ul.sec-char__slider--7 .sec-char__slider-item--16 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--8 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_8-1.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--8 .sec-char__slider-item--1 {
    min-height: 149.53125vw;
    background-size: 115.15625vw 149.53125vw;
  }
}

ul.sec-char__slider--8 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_8-2.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--8 .sec-char__slider-item--2 {
    min-height: 149.53125vw;
    background-size: 115.15625vw 149.53125vw;
  }
}

ul.sec-char__slider--8 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_8-3.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
ul.sec-char__slider--8 .sec-char__slider-item--4 {
  background: url('../img/character/chr_img_8-4.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
ul.sec-char__slider--8 .sec-char__slider-item--5 {
  background: url('../img/character/chr_img_8-5.png?1554859208') center top no-repeat;
  min-height: 957px;
  background-size: 737px 957px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--8 .sec-char__slider-item--3 {
    min-height: 149.53125vw;
    background-size: 115.15625vw 149.53125vw;
  }
}

ul.sec-char__slider--9 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_9-1.png?1554863583') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--9 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--9 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_9-2.png?1554863609') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--9 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--9 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_9-3.png?1554863644') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--9 .sec-char__slider-item--3 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}


ul.sec-char__slider--10 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_10-1.png?1554863583') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--10 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--10 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_10-2.png?15548636010') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--10 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--10 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_10-3.png?1554863644') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--10 .sec-char__slider-item--3 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}


ul.sec-char__slider--11 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_11-1.png?1554863583') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--11 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--11 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_11-2.png?15548636011') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--11 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--11 .sec-char__slider-item--3 {
  background: url('../img/character/chr_img_11-3.png?1554863644') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--11 .sec-char__slider-item--3 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}


ul.sec-char__slider--12 .sec-char__slider-item--1 {
  background: url('../img/character/chr_img_12-1.png?1554863583') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--12 .sec-char__slider-item--1 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

ul.sec-char__slider--12 .sec-char__slider-item--2 {
  background: url('../img/character/chr_img_12-2.png?15548636011') center top no-repeat;
  min-height: 1040px;
  background-size: 800px 1040px;
}
@media screen and (max-width: 640px) {

  ul.sec-char__slider--12 .sec-char__slider-item--2 {
    min-height: 162.5vw;
    background-size: 125vw 162.5vw;
  }
}

li.sec-char__slider-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 100vw;
  height: 100vh;
  min-height: 100vh !important;
  background-position: center center !important;
  background-size: contain !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
@media screen and (max-width: 640px) {

  li.sec-char__slider-item {
    background-size: contain;
  }
}

li.sec-char__slider-item:first-child {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* 共通 */

html {
  height: 100%;
}


body {
  height: 100%;
}
@media screen and (min-width: 641px) {

  body {
    min-width: 640px;
    font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
  }
}


.m-main {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 15px auto 0;
  text-align: center;
  background: url('../img/bg_pc_petal.jpg?1531876457') center top repeat-y;
}
@media screen and (max-width: 640px) {

  .m-main {
    background: none;
    margin-top: 2.34375vw;
  }
}


.m-nav {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: -70px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 70px;
  z-index: 900;
  font-size: 0;
  padding: 24px 0px;
  display: none;
}
@media screen and (max-width: 640px) {

  .m-nav {
    display: none;
  }
}

.m-nav li {
  display: inline-block;
  margin: 0 3%;
}

.m-nav--v02 li {
  margin: 0 1.5%;
}
@media screen and (max-width: 720px) {

  .m-nav--v02 li {
    margin: 0 0.8%;
  }
}

.m-nav a:hover, .m-nav a.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}


.sec {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}


.sec__inner {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}

.sec-top .sec__inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 655px;
  padding-top: 655px;
  max-width: 1800px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {

  .sec-top .sec__inner {
    min-height: 110vw;
    padding-top: 110vw;
    max-width: auto;
  }
}
@media screen and (max-width: 640px) {

  .sec__inner {
    max-width: auto;
  }
}


.sec-top {
  width: 100%;
  background: url('../img/bg_top_pc.v04.jpg?1539911798') center top no-repeat;
  height: 704px;
  overflow: visible;
  /*
  &__banner {
    z-index: 100;
    position: absolute;
    @include element-responsive("banner_nelke_atelieronline.png");
    top: 30px;
    right: -137px;
    @media screen and (max-width: $mediaSizeM) {
      top: 7vw;
      right: 2.5vw;
    }
  }
  */
}
@media screen and (max-width: 640px) {

  .sec-top {
    background: url('../img/bg_top_sp.v04.jpg?1539911798') center top no-repeat;
    background-size: 100%;
    height: auto;
    min-height: 117vw;
  }
}

.sec-top__flag {
  z-index: 100;
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/flag.png?1531876465') center top no-repeat;
  height: 124px;
  width: 120px;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 30px;
}
@media screen and (max-width: 640px) {

  .sec-top__flag {
    height: 19.375vw;
    width: 18.75vw;
  }
}
@media screen and (max-width: 640px) {

  .sec-top__flag {
    left: 0;
    margin-left: 10vw;
  }
}

.sec-top__flag--tgs2018 {
  z-index: 100;
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/top-bnr_tgs2018.png?1536541581') center top no-repeat;
  height: 123px;
  width: 118px;
  background-size: 100%;
  position: absolute;
  top: 20px;
  left: -120px;
}
@media screen and (max-width: 640px) {

  .sec-top__flag--tgs2018 {
    height: 19.21875vw;
    width: 18.4375vw;
  }
}
@media screen and (max-width: 640px) {

  .sec-top__flag--tgs2018 {
    position: relative;
    left: 0;
    top: 2vw;
    margin-left: 9vw;
  }
}

.sec-top__bnr-list {
  position: absolute;
  top: 25px;
  right: 30px;
  max-width: 201px;
}
@media screen and (max-width: 640px) {

  .sec-top__bnr-list {
    top: 3.90625vw;
    right: 4.6875vw;
    max-width: 31.40625vw;
  }
}

.sec-top__bnr-list li + li {
  margin-top: 5px;
}
@media screen and (max-width: 640px) {

  .sec-top__bnr-list li + li {
    margin-top: 0.78125vw;
  }
}

.sec-top__bnr-list img {
  width: 100%;
}

.sec-top__bnr {
  position: relative;
  z-index: 100;
}

.sec-top__ttl {
  font-size: 0;
  line-height: 0;
}

.sec-top__ttl.in-slider {
  position: absolute;
  top: 0;
}

.sec-top__lead {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/lead_top.v03.png?1538011292') center top no-repeat;
  height: 53px;
  width: 626px;
  background-size: 100%;
  background-position: center bottom;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 640px) {

  .sec-top__lead {
    height: 8.28125vw;
    width: 97.8125vw;
  }
}


.sec-movie {
  width: 100%;
  padding-top: 70px;
  background: url('../img/bg_movie.png?1531876461') center top no-repeat;
  min-height: 392px;
  background-size: 1552px 392px;
  background-position: center bottom;
  padding-bottom: 100px;
}
@media screen and (max-width: 640px) {

  .sec-movie {
    min-height: 61.25vw;
    background-size: 242.5vw 61.25vw;
  }
}
@media screen and (max-width: 640px) {

  .sec-movie {
    padding-top: 10.9375vw;
    padding-bottom: 15.625vw;
  }
}


.sec-sys {
  position: relative;
  padding-top: 70px;
}
@media screen and (max-width: 640px) {

  .sec-sys {
    padding-top: 35px;
  }
}

.sec-sys__lead {
  font-size: 0;
  line-height: 0;
}

.sec-sys__txt {
  margin: 0 auto;
  text-align: left;
  width: 600px;
  font-size: 24px;
  line-height: 40px;
  padding-top: 845px;
  color: #49422f;
}
@media screen and (max-width: 640px) {

  .sec-sys__txt {
    width: 80%;
    font-size: 4vw;
    line-height: 1.5;
    padding-top: 132vw;
  }
}

.sec-sys:before {
  content: '';
  display: block;
  background: url('../img/elf_2.png?1531876457') 0 0 no-repeat;
  width: 253px;
  height: 414px;
  position: absolute;
  top: 730px;
  left: 50%;
  margin-left: 525px;
  z-index: 1;
}
@media screen and (max-width: 640px) {

  .sec-sys:before {
    display: none;
  }
}


.sec-story {
  background: url('../img/bg_story.png?1541556246') center top no-repeat;
  min-height: 433px;
  background-size: 545px 433px;
  padding-top: 130px;
  background-size: 1090px 865px;
}
@media screen and (max-width: 640px) {

  .sec-story {
    min-height: 67.65625vw;
    background-size: 85.15625vw 67.65625vw;
  }
}
@media screen and (max-width: 640px) {

  .sec-story {
    padding-top: 20.3125vw;
    background-size: 170.3125vw auto;
  }
}

.sec-story__lead {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/lead_story.png?1531876464') center top no-repeat;
  height: 95px;
  width: 573px;
  background-size: 100%;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 640px) {

  .sec-story__lead {
    height: 14.84375vw;
    width: 89.53125vw;
  }
}

.sec-story__txt {
  position: relative;
  z-index: 100;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 600px;
  height: 500px;
  margin: 30px auto;
  padding: 10px 0;
  overflow-y: auto;
  font-size: 23px;
  line-height: 1.6;
  background: transparent;
  /*スクロールバー全体*/
}

.sec-story__txt p + p {
  margin-top: 3%;
}

.sec-story__txt em {
  line-height: 2;
}
@media screen and (max-width: 640px) {

  .sec-story__txt {
    width: 93.75vw;
    height: 78.125vw;
    margin: 4.687vw auto;
    padding: 1.5625vw 0;
    font-size: 3.59375vw;
  }
}

.sec-story__txt::-webkit-scrollbar {
  width: 10px;
}

.sec-story__txt::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(164, 184, 217, 0.3);
}

.sec-story__txt::-webkit-scrollbar-thumb {
  background-color: #a4b8d9;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}


.sec-cast {
  position: relative;
}


.sec-staff {
  position: relative;
}

.sec-staff__list {
  font-size: 0;
  line-height: 0;
  width: 100%;
  background: url('../img/bg_staff.jpg?1534987360') center top no-repeat;
  min-height: 870px;
  background-size: 986px 870px;
  background-position: center 70px;
  min-height: 1020px;
}
@media screen and (max-width: 640px) {

  .sec-staff__list {
    min-height: 135.9375vw;
    background-size: 154.0625vw 135.9375vw;
  }
}
@media screen and (max-width: 640px) {

  .sec-staff__list {
    background-position: center 10.9375vw;
    background-size: 150%;
    min-height: 159.375vw;
  }
}


.sec-dl {
  min-height: 520px;
  padding-top: 50px;
}

.sec-dl > .btn + .btn {
  margin-top: 40px;
}

.sec-dl:before {
  content: '';
  display: block;
  background: url('../img/elf_4.png?1531876457') 0 0 no-repeat;
  width: 283px;
  height: 501px;
  position: absolute;
  bottom: -134px;
  left: 50%;
  margin-left: 677px;
  z-index: 0;
}
@media screen and (max-width: 640px) {

  .sec-dl:before {
    display: none;
  }
}

.sec-dl:after {
  content: '';
  display: block;
  background: url('../img/bg_rose.png?1531876457') 0 0 no-repeat;
  width: 234px;
  height: 501px;
  position: absolute;
  bottom: -104px;
  left: 0;
  z-index: 0;
}
@media screen and (max-width: 640px) {

  .sec-dl:after {
    display: none;
  }
}
@media screen and (max-width: 640px) {

  .sec-dl {
    min-height: 90vw;
    background: none;
    padding-top: 13vw;
  }

  .sec-dl .btn + .btn {
    margin-top: 4.4vw;
  }
}

.sec-dl .note {
  display: block;
  color: #94c4d6;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 30px;
}
@media screen and (max-width: 640px) {

  .sec-dl .note {
    font-size: 2.8vw;
    line-height: 4vw;
    padding-top: 4%;
  }
}


.sec-spec {
  position: relative;
  border-top: 2px solid #e5e5e5;
  background-color: #f4f4f4;
  padding: 50px 10px;
}
@media screen and (max-width: 640px) {

  .sec-spec {
    padding: 8vw 6vw;
  }
}

.sec-spec__logo {
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/logo.png?1531876459') center top no-repeat;
  height: 180px;
  width: 368px;
  background-size: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {

  .sec-spec__logo {
    height: 28.125vw;
    width: 57.5vw;
  }
}
@media screen and (max-width: 640px) {

  .sec-spec__logo {
    width: 70%;
    height: auto;
    padding-top: 33vw;
  }
}

.sec-spec__link {
  padding-top: 30px;
  text-align: center;
}
@media screen and (max-width: 640px) {

  .sec-spec__link {
    padding-top: 4.6875vw;
  }
}

.sec-spec__link a {
  font-size: 27px;
  line-height: 1.35;
  color: #49422f;
}
@media screen and (max-width: 640px) {

  .sec-spec__link a {
    font-size: 4.21875vw;
  }
}


.sec-spec__table {
  font-size: 0;
  line-height: 0;
  max-width: 640px;
  margin: 50px auto 0;
  text-align: left;
}
@media screen and (max-width: 640px) {

  .sec-spec__table {
    margin-top: 3.906vw;
  }
}

.sec-spec__table dt, .sec-spec__table dd {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 22px;
  line-height: 1.35;
  display: inline-block;
  vertical-align: top;
  color: #49422f;
}
@media screen and (max-width: 640px) {

  .sec-spec__table dt, .sec-spec__table dd {
    font-size: 3.3vw;
  }
}

.sec-spec__table dt span, .sec-spec__table dd span {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 8px;
}
@media screen and (max-width: 640px) {

  .sec-spec__table dt span, .sec-spec__table dd span {
    font-size: 2.8vw;
    margin-bottom: 1vw;
  }
}

.sec-spec__table dt {
  white-space: nowrap;
  position: relative;
  clear: both;
  width: 40%;
}

.sec-spec__table dt:after {
  content: ':';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.sec-spec__table dd {
  width: 60%;
  padding-left: 3%;
  margin-bottom: 2%;
}


.m-gototop {
  position: relative;
  z-index: 9000;
}


.m-footer {
  border-top: 2px solid #e5e5e5;
  text-align: center;
  width: 100%;
  color: #757575;
  background-color: #f4f4f4;
  padding: 70px 0 30px;
}
@media screen and (max-width: 640px) {

  .m-footer {
    padding: 11vw 0 5vw;
  }
}


.footer__copyright {
  padding: 15px 0;
}


.m-lnkgroup {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-bottom: 10px;
}


.lnkgroup__item {
  display: inline-block;
  margin: 0 20px;
}
@media screen and (max-width: 640px) {

  .lnkgroup__item {
    margin: 0 2vw;
  }

  .lnkgroup__item img {
    width: auto;
    height: 9.5vw;
  }
}


.m-copyright {
  margin: 0 auto;
  text-align: center;
}


.copyright__logo {
  display: inline-block;
  vertical-align: top;
  width: 55px;
  height: 23px;
}


.copyright__txt {
  display: inline-block;
  vertical-align: top;
  color: #666666;
  font-size: 20px;
  line-height: 1.8;
}
@media screen and (max-width: 640px) {

  .copyright__txt {
    font-size: 3.125vw;
  }
}


.sec-news {
  position: relative;
  margin-bottom: 84px;
}

.sec-news .btn {
  margin: 0 auto;
}

.sec-news .btn img {
  max-width: 520px;
}

.sec-news .btn + .btn {
  margin-top: 15px;
}

.sec-news > .btn.btn--cp {
  margin-bottom: 0;
}

.sec-news > .btn.btn--cp img {
  max-width: 587px;
}

.sec-news > .btn--cp {
  margin-top: 0;
  margin-bottom: 26px;
}

.sec-news > .btn--cp.cbt {
  margin-bottom: -15px;
}

.sec-news > .btn + .sec-news__list {
  margin-top: 50px;
}
@media screen and (max-width: 640px) {

  .sec-news > .btn + .sec-news__list {
    margin-top: 7.8125vw;
  }
}
@media screen and (max-width: 640px) {

  .sec-news {
    margin-bottom: 24.0625vw;
    margin-top: 0;
  }

  .sec-news .btn + .btn {
    margin-top: 2.343vw;
  }

  .sec-news .btn--cp {
    width: 91.718vw;
    margin-bottom: 4.062vw;
  }

  .sec-news .btn--cp.cbt {
    margin-bottom: -2.343vw;
  }

  .sec-news .btn img {
    width: 100%;
  }
}


.sec__ttl--news {
  font-size: 0;
  line-height: 0;
}


.sec-news__list {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #d7ad4b;
  padding: 120px 0 40px;
  margin: 0 auto;
  background: #ecddba url('../img/bg_news.png?1531876457') center top no-repeat;
  width: 580px;
  background-size: 580px 623px;
}

.sec-news__list ul {
  padding: 0 27px;
}

.sec-news__list ul li {
  text-align: left;
  border-bottom: 1px solid #e0d0a8;
}
@media screen and (max-width: 640px) {

  .sec-news__list {
    padding: 18.75vw 0 6.25vw;
    width: 90.625vw;
    min-height: auto;
    background-size: 100%;
  }

  .sec-news__list ul {
    padding: 0 4.218vw;
  }
}

.sec-news__list:before, .sec-news__list:after {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
}

.sec-news__list:before {
  top: -9px;
  right: -14px;
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/news_deco01.png?1531876464') center top no-repeat;
  height: 116px;
  width: 114px;
  background-size: 100%;
  display: none;
}
@media screen and (max-width: 640px) {

  .sec-news__list:before {
    height: 18.125vw;
    width: 17.8125vw;
  }
}
@media screen and (max-width: 640px) {

  .sec-news__list:before {
    display: block;
    top: -1.406vw;
    right: -2.187vw;
  }
}

.sec-news__list:after {
  bottom: -138px;
  left: -220px;
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/news_deco02.png?1531876465') center top no-repeat;
  height: 389px;
  width: 504px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .sec-news__list:after {
    height: 60.78125vw;
    width: 78.75vw;
  }
}
@media screen and (max-width: 640px) {

  .sec-news__list:after {
    bottom: -21.562vw;
    left: -34.375vw;
  }
}


a.sec-news__lnk {
  position: relative;
  width: 100%;
  z-index: 200;
  color: #49422f;
  font-size: 22px;
  line-height: 1.3;
  padding: 15px 0 5px;
  white-space: nowrap;
}

a.sec-news__lnk:hover {
  text-decoration: none;
}
@media screen and (max-width: 640px) {

  a.sec-news__lnk {
    font-size: 3.4375vw;
    padding: 2.343vw 0 0.781vw;
  }
}


.sec-news__ttl {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 400px;
}
@media screen and (max-width: 640px) {

  .sec-news__ttl {
    max-width: 62.5vw;
  }
}


.sec-news__time {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 0 5px;
  display: inline-block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media screen and (max-width: 640px) {

  .sec-news__time {
    padding: 2.343vw 0 0.781vw;
  }
}


.sec-news__bnr {
  margin: 28px auto 0;
}
@media screen and (max-width: 640px) {

  .sec-news__bnr {
    width: 81.25vw;
    margin: 4.375vw auto 0;
  }
}


.bnr-list {
  text-align: center;
  font-size: 0;
  line-height: 0;
  padding-bottom: 30px;
}
@media screen and (max-width: 640px) {

  .bnr-list {
    padding-bottom: 4.6875vw;
  }
}

.bnr-list li {
  display: inline-block;
}

.bnr-list li a {
  position: relative;
  z-index: 100;
}

.bnr-list li:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 640px) {

  .bnr-list li:first-child {
    margin-right: 3.125vw;
  }
}
@media screen and (max-width: 640px) {

  .bnr-list li {
    width: 40%;
  }

  .bnr-list li img {
    width: 100%;
  }
}


.tw-timeline {
  position: relative;
  width: 530px;
  height: 620px;
  margin: 0 auto;
  padding: 57px 0 150px;
}
@media screen and (max-width: 640px) {

  .tw-timeline {
    width: 82.8125vw;
    height: 96.875vw;
    padding: 8.90625vw 0 23.4375vw;
  }
}

.tw-timeline__inner {
  position: relative;
  width: 530px;
  height: 620px;
  border: 4px solid #0cf;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  z-index: 5;
}
@media screen and (max-width: 640px) {

  .tw-timeline__inner {
    width: 82.8125vw;
    height: 96.875vw;
    border-width: 0.625vw;
  }

  .tw-timeline__inner iframe {
    max-height: 95.625vw;
  }
}

.tw-timeline:before {
  display: block;
  content: '';
  position: absolute;
  bottom: 33px;
  right: -254px;
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/bg_tw.jpg?1541466517') center top no-repeat;
  height: 270px;
  width: 470px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .tw-timeline:before {
    height: 42.1875vw;
    width: 73.4375vw;
  }
}
@media screen and (max-width: 640px) {

  .tw-timeline:before {
    bottom: 5.15625vw;
    right: -39.6875vw;
  }
}


.butterfly {
  position: absolute;
  top: 10px;
  right: -43px;
  margin: 0 auto;
  z-index: 100;
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/anm_deco/body.png?1531876460') center top no-repeat;
  height: 90px;
  width: 142px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .butterfly {
    display: none;
  }
}
@media screen and (max-width: 640px) {

  .butterfly {
    height: 14.0625vw;
    width: 22.1875vw;
  }
}

.butterfly:before, .butterfly:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  content: "";
}

.butterfly:before {
  top: 11px;
  left: 71px;
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/anm_deco/wing_r.png?1531876460') center top no-repeat;
  height: 80px;
  width: 70px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .butterfly:before {
    height: 12.5vw;
    width: 10.9375vw;
  }
}

.butterfly:after {
  top: 7px;
  right: 64px;
  display: block;
  font-size: 0;
  line-height: 0;
  background: url('../img/anm_deco/wing_l.png?1531876460') center top no-repeat;
  height: 84px;
  width: 75px;
  background-size: 100%;
}
@media screen and (max-width: 640px) {

  .butterfly:after {
    height: 13.125vw;
    width: 11.71875vw;
  }
}

/* ==================================================================
再生・一時停止
================================================================== */

.butterfly {
  animation: fly01 1s ease-out normal;
  transform: rotateZ(-42deg);
}

.butterfly:before {
  animation: flap_right ease-in-out infinite alternate;
  transform-origin: left top;
}

.butterfly:after {
  animation: flap_left ease-in-out infinite alternate;
  transform-origin: right top;
}

.butterfly:before, .butterfly:after {
  animation-play-state: running;
  animation-delay: 6s;
  animation-duration: 5s;
  animation-fill-mode: both;
}

.butterfly:hover:before, .butterfly:hover:after {
  animation-delay: 0;
  animation-duration: 0.5s;
}

@keyframes fly01 {
  0% {
    transform: translateX(100px) translateY(200px) translateZ(-50px) rotateZ(-70deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  50% {
    transform: translateX(50px) translateY(100px) translateZ(-50px) rotateZ(-55deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  95% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  100% {
    transform: translateX(0) translateY(0) translateZ(0) rotateZ(-42deg);
  }
}
@keyframes flap_right {
  0% {
    transform: skew(0deg, 0deg);
  }
  65% {
    transform: skew(5deg, -5deg);
  }
  67% {
    transform: skew(-5deg, 0deg) rotateX(10deg) rotateY(20deg) rotateZ(-20deg);
  }
  70% {
    transform: skew(0deg, -5deg) rotateX(20deg) rotateY(10deg) rotateZ(-10deg);
  }
  74% {
    transform: skew(5deg, -5deg) rotateX(10deg) rotateY(5deg) rotateZ(-5deg);
  }
  77% {
    transform: skew(-10deg, 0deg);
  }
  100% {
    transform: skew(0deg, 0deg);
  }
}
@keyframes flap_left {
  0% {
    transform: skew(0deg, 0deg);
  }
  65% {
    transform: skew(-5deg, 5deg);
  }
  67% {
    transform: skew(0deg, -5deg) rotateX(20deg) rotateY(10deg) rotateZ(20deg);
  }
  70% {
    transform: skew(-5deg, 0deg) rotateX(10deg) rotateY(20deg) rotateZ(10deg);
  }
  74% {
    transform: skew(-5deg, 5deg) rotateX(5deg) rotateY(10deg) rotateZ(5deg);
  }
  77% {
    transform: skew(0deg, -10deg);
  }
  100% {
    transform: skew(0deg, 0deg);
  }
}