:root {
  --appl-color-1: #febf35;
  --appl-img-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23c4aa66' fill-opacity='0.4'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
  --appl-border-1: 1px solid #febf35;
  /*
  background-color: var(--appl-color-1);
  background-image: var(--appl-img-1);
  border: var(--appl-border-1);
  */
  --appl-color-2: #2e2e2e;
  --appl-img-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23434343' fill-opacity='0.4'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
  --appl-border-2: 1px solid #978243;
  /*
  background-color: var(--appl-color-2);
  background-image: var(--appl-img-2);
  border: var(--appl-border-2);
  */
}

@keyframes srfade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

body {
  min-height: 100vh;
  background-color: var(--AKcolor1);
}

#page_top.page_top_btn {
  display: none !important;
}

.main-section {
  position: unset;
  margin-bottom: 0 !important;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea {
  font-size: 16px;
}

.wpcf7-turnstile.cf-turnstile {
  padding-left: 10px;
}

/*PCの時*/
@media (min-width:992px) {
  .wpcf7-turnstile.cf-turnstile {
    padding-left: 25px;
  }
}


/**■■■■■■■■■■■■■■■■■■■■■■■■■
* ハンバーガーメニュー　カスタマイズCSS
■■■■■■■■■■■■■■■■■■■■■■■■■**/
:root {
  --vk-mobile-nav-menu-btn-bg-src: url(/wp-content/uploads/yamashiro_02-1_hb_btn_open.svg);
  --vk-mobile-nav-menu-btn-close-bg-src: url(/wp-content/uploads/yamashiro_02-2_hb_btn_close.svg);
}

.vk-mobile-nav-menu-btn {
  width: 46px;
  height: 46px;
  top: 0px;
  background-size: contain;
  border: 0px;
  background-color: #00000000;
  border: none;
}

.vk-mobile-nav-menu-btn.menu-open {
  width: 46px;
  height: 46px;
  top: 0px;
  background-size: contain;
  border: 0px;
  background-color: #00000000;
  border: none;
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* MAIN CSS
■■■■■■■■■■■■■■■■■■■■■■■■■**/
a:hover {
  color: currentColor;
}

body>.site-body {}

img {
  width: 100%;
}

#menu-header_menu_pc .menu-item a::before {
  content: "" !important;
}

#menu-header_menu_pc .menu-item {
  border-right: 0px solid #ccc;
}

#breadcrumb {
  display: none;
}

body,
#site-header,
footer.site-footer,
footer.site-footer nav.footer-nav {
  background-color: var(--AKcolor1);
}

#AK_footer_contents .item .content {
  background-color: #00000000;
}

#site-header {
  box-shadow: none;
}

.site-body {
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.site-body-container.container {
  background-color: #fff;
  padding: 0px;
  padding-bottom: 0rem;
  border-radius: 20px;
  overflow: hidden;
}

#AK_footer_contents.ak_outer {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.vk_posts.next-prev {
  display: none;
}

/*=====================
インナー
=====================*/
.SLARYst_inner {
  padding: 10px;
  padding-bottom: 6rem;
}

.SLARYst_inner.p-top {
  padding-top: 3rem;
}

@media (min-width:992px) {
  .SLARYst_inner {
    padding: 20px;
    padding-bottom: 6rem;
  }

  .SLARYst_inner.p-top {
    padding-top: 4rem;
  }
}

.SLARYst_area {
  margin-bottom: 1.5rem;
  display: flex;
  /*必須*/
  flex-wrap: wrap;
  /*複数行表示*/
}

.SLARYst_area>.SLARYst_heading {
  width: 100%;
}

.SLARYst_area>.detail {
  width: 100%;
  padding: 0 0.5rem;
}

.SLARYst_area p {
  margin-bottom: 0;
}

@media (min-width:992px) {
  .SLARYst_area>.SLARYst_heading {
    width: 130px;

  }

  .SLARYst_area>.detail {
    width: calc(100% - 130px);
    border-left: 3px solid var(--AKcolor7);
    padding-left: 1rem;
  }
}

/*=====================
アイテム表示ボックスアウター
=====================*/
.SLARYst_itemBOX {
  margin-bottom: 2rem;
  padding-top: 2rem;
}


/*=====================
フッター2ndナビ
=====================*/
.SLARYst_logout {
  display: flex;
  /*必須*/
  flex-wrap: wrap;
  /*複数行表示*/
  justify-content: center;
  /*左右*/
  align-items: center;
  /*上下位置を揃える*/
  padding: 0;
}

.SLARYst_logout>li {
  list-style: none;
  padding: 0.5rem
}

.SLARYst_logout>li>a {
  color: #fff;
  text-decoration: none;
}

/*=====================
見出し
=====================*/
.SLARYst_heading {
  margin-bottom: 0rem;
  text-align: center;
}

.SLARYst_heading>h1 {
  font-size: 1.30rem;
}

.SLARYst_heading>h2 {
  font-size: 1.10rem;
}

.SLARYst_heading>h3 {
  font-size: 1.05rem;
}

.SLARYst_heading>h4 {
  font-size: 1.00rem;
}

.SLARYst_heading>h5 {
  font-size: 1.00rem;
}

.SLARYst_heading>h6 {
  font-size: 1.00rem;
}

@media (min-width:992px) {
  .SLARYst_heading>h1 {
    font-size: 1.40rem;
  }

  .SLARYst_heading>h2 {
    font-size: 1.20rem;
  }

  .SLARYst_heading>h3 {
    font-size: 1.15rem;
  }

  .SLARYst_heading>h4 {
    font-size: 1.10rem;
  }

  .SLARYst_heading>h5 {
    font-size: 1.05rem;
  }

  .SLARYst_heading>h6 {
    font-size: 1.00rem;
  }
}

/* heading-00 */
.SLARYst_heading.heading-00 {
  text-align: left;
}

.SLARYst_heading.heading-00>h2,
.SLARYst_heading.heading-00>h3,
.SLARYst_heading.heading-00>h4,
.SLARYst_heading.heading-00>h5,
.SLARYst_heading.heading-00>h6 {
  color: #000;
  font-weight: bold;
}

/* heading-01 */
.SLARYst_heading.heading-01 {
  text-align: center;
}

.SLARYst_heading.heading-01>h2,
.SLARYst_heading.heading-01>h3,
.SLARYst_heading.heading-01>h4,
.SLARYst_heading.heading-01>h5,
.SLARYst_heading.heading-01>h6 {
  display: inline-block;
  background-color: var(--AKcolor1);
  color: #fff;
  padding: 0.5rem 2rem;
  border-radius: 1000px;
  font-weight: bold;
}

/* heading-02 */
.SLARYst_heading.heading-02 {
  text-align: center;
}

.SLARYst_heading.heading-02>h2,
.SLARYst_heading.heading-02>h3,
.SLARYst_heading.heading-02>h4,
.SLARYst_heading.heading-02>h5,
.SLARYst_heading.heading-02>h6 {
  display: inline-block;
  background-color: var(--AKcolor5);
  color: #fff;
  padding: 0.5rem 2rem;
  border-radius: 1000px;
  font-weight: bold;
}

/* heading-03 */
.SLARYst_heading.heading-03 {
  text-align: center;
}

