@charset "UTF-8";
/* line 3, ../src/cmn/css/_base.scss */
.l-footer-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px;
  background-color: #e7e7ee;
}

/* line 16, ../src/cmn/css/_base.scss */
.l-footer-credit, .l-footer-nav-item {
  font-size: 1.2rem;
}

@media print, screen and (min-width: 46.9375em) {
  /* line 21, ../src/cmn/css/_base.scss */
  .l-footer-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  /* line 29, ../src/cmn/css/_base.scss */
  .l-footer-nav-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  /* line 35, ../src/cmn/css/_base.scss */
  .l-footer-nav-item:not(:first-child) .l-footer-nav-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: #bfc2cd;
  }

  /* line 47, ../src/cmn/css/_base.scss */
  .l-footer-nav-item:first-child .l-footer-nav-link {
    padding-left: 0;
  }

  /* line 50, ../src/cmn/css/_base.scss */
  .l-footer-nav-item:last-child .l-footer-nav-link {
    padding-right: 0;
  }

  /* line 53, ../src/cmn/css/_base.scss */
  .l-footer-nav-link {
    display: inline-block;
    position: relative;
    padding: 0 20px;
  }

  /* line 58, ../src/cmn/css/_base.scss */
  .l-footer-nav-link:hover {
    opacity: .6;
    transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media screen and (max-width: 46.875em) {
  /* line 65, ../src/cmn/css/_base.scss */
  .l-footer-container {
    padding: 20px 3vw;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  /* line 70, ../src/cmn/css/_base.scss */
  .l-footer-nav-items {
    width: 100%;
  }

  /* line 73, ../src/cmn/css/_base.scss */
  .l-footer-nav-link {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #bfc2cd;
  }

  /* line 78, ../src/cmn/css/_base.scss */
  .l-footer-nav-item:first-child .l-footer-nav-link {
    padding-top: 0;
  }

  /* line 81, ../src/cmn/css/_base.scss */
  .l-footer-credit {
    padding: 40px 0 20px;
  }
}
@media screen and (min-width: 641px) {
  /* line 86, ../src/cmn/css/_base.scss */
  body #wrapper footer {
    width: 100%;
    margin: auto;
    position: relative;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  /* line 93, ../src/cmn/css/_base.scss */
  body #wrapper footer .footer_wrap {
    width: 71%;
    margin: auto;
    max-width: 800px;
  }

  /* line 98, ../src/cmn/css/_base.scss */
  body #wrapper footer .img_wrap {
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  /* line 102, ../src/cmn/css/_base.scss */
  body #wrapper footer .txt_wrap {
    display: inline-block;
    margin-left: 5%;
    position: relative;
    top: -5px;
  }

  /* line 108, ../src/cmn/css/_base.scss */
  body #wrapper footer .footer_logo {
    width: 26%;
    margin: 2px 0 0;
  }

  /* line 112, ../src/cmn/css/_base.scss */
  body #wrapper footer .info_list, body #wrapper footer .share {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  /* line 118, ../src/cmn/css/_base.scss */
  body #wrapper footer .info_list li, body #wrapper footer .share li {
    display: inline-block;
  }

  /* line 121, ../src/cmn/css/_base.scss */
  body #wrapper footer .share {
    width: 94%;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 51%;
    margin-top: 12px;
  }

  /* line 128, ../src/cmn/css/_base.scss */
  body #wrapper footer .share li img {
    width: 58%;
  }

  /* line 131, ../src/cmn/css/_base.scss */
  body #wrapper footer .info_list {
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 2;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  /* line 139, ../src/cmn/css/_base.scss */
  body #wrapper footer .info_list a {
    color: #000;
    text-decoration: none;
  }

  /* line 143, ../src/cmn/css/_base.scss */
  body #wrapper footer .info_list li:first-child {
    margin-right: 1.8625vw;
  }

  /* line 146, ../src/cmn/css/_base.scss */
  body #wrapper footer small {
    display: block;
    text-align: center;
    margin-top: 14px;
    font-weight: 300;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 0;
  }

  /* line 155, ../src/cmn/css/_base.scss */
  body #wrapper #main #searchModal .txt-boxWrap {
    width: 97%;
  }
}
@media screen and (max-width: 930px) and (min-width: 640px) {
  /* line 161, ../src/cmn/css/_base.scss */
  .info_list {
    width: 95% !important;
  }

  /* line 164, ../src/cmn/css/_base.scss */
  .close {
    left: 97% !important;
  }

  /* line 167, ../src/cmn/css/_base.scss */
  body #wrapper footer .share {
    margin-left: 38%;
  }

  /* line 170, ../src/cmn/css/_base.scss */
  body #wrapper footer .txt_wrap {
    margin-left: 0;
  }

  /* line 173, ../src/cmn/css/_base.scss */
  body #wrapper #main .using .using_wrap {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media screen and (min-width: 930px) {
  /* line 180, ../src/cmn/css/_base.scss */
  body #wrapper #main .footer_wrap {
    max-width: 930px !important;
    margin: auto;
  }
}
@media screen and (min-width: 1280px) {
  /* line 187, ../src/cmn/css/_base.scss */
  body #wrapper footer .footer_wrap {
    width: 60%;
  }
}
@media screen and (max-width: 640px) {
  /* line 193, ../src/cmn/css/_base.scss */
  body #wrapper footer {
    width: 83.2vw;
    margin: auto;
    position: relative;
  }

  /* line 198, ../src/cmn/css/_base.scss */
  body #wrapper footer .footer_logo {
    display: block;
    width: 15.2vw;
    margin: 10.4vw auto 0;
  }

  /* line 203, ../src/cmn/css/_base.scss */
  body #wrapper footer .info_list, body #wrapper footer .share {
    margin: 8vw auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  /* line 210, ../src/cmn/css/_base.scss */
  body #wrapper footer .info_list li, body #wrapper footer .share li {
    display: inline-block;
  }

  /* line 213, ../src/cmn/css/_base.scss */
  body #wrapper footer .share {
    width: 34.66667vw;
  }

  /* line 216, ../src/cmn/css/_base.scss */
  body #wrapper footer .share img {
    width: 8.53333vw;
  }

  /* line 219, ../src/cmn/css/_base.scss */
  body #wrapper footer .info_list {
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 300;
    font-size: 3.46667vw;
    letter-spacing: 0;
    line-height: 0;
    margin-top: 9vw;
    margin-left: 14vw;
  }

  /* line 229, ../src/cmn/css/_base.scss */
  body #wrapper footer .info_list a {
    color: #000;
    text-decoration: none;
  }

  /* line 233, ../src/cmn/css/_base.scss */
  body #wrapper footer .info_list li:last-child {
    margin-left: 7vw;
  }

  /* line 236, ../src/cmn/css/_base.scss */
  body #wrapper footer small {
    display: block;
    text-align: center;
    margin-top: 7.46667vw;
    font-weight: 300;
    font-size: 2.66667vw;
    letter-spacing: 0;
    line-height: 0;
    line-height: 1.3;
  }
}
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  /* line 211, ../src/cmn/css/_mixin.scss */
  to {
    transform: translateX(-100%);
  }
}

