@charset "UTF-8";
:root {
  --shrink-vh: 90vh;
}

/* モバイルのURLバー起伏に強い単位に差し替え（対応ブラウザだけ） */
@supports (height: 1svh) {
  :root {
    --shrink-vh: 90svh;
  } /* 安定した小さめvh */
}
@supports (height: 1dvh) {
  :root {
    --shrink-vh: 90dvh;
  } /* 表示中の実寸vhが欲しいならこっち */
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-none {
  display: none !important;
}
@media screen and (width >= 320px) {
  .d-xs-inline {
    display: inline !important;
  }
}
@media screen and (width >= 320px) {
  .d-xs-inline-block {
    display: inline-block !important;
  }
}
@media screen and (width >= 320px) {
  .d-xs-block {
    display: block !important;
  }
}
@media screen and (width >= 320px) {
  .d-xs-flex {
    display: flex !important;
  }
}
@media screen and (width >= 320px) {
  .d-xs-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (width >= 320px) {
  .d-xs-grid {
    display: grid !important;
  }
}
@media screen and (width >= 320px) {
  .d-xs-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (width >= 320px) {
  .d-xs-none {
    display: none !important;
  }
}
@media screen and (width >= 376px) {
  .d-ms-inline {
    display: inline !important;
  }
}
@media screen and (width >= 376px) {
  .d-ms-inline-block {
    display: inline-block !important;
  }
}
@media screen and (width >= 376px) {
  .d-ms-block {
    display: block !important;
  }
}
@media screen and (width >= 376px) {
  .d-ms-flex {
    display: flex !important;
  }
}
@media screen and (width >= 376px) {
  .d-ms-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (width >= 376px) {
  .d-ms-grid {
    display: grid !important;
  }
}
@media screen and (width >= 376px) {
  .d-ms-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (width >= 376px) {
  .d-ms-none {
    display: none !important;
  }
}
@media screen and (width >= 544px) {
  .d-sm-inline {
    display: inline !important;
  }
}
@media screen and (width >= 544px) {
  .d-sm-inline-block {
    display: inline-block !important;
  }
}
@media screen and (width >= 544px) {
  .d-sm-block {
    display: block !important;
  }
}
@media screen and (width >= 544px) {
  .d-sm-flex {
    display: flex !important;
  }
}
@media screen and (width >= 544px) {
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (width >= 544px) {
  .d-sm-grid {
    display: grid !important;
  }
}
@media screen and (width >= 544px) {
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (width >= 544px) {
  .d-sm-none {
    display: none !important;
  }
}
@media screen and (width >= 768px) {
  .d-md-inline {
    display: inline !important;
  }
}
@media screen and (width >= 768px) {
  .d-md-inline-block {
    display: inline-block !important;
  }
}
@media screen and (width >= 768px) {
  .d-md-block {
    display: block !important;
  }
}
@media screen and (width >= 768px) {
  .d-md-flex {
    display: flex !important;
  }
}
@media screen and (width >= 768px) {
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (width >= 768px) {
  .d-md-grid {
    display: grid !important;
  }
}
@media screen and (width >= 768px) {
  .d-md-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (width >= 768px) {
  .d-md-none {
    display: none !important;
  }
}
@media screen and (width >= 992px) {
  .d-lg-inline {
    display: inline !important;
  }
}
@media screen and (width >= 992px) {
  .d-lg-inline-block {
    display: inline-block !important;
  }
}
@media screen and (width >= 992px) {
  .d-lg-block {
    display: block !important;
  }
}
@media screen and (width >= 992px) {
  .d-lg-flex {
    display: flex !important;
  }
}
@media screen and (width >= 992px) {
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (width >= 992px) {
  .d-lg-grid {
    display: grid !important;
  }
}
@media screen and (width >= 992px) {
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (width >= 992px) {
  .d-lg-none {
    display: none !important;
  }
}
@media screen and (width >= 1500px) {
  .d-xl-inline {
    display: inline !important;
  }
}
@media screen and (width >= 1500px) {
  .d-xl-inline-block {
    display: inline-block !important;
  }
}
@media screen and (width >= 1500px) {
  .d-xl-block {
    display: block !important;
  }
}
@media screen and (width >= 1500px) {
  .d-xl-flex {
    display: flex !important;
  }
}
@media screen and (width >= 1500px) {
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (width >= 1500px) {
  .d-xl-grid {
    display: grid !important;
  }
}
@media screen and (width >= 1500px) {
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (width >= 1500px) {
  .d-xl-none {
    display: none !important;
  }
}
@media screen and (width >= 1920px) {
  .d-big-inline {
    display: inline !important;
  }
}
@media screen and (width >= 1920px) {
  .d-big-inline-block {
    display: inline-block !important;
  }
}
@media screen and (width >= 1920px) {
  .d-big-block {
    display: block !important;
  }
}
@media screen and (width >= 1920px) {
  .d-big-flex {
    display: flex !important;
  }
}
@media screen and (width >= 1920px) {
  .d-big-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (width >= 1920px) {
  .d-big-grid {
    display: grid !important;
  }
}
@media screen and (width >= 1920px) {
  .d-big-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (width >= 1920px) {
  .d-big-none {
    display: none !important;
  }
}

html {
  font-size: 2.6666666667vw;
  color: #221E1F;
  scroll-behavior: smooth;
  touch-action: manipulation;
}
@media screen and (width >= 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}
@media screen and (width >= 1500px) {
  html {
    font-size: 10px;
  }
}

body {
  flex-direction: column;
  margin: 0;
  font-family: "M PLUS 1", sans-serif;
  font-style: normal;
  font-size: 1.6rem;
  overflow-x: hidden;
}
@media screen and (width >= 768px) {
  body {
    position: relative;
    font-size: 1.8rem;
  }
}

img {
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
}

ul, ol, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

*:focus {
  outline: none;
}

.u-dotg {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.u-noto {
  font-family: "Noto Sans JP", sans-serif;
}
.u-textshadow {
  text-shadow: -1px 3px 0 #fff, 3px -1px 0 #fff, -1px 3px 0 #fff, -3px 1px 0 #fff;
}
.u-textshadow_b {
  text-shadow: -1px 3px 0 #221E1F, 3px -1px 0 #221E1F, -1px 3px 0 #221E1F, -3px 1px 0 #221E1F;
}
.u-center {
  text-align: center;
}
.u-bold {
  font-weight: bold;
}
.u-red {
  color: #E30314;
}
.u-mb32 {
  margin-bottom: 3.2rem;
}
.u-mb24 {
  margin-bottom: 2.4rem;
}
.u-mb16 {
  margin-bottom: 1.6rem;
}

.h100vh {
  height: 100svh;
}

.debug {
  display: none;
  background: #0b1020;
  color: #c6f3ff;
  padding: 12px;
  border-radius: 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  white-space: pre-wrap;
}

.hidden {
  display: none !important;
}

main {
  position: relative;
  overflow: hidden;
}
main.start {
  height: calc(100svh + 8rem);
}
@media screen and (width >= 376px) {
  main.start {
    height: 100svh;
  }
}
@media screen and (width >= 768px) {
  main {
    position: static;
    flex: 1 1 auto;
    height: 100svh;
    min-height: 0;
    background-image: url("../assets/img/shindan/chillipepper_bg.png"), url("../assets/img/shindan/bg_pc.jpg");
    background-attachment: fixed;
    background-size: contain, cover;
    background-position: center;
  }
}
@media screen and (width >= 1920px) {
  main {
    padding-top: 0;
  }
}
main .pc-img {
  position: fixed;
  bottom: 0;
  margin: auto;
}
main .pc-img_logo {
  bottom: 31vh;
  left: 9.86vw;
  z-index: 4;
  max-width: 23.7rem;
}
main .pc-img_qr {
  bottom: 40vh;
  left: 76.7vw;
  z-index: 4;
  max-width: 15rem;
}

.inner {
  position: relative;
  height: 101%;
}
@media screen and (width >= 768px) {
  .inner {
    position: static;
  }
}

.bg {
  position: relative;
  max-width: 40rem;
  margin: 0 auto;
  background-image: url("../assets/img/shindan/bg.jpg");
  background-attachment: fixed;
  background-size: contain;
  background-position: center;
  overflow: hidden;
}
.bg.start {
  overflow: visible;
  height: calc(100svh + 8rem);
  /*@include mq(ms) {
    height: calc(100vh - 11rem);
  }*/
}
@media screen and (width >= 376px) {
  .bg.start {
    height: 100svh;
  }
}
@media screen and (width >= 768px) {
  .bg.start {
    max-height: 103rem;
    min-height: 70rem;
    aspect-ratio: 50/103;
    height: min(1030px, var(--shrink-vh));
    /*width: 40rem;
    height: 82.4rem;
    height: calc(100vh - max(2rem, 100dvh - clamp(70rem, 10vw + 60rem, 103rem)));*/
  }
}
@media screen and (width >= 1920px) {
  .bg.start {
    /*width: 50rem;
    height: 103rem;
    height: clamp(82.4rem, calc(32.1875vw + 20.6rem), 103rem);*/
  }
}
.bg.loading {
  height: clamp(82.4rem, 32.1875vw + 20.6rem, 103rem);
}
@media screen and (width >= 768px) {
  .bg {
    position: absolute;
    bottom: 12rem;
    left: 0;
    right: 0;
    height: calc(100vh - max(2rem, 100dvh - clamp(70rem, 10vw + 60rem, 103rem)));
    margin: auto;
    border-radius: 3rem 3rem 0 0;
    box-shadow: 0 0 3rem #FF6A00;
  }
}
@media screen and (width >= 1920px) {
  .bg {
    width: clamp(40rem, 15.625vw + 10rem, 50rem);
    max-width: initial;
    height: clamp(82.4rem, 32.1875vw + 20.6rem, 103rem);
  }
}

.footer {
  position: relative;
  height: 12rem;
  background: #E30314;
}
.footer-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7.6rem;
  margin: auto;
}
.footer img {
  display: block;
  max-width: 16.2rem;
  margin: 0 auto 0.8rem;
}
.footer .copy {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #fff;
}

button {
  color: #221E1F;
  font-family: "M PLUS 1", sans-serif;
}

section {
  position: relative;
  z-index: 4;
  margin: 0 auto;
}
@media screen and (width >= 1920px) {
  section {
    max-width: initial;
    height: clamp(82.4rem, 32.1875vw + 20.6rem, 103rem);
  }
}

.gray-btn {
  width: 100%;
  padding-left: 1rem;
  padding: 0;
  border: none;
  background: none;
}
.gray-btn:hover {
  opacity: 0.8;
}
.gray-btn img {
  width: 29.4rem;
  height: 5.6rem;
  margin: 0 auto;
}
@media screen and (width >= 1920px) {
  .gray-btn img {
    width: clamp(29.4rem, 9.0625vw + 12rem, 35.2rem);
    height: clamp(5.6rem, 1.75vw + 2.24rem, 6.72rem);
  }
}

#startBtn {
  margin-top: 3.4285714286%;
  margin-bottom: 4.8571%;
}
@media screen and (width >= 768px) {
  #startBtn {
    width: 71%;
    max-width: 35.2rem;
    margin: 3.5010940919% auto 0;
  }
  #startBtn img {
    width: auto;
    height: 100%;
  }
}

#retryBtn {
  margin-bottom: 7.55rem;
}

#backBtn {
  grid-template-columns: 2rem 1fr;
  align-items: center;
  margin: 0 auto;
  color: #fff;
  font-size: 1.6rem;
  border: none;
}
#backBtn:before {
  content: "";
  display: block;
  width: 1.7rem;
  height: 2.2rem;
  background: url(../assets/img/shindan/loop-w.svg) no-repeat;
  margin-right: 0.3rem;
}
#backBtn.backq-btn {
  width: 15.6rem;
  height: 6.2rem;
  padding: 0 1.8rem 0.4rem 2rem;
  background: url(../assets/img/shindan/return-bg.png) no-repeat;
  background-size: cover;
}
#backBtn.backtop-btn {
  width: 21.9rem;
  height: 6.9rem;
  padding: 0 3rem 0.4rem 3.5rem;
  text-align: center;
  text-decoration: none;
  background: url(../assets/img/shindan/return-bg2.png) no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

.cta-row {
  position: relative;
  margin-left: -1rem;
}
.cta-row:hover {
  opacity: 0.8;
}
.cta-row img {
  width: 31.5rem !important;
  height: 7.8rem;
  margin: 0 auto;
}

#startSection {
  position: relative;
  height: 100%;
  /*p {
    margin: 0 0 0 .9rem;
  }*/
}
@media screen and (width >= 1920px) {
  #startSection {
    height: auto;
  }
}
#startSection h1 {
  margin: 0;
}
@media screen and (width >= 768px) {
  #startSection h1 {
    margin: 0 0 0 -4rem;
  }
}
#startSection h1 img {
  width: 100%;
  max-width: 37.7rem;
  margin: 0 auto;
  padding-top: 4.5584045584%;
}
@media screen and (width >= 768px) {
  #startSection h1 img {
    max-width: 37.7rem;
  }
}
#startCatch {
  width: 25.2rem;
  height: auto;
  margin: -2rem auto 0;
}
@media screen and (width >= 768px) {
  #startCatch {
    width: 62.75%;
    max-width: 28.4rem;
    margin: 0 auto;
  }
}
@media screen and (width >= 1920px) {
  #startCatch {
    margin: auto;
  }
}
#startCatch img {
  width: 100%;
}
#startIllust {
  position: absolute;
  bottom: 0;
  /*@include mq(xs) {
    bottom: -.5rem;
  }*/
}
#startIllust_pc {
  position: absolute;
  bottom: 12rem;
  left: 0;
  right: 0;
  max-width: 65.4rem;
  max-height: 26.6rem;
  width: auto;
  margin: auto;
}
@media screen and (width >= 1920px) {
  #startIllust_pc {
    width: clamp(65.4rem, 20.46875vw + 26.1rem, 78.5rem);
    max-width: initial;
  }
}