.SLARYst_heading.heading-03>h2,
.SLARYst_heading.heading-03>h3,
.SLARYst_heading.heading-03>h4,
.SLARYst_heading.heading-03>h5,
.SLARYst_heading.heading-03>h6 {
  display: inline-block;
  background-color: var(--AKcolor4);
  color: #fff;
  padding: 0.5rem 2rem;
  border-radius: 1000px;
  font-weight: bold;
}

/* heading-11 */
.SLARYst_heading.heading-11 {
  text-align: left;
  color: var(--AKcolor2);
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.SLARYst_heading.heading-11>*::before {
  content: '[';
}

.SLARYst_heading.heading-11>*::after {
  content: ']';
}

.SLARYst_heading.heading-11>h2,
.SLARYst_heading.heading-11>h3,
.SLARYst_heading.heading-11>h4,
.SLARYst_heading.heading-11>h5,
.SLARYst_heading.heading-11>h6 {
  margin-bottom: 0rem;
  font-size: 1rem;
}

@media (max-width:991.98px) {
  .SLARYst_heading.heading-11 {
    text-align: left;
    color: var(--AKcolor2);
    font-weight: bold;
    margin-bottom: 0.3rem;
    background-color: var(--AKcolor7);
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
  }

  .SLARYst_heading.heading-11>*::before {
    content: '';
  }

  .SLARYst_heading.heading-11>*::after {
    content: '';
  }

  .SLARYst_heading.heading-11>h2,
  .SLARYst_heading.heading-11>h3,
  .SLARYst_heading.heading-11>h4,
  .SLARYst_heading.heading-11>h5,
  .SLARYst_heading.heading-11>h6 {
    margin-bottom: 0rem;
    font-size: 1rem;
  }
}

/* heading-12 */
.SLARYst_heading.heading-12 {
  text-align: left;
  color: #333;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.SLARYst_heading.heading-12>*::before {
  content: '[';
}

.SLARYst_heading.heading-12>*::after {
  content: ']';
}

.SLARYst_heading.heading-12>h2,
.SLARYst_heading.heading-12>h3,
.SLARYst_heading.heading-12>h4,
.SLARYst_heading.heading-12>h5,
.SLARYst_heading.heading-12>h6 {
  margin-bottom: 0rem;
  font-size: 1rem;
}

@media (max-width:991.98px) {
  .SLARYst_heading.heading-12 {
    text-align: left;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.3rem;
    background-color: #e8d4c3;
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
  }

  .SLARYst_heading.heading-12>*::before {
    content: '';
  }

  .SLARYst_heading.heading-12>*::after {
    content: '';
  }

  .SLARYst_heading.heading-12>h2,
  .SLARYst_heading.heading-12>h3,
  .SLARYst_heading.heading-12>h4,
  .SLARYst_heading.heading-12>h5,
  .SLARYst_heading.heading-12>h6 {
    margin-bottom: 0rem;
    font-size: 1rem;
  }
}


/*=====================
ボタン
=====================*/
.SLARYst_button {
  margin-bottom: 2rem;
}

/* button-01 */
.SLARYst_button.button-01 {
  text-align: center;
}

.SLARYst_button.button-01 a {
  display: inline-block;
  background-color: var(--AKcolor2);
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0.75rem 2.5rem;
  border-radius: 7px;
  box-shadow: 0px 3px 3px #00000030;
}

@media (min-width:992px) {
  .SLARYst_button.button-01 a {
    font-size: 1.8rem;
  }
}

/* button-11 */
.SLARYst_button.button-11 {
  text-align: center;
  width: 100%;
}

.SLARYst_button.button-11 a {
  display: inline-block;
  background-color: var(--AKcolor4);
  color: #fff;
  font-weight: bold;
  font-size: 1.1rem;
  padding: 0.5rem 2rem;
  border-radius: 1000px;
  box-shadow: 0px 3px 3px #00000030;
}

@media (min-width:992px) {
  .SLARYst_button.button-11 a {
    font-size: 1.1rem;
  }
}

/* button-20 */
.SLARYst_button.button-20 {
  text-align: center;
}

.SLARYst_button.button-20 a {
  display: inline-block;
  background-color: var(--AKcolor5);
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 0.75rem 2.5rem;
  border-radius: 7px;
  box-shadow: 0px 3px 3px #00000030;
  width: 100%;
}

.SLARYst_button.button-20 a>span {
  display: flex;
  /*必須*/
  justify-content: center;
  /*左右*/
  align-items: center;
  /*上下位置を揃える*/

}

.SLARYst_button.button-20 a>span>i {
  display: inline-block;
  width: 24px;
  height: 24px;
}

@media (min-width:992px) {
  .SLARYst_button.button-20 a {
    font-size: 1.4rem;
  }
}


/**■■■■■■■■■■■■■■■■■■■■■■■■■
* Googleマップ
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#SLARYstslary-google-map-outer {
  position: relative;
}

#SLARYstslary-google-map {
  width: 100%;
  height: 80vh;
}

/*PCの時*/
@media (min-width:992px) {
  #SLARYstslary-google-map {
    width: 100%;
    height: 90vh;
  }
}

#SLARYstslary-google-map-outer .fit_buttons {
  position: absolute;
  bottom: 25px;
  left: 10px;
}

#SLARYstslary-google-map-outer .fit_buttons .fit_button {

  font-size: 0.7rem;
  background-color: var(--AKcolor2);
  color: #fff;
  border-radius: 10px;
  border: 0;
  padding: 0.5rem 1rem;
  box-shadow: 0px 3px 3px #00000030;
  cursor: pointer;
}

#SLARYstslary-google-map .slary-map-marker {
  border: none;
  background-color: #00000000;
  position: relative;
  cursor: pointer;
}

#SLARYstslary-google-map .slary-map-marker .slary-map-marker__text {
  display: inline-block;
  width: 150px;
  max-width: 150px;
  position: absolute;
  bottom: 1%;
  right: 50%;
  transform: translateY(0%) translateX(0%);
  z-index: 1;
  text-align: left;
}

#SLARYstslary-google-map .slary-map-marker .slary-map-marker__text>.title {
  display: inline-block;
  color: var(--AKcolor1);
  font-weight: 600;
  font-size: 0.7rem;
  background-color: #00000000;
  padding-right: 30px;
  padding-left: 0.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0rem;
  border-radius: 5px 0px 0px 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-text-stroke: 3px #fff;
  text-stroke: 3px #fff;
  paint-order: stroke;
}

#SLARYstslary-google-map .slary-map-marker .stamp_img {
  display: none;
}

#SLARYstslary-google-map .slary-map-marker .stamp_img.active {
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #ffffff8f;
}

#SLARYstslary-google-map .stamp_img>i {
  display: block;
  width: 90%;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#SLARYstslary-google-map .slary-map-marker .slary-map-marker__thumb_inner {
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid var(--AKcolor1);
  position: relative;
  z-index: 2;
}

#SLARYstslary-google-map .slary-map-marker .slary-map-marker__thumb_inner img {
  width: 50px;
  object-fit: cover;
  aspect-ratio: 1 / 1;

}

#SLARYstslary-google-map .slary-location-card .slary-location-card__thumb a {
  position: relative;
}