/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  /* line 211, ../src/cmn/css/_mixin.scss */
  to {
    transform: translateX(-100%);
  }
}

/*
@include animation(rotate 10s linear infinite);
*/
@keyframes kuchi-move {
  /* line 7, ../src/cmn/css/_anim.scss */
  to {
    background-position: 200% 0%;
  }
}

@keyframes btn_pc1 {
  /* line 12, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 15, ../src/cmn/css/_anim.scss */
  50% {
    opacity: 1;
  }

  /* line 18, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@keyframes btn_pc2 {
  /* line 23, ../src/cmn/css/_anim.scss */
  0% {
    transform: rotate(2deg);
  }

  /* line 26, ../src/cmn/css/_anim.scss */
  32% {
    transform: rotate(2deg);
  }

  /* line 29, ../src/cmn/css/_anim.scss */
  33% {
    transform: rotate(-6deg);
  }

  /* line 32, ../src/cmn/css/_anim.scss */
  65% {
    transform: rotate(-6deg);
  }

  /* line 35, ../src/cmn/css/_anim.scss */
  66% {
    transform: rotate(9deg);
  }

  /* line 38, ../src/cmn/css/_anim.scss */
  99% {
    transform: rotate(9deg);
  }

  /* line 41, ../src/cmn/css/_anim.scss */
  100% {
    transform: rotate(0deg);
  }
}

@keyframes btn_pc2_2 {
  /* line 46, ../src/cmn/css/_anim.scss */
  0% {
    transform: rotate(2deg);
  }

  /* line 49, ../src/cmn/css/_anim.scss */
  32% {
    transform: rotate(2deg);
  }

  /* line 52, ../src/cmn/css/_anim.scss */
  33% {
    transform: rotate(-2deg);
  }

  /* line 55, ../src/cmn/css/_anim.scss */
  65% {
    transform: rotate(-2deg);
  }

  /* line 58, ../src/cmn/css/_anim.scss */
  66% {
    transform: rotate(2deg);
  }

  /* line 61, ../src/cmn/css/_anim.scss */
  99% {
    transform: rotate(2deg);
  }

  /* line 64, ../src/cmn/css/_anim.scss */
  100% {
    transform: rotate(0deg);
  }
}

@keyframes btn_pc_next {
  /* line 69, ../src/cmn/css/_anim.scss */
  0% {
    transform: scale(-1, 1) translateX(0px);
  }

  /* line 72, ../src/cmn/css/_anim.scss */
  50% {
    transform: scale(-1, 1) translateX(-5px);
  }

  /* line 75, ../src/cmn/css/_anim.scss */
  100% {
    transform: scale(-1, 1) translateX(0px);
  }
}

@keyframes btn_pc_prev {
  /* line 80, ../src/cmn/css/_anim.scss */
  0% {
    transform: translateX(0px);
  }

  /* line 83, ../src/cmn/css/_anim.scss */
  50% {
    transform: translateX(-5px);
  }

  /* line 86, ../src/cmn/css/_anim.scss */
  100% {
    transform: translateX(0px);
  }
}

@-webkit-keyframes kuchi-move {
  /* line 91, ../src/cmn/css/_anim.scss */
  0% {
    background-position: 0% 0%;
  }

  /* line 94, ../src/cmn/css/_anim.scss */
  100% {
    background-position: 200% 0%;
  }
}

@-moz-keyframes kuchi-move {
  /* line 91, ../src/cmn/css/_anim.scss */
  0% {
    background-position: 0% 0%;
  }

  /* line 94, ../src/cmn/css/_anim.scss */
  100% {
    background-position: 200% 0%;
  }
}

@keyframes kuchi-move {
  /* line 91, ../src/cmn/css/_anim.scss */
  0% {
    background-position: 0% 0%;
  }

  /* line 94, ../src/cmn/css/_anim.scss */
  100% {
    background-position: 200% 0%;
  }
}

@keyframes eye-move {
  /* line 99, ../src/cmn/css/_anim.scss */
  to {
    background-position: 100% 0%;
  }
}

@keyframes chara-move {
  /* line 104, ../src/cmn/css/_anim.scss */
  to {
    background-position: 100% 0%;
  }
}

