@charset "UTF-8";
/* line 1, ../../sass/style.scss */
* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font: inherit;
  font-style: normal;
  font-weight: lighter;
  list-style: none;
  text-decoration: none;
}

/* line 1, ../../sass/style.scss */
html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
}

/* line 1, ../../sass/style.scss */
body {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-align: left;
  font-family: YuGothic,'游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,メイリオ,'YuGothic','游ゴシック',Helvetica,Arial,sans-serif;
  width: 100%;
  height: 100%;
}

/* line 1, ../../sass/style.scss */
article, aside, dialog, figure, footer, header, main, menu, nav, section {
  display: block;
}

/* line 1, ../../sass/style.scss */
audio, canvas, video {
  display: inline-block;
}

/* line 1, ../../sass/style.scss */
br, hr {
  display: block;
}

/* line 1, ../../sass/style.scss */
ol, ul {
  list-style: none;
}

/* line 1, ../../sass/style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 1, ../../sass/style.scss */
.cf:after, .fancybox-inner:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

/* clearfix for ie7 */
/* line 1, ../../sass/style.scss */
.cf {
  display: inline-block;
}

/* line 1, ../../sass/style.scss */
.cf {
  display: block;
}

/* line 2, ../../sass/style.scss */
a:link, a:hover, a:active, a:visited {
  color: #333;
  text-decoration: none;
}

/*============================
mixin
============================*/
/* line 93, ../../sass/style.scss */
.pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 93, ../../sass/style.scss */
  .pc-only {
    display: none;
  }
}

/* line 99, ../../sass/style.scss */
.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  /* line 99, ../../sass/style.scss */
  .sp-only {
    display: block;
  }
}

/* line 107, ../../sass/style.scss */
a img {
  opacity: 1;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
/* line 111, ../../sass/style.scss */
a:hover img {
  opacity: 0.7;
}

/* line 116, ../../sass/style.scss */
p {
  font-size: 14px;
  line-height: 1.8;
}

/*============================
wrap
============================*/
/* line 125, ../../sass/style.scss */
.wrap {
  width: 100%;
  overflow: hidden;
}

/* line 130, ../../sass/style.scss */
.ico-new {
  position: relative;
}

/* line 134, ../../sass/style.scss */
.ico-new::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: -10px;
  width: 75px;
  height: 24px;
  background: url(../img/ico-new.png) no-repeat left top;
  z-index: 10;
}

/* line 146, ../../sass/style.scss */
.spr {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/parts.png) no-repeat left top;
}

/* line 154, ../../sass/style.scss */
.wrap .share-list {
  position: fixed;
  top: 135px;
  right: 0;
  display: block;
  width: 39px;
  height: 157px;
  background-position: 0 -266px;
  z-index: 1000;
}

/* line 165, ../../sass/style.scss */
.wrap .share-list .s-twitter {
  top: 90px;
  background-position: -7px -423px;
}

/* line 170, ../../sass/style.scss */
.wrap .share-list .s-facebook {
  top: 117px;
  background-position: -7px -450px;
}

/* line 175, ../../sass/style.scss */
.wrap .share-list a {
  position: absolute;
  top: 90px;
  left: 8px;
  display: block;
  width: 23px;
  height: 26px;
}

/* line 184, ../../sass/style.scss */
.wrap .series-list {
  position: fixed;
  top: 315px;
  right: 0;
  display: block;
  width: 39px;
  height: 184px;
  background-position: 0 0;
  z-index: 1000;
}

/* line 195, ../../sass/style.scss */
.wrap .series-list .s-fc {
  top: 90px;
  background-position: -7px -184px;
}

/* line 200, ../../sass/style.scss */
.wrap .series-list a {
  position: absolute;
  top: 90px;
  left: 8px;
  display: block;
  width: 23px;
  height: 26px;
}

/* line 209, ../../sass/style.scss */
.wrap .series-list .s-fc {
  top: 90px;
  background-position: -7px -184px;
}

/* line 214, ../../sass/style.scss */
.wrap .series-list .s-sc {
  top: 117px;
  background-position: -7px -211px;
}

/* line 219, ../../sass/style.scss */
.wrap .series-list .s-3rd {
  top: 144px;
  background-position: -7px -238px;
}

/*============================
header
============================*/
/* line 228, ../../sass/style.scss */
.bg-image1 {
  background: url(../img/bg-image1.jpg) no-repeat center top;
}