.chilli_pc {
  position: absolute;
  top: 27%;
  right: -19%;
  z-index: 2;
  width: 50%;
}

@media screen and (width >= 1920px) {
  #quizSection {
    height: auto;
  }
}

.question-area {
  height: calc(100vh - max(2rem, 100dvh - clamp(70rem, 10vw + 60rem, 103rem)));
  padding: 4rem 2.8rem 6rem;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  box-sizing: border-box;
}

.ramen_question {
  width: 32.5rem;
  margin: 0 auto 3.6rem;
}
@media screen and (width >= 1920px) {
  .ramen_media {
    width: 100%;
  }
}
.ramen_choices {
  row-gap: 3rem;
  grid-template-rows: 1fr 1fr;
  margin-bottom: 4rem;
}
.ramen_choice {
  position: relative;
  width: 100%;
  height: 12.6rem;
  padding: 0 2rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: left;
  font-weight: 500;
  background: #fff;
  border: 0.2rem solid #221E1F;
  border-radius: 2.4rem;
  box-shadow: 0 0.3rem 0 rgb(255, 3, 20);
  box-sizing: border-box;
}
.ramen_choice:before {
  content: "";
  position: absolute;
  top: -2.1rem;
  left: -1.3rem;
  display: block;
  width: 6.7rem;
  height: 5.2rem;
}
@media screen and (width >= 1920px) {
  .ramen_choice:before {
    top: -2.8rem;
  }
}
.ramen_choice-a:before {
  background: url("../assets/img/shindan/a.svg") no-repeat;
  background-size: cover;
}
.ramen_choice-b:before {
  background: url("../assets/img/shindan/b.svg") no-repeat;
  background-size: cover;
}
@media screen and (width >= 768px) {
  .ramen_choice {
    height: clamp(12.6rem, 4.6875vw + 3.6rem, 15.6rem);
    font-size: clamp(1.8rem, 1.5625vw - 1.2rem, 2.1rem);
    line-height: clamp(1.8rem, 2.5vw - 3rem, 3.4rem);
  }
  .ramen_choice .u-f16 {
    font-size: clamp(1.6rem, 1.5625vw - 1.2rem, 2.1rem);
  }
}

