@charset "UTF-8";
/* line 17, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/*============================
mixin
============================*/
/*============================
easing
============================*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*util*/
@-webkit-keyframes loading {
  /* line 27, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

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

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

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

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

@-webkit-keyframes scroll {
  /* line 36, ../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 40, ../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 44, ../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@-moz-keyframes scroll {
  /* line 36, ../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 40, ../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 44, ../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@keyframes scroll {
  /* line 36, ../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 40, ../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 44, ../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes btn_anim {
  /* line 50, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  /* line 53, ../../src/cmn/css/_anim.scss */
  25% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

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

@-moz-keyframes btn_anim {
  /* line 50, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  /* line 53, ../../src/cmn/css/_anim.scss */
  25% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

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

@keyframes btn_anim {
  /* line 50, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  /* line 53, ../../src/cmn/css/_anim.scss */
  25% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

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

@-webkit-keyframes btn_anim_sp {
  /* line 61, ../../src/cmn/css/_anim.scss */
  0% {
    transform: translateY(0);
  }

  /* line 62, ../../src/cmn/css/_anim.scss */
  3.57143% {
    transform: translateY(0);
  }

  /* line 63, ../../src/cmn/css/_anim.scss */
  7.14286% {
    transform: translateY(0);
  }

  /* line 64, ../../src/cmn/css/_anim.scss */
  14.28571% {
    transform: translateY(-12vw);
  }

  /* line 65, ../../src/cmn/css/_anim.scss */
  17.85714% {
    transform: translateY(0);
  }

  /* line 66, ../../src/cmn/css/_anim.scss */
  21.42857% {
    transform: translateY(-12vw);
  }

  /* line 67, ../../src/cmn/css/_anim.scss */
  28.57143% {
    transform: translateY(0);
  }

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

@-moz-keyframes btn_anim_sp {
  /* line 61, ../../src/cmn/css/_anim.scss */
  0% {
    transform: translateY(0);
  }

  /* line 62, ../../src/cmn/css/_anim.scss */
  3.57143% {
    transform: translateY(0);
  }

  /* line 63, ../../src/cmn/css/_anim.scss */
  7.14286% {
    transform: translateY(0);
  }

  /* line 64, ../../src/cmn/css/_anim.scss */
  14.28571% {
    transform: translateY(-12vw);
  }

  /* line 65, ../../src/cmn/css/_anim.scss */
  17.85714% {
    transform: translateY(0);
  }

  /* line 66, ../../src/cmn/css/_anim.scss */
  21.42857% {
    transform: translateY(-12vw);
  }

  /* line 67, ../../src/cmn/css/_anim.scss */
  28.57143% {
    transform: translateY(0);
  }

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

@keyframes btn_anim_sp {
  /* line 61, ../../src/cmn/css/_anim.scss */
  0% {
    transform: translateY(0);
  }

  /* line 62, ../../src/cmn/css/_anim.scss */
  3.57143% {
    transform: translateY(0);
  }

  /* line 63, ../../src/cmn/css/_anim.scss */
  7.14286% {
    transform: translateY(0);
  }

  /* line 64, ../../src/cmn/css/_anim.scss */
  14.28571% {
    transform: translateY(-12vw);
  }

  /* line 65, ../../src/cmn/css/_anim.scss */
  17.85714% {
    transform: translateY(0);
  }

  /* line 66, ../../src/cmn/css/_anim.scss */
  21.42857% {
    transform: translateY(-12vw);
  }

  /* line 67, ../../src/cmn/css/_anim.scss */
  28.57143% {
    transform: translateY(0);
  }

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

@-webkit-keyframes mask1 {
  /* line 71, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 74, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 77, ../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  /* line 80, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

@-moz-keyframes mask1 {
  /* line 71, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 74, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 77, ../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  /* line 80, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

@keyframes mask1 {
  /* line 71, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 74, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 77, ../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  /* line 80, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

@-webkit-keyframes mask2 {
  /* line 85, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 89, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 93, ../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 97, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }
}

@-moz-keyframes mask2 {
  /* line 85, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 89, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 93, ../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 97, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }
}

@keyframes mask2 {
  /* line 85, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 89, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 93, ../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 97, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }
}

@-webkit-keyframes mask3 {
  /* line 103, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 106, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 109, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes mask3 {
  /* line 103, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 106, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 109, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes mask3 {
  /* line 103, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 106, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 109, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bar {
  /* line 125, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 129, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 133, ../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 137, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }
}

@-moz-keyframes bar {
  /* line 125, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 129, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 133, ../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 137, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }
}

@keyframes bar {
  /* line 125, ../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 129, ../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 133, ../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 137, ../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }
}

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

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

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

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

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

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

/*color*/
/* line 2, ../../src/cmn/css/_all.scss */
body {
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 62.5%;
  font-weight: 400;
  letter-spacing: 0.12em;
  line-height: 1.8em;
  color: black;
  position: relative;
  width: 100%;
  font-feature-settings: "palt";
  /* .box{
  	width: 100%;
  	float: left;
  	text-align: center;
  } */
  /***********************************
  * debug
  ************************************/
}
/* line 15, ../../src/cmn/css/_all.scss */
body ::selection {
  background: #b1ada9;
}
/* line 16, ../../src/cmn/css/_all.scss */
body ::-moz-selection {
  background: #b1ada9;
}
/* line 17, ../../src/cmn/css/_all.scss */
body img::selection {
  background: none;
}
/* line 18, ../../src/cmn/css/_all.scss */
body img::-moz-selection {
  background: none;
}
/* line 20, ../../src/cmn/css/_all.scss */
body img[src*="d2ytkilxgnmqyx.cloudfront.net"] {
  display: none;
}
/* line 23, ../../src/cmn/css/_all.scss */
body #loader {
  width: 100%;
  height: 100%;
  float: left;
  position: fixed;
  z-index: 5000;
  text-align: center;
  visibility: hidden;
}
/* line 32, ../../src/cmn/css/_all.scss */
body #loader figure span {
  -webkit-animation: loading 0.8s linear infinite;
  -moz-animation: loading 0.8s linear infinite;
  animation: loading 0.8s linear infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 39, ../../src/cmn/css/_all.scss */
body #wrapper {
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
  overflow: hidden;
  opacity: 1;
}
/* line 47, ../../src/cmn/css/_all.scss */
body #wrapper #main {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
/* line 53, ../../src/cmn/css/_all.scss */
body #wrapper #main section {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
/* line 61, ../../src/cmn/css/_all.scss */
body #wrapper footer {
  width: 100%;
  float: left;
  text-align: center;
  z-index: 1;
  position: relative;
}
/* line 68, ../../src/cmn/css/_all.scss */
body #wrapper img {
  width: 100%;
}
/* line 73, ../../src/cmn/css/_all.scss */
body #buy_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10002;
  background: rgba(255, 255, 255, 0.6);
}
/* line 82, ../../src/cmn/css/_all.scss */
body a {
  text-decoration: none;
}
/* line 86, ../../src/cmn/css/_all.scss */
body .hide {
  display: none !important;
}
/* line 90, ../../src/cmn/css/_all.scss */
body .banish {
  visibility: hidden !important;
}
/* line 94, ../../src/cmn/css/_all.scss */
body .show {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
/* line 98, ../../src/cmn/css/_all.scss */
body .area {
  width: 100%;
  float: left;
  position: relative;
}
/* line 109, ../../src/cmn/css/_all.scss */
body .mask_bg {
  pointer-events: none;
}
/* line 117, ../../src/cmn/css/_all.scss */
body .iScrollIndicator {
  border: none !important;
}
/* line 118, ../../src/cmn/css/_all.scss */
body .iScrollVerticalScrollbar {
  width: 2px !important;
}
/* line 119, ../../src/cmn/css/_all.scss */
body .iScrollHorizontalScrollbar {
  height: 2px !important;
}
/* line 120, ../../src/cmn/css/_all.scss */
body .iScrollIndicator {
  background: #ad8e58 !important;
}
/* line 125, ../../src/cmn/css/_all.scss */
body #stats {
  z-index: 5000;
}
/* line 127, ../../src/cmn/css/_all.scss */
body footer.footer-nav {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
/* line 134, ../../src/cmn/css/_all.scss */
body footer.footer-nav img {
  width: auto;
}
/* line 137, ../../src/cmn/css/_all.scss */
body .footer-logo img {
  width: 110px !important;
}
/* line 140, ../../src/cmn/css/_all.scss */
body #black {
  display: none !important;
}

/*size*/
@media screen and (min-width: 759px) {
  /* line 3, ../../src/cmn/css/_pc.scss */
  body {
    letter-spacing: 0;
    font-feature-settings: unset;
    min-width: 1080px;
  }
  /* line 7, ../../src/cmn/css/_pc.scss */
  body .inner {
    width: 1080px;
    margin: auto;
    position: relative;
  }
  /* line 12, ../../src/cmn/css/_pc.scss */
  body .sp {
    display: none;
  }
  /* line 15, ../../src/cmn/css/_pc.scss */
  body .pc_view {
    display: block !important;
  }
  /* line 18, ../../src/cmn/css/_pc.scss */
  body .pc_view_i {
    display: inline !important;
  }
  /* line 21, ../../src/cmn/css/_pc.scss */
  body .pc_view_b {
    display: inline-block !important;
  }
  /* line 24, ../../src/cmn/css/_pc.scss */
  body .sp_view {
    display: none !important;
  }
  /* line 27, ../../src/cmn/css/_pc.scss */
  body .sp_view_i {
    display: none !important;
  }
  /* line 30, ../../src/cmn/css/_pc.scss */
  body .sp_view_b {
    display: none !important;
  }
  /* line 33, ../../src/cmn/css/_pc.scss */
  body .go {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  }
  /* line 37, ../../src/cmn/css/_pc.scss */
  body #header {
    width: 100%;
    float: left;
    position: fixed;
    box-sizing: border-box;
    z-index: 1000;
    height: 60px;
    background: #c80e47;
    top: 0;
    left: 0;
  }
  /* line 47, ../../src/cmn/css/_pc.scss */
  body #header .header_area {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    position: relative;
  }
  /* line 54, ../../src/cmn/css/_pc.scss */
  body #header .logo {
    width: 80px;
    float: left;
    margin: 10px 0 0 40px;
    z-index: 10;
  }
  /* line 59, ../../src/cmn/css/_pc.scss */
  body #header .logo a {
    width: 100%;
    float: left;
  }
  /* line 66, ../../src/cmn/css/_pc.scss */
  body #header .btn_cart {
    position: absolute;
    top: 0;
    right: 0;
    width: 221px;
    height: 100%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 10;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 79, ../../src/cmn/css/_pc.scss */
  body #header .btn_cart img {
    width: 161px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    backface-visibility: visible;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 88, ../../src/cmn/css/_pc.scss */
  body #header .btn_cart img.ov {
    opacity: 0;
  }
  /* line 92, ../../src/cmn/css/_pc.scss */
  body #header .btn_cart:hover {
    background: #c80e47;
  }
  /* line 94, ../../src/cmn/css/_pc.scss */
  body #header .btn_cart:hover img {
    opacity: 0;
  }
  /* line 96, ../../src/cmn/css/_pc.scss */
  body #header .btn_cart:hover img.ov {
    opacity: 1;
  }
  /* line 102, ../../src/cmn/css/_pc.scss */
  body #header #header_scroll {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    width: 710px;
  }
  /* line 108, ../../src/cmn/css/_pc.scss */
  body #header #header_scroll nav {
    width: 100%;
    float: left;
  }
  /* line 111, ../../src/cmn/css/_pc.scss */
  body #header #header_scroll nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 24px 24px 0 0;
  }
  /* line 116, ../../src/cmn/css/_pc.scss */
  body #header #header_scroll nav ul li {
    margin: 0 10px;
  }
  /* line 118, ../../src/cmn/css/_pc.scss */
  body #header #header_scroll nav ul li a {
    display: inline-block;
    line-height: 1;
    position: relative;
  }
  /* line 122, ../../src/cmn/css/_pc.scss */
  body #header #header_scroll nav ul li a:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate(-50%, -50%) scale(0, 1);
    height: 4px;
    background: black;
  }
  /* line 135, ../../src/cmn/css/_pc.scss */
  body #header #header_scroll nav ul li a:hover:before {
    transform: translate(-50%, -50%) scale(1, 1);
  }
  /* line 139, ../../src/cmn/css/_pc.scss */
  body #header #header_scroll nav ul li a img {
    width: auto;
    height: 12px;
  }
  /* line 149, ../../src/cmn/css/_pc.scss */
  body #wrapper {
    padding: 60px 0 0 0;
    font-size: 12px;
  }
  /* line 152, ../../src/cmn/css/_pc.scss */
  body #wrapper .btn_arr {
    display: block;
    border: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 1.25em;
    width: 164px;
    height: 32px;
    box-sizing: border-box;
    color: black;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 165, ../../src/cmn/css/_pc.scss */
  body #wrapper .btn_arr:hover {
    background: black;
    color: white;
  }
  /* line 168, ../../src/cmn/css/_pc.scss */
  body #wrapper .btn_arr:hover span {
    background-image: url(/img/icon_arr2_w.svg);
  }
  /* line 172, ../../src/cmn/css/_pc.scss */
  body #wrapper .btn_arr span {
    display: inline-block;
    width: 12px;
    height: 100%;
    margin: 0 10px 0 0;
    background: url(/img/icon_arr2.svg) no-repeat center center;
    background-size: contain;
  }
  /* line 181, ../../src/cmn/css/_pc.scss */
  body #wrapper .fade {
    opacity: 0;
  }
  /* line 183, ../../src/cmn/css/_pc.scss */
  body #wrapper .fade.open {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
  }
  /* line 188, ../../src/cmn/css/_pc.scss */
  body #wrapper .mask, body #wrapper .mask_m {
    position: relative;
  }
  /* line 190, ../../src/cmn/css/_pc.scss */
  body #wrapper .mask:before, body #wrapper .mask_m:before {
    content: "";
    display: block;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
  }
  /* line 201, ../../src/cmn/css/_pc.scss */
  body #wrapper .mask:after, body #wrapper .mask_m:after {
    content: "";
    display: block;
    background: #c80e47;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }
  /* line 215, ../../src/cmn/css/_pc.scss */
  body #wrapper .mask.open:before, body #wrapper .mask_m.open:before {
    -webkit-animation: mask1 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-animation: mask1 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    animation: mask1 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 218, ../../src/cmn/css/_pc.scss */
  body #wrapper .mask.open:after, body #wrapper .mask_m.open:after {
    -webkit-animation: mask2 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-animation: mask2 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    animation: mask2 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 223, ../../src/cmn/css/_pc.scss */
  body #wrapper .bar_ttl {
    padding: 50px 0 0 0;
  }
  /* line 225, ../../src/cmn/css/_pc.scss */
  body #wrapper .bar_ttl:before {
    content: "";
    display: block;
    background: black;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 73px;
    right: 50%;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    transform: scale(0, 1);
  }
  /* line 239, ../../src/cmn/css/_pc.scss */
  body #wrapper .bar_ttl.open:before {
    transform: scale(1, 1) translateX(-320px);
  }
  /* line 243, ../../src/cmn/css/_pc.scss */
  body #wrapper .bar_ttl h2 {
    padding: 10px 0 0 88px;
    box-sizing: border-box;
    font-family: 'Noto Serif TC', serif;
    font-size: 3em;
    font-weight: 400;
  }
  /* line 246, ../../src/cmn/css/_pc.scss */
  body #wrapper .bar_ttl h2 img {
    height: 25px;
    width: auto;
  }
  /* line 252, ../../src/cmn/css/_pc.scss */
  body #wrapper .bar, body #wrapper .bar_m {
    font-size: 2em;
    display: inline-block;
    letter-spacing: 0.08em;
    line-height: 1;
    position: relative;
    line-height: 0;
  }
  /* line 260, ../../src/cmn/css/_pc.scss */
  body #wrapper .bar.open span, body #wrapper .bar_m.open span {
    -webkit-animation: mask3 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-animation: mask3 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    animation: mask3 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 262, ../../src/cmn/css/_pc.scss */
  body #wrapper .bar.open span:before, body #wrapper .bar_m.open span:before {
    -webkit-animation: mask4 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-animation: mask4 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    animation: mask4 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 267, ../../src/cmn/css/_pc.scss */
  body #wrapper .bar span, body #wrapper .bar_m span {
    display: inline-block;
    padding: 12px 16px;
    position: relative;
    color: white;
    z-index: 3;
    line-height: 1;
    background: black;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    transform: scale(0, 1);
    overflow: hidden;
  }
  /* line 278, ../../src/cmn/css/_pc.scss */
  body #wrapper .bar span:before, body #wrapper .bar_m span:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  /* line 291, ../../src/cmn/css/_pc.scss */
  body #buy_float {
    z-index: 10002;
    width: 620px;
    box-sizing: border-box;
    background: #c80e47;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
  }
  /* line 303, ../../src/cmn/css/_pc.scss */
  body #buy_float img {
    width: 100%;
  }
  /* line 306, ../../src/cmn/css/_pc.scss */
  body #buy_float > a {
    width: 21px;
    position: absolute;
    line-height: 0;
    top: 10px;
    right: 10px;
    cursor: pointer;
  }
  /* line 314, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner {
    width: 572px;
    padding: 20px 0 0 0;
    text-align: center;
  }
  /* line 318, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner .logo {
    width: 100px;
    margin: 0 auto 20px;
    line-height: 0;
  }
  /* line 323, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner h2 {
    text-align: center;
    margin: 0 0 20px 0;
  }
  /* line 326, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner h2 img {
    width: 161px;
  }

  body #buy_float .inner h3 {
    text-align: center;
    margin: 0 0 16px 0;
  }
  body #buy_float .inner h3 img {
    height: 16px;
  }
  /* line 330, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner .btn_area {
    overflow: hidden;
    margin: 0 0 24px 0;
  }
  /* line 333, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner .btn_area ul {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 339, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner .btn_area ul li {
    width: 281px;
    margin-bottom: 10px;
    border: none;
  }
  /* line 343, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner .btn_area ul li a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    position: relative;
    line-height: 0;
  }
  /* line 349, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner .btn_area ul li a > img {
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 353, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner .btn_area ul li a:hover > img {
    opacity: 0.6;
  }
  /* line 358, ../../src/cmn/css/_pc.scss */
  body #buy_float .inner .btn_area ul li:first-child {
    margin: 0 0 12px 0;
  }
  /* line 366, ../../src/cmn/css/_pc.scss */
  body .bnr_area {
    text-align: center;
    background: #F5F5F5;
    padding: 100px 0 127px 0;
    width: 100%;
    float: left;
  }
  /* line 372, ../../src/cmn/css/_pc.scss */
  body .bnr_area a {
    display: block;
    line-height: 0;
    width: 800px;
	margin: 0 auto;
    overflow: hidden;
  }
  /* line 377, ../../src/cmn/css/_pc.scss */
  body .bnr_area a img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 381, ../../src/cmn/css/_pc.scss */
  body .bnr_area a:hover img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  /* line 385, ../../src/cmn/css/_pc.scss */
  body .bnr_area a:nth-of-type(2) {
    margin: 37px auto 0 auto;
  }
  /* line 389, ../../src/cmn/css/_pc.scss */
  body .bnr_area span {
    display: inline-block;
    line-height: 0;
    width: 800px;
    overflow: hidden;
    margin-bottom: 37px;
  }
  /* line 395, ../../src/cmn/css/_pc.scss */
  body .bnr_area span img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 398, ../../src/cmn/css/_pc.scss */
  body .bnr_area span:nth-of-type(2) {
    margin: 37px 0 0 0;
  }
  /* line 402, ../../src/cmn/css/_pc.scss */
  body .bnr_area ul {
    display: flex;
    justify-content: space-between;
    width: 800px;
    margin: 0 auto;
  }
  /* line 407, ../../src/cmn/css/_pc.scss */
  body .bnr_area ul li {
    width: 390px;
  }
  /* line 409, ../../src/cmn/css/_pc.scss */
  body .bnr_area ul li a {
    width: 100%;
  }
  /* line 415, ../../src/cmn/css/_pc.scss */
  body footer {
    position: relative;
    overflow: visible;
  }
  /* line 420, ../../src/cmn/css/_pc.scss */
  body footer #goto {
    display: block;
    position: absolute;
    right: 20px;
    top: -34px;
    width: 81px;
  }
  /* line 426, ../../src/cmn/css/_pc.scss */
  body footer #goto img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 430, ../../src/cmn/css/_pc.scss */
  body footer #goto:hover img {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  /* line 435, ../../src/cmn/css/_pc.scss */
  body footer .sns_area {
    margin: 0 0 36px 0;
    display: flex;
    justify-content: center;
  }
  /* line 439, ../../src/cmn/css/_pc.scss */
  body footer .sns_area .set {
    padding: 0 48px 0 27px;
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
  }
  /* line 446, ../../src/cmn/css/_pc.scss */
  body footer .sns_area .set:nth-of-type(2):before {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background: black;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
  }
  /* line 458, ../../src/cmn/css/_pc.scss */
  body footer .sns_area .set p {
    font-size: 0.91667em;
    margin: 0 40px 0 0;
  }
  /* line 463, ../../src/cmn/css/_pc.scss */
  body footer .sns_area .set ul li {
    display: inline-block;
    width: 19px;
    margin: 0 7px;
  }
  /* line 467, ../../src/cmn/css/_pc.scss */
  body footer .sns_area .set ul li a {
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    display: block;
    line-height: 0;
  }
  /* line 471, ../../src/cmn/css/_pc.scss */
  body footer .sns_area .set ul li a:hover {
    opacity: 0.8;
  }
  /* line 475, ../../src/cmn/css/_pc.scss */
  body footer .sns_area .set ul li:nth-child(2) {
    margin: 0 18px;
  }
}
/*size*/
@media screen and (max-width: 758px) {
  /* line 3, ../../src/cmn/css/_sp.scss */
  body {
    letter-spacing: 0;
    font-feature-settings: unset;
  }
  /* line 6, ../../src/cmn/css/_sp.scss */
  body div.inner {
    width: 94%;
    margin: 0 3%;
    float: left;
    position: relative;
  }
  /* line 12, ../../src/cmn/css/_sp.scss */
  body .pc {
    display: none;
  }
  /* line 15, ../../src/cmn/css/_sp.scss */
  body .pc_view {
    display: none !important;
  }
  /* line 18, ../../src/cmn/css/_sp.scss */
  body .pc_view_i {
    display: none !important;
  }
  /* line 21, ../../src/cmn/css/_sp.scss */
  body .pc_view_b {
    display: none !important;
  }
  /* line 24, ../../src/cmn/css/_sp.scss */
  body .sp_view {
    display: block !important;
  }
  /* line 27, ../../src/cmn/css/_sp.scss */
  body .sp_view_i {
    display: inline !important;
  }
  /* line 30, ../../src/cmn/css/_sp.scss */
  body .sp_view_b {
    display: inline-block !important;
  }
  /* line 33, ../../src/cmn/css/_sp.scss */
  body #header {
    width: 100%;
    float: left;
    position: fixed;
    background: #c80e47;
    box-sizing: border-box;
    z-index: 1000;
    height: 13.5vw;
  }
  /* line 41, ../../src/cmn/css/_sp.scss */
  body #header .bg {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 20vw;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    pointer-events: none;
  }
  /* line 52, ../../src/cmn/css/_sp.scss */
  body #header img {
    width: 100%;
  }
  /* line 55, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll {
    width: 100%;
    float: left;
    overflow: hidden;
    height: 0;
    position: relative;
    background: #c80e47;
    margin: -11vw 0 0 0;
    z-index: 10;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 65, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll p {
    text-align: center;
    margin: 0 0 11vw 0;
    padding: 11vw 0 0 0;
  }
  /* line 69, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll p img {
    width: 26.66667vw;
  }
  /* line 74, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll nav ul {
    margin: 0 auto;
    width: 74%;
  }
  /* line 77, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll nav ul li {
    margin: 0 0 11vw 0;
  }
  /* line 79, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll nav ul li img {
    width: auto;
    height: 4.8vw;
  }
  /* line 86, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll .btn_area {
    margin: 0 auto;
    width: 74%;
  }
  /* line 89, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll .btn_area span {
    display: block;
    margin: 0 0 6vw 0;
  }
  /* line 92, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll .btn_area span img {
    width: auto;
    height: 4.8vw;
  }
  /* line 98, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll .btn_area ul li {
    margin-bottom: 2.66667vw;
  }
  /* line 100, ../../src/cmn/css/_sp.scss */
  body #header #header_scroll .btn_area ul li a {
    display: block;
    line-height: 0;
  }
  /* line 110, ../../src/cmn/css/_sp.scss */
  body #header.open .bg {
    opacity: 1;
    pointer-events: auto;
  }
  /* line 114, ../../src/cmn/css/_sp.scss */
  body #header.open #header_scroll {
    height: 100vh;
  }
  /* line 117, ../../src/cmn/css/_sp.scss */
  body #header.open .ctrl {
    background: #c80e47;
  }
  /* line 119, ../../src/cmn/css/_sp.scss */
  body #header.open .ctrl span {
    background: #c80e47;
  }
  /* line 121, ../../src/cmn/css/_sp.scss */
  body #header.open .ctrl span:before, body #header.open .ctrl span:after {
    background: white;
  }
  /* line 124, ../../src/cmn/css/_sp.scss */
  body #header.open .ctrl span:before {
    top: 2vw;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* line 128, ../../src/cmn/css/_sp.scss */
  body #header.open .ctrl span:after {
    top: 2vw;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* line 135, ../../src/cmn/css/_sp.scss */
  body #header.open .ctrl div img:nth-child(1) {
    display: none;
  }
  /* line 136, ../../src/cmn/css/_sp.scss */
  body #header.open .ctrl div img:nth-child(2) {
    display: block;
  }
  /* line 142, ../../src/cmn/css/_sp.scss */
  body #header .header_area {
    width: 100%;
    height: 13.5vw;
    margin: 0 auto;
    position: relative;
  }
  /* line 148, ../../src/cmn/css/_sp.scss */
  body #header .logo {
    width: 16vw;
    float: left;
    margin: 3vw 0 0 5vw;
    z-index: 10;
  }
  /* line 153, ../../src/cmn/css/_sp.scss */
  body #header .logo a {
    width: 100%;
    float: left;
    line-height: 0;
  }
  /* line 157, ../../src/cmn/css/_sp.scss */
  body #header .logo a img {
    width: 100%;
  }
  /* line 162, ../../src/cmn/css/_sp.scss */
  body #header .btn_cart {
    position: absolute;
    top: 0;
    right: 13.5vw;
    width: 13.5vw;
    height: 13.5vw;
    background: white;
    border-bottom: 1px solid #c80e47;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 10;
    box-sizing: border-box;
  }
  /* line 176, ../../src/cmn/css/_sp.scss */
  body #header .btn_cart img {
    width: 7.73333vw;
  }
  /* line 180, ../../src/cmn/css/_sp.scss */
  body #header .ctrl {
    position: absolute;
    right: 0;
    top: 0;
    width: 13.5vw;
    height: 13.5vw;
    background: black;
    z-index: 15;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 189, ../../src/cmn/css/_sp.scss */
  body #header .ctrl span {
    width: 4.5vw;
    height: 0.4vw;
    background: white;
    display: block;
    position: relative;
    margin: 4.7vw 4.5vw;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 197, ../../src/cmn/css/_sp.scss */
  body #header .ctrl span:before, body #header .ctrl span:after {
    content: " ";
    width: 4.5vw;
    height: 0.4vw;
    background: white;
    display: block;
    position: absolute;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 206, ../../src/cmn/css/_sp.scss */
  body #header .ctrl span:before {
    top: 2.2vw;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 210, ../../src/cmn/css/_sp.scss */
  body #header .ctrl span:after {
    top: 4vw;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 217, ../../src/cmn/css/_sp.scss */
  body #wrapper {
    font-size: 12px;
    padding-top: 13.5vw;
  }
  /* line 220, ../../src/cmn/css/_sp.scss */
  body #wrapper .btn_arr {
    display: block;
    margin: 0 auto;
    border: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 4vw;
    width: 43.73333vw;
    height: 8.53333vw;
    color: black;
    box-sizing: border-box;
  }
  /* line 233, ../../src/cmn/css/_sp.scss */
  body #wrapper .btn_arr span {
    width: 3.2vw;
    display: inline-block;
    margin: 0 2vw 0 0;
    display: inline-block;
    height: 100%;
    background: url(/img/icon_arr2.svg) no-repeat center center;
    background-size: contain;
  }
  /* line 243, ../../src/cmn/css/_sp.scss */
  body #wrapper .fade {
    opacity: 0;
  }
  /* line 245, ../../src/cmn/css/_sp.scss */
  body #wrapper .fade.open {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
  }
  /* line 250, ../../src/cmn/css/_sp.scss */
  body #wrapper .mask, body #wrapper .mask_m {
    position: relative;
  }
  /* line 252, ../../src/cmn/css/_sp.scss */
  body #wrapper .mask:before, body #wrapper .mask_m:before {
    content: "";
    display: block;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
  }
  /* line 263, ../../src/cmn/css/_sp.scss */
  body #wrapper .mask:after, body #wrapper .mask_m:after {
    content: "";
    display: block;
    background: #c80e47;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }
  /* line 277, ../../src/cmn/css/_sp.scss */
  body #wrapper .mask.open:before, body #wrapper .mask_m.open:before {
    -webkit-animation: mask1 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-animation: mask1 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    animation: mask1 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 280, ../../src/cmn/css/_sp.scss */
  body #wrapper .mask.open:after, body #wrapper .mask_m.open:after {
    -webkit-animation: mask2 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-animation: mask2 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    animation: mask2 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 285, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar_ttl {
    padding: 10vw 0 0 0;
  }
  /* line 287, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar_ttl:before {
    content: "";
    display: block;
    background: black;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 15vw;
    right: 64%;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    transform: scale(0, 1);
  }
  /* line 301, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar_ttl.open:before {
    transform: scale(1, 1);
  }
  /* line 305, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar_ttl h2 {
    padding: 1.33333vw 0 0 9vw;
    box-sizing: border-box;
    font-family: 'Noto Serif TC', serif;
    font-size: 2em;
    font-weight: 400;
  }
  /* line 308, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar_ttl h2 img {
    height: 6.66667vw;
    width: auto;
  }
  /* line 314, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar, body #wrapper .bar_m {
    font-size: 4vw;
    display: inline-block;
    letter-spacing: 0.08em;
    line-height: 1;
    position: relative;
    line-height: 0;
  }
  /* line 322, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar.open span, body #wrapper .bar_m.open span {
    -webkit-animation: mask3 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-animation: mask3 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    animation: mask3 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 324, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar.open span:before, body #wrapper .bar_m.open span:before {
    -webkit-animation: mask4 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-animation: mask4 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    animation: mask4 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 328, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar.open:before, body #wrapper .bar_m.open:before {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-delay: 0.8s;
    opacity: 1;
    transform: translate(4px, 100%) skew(50deg, 0deg);
  }
  /* line 337, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar.open:after, body #wrapper .bar_m.open:after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-delay: 0.8s;
    opacity: 1;
    transform: translate(100%, 2px) skew(0deg, 39deg);
  }
  /* line 347, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar span, body #wrapper .bar_m span {
    display: inline-block;
    padding: 2.4vw 2.13333vw;
    position: relative;
    color: white;
    z-index: 3;
    line-height: 1;
    background: black;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    transform: scale(0, 1);
    overflow: hidden;
  }
  /* line 358, ../../src/cmn/css/_sp.scss */
  body #wrapper .bar span:before, body #wrapper .bar_m span:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  /* line 372, ../../src/cmn/css/_sp.scss */
  body #black .inner {
    margin: 0 auto;
  }
  /* line 376, ../../src/cmn/css/_sp.scss */
  body .footer-nav, body .footer-nav .inner {
    float: left;
    width: 100%;
  }
  /* line 380, ../../src/cmn/css/_sp.scss */
  body #buy_float {
    z-index: 10002;
    width: 82.9%;
    height: 90vh;
    box-sizing: border-box;
    background: #c80e47;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    padding: 0 0 6vw;
    overflow-y: scroll;
  }
  /* line 392, ../../src/cmn/css/_sp.scss */
  body #buy_float img {
    width: 100%;
  }
  /* line 395, ../../src/cmn/css/_sp.scss */
  body #buy_float > a {
    width: 9vw;
    position: absolute;
    line-height: 0;
    right: 2.66667vw;
    top: 2.66667vw;
    z-index: 10;
    height: 9vw;
    text-align: right;
  }
  /* line 404, ../../src/cmn/css/_sp.scss */
  body #buy_float > a img {
    width: 4vw;
  }
  /* line 408, ../../src/cmn/css/_sp.scss */
  body #buy_float .inner {
    box-sizing: border-box;
    width: 90%;
    height: 100%;
    margin: 0 5%;
    padding: 7vw 0 0 0;
    text-align: center;
  }
  /* line 413, ../../src/cmn/css/_sp.scss */
  body #buy_float .inner .logo {
    width: 26.66667vw;
    margin: 0 auto 5.33333vw;
    line-height: 0;
  }
  /* line 418, ../../src/cmn/css/_sp.scss */
  body #buy_float .inner h2 {
    text-align: center;
    margin: 0 0 4vw 0;
  }
  /* line 421, ../../src/cmn/css/_sp.scss */
  body #buy_float .inner h2 img {
    width: 42.93333vw;
  }

  body #buy_float .inner h3 {
    text-align: center;
    margin: 0 0 2vw 0;
  }
  body #buy_float .inner h3 img {
    height: 3.733333vw;
  }

  /* line 425, ../../src/cmn/css/_sp.scss */
  body #buy_float .inner .btn_area {
    overflow: hidden;
  }
  /* line 428, ../../src/cmn/css/_sp.scss */
  body #buy_float .inner .btn_area ul li {
    margin-bottom: 2.66667vw;
  }
  body #buy_float .inner .btn_area ul li:last-of-type {
    margin-bottom: 6vw;
  }
  /* line 430, ../../src/cmn/css/_sp.scss */
  body #buy_float .inner .btn_area ul li a {
    display: block;
    line-height: 0;
  }
  /* line 439, ../../src/cmn/css/_sp.scss */
  body .bnr_area {
    text-align: center;
    background: #F5F5F5;
    padding: 26.66667vw 0 20.5vw 0;
    width: 100%;
    float: left;
  }
  /* line 445, ../../src/cmn/css/_sp.scss */
  body .bnr_area a, body .bnr_area span {
    display: inline-block;
    line-height: 0;
    width: 64.26667vw;
  }
  /* line 449, ../../src/cmn/css/_sp.scss */
  body .bnr_area a:nth-of-type(2), body .bnr_area span:nth-of-type(2) {
    margin: 10vw 0 0 0;
  }
  /* line 453, ../../src/cmn/css/_sp.scss */
  body .bnr_area span {
    margin-bottom: 10vw;
  }
  /* line 458, ../../src/cmn/css/_sp.scss */
  body .bnr_area ul li:last-child {
    margin: 10vw 0 0 0;
  }
  /* line 464, ../../src/cmn/css/_sp.scss */
  body footer {
    border-top: 2px solid #000;
    position: relative;
    overflow: visible;
  }
  /* line 468, ../../src/cmn/css/_sp.scss */
  body footer #goto {
    display: block;
    position: absolute;
    right: 5.5vw;
    top: -12vw;
    width: 21.6vw;
  }
  /* line 476, ../../src/cmn/css/_sp.scss */
  body footer .sns_area .set {
    height: 24vw;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    position: relative;
    padding: 0 10vw;
    box-sizing: border-box;
  }
  /* line 485, ../../src/cmn/css/_sp.scss */
  body footer .sns_area .set:nth-of-type(2) {
    background: #E4E5E6;
  }
  /* line 488, ../../src/cmn/css/_sp.scss */
  body footer .sns_area .set p {
    font-size: 2.93333vw;
    width: 34vw;
    text-align: center;
    letter-spacing: 0.1vw;
  }
  /* line 495, ../../src/cmn/css/_sp.scss */
  body footer .sns_area .set ul li {
    display: inline-block;
    width: 5.86667vw;
    margin: 0 3vw;
  }
}

.homeText h1{
    font-family: 'Noto Serif TC', serif;
    text-align: center;
    font-size: 4em;
    margin-bottom: 0.6em;
}
.homeText p{
        text-align: center;
    font-size: 1.4em;
    margin-top: 0.6em;
    line-height: normal;
    letter-spacing: .2em;
}