/* line 232, ../../sass/style.scss */
.header-wrap {
  position: relative;
  width: 100%;
  height: 768px;
}
/* line 235, ../../sass/style.scss */
.header-wrap .inner {
  position: relative;
  width: 960px;
  margin: 0 auto;
  height: 768px;
}
/* line 238, ../../sass/style.scss */
.header-wrap .inner .header-chara1 {
  position: absolute;
  top: 120px;
  left: 164px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s 1.2s ease-out;
  -moz-transition: all 0.4s 1.2s ease-out;
  -ms-transition: all 0.4s 1.2s ease-out;
  -o-transition: all 0.4s 1.2s ease-out;
  transition: all 0.4s 1.2s ease-out;
}
/* line 245, ../../sass/style.scss */
.header-wrap .inner .header-chara1.show {
  opacity: 1;
}
/* line 249, ../../sass/style.scss */
.header-wrap .inner .header-chara2 {
  position: absolute;
  top: 71px;
  left: 373px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s 0.4s ease-out;
  -moz-transition: all 0.4s 0.4s ease-out;
  -ms-transition: all 0.4s 0.4s ease-out;
  -o-transition: all 0.4s 0.4s ease-out;
  transition: all 0.4s 0.4s ease-out;
}
/* line 256, ../../sass/style.scss */
.header-wrap .inner .header-chara2.show {
  opacity: 1;
}
/* line 260, ../../sass/style.scss */
.header-wrap .inner .header-chara3 {
  position: absolute;
  top: 69px;
  left: -45px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s 0.8s ease-out;
  -moz-transition: all 0.4s 0.8s ease-out;
  -ms-transition: all 0.4s 0.8s ease-out;
  -o-transition: all 0.4s 0.8s ease-out;
  transition: all 0.4s 0.8s ease-out;
}
/* line 267, ../../sass/style.scss */
.header-wrap .inner .header-chara3.show {
  opacity: 1;
}
/* line 272, ../../sass/style.scss */
.header-wrap .inner .psvita {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
}
/* line 279, ../../sass/style.scss */
.header-wrap .inner .release {
  position: absolute;
  top: 0;
  left: -30px;
  z-index: 3;
}
/* line 286, ../../sass/style.scss */
.header-wrap .inner .copy {
  position: absolute;
  top: 582px;
  left: 0px;
  z-index: 3;
}
/* line 293, ../../sass/style.scss */
.header-wrap .inner .movie1 {
  position: absolute;
  bottom: 73px;
  right: 0;
  z-index: 3;
}
/* line 300, ../../sass/style.scss */
.header-wrap .inner .movie2 {
  position: absolute;
  bottom: 129px;
  right: 0;
  z-index: 3;
}
/* line 307, ../../sass/style.scss */
.header-wrap .inner .movie3 {
  position: absolute;
  bottom: 186px;
  right: 0;
  z-index: 3;
}
/* line 313, ../../sass/style.scss */
.header-wrap .inner .btn-twitter {
  position: absolute;
  top: 77px;
  right: 20px;
  z-index: 3;
}
/* line 319, ../../sass/style.scss */
.header-wrap .inner .logo {
  position: absolute;
  top: 230px;
  left: -100px;
  z-index: 3;
}
/* line 326, ../../sass/style.scss */
.header-wrap .gnav {
  position: relative;
  width: 100%;
  min-width: 960px;
  display: block;
  height: 64px;
  position: absolute;
  z-index: 200;
  bottom: 0;
  left: 0;
  background: url(../img/bg-gnav.png) no-repeat center top;
}
/* line 336, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list {
  text-align: center;
}
/* line 338, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li {
  display: inline-block;
  margin: 3px 0 0;
}
/* line 341, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li.current img {
  opacity: 0;
}
/* line 344, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li.gnav-information {
  width: 178px;
  height: 58px;
  background: url(../img/gnav-information_on.png) center top no-repeat;
}
/* line 349, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li.gnav-world {
  width: 110px;
  height: 58px;
  background: url(../img/gnav-world_on.png) center top no-repeat;
}
/* line 354, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li.gnav-system {
  width: 110px;
  height: 58px;
  background: url(../img/gnav-system_on.png) center top no-repeat;
}
/* line 359, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li.gnav-character {
  width: 156px;
  height: 58px;
  background: url(../img/gnav-character_on.png) center top no-repeat;
}
/* line 364, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li.gnav-products {
  width: 138px;
  height: 58px;
  background: url(../img/gnav-products_on.png) center top no-repeat;
}
/* line 369, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li.gnav-special {
  width: 116px;
  height: 58px;
  background: url(../img/gnav-special_on.png) center top no-repeat;
}
/* line 374, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li.gnav-qanda {
  width: 76px;
  height: 58px;
  background: url(../img/gnav-qanda_on.png) center top no-repeat;
}
/* line 379, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li img {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 1;
}
/* line 384, ../../sass/style.scss */
.header-wrap .gnav ul.gnav-list li a:hover img {
  opacity: 0;
}
/* line 391, ../../sass/style.scss */
.header-wrap .gnav.fixed {
  position: fixed;
  bottom: inherit;
  top: 0;
}