#loading {
  position: absolute;
  inset: 0;
  place-items: normal;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease; /* フェード時間 */
  z-index: 5;
  background-image: url(../assets/img/shindan/bg_pc.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  border-radius: 3rem 3rem 0 0;
}
@media screen and (width >= 768px) {
  #loading {
    position: absolute;
    place-items: center;
  }
}
#loading.show {
  height: 100svh;
  opacity: 1;
  pointer-events: auto;
}
#loading.fadeout {
  opacity: 0;
  pointer-events: none;
}
#loading-bg {
  position: relative;
  width: 100%;
  height: 100vh;
}
@media screen and (width >= 768px) {
  #loading-bg {
    height: auto;
  }
}
#loading img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 15.6rem;
  margin: auto;
}

#resultSection #result_top {
  height: 4rem;
}
#resultSection #totop {
  position: relative;
  z-index: 4;
  display: block;
  bottom: -1.5rem;
  left: calc(100% - 6.9rem);
  width: 6.9rem;
  height: 7.1rem;
}
#resultSection #totop img {
  width: 100%;
}

#result_inner {
  height: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#result_inner::-webkit-scrollbar {
  display: none;
}
@media screen and (width >= 768px) {
  #result_inner {
    height: calc(100vh - max(2rem, 100dvh - clamp(70rem, 10vw + 60rem, 103rem)));
  }
}
@media screen and (width >= 1920px) {
  #result_inner {
    height: 100%;
  }
}
#result_head {
  margin-bottom: 1.4rem;
  font-size: 2.6rem;
}
#result_head img {
  width: 23.5rem;
}
#resultMainImage {
  width: 100%;
}
#result_text {
  width: calc(100% - 4.8rem);
  margin: 0 auto 11.8rem;
  padding: 3.2rem 2.4rem;
  border: 0.2rem solid #221E1F;
  border-radius: 2.4rem;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0.4rem 0.4rem 0 rgb(0, 0, 0);
}
#result_lead {
  margin-bottom: 3.2rem;
  color: #000;
  font-size: 2rem;
  line-height: 2.4rem;
}
@media screen and (width >= 1920px) {
  #result_lead {
    font-size: clamp(2rem, 1.5625vw - 1rem, 3rem);
    line-height: clamp(2.4rem, 1.5625vw - 0.6rem, 3.4rem);
  }
}
#result_body p {
  margin-bottom: 3rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #221E1F;
  font-weight: 500;
}
@media screen and (width >= 1920px) {
  #result_body p {
    font-size: clamp(1.8rem, 0.9375vw, 2.4rem);
    line-height: clamp(2.6rem, 1.5625vw - 0.4rem, 3.6rem);
  }
}
#result_block {
  width: 100%;
  padding: 10rem 2.4rem 3.9rem;
  background: #FFFDE7;
  box-sizing: border-box;
}

