@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*

$breakpoint: 600;
$tablet_min: 600;
$tablet_max: 768;

@mixin mq($env) {

  @if $env == "pc" {
    @include mq-pc {
      @content;
    };
  } @elseif $env == "sp" {
    @include mq-sp {
      @content;
    };
  } @if $env == "tab" {
    @include mq-tab {
      @content;
    };
  } @else {
    @include mq-all {
      @content;
    };
  }

}

@mixin mq-all {
  @content;
};

@mixin mq-pc {
  @media only screen and (min-width: $breakpoint + 1 + 'px') {
    @content;
  }
}

@mixin mq-sp {
  @media only screen and (max-width: $breakpoint + 'px') {
    @content;
  }
}

@mixin mq-tab {
  @media only screen and (min-width: $tablet_min + 'px') and (max-width: $tablet_max + 'px') {
    @content;
  }
}

*/
@-webkit-keyframes sideMenuDrop {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); }
  10% {
    -webkit-transform: translate(0%, 7.5625%);
            transform: translate(0%, 7.5625%); }
  20% {
    -webkit-transform: translate(0%, 30.25%);
            transform: translate(0%, 30.25%); }
  30% {
    -webkit-transform: translate(0%, 68.0625%);
            transform: translate(0%, 68.0625%); }
  40% {
    -webkit-transform: translate(0%, 91%);
            transform: translate(0%, 91%); }
  50% {
    -webkit-transform: translate(0%, 76.5625%);
            transform: translate(0%, 76.5625%); }
  60% {
    -webkit-transform: translate(0%, 77.25%);
            transform: translate(0%, 77.25%); }
  70% {
    -webkit-transform: translate(0%, 93.0625%);
            transform: translate(0%, 93.0625%); }
  80% {
    -webkit-transform: translate(0%, 94%);
            transform: translate(0%, 94%); }
  90% {
    -webkit-transform: translate(0%, 98.8125%);
            transform: translate(0%, 98.8125%); }
  100% {
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%); } }
@keyframes sideMenuDrop {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); }
  10% {
    -webkit-transform: translate(0%, 7.5625%);
            transform: translate(0%, 7.5625%); }
  20% {
    -webkit-transform: translate(0%, 30.25%);
            transform: translate(0%, 30.25%); }
  30% {
    -webkit-transform: translate(0%, 68.0625%);
            transform: translate(0%, 68.0625%); }
  40% {
    -webkit-transform: translate(0%, 91%);
            transform: translate(0%, 91%); }
  50% {
    -webkit-transform: translate(0%, 76.5625%);
            transform: translate(0%, 76.5625%); }
  60% {
    -webkit-transform: translate(0%, 77.25%);
            transform: translate(0%, 77.25%); }
  70% {
    -webkit-transform: translate(0%, 93.0625%);
            transform: translate(0%, 93.0625%); }
  80% {
    -webkit-transform: translate(0%, 94%);
            transform: translate(0%, 94%); }
  90% {
    -webkit-transform: translate(0%, 98.8125%);
            transform: translate(0%, 98.8125%); }
  100% {
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%); } }

@-webkit-keyframes popupTitle {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  20% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  40% {
    -webkit-transform: scale(0.94);
            transform: scale(0.94); }
  60% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03); }
  80% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes popupTitle {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  20% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  40% {
    -webkit-transform: scale(0.94);
            transform: scale(0.94); }
  60% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03); }
  80% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes popupBallon {
  0% {
    -webkit-transform: scale(0) rotate(0deg) translateX(0px);
            transform: scale(0) rotate(0deg) translateX(0px); }
  20% {
    -webkit-transform: scale(0) rotate(0deg) translateX(0px);
            transform: scale(0) rotate(0deg) translateX(0px); }
  40% {
    -webkit-transform: scale(0) rotate(0deg) translateX(0px);
            transform: scale(0) rotate(0deg) translateX(0px); }
  60% {
    -webkit-transform: scale(1.07) rotate(-5deg) translateX(6px);
            transform: scale(1.07) rotate(-5deg) translateX(6px); }
  80% {
    -webkit-transform: scale(0.94) rotate(-3deg) translateX(8px);
            transform: scale(0.94) rotate(-3deg) translateX(8px); }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(10px);
            transform: scale(1) rotate(0deg) translateX(10px); } }

@keyframes popupBallon {
  0% {
    -webkit-transform: scale(0) rotate(0deg) translateX(0px);
            transform: scale(0) rotate(0deg) translateX(0px); }
  20% {
    -webkit-transform: scale(0) rotate(0deg) translateX(0px);
            transform: scale(0) rotate(0deg) translateX(0px); }
  40% {
    -webkit-transform: scale(0) rotate(0deg) translateX(0px);
            transform: scale(0) rotate(0deg) translateX(0px); }
  60% {
    -webkit-transform: scale(1.07) rotate(-5deg) translateX(6px);
            transform: scale(1.07) rotate(-5deg) translateX(6px); }
  80% {
    -webkit-transform: scale(0.94) rotate(-3deg) translateX(8px);
            transform: scale(0.94) rotate(-3deg) translateX(8px); }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(10px);
            transform: scale(1) rotate(0deg) translateX(10px); } }

