/* ### mixin.scss ### */
/* animation */
@-webkit-keyframes animation { 0% { width: 0; }
  100% { width: 30%; } }
@keyframes animation { 0% { width: 0; }
  100% { width: 30%; } }
@-webkit-keyframes circle { 0%,
  100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2), 2.5em 0em 0 0em rgba(27, 162, 240, 0.2), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.2), 0em 2.5em 0 0em rgba(27, 162, 240, 0.2), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.2), -2.6em 0em 0 0em rgba(27, 162, 240, 0.5), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.7); }
  12.5% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(27, 162, 240, 0.2), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.2), 0em 2.5em 0 0em rgba(27, 162, 240, 0.2), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.2), -2.6em 0em 0 0em rgba(27, 162, 240, 0.2), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.5); }
  25% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.5), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.2), 0em 2.5em 0 0em rgba(27, 162, 240, 0.2), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.2), -2.6em 0em 0 0em rgba(27, 162, 240, 0.2), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2); }
  37.5% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.2), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.5), 2.5em 0em 0 0em rgba(27, 162, 240, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(27, 162, 240, 0.2), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.2), -2.6em 0em 0 0em rgba(27, 162, 240, 0.2), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2); }
  50% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.2), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2), 2.5em 0em 0 0em rgba(27, 162, 240, 0.5), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.2), -2.6em 0em 0 0em rgba(27, 162, 240, 0.2), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2); }
  62.5% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.2), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2), 2.5em 0em 0 0em rgba(27, 162, 240, 0.2), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.5), 0em 2.5em 0 0em rgba(27, 162, 240, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(27, 162, 240, 0.2), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2); }
  75% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.2), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2), 2.5em 0em 0 0em rgba(27, 162, 240, 0.2), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.2), 0em 2.5em 0 0em rgba(27, 162, 240, 0.5), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2); }
  87.5% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.2), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2), 2.5em 0em 0 0em rgba(27, 162, 240, 0.2), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.2), 0em 2.5em 0 0em rgba(27, 162, 240, 0.2), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.5), -2.6em 0em 0 0em rgba(27, 162, 240, 0.7), -1.8em -1.8em 0 0em #ffffff; } }
