@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ----------------------------------------------
 * Generated by Animista on 2026-1-21 11:32:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#header {
  width: 100%;
  min-width: 1000px;
  margin: auto;
  max-width: 1920px;
  position: relative;
  min-height: 1416px;
  height: 141.6666666667vw;
  background: url("../img/bg/kv_new.webp"), #c9c9c9;
  background-position: top;
  background-repeat: repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
#header .header-bg {
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  backdrop-filter: blur(10px);
}
#header .header-bg.unfilter {
  backdrop-filter: none;
}
@media screen and (max-width:650px) {
  #header {
    min-width: unset;
    min-height: unset;
    width: 100%;
  }
}
#header .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  height: 300px;
  height: min(26.0416666667vw, 500px);
  background: rgba(0, 0, 0, 0.7529411765);
  padding: 24px;
  color: #ffffff;
  position: absolute;
  bottom: -1px;
}
@media screen and (max-width:1000px) {
  #header .title-wrapper {
    height: 260px;
  }
}
@media screen and (max-width:650px) {
  #header .title-wrapper {
    padding: 16px;
    height: min(33.8461538462vw, 220px);
    gap: 8px;
  }
}
#header .title {
  background: url("../img/bg/title.webp") no-repeat center/contain;
  width: 50%;
  height: min(14.5833333333vw, 280px);
}
@media screen and (max-width:650px) {
  #header .title {
    width: 100%;
  }
}
#header .logo {
  background: url("../img/logo/logo.png") no-repeat center/contain;
  width: 50%;
  height: min(14.5833333333vw, 280px);
}
@media screen and (max-width:1000px) {
  #header .logo {
    height: 145px;
  }
}
@media screen and (max-width:650px) {
  #header .logo {
    height: min(24.6153846154vw, 160px);
    width: 100%;
  }
}

#info {
  width: 100%;
  overflow: hidden;
  height: 100%;
  color: #362b2b;
  background: url(../img/bg/bg-site.webp), rgba(29, 29, 29, 0.6705882353);
  background-size: cover;
  background-position: center center;
}
#info.site-section-content {
  padding: 100px 0;
  width: 100%;
}
#info.site-section-content .site-section-inner {
  padding: 60px 0px;
  margin: 0px;
  position: relative;
}
#info.site-section-content .site-section-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: left top, center top 188px, left top;
  background-size: auto, 100% 2px, auto;
  background: url(../img/logo/info.png), rgba(29, 29, 29, 0.6705882353);
  background-repeat: no-repeat;
  background-position: right top 0px, right top, right top;
  background-size: 400px;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%);
}
@media screen and (max-width:1400px) {
  #info.site-section-content .site-section-inner:before {
    padding: 60px 0px;
    clip-path: unset;
  }
}
@media screen and (max-width:1200px) {
  #info.site-section-content .site-section-inner:before {
    background-size: 300px;
  }
}
@media screen and (max-width:650px) {
  #info.site-section-content .site-section-inner:before {
    background-size: 180px;
  }
}
#info .content-bg {
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
@media screen and (max-width:650px) {
  #info .content-bg {
    width: 100%;
    padding: 0;
  }
}
#info .content-bg-wrapper {
  margin: 0 24px;
}
#info .heading-bg {
  position: relative;
  font-size: 2.8rem;
  min-height: 120px;
  line-height: 120px;
  margin-bottom: 48px;
}
@media screen and (max-width:650px) {
  #info .heading-bg {
    font-size: 1.8rem;
    min-height: 80px;
    line-height: 80px;
    margin-bottom: 32px;
  }
}
#info .heading-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2588235294);
  clip-path: polygon(0 0, 80% 0, 80% 100%, 0 100%);
}
#info .heading-h1 {
  width: 900px;
  text-align: left;
  margin: auto;
  color: #ffffff;
  position: relative;
  font-size: 6vw;
}
#info .heading-h1:before {
  content: "開催概要";
  position: absolute;
  top: 15px;
  opacity: 0.1;
  left: 15px;
}
@media screen and (max-width:650px) {
  #info .heading-h1 {
    margin-left: 24px;
    font-size: 12vw;
  }
}
#info table {
  width: 100%;
  width: calc(100% - 0px);
  border: none;
  font-size: 18px;
  background-color: #eeeeee;
  border-collapse: collapse;
}
@media screen and (max-width:650px) {
  #info table {
    width: calc(100% - 0px);
    margin-bottom: 24px;
  }
}
#info th {
  padding: 24px;
  color: #ffffff;
  font-weight: 500;
  background-color: #5d6471;
  display: block;
}
@media screen and (max-width:650px) {
  #info th {
    display: block;
    width: 100%;
    padding: 24px;
    border: 0;
  }
}
#info td {
  display: block;
  padding: 24px;
}
@media screen and (max-width:650px) {
  #info td {
    display: block;
    padding: 24px;
  }
}
#info td a {
  color: #362b2b;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow-wrap: anywhere;
  border-bottom: 1px dashed #000;
}
#info td a:hover {
  opacity: 0.7;
}
#info .text {
  margin-bottom: 24px;
}
#info .link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 16px auto;
  max-width: 600px;
  gap: 8px;
}
@media screen and (max-width:650px) {
  #info .link-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#info .cafe-link {
  width: 100%;
  height: 50px;
  list-style: none;
  display: table;
  vertical-align: middle;
  line-height: 50px;
}
#info .cafe-link a {
  color: #ffffff;
  background-color: #9f393c;
  border-radius: 24px;
  display: table-cell;
  border: none;
}
#info .cafe-link a:hover {
  opacity: 1;
  background-color: #733436;
}
#info .reserve {
  border: 1px solid #161616;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 600px;
  margin: 0 auto 16px;
}
@media screen and (max-width:650px) {
  #info .reserve {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#info .reserve .title {
  padding: 22px;
  background-color: #5d6471;
  color: #ffffff;
}
@media screen and (max-width:650px) {
  #info .reserve .title {
    width: 100%;
  }
}
#info .reserve .text-wrapper {
  padding: 24px;
  text-align: left;
}
#info .reserve .text-wrapper .text-bg {
  background-color: #5d6471;
  border-radius: 24px;
  padding: 2px 16px;
  color: #ffffff;
  margin-top: 8px;
  text-align: center;
}
#info .reserve .line-through {
  text-decoration: line-through;
}
#info .notice {
  padding: 24px;
  border: 1px solid #000;
  background-color: #5e5e5e;
  color: #fff;
  margin-bottom: 24px;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img,