#SLARYstslary-google-map .slary-location-card .slary-location-card__thumb img {
  width: 150px;
  object-fit: cover;
  aspect-ratio: 4 / 3;

}

#SLARYstslary-google-map .slary-location-card .slary-location-card__thumb .stamp_img {
  display: none;
}

#SLARYstslary-google-map .slary-location-card .slary-location-card__thumb .stamp_img.active {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  background-color: #ffffffd6;
  border-radius: 50%;
}


#SLARYstslary-google-map .slary-location-card h3.slary-location-card__title {
  margin-top: 0.3rem;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;

}

#SLARYstslary-google-map .slary-location-card h3.slary-location-card__title>a {
  display: block;
  text-decoration: underline;
  max-width: 150px;

}

#SLARYstslary-google-map .slary-location-card h3.slary-location-card__title>a br {
  display: none;
}

#SLARYstslary-google-map .slary-location-GoogleMap-button {
  position: absolute;
  top: 15px;
}

#SLARYstslary-google-map .slary-location-GoogleMap-button>a {
  background-color: var(--AKcolor1);
  color: #fff;
  font-weight: bold;
  padding: 0.25rem 0.7rem;
  border-radius: 30px;
}

.slary-current-marker {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2563eb;
  border: 3px solid #fff;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.25);
}

.slary-current-marker span {
  display: block;
  width: 100%;
  height: 100%;
}


#SLARYst_Event_inner .map_change_tabs {
  ul {
    padding: 0;
    display: flex;
    /*必須*/
    flex-wrap: wrap;
    /*複数行表示*/
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0 10px;

    li {
      padding: 0.3rem;
      padding-top: 0;
      padding-bottom: 0.25rem;

      a {
        display: inline-block;
        background-color: #e7e7e7;
        padding: 0.3rem 1rem;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        box-shadow: 0px 3px 3px #00000030;

        span.img {
          width: 40px;
          aspect-ratio: 1/ 1;
          display: inline-block;
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          position: absolute;
          top: -2px;
          left: -10px;
          z-index: 1;
        }

        span.name {
          position: relative;
          z-index: 2;
          font-size: 0.8rem;
          font-weight: 800;
          -webkit-text-stroke: 3px #fff;
          text-stroke: 2px #fff;
          paint-order: stroke;
        }
      }

      &.active a {
        background-color: var(--AKcolor7);
      }
    }
  }

}


@media (min-width:992px) {
  #SLARYst_Event_inner .map_change_tabs ul {
    justify-content: center;
    /*左右*/
  }

  #SLARYst_Event_inner .map_change_tabs ul li a span.name {
    font-size: 0.95rem;
  }
}


/**■■■■■■■■■■■■■■■■■■■■■■■■■
* ナビ
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#global-nav li a,
.footer-nav li a,
.site-footer-copyright {
  color: #fff;
}

.vk-mobile-nav-menu-outer .menu-item a::before {
  content: '';
  display: none;
}

.footer-nav-list li {
  display: inline-block;
  padding: 0;
  padding: 0.25rem 0.5rem;
}



.vk-mobile-nav {
  background-color: var(--AKcolor1);
}

.vk-mobile-nav nav ul li a {
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid var(--AKcolor6);
}

.vk-mobile-nav nav>ul {
  border-top: 1px solid var(--AKcolor6);
}


/**■■■■■■■■■■■■■■■■■■■■■■■■■
* その他
■■■■■■■■■■■■■■■■■■■■■■■■■**/
.AK_company_overview_info {
  margin: 2rem auto;
}

.SLARYst_inner.privacypolicy {
  max-width: 800px;
  margin: 0 auto;
}

body.privacy-policy .AK_info_privacy_policy {
  display: block;
  max-width: 250px;
  margin: 0 auto;
}

