@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap");
.autumnfest2025 {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
  /*Google Chrome、Safariへの対応*/ }
  .autumnfest2025 h1, .autumnfest2025 h2, .autumnfest2025 h3 {
    font-family: "Kiwi Maru", serif; }
  .autumnfest2025 .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0; }
  .autumnfest2025 .bgw {
    background-color: #ffffff99;
    box-shadow: 1px 1px 5px #bbb;
    border-radius: 16px;
    padding: 14px 10px !important; }
  .autumnfest2025 .bg1 {
    background-image: url(../images/lp-autumnfest2025/pattern.png), linear-gradient(329deg, #ffeed4, #fff0a4);
    background-size: 80px, auto;
    background-repeat: repeat, no-repeat;
    background-position: center bottom; }
  .autumnfest2025 .bg2 {
    background-image: linear-gradient(329deg, #ffd5d5, #fff1a9); }
  .autumnfest2025 .container {
    padding: 0 10px; }
  .autumnfest2025 .break {
    word-break: keep-all;
    overflow-wrap: break-word; }
  .autumnfest2025 img {
    width: 100%;
    max-width: initial; }
  .autumnfest2025 .contents_box::-webkit-scrollbar {
    display: none; }
  .autumnfest2025 .logo {
    background: #ffffff;
    max-height: 50px;
    box-shadow: 0 3px 5px #333;
    padding: 10px;
    border: solid 1px #e5e5e5; }
    .autumnfest2025 .logo img {
      max-height: 33px;
      width: auto;
      height: auto;
      display: block;
      margin: auto; }
  .autumnfest2025 .hero {
    position: relative; }
    .autumnfest2025 .hero .hero-ab {
      position: absolute;
      top: 0;
      left: 0; }
    .autumnfest2025 .hero .pos1 {
      max-width: 90vw;
      top: 6%;
      left: 0;
      z-index: 2;
      right: 0;
      margin: auto; }
    .autumnfest2025 .hero .pos2 {
      max-width: 24vw;
      z-index: 2;
      top: 44%;
      left: -8%; }
    .autumnfest2025 .hero .pos3 {
      max-width: 42vw;
      z-index: 1;
      left: -13%; }
    .autumnfest2025 .hero .pos4 {
      z-index: 1;
      max-width: 37vw;
      left: 70%;
      top: 2%;
      width: 100%; }
    .autumnfest2025 .hero .pos5 {
      z-index: 1;
      max-width: 46vw;
      left: 57%;
      top: 82%;
      width: 100%; }
  .autumnfest2025 .place {
    max-width: 600px;
    margin: auto;
    background: #FFFEFB;
    color: #933523;
    padding: 10px;
    border: solid 2px #F9D3A8;
    border-radius: 16px;
    box-shadow: 3px 3px 3px #c9c9c9;
    position: relative; }
    .autumnfest2025 .place h2 {
      position: relative;
      z-index: 2; }
  .autumnfest2025 .wbear {
    position: absolute;
    width: 30vw;
    max-width: 150px;
    left: 81%;
    top: 75%; }
  .autumnfest2025 .fox {
    position: absolute;
    width: 30vw;
    max-width: 150px;
    left: -13%;
    top: 76%; }
  .autumnfest2025 .bubble {
    margin-top: 110px; }
  .autumnfest2025 .catch {
    max-width: 600px;
    display: block;
    margin: auto; }
  .autumnfest2025 .intro {
    max-width: 700px;
    margin: auto; }
  .autumnfest2025 .welcome {
    position: relative; }
    .autumnfest2025 .welcome::before {
      content: "";
      background-color: #EDC428;
      width: 100%;
      height: 50%;
      display: block;
      top: 0;
      position: absolute;
      bottom: 0;
      margin: auto; }
  .autumnfest2025 .art {
    max-width: 800px;
    width: 100%;
    display: block;
    margin: auto;
    position: relative;
    z-index: 1; }
  .autumnfest2025 .kochira-wrp {
    position: relative;
    width: fit-content;
    margin: auto; }
    .autumnfest2025 .kochira-wrp .onm1 {
      position: absolute;
      left: -9%;
      width: 80px;
      height: auto;
      z-index: 0;
      top: 169%; }
    .autumnfest2025 .kochira-wrp .onm2 {
      position: absolute;
      right: -9%;
      width: 80px;
      height: auto;
      z-index: 0;
      top: 169%; }
  .autumnfest2025 .grid {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(2, 1fr); }
    .autumnfest2025 .grid .card {
      background-color: white;
      border-radius: 16px;
      position: relative; }
      .autumnfest2025 .grid .card .wrp {
        padding: 8px;
        padding-bottom: 10px;
        display: flex;
        flex-direction: column;
        height: 100%; }
      .autumnfest2025 .grid .card h3 {
        color: #933523;
        font-weight: bold;
        margin: 0;
        font-size: 14px;
        padding-bottom: 0; }
        .autumnfest2025 .grid .card h3 span {
          font-size: 13px;
          line-height: 1.5rem;
          margin-bottom: 8px;
          padding: 0;
          display: block; }
      .autumnfest2025 .grid .card .shop {
        font-size: 12px;
        margin-bottom: 10px;
        display: block; }
      .autumnfest2025 .grid .card .price {
        background-color: #E14544;
        border-radius: 50px;
        color: white;
        font-weight: bold;
        padding: 0 5px;
        position: absolute;
        right: 5px;
        font-size: 14px;
        top: 5px; }
      .autumnfest2025 .grid .card .lim {
        background: orange;
        padding: 1px 8px;
        border-radius: 20px;
        width: fit-content; }
      .autumnfest2025 .grid .card .text {
        font-size: 13px;
        margin: 0;
        flex-grow: 1; }
      .autumnfest2025 .grid .card .flavor {
        font-size: 12px; }
      .autumnfest2025 .grid .card img {
        border-radius: 16px 16px 0 0;
        aspect-ratio: 3 / 4;
        object-fit: cover;
        object-position: center;
        max-height: 150px; }
      .autumnfest2025 .grid .card small {
        font-size: 14px; }
  .autumnfest2025 .hidden {
    display: none; }
  .autumnfest2025 .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px; }
    .autumnfest2025 .buttons button {
      border: navajowhite;
      border-radius: 50px;
      padding: 10px;
      color: #933523;
      font-weight: bold;
      font-size: 16px;
      background: white;
      box-shadow: 3px 3px 3px #ccc;
      min-width: 170px; }
    .autumnfest2025 .buttons button.active {
      background-color: #998179;
      color: #fff; }
  .autumnfest2025 .kochira {
    max-width: 600px;
    margin: auto;
    display: block;
    z-index: 1;
    position: relative; }
  .autumnfest2025 .kitanomori {
    background-color: white;
    padding: 100px 10px;
    display: flex;
    border-radius: 16px;
    flex-direction: column;
    align-items: center; }
    .autumnfest2025 .kitanomori img {
      max-width: 500px; }
  .autumnfest2025 .menu {
    position: relative;
    z-index: 1; }
  .autumnfest2025 .info {
    position: relative;
    padding-top: 80px; }
    .autumnfest2025 .info .adj {
      position: relative;
      z-index: 1; }
    .autumnfest2025 .info .bear {
      position: absolute;
      top: -1%;
      max-width: 24vw;
      right: -1%;
      width: 200px;
      z-index: 0; }
    .autumnfest2025 .info .bird {
      position: absolute;
      bottom: -3%;
      max-width: 30vw;
      left: -1%;
      width: 200px;
      z-index: 1; }
    .autumnfest2025 .info .ttl {
      max-width: 800px;
      display: block;
      margin: auto; }
    .autumnfest2025 .info .map {
      width: 100%;
      border-radius: 16px;
      border: 3px solid #F9D3A8 !important; }
    .autumnfest2025 .info .wrp {
      background-color: #FDF7E7;
      border-radius: 16px;
      padding: 10px; }
  .autumnfest2025 .instagram {
    position: relative;
    z-index: 2; }
    .autumnfest2025 .instagram .instafeed {
      max-width: 800px;
      box-shadow: 3px 4px 3px 1px #cbcbcb;
      border-radius: 16px;
      border: 3px dashed #cf6900;
      padding: 8px;
      width: auto;
      margin: 10px;
      background: #fff2e1; }
    .autumnfest2025 .instagram .sbi_header_img {
      border: 1px solid #ccc; }
    .autumnfest2025 .instagram #sb_instagram.sbi_palette_light {
      background-color: initial !important; }
    .autumnfest2025 .instagram .sb_instagram_header {
      border-bottom: 1px dotted #ebd0bd; }
    .autumnfest2025 .instagram .ttl {
      max-width: 800px;
      margin: auto;
      display: block; }
  .autumnfest2025 .fuwafuwa {
    animation: fuwafuwa 3s ease-in-out infinite; }

@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-10px); } }
  .autumnfest2025 .shake {
    animation: shake 2s steps(1, end) infinite; }
  .autumnfest2025 .shake2 {
    animation: shake2 2s steps(1, end) infinite; }

@keyframes shake {
  0%,
  100% {
    transform: rotate(-5deg);
    transform-origin: 50% 50%; }
  50% {
    transform: rotate(5deg); } }

@keyframes shake2 {
  0%,
  100% {
    transform: rotate(5deg);
    transform-origin: 50% 50%; }
  50% {
    transform: rotate(-5deg); } }
  .autumnfest2025 .poyopoyo {
    animation: poyopoyo 1.2s ease-in-out 1;
    display: inline-block; }

@keyframes poyopoyo {
  0%, 100% {
    transform: scale(1); }
  30% {
    transform: scale(1.1, 0.9); }
  50% {
    transform: scale(0.95, 1.05); }
  70% {
    transform: scale(1.05, 0.95); } }

@media (min-width: 768px) {
      .autumnfest2025 .hero .pos1 {
        max-width: 41vw;
        top: 16%;
        left: 14%;
        z-index: 2;
        right: initial;
        margin: initial; }
      .autumnfest2025 .hero .pos2 {
        max-width: 13vw;
        z-index: 2;
        top: 60%;
        left: 46%; }
      .autumnfest2025 .hero .pos3 {
        max-width: 20vw;
        z-index: 1;
        left: 3%; }
      .autumnfest2025 .hero .pos4 {
        z-index: 1;
        max-width: 21vw;
        left: 47%;
        top: 12%; }
      .autumnfest2025 .hero .pos5 {
        z-index: 1;
        max-width: 24vw;
        left: 27%;
        top: 71%; }
      .autumnfest2025 .grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px; }
        .autumnfest2025 .grid img {
          max-height: 240px !important; }
        .autumnfest2025 .grid h3 {
          font-size: 16px !important; }
        .autumnfest2025 .grid .shop {
          font-size: 15px !important; }
        .autumnfest2025 .grid .text {
          font-size: 14px !important; }
      .autumnfest2025 .kochira {
        max-width: 700px; } }

@media (min-width: 1200px) {
    .autumnfest2025 .wbear {
      position: absolute;
      width: 30vw;
      max-width: 150px;
      left: 87%;
      top: 70%; }
    .autumnfest2025 .fox {
      position: absolute;
      width: 30vw;
      max-width: 150px;
      left: -13%;
      top: 73%; }
      .autumnfest2025 .bubble {
        margin-top: 0; } }

@media (min-width: 990px) {
      .autumnfest2025 .kochira-wrp .onm1 {
        top: 48%; }
      .autumnfest2025 .kochira-wrp .onm2 {
        top: 39%; } }