video,
object {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ul,
li {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

html {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

body {
  -webkit-overflow-scrolling: touch;
  color: #362b2b;
  font-family: "Zen Old Mincho", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

h1 {
  font-weight: 700;
}

.site-content-wrapper {
  overflow-x: hidden;
  background: #eee;
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
  position: relative;
}
@media screen and (max-width:650px) {
  .site-content-wrapper {
    min-width: initial;
  }
}

.red-bold {
  color: rgb(180, 37, 37);
  font-weight: bold;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  .red-bold {
    font-size: 20px;
  }
}

body::-webkit-scrollbar {
  width: 16px;
}

body::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

body::-webkit-scrollbar-thumb {
  background-color: #484848;
  border-radius: 4px;
  height: 40px;
}

.z-index {
  z-index: 10;
}

.slide-in {
  clip-path: inset(0 100% 0 0);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

.slide-to-right {
  -webkit-transition: clip-path 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;
  transition: clip-path 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;
  clip-path: inset(0 100% 0 0);
}

.slide-to-left {
  -webkit-transition: clip-path 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;
  transition: clip-path 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;
  clip-path: inset(0 0 0 100%);
}

.active {
  -webkit-transition: clip-path cubic-bezier(0.77, 0, 0.175, 1) 1s;
  transition: clip-path cubic-bezier(0.77, 0, 0.175, 1) 1s;
  clip-path: inset(0 0 0 0);
}

#about {
  width: 100%;
  overflow: hidden;
  height: 100%;
  color: #ffffff;
  margin: 0 auto;
  background: url("../img/bg/bg-site.webp"), #000;
  background-size: cover;
  background-position: top center;
}
#about.site-section-content {
  padding: 300px 0;
  width: 100%;
}
@media screen and (max-width:650px) {
  #about.site-section-content {
    padding: 150px 0;
  }
}
#about.site-section-content .site-section-inner {
  position: relative;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner {
    padding: 0 24px;
  }
}
#about .heading-h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width:650px) {
  #about .heading-h1 {
    font-size: 20px;
  }
}

#special {
  width: 100%;
  overflow: hidden;
  height: 100%;
  color: #ffffff;
  background: url(../img/bg/bg-kv.webp), rgba(93, 100, 113, 0.7137254902);
  background-size: cover;
  background-position: right;
}
#special.site-section-content {
  padding: 100px 0;
}
#special.site-section-content .site-section-inner {
  padding: 60px 0px;
  margin: 0px;
  position: relative;
}
#special.site-section-content .site-section-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: left top, center top 188px, left top;
  background-size: auto, 100% 2px, auto;
  background: url(../img/logo/youtube-live.png), rgba(93, 100, 113, 0.7137254902);
  background-repeat: no-repeat;
  background-position: left top 0px, left top, left top;
  background-size: 400px;
  clip-path: polygon(0% 0, 85% 0, 85% 100%, 0 100%);
}
@media screen and (max-width:1400px) {
  #special.site-section-content .site-section-inner:before {
    padding: 60px 0px;
    clip-path: unset;
  }
}
@media screen and (max-width:1200px) {
  #special.site-section-content .site-section-inner:before {
    background-size: 300px;
  }
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner:before {
    background-size: 180px;
  }
}
#special.site-section-content .site-section-inner .heading-bg {
  position: relative;
  font-size: 2.8rem;
  min-height: 120px;
  line-height: 120px;
  margin-bottom: 48px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .heading-bg {
    font-size: 1.8rem;
    min-height: 80px;
    line-height: 80px;
    margin-bottom: 32px;
  }
}
#special.site-section-content .site-section-inner .heading-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2588235294);
  clip-path: polygon(20% 100%, 100% 100%, 100% 0%, 20% 0%);
}
#special.site-section-content .site-section-inner .heading-h1 {
  position: relative;
  max-width: 900px;
  text-align: right;
  margin: auto;
  color: #ffffff;
  font-size: 5vw;
}
#special.site-section-content .site-section-inner .heading-h1:before {
  content: "カウントダウンYoutube配信";
  position: absolute;
  top: 15px;
  opacity: 0.1;
  right: -15px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .heading-h1 {
    width: unset;
    margin-right: 24px;
    font-size: 5vw;
  }
}
#special.site-section-content .site-section-inner .content-bg-wrapper {
  margin: 0 24px;
}
#special.site-section-content .site-section-inner .content-bg {
  padding: 60px;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #362b2b;
  background: #ffffff;
  height: auto;
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  background-color: rgba(44, 44, 44, 0.7176470588);
  -webkit-filter: drop-shadow(4px 4px 5px rgba(63, 63, 63, 0.2862745098));
          filter: drop-shadow(4px 4px 5px rgba(63, 63, 63, 0.2862745098));
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 32px 16px;
  }
}
#special.site-section-content .site-section-inner .content-bg .heading-h2 {
  font-size: 40px;
  width: 100%;
  margin-bottom: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg .heading-h2 {
    margin-bottom: 40px;
    font-size: 24px;
  }
}
#special.site-section-content .site-section-inner .content-bg .heading-h2::before, #special.site-section-content .site-section-inner .content-bg .heading-h2::after {
  background-color: #ffffff;
  content: "";
  height: 1px;
  width: 120px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg .heading-h2::before, #special.site-section-content .site-section-inner .content-bg .heading-h2::after {
    width: 19%;
  }
}
#special.site-section-content .site-section-inner .content-bg .text {
  color: #ffffff;
  margin-bottom: 24px;
  font-size: 20px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg .text {
    font-size: 16px;
  }
}
#special.site-section-content .site-section-inner .content-bg .live-date {
  border: 1px solid #161616;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 900px;
  margin: 0 auto 16px;
  background-color: #ffffff;
  color: #362b2b;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg .live-date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#special.site-section-content .site-section-inner .content-bg .live-date .title {
  padding: 24px;
  background-color: #5d6471;
  color: #ffffff;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg .live-date .title {
    padding: 16px;
    width: 100%;
  }
}
#special.site-section-content .site-section-inner .content-bg .live-date .date {
  padding: 24px;
  text-align: left;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg .live-date .date {
    text-align: center;
    padding: 16px;
  }
}
#special.site-section-content .site-section-inner .content-bg .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 500px;
  gap: 24px;
  margin: 50px auto 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg .logo {
    margin: 30px auto 0;
  }
}
#special.site-section-content .site-section-inner .content-bg .link_music {
  width: 100%;
  height: 60px;
  list-style: none;
  display: table;
  vertical-align: middle;
  max-width: 540px;
  margin: 16px auto 0;
}
#special.site-section-content .site-section-inner .content-bg .link_music a {
  color: #ffffff;
  background-color: #9f393c;
  border-radius: 50px;
  font-size: 18px;
  display: table-cell;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 1px;
  padding: 16px;
}
#special.site-section-content .site-section-inner .content-bg .link_music a:hover {
  opacity: 1;
  background-color: #733436;
}
#special.site-section-content .site-section-inner .thumbnails-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  padding: 5px 0;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .thumbnails-container {
    gap: 13px;
  }
}
#special.site-section-content .site-section-inner .slider-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  aspect-ratio: 780/400;
}
#special.site-section-content .site-section-inner {
  /* 画像コンテナ */
}
#special.site-section-content .site-section-inner .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#special.site-section-content .site-section-inner {
  /* 画像 */
}
#special.site-section-content .site-section-inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#special.site-section-content .site-section-inner {
  /* 画像を表示するためのクラス */
}
#special.site-section-content .site-section-inner img.image-active {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#special.site-section-content .site-section-inner {
  /* ナビゲーションコンテナ */
}
#special.site-section-content .site-section-inner .nav-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 16px 0;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .nav-container {
    right: unset;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    justify-content: center;
  }
}
#special.site-section-content .site-section-inner .nav-btn {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #eeeeee;
  display: inline-block;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  cursor: pointer;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .nav-btn {
    width: 10px;
    height: 10px;
  }
}
#special.site-section-content .site-section-inner .nav-btn.btn-active {
  background-color: #5d6471;
}
#special.site-section-content .site-section-inner .nav-btn:hover {
  opacity: 0.6;
}