@-webkit-keyframes popupStar {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  20% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  40% {
    -webkit-transform: scale(0.94);
            transform: scale(0.94); }
  60% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03); }
  80% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes popupStar {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  20% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  40% {
    -webkit-transform: scale(0.94);
            transform: scale(0.94); }
  60% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03); }
  80% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes gnavDrop {
  0% {
    -webkit-transform: translateY(-120%);
            transform: translateY(-120%); }
  10% {
    -webkit-transform: translateY(-90%);
            transform: translateY(-90%); }
  20% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  30% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  50% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  60% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%); }
  90% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes gnavDrop {
  0% {
    -webkit-transform: translateY(-120%);
            transform: translateY(-120%); }
  10% {
    -webkit-transform: translateY(-90%);
            transform: translateY(-90%); }
  20% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  30% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  50% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  60% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%); }
  90% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes taikoBounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  20% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  40% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  60% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08); }
  80% {
    -webkit-transform: scale(1.04);
            transform: scale(1.04); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes taikoBounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  20% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  40% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  60% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08); }
  80% {
    -webkit-transform: scale(1.04);
            transform: scale(1.04); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes rightCracker {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  20% {
    -webkit-transform: translate(-3px, -15px);
            transform: translate(-3px, -15px); }
  40% {
    -webkit-transform: translate(-5px, -20px);
            transform: translate(-5px, -20px); }
  60% {
    -webkit-transform: translate(-6px, -22px);
            transform: translate(-6px, -22px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  80% {
    -webkit-transform: translate(-7px, -20px);
            transform: translate(-7px, -20px); }
  100% {
    -webkit-transform: translate(-8px, -18px);
            transform: translate(-8px, -18px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes rightCracker {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  20% {
    -webkit-transform: translate(-3px, -15px);
            transform: translate(-3px, -15px); }
  40% {
    -webkit-transform: translate(-5px, -20px);
            transform: translate(-5px, -20px); }
  60% {
    -webkit-transform: translate(-6px, -22px);
            transform: translate(-6px, -22px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  80% {
    -webkit-transform: translate(-7px, -20px);
            transform: translate(-7px, -20px); }
  100% {
    -webkit-transform: translate(-8px, -18px);
            transform: translate(-8px, -18px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes leftCracker {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  20% {
    -webkit-transform: translate(3px, -15px);
            transform: translate(3px, -15px); }
  40% {
    -webkit-transform: translate(5px, -20px);
            transform: translate(5px, -20px); }
  60% {
    -webkit-transform: translate(6px, -22px);
            transform: translate(6px, -22px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  80% {
    -webkit-transform: translate(7px, -20px);
            transform: translate(7px, -20px); }
  100% {
    -webkit-transform: translate(8px, -18px);
            transform: translate(8px, -18px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes leftCracker {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  20% {
    -webkit-transform: translate(3px, -15px);
            transform: translate(3px, -15px); }
  40% {
    -webkit-transform: translate(5px, -20px);
            transform: translate(5px, -20px); }
  60% {
    -webkit-transform: translate(6px, -22px);
            transform: translate(6px, -22px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  80% {
    -webkit-transform: translate(7px, -20px);
            transform: translate(7px, -20px); }
  100% {
    -webkit-transform: translate(8px, -18px);
            transform: translate(8px, -18px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

.product__lineup {
  margin: 0 auto;
  overflow-x: hidden;
  user-select: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  width: 600px; }
  html[data-env="sp"] .product__lineup {
    width: 300px; }

.product__lineup--slider {
  margin: 5px auto 10px;
  overflow-x: hidden;
  width: 600px;
  min-height: 180px; }
  html[data-env="sp"] .product__lineup--slider {
    width: 310px;
    min-height: 90px; }

.package-plane {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_lineup_package_plane.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 105px 122px;
  width: 105px;
  height: 122px; }
  html[data-env="sp"] .package-plane {
    background-image: url("../img/sp/product_lineup_package_plane.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53px 61px;
    width: 53px;
    height: 61px; }

.package-sakusaku {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_lineup_package_sakusaku.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 105px 122px;
  width: 105px;
  height: 122px; }
  html[data-env="sp"] .package-sakusaku {
    background-image: url("../img/sp/product_lineup_package_sakusaku.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53px 61px;
    width: 53px;
    height: 61px; }

.package-frost {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_lineup_package_frost.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 105px 122px;
  width: 105px;
  height: 122px; }
  html[data-env="sp"] .package-frost {
    background-image: url("../img/sp/product_lineup_package_frost.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53px 61px;
    width: 53px;
    height: 61px; }

.package-mild {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_lineup_package_mild.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 105px 122px;
  width: 105px;
  height: 122px; }
  html[data-env="sp"] .package-mild {
    background-image: url("../img/sp/product_lineup_package_mild.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53px 61px;
    width: 53px;
    height: 61px; }

.product__lineup--slider--item {
  outline: none !important; }

.product__lineup--slider--image {
  outline: none !important;
  cursor: pointer; }

.slider-nav {
  overflow: visible; }

.slick-center {
  position: relative; }
  .slick-center:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 20px; }
    html[data-env="sp"] .slick-center:before {
      margin-top: 10px; }
  .slick-center .package-plane {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/product_lineup_package_plane_selected.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 155px 179px;
    width: 155px;
    height: 179px; }
    html[data-env="sp"] .slick-center .package-plane {
      background-image: url("../img/sp/product_lineup_package_plane_selected.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 78px 90px;
      width: 78px;
      height: 90px; }
  .slick-center .package-sakusaku {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/product_lineup_package_sakusaku_selected.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 155px 179px;
    width: 155px;
    height: 179px; }
    html[data-env="sp"] .slick-center .package-sakusaku {
      background-image: url("../img/sp/product_lineup_package_sakusaku_selected.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 78px 90px;
      width: 78px;
      height: 90px; }
  .slick-center .package-frost {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/product_lineup_package_frost_selected.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 155px 179px;
    width: 155px;
    height: 179px; }
    html[data-env="sp"] .slick-center .package-frost {
      background-image: url("../img/sp/product_lineup_package_frost_selected.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 78px 90px;
      width: 78px;
      height: 90px; }
  .slick-center .package-mild {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/product_lineup_package_mild_selected.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 155px 179px;
    width: 155px;
    height: 179px; }
    html[data-env="sp"] .slick-center .package-mild {
      background-image: url("../img/sp/product_lineup_package_mild_selected.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 78px 90px;
      width: 78px;
      height: 90px; }

.slick-center .product__lineup--slider--image {
  position: relative;
  margin-left: -24px; }
  html[data-env="sp"] .slick-center .product__lineup--slider--image {
    margin-left: -12px; }

.slick-list {
  overflow: visible;
  width: 100%; }
  html[data-env="pc"] .slick-list {
    left: 11px; }

.slick-prev,
.slick-next {
  display: none !important; }

.is-prev-center {
  -webkit-transform: translateX(-16px);
          transform: translateX(-16px); }
  html[data-env="sp"] .is-prev-center {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px); }

.is-next-center {
  -webkit-transform: translateX(16px);
          transform: translateX(16px); }
  html[data-env="sp"] .is-next-center {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); }

/* ======================================
 * 汎用スタイル
 * ====================================== */
html[data-env="pc"] {
  font-size: 18px;
  line-height: 24px; }

html[data-env="sp"] {
  font-size: 12px;
  line-height: 18px; }
  html[data-env="sp"] * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box; }

.page-root {
  width: 100%;
  min-width: 640px;
  height: auto;
  font-size: 18px;
  line-height: 24px;
  font-family: YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
  overflow: hidden; }
  html[data-env="sp"] .page-root {
    min-width: 320px;
    font-size: 12px;
    line-height: 18px; }

.section-block {
  width: 100%; }

.content-block {
  width: 640px;
  margin: 0 auto; }
  html[data-env="sp"] .content-block {
    width: 320px; }

.wrapper[data-beat-index="1"] .is-beat2, .wrapper[data-beat-index="1"] .is-beat3, .wrapper[data-beat-index="1"] .is-beat4 {
  display: none !important; }

.wrapper[data-beat-index="2"] .is-beat1, .wrapper[data-beat-index="2"] .is-beat3, .wrapper[data-beat-index="2"] .is-beat4 {
  display: none !important; }

.wrapper[data-beat-index="3"] .is-beat1, .wrapper[data-beat-index="3"] .is-beat2, .wrapper[data-beat-index="3"] .is-beat4 {
  display: none !important; }

.wrapper[data-beat-index="4"] .is-beat1, .wrapper[data-beat-index="4"] .is-beat2, .wrapper[data-beat-index="4"] .is-beat3 {
  display: none !important; }

.wrapper[data-beat-index="1"] .is-beat2-4 {
  display: none !important; }

.wrapper[data-beat-index="2"] .is-beat1-3 {
  display: none !important; }

.wrapper[data-beat-index="3"] .is-beat2-4 {
  display: none !important; }

.wrapper[data-beat-index="4"] .is-beat1-3 {
  display: none !important; }

.wrapper[data-odd-beat-index="1"] .is-odd-beat-2, .wrapper[data-odd-beat-index="1"] .is-odd-beat-3 {
  display: none !important; }

.wrapper[data-odd-beat-index="2"] .is-odd-beat-1, .wrapper[data-odd-beat-index="2"] .is-odd-beat-3 {
  display: none !important; }

.wrapper[data-odd-beat-index="3"] .is-odd-beat-1, .wrapper[data-odd-beat-index="3"] .is-odd-beat-2 {
  display: none !important; }

.js-popupTitle {
  -webkit-animation: popupTitle 800ms both;
          animation: popupTitle 800ms both;
  visibility: visible !important; }

.js-popupBallon {
  -webkit-animation: popupBallon 1000ms both;
          animation: popupBallon 1000ms both;
  visibility: visible !important; }

.js-popupStar {
  -webkit-animation: popupStar 1000ms both;
          animation: popupStar 1000ms both;
  visibility: visible !important; }

html[data-device="iphone"] .swipe--cover {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  z-index: 10; }

html[data-device="android"] .swipe--cover {
  display: none !important; }

.toCampaignButton {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/footer_toCampaignButton.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 539px 240px;
  width: 539px;
  height: 240px;
  margin: 0 auto 20px;
  position: relative;
  left: -10px; }
  html[data-env="sp"] .toCampaignButton {
    background-image: url("../img/sp/footer_toCampaignButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 270px 120px;
    width: 270px;
    height: 120px; }
  html[data-env="pc"] .toCampaignButton {
    cursor: pointer;
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
    html[data-env="pc"] .toCampaignButton:hover {
      -webkit-transform: scale(1);
              transform: scale(1); }
  html[data-env="sp"] .toCampaignButton {
    left: -5px; }
  .toCampaignButton a {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    outline: none; }

.toOnlineShopButton {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/footer_toOnlineshopButton.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 520px 152px;
  width: 520px;
  height: 152px;
  margin: 0 auto 20px; }
  html[data-env="sp"] .toOnlineShopButton {
    background-image: url("../img/sp/footer_toOnlineshopButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 260px 76px;
    width: 260px;
    height: 76px; }
  html[data-env="pc"] .toOnlineShopButton {
    cursor: pointer;
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
    html[data-env="pc"] .toOnlineShopButton:hover {
      -webkit-transform: scale(1);
              transform: scale(1); }
  .toOnlineShopButton a {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    outline: none; }

.toBrandPageButton {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/footer_toBrandButton.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 520px 143px;
  width: 520px;
  height: 143px;
  margin: 0 auto; }
  html[data-env="sp"] .toBrandPageButton {
    background-image: url("../img/sp/footer_toBrandButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 260px 72px;
    width: 260px;
    height: 72px; }
  html[data-env="pc"] .toBrandPageButton {
    cursor: pointer;
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
    html[data-env="pc"] .toBrandPageButton:hover {
      -webkit-transform: scale(1);
              transform: scale(1); }
  .toBrandPageButton a {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    outline: none; }

.js-gototopButton {
  position: relative;
  display: block;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/footer_gototopButton.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 343px 56px;
  width: 343px;
  height: 56px;
  margin: 60px auto; }
  html[data-env="pc"] .js-gototopButton {
    cursor: pointer;
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
    html[data-env="pc"] .js-gototopButton:hover {
      -webkit-transform: scale(1);
              transform: scale(1); }
  html[data-env="sp"] .js-gototopButton {
    background-image: url("../img/sp/footer_gototopButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 172px 28px;
    width: 172px;
    height: 28px; }
  html[data-env="sp"] .js-gototopButton {
    margin: 30px auto; }

footer {
  position: relative;
  margin-top: 100px; }
  html[data-env="sp"] footer {
    margin-top: 50px; }
  footer:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    height: 2px;
    width: 100%;
    background-color: #f5e6cd; }
  footer .content-block {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/footer_corn.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 640px 308px;
    width: 640px;
    height: 308px; }
    html[data-env="sp"] footer .content-block {
      background-image: url("../img/sp/footer_corn.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 320px 154px;
      width: 320px;
      height: 154px; }
    html[data-env="pc"] footer .content-block {
      width: 100%;
      background-repeat: repeat-x; }

.is-gnav-open {
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: scroll; }

#gnav {
  user-select: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute; }
  #gnav .gnav__folding {
    overflow-y: scroll;
    z-index: 7;
    display: none;
    width: 100%;
    position: absolute;
    text-align: center;
    padding-top: 20px; }
    html[data-env="sp"] #gnav .gnav__folding {
      padding-top: 50px; }
  #gnav .gnav__links {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/gnav_board.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 489px 703px;
    width: 489px;
    height: 703px;
    margin: 0 auto;
    padding-top: 200px; }
    html[data-env="sp"] #gnav .gnav__links {
      background-image: url("../img/sp/gnav_board.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 245px 352px;
      width: 245px;
      height: 352px; }
    html[data-env="sp"] #gnav .gnav__links {
      padding-top: 100px; }
  #gnav .gnav__linksItem {
    display: block;
    margin: 0 auto 35px; }
    html[data-env="sp"] #gnav .gnav__linksItem {
      margin: 0 auto 18px; }
    #gnav .gnav__linksItem a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      outline: none;
      text-indent: -9999px;
      white-space: nowrap;
      overflow: hidden; }
      #gnav .gnav__linksItem a:hover {
        color: #db271f; }
  #gnav .gnav__linksItem:nth-child(1) {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/gnav_item_movie.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 396px 90px;
    width: 396px;
    height: 90px; }
    html[data-env="sp"] #gnav .gnav__linksItem:nth-child(1) {
      background-image: url("../img/sp/gnav_item_movie.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 198px 45px;
      width: 198px;
      height: 45px; }
  #gnav .gnav__linksItem:nth-child(2) {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/gnav_item_howto.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 396px 90px;
    width: 396px;
    height: 90px; }
    html[data-env="sp"] #gnav .gnav__linksItem:nth-child(2) {
      background-image: url("../img/sp/gnav_item_howto.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 198px 45px;
      width: 198px;
      height: 45px; }
  #gnav .gnav__linksItem:nth-child(3) {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/gnav_item_whois.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 396px 90px;
    width: 396px;
    height: 90px; }
    html[data-env="sp"] #gnav .gnav__linksItem:nth-child(3) {
      background-image: url("../img/sp/gnav_item_whois.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 198px 45px;
      width: 198px;
      height: 45px; }
  #gnav .gnav__linksItem:nth-child(4) {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/gnav_item_product.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 396px 90px;
    width: 396px;
    height: 90px; }
    html[data-env="sp"] #gnav .gnav__linksItem:nth-child(4) {
      background-image: url("../img/sp/gnav_item_product.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 198px 45px;
      width: 198px;
      height: 45px; }
  #gnav .gnav__overlay {
    z-index: 7;
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: -10%;
    left: 0;
    width: 100%;
    height: 120%; }

.gnav__btn--toggle {
  cursor: pointer;
  position: fixed;
  top: -200px;
  left: 0;
  min-height: 200px;
  user-select: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  outline: none; }
  html[data-env="sp"] .gnav__btn--toggle {
    top: -100px;
    min-height: 100px;
    min-width: 100px; }
  .gnav__btn--toggle .gnav__btn--open {
    position: absolute;
    top: 0;
    left: 1px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/gnav_openButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 149px 206px;
    width: 149px;
    height: 206px; }
    html[data-env="sp"] .gnav__btn--toggle .gnav__btn--open {
      background-image: url("../img/sp/gnav_openButton.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 75px 103px;
      width: 75px;
      height: 103px; }
  .gnav__btn--toggle .gnav__btn--close {
    position: absolute;
    top: 0;
    left: 1px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/gnav_closeButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 149px 206px;
    width: 149px;
    height: 206px; }
    html[data-env="sp"] .gnav__btn--toggle .gnav__btn--close {
      background-image: url("../img/sp/gnav_closeButton.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 75px 103px;
      width: 75px;
      height: 103px; }

.wrapper[data-menu-open="1"] .gnav__btn--toggle {
  -webkit-animation: sideMenuDrop 500ms forwards;
          animation: sideMenuDrop 500ms forwards; }

.wrapper[data-gnav-open="1"] .gnav__btn--open {
  display: none !important; }

.wrapper[data-gnav-open="0"] .gnav__btn--close {
  display: none !important; }

header {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9; }
  html[data-env="sp"] header {
    min-height: 130px; }
  header .content-block {
    position: relative; }
    html[data-env="pc"] header .content-block {
      width: 100%; }

.header__maku--left {
  background-image: url("../img/pc/maku_top_left.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 338px 245px;
  width: 338px;
  height: 245px;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0; }
  html[data-env="sp"] .header__maku--left {
    background-image: url("../img/sp/maku_top_left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 115px 134px;
    width: 115px;
    height: 134px; }

.header__maku--right {
  background-image: url("../img/pc/maku_top_right.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 338px 245px;
  width: 338px;
  height: 245px;
  position: absolute;
  pointer-events: none;
  top: 0;
  right: 0; }
  html[data-env="sp"] .header__maku--right {
    background-image: url("../img/sp/maku_top_right.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 115px 134px;
    width: 115px;
    height: 134px; }

.header__maku--top {
  position: absolute;
  top: -1px; }
  html[data-env="sp"] .header__maku--top {
    background-image: url("../img/sp/maku_top.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 320px 34px;
    width: 320px;
    height: 34px; }
  html[data-env="pc"] .header__maku--top {
    background-image: url("../img/pc/maku_top.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 64px 68px;
    width: 64px;
    height: 68px;
    width: 100%;
    background-repeat: repeat-x; }

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 12; }
  #loading:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    html[data-env="sp"] #loading:before {
      background-image: url("../img/sp/loading_bg.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 320px 594px;
      width: 320px;
      height: 594px; }
  html[data-env="pc"] #loading .loading__maku {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0; }
    html[data-env="pc"] #loading .loading__maku:before {
      content: "";
      display: block;
      position: absolute;
      background-image: url("../img/pc/maku_left.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 288px 1172px;
      width: 288px;
      height: 1172px;
      width: 50%;
      background-repeat: repeat-x;
      background-position: right top;
      top: 0;
      left: 2px; }
    html[data-env="pc"] #loading .loading__maku:after {
      content: "";
      display: block;
      position: absolute;
      background-image: url("../img/pc/maku_right.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 284px 1172px;
      width: 284px;
      height: 1172px;
      width: 50%;
      background-repeat: repeat-x;
      background-position: left top;
      top: 0;
      right: 2px; }
  html[data-env="pc"] #loading .loading__maku--side:before {
    content: "";
    display: block;
    background-image: url("../img/pc/maku_top_left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 338px 245px;
    width: 338px;
    height: 245px;
    position: absolute;
    top: 0;
    left: 0; }
  html[data-env="pc"] #loading .loading__maku--side:after {
    content: "";
    display: block;
    background-image: url("../img/pc/maku_top_right.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 338px 245px;
    width: 338px;
    height: 245px;
    position: absolute;
    top: 0;
    right: 0; }
  html[data-env="pc"] #loading .loading__maku--top {
    content: "";
    display: block;
    background-image: url("../img/sp/maku_top.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 640px 68px;
    width: 640px;
    height: 68px;
    background-repeat: repeat-x;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }

.loading__chara {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); }
  .loading__chara:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/loading.gif");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 449px 569px;
    width: 449px;
    height: 569px; }
    html[data-env="sp"] .loading__chara:after {
      background-image: url("../img/loading.gif");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 225px 285px;
      width: 225px;
      height: 285px; }

.is-loading {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.is-loaded {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all .5s; }

#maku {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6; }

.maku__left {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  transition: -webkit-transform 1500ms;
  transition: transform 1500ms;
  transition: transform 1500ms, -webkit-transform 1500ms; }
  html[data-env="pc"] .maku__left {
    background-image: url("../img/pc/maku_left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 288px 1172px;
    width: 288px;
    height: 1172px;
    width: 50%;
    background-repeat: repeat-x;
    background-position: right top;
    left: 2px; }
  html[data-env="sp"] .maku__left {
    background-image: url("../img/sp/maku_left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 167px 586px;
    width: 167px;
    height: 586px; }

.maku__right {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  transition: -webkit-transform 1500ms;
  transition: transform 1500ms;
  transition: transform 1500ms, -webkit-transform 1500ms; }
  html[data-env="pc"] .maku__right {
    background-image: url("../img/pc/maku_right.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 284px 1172px;
    width: 284px;
    height: 1172px;
    width: 50%;
    background-repeat: repeat-x;
    background-position: left top;
    right: 2px; }
  html[data-env="sp"] .maku__right {
    background-image: url("../img/sp/maku_right.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 165px 586px;
    width: 165px;
    height: 586px; }

.wrapper[data-maku-open="1"] .maku__right {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0); }

.wrapper[data-maku-open="1"] .maku__left {
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0); }

#initialVisitModal, #soundCheck,
#tutorial,
#youtubeModal {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 8; }
  #initialVisitModal .modal__overlay, #soundCheck .modal__overlay,
  #tutorial .modal__overlay,
  #youtubeModal .modal__overlay {
    width: 100%;
    height: 120%;
    position: fixed;
    top: -10%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7); }
  #initialVisitModal .modal__content, #soundCheck .modal__content,
  #tutorial .modal__content,
  #youtubeModal .modal__content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px; }
    #initialVisitModal .modal__content .modal__content--img, #soundCheck .modal__content .modal__content--img,
    #tutorial .modal__content .modal__content--img,
    #youtubeModal .modal__content .modal__content--img {
      margin: 0 auto; }
  #initialVisitModal .modal__btn--close, #soundCheck .modal__btn--close,
  #tutorial .modal__btn--close,
  #youtubeModal .modal__btn--close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -50px;
    right: -50px;
    cursor: pointer; }
    #initialVisitModal .modal__btn--close:before, #soundCheck .modal__btn--close:before,
    #tutorial .modal__btn--close:before,
    #youtubeModal .modal__btn--close:before, #initialVisitModal .modal__btn--close:after, #soundCheck .modal__btn--close:after, #tutorial .modal__btn--close:after, #youtubeModal .modal__btn--close:after {
      content: '';
      display: block;
      width: 50px;
      height: 2px;
      background-color: #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transform-origin: center center;
              transform-origin: center center; }
    #initialVisitModal .modal__btn--close:after, #soundCheck .modal__btn--close:after,
    #tutorial .modal__btn--close:after,
    #youtubeModal .modal__btn--close:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      margin-top: -2px; }

#youtubeModal {
  z-index: 11; }

#orientation {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 13;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/landscape_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 640px 367px;
  width: 640px;
  height: 367px;
  width: 100%;
  background-repeat: repeat-x; }
  html[data-env="sp"] #orientation {
    background-image: url("../img/sp/landscape_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 320px 184px;
    width: 320px;
    height: 184px; }
  #orientation .orientation__left {
    position: fixed;
    top: 0;
    left: 0;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/landscape_left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 122px 133px;
    width: 122px;
    height: 133px; }
    html[data-env="sp"] #orientation .orientation__left {
      background-image: url("../img/sp/landscape_left.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 61px 67px;
      width: 61px;
      height: 67px; }
  #orientation .orientation__right {
    position: fixed;
    top: 0;
    right: 0;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/landscape_right.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 122px 133px;
    width: 122px;
    height: 133px; }
    html[data-env="sp"] #orientation .orientation__right {
      background-image: url("../img/sp/landscape_right.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 61px 67px;
      width: 61px;
      height: 67px; }
  #orientation .orientation__board {
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/landscape_board.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 484px 291px;
    width: 484px;
    height: 291px; }
    html[data-env="sp"] #orientation .orientation__board {
      background-image: url("../img/sp/landscape_board.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 242px 146px;
      width: 242px;
      height: 146px; }
  #orientation .orientation__top {
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/landscape_top.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 640px 45px;
    width: 640px;
    height: 45px;
    width: 100%;
    background-repeat: repeat-x; }
    html[data-env="sp"] #orientation .orientation__top {
      background-image: url("../img/sp/landscape_top.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 320px 23px;
      width: 320px;
      height: 23px; }

html[data-orientaion="landscape"] #orientation {
  display: block; }

.socialButton {
  text-align: center; }
  .socialButton > div {
    display: inline-block;
    margin: 0 20px; }
    html[data-env="pc"] .socialButton > div {
      cursor: pointer;
      -webkit-transform: scale(0.95);
              transform: scale(0.95); }
      html[data-env="pc"] .socialButton > div:hover {
        -webkit-transform: scale(1);
                transform: scale(1); }
    html[data-env="sp"] .socialButton > div {
      margin: 0 10px; }
  .socialButton a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    outline: none; }

.socialButton__facebook {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/sns_facebook.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 104px 105px;
  width: 104px;
  height: 105px; }
  html[data-env="sp"] .socialButton__facebook {
    background-image: url("../img/sp/sns_facebook.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 52px 53px;
    width: 52px;
    height: 53px; }

.socialButton__twitter {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/sns_twitter.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 104px 105px;
  width: 104px;
  height: 105px; }
  html[data-env="sp"] .socialButton__twitter {
    background-image: url("../img/sp/sns_twitter.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 52px 53px;
    width: 52px;
    height: 53px; }

.socialButton__line {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/sns_line.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 104px 105px;
  width: 104px;
  height: 105px; }
  html[data-env="sp"] .socialButton__line {
    background-image: url("../img/sp/sns_line.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 52px 53px;
    width: 52px;
    height: 53px; }

#soundCheck .modal__overlay {
  height: 100%;
  top: 0;
  left: 0; }

#soundCheck .modal__content {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  height: 100%; }

#soundCheck .modal__btn--close {
  display: none; }

#soundCheck .modal__content--board {
  visibility: hidden;
  position: relative;
  margin: 30px auto 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  background-image: url("../img/sp/soundCheck_board.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 494px 592px;
  width: 494px;
  height: 592px;
  padding-top: 90px; }
  html[data-env="sp"] #soundCheck .modal__content--board {
    background-image: url("../img/sp/soundCheck_board.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 247px 296px;
    width: 247px;
    height: 296px;
    padding-top: 50px; }

#soundCheck .modal__content--logo {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/soundCheck_logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 217px 112px;
  width: 217px;
  height: 112px;
  margin: 20px auto 24px; }
  html[data-env="sp"] #soundCheck .modal__content--logo {
    background-image: url("../img/sp/soundCheck_logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 109px 56px;
    width: 109px;
    height: 56px; }
  html[data-env="sp"] #soundCheck .modal__content--logo {
    margin: 10px auto 12px; }

#soundCheck .modal__content--headline {
  margin-bottom: 15px; }
  #soundCheck .modal__content--headline > div {
    margin: 0 auto; }

#soundCheck .modal__content--button {
  text-align: center;
  position: absolute;
  bottom: 55px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%; }
  html[data-env="sp"] #soundCheck .modal__content--button {
    bottom: 25px; }
  #soundCheck .modal__content--button > div {
    display: inline-block;
    margin: 0 15px; }

#soundCheck .modal__content--chara {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 1200px;
  pointer-events: none; }
  html[data-env="sp"] #soundCheck .modal__content--chara {
    width: 100%; }
  #soundCheck .modal__content--chara > div {
    position: absolute; }
  #soundCheck .modal__content--chara .modal__content--chara--left {
    left: 20px;
    bottom: -90px;
    min-height: 535px;
    min-width: 270px;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
    html[data-env="sp"] #soundCheck .modal__content--chara .modal__content--chara--left {
      left: 0;
      bottom: -90px;
      min-height: 267.5px;
      min-width: 135px; }
  #soundCheck .modal__content--chara .modal__content--chara--left--image {
    position: absolute; }
  #soundCheck .modal__content--chara .modal__content--chara--left--serif {
    position: absolute;
    left: 190px;
    bottom: 110px; }
    html[data-env="sp"] #soundCheck .modal__content--chara .modal__content--chara--left--serif {
      left: 110px; }
  #soundCheck .modal__content--chara .modal__content--chara--right {
    right: 30px;
    bottom: -25px;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    min-height: 524px;
    min-width: 230px; }
    html[data-env="sp"] #soundCheck .modal__content--chara .modal__content--chara--right {
      right: 0;
      bottom: -90px;
      min-height: 262px;
      min-width: 115px; }
  #soundCheck .modal__content--chara .modal__content--chara--right--image {
    position: absolute; }
  #soundCheck .modal__content--chara .modal__content--chara--right--serif {
    position: absolute; }