/*PCの時*/
@media (min-width:992px) {
  body.privacy-policy .AK_info_privacy_policy {
    display: block;
    max-width: 350px;
    margin: 0 auto;
  }
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* メインレイアウト
■■■■■■■■■■■■■■■■■■■■■■■■■**/
.site-body-container.container {
  position: relative;
}

.site-body-container.container .SLARYst_Page_title {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  z-index: 10;
}

.site-body-container.container .SLARYst_Page_title h1,
.site-body-container.container .SLARYst_Page_title .H1title {
  color: #fff;
  background-color: var(--AKcolor1);
  display: inline-block;
  font-size: 1.2rem;
  padding: 0.25rem 1.5rem;
  padding-top: 0rem;
  border-radius: 0 0 15px 15px;
  margin-bottom: 0;
  font-weight: bold;
}

.site-body-container.container .SLARYst_Page_title .event_navbox {
  background-color: var(--AKcolor1);
  display: inline-flex;
  flex-wrap: nowrap;
  /*複数行表示*/
  justify-content: center;
  /*左右*/
  align-items: center;
  /*上下位置を揃える*/
  font-size: 1.2rem;
  padding: 0.25rem 0.5rem;
  padding-top: 0rem;
  border-radius: 0 0 15px 15px;
}

.site-body-container.container .SLARYst_Page_title .event_navbox .item {
  position: relative;
  padding: 0px 5px;
  padding-bottom: 0.2rem;
}

.site-body-container.container .SLARYst_Page_title .event_navbox .item>div {}

.site-body-container.container .SLARYst_Page_title .event_navbox .item>div>.svg {
  width: 35px;
  height: 35px;
  padding: 5px;
  border-radius: 7px;

  display: flex;
  /*必須*/
  justify-content: center;
  /*左右*/
  align-items: center;
  /*上下位置を揃える*/
}

.site-body-container.container .SLARYst_Page_title .event_navbox .item.active>div>.svg {
  background-color: #fff;
}

.site-body-container.container .SLARYst_Page_title .event_navbox .item.active>div>.svg svg {
  color: var(--AKcolor1);
}

.site-body-container.container .SLARYst_Page_title .event_navbox .item>div>.svg svg {
  color: #fff;
  width: 100%;

}

.site-body-container.container .SLARYst_Page_title .event_navbox .item>div>p {
  font-size: 0.6rem;
  text-align: center;
  color: #fff;
  margin-bottom: 0;
  white-space: nowrap;
  display: none;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
}

/*PCの時*/
@media (min-width:992px) {

  .site-body-container.container .SLARYst_Page_title h1,
  .site-body-container.container .SLARYst_Page_title .H1title {
    font-size: 1.5rem;
    padding: 0.5rem 2rem;
    padding-top: 0rem;
  }

  .site-body-container.container .SLARYst_Page_title .event_navbox .item {
    padding: 0px 10px;
    padding-bottom: 1rem;
  }

  .site-body-container.container .SLARYst_Page_title .event_navbox .item>div>.svg {
    width: 50px;
    height: 50px;
  }

  .site-body-container.container .SLARYst_Page_title .event_navbox .item>div>p {
    display: block;
  }
}

/*=====================
スライダー
=====================*/
.slick-dotted.slick-slider.SLARYst_Slider {
  margin-bottom: 1rem;
}

.SLARYst_Slider .slideritem img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

@media (min-width:992px) {
  .SLARYst_Slider .slideritem img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
  }
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* ViewBox
■■■■■■■■■■■■■■■■■■■■■■■■■**/
/*=====================
共通
=====================*/
.SLARYst_none_item {
  background-color: #f1f1f1;
  padding: 2rem 10px;
  border-radius: 10px;
  text-align: center;
}

.item.SR-ViewBox {
  display: block;
  padding-bottom: 10px;
  background-color: #00000000;
}

.item.SR-ViewBox>.box {
  background-color: #f1f1f1;
  padding: 10px;
  border-radius: 10px;
  display: flex;
  /*必須*/
  flex-wrap: wrap;
  /*複数行表示*/
  align-items: center;
  /*上下位置を揃える*/
  overflow: hidden;
  position: relative;
}

.item.SR-ViewBox.none-active>.box {
  background-color: #bebebe;
}

.item.SR-ViewBox>.box>.left>.ico {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
  border-radius: 1000px;
  background-color: #333;
  z-index: 5;
}

@media (min-width:992px) {
  .item.SR-ViewBox>.box>.left>.ico {
    width: 36px;
    height: 36px;
  }
}

.item.SR-ViewBox>.box>.left>.ico svg {
  width: 70%;
  height: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
}

.item.SR-ViewBox h3 {
  margin: 0;
  font-size: 1.1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0.5rem;
}

.item.SR-ViewBox p {
  margin: 0;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item.SR-ViewBox>.box>.left {
  position: relative;
}

.item.SR-ViewBox>.box>.left>.stamp_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  height: 80%;
  aspect-ratio: 1 / 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

/*=====================
縦
=====================*/
.item.SR-ViewBoxV>.box {
  padding: 0px;
}

.item.SR-ViewBoxV>.box>.left {
  width: 100%;
}

.item.SR-ViewBoxV>.box>.right {
  width: 100%;
  padding: 10px;
}

.item.SR-ViewBoxV>.box>.left img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

/*=====================
横
=====================*/
.item.SR-ViewBoxH>.box>.left {
  width: 30%;
}

.item.SR-ViewBoxH>.box>.right {
  width: 70%;
  padding-left: 1.5rem;
}

.item.SR-ViewBoxH>.box>.left img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border-radius: 7px;
}

/*=====================
イベント
=====================*/
.item.SR-Event.SR-ViewBox>.box>.left>.ico {
  background-color: var(--AKcolor3);
}

.item.SR-Event.SR-ViewBoxH>.box>.left {
  width: 35%;
}

.item.SR-Event.SR-ViewBoxH>.box>.right {
  width: 65%;
  padding-left: 1.5rem;
}

.item.SR-Event>.box>.right>.detail {
  position: relative;
}

.item.SR-Event>.box>.right>.detail>.popup {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0%;
  right: auto;
  transform: translateY(-50%) translateX(0%);
  z-index: 3;
}

.item.SR-Event.SR-ViewBoxV>.box>.right>.detail>.popup {
  left: 0%;
  right: 0%;
  top: 0%;
  transform: translateY(-200%) translateX(0%);
}

@media (min-width:992px) {
  .item.SR-Event>.box>.right>.detail>.popup {
    left: auto;
    right: 0%;
  }

  .item.SR-Event.SR-ViewBoxV>.box>.right>.detail>.popup {
    top: 50%;
    left: auto;
    right: 0%;
    transform: translateY(-50%) translateX(0%);

  }
}



.item.SR-Event>.box>.right>.detail>.popup .inbox {
  background-color: #a7a7a7;
  display: flex;
  /*必須*/
  align-items: center;
  /*上下位置を揃える*/
  padding: 1rem;
  border-radius: 10px;
  font-weight: bold;
}

.item.SR-Event>.box>.right>.detail>.popup .inbox>span {
  display: flex;
  /*必須*/
  justify-content: center;
  /*左右*/
  align-items: center;
  /*上下位置を揃える*/
  margin-right: 0.4rem;

}

.item.SR-Event>.box>.right>.detail>.popup .inbox>span>svg {
  width: 1.5rem;
}

.item.SR-Event.application_FIX>.box>.right>.detail>.popup .inbox {
  background-color: var(--appl-color-2);
  background-image: var(--appl-img-2);
  border: var(--appl-border-2);
  color: #fff;
}

.item.SR-Event.application_FIX>.box>.right>.detail>.popup .inbox>span>svg {
  color: #fff;
}

.item.SR-Event.application>.box>.right>.detail>.popup .inbox {
  background-color: var(--appl-color-1);
  background-image: var(--appl-img-1);
  border: var(--appl-border-1);
  color: #000;
}

.item.SR-Event.application>.box>.right>.detail>.popup .inbox>span>svg {
  color: #2c9e7c;
}

/*PCの時*/
@media (min-width:992px) {
  .item.SR-Event.SR-ViewBoxH>.box>.left {
    width: 250px;
  }

  .item.SR-Event.SR-ViewBoxH>.box>.right {
    width: calc(100% - 250px);
    padding-left: 2rem;
  }
}

.item.SR-Event.SR-ViewBox>.box>.right>h3 {
  font-size: 1.25rem;
}

.item.SR-Event>.box>.right .period {
  font-size: 0.85rem;
}

.item.SR-Event>.box>.right .period>span {
  background-color: #333;
  padding: 0.1rem 0.2rem;
  padding-top: 0;
  border-radius: 3px;
  color: #fff;
  margin-right: 0.2rem;
}

.item.SR-Event.active>.box>.right .period>span {
  background-color: #2c9e7c;
}

.item.SR-Event>.box>.right .progress {
  display: flex;
  /*必須*/
  flex-wrap: wrap;
  /*複数行表示*/
  align-items: center;
  /*上下位置を揃える*/
  margin-bottom: 0.4rem;
}

.item.SR-Event>.box>.right .progress>.progressbox {
  display: inline-block;
  background-color: var(--AKcolor2);
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  padding: 0.2rem 0.7rem;
  border-radius: 8px;
  margin-right: 0.5rem;
}

.item.SR-Event>.box>.right .progress>.progressbox>.STAMP_USER_progress {
  font-size: 1.2rem;
}

.item.SR-Event>.box>.right .progress .text {
  font-size: 1rem;
  font-weight: bold;
}

.item.SR-Event>.box>.right .progress .text .b {
  font-size: 1.1rem;
  color: #333;
}

/*=====================
ロケーション
=====================*/
.item.SR-Location.SR-ViewBox>.box>.left>.ico {
  background-color: var(--AKcolor4);
}

.item.SR-Location.SR-ViewBoxH>.box>.left {
  width: 25%;
}

.item.SR-Location.SR-ViewBoxH>.box>.right {
  width: 75%;
  padding-left: 1.5rem;
}

/*PCの時*/
@media (min-width:992px) {
  .item.SR-Location.SR-ViewBoxH>.box>.left {
    width: 150px;
  }

  .item.SR-Location.SR-ViewBoxH>.box>.right {
    width: calc(100% - 150px);
    padding-left: 2rem;
  }
}

.item.SR-Location>.box>.right .OP_text {
  font-size: 0.9rem;
}

.item.SR-Location>.box>.right .address {
  font-size: 0.85rem;
}



/**■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
* 各ページ
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■**/

/*=====================
トップページ
=====================*/
#SLARYst_TOPpage_inner {
  position: relative;
}

#SLARYst_TOPpage_inner #SLARYst_TOP_mypage_but {
  width: 100%;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

#SLARYst_TOP_LINE {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