#goods.site-section-content {
  padding: 100px 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  color: #362b2b;
  background: url(../img/bg/bg-site.webp), rgba(29, 29, 29, 0.6705882353);
  background-size: cover;
  background-position: center center;
}
#goods.site-section-content .site-section-inner {
  padding: 60px 0px;
  margin: 0px;
  position: relative;
}
#goods.site-section-content .site-section-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: left top, center top 188px, left top;
  background-size: auto, 100% 2px, auto;
  background: url(../img/logo/goods.png), rgba(29, 29, 29, 0.6705882353);
  background-repeat: no-repeat;
  background-position: right top 0px, right top, right top;
  background-size: 400px;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%);
}
@media screen and (max-width:1400px) {
  #goods.site-section-content .site-section-inner:before {
    padding: 60px 0px;
    clip-path: unset;
  }
}
@media screen and (max-width:1200px) {
  #goods.site-section-content .site-section-inner:before {
    background-size: 300px;
  }
}
@media screen and (max-width:650px) {
  #goods.site-section-content .site-section-inner:before {
    background-size: 180px;
  }
}
#goods.site-section-content button {
  padding: 10px 20px;
  margin: 0 4px 8px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #362b2b;
  border-radius: 24px;
  font-size: 18px;
  position: relative;
}
@media screen and (max-width:650px) {
  #goods.site-section-content button {
    padding: 8px 15px;
  }
}
#goods.site-section-content .heading-bg {
  position: relative;
  font-size: 2.8rem;
  min-height: 120px;
  line-height: 120px;
  margin-bottom: 48px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .heading-bg {
    font-size: 1.8rem;
    min-height: 80px;
    line-height: 80px;
    margin-bottom: 32px;
  }
}
#goods.site-section-content .heading-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2588235294);
  clip-path: polygon(0 0, 80% 0, 80% 100%, 0 100%);
}
#goods.site-section-content .heading-h1 {
  width: 900px;
  text-align: left;
  margin: auto;
  color: #ffffff;
  font-size: 6vw;
  position: relative;
}
#goods.site-section-content .heading-h1:before {
  content: "グッズ";
  position: absolute;
  top: 15px;
  opacity: 0.1;
  left: 15px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .heading-h1 {
    font-size: 10vw;
    margin-left: 24px;
  }
}
#goods.site-section-content .point-heading {
  margin-top: 60px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .point-heading {
    margin-top: 32px;
  }
}
#goods.site-section-content .point-heading .heading-h1:before {
  content: "ポイント景品";
  position: absolute;
  top: 15px;
  opacity: 0.1;
  left: 15px;
}
#goods.site-section-content .content-bg-wrapper {
  margin: 0 24px;
}
#goods.site-section-content .content-bg {
  max-width: 900px;
  margin: 0 auto;
}
#goods.site-section-content .product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .product-list {
    padding: 0px;
  }
}
#goods.site-section-content .product-list .goods-card {
  position: relative;
  padding: 24px;
  border-radius: 24px;
  width: calc(50% - 10px);
  max-width: 400px;
  background-color: #5d6471;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .product-list .goods-card {
    width: 100%;
    padding: 24px 16px;
    max-width: unset;
  }
}
#goods.site-section-content .product-list .goods-card:nth-child(3):before {
  content: "WEB限定";
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 40px;
  background-color: #9f393c;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 20px;
}
#goods.site-section-content .product-list .goods-card.point-goods:before {
  content: "店舗限定";
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 40px;
  background-color: #9f393c;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 20px;
}
#goods.site-section-content .product-list .goods-card .goods-name {
  font-size: 32px;
  margin: 12px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #ffffff;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .product-list .goods-card .goods-name {
    font-size: 22px;
    padding-bottom: 8px;
    margin: 8px 0;
  }
}
#goods.site-section-content .product-list .goods-card .goods-price {
  font-size: 24px;
  margin-bottom: 12px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .product-list .goods-card .goods-price {
    margin: 16px;
    font-size: 18px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .product-list .goods-card .goods-price {
    margin: 12px;
  }
}
#goods.site-section-content .product-list .goods-card .goods-date {
  font-size: 18px;
}
#goods.site-section-content .product-list .goods-card .goods-desc {
  margin-bottom: 12px;
  font-size: 18px;
}
#goods.site-section-content .product-list .webshop-btn {
  height: 56px;
}
#goods.site-section-content .product-list .webshop-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 56px;
  text-align: center;
  background: #9f393c;
  padding: 10px 15px;
  margin: 0 4px 8px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #ffffff;
  text-shadow: 0 0 4px rgba(97, 53, 64, 0.5607843137);
  font-size: 20px;
  border-radius: 50px;
  margin-top: 16px;
  border-bottom: solid 4px #733436;
}
#goods.site-section-content .product-list .webshop-btn a:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}