#soundCheck .modal__content--headline--default {
  background-image: url("../img/sp/soundCheck_headline.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 412px 100px;
  width: 412px;
  height: 100px; }
  html[data-env="sp"] #soundCheck .modal__content--headline--default {
    background-image: url("../img/sp/soundCheck_headline.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 206px 50px;
    width: 206px;
    height: 50px; }

#soundCheck .modal__content--headline--reconfirm {
  background-image: url("../img/sp/soundCheck_headline_cancel.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 395px 95px;
  width: 395px;
  height: 95px; }
  html[data-env="sp"] #soundCheck .modal__content--headline--reconfirm {
    background-image: url("../img/sp/soundCheck_headline_cancel.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 198px 48px;
    width: 198px;
    height: 48px; }

#soundCheck .modal__content--button--on {
  background-image: url("../img/sp/soundCheck_button_on.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 161px 147px;
  width: 161px;
  height: 147px; }
  html[data-env="pc"] #soundCheck .modal__content--button--on {
    cursor: pointer;
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
    html[data-env="pc"] #soundCheck .modal__content--button--on:hover {
      -webkit-transform: scale(1);
              transform: scale(1); }
  html[data-env="sp"] #soundCheck .modal__content--button--on {
    background-image: url("../img/sp/soundCheck_button_on.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 81px 74px;
    width: 81px;
    height: 74px; }

#soundCheck .modal__content--button--off {
  background-image: url("../img/sp/soundCheck_button_off.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 161px 147px;
  width: 161px;
  height: 147px; }
  html[data-env="pc"] #soundCheck .modal__content--button--off {
    cursor: pointer;
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
    html[data-env="pc"] #soundCheck .modal__content--button--off:hover {
      -webkit-transform: scale(1);
              transform: scale(1); }
  html[data-env="sp"] #soundCheck .modal__content--button--off {
    background-image: url("../img/sp/soundCheck_button_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 81px 74px;
    width: 81px;
    height: 74px; }