#SLARYst_TOP_LINE>.SLARYst_heading i {
  color: #dbae67;
  font-size: 2rem;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5rem;
}

#SLARYst_TOP_LINE .imgs {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  /*必須*/
  flex-wrap: wrap;
  /*複数行表示*/
  align-items: center;
  /*上下位置を揃える*/

}

#SLARYst_TOP_LINE .imgs .left {
  width: 43%;
}

#SLARYst_TOP_LINE .imgs .right {
  width: calc(100% - 43%);
}

#SLARYst_TOP_LINE .imgs .right .qr_box {
  position: relative;
}

#SLARYst_TOP_LINE .imgs .right .qr_box .QRimg {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
}

#SLARYst_TOP_LINE #SLARYst_TOP_LINE_but {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateY(-0%) translateX(-50%);
  z-index: 3;
  margin-bottom: 0;
}


@media (min-width:992px) {
  #SLARYst_TOP_LINE .imgs {
    display: flex;
    /*必須*/
    flex-wrap: wrap;
    /*複数行表示*/
    align-items: center;
    /*上下位置を揃える*/

  }

  #SLARYst_TOP_LINE .imgs .left {
    width: 43%;
  }

  #SLARYst_TOP_LINE .imgs .right {
    width: calc(100% - 43%);
  }

  #SLARYst_TOP_LINE #SLARYst_TOP_LINE_but {
    transform: translateY(-20%) translateX(-50%);
  }

  #SLARYst_TOP_LINE #SLARYst_TOP_LINE_but.SLARYst_button.button-11 a {
    font-size: 1.3rem;
  }
}


/*=====================
マイページ
=====================*/
#SLARYst_mypage_inner .SLARYst_manage_option {
  background-color: #f7f7f7;
  padding: 1rem;
  padding-bottom: 0.5rem;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-radius: 10px;
}

#SLARYst_mypage_inner .SLARYst_manage_option>.SLARYst_heading {
  color: #787878;
}

#SLARYst_mypage_inner .SLARYst_manage_option #SLARYst_UserDataDownload_but a {
  background-color: #434343;
  font-size: 1.2rem;
}

/*PCの時*/
@media (min-width:992px) {
  #SLARYst_mypage_inner .SLARYst_manage_option #SLARYst_UserDataDownload_but a {
    background-color: #434343;
    font-size: 1.5rem;
  }
}


#SLARYst_MYPAGE_USEREvent .SR-Event {
  width: 100%;
}

#SLARYst_MYPAGE_Events {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}

#SLARYst_MYPAGE_Events .SLARYst_tabs {
  padding: 0 3rem;
}

#SLARYst_MYPAGE_Events .SLARYst_tabs_inner {
  max-width: 500px;
  width: 100%;
  display: flex;
  /*必須*/
  flex-wrap: nowrap;
  /*複数行表示*/
  justify-content: center;
  /*左右*/
  align-items: center;
  /*上下位置を揃える*/
  border-radius: 1000px;
  background-color: var(--AKcolor6);
  font-size: 1.2rem;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 2rem;
}

#SLARYst_MYPAGE_Events .SLARYst_tabs .tab {
  width: 50%;
  padding: 0.5rem 0.5rem;
  text-align: center;

}

#SLARYst_MYPAGE_Events .SLARYst_tabs .tab.active {
  background-color: var(--AKcolor1);
}


.SLARYst_button.button-01._Normal a {
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
}




@media (min-width:992px) {

  #SLARYst_MYPAGE_USEREvent {
    display: flex;
    /*必須*/
    flex-wrap: wrap;
    /*複数行表示*/
  }

  #SLARYst_MYPAGE_USEREvent.col_center {
    justify-content: center;
    /*左右*/
  }

  #SLARYst_MYPAGE_USEREvent .SLARYst_heading {
    width: 100%;
  }

  #SLARYst_MYPAGE_USEREvent .SR-Event {
    width: calc(100% / 3);
    padding: 5px;
  }

  #SLARYst_MYPAGE_USEREvent .SLARYst_none_item {
    width: 100%;
    max-width: 600px;
  }

  .SLARYst_button.button-01._Normal a {
    font-size: 0.9rem;
  }
}

/*=====================
ユーザー設定
=====================*/
#SLARYst_UserPage_inner {
  max-width: 800px;
  margin: 0 auto;
}

#SLARYst_UserPage_inner.p-top {
  padding-top: 3rem;
}

#SLARYst_UserPage_inner .acf-fields>.acf-field {
  border-top: 0;
  padding: 0;
  padding: 0.5rem 15px;
}

#SLARYst_UserPage_inner .acf-form-submit {
  padding: 0.5rem 15px;
}

#SLARYst_UserPage_inner .acf-form-submit>input {
  width: 100%;
  border: none;
  background-color: var(--AKcolor1);
  font-weight: bold;
  margin-top: 1rem;
}

#SLARYst_UserPage_inner .acf-fields>.acf-field.acf-field-6864d39cd2520 .acf-fields {
  border: 0;
  display: flex;
  /*必須*/
  flex-wrap: wrap;
  /*複数行表示*/
}

#SLARYst_UserPage_inner .acf-fields>.acf-field.acf-field-6864d39cd2520 .acf-fields .acf-field {
  padding: 0.5rem 0px;
  display: flex;
  /*必須*/
  align-items: center;
  /*上下位置を揃える*/
  flex-direction: row-reverse;
  /*右読み化*/
}

#SLARYst_UserPage_inner .acf-field input[type=text],
#SLARYst_UserPage_inner .acf-field select {
  padding: 15px 10px;
  border: 1px solid #e8e8e8;
}

#SLARYst_UserPage_inner .acf_message.updated {
  padding: 0.5rem 15px;
}

#SLARYst_UserPage_inner .acf_message.updated>p {
  background-color: #08c58d;
  color: #fff;
  text-align: center;
  padding: 0.5rem;
}

#SLARYst_UserPage_inner .acf-fields>.acf-field.acf-field-6864d39cd2520 .acf-fields .acf-field.acf-field-6864d3d8d2521 {
  width: 50%;
}

#SLARYst_UserPage_inner .acf-fields>.acf-field.acf-field-6864d39cd2520 .acf-fields .acf-field.acf-field-6864d47ad2522 {
  width: 25%;
}

#SLARYst_UserPage_inner .acf-fields>.acf-field.acf-field-6864d39cd2520 .acf-fields .acf-field.acf-field-6864d4d3d2523 {
  width: 25%;
}

#SLARYst_UserPage_inner .acf-fields>.acf-field.acf-field-6864d39cd2520 .acf-fields .acf-field .acf-label {
  margin-bottom: 0;
  width: 20px;
  text-align: center;
}

#SLARYst_UserPage_inner .acf-fields>.acf-field.acf-field-6864d39cd2520 .acf-fields .acf-field.acf-field-6864d3d8d2521 .acf-label {
  width: 35px;
}

#SLARYst_UserPage_inner .acf-fields>.acf-field.acf-field-6864d39cd2520 .acf-fields .acf-field .acf-input {
  width: calc(100% - 20px);
}

#SLARYst_UserPage_inner .acf-fields>.acf-field.acf-field-6864d39cd2520 .acf-fields .acf-field.acf-field-6864d3d8d2521 .acf-input {
  width: calc(100% - 35px);
}