#block1 {
  position: relative;
}
#block1_head {
  position: absolute;
  top: -16rem;
  left: 0;
  right: 0;
  margin: auto;
}
#block1_title {
  position: relative;
  width: 34.7rem;
  margin: 0 0 1.6rem -1.1rem;
}
@media screen and (width >= 768px) {
  #block1_title {
    margin: 0 auto 1.6rem;
  }
}
#block1_titleText {
  position: relative;
  z-index: 2;
}
#block1_itemName {
  margin-bottom: 2.4rem;
  font-size: 2.8rem;
}
#block1_text p {
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (width >= 1920px) {
  #block1_text p {
    font-size: clamp(1.8rem, 0.9375vw, 2.4rem);
    line-height: clamp(2.6rem, 1.5625vw - 0.4rem, 3.6rem);
  }
}
#block1_attention {
  margin-bottom: 5.4rem;
  font-size: 1.4rem;
  font-weight: 500;
}
@media screen and (width >= 1920px) {
  #block1_attention {
    font-size: clamp(1.8rem, 0.9375vw, 2.4rem);
    line-height: clamp(2.6rem, 1.5625vw - 0.4rem, 3.6rem);
  }
}
#block2_title {
  margin-top: 4.3rem;
  margin-bottom: 2.4rem;
  font-size: 3.2rem;
  line-height: 3.2rem;
}
#block2_titleImg {
  max-width: 25.7rem;
  margin: 0 auto 2.4rem;
}
#block2_text {
  margin-bottom: 5.4rem;
  font-weight: 500;
}
@media screen and (width >= 1920px) {
  #block2_text {
    font-size: clamp(1.8rem, 0.9375vw, 2.4rem);
    line-height: clamp(2.6rem, 1.5625vw - 0.4rem, 3.6rem);
  }
}
#block2 img {
  width: 100%;
}