@-webkit-keyframes rewind {
  /* line 109, ../src/cmn/css/_anim.scss */
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  /* line 113, ../src/cmn/css/_anim.scss */
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

@-moz-keyframes rewind {
  /* line 109, ../src/cmn/css/_anim.scss */
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  /* line 113, ../src/cmn/css/_anim.scss */
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes rewind {
  /* line 109, ../src/cmn/css/_anim.scss */
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  /* line 113, ../src/cmn/css/_anim.scss */
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

@-webkit-keyframes back {
  /* line 119, ../src/cmn/css/_anim.scss */
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  /* line 123, ../src/cmn/css/_anim.scss */
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

@-moz-keyframes back {
  /* line 119, ../src/cmn/css/_anim.scss */
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  /* line 123, ../src/cmn/css/_anim.scss */
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes back {
  /* line 119, ../src/cmn/css/_anim.scss */
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  /* line 123, ../src/cmn/css/_anim.scss */
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes in {
  /* line 129, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  /* line 133, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@-moz-keyframes in {
  /* line 129, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  /* line 133, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes in {
  /* line 129, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  /* line 133, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@-webkit-keyframes in_r {
  /* line 139, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  /* line 143, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@-moz-keyframes in_r {
  /* line 139, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  /* line 143, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes in_r {
  /* line 139, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  /* line 143, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@-webkit-keyframes loading {
  /* line 150, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 153, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes loading {
  /* line 150, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 153, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  /* line 150, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 153, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes change_img {
  /* line 158, ../src/cmn/css/_anim.scss */
  0% {
    transform: rotateY(90deg) translateZ(10px);
    opacity: 0;
  }

  /* line 162, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 1;
    transform: rotateY(360deg) translateZ(10px);
  }
}

@-moz-keyframes change_img {
  /* line 158, ../src/cmn/css/_anim.scss */
  0% {
    transform: rotateY(90deg) translateZ(10px);
    opacity: 0;
  }

  /* line 162, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 1;
    transform: rotateY(360deg) translateZ(10px);
  }
}

@keyframes change_img {
  /* line 158, ../src/cmn/css/_anim.scss */
  0% {
    transform: rotateY(90deg) translateZ(10px);
    opacity: 0;
  }

  /* line 162, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 1;
    transform: rotateY(360deg) translateZ(10px);
  }
}

@-webkit-keyframes change_img_p {
  /* line 169, ../src/cmn/css/_anim.scss */
  0% {
    transform: rotateY(90deg) translateZ(10px);
    opacity: 1;
  }

  /* line 174, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
    transform: rotateY(360deg) translateZ(10px);
  }
}

@-moz-keyframes change_img_p {
  /* line 169, ../src/cmn/css/_anim.scss */
  0% {
    transform: rotateY(90deg) translateZ(10px);
    opacity: 1;
  }

  /* line 174, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
    transform: rotateY(360deg) translateZ(10px);
  }
}

@keyframes change_img_p {
  /* line 169, ../src/cmn/css/_anim.scss */
  0% {
    transform: rotateY(90deg) translateZ(10px);
    opacity: 1;
  }

  /* line 174, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
    transform: rotateY(360deg) translateZ(10px);
  }
}

@-webkit-keyframes roll {
  /* line 181, ../src/cmn/css/_anim.scss */
  0% {
    transform: translateX(0);
  }

  /* line 184, ../src/cmn/css/_anim.scss */
  100% {
    transform: translateX(-50%);
  }
}

@-moz-keyframes roll {
  /* line 181, ../src/cmn/css/_anim.scss */
  0% {
    transform: translateX(0);
  }

  /* line 184, ../src/cmn/css/_anim.scss */
  100% {
    transform: translateX(-50%);
  }
}

@keyframes roll {
  /* line 181, ../src/cmn/css/_anim.scss */
  0% {
    transform: translateX(0);
  }

  /* line 184, ../src/cmn/css/_anim.scss */
  100% {
    transform: translateX(-50%);
  }
}

@-webkit-keyframes btn_bg {
  /* line 189, ../src/cmn/css/_anim.scss */
  0% {
    transform: scale(1);
  }

  /* line 192, ../src/cmn/css/_anim.scss */
  5% {
    transform: scale(1);
  }

  /* line 195, ../src/cmn/css/_anim.scss */
  10% {
    transform: scale(1.1);
  }

  /* line 198, ../src/cmn/css/_anim.scss */
  20% {
    transform: scale(1);
  }

  /* line 201, ../src/cmn/css/_anim.scss */
  25% {
    transform: scale(1);
  }

  /* line 204, ../src/cmn/css/_anim.scss */
  30% {
    transform: scale(1.1);
  }

  /* line 207, ../src/cmn/css/_anim.scss */
  40% {
    transform: scale(1);
  }

  /* line 210, ../src/cmn/css/_anim.scss */
  100% {
    transform: scale(1);
  }
}

@-moz-keyframes btn_bg {
  /* line 189, ../src/cmn/css/_anim.scss */
  0% {
    transform: scale(1);
  }

  /* line 192, ../src/cmn/css/_anim.scss */
  5% {
    transform: scale(1);
  }

  /* line 195, ../src/cmn/css/_anim.scss */
  10% {
    transform: scale(1.1);
  }

  /* line 198, ../src/cmn/css/_anim.scss */
  20% {
    transform: scale(1);
  }

  /* line 201, ../src/cmn/css/_anim.scss */
  25% {
    transform: scale(1);
  }

  /* line 204, ../src/cmn/css/_anim.scss */
  30% {
    transform: scale(1.1);
  }

  /* line 207, ../src/cmn/css/_anim.scss */
  40% {
    transform: scale(1);
  }

  /* line 210, ../src/cmn/css/_anim.scss */
  100% {
    transform: scale(1);
  }
}

@keyframes btn_bg {
  /* line 189, ../src/cmn/css/_anim.scss */
  0% {
    transform: scale(1);
  }

  /* line 192, ../src/cmn/css/_anim.scss */
  5% {
    transform: scale(1);
  }

  /* line 195, ../src/cmn/css/_anim.scss */
  10% {
    transform: scale(1.1);
  }

  /* line 198, ../src/cmn/css/_anim.scss */
  20% {
    transform: scale(1);
  }

  /* line 201, ../src/cmn/css/_anim.scss */
  25% {
    transform: scale(1);
  }

  /* line 204, ../src/cmn/css/_anim.scss */
  30% {
    transform: scale(1.1);
  }

  /* line 207, ../src/cmn/css/_anim.scss */
  40% {
    transform: scale(1);
  }

  /* line 210, ../src/cmn/css/_anim.scss */
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes chara_pc {
  /* line 215, ../src/cmn/css/_anim.scss */
  0% {
    transform: translate(0px, 190px);
  }

  /* line 218, ../src/cmn/css/_anim.scss */
  50% {
    transform: translate(-350px, -150px);
  }

  /* line 221, ../src/cmn/css/_anim.scss */
  100% {
    transform: translate(-700px, 190px);
  }
}

@-moz-keyframes chara_pc {
  /* line 215, ../src/cmn/css/_anim.scss */
  0% {
    transform: translate(0px, 190px);
  }

  /* line 218, ../src/cmn/css/_anim.scss */
  50% {
    transform: translate(-350px, -150px);
  }

  /* line 221, ../src/cmn/css/_anim.scss */
  100% {
    transform: translate(-700px, 190px);
  }
}

@keyframes chara_pc {
  /* line 215, ../src/cmn/css/_anim.scss */
  0% {
    transform: translate(0px, 190px);
  }

  /* line 218, ../src/cmn/css/_anim.scss */
  50% {
    transform: translate(-350px, -150px);
  }

  /* line 221, ../src/cmn/css/_anim.scss */
  100% {
    transform: translate(-700px, 190px);
  }
}

@-webkit-keyframes eye1 {
  /* line 226, ../src/cmn/css/_anim.scss */
  0% {
    transform: translate(0%, 0%);
  }

  /* line 229, ../src/cmn/css/_anim.scss */
  2% {
    transform: translate(0%, 0%);
  }

  /* line 232, ../src/cmn/css/_anim.scss */
  4% {
    transform: translate(0%, 20%);
  }

  /* line 235, ../src/cmn/css/_anim.scss */
  20% {
    transform: translate(0%, 20%);
  }

  /* line 238, ../src/cmn/css/_anim.scss */
  30% {
    transform: translate(0%, 0%);
  }

  /* line 241, ../src/cmn/css/_anim.scss */
  100% {
    transform: translate(0%, 0%);
  }
}

@-moz-keyframes eye1 {
  /* line 226, ../src/cmn/css/_anim.scss */
  0% {
    transform: translate(0%, 0%);
  }

  /* line 229, ../src/cmn/css/_anim.scss */
  2% {
    transform: translate(0%, 0%);
  }

  /* line 232, ../src/cmn/css/_anim.scss */
  4% {
    transform: translate(0%, 20%);
  }

  /* line 235, ../src/cmn/css/_anim.scss */
  20% {
    transform: translate(0%, 20%);
  }

  /* line 238, ../src/cmn/css/_anim.scss */
  30% {
    transform: translate(0%, 0%);
  }

  /* line 241, ../src/cmn/css/_anim.scss */
  100% {
    transform: translate(0%, 0%);
  }
}

@keyframes eye1 {
  /* line 226, ../src/cmn/css/_anim.scss */
  0% {
    transform: translate(0%, 0%);
  }

  /* line 229, ../src/cmn/css/_anim.scss */
  2% {
    transform: translate(0%, 0%);
  }

  /* line 232, ../src/cmn/css/_anim.scss */
  4% {
    transform: translate(0%, 20%);
  }

  /* line 235, ../src/cmn/css/_anim.scss */
  20% {
    transform: translate(0%, 20%);
  }

  /* line 238, ../src/cmn/css/_anim.scss */
  30% {
    transform: translate(0%, 0%);
  }

  /* line 241, ../src/cmn/css/_anim.scss */
  100% {
    transform: translate(0%, 0%);
  }
}

@-webkit-keyframes eye2 {
  /* line 246, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 249, ../src/cmn/css/_anim.scss */
  60% {
    opacity: 0;
  }

  /* line 252, ../src/cmn/css/_anim.scss */
  61% {
    opacity: 1;
  }

  /* line 255, ../src/cmn/css/_anim.scss */
  62% {
    opacity: 1;
  }

  /* line 258, ../src/cmn/css/_anim.scss */
  63% {
    opacity: 0;
  }

  /* line 261, ../src/cmn/css/_anim.scss */
  84% {
    opacity: 0;
  }

  /* line 264, ../src/cmn/css/_anim.scss */
  85% {
    opacity: 1;
  }

  /* line 267, ../src/cmn/css/_anim.scss */
  86% {
    opacity: 0;
  }

  /* line 270, ../src/cmn/css/_anim.scss */
  90% {
    opacity: 0;
  }

  /* line 273, ../src/cmn/css/_anim.scss */
  91% {
    opacity: 1;
  }

  /* line 276, ../src/cmn/css/_anim.scss */
  92% {
    opacity: 0;
  }

  /* line 279, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@-moz-keyframes eye2 {
  /* line 246, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 249, ../src/cmn/css/_anim.scss */
  60% {
    opacity: 0;
  }

  /* line 252, ../src/cmn/css/_anim.scss */
  61% {
    opacity: 1;
  }

  /* line 255, ../src/cmn/css/_anim.scss */
  62% {
    opacity: 1;
  }

  /* line 258, ../src/cmn/css/_anim.scss */
  63% {
    opacity: 0;
  }

  /* line 261, ../src/cmn/css/_anim.scss */
  84% {
    opacity: 0;
  }

  /* line 264, ../src/cmn/css/_anim.scss */
  85% {
    opacity: 1;
  }

  /* line 267, ../src/cmn/css/_anim.scss */
  86% {
    opacity: 0;
  }

  /* line 270, ../src/cmn/css/_anim.scss */
  90% {
    opacity: 0;
  }

  /* line 273, ../src/cmn/css/_anim.scss */
  91% {
    opacity: 1;
  }

  /* line 276, ../src/cmn/css/_anim.scss */
  92% {
    opacity: 0;
  }

  /* line 279, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@keyframes eye2 {
  /* line 246, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 249, ../src/cmn/css/_anim.scss */
  60% {
    opacity: 0;
  }

  /* line 252, ../src/cmn/css/_anim.scss */
  61% {
    opacity: 1;
  }

  /* line 255, ../src/cmn/css/_anim.scss */
  62% {
    opacity: 1;
  }

  /* line 258, ../src/cmn/css/_anim.scss */
  63% {
    opacity: 0;
  }

  /* line 261, ../src/cmn/css/_anim.scss */
  84% {
    opacity: 0;
  }

  /* line 264, ../src/cmn/css/_anim.scss */
  85% {
    opacity: 1;
  }

  /* line 267, ../src/cmn/css/_anim.scss */
  86% {
    opacity: 0;
  }

  /* line 270, ../src/cmn/css/_anim.scss */
  90% {
    opacity: 0;
  }

  /* line 273, ../src/cmn/css/_anim.scss */
  91% {
    opacity: 1;
  }

  /* line 276, ../src/cmn/css/_anim.scss */
  92% {
    opacity: 0;
  }

  /* line 279, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes eye3 {
  /* line 284, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 287, ../src/cmn/css/_anim.scss */
  60% {
    opacity: 0;
  }

  /* line 290, ../src/cmn/css/_anim.scss */
  61% {
    opacity: 1;
  }

  /* line 293, ../src/cmn/css/_anim.scss */
  62% {
    opacity: 1;
  }

  /* line 296, ../src/cmn/css/_anim.scss */
  63% {
    opacity: 0;
  }

  /* line 299, ../src/cmn/css/_anim.scss */
  84% {
    opacity: 0;
  }

  /* line 302, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@-moz-keyframes eye3 {
  /* line 284, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 287, ../src/cmn/css/_anim.scss */
  60% {
    opacity: 0;
  }

  /* line 290, ../src/cmn/css/_anim.scss */
  61% {
    opacity: 1;
  }

  /* line 293, ../src/cmn/css/_anim.scss */
  62% {
    opacity: 1;
  }

  /* line 296, ../src/cmn/css/_anim.scss */
  63% {
    opacity: 0;
  }

  /* line 299, ../src/cmn/css/_anim.scss */
  84% {
    opacity: 0;
  }

  /* line 302, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@keyframes eye3 {
  /* line 284, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 287, ../src/cmn/css/_anim.scss */
  60% {
    opacity: 0;
  }

  /* line 290, ../src/cmn/css/_anim.scss */
  61% {
    opacity: 1;
  }

  /* line 293, ../src/cmn/css/_anim.scss */
  62% {
    opacity: 1;
  }

  /* line 296, ../src/cmn/css/_anim.scss */
  63% {
    opacity: 0;
  }

  /* line 299, ../src/cmn/css/_anim.scss */
  84% {
    opacity: 0;
  }

  /* line 302, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes eye4 {
  /* line 307, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 310, ../src/cmn/css/_anim.scss */
  20% {
    opacity: 0;
  }

  /* line 313, ../src/cmn/css/_anim.scss */
  21% {
    opacity: 1;
  }

  /* line 316, ../src/cmn/css/_anim.scss */
  22% {
    opacity: 0;
  }

  /* line 319, ../src/cmn/css/_anim.scss */
  92% {
    opacity: 0;
  }

  /* line 322, ../src/cmn/css/_anim.scss */
  93% {
    opacity: 1;
  }

  /* line 325, ../src/cmn/css/_anim.scss */
  94% {
    opacity: 0;
  }

  /* line 328, ../src/cmn/css/_anim.scss */
  95% {
    opacity: 1;
  }

  /* line 331, ../src/cmn/css/_anim.scss */
  96% {
    opacity: 0;
  }

  /* line 334, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@-moz-keyframes eye4 {
  /* line 307, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 310, ../src/cmn/css/_anim.scss */
  20% {
    opacity: 0;
  }

  /* line 313, ../src/cmn/css/_anim.scss */
  21% {
    opacity: 1;
  }

  /* line 316, ../src/cmn/css/_anim.scss */
  22% {
    opacity: 0;
  }

  /* line 319, ../src/cmn/css/_anim.scss */
  92% {
    opacity: 0;
  }

  /* line 322, ../src/cmn/css/_anim.scss */
  93% {
    opacity: 1;
  }

  /* line 325, ../src/cmn/css/_anim.scss */
  94% {
    opacity: 0;
  }

  /* line 328, ../src/cmn/css/_anim.scss */
  95% {
    opacity: 1;
  }

  /* line 331, ../src/cmn/css/_anim.scss */
  96% {
    opacity: 0;
  }

  /* line 334, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@keyframes eye4 {
  /* line 307, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 310, ../src/cmn/css/_anim.scss */
  20% {
    opacity: 0;
  }

  /* line 313, ../src/cmn/css/_anim.scss */
  21% {
    opacity: 1;
  }

  /* line 316, ../src/cmn/css/_anim.scss */
  22% {
    opacity: 0;
  }

  /* line 319, ../src/cmn/css/_anim.scss */
  92% {
    opacity: 0;
  }

  /* line 322, ../src/cmn/css/_anim.scss */
  93% {
    opacity: 1;
  }

  /* line 325, ../src/cmn/css/_anim.scss */
  94% {
    opacity: 0;
  }

  /* line 328, ../src/cmn/css/_anim.scss */
  95% {
    opacity: 1;
  }

  /* line 331, ../src/cmn/css/_anim.scss */
  96% {
    opacity: 0;
  }

  /* line 334, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes eye5 {
  /* line 339, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 342, ../src/cmn/css/_anim.scss */
  40% {
    opacity: 0;
  }

  /* line 345, ../src/cmn/css/_anim.scss */
  41% {
    opacity: 1;
  }

  /* line 348, ../src/cmn/css/_anim.scss */
  46% {
    opacity: 1;
  }

  /* line 351, ../src/cmn/css/_anim.scss */
  47% {
    opacity: 0;
  }

  /* line 354, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@-moz-keyframes eye5 {
  /* line 339, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 342, ../src/cmn/css/_anim.scss */
  40% {
    opacity: 0;
  }

  /* line 345, ../src/cmn/css/_anim.scss */
  41% {
    opacity: 1;
  }

  /* line 348, ../src/cmn/css/_anim.scss */
  46% {
    opacity: 1;
  }

  /* line 351, ../src/cmn/css/_anim.scss */
  47% {
    opacity: 0;
  }

  /* line 354, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

@keyframes eye5 {
  /* line 339, ../src/cmn/css/_anim.scss */
  0% {
    opacity: 0;
  }

  /* line 342, ../src/cmn/css/_anim.scss */
  40% {
    opacity: 0;
  }

  /* line 345, ../src/cmn/css/_anim.scss */
  41% {
    opacity: 1;
  }

  /* line 348, ../src/cmn/css/_anim.scss */
  46% {
    opacity: 1;
  }

  /* line 351, ../src/cmn/css/_anim.scss */
  47% {
    opacity: 0;
  }

  /* line 354, ../src/cmn/css/_anim.scss */
  100% {
    opacity: 0;
  }
}

/*color*/
/*anim*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  /* line 211, ../src/cmn/css/_mixin.scss */
  to {
    transform: translateX(-100%);
  }
}

/* line 3, ../src/cmn/css/_all.scss */
#contents_container {
  font-family: "Kaisei Decol", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: black;
  position: relative;
  width: 100%;
  background: white;
  font-feature-settings: "palt";
  /***********************************
  * debug
  ************************************/
}
/* line 9, ../src/cmn/css/_all.scss */
#contents_container ::selection {
  background: #999999;
}
/* line 10, ../src/cmn/css/_all.scss */
#contents_container ::-moz-selection {
  background: #999999;
}
/* line 11, ../src/cmn/css/_all.scss */
#contents_container img::selection {
  background: none;
}
/* line 12, ../src/cmn/css/_all.scss */
#contents_container img::-moz-selection {
  background: none;
}
/* line 14, ../src/cmn/css/_all.scss */
#contents_container a:hover img {
  opacity: 1;
}
/* line 18, ../src/cmn/css/_all.scss */
#contents_container #wrapper {
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
/* line 25, ../src/cmn/css/_all.scss */
#contents_container #wrapper #main {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
/* line 31, ../src/cmn/css/_all.scss */
#contents_container #wrapper #main section {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
/* line 39, ../src/cmn/css/_all.scss */
#contents_container #wrapper #footer {
  width: 100%;
  float: left;
  text-align: center;
  background: black;
}
/* line 49, ../src/cmn/css/_all.scss */
#contents_container a {
  text-decoration: none;
}
/* line 53, ../src/cmn/css/_all.scss */
#contents_container .hide {
  display: none !important;
}
/* line 57, ../src/cmn/css/_all.scss */
#contents_container .banish {
  visibility: hidden !important;
}
/* line 61, ../src/cmn/css/_all.scss */
#contents_container .show {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
/* line 65, ../src/cmn/css/_all.scss */
#contents_container .area {
  position: relative;
}
/* line 69, ../src/cmn/css/_all.scss */
#contents_container .box {
  width: 100%;
  position: relative;
}
/* line 78, ../src/cmn/css/_all.scss */
#contents_container .iScrollIndicator {
  border: none !important;
}
/* line 79, ../src/cmn/css/_all.scss */
#contents_container .iScrollVerticalScrollbar {
  width: 2px !important;
}
/* line 80, ../src/cmn/css/_all.scss */
#contents_container .iScrollHorizontalScrollbar {
  height: 2px !important;
}
/* line 81, ../src/cmn/css/_all.scss */
#contents_container .iScrollIndicator {
  background: black !important;
}
/* line 86, ../src/cmn/css/_all.scss */
#contents_container #stats {
  z-index: 5000;
}