/*==========================================
ロケーション詳細
==========================================*/

/*イベントタブ=====================*/

#SLARYst_Event_inner {
  max-width: 800px;
  margin: 0 auto;
}

#SLARYst_Event_inner.GoogleMap {
  max-width: none;
  padding: 0;
  margin: 0;
}

#SLARYst_Event_inner.p-top {
  padding-top: 4rem;
}

.Event_header {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  padding: 10px;
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.Event_header>.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 1;
}

.Event_header>h1 {
  position: relative;
  color: #fff;
  z-index: 2;
  margin-bottom: 0;
  font-size: 1.30rem;
}

#SLARYst_Event_inner .SLARYst_area_Event .SLARYst_heading h2 {
  text-align: left;
  font-size: 1rem;
  color: #333;
  font-weight: normal;
  margin-bottom: 0.0rem;
}

#SLARYst_Event_inner .SLARYst_area_Event .detail p {
  text-align: left;
  font-size: 1rem;
  color: #333;
  font-weight: normal;
  margin-bottom: 0.0rem;
}

/*- 主催 -------*/
#SLARYst_Event_inner .SLARYst_area_Event.organizer {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #e7e7e7;
  padding: 0.25rem 1rem;
  border-radius: 10px;
  margin-bottom: 1rem;
}

#SLARYst_Event_inner .SLARYst_area_Event.organizer .SLARYst_heading h2::after {
  content: '：';
}

#SLARYst_Event_inner .SLARYst_area_Event.organizer .SLARYst_heading h2,
#SLARYst_Event_inner .SLARYst_area_Event.organizer .detail p {
  font-size: 0.8rem;
}

/*- 進捗 -------*/
#SLARYst_Event_inner .ak_subtext.progress {
  display: flex;
  /*必須*/
  flex-wrap: wrap;
  /*複数行表示*/
  align-items: center;
  /*上下位置を揃える*/
  margin-bottom: 0.7rem;
}

#SLARYst_Event_inner .ak_subtext.progress>.progressbox {
  display: inline-block;
  background-color: var(--AKcolor2);
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  padding: 0.2rem 1rem;
  border-radius: 10px;
  margin-right: 0.5rem;
}

#SLARYst_Event_inner .ak_subtext.progress>.progressbox>.STAMP_USER_progress {
  font-size: 1.4rem;
}

#SLARYst_Event_inner .ak_subtext.progress .text {
  font-size: 1rem;
  font-weight: bold;
}

#SLARYst_Event_inner .ak_subtext.progress .text .b {
  font-size: 1.1rem;
  color: #333;
}

/*- 期間 -------*/
#SLARYst_Event_inner .SLARYst_area_Event.period {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
}

#SLARYst_Event_inner .SLARYst_area_Event.period .SLARYst_heading h2 {
  font-weight: bold;
  background-color: #333;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.1rem 0.5rem;
  border-radius: 5px;
  margin-right: 0.5rem;
}

#SLARYst_Event_inner .SLARYst_area_Event.period .SLARYst_heading.active h2 {
  background-color: var(--AKcolor4);
}

#SLARYst_Event_inner .SLARYst_area_Event.period .detail p {
  font-weight: bold;
  font-size: 1.2rem;
}

/*- イベント紹介 -------*/
#SLARYst_Event_inner .SLARYst_area_Event.ex {
  margin-bottom: 3rem;
}

#SLARYst_Event_inner .SLARYst_area_Event.ex .SLARYst_heading h2 {
  font-size: 1rem;
  font-weight: bold;
  color: #a3769d;
  margin-bottom: .5rem;
}

#SLARYst_Event_inner .SLARYst_area_Event.ex .detail p {}

/*- 応募ボタン -------*/
#SLARYst_Event_Application_but {}

#SLARYst_Event_Application_but.application a {
  background-color: var(--appl-color-1);
  background-image: var(--appl-img-1);
  border: var(--appl-border-1);
  padding: 1.5rem 2.5rem;
  cursor: pointer;
}

#SLARYst_Event_Application_but.application a svg {
  color: #2c9e7c;
}

#SLARYst_Event_Application_but.application_FIX a {
  background-color: var(--appl-color-2);
  background-image: var(--appl-img-2);
  border: var(--appl-border-2);
}

/*- 特典 -------*/
#SLARYst_Event_inner .SLARYst_area_Event.peak {}

#SLARYst_Event_inner .SLARYst_area_Event.peak .SLARYst_heading.heading-03 h2 {
  font-weight: bold;
  color: #fff;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

#SLARYst_Event_inner .SLARYst_area_Event.peak .peak_box {
  background-color: #f7dfa6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23e6b33c' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  padding: 10px;
  border-radius: 10px;
  display: block;
}

#SLARYst_Event_inner .SLARYst_area_Event .peak_box .inbox {
  display: flex;
  /*必須*/
  flex-wrap: wrap;
  /*複数行表示*/
  position: relative;
}

#SLARYst_Event_inner .SLARYst_area_Event .peak_box .inbox .left {
  width: 100px;
  position: relative;
}

#SLARYst_Event_inner .SLARYst_area_Event .peak_box .inbox .right {
  width: calc(100% - 100px);
  padding-left: 1rem;
}

#SLARYst_Event_inner .SLARYst_area_Event .peak_box .inbox .left>img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border-radius: 5px;
}

#SLARYst_Event_inner .SLARYst_area_Event .peak_box .inbox>.ribbon {
  position: absolute;
  top: -12px;
  left: -12px;
  display: block;
  width: 80px;
  aspect-ratio: 1 / 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
}

#SLARYst_Event_inner .SLARYst_area_Event .peak_box .inbox .right>h3 {
  font-size: 1rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.5rem;
}

#SLARYst_Event_inner .SLARYst_area_Event .peak_box .inbox .right>p {
  font-size: .8rem;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}


/*PCの時*/
@media (min-width:992px) {
  #SLARYst_Event_inner.p-top {
    padding-top: 6rem;
  }

  .Event_header {
    padding-top: 6rem;
  }

  .Event_header>h1 {
    text-align: center;
    font-size: 1.40rem;
  }

  #SLARYst_Event_inner .SLARYst_area_Event .peak_box .inbox .left {
    width: 150px;
  }

  #SLARYst_Event_inner .SLARYst_area_Event .peak_box .inbox .right {
    width: calc(100% - 150px);
    padding-left: 1.5rem;
  }
}

/*スタンプ帳=====================*/
#SLARYst_Event_inner #stamp_book {
  display: flex;
  /*必須*/
  flex-wrap: wrap;
  /*複数行表示*/
}

#SLARYst_Event_inner #stamp_book .group {
  width: calc(100% / 3);
  padding: 2px;
}

#SLARYst_Event_inner #stamp_book .group .S_imgs {
  position: relative;
}

#SLARYst_Event_inner #stamp_book .group .S_imgs .S_img_base {
  position: relative;
  display: block;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 1000px;
  overflow: hidden;
}

#SLARYst_Event_inner #stamp_book .group .S_imgs .S_img_base.stamped::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fff;
  opacity: 0.3;
}

#SLARYst_Event_inner #stamp_book .group .S_imgs .S_img_stamp {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  z-index: 2;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 1000px;
  overflow: hidden;
}

