/* ### mixin.scss ### */
/* echoes-link 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(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); }
  12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); }
  25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 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(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); }
  12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); }
  25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } }
/* echoes-link */
.echoes-link { font-family: "Hiragino Kaku Gothic ProN", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif; text-align: center; position: fixed; z-index: -9999; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease, z-index 0s .3s ease; }
.echoes-link * { margin: 0; padding: 0; font-size: 0; box-sizing: border-box; }
.echoes-link img { max-width: 100%; height: auto; vertical-align: bottom; }
.echoes-link video { width: 100%; }
.echoes-link.is-active { opacity: 1; visibility: visible; z-index: 9999999; transition: opacity .3s ease, visibility .3s ease, z-index 0s; }
.echoes-link.zoomOut { padding: 20px 0; }
.echoes-link.zoomOut .echoes-link-cont { zoom: 60%; max-height: initial; }
.echoes-link.zoomOut .echoes-link-loading-item { zoom: 60%; }
.echoes-link.zoomOut .echoes-link-loading-text { zoom: 60%; }
.echoes-link.zoomOut .echoes-link-loading-note { zoom: 60%; }
.echoes-link-cont { opacity: 0; visibility: hidden; width: min(calc(680 / 750 * 100vw), 45vh); position: fixed; top: 50%; left: 50%; z-index: 10000000; transform: scale(0) translate(-50%, -50%); transition: opacity .3s .5s ease, visibility .3s .5s ease; }
.echoes-link-cont::-webkit-scrollbar { width: calc(10 / 750 * 100vw); }
.echoes-link-cont::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: calc(5 / 750 * 100vw); }
.echoes-link-cont.is-active { opacity: 1; visibility: visible; transform: scale(1) translate(-50%, -50%); }
.echoes-link-cont-secondary { width: calc(550 / 750 * 100vw); }
.echoes-link-loading { opacity: 0; visibility: hidden; width: calc(670 / 750 * 100vw); position: fixed; top: 50%; left: 50%; z-index: 10000000; transform: translate(-50%, -50%); transition: opacity .3s ease, visibility .3s ease; }
.echoes-link-loading-item { 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); }
.echoes-link-loading-text { margin-bottom: calc(65 / 750 * 100vw); font-size: calc(40 / 750 * 100vw); font-weight: 600; color: #fff; line-height: 1; display: inline-block; white-space: nowrap; }
.echoes-link-loading-text span { margin-left: calc(2 / 750 * 100vw); width: calc(20 / 750 * 100vw); height: calc(4 / 750 * 100vw); display: inline-block; vertical-align: middle; background-image: -webkit-linear-gradient(left, #fff, #fff calc(5 / 750 * 100vw), transparent calc(5 / 750 * 100vw)); background-image: linear-gradient(to right, #fff, #fff calc(5 / 750 * 100vw), transparent calc(5 / 750 * 100vw)); background-position: 0 0; background-size: calc(10 / 750 * 100vw) 100%; background-repeat: repeat-x; -webkit-animation: animation 1.3s linear infinite; animation: animation 1.3s linear infinite; }
.echoes-link-loading.is-active { opacity: 1; visibility: visible; display: block; }
.echoes-link-video-wrap { opacity: 0; visibility: hidden; width: calc(670 / 750 * 100vw); position: fixed; top: 50%; left: 50%; z-index: 10000000; transform: translate(-50%, -50%); transition: opacity .3s .5s ease, visibility .3s .5s ease; }
.echoes-link-video-wrap.is-active { opacity: 1; visibility: visible; }
.echoes-link-video-cont { position: relative; }
.echoes-link-video-cont::before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); display: block; position: absolute; top: 0; left: 0; z-index: 9999; }
.echoes-link-video-cont.is-active::before { content: none; }
.echoes-link-video-progress { margin-top: calc(20 / 750 * 100vw); width: 100%; background-color: rgba(96, 100, 103, 0.5); }
.echoes-link-video-progress-bar { width: 100%; height: calc(5 / 750 * 100vw); border-radius: calc(20 / 750 * 100vw); border: none; background-color: #fff; transform: scaleX(0); transform-origin: top left; transition: all .5s; }
.echoes-link-video-note { margin-top: calc(50 / 750 * 100vw); font-size: calc(32 / 750 * 100vw); color: #fff; line-height: 1; text-align: center; letter-spacing: .05em; }
.echoes-link-video-note + .echoes-link-video-note { margin-top: calc(20 / 750 * 100vw); }
.echoes-link-video-button { display: none; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 10000; }
.echoes-link-video-button::before { content: ""; width: calc(92 / 750 * 100vw); height: calc(92 / 750 * 100vw); display: block; background: url(../img/echoesLink/icon_video.png) 0 0/contain no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.echoes-link-video-button.is-active { display: block; }
.echoes-link-banner { margin: min(calc(20 / 750 * 100vw), 20px) 0 min(calc(40 / 750 * 100vw), 40px); }
.echoes-link-app { margin: min(calc(40 / 750 * 100vw), 40px) 0; }
.echoes-link-app-box { display: flex; justify-content: center; }
.echoes-link-app-title { margin-bottom: min(calc(30 / 750 * 100vw), 30px); font-size: min(calc(38 / 750 * 100vw), 24px); font-weight: 600; color: #fff; line-height: 1; letter-spacing: .05em; text-align: center; }
.echoes-link-app-image:not(:last-of-type) { margin-right: min(calc(20 / 750 * 100vw), 20px); }
.echoes-link-wchance { position: relative; }
.echoes-link-wchance-image { margin-bottom: calc(40 / 750 * 100vw); line-height: 1; }
.echoes-link-wchance-image-image img { width: calc(585 / 750 * 100vw); }
.echoes-link-wchance-x-button { margin-bottom: calc(50 / 750 * 100vw); padding: calc(20 / 750 * 100vw) 0; font-size: calc(30 / 750 * 100vw); color: #1DA1F2; line-height: 1; text-align: center; text-decoration: none; border: min(calc(2 / 750 * 100vw), 2px) solid #1DA1F2; border-radius: calc(60 / 750 * 100vw); background-color: #fff; display: block; }
.echoes-link-wchance-x-button:hover { text-decoration: none; }
.echoes-link-wchance-x-button:not(:last-of-type) { margin-bottom: calc(30 / 750 * 100vw); }
.echoes-link-wchance-x-button::before, .echoes-link-wchance-x-button::after { content: none !important; }
.echoes-link-wchance-button { margin-bottom: calc(40 / 750 * 100vw); }
.echoes-link-wchance-button-fixed { position: fixed; transform: translateY(130%); z-index: 10000; transition: transform .5s, opacity .3s; cursor: pointer; }
.echoes-link-wchance-button-fixed img { width: 100%; height: auto; vertical-align: bottom; }
.echoes-link-wchance-button-fixed.fixed1 { width: calc(700 / 750 * 100vw); left: calc(50% - 350 / 750 * 100vw); bottom: 0; }
.echoes-link-wchance-button-fixed.fixed2 { width: calc(245 / 750 * 100vw); right: 2%; bottom: 2%; }
.echoes-link-wchance-button-fixed.zoomOut { zoom: 60%; }
.echoes-link-wchance-button-fixed.is-active { transform: translateY(0); transition: transform .5s .5s, opacity .3s; }
.echoes-link-wchance-button-fixed.is-active:hover { opacity: .9; }
.echoes-link-wchance-text { margin-bottom: calc(50 / 750 * 100vw); font-size: calc(28 / 750 * 100vw); line-height: 1.67; color: #fff; }
.echoes-link-wchance-text strong { font-size: 120%; }
.echoes-link-wchance-text span { font-size: 100%; font-weight: 600; color: #1DA1F2; }
.echoes-link-wchance-note { padding-left: 1em; text-indent: -1em; font-size: calc(24 / 750 * 100vw); line-height: 1.33; color: #fff; text-align: left; }
.echoes-link-wchance-note:last-of-type { margin-bottom: calc(50 / 750 * 100vw); }
.echoes-link-wchance-note a { font-size: calc(24 / 750 * 100vw); color: #1DA1F2; line-height: 1.33; text-align: left; text-decoration: underline; }
.echoes-link-wchance-note a::before, .echoes-link-wchance-note a::after { content: none !important; }
.echoes-link-gifts { position: relative; }
.echoes-link-gifts-button { margin-bottom: calc(40 / 750 * 100vw); }
.echoes-link-gifts-button-fixed { position: fixed; transform: translateY(130%); z-index: 100000; transition: transform .5s, opacity .3s; cursor: pointer; }
.echoes-link-gifts-button-fixed img { width: 100%; height: auto; vertical-align: bottom; }
.echoes-link-gifts-button-fixed.fixed1 { width: calc(700 / 750 * 100vw); left: calc(50% - 350 / 750 * 100vw); bottom: 0; }
.echoes-link-gifts-button-fixed.fixed2 { width: calc(245 / 750 * 100vw); right: 2%; bottom: 2%; }
.echoes-link-gifts-button-fixed.zoomOut { zoom: 60%; }
.echoes-link-gifts-button-fixed.is-active { transform: translateY(0); transition: transform .5s .5s, opacity .3s; }
.echoes-link-gifts-button-fixed.is-active:hover { opacity: .9; }
.echoes-link-gifts-close { padding: calc(22 / 750 * 100vw) calc(50 / 750 * 100vw); font-size: calc(30 / 750 * 100vw); font-weight: 600; color: #737373; line-height: 1; display: inline-block; border-radius: calc(48 / 750 * 100vw); background-color: #fff; cursor: pointer; }
.echoes-link-win, .echoes-link-lose { margin-bottom: calc(50 / 750 * 100vw); }
.echoes-link-overlay { opacity: 1; visibility: visible; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999999; }
.echoes-link-close { padding: calc(30 / 750 * 100vw) calc(60 / 750 * 100vw); font-size: calc(36 / 750 * 100vw); font-weight: 600; color: #737373; line-height: 1; display: inline-block; border-radius: calc(48 / 750 * 100vw); background-color: #fff; cursor: pointer; }

@media screen and (max-width: 599px) { .echoes-link-wchance-image { margin-bottom: calc(30 / 750 * 100vw); } }
@media screen and (min-width: 600px) and (max-width: 1024px) { .echoes-link.horizontal .echoes-link-cont { zoom: 60%; max-height: initial; }
  .echoes-link.horizontal .echoes-link-loading-item { zoom: 60%; }
  .echoes-link.horizontal .echoes-link-loading-text { zoom: 60%; }
  .echoes-link.horizontal .echoes-link-loading-note { zoom: 60%; }
  .echoes-link-cont { width: min(calc(400 / 750 * 100vw), 45vh); }
  .echoes-link-loading { width: min(calc(500 / 750 * 100vw), 500px); }
  .echoes-link-loading-item { margin: min(calc(140 / 750 * 100vw), 100px) auto; font-size: min(calc(45 / 750 * 100vw), 30px); }
  .echoes-link-loading-text { margin: min(calc(40 / 750 * 100vw), 30px) 0 min(calc(100 / 750 * 100vw), 80px); font-size: min(calc(36 / 750 * 100vw), 30px); }
  .echoes-link-loading-text span { margin-left: calc(2 / 750 * 100vw); width: min(calc(20 / 750 * 100vw), 18px); height: calc(4 / 750 * 100vw); background-size: calc(10 / 750 * 100vw) 100%; background-image: -webkit-linear-gradient(left, #fff, #fff calc(5 / 750 * 100vw), transparent calc(5 / 750 * 100vw)); background-image: linear-gradient(to right, #fff, #fff calc(5 / 750 * 100vw), transparent calc(5 / 750 * 100vw)); }
  .echoes-link-video-wrap { width: min(calc(500 / 750 * 100vw), 500px); }
  .echoes-link-video-progress { margin-top: min(calc(16 / 750 * 100vw), 14px); }
  .echoes-link-video-progress-bar { height: calc(4 / 750 * 100vw); }
  .echoes-link-video-note { margin-top: min(calc(30 / 750 * 100vw), 28px); font-size: min(calc(24 / 750 * 100vw), 20px); }
  .echoes-link-video-note + .echoes-link-video-note { margin-top: min(calc(20 / 750 * 100vw), 18px); }
  .echoes-link-wchance-image { margin-bottom: min(calc(30 / 750 * 100vw), 28px); }
  .echoes-link-wchance-x-button { margin-bottom: min(calc(30 / 750 * 100vw), 28px); padding: min(calc(12 / 750 * 100vw), 10px) 0; font-size: min(calc(22 / 750 * 100vw), 20px); border-radius: min(calc(60 / 750 * 100vw), 55px); }
  .echoes-link-wchance-x-button:not(:last-of-type) { margin-bottom: min(calc(20 / 750 * 100vw), 18px); }
  .echoes-link-wchance-button { margin-bottom: min(calc(30 / 750 * 100vw), 28px); font-size: min(calc(24 / 750 * 100vw), 22px); }
  .echoes-link-wchance-button-fixed.fixed1 { width: 700px; left: calc(50% - 350px); bottom: 0; }
  .echoes-link-wchance-button-fixed.fixed2 { width: 245px; right: 3%; bottom: 3%; }
  .echoes-link-wchance-text { margin-bottom: min(calc(40 / 750 * 100vw), 30px); font-size: min(calc(24 / 750 * 100vw), 22px); }
  .echoes-link-wchance-note { font-size: min(calc(18 / 750 * 100vw), 16px); }
  .echoes-link-wchance-note:last-of-type { margin-bottom: min(calc(30 / 750 * 100vw), 28px); }
  .echoes-link-wchance-note a { font-size: min(calc(18 / 750 * 100vw), 15px); }
  .echoes-link-gifts-button { margin-bottom: min(calc(30 / 750 * 100vw), 28px); font-size: min(calc(24 / 750 * 100vw), 22px); }
  .echoes-link-gifts-button-fixed.fixed1 { width: 700px; left: calc(50% - 350px); bottom: 0; }
  .echoes-link-gifts-button-fixed.fixed2 { width: 245px; right: 3%; bottom: 3%; }
  .echoes-link-win, .echoes-link-lose { margin-bottom: min(calc(30 / 750 * 100vw), 28px); position: relative; }
  .echoes-link-close { padding: min(calc(15 / 750 * 100vw), 14px) min(calc(30 / 750 * 100vw), 30px); font-size: min(calc(26 / 750 * 100vw), 24px); } }
@media screen and (min-width: 1025px) { .echoes-link-cont { width: min(510px, 50vh); }
  .echoes-link-cont::-webkit-scrollbar { width: 8px; }
  .echoes-link-cont::-webkit-scrollbar-thumb { border-radius: 4px; }
  .echoes-link-loading { width: 750px; }
  .echoes-link-loading-item { margin: 90px auto; font-size: 30px; }
  .echoes-link-loading-text { margin-top: 20px; margin-bottom: 50px; font-size: 32px; }
  .echoes-link-loading-text span { margin-left: 5px; width: 20px; height: 4px; background-size: 10px 100%; background-image: -webkit-linear-gradient(left, #fff, #fff 5px, transparent 5px); background-image: linear-gradient(to right, #fff, #fff 5px, transparent 5px); }
  .echoes-link-video-wrap { width: 750px; }
  .echoes-link-video-progress { margin-top: 10px; }
  .echoes-link-video-progress-bar { height: 4px; }
  .echoes-link-video-note { margin-top: 25px; font-size: 16px; }
  .echoes-link-video-note + .echoes-link-video-note { margin-top: 10px; }
  .echoes-link-video-button { transition: opacity .3s; }
  .echoes-link-video-button::before { width: 92px; height: 92px; }
  .echoes-link-video-button:hover { opacity: .7; }
  .echoes-link-banner { margin: 20px 0 30px; }
  .echoes-link-app { margin: 30px 0; }
  .echoes-link-app-title { margin-bottom: 20px; font-size: 24px; }
  .echoes-link-app-image:not(:last-of-type) { margin-right: 20px; }
  .echoes-link-app-image a { display: inline-block; }
  .echoes-link-wchance-image { margin-bottom: 30px; }
  .echoes-link-wchance-image-image img { width: 400px; }
  .echoes-link-wchance-x-button { margin-bottom: 30px; padding: 12px 0; font-size: 22px; border-radius: 30px; border: 1px solid #1DA1F2; }
  .echoes-link-wchance-x-button:not(:last-of-type) { margin-bottom: 20px; }
  .echoes-link-wchance-button-fixed.fixed1 { width: 700px; left: calc(50% - 350px); bottom: 0; }
  .echoes-link-wchance-button-fixed.fixed2 { width: 245px; }
  .echoes-link-wchance-text { margin-bottom: 30px; font-size: 24px; }
  .echoes-link-wchance-note { font-size: 18px; }
  .echoes-link-wchance-note:last-of-type { margin-bottom: 30px; }
  .echoes-link-wchance-note a { font-size: 18px; }
  .echoes-link-gifts-button-fixed.fixed1 { width: 700px; left: calc(50% - 350px); bottom: 0; }
  .echoes-link-gifts-button-fixed.fixed2 { width: 245px; }
  .echoes-link-win, .echoes-link-lose { margin-bottom: 30px; }
  .echoes-link-close { padding: 15px 35px; font-size: 22px; border-radius: 48px; } }