/*============================
第二階層グロナビ
============================*/
/* line 402, ../../sass/style.scss */
.content-header {
  height: 180px;
  position: relative;
  width: 100%;
}
/* line 406, ../../sass/style.scss */
.content-header .gnav {
  min-width: 960px;
  position: relative;
  width: 100%;
  display: block;
  height: 64px;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  background: url(../img/bg-gnav.png) no-repeat center top;
}
/* line 416, ../../sass/style.scss */
.content-header .gnav ul.gnav-list {
  text-align: center;
}
/* line 418, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li {
  display: inline-block;
  margin: 3px 0 0;
}
/* line 421, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li.current img {
  opacity: 0;
}
/* line 424, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li.gnav-information {
  width: 178px;
  height: 58px;
  background: url(../img/gnav-information_on.png) center top no-repeat;
}
/* line 429, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li.gnav-world {
  width: 110px;
  height: 58px;
  background: url(../img/gnav-world_on.png) center top no-repeat;
}
/* line 434, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li.gnav-system {
  width: 110px;
  height: 58px;
  background: url(../img/gnav-system_on.png) center top no-repeat;
}
/* line 439, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li.gnav-character {
  width: 156px;
  height: 58px;
  background: url(../img/gnav-character_on.png) center top no-repeat;
}
/* line 444, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li.gnav-products {
  width: 138px;
  height: 58px;
  background: url(../img/gnav-products_on.png) center top no-repeat;
}
/* line 449, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li.gnav-special {
  width: 116px;
  height: 58px;
  background: url(../img/gnav-special_on.png) center top no-repeat;
}
/* line 454, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li.gnav-qanda {
  width: 76px;
  height: 58px;
  background: url(../img/gnav-qanda_on.png) center top no-repeat;
}
/* line 459, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li img {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 1;
}
/* line 464, ../../sass/style.scss */
.content-header .gnav ul.gnav-list li a:hover img {
  opacity: 0;
}
/* line 471, ../../sass/style.scss */
.content-header .inner {
  position: relative;
  width: 960px;
  margin: 0 auto;
  margin-top: 64px;
}
/* line 474, ../../sass/style.scss */
.content-header .inner .logo {
  position: absolute;
  top: 10px;
  left: 5px;
  z-index: 100;
}
/* line 480, ../../sass/style.scss */
.content-header .inner .content-tit {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -150px;
}
/* line 486, ../../sass/style.scss */
.content-header .inner .psvita {
  position: absolute;
  top: 0;
  right: 0;
}