#SLARYst_Event_inner #stamp_book .group .group_name {
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #656565;
}

/*PCの時*/
@media (min-width:992px) {
  #SLARYst_Event_inner #stamp_book .group {
    padding: 10px;
  }
}

/*マップ=====================*/


/*ロケーションリスト=====================*/
#SLARYst_Event_inner #SLARYst_Event_AllLocation_but {
  margin-bottom: 1rem;
}

#SLARYst_Event_inner #SLARYst_Event_AllLocation_but a {
  font-size: 1.1rem;
  background-color: var(--AKcolor6);
}

#SLARYst_Event_inner #SLARYst_Event_GroupMap_but a {
  font-size: 1.1rem;
  background-color: var(--AKcolor2);
}

#SLARYst_Event_inner.SLARYst_Event_LocationList .SLARYst_heading.group_name {
  text-align: left;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

#SLARYst_Event_inner.SLARYst_Event_LocationList .SLARYst_heading.group_name h2 {
  margin-bottom: 0;
}

/*特典=====================*/

@media (min-width:992px) {

  #SLARYst_Event_inner.SLARYst_Event_Peak .SLARYst_area>.detail {
    border-left: 3px solid #e8d4c3;
  }
}

#SLARYst_Peak_apply_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  max-height: 100vh;
  background-color: #0000009c;
  padding: 3rem 15px;
  z-index: 1100;
  display: none;
  overflow-y: scroll;
  opacity: 0;
  transition: opacity 1s;
}

#SLARYst_Peak_apply_popup.active {
  display: block;
  animation: apply_popup_view 0.5s ease-in-out 1 0s forwards;
}

/* アニメーション設定 */
/*1：回数 infinite：無限*/
/*forwards 保持*/
@keyframes apply_popup_view {
  0% {
    opacity: 0;
    /* 開始位置 */
  }

  100% {
    opacity: 1;
    /* 終了位置 */
  }
}

#SLARYst_Peak_apply_popup .Form_Box {
  position: relative;
  padding: 5px;
  min-height: calc(100vh - 6rem);
}

#SLARYst_Peak_apply_popup .Form_Box .inner {
  background-color: #fff;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 1rem 10px;
}

#SLARYst_Peak_apply_popup .Form_Box.err .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 3rem 10px;
}

#SLARYst_Peak_apply_popup .Form_Box .inner #SLARYst_Peak_apply_popup_close {
  background-color: #656565;
  color: #fff;
  position: fixed;
  top: 60px;
  right: 30px;
  padding: 3px 8px;
  border-radius: 1000px;
  font-size: 0.8rem;
  cursor: pointer;
  z-index: 10;
}

#SLARYst_Peak_apply_popup .Form_Box.err .inner #SLARYst_Peak_apply_popup_close {
  top: 15px;
  right: 15px;
}

#SLARYst_Peak_apply_popup .Form_Box .inner .contact-form {
  padding: 0;
}

#SLARYst_Peak_apply_popup .Form_Box .inner .contact-form .form-group {
  margin-bottom: 0.5rem;
}

#SLARYst_Peak_apply_popup .Form_Box .inner .contact-form .form-group input {
  padding: 8px 16px;
}

#SLARYst_Peak_apply_popup .Form_Box .inner .contact-form .form-group input.wpcf7-submit {
  padding: 15px 10px;
  margin-bottom: 2rem;
}

/*PCの時*/
@media (min-width:992px) {
  #SLARYst_Peak_apply_popup .Form_Box {
    padding: 20px;
  }

  #SLARYst_Peak_apply_popup .Form_Box .inner #SLARYst_Peak_apply_popup_close {
    top: 70px;
    right: 120px;
  }

  #SLARYst_Peak_apply_popup .Form_Box .inner .contact-form {
    padding: 0 1rem;
  }

  #SLARYst_Peak_apply_popup .Form_Box.err .inner {
    padding: 3rem 8rem;
  }

  #SLARYst_Peak_apply_popup .Form_Box.err .inner #SLARYst_Peak_apply_popup_close {
    top: 15px;
    right: 15px;
  }
}







/*=====================
ロケーション詳細
=====================*/
#SLARYst_Location_inner {
  max-width: 800px;
  margin: 0 auto;
}

#manage_QRcode_url {
  background-color: #333;
  color: #a6fff7;
  border-radius: 10px;
  padding: 1rem 2rem;
  margin-bottom: 1rem;
  cursor: pointer;
  font-size: 0.8rem;
}

/*=====================
プロセス
=====================*/
#SLARYst_Process_inner {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 3rem;
}

#SLARYst_Process_inner .Debug {
  background-color: #2e2e2e;
  padding: 1rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#SLARYst_Process_inner .Debug p,
#SLARYst_Process_inner .Debug a {
  margin-bottom: 0.1rem;
  font-size: 0.8rem;
  color: #fff;
}

#SLARYst_Process_inner .SLARYst_Process_area.Location {
  margin-bottom: 3rem;
}

#SLARYst_Process_inner .SLARYst_Process_area.Location .img {
  text-align: center;
  margin-bottom: 1rem;
}

#SLARYst_Process_inner .SLARYst_Process_area.Location .img>img {
  width: 100%;
  max-width: 250px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
}

#SLARYst_Process_inner .SLARYst_Process_area.Location .link {
  text-align: center;
}

#SLARYst_Process_inner .SLARYst_Process_area.Location .link>a {
  padding: 0.5rem 1rem;
  border-radius: 100px;
  background-color: var(--AKcolor1);
  color: #fff;
  font-size: 0.9rem;
  box-shadow: 0px 3px 3px #00000030;
}

/* ポップアップ */
#SLARYst_Process_stamp_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  max-height: 100vh;
  background-color: #0000009c;
  padding: 3rem 15px;
  z-index: 1100;
  overflow-y: scroll;
}

#SLARYst_Process_stamp_popup>.STAMP_box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translateY(-50%) translateX(-50%);
  padding: 15px;

}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner {
  background-color: #fff;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 1rem 10px;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .SLARYst_heading.stampGET {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .SLARYst_heading.stampGET h2 {
  font-size: 1.7rem;
  font-weight: 900;
}