/* line 90, ../src/cmn/css/_all.scss */
.parts_box {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 95, ../src/cmn/css/_all.scss */
.parts {
  overflow: hidden;
  position: absolute;
  width: 100px;
}
/* line 99, ../src/cmn/css/_all.scss */
.parts img {
  max-width: none;
}
/* line 102, ../src/cmn/css/_all.scss */
.parts.cir {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #ea002a;
}
/* line 109, ../src/cmn/css/_all.scss */
.parts.p1 img {
  width: 1700% !important;
}
/* line 114, ../src/cmn/css/_all.scss */
.parts.p2 img {
  width: 2000% !important;
}
/* line 119, ../src/cmn/css/_all.scss */
.parts.p3 img {
  width: 2000% !important;
}
/* line 124, ../src/cmn/css/_all.scss */
.parts.p4 img {
  width: 2000% !important;
}
/* line 129, ../src/cmn/css/_all.scss */
.parts.p5 img {
  width: 4000% !important;
}
/* line 134, ../src/cmn/css/_all.scss */
.parts.p6 img {
  width: 2000% !important;
}
/* line 139, ../src/cmn/css/_all.scss */
.parts.p7 img {
  width: 800% !important;
}
/* line 144, ../src/cmn/css/_all.scss */
.parts.p8 img {
  width: 2000% !important;
}
/* line 149, ../src/cmn/css/_all.scss */
.parts.p9 img {
  width: 2000% !important;
}
/* line 154, ../src/cmn/css/_all.scss */
.parts.p10 img {
  width: 3600% !important;
}
/* line 159, ../src/cmn/css/_all.scss */
.parts.p11 img {
  width: 2000% !important;
}
/* line 164, ../src/cmn/css/_all.scss */
.parts.p12 img {
  width: 1800% !important;
}
/* line 169, ../src/cmn/css/_all.scss */
.parts.p13 img {
  width: 1600% !important;
}
/* line 175, ../src/cmn/css/_all.scss */
.parts.active.p1 img {
  animation: img-move 5s steps(17) infinite;
}
/* line 180, ../src/cmn/css/_all.scss */
.parts.active.p2 img {
  animation: img-move 2s steps(20) infinite;
}
/* line 185, ../src/cmn/css/_all.scss */
.parts.active.p3 img {
  animation: img-move 1.2s steps(20) infinite;
}
/* line 190, ../src/cmn/css/_all.scss */
.parts.active.p4 img {
  animation: img-move 1.2s steps(20) infinite;
}
/* line 195, ../src/cmn/css/_all.scss */
.parts.active.p5 img {
  animation: img-move 2.2s steps(40) infinite;
}
/* line 200, ../src/cmn/css/_all.scss */
.parts.active.p6 img {
  animation: img-move 1.2s steps(20) infinite;
}
/* line 205, ../src/cmn/css/_all.scss */
.parts.active.p7 img {
  animation: img-move 1.2s steps(8) infinite;
}
/* line 210, ../src/cmn/css/_all.scss */
.parts.active.p8 img {
  animation: img-move 1.2s steps(20) infinite;
}
/* line 215, ../src/cmn/css/_all.scss */
.parts.active.p9 img {
  animation: img-move 1.2s steps(20) infinite;
}
/* line 220, ../src/cmn/css/_all.scss */
.parts.active.p10 img {
  animation: img-move 1.2s steps(36) infinite;
}
/* line 225, ../src/cmn/css/_all.scss */
.parts.active.p11 img {
  animation: img-move 1.5s steps(20) infinite;
}
/* line 230, ../src/cmn/css/_all.scss */
.parts.active.p12 img {
  animation: img-move 1.2s steps(18) infinite;
}
/* line 235, ../src/cmn/css/_all.scss */
.parts.active.p13 img {
  animation: img-move 1.2s steps(16) infinite;
}

/* line 242, ../src/cmn/css/_all.scss */
.l-main {
  clear: both;
}

/*size*/
@media screen and (min-width: 1360px) {
  /* line 2, ../src/cmn/css/_pc.scss */
  #contents_container .pc_view {
    display: block;
  }
  /* line 3, ../src/cmn/css/_pc.scss */
  #contents_container .sp_view {
    display: none !important;
  }
  /* line 4, ../src/cmn/css/_pc.scss */
  #contents_container .pc_view_i {
    display: inline;
  }
  /* line 5, ../src/cmn/css/_pc.scss */
  #contents_container .sp_view_i {
    display: none !important;
  }
  /* line 7, ../src/cmn/css/_pc.scss */
  #contents_container #loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  /* line 19, ../src/cmn/css/_pc.scss */
  #contents_container #loader img {
    width: 16px;
  }
  /* line 24, ../src/cmn/css/_pc.scss */
  #contents_container a {
    cursor: pointer;
  }
  /* line 28, ../src/cmn/css/_pc.scss */
  #contents_container img {
    width: 100%;
  }
  /* line 31, ../src/cmn/css/_pc.scss */
  #contents_container section {
    position: relative;
    margin: 0;
  }
  /* line 35, ../src/cmn/css/_pc.scss */
  #contents_container .inner {
    position: relative;
    z-index: 10;
  }
  /* line 39, ../src/cmn/css/_pc.scss */
  #contents_container .e_close, #contents_container .e_wink {
    opacity: 0;
  }
  /* line 41, ../src/cmn/css/_pc.scss */
  #contents_container .e_close.active, #contents_container .e_wink.active {
    opacity: 1;
  }
  /* line 45, ../src/cmn/css/_pc.scss */
  #contents_container .kuchi {
    background: url(../img/cmn/kuchi.png) no-repeat 0 0;
    background-size: 200% auto;
    background-position: 0% 0%;
  }
  /* line 49, ../src/cmn/css/_pc.scss */
  #contents_container .kuchi.stay {
    animation: kuchi-move 0.6s steps(2) 3;
  }
  /* line 52, ../src/cmn/css/_pc.scss */
  #contents_container .kuchi.speak {
    animation: kuchi-move 0.3s steps(2) 3;
  }
  /* line 57, ../src/cmn/css/_pc.scss */
  #contents_container .btn .ov {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 60, ../src/cmn/css/_pc.scss */
  #contents_container .btn .ov2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    opacity: 0;
  }
  /* line 68, ../src/cmn/css/_pc.scss */
  #contents_container .btn .ov1 {
    position: relative;
    z-index: 1;
  }
  /* line 72, ../src/cmn/css/_pc.scss */
  #contents_container .btn .t, #contents_container .btn .a {
    z-index: 3;
  }
  /* line 76, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .ov2 {
    animation: btn_pc1 0.4s steps(1) infinite;
  }
  /* line 79, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .t {
    animation: btn_pc2 0.4s linear infinite;
  }
  /* line 82, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .t_s {
    animation: btn_pc2_2 0.4s linear infinite;
  }
  /* line 85, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .a_next {
    animation: btn_pc_next 0.4s steps(1) infinite;
  }
  /* line 88, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .a_prev {
    animation: btn_pc_prev 0.4s steps(1) infinite;
  }
  /* line 91, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .ov {
    transform: scale(1.1);
  }
  /* line 101, ../src/cmn/css/_pc.scss */
  #contents_container .fuki {
    transition: all 0.6s;
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(0) translateZ(1px);
  }
  /* line 104, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.open {
    transform: scale(1) translateZ(1px);
  }
  /* line 110, ../src/cmn/css/_pc.scss */
  #contents_container .fuki div {
    position: relative;
  }
  /* line 112, ../src/cmn/css/_pc.scss */
  #contents_container .fuki div p {
    position: absolute;
  }
  /* line 116, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b1 {
    transform-origin: 36% 10%;
  }
  /* line 118, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b1 p {
    top: 36%;
    left: 23%;
    transform: rotate(-9deg);
    letter-spacing: 0.03em;
  }
  /* line 126, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b2 p {
    top: 38%;
    left: 15%;
    letter-spacing: 0.06em;
    text-align: center;
    line-height: 1.7;
  }
  /* line 135, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b3 p {
    top: 26%;
    left: 20%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 143, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b4 p {
    top: 36%;
    left: 16.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 151, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b5 p {
    top: 38%;
    left: 13.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 159, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b6 p {
    top: 27%;
    left: 14.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 167, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b7 p {
    top: 27.5%;
    left: 12.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 174, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b8 {
    transform-origin: 80% 0%;
  }
  /* line 176, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b8 p {
    top: 28%;
    left: 1%;
    width: 100%;
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }

  /* line 187, ../src/cmn/css/_pc.scss */
  #contents {
    margin-bottom: 0;
  }

  /* line 191, ../src/cmn/css/_pc.scss */
  #wrapper footer {
    font-family: ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,游ゴシック,メイリオ,Meiryo,ＭＳ Ｐゴシック,YuGothic,sans-serif;
    letter-spacing: .12em;
    position: relative;
    width: 100%;
    font-feature-settings: "palt";
  }
  /* line 197, ../src/cmn/css/_pc.scss */
  #wrapper footer.fix {
    position: fixed;
    bottom: 0;
    left: 0;
  }
  /* line 202, ../src/cmn/css/_pc.scss */
  #wrapper footer .sp {
    display: none !important;
  }
}
/*size*/
@media screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 2, ../src/cmn/css/_pc.scss */
  #contents_container .pc_view {
    display: block;
  }
  /* line 3, ../src/cmn/css/_pc.scss */
  #contents_container .sp_view {
    display: none !important;
  }
  /* line 4, ../src/cmn/css/_pc.scss */
  #contents_container .pc_view_i {
    display: inline;
  }
  /* line 5, ../src/cmn/css/_pc.scss */
  #contents_container .sp_view_i {
    display: none !important;
  }
  /* line 7, ../src/cmn/css/_pc.scss */
  #contents_container #loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  /* line 19, ../src/cmn/css/_pc.scss */
  #contents_container #loader img {
    width: 16px;
  }
  /* line 24, ../src/cmn/css/_pc.scss */
  #contents_container a {
    cursor: pointer;
  }
  /* line 28, ../src/cmn/css/_pc.scss */
  #contents_container img {
    width: 100%;
  }
  /* line 31, ../src/cmn/css/_pc.scss */
  #contents_container section {
    position: relative;
    margin: 0;
  }
  /* line 35, ../src/cmn/css/_pc.scss */
  #contents_container .inner {
    position: relative;
    z-index: 10;
  }
  /* line 39, ../src/cmn/css/_pc.scss */
  #contents_container .e_close, #contents_container .e_wink {
    opacity: 0;
  }
  /* line 41, ../src/cmn/css/_pc.scss */
  #contents_container .e_close.active, #contents_container .e_wink.active {
    opacity: 1;
  }
  /* line 45, ../src/cmn/css/_pc.scss */
  #contents_container .kuchi {
    background: url(../img/cmn/kuchi.png) no-repeat 0 0;
    background-size: 200% auto;
    background-position: 0% 0%;
  }
  /* line 49, ../src/cmn/css/_pc.scss */
  #contents_container .kuchi.stay {
    animation: kuchi-move 0.6s steps(2) 3;
  }
  /* line 52, ../src/cmn/css/_pc.scss */
  #contents_container .kuchi.speak {
    animation: kuchi-move 0.3s steps(2) 3;
  }
  /* line 57, ../src/cmn/css/_pc.scss */
  #contents_container .btn .ov {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 60, ../src/cmn/css/_pc.scss */
  #contents_container .btn .ov2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    opacity: 0;
  }
  /* line 68, ../src/cmn/css/_pc.scss */
  #contents_container .btn .ov1 {
    position: relative;
    z-index: 1;
  }
  /* line 72, ../src/cmn/css/_pc.scss */
  #contents_container .btn .t, #contents_container .btn .a {
    z-index: 3;
  }
  /* line 76, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .ov2 {
    animation: btn_pc1 0.4s steps(1) infinite;
  }
  /* line 79, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .t {
    animation: btn_pc2 0.4s linear infinite;
  }
  /* line 82, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .t_s {
    animation: btn_pc2_2 0.4s linear infinite;
  }
  /* line 85, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .a_next {
    animation: btn_pc_next 0.4s steps(1) infinite;
  }
  /* line 88, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .a_prev {
    animation: btn_pc_prev 0.4s steps(1) infinite;
  }
  /* line 91, ../src/cmn/css/_pc.scss */
  #contents_container .btn:hover .ov {
    transform: scale(1.1);
  }
  /* line 101, ../src/cmn/css/_pc.scss */
  #contents_container .fuki {
    transition: all 0.6s;
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(0) translateZ(1px);
  }
  /* line 104, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.open {
    transform: scale(1) translateZ(1px);
  }
  /* line 110, ../src/cmn/css/_pc.scss */
  #contents_container .fuki div {
    position: relative;
  }
  /* line 112, ../src/cmn/css/_pc.scss */
  #contents_container .fuki div p {
    position: absolute;
  }
  /* line 116, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b1 {
    transform-origin: 36% 10%;
  }
  /* line 118, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b1 p {
    top: 36%;
    left: 23%;
    transform: rotate(-9deg);
    letter-spacing: 0.03em;
  }
  /* line 126, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b2 p {
    top: 38%;
    left: 15%;
    letter-spacing: 0.06em;
    text-align: center;
    line-height: 1.7;
  }
  /* line 135, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b3 p {
    top: 26%;
    left: 20%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 143, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b4 p {
    top: 36%;
    left: 16.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 151, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b5 p {
    top: 38%;
    left: 13.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 159, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b6 p {
    top: 27%;
    left: 14.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 167, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b7 p {
    top: 27.5%;
    left: 12.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 174, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b8 {
    transform-origin: 80% 0%;
  }
  /* line 176, ../src/cmn/css/_pc.scss */
  #contents_container .fuki.b8 p {
    top: 28%;
    left: 1%;
    width: 100%;
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }

  /* line 187, ../src/cmn/css/_pc.scss */
  #contents {
    margin-bottom: 0;
  }

  /* line 191, ../src/cmn/css/_pc.scss */
  #wrapper footer {
    font-family: ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,游ゴシック,メイリオ,Meiryo,ＭＳ Ｐゴシック,YuGothic,sans-serif;
    letter-spacing: .12em;
    position: relative;
    width: 100%;
    font-feature-settings: "palt";
  }
  /* line 197, ../src/cmn/css/_pc.scss */
  #wrapper footer.fix {
    position: fixed;
    bottom: 0;
    left: 0;
  }
  /* line 202, ../src/cmn/css/_pc.scss */
  #wrapper footer .sp {
    display: none !important;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  /* line 4, ../src/cmn/css/_sp.scss */
  #contents_container .pc_view {
    display: none !important;
  }
  /* line 5, ../src/cmn/css/_sp.scss */
  #contents_container .sp_view {
    display: block;
  }
  /* line 6, ../src/cmn/css/_sp.scss */
  #contents_container .pc_view_i {
    display: none !important;
  }
  /* line 7, ../src/cmn/css/_sp.scss */
  #contents_container .sp_view_i {
    display: inline;
  }
  /* line 9, ../src/cmn/css/_sp.scss */
  #contents_container #loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  /* line 21, ../src/cmn/css/_sp.scss */
  #contents_container #loader img {
    width: 16px;
  }
  /* line 26, ../src/cmn/css/_sp.scss */
  #contents_container img {
    width: 100%;
  }
  /* line 29, ../src/cmn/css/_sp.scss */
  #contents_container section {
    position: relative;
    margin: 0;
  }
  /* line 33, ../src/cmn/css/_sp.scss */
  #contents_container .inner {
    position: relative;
    z-index: 10;
  }
  /* line 37, ../src/cmn/css/_sp.scss */
  #contents_container .kuchi {
    background: url(../img/cmn/kuchi.png) no-repeat 0 0;
    background-size: 200% auto;
    background-position: 100% 0%;
  }
  /* line 41, ../src/cmn/css/_sp.scss */
  #contents_container .kuchi.stay {
    animation: kuchi-move 0.6s steps(2) 3;
  }
  /* line 44, ../src/cmn/css/_sp.scss */
  #contents_container .kuchi.speak {
    animation: kuchi-move 0.3s steps(2) 3;
  }
  /* line 50, ../src/cmn/css/_sp.scss */
  #contents_container .btn.anim img {
    -webkit-animation: btn_bg 2s linear infinite;
    -moz-animation: btn_bg 2s linear infinite;
    animation: btn_bg 2s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 55, ../src/cmn/css/_sp.scss */
  #contents_container .e_close, #contents_container .e_wink {
    opacity: 0;
  }
  /* line 57, ../src/cmn/css/_sp.scss */
  #contents_container .e_close.active, #contents_container .e_wink.active {
    opacity: 1;
  }
  /* line 61, ../src/cmn/css/_sp.scss */
  #contents_container .fuki {
    transition: all 0.6s;
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(0) translateZ(1px);
  }
  /* line 64, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.open {
    transform: scale(1) translateZ(1px);
  }
  /* line 70, ../src/cmn/css/_sp.scss */
  #contents_container .fuki div {
    position: relative;
  }
  /* line 72, ../src/cmn/css/_sp.scss */
  #contents_container .fuki div p {
    position: absolute;
  }
  /* line 76, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.b1 {
    transform-origin: 90% 40%;
  }
  /* line 78, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.b1 p {
    top: 37%;
    left: 7%;
    transform: rotate(-2deg);
    letter-spacing: 0.03em;
  }
  /* line 86, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.b2 p {
    top: 38%;
    left: 15%;
    letter-spacing: 0.06em;
    text-align: center;
    line-height: 1.7;
  }
  /* line 95, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.b3 p {
    top: 26%;
    left: 20%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 103, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.b4 p {
    top: 36%;
    left: 16.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 111, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.b5 p {
    top: 38%;
    left: 13.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 119, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.b6 p {
    top: 27%;
    left: 14.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 127, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.b7 p {
    top: 27.5%;
    left: 12.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  /* line 134, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.b8 {
    transform-origin: 80% 0%;
  }
  /* line 136, ../src/cmn/css/_sp.scss */
  #contents_container .fuki.b8 p {
    top: 29.5%;
    left: 24.5%;
    line-height: 1.7;
    letter-spacing: 0.05em;
    width: 100%;
    text-align: center;
    left: 0;
  }

  /* line 148, ../src/cmn/css/_sp.scss */
  #contents {
    margin-bottom: 0;
  }

  /* line 152, ../src/cmn/css/_sp.scss */
  #wrapper footer {
    font-family: ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,游ゴシック,メイリオ,Meiryo,ＭＳ Ｐゴシック,YuGothic,sans-serif;
    letter-spacing: .12em;
    position: relative;
    width: 100%;
    font-feature-settings: "palt";
  }
}