.block2_title-small {
  font-size: 2.1rem;
}

.share {
  margin: 4.6rem 0 4.8rem;
}
.share p {
  max-width: 23.3rem;
  margin: 0 auto 3.2rem;
}
.share_btn {
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  max-width: 25.6rem;
  margin: 0 auto;
}
.share_btn a {
  width: 6.4rem;
  height: 6.4rem;
}
.share_btn a img {
  width: 100%;
}
.share_btn a:hover {
  opacity: 0.8;
}

.other {
  margin-bottom: 4rem;
}
.other p {
  max-width: 33rem;
  margin: 0 auto 3.2rem;
}
.others {
  row-gap: 1.6rem;
}
.other a {
  display: grid;
  grid-template-columns: 2.2rem 1fr;
  align-items: center;
  margin-left: 0.4rem;
  color: #E30314;
  font-size: 1.8rem;
  font-weight: 500;
}
.other a:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.4rem;
  background: url("../assets/img/shindan/arrow_red.svg") no-repeat;
  background-size: cover;
}

.steam {
  position: absolute;
  z-index: 3;
  will-change: transform;
  width: 89.8666667vw;
  height: auto;
}
.steam.s1 {
  top: 3.1vh;
  right: -42.4vw;
  animation: steamPulse3 3s steps(2, end) 0s infinite;
}
.steam.s2 {
  top: 23.2vh;
  left: -40.8vw;
  animation: steamPulse3 3s steps(2, end) 0s infinite;
}
.steam.s_p {
  width: 23.4vw;
}
.steam.s_p1 {
  top: 2.264vh;
  left: 53.9583vw;
  transform: scale(1);
  animation: steamPulse3 3s steps(2, end) 0s infinite;
}
.steam.s_p2 {
  top: 25vh;
  left: 81.5972vw;
  transform: scale(1);
  animation: steamPulse3 3s steps(2, end) 0.5s infinite;
}
.steam.s_p3 {
  top: 23.83vh;
  left: 20.1vw;
  animation: steamPulse3 3s steps(2, end) 0.9s infinite;
}
.steam.s_p4 {
  top: 74vh;
  left: -4.861vw;
  animation: steamPulse3 3s steps(2, end) 0.7s infinite;
}
.steam.is-loading {
  z-index: 6 !important;
}

@keyframes steamPulse {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.15);
  }
  35% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(1.5);
  }
  75% {
    transform: scale(1.25);
  }
  90% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes steamPulse2 {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.15);
  }
  35% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(1.5);
  }
  75% {
    transform: scale(1.25);
  }
  90% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes steamPulse3 {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.15);
  }
  35% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(1.5);
  }
  75% {
    transform: scale(1.25);
  }
  90% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}/*# sourceMappingURL=shindan.css.map */