#SLARYst_Process_stamp_popup>.STAMP_box>.inner .SLARYst_heading.eve h3 {
  color: var(--AKcolor1);
  font-size: 0.9rem;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .SLARYst_heading.loc h3 {}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location {
  margin-bottom: 2rem;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img {
  max-width: 250px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 2rem;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img img.loc {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img img.stamp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(2);
  opacity: 0;
  z-index: 3;

}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner #SLARYst_Process_stamp_popup_CLOSE {
  text-align: center;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner #SLARYst_Process_stamp_popup_CLOSE>span {
  display: inline-block;
  padding: 0.5rem 2rem;
  background-color: #b7b7b7;
  border-radius: 100px;
  font-size: 0.8rem;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img.show img.stamp {
  animation: Stsmped_ANM 1s ease-in-out 1 0s forwards;
  /* アニメーション設定 */
  /*1：回数 infinite：無限*/
  /*forwards 保持*/
}


@keyframes Stsmped_ANM {
  0% {
    transform: translateY(-50%) translateX(-50%) scale(2);
    opacity: 0;
  }

  80% {
    transform: translateY(-50%) translateX(-50%) scale(1.7);
    opacity: 1;
  }

  95% {
    transform: translateY(-50%) translateX(-50%) scale(0.8);
    opacity: 1;
  }

  100% {
    transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1;
  }
}

/*PCの時*/
@media (min-width:992px) {
  #SLARYst_Process_stamp_popup>.STAMP_box {
    padding: 20px;
  }
}


/* スタンプ獲得effect ==================================-*/
:root {
  --StampSpark1: #ff941a;
  --StampSpark2: #ffd209;
  --StampSpark3: #ffeb37;
}


#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img .StampSpark {
  width: calc(100% + 0rem);
  aspect-ratio: 1 / 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);

}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img .StampSpark .StampSpark1 {
  width: calc(100% + 2rem);
  aspect-ratio: 1 / 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: repeating-conic-gradient(transparent, transparent 12deg, var(--StampSpark1) 12deg 15deg);
  z-index: 1;
  border-radius: 1000px;
  opacity: 0;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img .StampSpark .StampSpark2 {
  width: calc(100% + 3rem);
  aspect-ratio: 1 / 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: repeating-conic-gradient(transparent, transparent 19deg, var(--StampSpark2) 19deg 22deg);
  z-index: 1;
  border-radius: 1000px;
  opacity: 0;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img .StampSpark .StampSpark3 {
  width: calc(100% + 4rem);
  aspect-ratio: 1 / 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: repeating-conic-gradient(transparent, transparent 6deg, var(--StampSpark3) 6deg 8deg);
  z-index: 1;
  border-radius: 1000px;
  opacity: 0;
}

#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img.show .StampSpark .StampSpark1,
#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img.show .StampSpark .StampSpark2,
#SLARYst_Process_stamp_popup>.STAMP_box>.inner .location .img.show .StampSpark .StampSpark3 {
  animation: StsmpedSpark__ANM 5s linear 0.9s 1, StsmpedSparkFade__ANM 5s ease-out 0.9s 1;
}

@keyframes StsmpedSpark__ANM {
  to {
    transform: translateY(-50%) translateX(-50%) rotate(20deg);
    opacity: 1;
  }

}

@keyframes StsmpedSparkFade__ANM {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* ==================================-*/




/**■■■■■■■■■■■■■■■■■■■■■■■■■
* カメラ機能
■■■■■■■■■■■■■■■■■■■■■■■■■*

#SLARYst_camera
#SLARYst_camera_monitor
　#SLARYst_camera_video
　#SLARYst_camera_canvas
　#SLARYst_camera_status
　#SLARYst_camera_close

*/
:root {
  --CamLR: -20px;
  --CamBottom: 20px;
  --CamSize: 120px;
  --CamIcoSize: 60px;
}

#SLARYst_camera {
  /*初期配置は右*/
  position: fixed;
  bottom: var(--CamBottom);
  left: auto;
  right: var(--CamLR);
  z-index: 2000;
  width: var(--CamSize);
  height: var(--CamSize);
  background-color: var(--AKcolor6);
  border: none;
  border-radius: 50%;
  box-shadow: 4px 2px 6px #00000030;
}

#SLARYst_camera.cam_posi__left {
  right: auto;
  left: var(--CamLR);
}

#SLARYst_camera>span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-66%) translateX(-40%);
  width: var(--CamIcoSize);
  height: var(--CamIcoSize);
}

#SLARYst_camera.cam_posi__right>span {
  transform: translateY(-66%) translateX(-54%);
}

#SLARYst_camera>span>svg {
  width: 100%;
  color: #fff;
}

#SLARYst_camera_monitor {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000000d7;
  z-index: 2150;
  width: 100vw;
  height: 100vh;
  display: none;
  opacity: 0;
}

#SLARYst_camera_monitor.active {
  display: block;
  animation: srfade 0.5s ease-in-out 1 0s forwards;
  /* アニメーション設定 */
  /*1：回数 infinite：無限*/
  /*forwards 保持*/
}

#SLARYst_camera_monitor>.inner {
  width: 100%;
  height: 100%;

  position: relative;
}

#SLARYst_camera_monitor>.inner>.video_box {
  width: calc(100%);
  max-width: 720px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);

}

#SLARYst_camera_monitor>.inner>.video_box>#SLARYst_camera_video {
  width: 100%;
  height: 100%;
}

#SLARYst_camera_monitor>.inner>.video_box>#SLARYst_camera_status {
  position: absolute;
  max-width: 80%;
  bottom: 5px;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  background-color: #000000a2;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.25rem 0.75rem;
  border-radius: 5px;
}

#SLARYst_camera_monitor>.inner>.video_box>#SLARYst_camera_close {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #242424;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#SLARYst_camera_monitor>.inner>.video_box>#SLARYst_camera_close>i {
  margin: 0;
  color: #fff;
}




/*PCの時*/
@media (min-width:992px) {
  #SLARYst_camera {
    display: none !important;
  }

  #SLARYst_camera_monitor {
    display: none !important;
  }
}



/**■■■■■■■■■■■■■■■■■■■■■■■■■
* フッター固定ナビ
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#SLARYst_mobile_fix_nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2100;
}

#SLARYst_mobile_fix_nav>ul.inner {
  background-color: var(--AKcolor2);
  width: 100%;
  box-shadow: 0px -1px 5px #00000030;
  margin: 0;
  padding: 0;
  display: flex;
  /*必須*/

}

#SLARYst_mobile_fix_nav>ul.inner>li {}

#SLARYst_mobile_fix_nav>ul.inner>li>a {
  display: block;
  text-align: center;
}

#SLARYst_mobile_fix_nav>ul.inner>li>a>span {
  display: block;
  width: 40px;
  margin: 0px auto;
  padding: 10px 5px;
  color: #fff;
}

@media (min-width:992px) {
  #SLARYst_mobile_fix_nav {
    display: none;
  }
}


/**■■■■■■■■■■■■■■■■■■■■■■■■■
* 利用者情報
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#SLARYst_UserDataDownload_inner {
  padding-top: 6rem;
}

#SLARYst_UserDataDownload_inner .UserDataDownload_area {
  margin-bottom: 2rem;
}

#SLARYst_UserDataDownload_inner .UserDataDownload_area.DLbut {
  text-align: right;
}

#SLARYst_UserDataDownload_inner #SLARYst_UserDataDownload {
  background-color: var(--AKcolor2);
  border: none;
  color: #fff;
  font-weight: bold;
  padding: 0.5rem 1.5rem;
  border-radius: 1000px;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0px 3px 3px #00000030;
}

#SLARYst_UserDataDownload_inner .UserDataDownload_area.DataList .datatable {
  width: 100%;
  overflow-x: scroll;
}

#SLARYst_UserDataDownload_inner #SLARYst_user_list {}

#SLARYst_UserDataDownload_inner #SLARYst_user_list thead {
  background-color: #f7f7f7;
}

#SLARYst_UserDataDownload_inner #SLARYst_user_list th,
#SLARYst_UserDataDownload_inner #SLARYst_user_list td {
  white-space: nowrap;
}

#SLARYst_UserDataDownload_inner #SLARYst_user_list a {
  color: #0c5f64;
  text-decoration: underline;

}