#menu.site-section-content {
  padding: 100px 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background: url(../img/bg/bg-kv.webp), rgba(93, 100, 113, 0.7137254902);
  background-size: cover;
  background-position: right;
}
#menu.site-section-content .site-section-inner {
  padding: 60px 0px;
  margin: 0px;
  position: relative;
}
#menu.site-section-content .site-section-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: left top, center top 188px, left top;
  background-size: auto, 100% 2px, auto;
  background: url(../img/logo/menu.png), rgba(93, 100, 113, 0.7137254902);
  background-repeat: no-repeat;
  background-position: left top 0px, left top, left top;
  background-size: 400px;
  clip-path: polygon(0% 0, 85% 0, 85% 100%, 0 100%);
}
@media screen and (max-width:1400px) {
  #menu.site-section-content .site-section-inner:before {
    padding: 60px 0px;
    clip-path: unset;
  }
}
@media screen and (max-width:1200px) {
  #menu.site-section-content .site-section-inner:before {
    background-size: 300px;
  }
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner:before {
    background-size: 180px;
  }
}
#menu.site-section-content .site-section-inner .content-bg-wrapper {
  margin: 0 24px;
}
#menu.site-section-content .site-section-inner .content-bg {
  padding: 60px;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #362b2b;
  background: #ffffff;
  height: auto;
  color: #ffffff;
  margin: 0 auto 24px;
  text-align: center;
  font-size: 24px;
  background-color: rgba(44, 44, 44, 0.7176470588);
  -webkit-filter: drop-shadow(4px 4px 5px rgba(63, 63, 63, 0.2862745098));
          filter: drop-shadow(4px 4px 5px rgba(63, 63, 63, 0.2862745098));
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 32px 16px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .heading-h2,
#menu.site-section-content .site-section-inner .content-bg .heading-h3 {
  margin: 24px;
  position: relative;
  font-size: 32px;
  border-bottom: 2px solid #fff;
  padding-bottom: 16px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .heading-h2,
  #menu.site-section-content .site-section-inner .content-bg .heading-h3 {
    font-size: 24px;
    margin: 16px;
  }
}
@media screen and (max-width:450px) {
  #menu.site-section-content .site-section-inner .content-bg .heading-h2,
  #menu.site-section-content .site-section-inner .content-bg .heading-h3 {
    font-size: 22px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .menu-price {
  font-size: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .menu-price {
    font-size: 18px;
    margin: 16px 0;
  }
}
#menu.site-section-content .site-section-inner .content-bg .menu-detail,
#menu.site-section-content .site-section-inner .content-bg .novelty-detail {
  background-color: #ffffff;
  font-size: 16px;
  padding: 24px;
  line-height: 1.5rem;
  color: #362b2b;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .menu-detail,
  #menu.site-section-content .site-section-inner .content-bg .novelty-detail {
    padding: 16px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .menu-detail-bg2 {
  background-color: #cacddb;
}
#menu.site-section-content .site-section-inner .content-bg .menu-detail-bg3 {
  background-color: #aaadc2;
}
#menu.site-section-content .site-section-inner .content-bg .menu-detail-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .menu-detail-wrapper {
    gap: 16px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .novelty-detail {
  line-height: unset;
}
#menu.site-section-content .site-section-inner .content-bg .note_1 {
  font-size: 14px;
  margin: 8px 0 0;
}
#menu.site-section-content .site-section-inner .content-bg .novelty-photo {
  height: 400px;
  width: auto;
  margin: auto auto 16px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .novelty-photo {
    height: 100%;
    width: 100%;
  }
}
#menu.site-section-content .site-section-inner .heading-bg {
  position: relative;
  font-size: 2.8rem;
  min-height: 120px;
  line-height: 120px;
  margin-bottom: 48px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .heading-bg {
    font-size: 1.8rem;
    min-height: 80px;
    line-height: 80px;
    margin-bottom: 32px;
  }
}
#menu.site-section-content .site-section-inner .heading-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2588235294);
  clip-path: polygon(20% 100%, 100% 100%, 100% 0%, 20% 0%);
}
#menu.site-section-content .site-section-inner .heading-h1 {
  position: relative;
  max-width: 900px;
  text-align: right;
  margin: auto;
  font-size: 5vw;
  color: #ffffff;
}
#menu.site-section-content .site-section-inner .heading-h1:before {
  content: "メニュー＆ノベルティ";
  position: absolute;
  top: 15px;
  opacity: 0.1;
  right: -15px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .heading-h1 {
    width: unset;
    font-size: 7vw;
    margin-right: 24px;
  }
}