#soundCheck[data-soundcheck-step="1"] .modal__content--chara--left--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/soundCheck_chara_left.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 249px 460px;
  width: 249px;
  height: 460px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="1"] .modal__content--chara--left--image {
    background-image: url("../img/sp/soundCheck_chara_left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 125px 230px;
    width: 125px;
    height: 230px; }

#soundCheck[data-soundcheck-step="1"] .modal__content--chara--right--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/soundCheck_chara_right.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 202px 483px;
  width: 202px;
  height: 483px;
  bottom: 15px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="1"] .modal__content--chara--right--image {
    background-image: url("../img/sp/soundCheck_chara_right.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 101px 242px;
    width: 101px;
    height: 242px; }

#soundCheck[data-soundcheck-step="1"] .modal__content--chara--left--serif {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/soundCheck_chara_left_serif.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 136px 68px;
  width: 136px;
  height: 68px;
  left: 200px;
  bottom: 150px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="1"] .modal__content--chara--left--serif {
    background-image: url("../img/sp/soundCheck_chara_left_serif.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 68px 34px;
    width: 68px;
    height: 34px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="1"] .modal__content--chara--left--serif {
    left: 110px;
    bottom: 110px; }

#soundCheck[data-soundcheck-step="1"] .modal__content--chara--right--serif {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/soundCheck_chara_right_serif.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 122px 75px;
  width: 122px;
  height: 75px;
  top: 150px;
  right: 185px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="1"] .modal__content--chara--right--serif {
    background-image: url("../img/sp/soundCheck_chara_right_serif.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 61px 38px;
    width: 61px;
    height: 38px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="1"] .modal__content--chara--right--serif {
    top: 70px;
    right: 90px; }

#soundCheck[data-soundcheck-step="2"] .modal__content--chara--left--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/soundCheck_chara_left_cancel.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 217px 493px;
  width: 217px;
  height: 493px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="2"] .modal__content--chara--left--image {
    background-image: url("../img/sp/soundCheck_chara_left_cancel.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 109px 247px;
    width: 109px;
    height: 247px; }
  html[data-env="pc"] #soundCheck[data-soundcheck-step="2"] .modal__content--chara--left--image {
    bottom: 75px; }

#soundCheck[data-soundcheck-step="2"] .modal__content--chara--right--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/soundCheck_chara_right_cancel.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 212px 469px;
  width: 212px;
  height: 469px;
  bottom: 10px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="2"] .modal__content--chara--right--image {
    background-image: url("../img/sp/soundCheck_chara_right_cancel.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 106px 235px;
    width: 106px;
    height: 235px; }

#soundCheck[data-soundcheck-step="2"] .modal__content--chara--left--serif {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/soundCheck_chara_left_serif_cancel.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 136px 68px;
  width: 136px;
  height: 68px;
  left: 200px;
  bottom: 150px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="2"] .modal__content--chara--left--serif {
    background-image: url("../img/sp/soundCheck_chara_left_serif_cancel.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 68px 34px;
    width: 68px;
    height: 34px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="2"] .modal__content--chara--left--serif {
    left: 110px;
    bottom: 110px; }

#soundCheck[data-soundcheck-step="2"] .modal__content--chara--right--serif {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/soundCheck_chara_right_serif_cancel.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 122px 75px;
  width: 122px;
  height: 75px;
  top: 120px;
  right: 180px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="2"] .modal__content--chara--right--serif {
    background-image: url("../img/sp/soundCheck_chara_right_serif_cancel.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 61px 38px;
    width: 61px;
    height: 38px; }
  html[data-env="sp"] #soundCheck[data-soundcheck-step="2"] .modal__content--chara--right--serif {
    top: 50px;
    right: 90px; }

.is-default {
  display: block; }

.is-reconfirm {
  display: none; }

#soundCheck[data-soundcheck-step="2"] .is-default {
  display: none; }

#soundCheck[data-soundcheck-step="2"] .is-reconfirm {
  display: block; }

#soundCheck[data-soundcheck-step="1"] .modal__content--board {
  visibility: visible; }

#soundCheck[data-soundcheck-step="2"] .modal__content--board {
  visibility: visible; }

#taiko {
  user-select: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  top: -200px;
  right: 0;
  position: fixed;
  min-height: 200px; }
  html[data-env="sp"] #taiko {
    top: -100px;
    min-height: 100px;
    min-width: 100px; }

.taiko__button--off {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/header_taiko_off.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 149px 217px;
  width: 149px;
  height: 217px; }
  html[data-env="sp"] .taiko__button--off {
    background-image: url("../img/sp/header_taiko_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75px 109px;
    width: 75px;
    height: 109px; }

.taiko__button--on {
  display: none;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/header_taiko_on.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 149px 217px;
  width: 149px;
  height: 217px; }
  html[data-env="sp"] .taiko__button--on {
    background-image: url("../img/sp/header_taiko_on.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75px 109px;
    width: 75px;
    height: 109px; }

.wrapper[data-sound-play="1"] .taiko__button--off {
  display: none; }

.wrapper[data-sound-play="1"] .taiko__button--on {
  display: block; }

.wrapper[data-menu-open="1"] #taiko {
  -webkit-animation: sideMenuDrop 500ms forwards;
          animation: sideMenuDrop 500ms forwards;
  -webkit-animation-delay: 50ms;
          animation-delay: 50ms; }

#controller {
  position: fixed;
  bottom: -30px;
  left: 50%;
  min-height: 180px;
  width: 100%;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  z-index: 5; }

.controller--button {
  user-select: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -webkit-transform: scale(0.9);
          transform: scale(0.9); }

.controller--left .js-leftTaikoButton {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/controller_taiko_left.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 275px 348px;
  width: 275px;
  height: 348px;
  position: absolute;
  left: -2px;
  bottom: -5px;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
  -webkit-transform: translate(-100%, 0%);
          transform: translate(-100%, 0%); }
  html[data-env="sp"] .controller--left .js-leftTaikoButton {
    background-image: url("../img/sp/controller_taiko_left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 110px 140px;
    width: 110px;
    height: 140px; }

.controller--left .js-leftTaikoEffect--corn, .controller--left .js-leftTaikoEffect--star, .controller--left .js-leftTaikoEffect--note {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/controller_effect_left_corn.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 316px 442px;
  width: 316px;
  height: 442px;
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  left: 30px;
  bottom: 80px; }
  html[data-env="sp"] .controller--left .js-leftTaikoEffect--corn, html[data-env="sp"] .controller--left .js-leftTaikoEffect--star, html[data-env="sp"] .controller--left .js-leftTaikoEffect--note {
    background-image: url("../img/sp/controller_effect_left_corn.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 158px 221px;
    width: 158px;
    height: 221px; }

.controller--left .js-leftTaikoEffect--star {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/controller_effect_left_star.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 285px 266px;
  width: 285px;
  height: 266px;
  left: 50px;
  bottom: 150px; }
  html[data-env="sp"] .controller--left .js-leftTaikoEffect--star {
    background-image: url("../img/sp/controller_effect_left_star.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 143px 133px;
    width: 143px;
    height: 133px; }

.controller--left .js-leftTaikoEffect--note {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/controller_effect_left_note.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 309px 438px;
  width: 309px;
  height: 438px;
  left: 0;
  bottom: 50px; }
  html[data-env="sp"] .controller--left .js-leftTaikoEffect--note {
    background-image: url("../img/sp/controller_effect_left_note.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 155px 219px;
    width: 155px;
    height: 219px; }

.controller--right .js-rightTaikoButton {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/controller_taiko_right.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 277px 348px;
  width: 277px;
  height: 348px;
  position: absolute;
  right: -2px;
  bottom: -5px;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
  -webkit-transform: translate(100%, 0%);
          transform: translate(100%, 0%); }
  html[data-env="sp"] .controller--right .js-rightTaikoButton {
    background-image: url("../img/sp/controller_taiko_right.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 111px 140px;
    width: 111px;
    height: 140px; }

.controller--right .js-rightTaikoEffect--corn, .controller--right .js-rightTaikoEffect--star, .controller--right .js-rightTaikoEffect--note {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/controller_effect_right_corn.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 301px 456px;
  width: 301px;
  height: 456px;
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 30px;
  bottom: 60px; }
  html[data-env="sp"] .controller--right .js-rightTaikoEffect--corn, html[data-env="sp"] .controller--right .js-rightTaikoEffect--star, html[data-env="sp"] .controller--right .js-rightTaikoEffect--note {
    background-image: url("../img/sp/controller_effect_right_corn.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 151px 228px;
    width: 151px;
    height: 228px; }

.controller--right .js-rightTaikoEffect--star {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/controller_effect_right_star.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 212px 370px;
  width: 212px;
  height: 370px;
  right: 70px;
  bottom: 120px; }
  html[data-env="sp"] .controller--right .js-rightTaikoEffect--star {
    background-image: url("../img/sp/controller_effect_right_star.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 106px 185px;
    width: 106px;
    height: 185px; }

.controller--right .js-rightTaikoEffect--note {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/controller_effect_right_note.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 307px 415px;
  width: 307px;
  height: 415px;
  right: 20px;
  bottom: 70px; }
  html[data-env="sp"] .controller--right .js-rightTaikoEffect--note {
    background-image: url("../img/sp/controller_effect_right_note.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 154px 208px;
    width: 154px;
    height: 208px; }

.wrapper[data-sound-play="1"] #controller {
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%); }
  .wrapper[data-sound-play="1"] #controller .js-leftTaikoButton {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); }
  .wrapper[data-sound-play="1"] #controller .js-rightTaikoButton {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); }

.is-bounce {
  -webkit-animation: taikoBounce 200ms;
          animation: taikoBounce 200ms; }

.js-rightTaikoEffect.is-poped {
  -webkit-animation: rightCracker 600ms forwards;
          animation: rightCracker 600ms forwards; }

.js-leftTaikoEffect.is-poped {
  -webkit-animation: leftCracker 600ms forwards;
          animation: leftCracker 600ms forwards; }

#tutorial .modal__content {
  pointer-events: none; }

#tutorial .modal__content--img {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/tutorial.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 492px 443px;
  width: 492px;
  height: 443px;
  pointer-events: none; }
  html[data-env="sp"] #tutorial .modal__content--img {
    background-image: url("../img/sp/tutorial.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 246px 222px;
    width: 246px;
    height: 222px; }

#tutorial .modal__btn--close {
  display: none; }

#youtubeModal .modal__content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 0px;
  margin-left: 0px;
  position: fixed; }

html[data-env="pc"] #youtubeModal {
  width: 640px;
  height: 100%; }
  html[data-env="pc"] #youtubeModal iframe {
    width: 640px;
    height: 360px; }

html[data-env="sp"] #youtubeModal {
  width: 320px;
  height: 100%; }
  html[data-env="sp"] #youtubeModal iframe {
    width: 320px;
    height: 180px; }