/*============================
products
============================*/
/* line 498, ../../sass/style.scss */
.products-wrap {
  position: relative;
  width: 100%;
  height: 468px;
}
/* line 501, ../../sass/style.scss */
.products-wrap .inner {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
/* line 503, ../../sass/style.scss */
.products-wrap .inner h2 {
  position: absolute;
  top: 140px;
  left: -35px;
  z-index: 100;
}
/* line 509, ../../sass/style.scss */
.products-wrap .inner .more {
  position: absolute;
  top: 270px;
  left: 10px;
  z-index: 100;
}
/* line 515, ../../sass/style.scss */
.products-wrap .inner .charaani {
  position: absolute;
  top: 340px;
  left: 10px;
  z-index: 100;
}
/* line 521, ../../sass/style.scss */
.products-wrap .inner .note {
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 12px;
  line-height: 1;
  color: #666666;
}
/* line 530, ../../sass/style.scss */
.products-wrap .inner .products-item1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

/*============================
information
============================*/
/* line 543, ../../sass/style.scss */
.information-wrap {
  position: relative;
  width: 100%;
  height: 370px;
  background-color: #fff;
}
/* line 547, ../../sass/style.scss */
.information-wrap .inner {
  position: relative;
  width: 960px;
  margin: 0 auto;
  height: 107px;
}
/* line 550, ../../sass/style.scss */
.information-wrap .inner h2 {
  position: absolute;
  top: 40px;
  left: 10px;
}
/* line 555, ../../sass/style.scss */
.information-wrap .inner .more {
  position: absolute;
  top: 31px;
  right: 10px;
}
/* line 561, ../../sass/style.scss */
.information-wrap ul.information-list {
  width: 100%;
}
/* line 563, ../../sass/style.scss */
.information-wrap ul.information-list li {
  float: left;
  display: block;
  width: 320px;
  height: 300px;
  margin: 0;
  padding: 0 10px;
}
/* line 570, ../../sass/style.scss */
.information-wrap ul.information-list li a {
  display: block;
  position: relative;
  width: 300px;
  height: 300px;
}
/* line 575, ../../sass/style.scss */
.information-wrap ul.information-list li a img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
/* line 579, ../../sass/style.scss */
.information-wrap ul.information-list li a img.ico-new {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 585, ../../sass/style.scss */
.information-wrap ul.information-list li a time {
  display: block;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 5px;
}
/* line 591, ../../sass/style.scss */
.information-wrap ul.information-list li a h3 {
  font-size: 14px;
  line-height: 1.5;
}

/*============================
world
============================*/
/* line 603, ../../sass/style.scss */
.bg-image2 {
  background: url(../img/bg-image2.jpg) no-repeat center -150px;
}

/* line 607, ../../sass/style.scss */
.world-wrap {
  position: relative;
  width: 100%;
  height: 610px;
  text-align: center;
}
/* line 611, ../../sass/style.scss */
.world-wrap h2 {
  padding-top: 90px;
  margin-bottom: 320px;
}
/* line 615, ../../sass/style.scss */
.world-wrap p {
  margin-bottom: 20px;
}

/*============================
system
============================*/
/* line 624, ../../sass/style.scss */
.system-wrap {
  position: relative;
  width: 100%;
  height: 640px;
  background: url(../img/bg_system.png) no-repeat center top;
}
/* line 628, ../../sass/style.scss */
.system-wrap .inner {
  width: 960px;
  margin: 0 auto;
}
/* line 19, ../../sass/style.scss */
.system-wrap .inner:after {
  content: "";
  display: table;
  clear: both;
}
/* line 632, ../../sass/style.scss */
.system-wrap .inner h2 {
  padding-top: 110px;
  float: left;
}
/* line 636, ../../sass/style.scss */
.system-wrap .inner a {
  display: block;
  float: right;
  padding-top: 110px;
}
/* line 642, ../../sass/style.scss */
.system-wrap ul.system-list {
  width: 100%;
}
/* line 644, ../../sass/style.scss */
.system-wrap ul.system-list > li {
  float: left;
  display: block;
  width: 572px;
  height: 340px;
  margin: 0;
  padding: 0 10px;
}
/* line 651, ../../sass/style.scss */
.system-wrap ul.system-list > li a {
  display: block;
  position: relative;
  width: 552px;
  height: 340px;
}
/* line 656, ../../sass/style.scss */
.system-wrap ul.system-list > li a img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
/* line 660, ../../sass/style.scss */
.system-wrap ul.system-list > li a img.ico-new {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 668, ../../sass/style.scss */
.system-wrap ul.system-list a {
  display: block;
}
/* line 671, ../../sass/style.scss */
.system-wrap ul.system-list .ico-new::after {
  top: 5px;
  left: 10px;
}
/* line 677, ../../sass/style.scss */
.system-wrap ul.system-list .slick-dots li {
  margin: 0 2px;
}
/* line 681, ../../sass/style.scss */
.system-wrap ul.system-list .slick-dots li button::before {
  background-color: #cccccc;
  opacity: 1;
  content: "";
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 689, ../../sass/style.scss */
.system-wrap ul.system-list .slick-dots li.slick-active button::before {
  background-color: #21c67e;
  opacity: 1;
  content: "";
}

/*============================
character
============================*/
/* line 702, ../../sass/style.scss */
.character-wrap {
  position: relative;
  width: 100%;
  padding-top: 120px;
  margin-top: -120px;
}
/* line 706, ../../sass/style.scss */
.character-wrap .inner {
  position: relative;
  width: 960px;
  margin: 0 auto;
  text-align: center;
  height: 1110px;
}
/* line 710, ../../sass/style.scss */
.character-wrap .inner h2 {
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -177px;
}
/* line 716, ../../sass/style.scss */
.character-wrap .inner .more {
  display: block;
  position: absolute;
  top: 1000px;
  left: 50%;
  margin-left: -102px;
}
/* line 724, ../../sass/style.scss */
.character-wrap .inner .character-list div {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 729, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item1 {
  top: 350px;
  left: 132px;
}
/* line 732, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item1 .neme {
  display: block;
  width: 127px;
  height: 27px;
  position: absolute;
  z-index: 100;
  top: 449px;
  left: 270px;
  background: url(../img/character1-name.png) no-repeat center top;
}
/* line 741, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item1 .neme img {
  position: absolute;
  top: -144px;
  left: -200px;
}
/* line 748, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item2 {
  top: 250px;
  left: 360px;
}
/* line 751, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item2 .neme {
  display: block;
  width: 127px;
  height: 27px;
  position: absolute;
  z-index: 100;
  top: 420px;
  left: 330px;
  background: url(../img/character2-name.png) no-repeat center top;
}
/* line 760, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item2 .neme img {
  position: absolute;
  top: -144px;
  left: -250px;
}
/* line 767, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item3 {
  top: 273px;
  left: 647px;
}
/* line 770, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item3 .neme {
  display: block;
  width: 127px;
  height: 27px;
  position: absolute;
  z-index: 100;
  top: 254px;
  left: 175px;
  background: url(../img/character3-name.png) no-repeat center top;
}
/* line 779, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item3 .neme img {
  position: absolute;
  top: -144px;
  left: -400px;
}
/* line 786, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item4 {
  top: 237px;
  left: -102px;
}
/* line 789, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item4 .neme {
  display: block;
  width: 127px;
  height: 27px;
  position: absolute;
  z-index: 100;
  top: 445px;
  left: 158px;
  background: url(../img/character4-name.png) no-repeat center top;
}
/* line 798, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item4 .neme img {
  position: absolute;
  top: -144px;
  left: 0px;
}
/* line 805, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item5 {
  top: 106px;
  left: 203px;
}
/* line 808, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item5 .neme {
  display: block;
  width: 127px;
  height: 27px;
  position: absolute;
  z-index: 100;
  top: 204px;
  left: 172px;
  background: url(../img/character5-name.png) no-repeat center top;
}
/* line 817, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item5 .neme img {
  position: absolute;
  top: -144px;
  left: -200px;
}
/* line 824, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item6 {
  top: 88px;
  left: 405px;
}
/* line 827, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item6 .neme {
  display: block;
  width: 127px;
  height: 27px;
  position: absolute;
  z-index: 100;
  top: 160px;
  left: 140px;
  background: url(../img/character6-name.png) no-repeat center top;
}
/* line 836, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item6 .neme img {
  position: absolute;
  top: -144px;
  left: -200px;
}
/* line 843, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item7 {
  top: 47px;
  left: 520px;
}
/* line 846, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item7 .neme {
  display: block;
  width: 127px;
  height: 27px;
  position: absolute;
  z-index: 100;
  top: 200px;
  left: 260px;
  background: url(../img/character7-name.png) no-repeat center top;
}
/* line 855, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item7 .neme img {
  position: absolute;
  top: -144px;
  left: -400px;
}
/* line 862, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item8 {
  top: 73px;
  left: -42px;
}
/* line 865, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item8 .neme {
  display: block;
  width: 127px;
  height: 27px;
  position: absolute;
  z-index: 100;
  top: 360px;
  left: 50px;
  background: url(../img/character8-name.png) no-repeat center top;
}
/* line 874, ../../sass/style.scss */
.character-wrap .inner .character-list .character-item8 .neme img {
  position: absolute;
  top: -144px;
  left: 50px;
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 894, ../../sass/style.scss */
.neme:hover {
  cursor: pointer;
}

/* line 898, ../../sass/style.scss */
.neme img {
  display: none;
  z-index: 9999;
}

/* line 903, ../../sass/style.scss */
.neme:hover img {
  display: block;
  animation: show 0.3s linear 0s;
}

/*============================
footer
============================*/
/* line 912, ../../sass/style.scss */
.footer-wrap {
  position: relative;
  width: 100%;
  background-color: #000;
  position: relative;
  padding-top: 50px;
  padding-bottom: 10px;
}
/* line 918, ../../sass/style.scss */
.footer-wrap .pagetop {
  text-align: center;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -156.5px;
}
/* line 926, ../../sass/style.scss */
.footer-wrap .banner-list {
  width: 100%;
  text-align: center;
  margin: 0 0 20px;
}
/* line 930, ../../sass/style.scss */
.footer-wrap .banner-list li {
  display: inline-block;
  width: 270px;
  margin: 0 10px;
}
/* line 936, ../../sass/style.scss */
.footer-wrap .footer-block {
  width: 960px;
  height: 94px;
  position: relative;
  margin: 0 auto;
  margin-top: 40px;
  padding: 30px 0 60px;
  background: url(../img/footer_line.png) center top no-repeat;
}
/* line 19, ../../sass/style.scss */
.footer-wrap .footer-block:after {
  content: "";
  display: table;
  clear: both;
}
/* line 945, ../../sass/style.scss */
.footer-wrap .footer-block ul.company-list {
  width: 280px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: table;
}
/* line 951, ../../sass/style.scss */
.footer-wrap .footer-block ul.company-list li {
  display: table-cell;
  vertical-align: middle;
  margin-left: 10px;
}

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

           FANCYBOX

*****************************************/
/* line 966, ../../sass/style.scss */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

/* line 967, ../../sass/style.scss */
.fancybox-wrap iframe {
  height: 410px;
}

/* line 968, ../../sass/style.scss */
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

/* line 969, ../../sass/style.scss */
div.fancybox-skin {
  position: relative;
  margin: 0 auto 10px;
  color: #444;
  text-shadow: none;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 5px #ccc;
}

/* line 970, ../../sass/style.scss */
.fancybox-opened {
  z-index: 9999;
}

/* line 971, ../../sass/style.scss */
.fancybox-outer, .fancybox-inner {
  position: relative;
}

/* line 972, ../../sass/style.scss */
.fancybox-inner {
  overflow: hidden;
  height: auto !important;
}

/* line 974, ../../sass/style.scss */
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

/* line 975, ../../sass/style.scss */
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
  white-space: nowrap;
}

/* line 976, ../../sass/style.scss */
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 977, ../../sass/style.scss */
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

/* line 978, ../../sass/style.scss */
.fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(../img/btn-close.png);
}

/* line 981, ../../sass/style.scss */
.fancybox-close {
  width: 70px;
  height: 70px;
  position: absolute;
  z-index: 9999;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

/* line 982, ../../sass/style.scss */
.fancybox-prev,
.fancybox-next {
  width: 35px;
  height: 70px;
  position: absolute;
  z-index: 9999;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

/* line 984, ../../sass/style.scss */
.fancybox-close {
  top: -35px;
  right: -35px;
  background-color: url(../img/btn-close.png);
  background-position: 0 0;
}

/* line 985, ../../sass/style.scss */
.fancybox-prev {
  top: 50%;
  left: -70px;
  margin-top: -17px;
  background-image: url(../img/btn-close.png);
  background-position: -140px -329px;
}

/* line 986, ../../sass/style.scss */
.fancybox-next {
  top: 50%;
  right: -70px;
  margin-top: -17px;
  background-image: url(../img/btn-close.png);
  background-position: -175px -329px;
}

/* line 987, ../../sass/style.scss */
.fancybox-close:hover {
  opacity: 0.7;
  top: -33px;
}

/* line 988, ../../sass/style.scss */
.fancybox-prev:hover {
  opacity: 0.7;
  left: -75px;
}

/* line 989, ../../sass/style.scss */
.fancybox-next:hover {
  opacity: 0.7;
  right: -75px;
}

/* line 990, ../../sass/style.scss */
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* line 991, ../../sass/style.scss */
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 992, ../../sass/style.scss */
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 8000;
  -webkit-transform: translate3d(0, 0, 0);
}

/* line 993, ../../sass/style.scss */
.fancybox-lock .fancybox-overlay {
  overflow: auto;
}

/* line 994, ../../sass/style.scss */
.fancybox-title {
  visibility: hidden;
  font-size: 12px;
  position: relative;
  text-shadow: none;
  z-index: 9999;
}

/* line 995, ../../sass/style.scss */
.fancybox-opened .fancybox-title-wrap {
  text-align: center;
}

/* line 996, ../../sass/style.scss */
.fancybox-opened .fancybox-title {
  visibility: visible;
  display: inline-block;
  margin: 0 auto;
  padding: 8px 15px;
  color: #ff6d00;
  background: #fff;
  text-align: center;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
}

/* line 997, ../../sass/style.scss */
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

/* line 998, ../../sass/style.scss */
.fancybox-title-float-wrap .child {
  width: 100%;
  display: inline-block;
  margin-right: -100%;
  background: transparent;
  color: #000;
  line-height: 24px;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

/* line 999, ../../sass/style.scss */
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #000;
}

/* line 1000, ../../sass/style.scss */
.fancybox-title-inside-wrap {
  padding-top: 10px;
}

/* line 1001, ../../sass/style.scss */
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/* line 13, ../../sass/_animation.scss */
.baseWrap {
  width: 960px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
/* line 18, ../../sass/_animation.scss */
.baseWrap img {
  display: block;
  position: absolute;
  z-index: 9000;
  top: 0;
  left: 50%;
  margin-left: -750px;
}

/* line 28, ../../sass/_animation.scss */
.fuinsekiWrap {
  width: 960px;
  margin: 0 auto;
  position: absolute;
  z-index: 2;
}
/* line 33, ../../sass/_animation.scss */
.fuinsekiWrap div {
  position: absolute;
  display: block;
  opacity: 0;
}

/* line 43, ../../sass/_animation.scss */
.fuinseki_01 {
  top: 486px;
  left: 994px;
  -webkit-transition: all 0.5s 2s ease-out;
  -moz-transition: all 0.5s 2s ease-out;
  -ms-transition: all 0.5s 2s ease-out;
  -o-transition: all 0.5s 2s ease-out;
  transition: all 0.5s 2s ease-out;
}

/* line 49, ../../sass/_animation.scss */
.fuinseki_02 {
  top: 552px;
  left: 927px;
  -webkit-transition: all 0.5s 2.2s ease-out;
  -moz-transition: all 0.5s 2.2s ease-out;
  -ms-transition: all 0.5s 2.2s ease-out;
  -o-transition: all 0.5s 2.2s ease-out;
  transition: all 0.5s 2.2s ease-out;
}

/* line 55, ../../sass/_animation.scss */
.fuinseki_03 {
  top: 602px;
  left: 800px;
  -webkit-transition: all 0.5s 2.4s ease-out;
  -moz-transition: all 0.5s 2.4s ease-out;
  -ms-transition: all 0.5s 2.4s ease-out;
  -o-transition: all 0.5s 2.4s ease-out;
  transition: all 0.5s 2.4s ease-out;
}

/* line 61, ../../sass/_animation.scss */
.fuinseki_04 {
  top: 628px;
  left: 562px;
  -webkit-transition: all 0.5s 2.6s ease-out;
  -moz-transition: all 0.5s 2.6s ease-out;
  -ms-transition: all 0.5s 2.6s ease-out;
  -o-transition: all 0.5s 2.6s ease-out;
  transition: all 0.5s 2.6s ease-out;
}

/* line 67, ../../sass/_animation.scss */
.fuinseki_05 {
  top: 555px;
  left: 356px;
  -webkit-transition: all 0.5s 2.8s ease-out;
  -moz-transition: all 0.5s 2.8s ease-out;
  -ms-transition: all 0.5s 2.8s ease-out;
  -o-transition: all 0.5s 2.8s ease-out;
  transition: all 0.5s 2.8s ease-out;
}

/* line 73, ../../sass/_animation.scss */
.fuinseki_06 {
  top: 518px;
  left: 244px;
  -webkit-transition: all 0.5s 3s ease-out;
  -moz-transition: all 0.5s 3s ease-out;
  -ms-transition: all 0.5s 3s ease-out;
  -o-transition: all 0.5s 3s ease-out;
  transition: all 0.5s 3s ease-out;
}

/* line 79, ../../sass/_animation.scss */
.fuinseki_07 {
  top: 390px;
  left: 210px;
  -webkit-transition: all 0.5s 3.2s ease-out;
  -moz-transition: all 0.5s 3.2s ease-out;
  -ms-transition: all 0.5s 3.2s ease-out;
  -o-transition: all 0.5s 3.2s ease-out;
  transition: all 0.5s 3.2s ease-out;
}

/* line 85, ../../sass/_animation.scss */
.fuinseki_08 {
  top: 299px;
  left: 190px;
  -webkit-transition: all 0.5s 3.4s ease-out;
  -moz-transition: all 0.5s 3.4s ease-out;
  -ms-transition: all 0.5s 3.4s ease-out;
  -o-transition: all 0.5s 3.4s ease-out;
  transition: all 0.5s 3.4s ease-out;
}

/* line 91, ../../sass/_animation.scss */
.fuinseki_09 {
  top: 234px;
  left: 188px;
  -webkit-transition: all 0.5s 3.6s ease-out;
  -moz-transition: all 0.5s 3.6s ease-out;
  -ms-transition: all 0.5s 3.6s ease-out;
  -o-transition: all 0.5s 3.6s ease-out;
  transition: all 0.5s 3.6s ease-out;
}

/* line 98, ../../sass/_animation.scss */
.fuinsekiWrap.show .fuinseki_01 {
  top: 436px;
  opacity: 1;
}
/* line 102, ../../sass/_animation.scss */
.fuinsekiWrap.show .fuinseki_02 {
  top: 502px;
  opacity: 1;
}
/* line 106, ../../sass/_animation.scss */
.fuinsekiWrap.show .fuinseki_03 {
  top: 552px;
  opacity: 1;
}
/* line 110, ../../sass/_animation.scss */
.fuinsekiWrap.show .fuinseki_04 {
  top: 578px;
  opacity: 1;
}
/* line 114, ../../sass/_animation.scss */
.fuinsekiWrap.show .fuinseki_05 {
  top: 505px;
  opacity: 1;
}
/* line 118, ../../sass/_animation.scss */
.fuinsekiWrap.show .fuinseki_06 {
  top: 468px;
  opacity: 1;
}
/* line 122, ../../sass/_animation.scss */
.fuinsekiWrap.show .fuinseki_07 {
  top: 340px;
  opacity: 1;
}
/* line 126, ../../sass/_animation.scss */
.fuinsekiWrap.show .fuinseki_08 {
  top: 249px;
  opacity: 1;
}
/* line 130, ../../sass/_animation.scss */
.fuinsekiWrap.show .fuinseki_09 {
  top: 184px;
  opacity: 1;
}

/* line 136, ../../sass/_animation.scss */
.character-wrap .fuinsekiWrap {
  transform: scale(0.88);
  top: 260px;
  left: -84px;
}

/* line 143, ../../sass/_animation.scss */
.fuinsekiWrap.show div img {
  display: block;
  margin-top: 0;
  -moz-animation: fuinseki 3s ease infinite;
  -webkit-animation: fuinseki 3s ease infinite;
  animation: fuinseki 3s ease infinite;
}

@-moz-keyframes fuinseki {
  from {
    margin-top: 0;
  }
  50% {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
@-webkit-keyframes fuinseki {
  from {
    margin-top: 0;
  }
  50% {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
@keyframes fuinseki {
  from {
    margin-top: 0;
  }
  50% {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
/* line 164, ../../sass/_animation.scss */
.hosekiWrap {
  width: 960px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

/* line 174, ../../sass/_animation.scss */
.hoseki {
  width: 342px;
  height: 429px;
  position: absolute;
  z-index: 9000;
  top: 0;
  left: 0;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -moz-transform-origin: -200px -200px;
  -o-transform-origin: -200px -200px;
  -ms-transform-origin: -200px -200px;
  -webkit-transform-origin: -200px -200px;
  transform-origin: -200px -200px;
}
/* line 183, ../../sass/_animation.scss */
.hoseki img {
  width: 342px;
  height: 429px;
  display: block;
  opacity: 0;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

/* line 192, ../../sass/_animation.scss */
.anim00 {
  top: 258px;
  left: 502px;
  -webkit-transition: all 2s 1s ease-out;
  -moz-transition: all 2s 1s ease-out;
  -ms-transition: all 2s 1s ease-out;
  -o-transition: all 2s 1s ease-out;
  transition: all 2s 1s ease-out;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* line 197, ../../sass/_animation.scss */
.anim00 img {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 2s 1s ease-out;
  -moz-transition: all 2s 1s ease-out;
  -ms-transition: all 2s 1s ease-out;
  -o-transition: all 2s 1s ease-out;
  transition: all 2s 1s ease-out;
  opacity: 1;
}

/* line 204, ../../sass/_animation.scss */
.anim01 {
  top: 837px;
  left: -32px;
  width: 157.32px;
  height: 197.34px;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -moz-transform: rotate(-140deg);
  -ms-transform: rotate(-140deg);
  -webkit-transform: rotate(-140deg);
  transform: rotate(-140deg);
  -moz-transform-origin: 100px 100px;
  -o-transform-origin: 100px 100px;
  -ms-transform-origin: 100px 100px;
  -webkit-transform-origin: 100px 100px;
  transform-origin: 100px 100px;
}
/* line 212, ../../sass/_animation.scss */
.anim01 img {
  width: 157.32px;
  height: 197.34px;
  -moz-transform: rotate(140deg);
  -ms-transform: rotate(140deg);
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

/* line 220, ../../sass/_animation.scss */
.anim02 {
  top: 2218px;
  left: 1222px;
  width: 328.32px;
  height: 411.84px;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
  -moz-transform: rotate(140deg);
  -ms-transform: rotate(140deg);
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
  -moz-transform-origin: -200px -200px;
  -o-transform-origin: -200px -200px;
  -ms-transform-origin: -200px -200px;
  -webkit-transform-origin: -200px -200px;
  transform-origin: -200px -200px;
}
/* line 228, ../../sass/_animation.scss */
.anim02 img {
  width: 328.32px;
  height: 411.84px;
  -moz-transform: rotate(-140deg);
  -ms-transform: rotate(-140deg);
  -webkit-transform: rotate(-140deg);
  transform: rotate(-140deg);
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}

/* line 236, ../../sass/_animation.scss */
.anim03 {
  top: 3436px;
  left: 366px;
  width: 300.96px;
  height: 377.52px;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
  -moz-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -moz-transform-origin: 100px 100px;
  -o-transform-origin: 100px 100px;
  -ms-transform-origin: 100px 100px;
  -webkit-transform-origin: 100px 100px;
  transform-origin: 100px 100px;
}
/* line 244, ../../sass/_animation.scss */
.anim03 img {
  width: 300.96px;
  height: 377.52px;
  -moz-transform: rotate(-300deg);
  -ms-transform: rotate(-300deg);
  -webkit-transform: rotate(-300deg);
  transform: rotate(-300deg);
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}

/* line 253, ../../sass/_animation.scss */
.hosekiWrap .anim04.show {
  top: 580px;
  opacity: 1;
}

/* line 259, ../../sass/_animation.scss */
.anim04 {
  top: 480px;
  left: 366px;
  width: 300.96px;
  height: 377.52px;
  opacity: 0;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
  -moz-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -moz-transform-origin: 100px 100px;
  -o-transform-origin: 100px 100px;
  -ms-transform-origin: 100px 100px;
  -webkit-transform-origin: 100px 100px;
  transform-origin: 100px 100px;
}
/* line 268, ../../sass/_animation.scss */
.anim04 img {
  width: 300.96px;
  height: 377.52px;
  -moz-transform: rotate(-300deg);
  -ms-transform: rotate(-300deg);
  -webkit-transform: rotate(-300deg);
  transform: rotate(-300deg);
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}