@keyframes circle { 0%,
  100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2), 2.5em 0em 0 0em rgba(27, 162, 240, 0.2), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.2), 0em 2.5em 0 0em rgba(27, 162, 240, 0.2), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.2), -2.6em 0em 0 0em rgba(27, 162, 240, 0.5), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.7); }
  12.5% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(27, 162, 240, 0.2), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.2), 0em 2.5em 0 0em rgba(27, 162, 240, 0.2), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.2), -2.6em 0em 0 0em rgba(27, 162, 240, 0.2), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.5); }
  25% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.5), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.2), 0em 2.5em 0 0em rgba(27, 162, 240, 0.2), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.2), -2.6em 0em 0 0em rgba(27, 162, 240, 0.2), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2); }
  37.5% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.2), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.5), 2.5em 0em 0 0em rgba(27, 162, 240, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(27, 162, 240, 0.2), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.2), -2.6em 0em 0 0em rgba(27, 162, 240, 0.2), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2); }
  50% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.2), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2), 2.5em 0em 0 0em rgba(27, 162, 240, 0.5), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.2), -2.6em 0em 0 0em rgba(27, 162, 240, 0.2), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2); }
  62.5% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.2), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2), 2.5em 0em 0 0em rgba(27, 162, 240, 0.2), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.5), 0em 2.5em 0 0em rgba(27, 162, 240, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(27, 162, 240, 0.2), -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2); }
  75% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.2), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2), 2.5em 0em 0 0em rgba(27, 162, 240, 0.2), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.2), 0em 2.5em 0 0em rgba(27, 162, 240, 0.5), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2); }
  87.5% { box-shadow: 0em -2.6em 0em 0em rgba(27, 162, 240, 0.2), 1.8em -1.8em 0 0em rgba(27, 162, 240, 0.2), 2.5em 0em 0 0em rgba(27, 162, 240, 0.2), 1.75em 1.75em 0 0em rgba(27, 162, 240, 0.2), 0em 2.5em 0 0em rgba(27, 162, 240, 0.2), -1.8em 1.8em 0 0em rgba(27, 162, 240, 0.5), -2.6em 0em 0 0em rgba(27, 162, 240, 0.7), -1.8em -1.8em 0 0em #ffffff; } }
/* echoesCard */
.echoesCard { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; text-align: center; position: fixed; transition: all .3s linear; z-index: 100000; opacity: 0; visibility: hidden; }
.echoesCard * { margin: 0; padding: 0; font-size: 0; box-sizing: border-box; }
.echoesCard img { width: 100%; height: auto; vertical-align: bottom; }
.echoesCard.active { opacity: 1; visibility: visible; }
.echoesCard.none { display: none; }
.echoesCardCont { opacity: 0; visibility: hidden; padding: calc(40 / 750 * 100vw) calc(40 / 750 * 100vw) calc(30 / 750 * 100vw); width: calc(650 / 750 * 100vw); border-radius: calc(15 / 750 * 100vw); box-shadow: calc(10 / 750 * 100vw) calc(10 / 750 * 100vw) calc(20 / 750 * 100vw) calc(10 / 750 * 100vw) rgba(90, 90, 90, 0.3); background: #fff; position: fixed; top: 50%; left: 50%; z-index: 10000; transform: translate(-50%, -50%); transition: all .3s .5s ease; }
.echoesCardCont.active { opacity: 1; visibility: visible; }
.echoesCardTtl { display: block; }
.echoesCardLoading { opacity: 0; visibility: hidden; position: fixed; top: 50%; left: 50%; z-index: 10000; transform: translate(-50%, -50%); transition: all .3s ease; }
.echoesCardLoadingItem { margin: calc(200 / 750 * 100vw) auto; font-size: calc(50 / 750 * 100vw); width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: circle 1.3s infinite ease; animation: circle 1.3s infinite ease; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.echoesCardLoadingTxt { margin-bottom: calc(65 / 750 * 100vw); font-size: calc(40 / 750 * 100vw); font-weight: 600; color: #333; line-height: 1; display: inline-block; white-space: nowrap; }
.echoesCardLoadingTxt span { margin-left: calc(2 / 750 * 100vw); width: calc(20 / 750 * 100vw); height: calc(4 / 750 * 100vw); display: inline-block; vertical-align: middle; background-position: 0 0; background-repeat: repeat-x; background-size: calc(10 / 750 * 100vw) 100%; background-image: -webkit-linear-gradient(left, #333, #333 calc(5 / 750 * 100vw), transparent calc(5 / 750 * 100vw)); background-image: linear-gradient(to right, #333, #333 calc(5 / 750 * 100vw), transparent calc(5 / 750 * 100vw)); -webkit-animation: animation 1.3s linear infinite; animation: animation 1.3s linear infinite; }
.echoesCardLoading.active { opacity: 1; visibility: visible; }
.echoesCardWin { margin-bottom: calc(30 / 750 * 100vw); display: none; }
.echoesCardWin.active { display: block; }
.echoesCardLose { margin-bottom: calc(30 / 750 * 100vw); display: none; }
.echoesCardLose.active { display: block; }
.echoesCardOverlay { opacity: 1; visibility: visible; background: rgba(255, 255, 255, 0.97); position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999; }
.echoesCardClose { margin-top: calc(30 / 750 * 100vw); padding-top: calc(25 / 750 * 100vw); border-top: calc(2 / 750 * 100vw) solid #cdcdcd; line-height: 1; display: none; }
.echoesCardClose.active { display: block; }
.echoesCardCloseTxt { cursor: pointer; }
.echoesCardCloseTxt span { margin-right: -1em; font-size: calc(30 / 750 * 100vw); font-weight: 600; letter-spacing: -.02em; position: relative; }
.echoesCardCloseTxt span:before { content: ""; width: calc(32 / 750 * 100vw); height: calc(32 / 750 * 100vw); display: block; background: url(../images/close.png) 0 0/contain no-repeat; position: absolute; top: calc(50% - 16 / 750 * 100vw); left: calc(-50 / 750 * 100vw); }

@media screen and (max-width: 640px) { .echoesCardTtl img { width: calc(570 / 750 * 100vw); } }
@media screen and (min-width: 641px) { .echoesCardCont { padding: 40px 40px 30px; width: 450px; border-radius: 15px; box-shadow: 10px 10px 20px 10px rgba(90, 90, 90, 0.3); }
  .echoesCardTtl { margin: 0 0px; margin-bottom: 10px; }
  .echoesCardLoadingItem { margin: 90px auto; font-size: 30px; }
  .echoesCardLoadingTxt { margin-top: 20px; margin-bottom: 50px; font-size: 32px; }
  .echoesCardLoadingTxt span { margin-left: 5px; width: 20px; height: 4px; background-size: 10px 100%; background-image: -webkit-linear-gradient(left, #333, #333 5px, transparent 5px); background-image: linear-gradient(to right, #333, #333 5px, transparent 5px); }
  .echoesCardLoading.active { display: block; }
  .echoesCardWin { margin-bottom: 30px; }
  .echoesCardLose { margin-bottom: 30px; }
  .echoesCardClose { margin-top: 30px; padding-top: 20px; border-top: 2px solid #cdcdcd; }
  .echoesCardCloseTxt span { font-size: 26px; text-align: center; }
  .echoesCardCloseTxt span:before { content: ""; width: 26px; height: 26px; top: calc(50% - 13px); left: -40px; } }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

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

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

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

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

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

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

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

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

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

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

.slick-slide img { display: block; }

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

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

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

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

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

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

/*# sourceMappingURL=echoesCard.css.map */