#official.site-section-content {
  padding: 100px 0;
  width: 100%;
  overflow: hidden;
  background: url(../img/bg/bg-kv.webp), rgba(93, 100, 113, 0.7137254902);
  background-size: cover;
  background-position: right;
}
#official.site-section-content .site-section-inner {
  padding: 60px 0px;
  margin: 0px;
  position: relative;
}
#official.site-section-content .site-section-inner:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/logo/sns.png), rgba(93, 100, 113, 0.7137254902);
  background-repeat: no-repeat;
  background-size: 400px;
  clip-path: polygon(0% 0, 85% 0, 85% 100%, 0 100%);
}
@media screen and (max-width:1400px) {
  #official.site-section-content .site-section-inner:before {
    padding: 60px 0px;
    clip-path: unset;
  }
}
@media screen and (max-width:1200px) {
  #official.site-section-content .site-section-inner:before {
    background-size: 300px;
  }
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner:before {
    background-size: 250px;
  }
}
#official.site-section-content .site-section-inner .heading-h1 {
  position: relative;
  width: 900px;
  text-align: left;
  margin: auto;
  color: #ffffff;
  font-size: 6vw;
}
#official.site-section-content .site-section-inner .heading-h1:before {
  content: "ufotable公式SNS";
  position: absolute;
  top: 15px;
  opacity: 0.1;
  left: 15px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .heading-h1 {
    width: unset;
    margin-left: 24px;
    font-size: 8vw;
  }
}
#official.site-section-content .site-section-inner .heading-bg {
  position: relative;
  font-size: 2.8rem;
  min-height: 120px;
  line-height: 120px;
  margin-bottom: 48px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .heading-bg {
    font-size: 1.8rem;
    min-height: 80px;
    line-height: 80px;
    margin-bottom: 32px;
  }
}
#official.site-section-content .site-section-inner .heading-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2588235294);
  clip-path: polygon(0 0, 80% 0, 80% 100%, 0 100%);
}
#official.site-section-content .site-section-inner .heading-h2 {
  font-weight: 500;
  margin: 0 0 32px;
  font-size: 18px;
  border-bottom: 2px solid #fff;
  padding-bottom: 16px;
  color: #ffffff;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .heading-h2 {
    font-size: 16px;
    margin: 24px 0;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .heading-h2 {
    font-size: 16px;
  }
}
#official.site-section-content .site-section-inner .back-to-top {
  background: url("../img/bg/top.png") no-repeat center/contain;
  width: 110px;
  height: 110px;
  position: absolute;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  bottom: 24px;
  right: 2rem;
  display: table;
}
#official.site-section-content .site-section-inner .back-to-top:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .back-to-top {
    width: 80px;
    bottom: 14px;
    right: 1rem;
    height: 80px;
  }
}
#official.site-section-content .site-section-inner .content-bg-wrapper {
  margin: 0 24px;
}
#official.site-section-content .site-section-inner .content-bg {
  padding: 60px 60px 92px;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #362b2b;
  background: #ffffff;
  background-color: rgba(29, 29, 29, 0.6705882353);
  height: auto;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 24px;
  position: relative;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .content-bg {
    padding: 40px 24px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .content-bg {
    padding: 24px 12px;
  }
}
#official.site-section-content .site-section-inner .social-account-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account {
  width: 120px;
  height: 120px;
  margin: 0 8px;
  font-size: 0;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account {
    width: 100px;
    height: 100px;
    margin: 0 4px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account {
    width: 80px;
    height: 80px;
  }
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account a {
  display: inline-block;
  width: 120px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  height: 120px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account a {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account a {
    width: 80px;
    height: 80px;
  }
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account.x {
  background: url("../img/logo/anchor-x.webp") no-repeat center/contain;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.x:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.x:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account.facebook {
  background: url("../img/logo/anchor-facebook.webp") no-repeat center/contain;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.facebook:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.facebook:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account.instagram {
  background: url("../img/logo/anchor-instagram.webp") no-repeat center/contain;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.instagram:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.instagram:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account.youtube {
  background: url("../img/logo/anchor-youtube.webp") no-repeat center/contain;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.youtube:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.youtube:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

#store.site-section-content {
  padding: 100px 0;
  width: 100%;
  overflow: hidden;
  background: url(../img/bg/bg-site.webp), rgba(29, 29, 29, 0.6705882353);
  background-size: cover;
  background-position: center center;
}
#store.site-section-content .site-section-inner {
  padding: 60px 0px;
  margin: 0px;
  position: relative;
}
#store.site-section-content .site-section-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: left top, center top 188px, left top;
  background-size: auto, 100% 2px, auto;
  background: url(../img/logo/shops.png), rgba(29, 29, 29, 0.6705882353);
  background-repeat: no-repeat;
  background-position: right top 0px, right top, right top;
  background-size: 400px;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%);
}
@media screen and (max-width:1400px) {
  #store.site-section-content .site-section-inner:before {
    padding: 60px 0px;
    clip-path: unset;
  }
}
@media screen and (max-width:1200px) {
  #store.site-section-content .site-section-inner:before {
    background-size: 300px;
  }
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner:before {
    background-size: 200px;
  }
}
#store.site-section-content .site-section-inner .heading-bg {
  position: relative;
  font-size: 2.8rem;
  min-height: 120px;
  line-height: 120px;
  margin-bottom: 48px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .heading-bg {
    font-size: 1.8rem;
    min-height: 80px;
    line-height: 80px;
    margin-bottom: 32px;
  }
}
#store.site-section-content .site-section-inner .heading-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2588235294);
  clip-path: polygon(0 0, 80% 0, 80% 100%, 0 100%);
}
#store.site-section-content .site-section-inner .heading-h1 {
  width: 900px;
  text-align: left;
  margin: auto;
  color: #ffffff;
  position: relative;
  font-size: 6vw;
}
#store.site-section-content .site-section-inner .heading-h1:before {
  content: "店舗公式X";
  position: absolute;
  top: 15px;
  opacity: 0.1;
  left: 15px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .heading-h1 {
    margin-left: 24px;
    font-size: 8vw;
  }
}
#store.site-section-content .site-section-inner .heading-h2 {
  font-weight: 500;
  margin: 0 0 32px;
  font-size: 18px;
  color: #ffffff;
  border-bottom: 2px solid #fff;
  padding-bottom: 16px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .heading-h2 {
    font-size: 16px;
    margin: 0 0 24px;
  }
}
#store.site-section-content .site-section-inner .content-bg-wrapper {
  margin: 0 24px;
}
#store.site-section-content .site-section-inner .content-bg {
  padding: 60px 60px 92px;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #362b2b;
  background: #ffffff;
  background-color: rgba(93, 100, 113, 0.7137254902);
  height: auto;
  text-align: center;
  font-size: 24px;
  position: relative;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .content-bg {
    padding: 60px 24px;
  }
}
#store.site-section-content .store-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width:650px) {
  #store.site-section-content .store-cards {
    gap: 12px;
  }
}
#store.site-section-content .store-card {
  border-radius: 12px;
  width: 200px;
  height: 200px;
  position: relative;
}
@media screen and (max-width:650px) {
  #store.site-section-content .store-card {
    width: 120px;
    height: 120px;
  }
}
#store.site-section-content .store-card.uct {
  background: url("../img/store/x_uct.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .store-card.mct {
  background: url("../img/store/x_uct.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .store-card.mcn {
  background: url("../img/store/x_ufn_mcn.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .store-card.mco {
  background: url("../img/store/x_ufo_mco.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .store-card.uctk {
  background: url("../img/store/x_uft.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .store-card.mcb {
  background: url("../img/store/x_mcb.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .store-card.mck {
  background: url("../img/store/x_mck.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .store-card.togo {
  background: url("../img/store/x_togo.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .store-card .white-content {
  background-color: rgba(10, 10, 10, 0.5960784314);
  border-radius: 12px;
  height: 100%;
  display: table;
  width: 100%;
}
#store.site-section-content .store-card a {
  display: table-cell;
  width: 100%;
  height: 100%;
  color: #ffffff;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  text-shadow: 0 0 6px #000;
  border-radius: 12px;
  padding: 12px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
@media (hover: hover) and (pointer: fine) {
  #store.site-section-content .store-card a:hover {
    background-color: rgba(255, 255, 255, 0.2941176471);
    border-radius: 12px;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #store.site-section-content .store-card a:hover {
    background-color: rgba(255, 255, 255, 0.2941176471);
    border-radius: 12px;
  }
}
@media screen and (max-width:650px) {
  #store.site-section-content .store-card a {
    font-size: 16px;
    padding: 8px;
    height: 120px;
  }
}

.fixedItem {
  position: fixed;
}

.hamburger {
  position: fixed;
  top: 0px;
  right: 12px;
  z-index: 101;
  width: 38px;
  height: 32px;
  border: none;
  background: transparent;
  cursor: pointer;
  top: 10px;
  right: 12px;
  z-index: 101;
  width: 70px;
  height: 70px;
  border: none;
  background: radial-gradient(#848b97, #5d6471);
  border: 4px solid #eeeeee;
  cursor: pointer;
}
.hamburger.active {
  background: radial-gradient(#9f393c, #852a2d);
}
.hamburger.fixed {
  top: 20px;
}

.hamburger__line {
  position: absolute;
  right: 11px;
  width: 38px;
  height: 2px;
  border-radius: 21px;
  background-color: #eeeeee;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.hamburger__line:nth-of-type(1) {
  top: 14px;
}

.hamburger__line:nth-of-type(2) {
  top: 23px;
}

.hamburger__line:nth-of-type(3) {
  top: 32px;
}

.menuBtn_menu,
.menuBtn_close {
  position: absolute;
  top: 38px;
  right: 1px;
  left: 0;
  font-size: 12px;
  color: #eeeeee;
}

.menuBtn_close {
  display: none;
}

/* メニューオープン時 */
.hamburger.active .hamburger__line:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
          transform: translateY(9px) rotate(-45deg);
  background-color: #eeeeee;
}

.hamburger.active .hamburger__line:nth-of-type(2) {
  opacity: 0;
  background-color: #eeeeee;
}

.hamburger.active .hamburger__line:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
          transform: translateY(-9px) rotate(45deg);
  background-color: #eeeeee;
}

.hamburger.active .menuBtn_menu {
  display: none;
}

.hamburger.active .menuBtn_close {
  color: #eeeeee;
  display: block;
}

.nav {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 300px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#5d6471), to(#848b97));
  background: linear-gradient(#5d6471, #848b97);
  -webkit-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  z-index: 100;
  font-family: "Kaisei Tokumin", serif;
  text-align: center;
}
@media screen and (max-width:650px) {
  .nav {
    width: 100%;
  }
}
.nav.fixed {
  top: 0;
}

.nav.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.nav__list {
  margin: 0;
  padding: 120px 0 0;
  list-style: none;
  font-size: 18px;
}

.nav__item {
  padding: 0 20px;
}

.nav__link {
  display: block;
  padding: 15px 0;
  color: #eeeeee;
  text-decoration: none;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  position: relative;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  .nav__link:hover:before, .nav__link:hover:after {
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .nav__link:hover:before, .nav__link:hover:after {
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

/*splat*/
#loading {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#5d6471));
  background: linear-gradient(#484848, #5d6471);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.rain > div {
  -webkit-animation: rain 500ms linear infinite;
          animation: rain 500ms linear infinite;
  background-color: rgba(255, 255, 255, 0.25);
  position: absolute;
  left: 0;
  top: -20vh;
  width: 1px;
  height: 20vh;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.rain > div:nth-child(1) {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
  -webkit-animation-duration: 414ms;
          animation-duration: 414ms;
  left: 99vw;
}
.rain > div:nth-child(2) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-duration: 599ms;
          animation-duration: 599ms;
  left: 35vw;
}
.rain > div:nth-child(3) {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
  -webkit-animation-duration: 392ms;
          animation-duration: 392ms;
  left: 39vw;
}
.rain > div:nth-child(4) {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
  -webkit-animation-duration: 527ms;
          animation-duration: 527ms;
  left: 8vw;
}
.rain > div:nth-child(5) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
  -webkit-animation-duration: 611ms;
          animation-duration: 611ms;
  left: 87vw;
}
.rain > div:nth-child(6) {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
  -webkit-animation-duration: 531ms;
          animation-duration: 531ms;
  left: 5vw;
}
.rain > div:nth-child(7) {
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
  -webkit-animation-duration: 588ms;
          animation-duration: 588ms;
  left: 60vw;
}
.rain > div:nth-child(8) {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
  -webkit-animation-duration: 397ms;
          animation-duration: 397ms;
  left: 63vw;
}
.rain > div:nth-child(9) {
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
  -webkit-animation-duration: 593ms;
          animation-duration: 593ms;
  left: 31vw;
}
.rain > div:nth-child(10) {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
  -webkit-animation-duration: 407ms;
          animation-duration: 407ms;
  left: 35vw;
}
.rain > div:nth-child(11) {
  -webkit-animation-delay: 1100ms;
          animation-delay: 1100ms;
  -webkit-animation-duration: 516ms;
          animation-duration: 516ms;
  left: 34vw;
}
.rain > div:nth-child(12) {
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
  -webkit-animation-duration: 623ms;
          animation-duration: 623ms;
  left: 96vw;
}
.rain > div:nth-child(13) {
  -webkit-animation-delay: 1300ms;
          animation-delay: 1300ms;
  -webkit-animation-duration: 616ms;
          animation-duration: 616ms;
  left: 92vw;
}
.rain > div:nth-child(14) {
  -webkit-animation-delay: 1400ms;
          animation-delay: 1400ms;
  -webkit-animation-duration: 445ms;
          animation-duration: 445ms;
  left: 77vw;
}
.rain > div:nth-child(15) {
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms;
  -webkit-animation-duration: 515ms;
          animation-duration: 515ms;
  left: 85vw;
}
.rain > div:nth-child(16) {
  -webkit-animation-delay: 1600ms;
          animation-delay: 1600ms;
  -webkit-animation-duration: 518ms;
          animation-duration: 518ms;
  left: 89vw;
}
.rain > div:nth-child(17) {
  -webkit-animation-delay: 1700ms;
          animation-delay: 1700ms;
  -webkit-animation-duration: 469ms;
          animation-duration: 469ms;
  left: 69vw;
}
.rain > div:nth-child(18) {
  -webkit-animation-delay: 1800ms;
          animation-delay: 1800ms;
  -webkit-animation-duration: 472ms;
          animation-duration: 472ms;
  left: 35vw;
}
.rain > div:nth-child(19) {
  -webkit-animation-delay: 1900ms;
          animation-delay: 1900ms;
  -webkit-animation-duration: 584ms;
          animation-duration: 584ms;
  left: 3vw;
}
.rain > div:nth-child(20) {
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms;
  -webkit-animation-duration: 378ms;
          animation-duration: 378ms;
  left: 36vw;
}
.rain > div:nth-child(21) {
  -webkit-animation-delay: 2100ms;
          animation-delay: 2100ms;
  -webkit-animation-duration: 508ms;
          animation-duration: 508ms;
  left: 89vw;
}
.rain > div:nth-child(22) {
  -webkit-animation-delay: 2200ms;
          animation-delay: 2200ms;
  -webkit-animation-duration: 432ms;
          animation-duration: 432ms;
  left: 53vw;
}
.rain > div:nth-child(23) {
  -webkit-animation-delay: 2300ms;
          animation-delay: 2300ms;
  -webkit-animation-duration: 558ms;
          animation-duration: 558ms;
  left: 72vw;
}
.rain > div:nth-child(24) {
  -webkit-animation-delay: 2400ms;
          animation-delay: 2400ms;
  -webkit-animation-duration: 421ms;
          animation-duration: 421ms;
  left: 56vw;
}
.rain > div:nth-child(25) {
  -webkit-animation-delay: 2500ms;
          animation-delay: 2500ms;
  -webkit-animation-duration: 540ms;
          animation-duration: 540ms;
  left: 86vw;
}
@-webkit-keyframes rain {
  from {
    -webkit-transform: translateY(-20vh);
            transform: translateY(-20vh);
  }
  to {
    -webkit-transform: translateY(120vh);
            transform: translateY(120vh);
  }
}
@keyframes rain {
  from {
    -webkit-transform: translateY(-20vh);
            transform: translateY(-20vh);
  }
  to {
    -webkit-transform: translateY(120vh);
            transform: translateY(120vh);
  }
}

/***************************************************
 * Generated by SVG Artista on 1/29/2026, 12:02:04 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
.event-title {
  max-width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.loading-svg {
  width: 80%;
}

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 398.840423584px;
    stroke-dasharray: 398.840423584px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 398.840423584px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 398.840423584px;
    stroke-dasharray: 398.840423584px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 398.840423584px;
  }
}
@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1 0.3s ease-in-out 0.6s both;
          animation: animate-svg-stroke-1 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1 0.3s ease-in-out 0.6s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 246.9016723633px;
    stroke-dasharray: 246.9016723633px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 246.9016723633px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 246.9016723633px;
    stroke-dasharray: 246.9016723633px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 246.9016723633px;
  }
}
@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both, animate-svg-fill-2 0.3s ease-in-out 0.7s both;
          animation: animate-svg-stroke-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both, animate-svg-fill-2 0.3s ease-in-out 0.7s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 307.6018066406px;
    stroke-dasharray: 307.6018066406px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 307.6018066406px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 307.6018066406px;
    stroke-dasharray: 307.6018066406px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 307.6018066406px;
  }
}
@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both, animate-svg-fill-3 0.3s ease-in-out 0.8s both;
          animation: animate-svg-stroke-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both, animate-svg-fill-3 0.3s ease-in-out 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 307.6019287109px;
    stroke-dasharray: 307.6019287109px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 307.6019287109px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 307.6019287109px;
    stroke-dasharray: 307.6019287109px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 307.6019287109px;
  }
}
@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both, animate-svg-fill-4 0.3s ease-in-out 0.9s both;
          animation: animate-svg-stroke-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both, animate-svg-fill-4 0.3s ease-in-out 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 270.3833007813px;
    stroke-dasharray: 270.3833007813px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 270.3833007813px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 270.3833007813px;
    stroke-dasharray: 270.3833007813px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 270.3833007813px;
  }
}
@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both, animate-svg-fill-5 0.3s ease-in-out 1s both;
          animation: animate-svg-stroke-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both, animate-svg-fill-5 0.3s ease-in-out 1s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 354.7933349609px;
    stroke-dasharray: 354.7933349609px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 354.7933349609px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 354.7933349609px;
    stroke-dasharray: 354.7933349609px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 354.7933349609px;
  }
}
@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both, animate-svg-fill-6 0.3s ease-in-out 1.1s both;
          animation: animate-svg-stroke-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both, animate-svg-fill-6 0.3s ease-in-out 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 122.2675247192px;
    stroke-dasharray: 122.2675247192px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 122.2675247192px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 122.2675247192px;
    stroke-dasharray: 122.2675247192px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 122.2675247192px;
  }
}
@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-fill-7 0.3s ease-in-out 1.2s both;
          animation: animate-svg-stroke-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-fill-7 0.3s ease-in-out 1.2s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 28.0403842926px;
    stroke-dasharray: 28.0403842926px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.0403842926px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 28.0403842926px;
    stroke-dasharray: 28.0403842926px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.0403842926px;
  }
}
@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s both, animate-svg-fill-8 0.3s ease-in-out 1.3s both;
          animation: animate-svg-stroke-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s both, animate-svg-fill-8 0.3s ease-in-out 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 171.1001434326px;
    stroke-dasharray: 171.1001434326px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 171.1001434326px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 171.1001434326px;
    stroke-dasharray: 171.1001434326px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 171.1001434326px;
  }
}
@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both, animate-svg-fill-9 0.3s ease-in-out 1.4s both;
          animation: animate-svg-stroke-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both, animate-svg-fill-9 0.3s ease-in-out 1.4s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 162.1024780273px;
    stroke-dasharray: 162.1024780273px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 162.1024780273px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 162.1024780273px;
    stroke-dasharray: 162.1024780273px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 162.1024780273px;
  }
}
@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both, animate-svg-fill-10 0.3s ease-in-out 1.5s both;
          animation: animate-svg-stroke-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both, animate-svg-fill-10 0.3s ease-in-out 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 300.5043945313px;
    stroke-dasharray: 300.5043945313px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 300.5043945313px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 300.5043945313px;
    stroke-dasharray: 300.5043945313px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 300.5043945313px;
  }
}
@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both, animate-svg-fill-11 0.3s ease-in-out 1.6s both;
          animation: animate-svg-stroke-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both, animate-svg-fill-11 0.3s ease-in-out 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 298.528137207px;
    stroke-dasharray: 298.528137207px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 298.528137207px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 298.528137207px;
    stroke-dasharray: 298.528137207px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 298.528137207px;
  }
}
@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both, animate-svg-fill-12 0.3s ease-in-out 1.7s both;
          animation: animate-svg-stroke-12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both, animate-svg-fill-12 0.3s ease-in-out 1.7s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 246.9021148682px;
    stroke-dasharray: 246.9021148682px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 246.9021148682px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 246.9021148682px;
    stroke-dasharray: 246.9021148682px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 246.9021148682px;
  }
}
@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both, animate-svg-fill-13 0.3s ease-in-out 1.8s both;
          animation: animate-svg-stroke-13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both, animate-svg-fill-13 0.3s ease-in-out 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 270.3761901855px;
    stroke-dasharray: 270.3761901855px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 270.3761901855px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 270.3761901855px;
    stroke-dasharray: 270.3761901855px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 270.3761901855px;
  }
}
@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both, animate-svg-fill-14 0.3s ease-in-out 1.9s both;
          animation: animate-svg-stroke-14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both, animate-svg-fill-14 0.3s ease-in-out 1.9s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 266.2116394043px;
    stroke-dasharray: 266.2116394043px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 266.2116394043px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 266.2116394043px;
    stroke-dasharray: 266.2116394043px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 266.2116394043px;
  }
}
@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both, animate-svg-fill-15 0.3s ease-in-out 2s both;
          animation: animate-svg-stroke-15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both, animate-svg-fill-15 0.3s ease-in-out 2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 300.5053405762px;
    stroke-dasharray: 300.5053405762px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 300.5053405762px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 300.5053405762px;
    stroke-dasharray: 300.5053405762px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 300.5053405762px;
  }
}
@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both, animate-svg-fill-16 0.3s ease-in-out 2.1s both;
          animation: animate-svg-stroke-16 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both, animate-svg-fill-16 0.3s ease-in-out 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 122.2675704956px;
    stroke-dasharray: 122.2675704956px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 122.2675704956px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 122.2675704956px;
    stroke-dasharray: 122.2675704956px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 122.2675704956px;
  }
}
@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both, animate-svg-fill-17 0.3s ease-in-out 2.2s both;
          animation: animate-svg-stroke-17 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both, animate-svg-fill-17 0.3s ease-in-out 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 28.0446929932px;
    stroke-dasharray: 28.0446929932px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.0446929932px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 28.0446929932px;
    stroke-dasharray: 28.0446929932px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.0446929932px;
  }
}
@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both, animate-svg-fill-18 0.3s ease-in-out 2.3s both;
          animation: animate-svg-stroke-18 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both, animate-svg-fill-18 0.3s ease-in-out 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 308.0124511719px;
    stroke-dasharray: 308.0124511719px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 308.0124511719px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 308.0124511719px;
    stroke-dasharray: 308.0124511719px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 308.0124511719px;
  }
}
@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both, animate-svg-fill-19 0.3s ease-in-out 2.4s both;
          animation: animate-svg-stroke-19 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both, animate-svg-fill-19 0.3s ease-in-out 2.4s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 28.0447120667px;
    stroke-dasharray: 28.0447120667px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.0447120667px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 28.0447120667px;
    stroke-dasharray: 28.0447120667px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.0447120667px;
  }
}
@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both, animate-svg-fill-20 0.3s ease-in-out 2.5s both;
          animation: animate-svg-stroke-20 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both, animate-svg-fill-20 0.3s ease-in-out 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 122.2675628662px;
    stroke-dasharray: 122.2675628662px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 122.2675628662px;
  }
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 122.2675628662px;
    stroke-dasharray: 122.2675628662px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 122.2675628662px;
  }
}
@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both, animate-svg-fill-21 0.3s ease-in-out 2.6s both;
          animation: animate-svg-stroke-21 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both, animate-svg-fill-21 0.3s ease-in-out 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 352.1902160645px;
    stroke-dasharray: 352.1902160645px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 352.1902160645px;
  }
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 352.1902160645px;
    stroke-dasharray: 352.1902160645px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 352.1902160645px;
  }
}
@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-22 {
  -webkit-animation: animate-svg-stroke-22 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both, animate-svg-fill-22 0.3s ease-in-out 2.7s both;
          animation: animate-svg-stroke-22 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both, animate-svg-fill-22 0.3s ease-in-out 2.7s both;
}

@-webkit-keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 270.382598877px;
    stroke-dasharray: 270.382598877px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 270.382598877px;
  }
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 270.382598877px;
    stroke-dasharray: 270.382598877px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 270.382598877px;
  }
}
@-webkit-keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-23 {
  -webkit-animation: animate-svg-stroke-23 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both, animate-svg-fill-23 0.3s ease-in-out 2.8s both;
          animation: animate-svg-stroke-23 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both, animate-svg-fill-23 0.3s ease-in-out 2.8s both;
}

@-webkit-keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 215.3879241943px;
    stroke-dasharray: 215.3879241943px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 215.3879241943px;
  }
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 215.3879241943px;
    stroke-dasharray: 215.3879241943px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 215.3879241943px;
  }
}
@-webkit-keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-24 {
  -webkit-animation: animate-svg-stroke-24 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both, animate-svg-fill-24 0.3s ease-in-out 2.9s both;
          animation: animate-svg-stroke-24 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both, animate-svg-fill-24 0.3s ease-in-out 2.9s both;
}

@-webkit-keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 236.1648712158px;
    stroke-dasharray: 236.1648712158px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 236.1648712158px;
  }
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 236.1648712158px;
    stroke-dasharray: 236.1648712158px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 236.1648712158px;
  }
}
@-webkit-keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-25 {
  -webkit-animation: animate-svg-stroke-25 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both, animate-svg-fill-25 0.3s ease-in-out 3s both;
          animation: animate-svg-stroke-25 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both, animate-svg-fill-25 0.3s ease-in-out 3s both;
}

@-webkit-keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 358.6724243164px;
    stroke-dasharray: 358.6724243164px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 358.6724243164px;
  }
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 358.6724243164px;
    stroke-dasharray: 358.6724243164px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 358.6724243164px;
  }
}
@-webkit-keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-26 {
  -webkit-animation: animate-svg-stroke-26 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both, animate-svg-fill-26 0.3s ease-in-out 3.1s both;
          animation: animate-svg-stroke-26 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both, animate-svg-fill-26 0.3s ease-in-out 3.1s both;
}

@-webkit-keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 28.0447654724px;
    stroke-dasharray: 28.0447654724px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.0447654724px;
  }
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 28.0447654724px;
    stroke-dasharray: 28.0447654724px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.0447654724px;
  }
}
@-webkit-keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-27 {
  -webkit-animation: animate-svg-stroke-27 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both, animate-svg-fill-27 0.3s ease-in-out 3.2s both;
          animation: animate-svg-stroke-27 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both, animate-svg-fill-27 0.3s ease-in-out 3.2s both;
}

@-webkit-keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 122.28565979px;
    stroke-dasharray: 122.28565979px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 122.28565979px;
  }
}

@keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 122.28565979px;
    stroke-dasharray: 122.28565979px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 122.28565979px;
  }
}
@-webkit-keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.svg-elem-28 {
  -webkit-animation: animate-svg-stroke-28 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both, animate-svg-fill-28 0.3s ease-in-out 3.3s both;
          animation: animate-svg-stroke-28 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both, animate-svg-fill-28 0.3s ease-in-out 3.3s both;
}