.page-root[data-page='top'] #fv {
  position: relative;
  padding-bottom: 15px;
  padding-top: 150px; }
  html[data-env="sp"] .page-root[data-page='top'] #fv {
    padding-top: 90px; }
  .page-root[data-page='top'] #fv:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    html[data-env="pc"] .page-root[data-page='top'] #fv:before {
      background-image: url("../img/pc/fv_bg.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 2000px 93px;
      width: 2000px;
      height: 93px;
      width: 100%;
      background-color: #ecda3d; }
    html[data-env="sp"] .page-root[data-page='top'] #fv:before {
      background-image: url("../img/sp/fv_bg.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 320px 47px;
      width: 320px;
      height: 47px; }
  .page-root[data-page='top'] #fv .fv__star--list {
    width: 640px;
    height: 400px;
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    html[data-env="sp"] .page-root[data-page='top'] #fv .fv__star--list {
      width: 320px;
      height: 200px; }
  .page-root[data-page='top'] #fv .fv__star--item {
    visibility: hidden;
    position: absolute;
    top: 200px;
    left: 0; }
  .page-root[data-page='top'] #fv .star--1 {
    background-image: url("../img/sp/fv_star_red.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 33px 33px;
    width: 33px;
    height: 33px;
    top: 330px;
    left: 50px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--1 {
      background-image: url("../img/sp/fv_star_red.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 17px 17px;
      width: 17px;
      height: 17px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--1 {
      top: 165px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--1 {
      left: 25px; }
  .page-root[data-page='top'] #fv .star--2 {
    background-image: url("../img/sp/fv_star_red.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    top: 180px;
    left: 60px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--2 {
      background-image: url("../img/sp/fv_star_red.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 18px 18px;
      width: 18px;
      height: 18px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--2 {
      top: 90px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--2 {
      left: 30px; }
  .page-root[data-page='top'] #fv .star--3 {
    background-image: url("../img/sp/fv_star_red.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    top: 90px;
    left: 200px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--3 {
      background-image: url("../img/sp/fv_star_red.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 18px 18px;
      width: 18px;
      height: 18px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--3 {
      top: 45px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--3 {
      left: 100px; }
  .page-root[data-page='top'] #fv .star--4 {
    background-image: url("../img/sp/fv_star_red.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    top: 110px;
    left: 320px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--4 {
      background-image: url("../img/sp/fv_star_red.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 12px 12px;
      width: 12px;
      height: 12px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--4 {
      top: 55px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--4 {
      left: 160px; }
  .page-root[data-page='top'] #fv .star--5 {
    background-image: url("../img/sp/fv_star_red.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    top: 30px;
    left: 320px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--5 {
      background-image: url("../img/sp/fv_star_red.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 18px 18px;
      width: 18px;
      height: 18px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--5 {
      top: 15px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--5 {
      left: 160px; }
  .page-root[data-page='top'] #fv .star--6 {
    background-image: url("../img/sp/fv_star_red.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    top: 340px;
    left: 450px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--6 {
      background-image: url("../img/sp/fv_star_red.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 12px 12px;
      width: 12px;
      height: 12px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--6 {
      top: 170px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--6 {
      left: 225px; }
  .page-root[data-page='top'] #fv .star--7 {
    background-image: url("../img/sp/fv_star_red.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 320px;
    left: 500px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--7 {
      background-image: url("../img/sp/fv_star_red.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 30px 30px;
      width: 30px;
      height: 30px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--7 {
      top: 160px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--7 {
      left: 250px; }
  .page-root[data-page='top'] #fv .star--8 {
    background-image: url("../img/sp/fv_star_red.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 54px 54px;
    width: 54px;
    height: 54px;
    top: 160px;
    left: 550px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--8 {
      background-image: url("../img/sp/fv_star_red.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 27px 27px;
      width: 27px;
      height: 27px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--8 {
      top: 80px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--8 {
      left: 275px; }
  .page-root[data-page='top'] #fv .star--9 {
    background-image: url("../img/sp/fv_star_red.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    top: 200px;
    left: 520px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--9 {
      background-image: url("../img/sp/fv_star_red.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 18px 18px;
      width: 18px;
      height: 18px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--9 {
      top: 100px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--9 {
      left: 260px; }
  .page-root[data-page='top'] #fv .star--10 {
    background-image: url("../img/sp/fv_star_blue.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 230px;
    left: 10px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--10 {
      background-image: url("../img/sp/fv_star_blue.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 30px 30px;
      width: 30px;
      height: 30px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--10 {
      top: 115px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--10 {
      left: 5px; }
  .page-root[data-page='top'] #fv .star--11 {
    background-image: url("../img/sp/fv_star_blue.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 51px 51px;
    width: 51px;
    height: 51px;
    top: 340px;
    left: 240px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--11 {
      background-image: url("../img/sp/fv_star_blue.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 26px 26px;
      width: 26px;
      height: 26px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--11 {
      top: 170px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--11 {
      left: 120px; }
  .page-root[data-page='top'] #fv .star--12 {
    background-image: url("../img/sp/fv_star_blue.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    top: 60px;
    left: 270px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--12 {
      background-image: url("../img/sp/fv_star_blue.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 24px 24px;
      width: 24px;
      height: 24px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--12 {
      top: 30px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--12 {
      left: 135px; }
  .page-root[data-page='top'] #fv .star--13 {
    background-image: url("../img/sp/fv_star_blue.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    top: 70px;
    left: 380px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--13 {
      background-image: url("../img/sp/fv_star_blue.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 30px 30px;
      width: 30px;
      height: 30px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--13 {
      top: 35px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--13 {
      left: 190px; }
  .page-root[data-page='top'] #fv .star--14 {
    background-image: url("../img/sp/fv_star_blue.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    top: 190px;
    left: 580px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--14 {
      background-image: url("../img/sp/fv_star_blue.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 24px 24px;
      width: 24px;
      height: 24px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--14 {
      top: 95px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .star--14 {
      left: 290px; }
  .page-root[data-page='top'] #fv .fv__logo {
    visibility: hidden;
    margin: 0 auto 5px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/fv_logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 435px 211px;
    width: 435px;
    height: 211px;
    position: relative;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .fv__logo {
      background-image: url("../img/sp/fv_logo.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 218px 106px;
      width: 218px;
      height: 106px; }
  .page-root[data-page='top'] #fv .fv__image {
    position: relative;
    margin: 0 auto;
    width: 616px;
    height: 451px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .fv__image {
      width: 308px;
      height: 225.5px; }
  .page-root[data-page='top'] #fv .fv__image--1 {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/fv_image_beat1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 616px 444px;
    width: 616px;
    height: 444px;
    margin-left: -46px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .fv__image--1 {
      background-image: url("../img/sp/fv_image_beat1.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 308px 222px;
      width: 308px;
      height: 222px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .fv__image--1 {
      margin-left: -23px; }
  .page-root[data-page='top'] #fv .fv__image--2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/fv_image_beat2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 550px 451px;
    width: 550px;
    height: 451px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .fv__image--2 {
      background-image: url("../img/sp/fv_image_beat2.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 275px 226px;
      width: 275px;
      height: 226px; }
  .page-root[data-page='top'] #fv .fv__image--3 {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/fv_image_beat3.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 569px 442px;
    width: 569px;
    height: 442px;
    margin-left: 26px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .fv__image--3 {
      background-image: url("../img/sp/fv_image_beat3.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 285px 221px;
      width: 285px;
      height: 221px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .fv__image--3 {
      margin-left: 13px; }
  .page-root[data-page='top'] #fv .fv__image--4 {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/fv_image_beat4.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 550px 451px;
    width: 550px;
    height: 451px; }
    html[data-env="sp"] .page-root[data-page='top'] #fv .fv__image--4 {
      background-image: url("../img/sp/fv_image_beat4.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 275px 226px;
      width: 275px;
      height: 226px; }

.page-root[data-page='top'] #movie {
  position: relative;
  min-height: 800px;
  margin-top: -1px;
  padding-bottom: 40px; }
  html[data-env="pc"] .page-root[data-page='top'] #movie {
    background-image: url("../img/pc/movie_bg_repeat.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 73px 1px;
    width: 73px;
    height: 1px;
    width: 100%;
    height: 100%;
    background-size: 73px 1px;
    background-position: calc(50% + 40px) top;
    background-repeat: repeat; }
  html[data-env="sp"] .page-root[data-page='top'] #movie {
    min-height: 400px; }
  .page-root[data-page='top'] #movie .movie__youtube, .page-root[data-page='top'] #movie .movie__youtube02 {
    margin: 0 auto;
    min-height: 558px; }
    html[data-env="sp"] .page-root[data-page='top'] #movie .movie__youtube, html[data-env="sp"] .page-root[data-page='top'] #movie .movie__youtube02 {
      min-height: 280px; }
  .page-root[data-page='top'] #movie #ytplayer1 {
    margin: 0 auto; }
  .page-root[data-page='top'] #movie .movie__youtube--frame {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/movie_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 640px 852px;
    width: 640px;
    height: 852px;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0; }
    html[data-env="sp"] .page-root[data-page='top'] #movie .movie__youtube--frame {
      background-image: url("../img/sp/movie_bg.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 320px 426px;
      width: 320px;
      height: 426px; }
  .page-root[data-page='top'] #movie .movie__youtube--title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 465px;
    top: 20px; }
    html[data-env="sp"] .page-root[data-page='top'] #movie .movie__youtube--title {
      width: 232.5px;
      top: 10px; }
  .page-root[data-page='top'] #movie .movie__youtube--title--txt {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/movie_title.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 465px 181px;
    width: 465px;
    height: 181px;
    position: absolute;
    top: 36px;
    left: 0; }
    html[data-env="sp"] .page-root[data-page='top'] #movie .movie__youtube--title--txt {
      background-image: url("../img/sp/movie_title.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 233px 91px;
      width: 233px;
      height: 91px; }
    html[data-env="sp"] .page-root[data-page='top'] #movie .movie__youtube--title--txt {
      top: 18px;
      left: 0; }
  .page-root[data-page='top'] #movie .movie__youtube--title--popup {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/movie_title_popup.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 143px 116px;
    width: 143px;
    height: 116px;
    position: absolute;
    top: -12px;
    right: 20px; }
    html[data-env="sp"] .page-root[data-page='top'] #movie .movie__youtube--title--popup {
      background-image: url("../img/sp/movie_title_popup.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 72px 58px;
      width: 72px;
      height: 58px; }
    html[data-env="sp"] .page-root[data-page='top'] #movie .movie__youtube--title--popup {
      top: -6px;
      right: 10px; }
  .page-root[data-page='top'] #movie .movie__youtube--chara {
    display: none;
    position: absolute;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/movie_chara.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 161px 298px;
    width: 161px;
    height: 298px;
    top: 130px;
    right: 15px; }
    html[data-env="sp"] .page-root[data-page='top'] #movie .movie__youtube--chara {
      background-image: url("../img/sp/movie_chara.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 81px 149px;
      width: 81px;
      height: 149px; }
  .page-root[data-page='top'] #movie .movie__sns {
    position: relative;
    z-index: 1; }
  .page-root[data-page='top'] #movie .movie__sns--txt {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/sns_txt.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 521px 37px;
    width: 521px;
    height: 37px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    margin: 20px auto 0; }
    html[data-env="sp"] .page-root[data-page='top'] #movie .movie__sns--txt {
      background-image: url("../img/sp/sns_txt.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 261px 19px;
      width: 261px;
      height: 19px; }
    html[data-env="sp"] .page-root[data-page='top'] #movie .movie__sns--txt {
      margin: 10px auto 0; }

.page-root[data-page='top'] .movie__youtube, .page-root[data-page='top'] .movie__youtube02 {
  position: relative; }
  html[data-env="pc"] .page-root[data-page='top'] .movie__youtube, html[data-env="pc"] .page-root[data-page='top'] .movie__youtube02 {
    width: 640px;
    height: 480px;
    padding-top: 110px; }
    html[data-env="pc"] .page-root[data-page='top'] .movie__youtube iframe, html[data-env="pc"] .page-root[data-page='top'] .movie__youtube02 iframe {
      width: 640px;
      height: 480px; }
  html[data-env="sp"] .page-root[data-page='top'] .movie__youtube, html[data-env="sp"] .page-root[data-page='top'] .movie__youtube02 {
    width: 320px;
    height: 240px;
    padding-top: 60px; }
    html[data-env="sp"] .page-root[data-page='top'] .movie__youtube iframe, html[data-env="sp"] .page-root[data-page='top'] .movie__youtube02 iframe {
      width: 320px;
      height: 240px; }

.page-root[data-page='top'] .movie__youtube--startButton {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 98px;
  margin-left: 0px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/movie_startButton.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 579px 324px;
  width: 579px;
  height: 324px;
  cursor: pointer; }
  html[data-env="sp"] .page-root[data-page='top'] .movie__youtube--startButton {
    background-image: url("../img/sp/movie_startButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 290px 162px;
    width: 290px;
    height: 162px; }
  html[data-env="pc"] .page-root[data-page='top'] .movie__youtube--startButton {
    -webkit-transform: translate(-50%, -50%) scale(0.95);
            transform: translate(-50%, -50%) scale(0.95); }
    html[data-env="pc"] .page-root[data-page='top'] .movie__youtube--startButton:hover {
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }
  html[data-env="sp"] .page-root[data-page='top'] .movie__youtube--startButton {
    margin-top: 49px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.02);
            transform: translate(-50%, -50%) scale(1.02);
    -webkit-transform-origin: center;
            transform-origin: center; }

.page-root[data-page='top'] #howto {
  background-image: url("../img/sp/howto_bg.png");
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  position: relative;
  padding: 10px 0 30px; }
  .page-root[data-page='top'] #howto:before {
    content: "";
    display: block;
    position: absolute; }
    html[data-env="pc"] .page-root[data-page='top'] #howto:before {
      background-image: url("../img/sp/howto_wave.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 43px 40px;
      width: 43px;
      height: 40px;
      top: -37px;
      width: 100%;
      background-repeat: repeat-x; }
    html[data-env="sp"] .page-root[data-page='top'] #howto:before {
      background-image: url("../img/sp/howto_wave.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 22px 20px;
      width: 22px;
      height: 20px;
      width: 100%;
      background-repeat: repeat-x;
      top: -17px; }
  .page-root[data-page='top'] #howto #howto__canvas {
    position: absolute;
    left: 0;
    top: -45px; }
  .page-root[data-page='top'] #howto .howto__title {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_title.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 514px 153px;
    width: 514px;
    height: 153px;
    margin: 30px auto 80px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__title {
      background-image: url("../img/sp/howto_title.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 257px 77px;
      width: 257px;
      height: 77px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__title {
      margin: 15px auto 40px; }
  .page-root[data-page='top'] #howto .howto__title--ballon {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_title_ballon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 331px 44px;
    width: 331px;
    height: 44px;
    margin: 20px auto 0; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__title--ballon {
      background-image: url("../img/sp/howto_title_ballon.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 166px 22px;
      width: 166px;
      height: 22px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__title--ballon {
      margin: 10px auto 0; }
  .page-root[data-page='top'] #howto .howto__steps {
    min-height: 870px;
    background-position: center 100px;
    width: 100%;
    position: relative; }
    .page-root[data-page='top'] #howto .howto__steps > div {
      position: relative;
      margin: 0 auto 260px; }
      html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps > div {
        margin: 0 auto 130px; }
  .page-root[data-page='top'] #howto .howto__downloadButton {
    margin: 0 auto 40px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_downloadButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 521px 152px;
    width: 521px;
    height: 152px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__downloadButton {
      background-image: url("../img/sp/howto_downloadButton.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 261px 76px;
      width: 261px;
      height: 76px; }
    .page-root[data-page='top'] #howto .howto__downloadButton a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      outline: none;
      text-indent: -9999px;
      white-space: nowrap;
      overflow: hidden; }
  .page-root[data-page='top'] #howto .howto__steps--1 {
    position: relative;
    width: 590px;
    height: 430px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--1 {
      width: 295px;
      height: 215px; }
    .page-root[data-page='top'] #howto .howto__steps--1:after {
      content: "";
      position: absolute;
      top: -20px;
      right: 10px;
      text-indent: -9999px;
      white-space: nowrap;
      overflow: hidden;
      background-image: url("../img/sp/howto_step01_sun.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 92px 92px;
      width: 92px;
      height: 92px; }
      html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--1:after {
        background-image: url("../img/sp/howto_step01_sun.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 46px 46px;
        width: 46px;
        height: 46px; }
  .page-root[data-page='top'] #howto .howto__steps--1--image--on {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step01_chara_on.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 355px 420px;
    width: 355px;
    height: 420px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--1--image--on {
      background-image: url("../img/sp/howto_step01_chara_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 178px 210px;
      width: 178px;
      height: 210px; }
  .page-root[data-page='top'] #howto .howto__steps--1--image--off {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step01_chara_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 351px 421px;
    width: 351px;
    height: 421px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--1--image--off {
      background-image: url("../img/sp/howto_step01_chara_off.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 176px 211px;
      width: 176px;
      height: 211px; }
  .page-root[data-page='top'] #howto .howto__steps--1--lyrics {
    margin: 0 auto;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step01_lyrics.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 393px 85px;
    width: 393px;
    height: 85px;
    background-position: center bottom !important;
    padding-top: 550px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--1--lyrics {
      background-image: url("../img/sp/howto_step01_lyrics.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 197px 43px;
      width: 197px;
      height: 43px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--1--lyrics {
      padding-top: 275px; }
  .page-root[data-page='top'] #howto .howto__steps--2 {
    position: relative;
    width: 590px;
    height: 430px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--2 {
      width: 295px;
      height: 215px; }
    .page-root[data-page='top'] #howto .howto__steps--2:after {
      content: "";
      position: absolute;
      top: -20px;
      left: 10px;
      text-indent: -9999px;
      white-space: nowrap;
      overflow: hidden;
      background-image: url("../img/sp/howto_step02_sun.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 92px 92px;
      width: 92px;
      height: 92px; }
      html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--2:after {
        background-image: url("../img/sp/howto_step02_sun.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 46px 46px;
        width: 46px;
        height: 46px; }
  .page-root[data-page='top'] #howto .howto__steps--2--image--on {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step02_chara_on.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 418px 419px;
    width: 418px;
    height: 419px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--2--image--on {
      background-image: url("../img/sp/howto_step02_chara_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 209px 210px;
      width: 209px;
      height: 210px; }
  .page-root[data-page='top'] #howto .howto__steps--2--image--off {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step02_chara_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 427px 418px;
    width: 427px;
    height: 418px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--2--image--off {
      background-image: url("../img/sp/howto_step02_chara_off.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 214px 209px;
      width: 214px;
      height: 209px; }
  .page-root[data-page='top'] #howto .howto__steps--2--lyrics {
    margin: 0 auto;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step02_lyrics.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 302px 85px;
    width: 302px;
    height: 85px;
    background-position: center bottom !important;
    padding-top: 550px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--2--lyrics {
      background-image: url("../img/sp/howto_step02_lyrics.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 151px 43px;
      width: 151px;
      height: 43px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--2--lyrics {
      padding-top: 275px; }
  .page-root[data-page='top'] #howto .howto__steps--3 {
    position: relative;
    width: 590px;
    height: 430px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--3 {
      width: 295px;
      height: 215px; }
    .page-root[data-page='top'] #howto .howto__steps--3:after {
      content: "";
      position: absolute;
      top: -20px;
      right: 10px;
      text-indent: -9999px;
      white-space: nowrap;
      overflow: hidden;
      background-image: url("../img/sp/howto_step03_sun.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 92px 92px;
      width: 92px;
      height: 92px; }
      html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--3:after {
        background-image: url("../img/sp/howto_step03_sun.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 46px 46px;
        width: 46px;
        height: 46px; }
  .page-root[data-page='top'] #howto .howto__steps--3--image--on {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step03_chara_on.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 382px 414px;
    width: 382px;
    height: 414px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--3--image--on {
      background-image: url("../img/sp/howto_step03_chara_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 191px 207px;
      width: 191px;
      height: 207px; }
  .page-root[data-page='top'] #howto .howto__steps--3--image--off {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step03_chara_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 344px 413px;
    width: 344px;
    height: 413px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--3--image--off {
      background-image: url("../img/sp/howto_step03_chara_off.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 172px 207px;
      width: 172px;
      height: 207px; }
  .page-root[data-page='top'] #howto .howto__steps--3--lyrics {
    margin: 0 auto;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step03_lyrics.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 389px 85px;
    width: 389px;
    height: 85px;
    background-position: center bottom !important;
    padding-top: 550px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--3--lyrics {
      background-image: url("../img/sp/howto_step03_lyrics.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 195px 43px;
      width: 195px;
      height: 43px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--3--lyrics {
      padding-top: 275px; }
  .page-root[data-page='top'] #howto .howto__steps--4 {
    position: relative;
    width: 590px;
    height: 430px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4 {
      width: 295px;
      height: 215px; }
    .page-root[data-page='top'] #howto .howto__steps--4:after {
      content: "";
      position: absolute;
      top: -20px;
      left: 10px;
      text-indent: -9999px;
      white-space: nowrap;
      overflow: hidden;
      background-image: url("../img/sp/howto_step04_sun.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 92px 92px;
      width: 92px;
      height: 92px; }
      html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4:after {
        background-image: url("../img/sp/howto_step04_sun.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 46px 46px;
        width: 46px;
        height: 46px; }
  .page-root[data-page='top'] #howto .howto__steps--4--image--on {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step04_chara_on.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 428px 424px;
    width: 428px;
    height: 424px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4--image--on {
      background-image: url("../img/sp/howto_step04_chara_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 214px 212px;
      width: 214px;
      height: 212px; }
  .page-root[data-page='top'] #howto .howto__steps--4--image--off {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step04_chara_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 428px 424px;
    width: 428px;
    height: 424px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4--image--off {
      background-image: url("../img/sp/howto_step04_chara_off.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 214px 212px;
      width: 214px;
      height: 212px; }
  .page-root[data-page='top'] #howto .howto__steps--4--lyrics {
    margin: 0 auto;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step04_lyrics.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 364px 85px;
    width: 364px;
    height: 85px;
    background-position: center bottom !important;
    padding-top: 550px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4--lyrics {
      background-image: url("../img/sp/howto_step04_lyrics.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 182px 43px;
      width: 182px;
      height: 43px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4--lyrics {
      padding-top: 275px; }
  .page-root[data-page='top'] #howto .howto__steps--5 {
    position: relative;
    width: 590px;
    height: 430px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--5 {
      width: 295px;
      height: 215px; }
    .page-root[data-page='top'] #howto .howto__steps--5:after {
      content: "";
      position: absolute;
      top: -20px;
      right: 10px;
      text-indent: -9999px;
      white-space: nowrap;
      overflow: hidden;
      background-image: url("../img/sp/howto_step05_sun.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 92px 92px;
      width: 92px;
      height: 92px; }
      html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--5:after {
        background-image: url("../img/sp/howto_step05_sun.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 46px 46px;
        width: 46px;
        height: 46px; }
  .page-root[data-page='top'] #howto .howto__steps--5--image--on {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step05_chara_on.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 356px 415px;
    width: 356px;
    height: 415px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--5--image--on {
      background-image: url("../img/sp/howto_step05_chara_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 178px 208px;
      width: 178px;
      height: 208px; }
  .page-root[data-page='top'] #howto .howto__steps--5--image--off {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step05_chara_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 363px 412px;
    width: 363px;
    height: 412px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--5--image--off {
      background-image: url("../img/sp/howto_step05_chara_off.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 182px 206px;
      width: 182px;
      height: 206px; }
  .page-root[data-page='top'] #howto .howto__steps--5--lyrics {
    margin: 0 auto;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step05_lyrics.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 356px 85px;
    width: 356px;
    height: 85px;
    background-position: center bottom !important;
    padding-top: 550px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--5--lyrics {
      background-image: url("../img/sp/howto_step05_lyrics.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 178px 43px;
      width: 178px;
      height: 43px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--5--lyrics {
      padding-top: 275px; }
  .page-root[data-page='top'] #howto .howto__steps--2 .howto__steps--2--image--on {
    margin-left: 4px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--2 .howto__steps--2--image--on {
      margin-left: 2px; }
  .page-root[data-page='top'] #howto .howto__steps--3 .howto__steps--3--image--off {
    margin-left: -8px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--3 .howto__steps--3--image--off {
      margin-left: -4px; }
  .page-root[data-page='top'] #howto .howto__steps--4 .howto__steps--4--image--beat3,
  .page-root[data-page='top'] #howto .howto__steps--4 .howto__steps--4--image--beat4 {
    margin-top: 10px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4 .howto__steps--4--image--beat3, html[data-env="sp"]
    .page-root[data-page='top'] #howto .howto__steps--4 .howto__steps--4--image--beat4 {
      margin-top: 5px; }
  .page-root[data-page='top'] #howto .howto__steps--5 .howto__steps--5--image--on {
    margin-left: -6px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--5 .howto__steps--5--image--on {
      margin-left: -3px; }
  .page-root[data-page='top'] #howto .howto__steps--4--image--beat1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step04_chara_beat1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 341px 414px;
    width: 341px;
    height: 414px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4--image--beat1 {
      background-image: url("../img/sp/howto_step04_chara_beat1.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 171px 207px;
      width: 171px;
      height: 207px; }
  .page-root[data-page='top'] #howto .howto__steps--4--image--beat2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step04_chara_beat2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 339px 416px;
    width: 339px;
    height: 416px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4--image--beat2 {
      background-image: url("../img/sp/howto_step04_chara_beat2.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 170px 208px;
      width: 170px;
      height: 208px; }
  .page-root[data-page='top'] #howto .howto__steps--4--image--beat3 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step04_chara_beat3.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 341px 385px;
    width: 341px;
    height: 385px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4--image--beat3 {
      background-image: url("../img/sp/howto_step04_chara_beat3.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 171px 193px;
      width: 171px;
      height: 193px; }
  .page-root[data-page='top'] #howto .howto__steps--4--image--beat4 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/howto_step04_chara_beat4.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 332px 392px;
    width: 332px;
    height: 392px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--4--image--beat4 {
      background-image: url("../img/sp/howto_step04_chara_beat4.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 166px 196px;
      width: 166px;
      height: 196px; }
  .page-root[data-page='top'] #howto .howto__steps--corn {
    position: absolute;
    top: 350px;
    width: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--corn {
      top: 200px;
      width: 30px; }
  .page-root[data-page='top'] #howto .howto__steps--corn--item {
    list-style: none;
    margin-bottom: 20px; }
    html[data-env="sp"] .page-root[data-page='top'] #howto .howto__steps--corn--item {
      margin-bottom: 10px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-1 {
    background-image: url("../img/sp/corn/1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: 300px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-1 {
    background-image: url("../img/sp/corn/1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: 120px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-2 {
    background-image: url("../img/sp/corn/2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: 337.5px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-2 {
    background-image: url("../img/sp/corn/2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: 135px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-3 {
    background-image: url("../img/sp/corn/3.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: 325px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-3 {
    background-image: url("../img/sp/corn/3.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: 130px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-4 {
    background-image: url("../img/sp/corn/4.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-bottom: 400px;
    margin-left: 275px;
    margin-top: -10px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-4 {
    background-image: url("../img/sp/corn/4.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-bottom: 200px;
    margin-left: 110px;
    margin-top: -5px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-5 {
    background-image: url("../img/sp/corn/5.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: -300px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-5 {
    background-image: url("../img/sp/corn/5.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: -120px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-6 {
    background-image: url("../img/sp/corn/6.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: -337.5px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-6 {
    background-image: url("../img/sp/corn/6.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: -135px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-7 {
    background-image: url("../img/sp/corn/7.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: -325px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-7 {
    background-image: url("../img/sp/corn/7.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: -130px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-8 {
    background-image: url("../img/sp/corn/8.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-bottom: 400px;
    margin-left: -275px;
    margin-top: -10px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-8 {
    background-image: url("../img/sp/corn/8.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-bottom: 200px;
    margin-left: -110px;
    margin-top: -5px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-9 {
    background-image: url("../img/sp/corn/9.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: 300px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-9 {
    background-image: url("../img/sp/corn/9.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: 120px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-10 {
    background-image: url("../img/sp/corn/10.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: 337.5px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-10 {
    background-image: url("../img/sp/corn/10.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: 135px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-11 {
    background-image: url("../img/sp/corn/11.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: 325px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-11 {
    background-image: url("../img/sp/corn/11.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: 130px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-12 {
    background-image: url("../img/sp/corn/12.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-bottom: 400px;
    margin-left: 275px;
    margin-top: -10px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-12 {
    background-image: url("../img/sp/corn/12.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-bottom: 200px;
    margin-left: 110px;
    margin-top: -5px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-13 {
    background-image: url("../img/sp/corn/13.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: -300px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-13 {
    background-image: url("../img/sp/corn/13.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: -120px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-14 {
    background-image: url("../img/sp/corn/14.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: -337.5px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-14 {
    background-image: url("../img/sp/corn/14.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: -135px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-15 {
    background-image: url("../img/sp/corn/15.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-left: -325px;
    margin-top: 0px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-15 {
    background-image: url("../img/sp/corn/15.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: -130px;
    margin-top: 0px; }
  html[data-env="pc"] .page-root[data-page='top'] #howto .corn-16 {
    background-image: url("../img/sp/corn/16.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-bottom: 400px;
    margin-left: -275px;
    margin-top: -10px; }
  html[data-env="sp"] .page-root[data-page='top'] #howto .corn-16 {
    background-image: url("../img/sp/corn/16.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-bottom: 200px;
    margin-left: -110px;
    margin-top: -5px; }
  .page-root[data-page='top'] #howto .js-fadeInDown {
    -webkit-animation: fadeInDown 500ms both;
            animation: fadeInDown 500ms both;
    visibility: visible !important; }

.page-root[data-page='top'] #whois {
  background-image: url("../img/sp/whois_bg.png");
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px; }
  .page-root[data-page='top'] #whois:before {
    content: "";
    display: block;
    position: absolute; }
    html[data-env="pc"] .page-root[data-page='top'] #whois:before {
      background-image: url("../img/sp/whois_wave_top.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 43px 30px;
      width: 43px;
      height: 30px;
      top: -27px;
      width: 100%;
      background-repeat: repeat-x; }
    html[data-env="sp"] .page-root[data-page='top'] #whois:before {
      background-image: url("../img/sp/whois_wave_top.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 22px 15px;
      width: 22px;
      height: 15px;
      top: -12px;
      width: 100%;
      background-repeat: repeat-x; }
  .page-root[data-page='top'] #whois:after {
    content: "";
    display: block;
    position: absolute; }
    html[data-env="pc"] .page-root[data-page='top'] #whois:after {
      background-image: url("../img/sp/whois_wave_bottom.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 43px 30px;
      width: 43px;
      height: 30px;
      bottom: -27px;
      width: 100%;
      background-repeat: repeat-x; }
    html[data-env="sp"] .page-root[data-page='top'] #whois:after {
      background-image: url("../img/sp/whois_wave_bottom.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 22px 15px;
      width: 22px;
      height: 15px;
      bottom: -12px;
      width: 100%;
      background-repeat: repeat-x; }
  .page-root[data-page='top'] #whois .whois__bg {
    background-image: url("../img/sp/whois_bg_star.png");
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    left: 0;
    top: 0;
    background-position: 40% 0%;
    background-size: 620px 3114px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__bg {
      background-size: 310px 1557px; }
  .page-root[data-page='top'] #whois .content-block {
    position: relative; }
  .page-root[data-page='top'] #whois #whois__canvas {
    position: absolute;
    left: 0;
    top: -45px; }
  .page-root[data-page='top'] #whois .whois__title {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_title.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 467px 137px;
    width: 467px;
    height: 137px;
    margin: 75px auto 60px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__title {
      background-image: url("../img/sp/whois_title.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 234px 69px;
      width: 234px;
      height: 69px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__title {
      margin: 25px auto 25px; }
  .page-root[data-page='top'] #whois .whois__description {
    text-align: center;
    font-weight: bold;
    margin-bottom: 80px;
    line-height: 36px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__description {
      margin-bottom: 40px;
      line-height: 21px; }
  .page-root[data-page='top'] #whois .whois__chara {
    color: #fff; }
    .page-root[data-page='top'] #whois .whois__chara .whois__chara--1,
    .page-root[data-page='top'] #whois .whois__chara .whois__chara--2,
    .page-root[data-page='top'] #whois .whois__chara .whois__chara--3 {
      text-align: center;
      margin-bottom: 100px; }
      html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara .whois__chara--1, html[data-env="sp"]
      .page-root[data-page='top'] #whois .whois__chara .whois__chara--2, html[data-env="sp"]
      .page-root[data-page='top'] #whois .whois__chara .whois__chara--3 {
        margin-bottom: 40px; }
    .page-root[data-page='top'] #whois .whois__chara .whois__chara--3 {
      margin-bottom: 30px; }
  .page-root[data-page='top'] #whois .whois__chara--1--image {
    position: relative;
    margin: 0 auto 20px;
    width: 271px;
    height: 546px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--1--image {
      margin: 0 auto 10px;
      width: 135.5px;
      height: 273px; }
  .page-root[data-page='top'] #whois .whois__chara--1--image--on {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_chara01_image_on.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 225px 537px;
    width: 225px;
    height: 537px;
    margin: 0 auto 10px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--1--image--on {
      background-image: url("../img/sp/whois_chara01_image_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 113px 269px;
      width: 113px;
      height: 269px; }
  .page-root[data-page='top'] #whois .whois__chara--1--image--off {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_chara01_image_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 271px 546px;
    width: 271px;
    height: 546px;
    margin: 0 auto 10px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--1--image--off {
      background-image: url("../img/sp/whois_chara01_image_off.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 136px 273px;
      width: 136px;
      height: 273px; }
  .page-root[data-page='top'] #whois .whois__chara--1--txt {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_chara01_txt.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 286px 88px;
    width: 286px;
    height: 88px;
    margin: 0 auto; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--1--txt {
      background-image: url("../img/sp/whois_chara01_txt.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 143px 44px;
      width: 143px;
      height: 44px; }
  .page-root[data-page='top'] #whois .whois__chara--2--image {
    position: relative;
    margin: 0 auto 20px;
    width: 276px;
    height: 587px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--2--image {
      margin: 0 auto 10px;
      width: 138px;
      height: 293.5px; }
  .page-root[data-page='top'] #whois .whois__chara--2--image--on {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_chara02_image_on.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 186px 561px;
    width: 186px;
    height: 561px;
    margin: 0 auto 10px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--2--image--on {
      background-image: url("../img/sp/whois_chara02_image_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 93px 281px;
      width: 93px;
      height: 281px; }
  .page-root[data-page='top'] #whois .whois__chara--2--image--off {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_chara02_image_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 276px 587px;
    width: 276px;
    height: 587px;
    margin: 0 auto 10px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--2--image--off {
      background-image: url("../img/sp/whois_chara02_image_off.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 138px 294px;
      width: 138px;
      height: 294px; }
  .page-root[data-page='top'] #whois .whois__chara--2--txt {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_chara02_txt.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 308px 88px;
    width: 308px;
    height: 88px;
    margin: 0 auto; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--2--txt {
      background-image: url("../img/sp/whois_chara02_txt.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 154px 44px;
      width: 154px;
      height: 44px; }
  .page-root[data-page='top'] #whois .whois__chara--3--image {
    position: relative;
    margin: 0 auto 20px;
    width: 275px;
    height: 542px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--3--image {
      margin: 0 auto 10px;
      width: 137.5px;
      height: 271px; }
  .page-root[data-page='top'] #whois .whois__chara--3--image--on {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_chara03_image_on.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 257px 540px;
    width: 257px;
    height: 540px;
    margin: 0 auto 10px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--3--image--on {
      background-image: url("../img/sp/whois_chara03_image_on.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 129px 270px;
      width: 129px;
      height: 270px; }
  .page-root[data-page='top'] #whois .whois__chara--3--image--off {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_chara03_image_off.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 275px 542px;
    width: 275px;
    height: 542px;
    margin: 0 auto 10px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--3--image--off {
      background-image: url("../img/sp/whois_chara03_image_off.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 138px 271px;
      width: 138px;
      height: 271px; }
  .page-root[data-page='top'] #whois .whois__chara--3--txt {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_chara03_txt.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 363px 89px;
    width: 363px;
    height: 89px;
    margin: 0 auto; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__chara--3--txt {
      background-image: url("../img/sp/whois_chara03_txt.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 182px 45px;
      width: 182px;
      height: 45px; }
  .page-root[data-page='top'] #whois .whois__annotation {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/whois_annotation.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 494px 72px;
    width: 494px;
    height: 72px;
    margin: 80px auto; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__annotation {
      background-image: url("../img/sp/whois_annotation.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 247px 36px;
      width: 247px;
      height: 36px; }
    html[data-env="sp"] .page-root[data-page='top'] #whois .whois__annotation {
      margin: 40px auto; }

.page-root[data-page='top'] .whois__button {
  position: relative; }
  .page-root[data-page='top'] .whois__button .whois__button--popup {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/toKeroponsSiteButton_popup.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 522px 61px;
    width: 522px;
    height: 61px;
    margin: 0 auto 30px; }
    html[data-env="sp"] .page-root[data-page='top'] .whois__button .whois__button--popup {
      background-image: url("../img/sp/toKeroponsSiteButton_popup.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 261px 31px;
      width: 261px;
      height: 31px; }
    html[data-env="sp"] .page-root[data-page='top'] .whois__button .whois__button--popup {
      margin: 0 auto 15px; }
  .page-root[data-page='top'] .whois__button .toKeroponsSiteButton {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/toKeroponsSiteButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 521px 151px;
    width: 521px;
    height: 151px;
    margin: 0 auto 90px;
    position: relative;
    overflow: visible; }
    html[data-env="sp"] .page-root[data-page='top'] .whois__button .toKeroponsSiteButton {
      background-image: url("../img/sp/toKeroponsSiteButton.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 261px 76px;
      width: 261px;
      height: 76px; }
    html[data-env="pc"] .page-root[data-page='top'] .whois__button .toKeroponsSiteButton {
      cursor: pointer;
      -webkit-transform: scale(0.95);
              transform: scale(0.95); }
      html[data-env="pc"] .page-root[data-page='top'] .whois__button .toKeroponsSiteButton:hover {
        -webkit-transform: scale(1);
                transform: scale(1); }
    html[data-env="sp"] .page-root[data-page='top'] .whois__button .toKeroponsSiteButton {
      margin: 0 auto 15px; }
    .page-root[data-page='top'] .whois__button .toKeroponsSiteButton a {
      text-indent: -9999px;
      white-space: nowrap;
      overflow: hidden;
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      outline: none; }

.page-root[data-page='top'] #product {
  position: relative;
  padding-top: 80px;
  margin-bottom: 170px; }
  html[data-env="sp"] .page-root[data-page='top'] #product {
    padding-top: 40px;
    margin-bottom: 85px; }
  .page-root[data-page='top'] #product #product__canvas {
    position: absolute;
    left: 0;
    top: -50px; }
  .page-root[data-page='top'] #product .product__title {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/product_title.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 336px 66px;
    width: 336px;
    height: 66px;
    margin: 20px auto; }
    html[data-env="sp"] .page-root[data-page='top'] #product .product__title {
      background-image: url("../img/sp/product_title.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 168px 33px;
      width: 168px;
      height: 33px; }
  .page-root[data-page='top'] #product .product__lineup {
    position: relative;
    z-index: 1;
    margin-bottom: -60px; }
    html[data-env="sp"] .page-root[data-page='top'] #product .product__lineup {
      margin-bottom: -30px; }
  .page-root[data-page='top'] #product .product__lineup--title {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/sp/product_lineup_title.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 151px 51px;
    width: 151px;
    height: 51px;
    margin: 0 auto; }
    html[data-env="sp"] .page-root[data-page='top'] #product .product__lineup--title {
      background-image: url("../img/sp/product_lineup_title.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 76px 26px;
      width: 76px;
      height: 26px; }
  .page-root[data-page='top'] #product .product__board {
    padding: 10px;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 1px 1px 1px #dbbf8c;
    border-radius: 16px 16px 0px 0px;
    width: 588px; }
    html[data-env="sp"] .page-root[data-page='top'] #product .product__board {
      border-radius: 8px 8px 0px 0px;
      width: 293px; }
    .page-root[data-page='top'] #product .product__board:after {
      content: "";
      position: absolute;
      bottom: -78px;
      background-image: url("../img/sp/product_board_bottom.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 588px 78px;
      width: 588px;
      height: 78px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      html[data-env="sp"] .page-root[data-page='top'] #product .product__board:after {
        background-image: url("../img/sp/product_board_bottom.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 294px 39px;
        width: 294px;
        height: 39px;
        bottom: -39px; }
  .page-root[data-page='top'] #product .product__board--dots {
    position: relative;
    margin: 0 auto;
    margin-left: -10px;
    width: 588px; }
    html[data-env="sp"] .page-root[data-page='top'] #product .product__board--dots {
      width: 293px; }
    .page-root[data-page='top'] #product .product__board--dots:before {
      content: "";
      position: absolute;
      background-color: #e4d4b4;
      border-radius: 50%;
      left: 10px;
      top: 0px;
      width: 12px;
      height: 12px; }
      html[data-env="sp"] .page-root[data-page='top'] #product .product__board--dots:before {
        left: 5px;
        top: -5px;
        width: 6px;
        height: 6px; }
    .page-root[data-page='top'] #product .product__board--dots:after {
      content: "";
      position: absolute;
      background-color: #e4d4b4;
      border-radius: 50%;
      right: 10px;
      top: 0px;
      width: 12px;
      height: 12px; }
      html[data-env="sp"] .page-root[data-page='top'] #product .product__board--dots:after {
        right: 5px;
        top: -5px;
        width: 6px;
        height: 6px; }
  .page-root[data-page='top'] #product .product__board--image {
    margin: 60px auto 0; }
    html[data-env="sp"] .page-root[data-page='top'] #product .product__board--image {
      margin: 30px auto 0; }
  .page-root[data-page='top'] #product .product__board--radarChart {
    margin: 30px auto 0; }
  .page-root[data-page='top'] #product .product__board--description {
    color: #124ba1;
    margin: 30px auto 0;
    padding: 0 10px;
    font-weight: bold; }
    html[data-env="pc"] .page-root[data-page='top'] #product .product__board--description {
      padding: 0 50px; }

.page-root[data-page='top'] .product__board[data-product-index="1"] .product__board--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_image_plane.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 506px 338px;
  width: 506px;
  height: 338px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="1"] .product__board--image {
    background-image: url("../img/sp/product_board_image_plane.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 253px 169px;
    width: 253px;
    height: 169px; }

.page-root[data-page='top'] .product__board[data-product-index="1"] .product__board--radarChart {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_radarChart_plane.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 484px 447px;
  width: 484px;
  height: 447px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="1"] .product__board--radarChart {
    background-image: url("../img/sp/product_board_radarChart_plane.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 242px 224px;
    width: 242px;
    height: 224px; }

.page-root[data-page='top'] .product__board[data-product-index="1"] .product__board--description span {
  display: none; }

.page-root[data-page='top'] .product__board[data-product-index="1"] .product__board--description .description--1 {
  display: block !important; }

.page-root[data-page='top'] .product__board[data-product-index="2"] .product__board--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_image_sakusaku.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 506px 338px;
  width: 506px;
  height: 338px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="2"] .product__board--image {
    background-image: url("../img/sp/product_board_image_sakusaku.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 253px 169px;
    width: 253px;
    height: 169px; }

.page-root[data-page='top'] .product__board[data-product-index="2"] .product__board--radarChart {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_radarChart_sakusaku.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 484px 447px;
  width: 484px;
  height: 447px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="2"] .product__board--radarChart {
    background-image: url("../img/sp/product_board_radarChart_sakusaku.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 242px 224px;
    width: 242px;
    height: 224px; }

.page-root[data-page='top'] .product__board[data-product-index="2"] .product__board--description span {
  display: none; }

.page-root[data-page='top'] .product__board[data-product-index="2"] .product__board--description .description--2 {
  display: block !important; }

.page-root[data-page='top'] .product__board[data-product-index="3"] .product__board--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_image_frost.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 506px 338px;
  width: 506px;
  height: 338px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="3"] .product__board--image {
    background-image: url("../img/sp/product_board_image_frost.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 253px 169px;
    width: 253px;
    height: 169px; }

.page-root[data-page='top'] .product__board[data-product-index="3"] .product__board--radarChart {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_radarChart_frost.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 484px 447px;
  width: 484px;
  height: 447px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="3"] .product__board--radarChart {
    background-image: url("../img/sp/product_board_radarChart_frost.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 242px 224px;
    width: 242px;
    height: 224px; }

.page-root[data-page='top'] .product__board[data-product-index="3"] .product__board--description span {
  display: none; }

.page-root[data-page='top'] .product__board[data-product-index="3"] .product__board--description .description--3 {
  display: block !important; }

.page-root[data-page='top'] .product__board[data-product-index="4"] .product__board--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_image_mild.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 506px 338px;
  width: 506px;
  height: 338px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="4"] .product__board--image {
    background-image: url("../img/sp/product_board_image_mild.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 253px 169px;
    width: 253px;
    height: 169px; }

.page-root[data-page='top'] .product__board[data-product-index="4"] .product__board--radarChart {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_radarChart_mild.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 484px 447px;
  width: 484px;
  height: 447px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="4"] .product__board--radarChart {
    background-image: url("../img/sp/product_board_radarChart_mild.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 242px 224px;
    width: 242px;
    height: 224px; }

.page-root[data-page='top'] .product__board[data-product-index="4"] .product__board--description span {
  display: none; }

.page-root[data-page='top'] .product__board[data-product-index="4"] .product__board--description .description--4 {
  display: block !important; }

.page-root[data-page='top'] .product__board[data-product-index="5"] .product__board--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_image_plane.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 506px 338px;
  width: 506px;
  height: 338px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="5"] .product__board--image {
    background-image: url("../img/sp/product_board_image_plane.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 253px 169px;
    width: 253px;
    height: 169px; }

.page-root[data-page='top'] .product__board[data-product-index="5"] .product__board--radarChart {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_radarChart_plane.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 484px 447px;
  width: 484px;
  height: 447px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="5"] .product__board--radarChart {
    background-image: url("../img/sp/product_board_radarChart_plane.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 242px 224px;
    width: 242px;
    height: 224px; }

.page-root[data-page='top'] .product__board[data-product-index="5"] .product__board--description span {
  display: none; }

.page-root[data-page='top'] .product__board[data-product-index="5"] .product__board--description .description--1 {
  display: block !important; }

.page-root[data-page='top'] .product__board[data-product-index="6"] .product__board--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_image_sakusaku.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 506px 338px;
  width: 506px;
  height: 338px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="6"] .product__board--image {
    background-image: url("../img/sp/product_board_image_sakusaku.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 253px 169px;
    width: 253px;
    height: 169px; }

.page-root[data-page='top'] .product__board[data-product-index="6"] .product__board--radarChart {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_radarChart_sakusaku.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 484px 447px;
  width: 484px;
  height: 447px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="6"] .product__board--radarChart {
    background-image: url("../img/sp/product_board_radarChart_sakusaku.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 242px 224px;
    width: 242px;
    height: 224px; }

.page-root[data-page='top'] .product__board[data-product-index="6"] .product__board--description span {
  display: none; }

.page-root[data-page='top'] .product__board[data-product-index="6"] .product__board--description .description--2 {
  display: block !important; }

.page-root[data-page='top'] .product__board[data-product-index="7"] .product__board--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_image_frost.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 506px 338px;
  width: 506px;
  height: 338px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="7"] .product__board--image {
    background-image: url("../img/sp/product_board_image_frost.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 253px 169px;
    width: 253px;
    height: 169px; }

.page-root[data-page='top'] .product__board[data-product-index="7"] .product__board--radarChart {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_radarChart_frost.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 484px 447px;
  width: 484px;
  height: 447px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="7"] .product__board--radarChart {
    background-image: url("../img/sp/product_board_radarChart_frost.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 242px 224px;
    width: 242px;
    height: 224px; }

.page-root[data-page='top'] .product__board[data-product-index="7"] .product__board--description span {
  display: none; }

.page-root[data-page='top'] .product__board[data-product-index="7"] .product__board--description .description--3 {
  display: block !important; }

.page-root[data-page='top'] .product__board[data-product-index="8"] .product__board--image {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_image_mild.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 506px 338px;
  width: 506px;
  height: 338px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="8"] .product__board--image {
    background-image: url("../img/sp/product_board_image_mild.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 253px 169px;
    width: 253px;
    height: 169px; }

.page-root[data-page='top'] .product__board[data-product-index="8"] .product__board--radarChart {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../img/sp/product_board_radarChart_mild.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 484px 447px;
  width: 484px;
  height: 447px; }
  html[data-env="sp"] .page-root[data-page='top'] .product__board[data-product-index="8"] .product__board--radarChart {
    background-image: url("../img/sp/product_board_radarChart_mild.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 242px 224px;
    width: 242px;
    height: 224px; }

.page-root[data-page='top'] .product__board[data-product-index="8"] .product__board--description span {
  display: none; }

.page-root[data-page='top'] .product__board[data-product-index="8"] .product__board--description .description--4 {
  display: block !important; }

/* ======================================
 * 全ページ共通
 * ====================================== */
html, body {
  width: 100%;
  height: 100%;
  background-color: #f5e6cd;
  color: #fff;
  -webkit-text-size-adjust: 100%; }

html[data-env="pc"] .pc-none {
  display: none; }

html[data-env="sp"] .sp-none {
  display: none; }

html[data-env="tablet"] .tab-none {
  display: none; }

* {
  box-sizing: border-box; }

.is-fixed {
  position: fixed;
  top: 0;
  left: 0; }

.is-hidden {
  display: none; }

.line-it-button {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.adobe {
  font-size: 0;
  line-height: 0; }