body {
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-top: 0;
  overflow-x: hidden;
  cursor: default;
}

html {
  min-width: 320px;
  overflow-x: hidden;
}

#summer2026 .w {
  --main-box: 1200px;
  width: var(--main-box);
  margin-left: auto;
  margin-right: auto;
}

#summer2026 .header-w {
  background-color: #ffec3f;
  padding-top: 1.30378vw;
  padding-bottom: 3.25945vw;
  position: relative;
  overflow: hidden;
}

#summer2026 .header-w > * {
  position: relative;
  z-index: 1;
}

#summer2026 .header-w::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(45deg, #fff 0 2.34681vw, transparent 2.34681vw 4.69361vw);
  -webkit-clip-path: polygon(0 95%, 100% 5%, 100% 100%, 0 100%);
  clip-path: polygon(0 95%, 100% 5%, 100% 100%, 0 100%);
}

#summer2026 .lead {
  position: relative;
  background-color: #ffec3f;
  padding-top: 10.43025vw;
  padding-bottom: 10.43025vw;
}

#summer2026 .lead > * {
  position: relative;
  z-index: 1;
}

#summer2026 .lead:after {
  content: "";
  background-color: #06b4ea;
  position: absolute;
  inset: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

#summer2026 .lead .lead-txt {
  text-align: center;
  color: #fff;
  font-size: 3.12907vw;
  line-height: 1.71429;
  margin-top: 7.82269vw;
}

#summer2026 .lead div.w.text-center {
  padding-bottom: 9.12647vw;
}

#summer2026 main {
  background-color: #ffec3f;
}

#summer2026 main #menu {
  padding-top: 102px;
}

#summer2026 main #menu .ttl img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 29.98696vw;
}

#summer2026 main #menu .menu-item {
  --text-color: #000;
}

#summer2026 main #menu .menu-item img {
  display: block;
}

#summer2026 main #menu .menu-item .txtBox {
  margin-top: auto;
  margin-bottom: 0;
}

#summer2026 main #menu .menu-item figcaption {
  font-size: 2.60756vw;
  line-height: 1.6;
  color: var(--text-color);
}

#summer2026 main #menu .menu-item figcaption .shop {
  background: var(--text-color);
  color: #fff;
  font-size: 2.08605vw;
  line-height: 1;
  font-weight: bold;
  padding: 0.52151vw 1.04302vw 0.78227vw;
  display: inline-block;
  margin-left: 3.25945vw;
  position: relative;
  z-index: 10;
}

#summer2026 main #menu .menu-item figcaption .txt {
  padding: 5.21512vw;
  position: relative;
  z-index: 1;
}

#summer2026 main #menu .menu-item figcaption .txtBorder {
  background-color: #fff;
  position: relative;
}

#summer2026 main #menu .menu-item figcaption .txtBorder:before {
  content: "";
  position: absolute;
  left: -1.56454vw;
  top: -1.56454vw;
  width: 100%;
  height: 100%;
  border: solid var(--text-color) 1px;
  z-index: 1;
}

#summer2026 main #menu .menu-item figcaption .txt h3 {
  font-size: 4.1721vw;
  line-height: 1.25;
  font-weight: bold;
  margin-bottom: 1.43416vw;
}

#summer2026 main #menu .menu-item figcaption .txt h3 small {
  font-size: 3.12907vw;
}

#summer2026 main #menu .menu-item figcaption .txt .price {
  font-weight: bold;
  font-size: 2.34681vw;
  line-height: 1.302;
  margin-bottom: 2.60756vw;
}

#summer2026 main #menu .menu-item figcaption .txt .price b {
  font-size: 3.12907vw;
}

#summer2026 main #menu .menu-gallery02 {
  padding-top: 10.03911vw;
  padding-bottom: 1.95567vw;
}

#summer2026 main #menu .menu-List {
  display: grid;
  gap: 16.94915vw;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-top: 14.60235vw;
}

#summer2026 main #menu .menu-List .menu-item {
  --text-color: #06b4ea;
}

#summer2026 main #menu .menu-List .txtBox {
  position: relative;
  margin-top: 0;
}

#summer2026 main #menu .menu-List .txtBox .shop {
  position: absolute;
  top: -1.5em;
  z-index: 10;
}

#summer2026 main #menu .menu-item01 {
  --text-color: #06b4ea;
  display: flex;
  position: relative;
}

#summer2026 main #menu .menu-item01 figcaption {
  width: 47.26206vw;
}

#summer2026 main #menu .menu-item02 {
  --text-color: #e15193;
  display: flex;
  position: relative;
}

#summer2026 main #menu .menu-item02 figcaption {
  width: 61.60365vw;
  margin-left: auto;
  margin-right: 0;
}

#summer2026 main #menu .menu-item03 {
  --text-color: #e15193;
  position: relative;
}

#summer2026 main #menu .menu-item03 img.pos {
  position: relative;
  z-index: 10;
}

#summer2026 main #menu .menu-item04 {
  --text-color: #06b4ea;
  position: relative;
}

#summer2026 main #menu .menu-item04 img.pos {
  position: relative;
  z-index: 10;
}

#summer2026 main .workshop-clip {
  position: relative;
}

#summer2026 main .workshop-clip::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-clip-path: polygon(0 11.73403vw, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 11.73403vw, 100% 0, 100% 100%, 0 100%);
  background-image: repeating-linear-gradient(-45deg, #fff 0 2.34681vw, transparent 2.34681vw 4.69361vw);
}

#summer2026 main .workshop-clip::after {
  content: "";
  position: absolute;
  inset: 0;
  top: auto;
  bottom: 0;
  -webkit-clip-path: polygon(0 0, 100% 11.73403vw, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 11.73403vw, 100% 100%, 0 100%);
  background-image: repeating-linear-gradient(-45deg, #fff 0 2.34681vw, transparent 2.34681vw 4.69361vw);
  height: 22.68579vw;
}

#summer2026 main #workshop {
  background-color: #06b4ea;
  -webkit-clip-path: polygon(0 0, 100% 10.82138vw, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 10.82138vw, 100% 100%, 0 100%);
  padding-top: 10.95176vw;
  padding-bottom: 22.68579vw;
}

#summer2026 main #workshop .ttl {
  padding-top: 17.34029vw;
}

#summer2026 main #workshop .ttl img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 55.41069vw;
}

#summer2026 main #workshop .workshop-contents {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#summer2026 main #workshop .workshop-contents__item {
  text-align: center;
}

#summer2026 main #workshop .workshop-contents__txt {
  color: #ffec3f;
}

#summer2026 main #workshop .workshop-contents__txt h3 {
  font-weight: bold;
  font-size: 5.47588vw;
  line-height: 1.286;
  margin-bottom: 5.21512vw;
}

#summer2026 main #workshop .workshop-contents__txt p {
  font-size: 3.12907vw;
  line-height: 1.563;
}

#summer2026 main #workshop .workshop-contents__txt .box_btn {
  color: #06b4ea !important;
  margin-top: 7.1708vw;
}

#summer2026 main #workshop .workshop-contents__txt .box_btn:hover {
  border-color: #e15193;
  color: #e15193 !important;
}

#summer2026 main #workshop .workshop-contents__txt .box_btn:hover svg {
  fill: #e15193;
}

#summer2026 main #workshop .workshop-contents__txt .box_btn:hover .btn-arrow {
  background-color: #fff;
}

#summer2026 main #workshop .workshop-contents__txt .box_btn .btn-arrow {
  background-color: #06b4ea;
  border-radius: 50%;
  overflow: hidden;
}

#summer2026 main #workshop .workshop-shop {
  background-color: #fff;
  margin-top: 12.77705vw;
  margin-bottom: 19.68709vw;
  padding: 7.82269vw 5.60626vw;
  display: grid;
  gap: 4.95437vw;
}

#summer2026 main #workshop .workshop-shop .txt {
  font-size: 3.12907vw;
  line-height: 1.667;
}

#summer2026 main #workshop .workshop-shop .txt h3 {
  font-weight: bold;
  font-size: 5.21512vw;
  line-height: 1.312;
  margin-bottom: 5.21512vw;
}

#summer2026 main #workshop .workshop-shop .txt p:not(:last-child) {
  margin-bottom: 5.21512vw;
}

#summer2026 main .pickup-clip {
  position: relative;
}

#summer2026 main .pickup-clip::before {
  content: "";
  background-color: #e15193;
  position: absolute;
  inset: 0;
  -webkit-clip-path: polygon(0 10.82138vw, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 10.82138vw, 100% 0, 100% 100%, 0 100%);
  height: 11.08214vw;
  top: -10.82138vw;
}

#summer2026 main #pickup {
  background-color: #e15193;
  padding-bottom: 26.07562vw;
}

#summer2026 main #pickup .ttl {
  padding-top: 19.42634vw;
}

#summer2026 main #pickup .ttl img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 41.85137vw;
}

#summer2026 main #pickup .pickup-item:first-child {
  margin-top: -2.9987vw;
}

#summer2026 main #pickup .pickup-item:not(:first-child) {
  margin-top: 12.64668vw;
}

#summer2026 main #pickup .pickup-item .pickup-ph {
  position: relative;
  z-index: 10;
}

#summer2026 main #pickup .pickup-item .box .border {
  position: relative;
}

#summer2026 main #pickup .pickup-item .box .border:before {
  content: "";
  position: absolute;
  left: -1.56454vw;
  top: -1.56454vw;
  width: 100%;
  height: 100%;
  border: solid var(--border-color, var(--text-color)) 2px;
  z-index: 1;
}

#summer2026 main #pickup .pickup-item .box .label {
  position: absolute;
  z-index: 10;
  height: 6.12777vw;
  left: 4.95437vw;
  top: -3.65059vw;
}

#summer2026 main #pickup .pickup-item .box .label img {
  height: inherit;
}

#summer2026 main #pickup .pickup-item .box .txt {
  background-color: #fff;
  padding: 7.82269vw 6.5189vw;
  font-size: 2.60756vw;
  line-height: 1.6;
}

#summer2026 main #pickup .pickup-item .box .txt h3 {
  color: var(--text-color);
  font-size: 6.25815vw;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 5.08475vw;
}

#summer2026 main #pickup .pickup-item .box .txt h4 {
  line-height: 1;
  font-weight: 500;
  font-size: 3.65059vw;
  margin-bottom: 3.78096vw;
}

#summer2026 .index_about + .l-footer {
  margin-top: 0;
}

#summer2026 .mx-auto {
  margin-left: auto;
  margin-right: auto;
}

#summer2026 .block {
  display: block;
}

#summer2026 .text-center {
  text-align: center;
}

#summer2026 .flex-direction-column {
  display: flex;
  flex-direction: column;
}

#summer2026 .notice {
  text-indent: -1em;
  padding-left: 1em;
}

#summer2026 .btn:hover {
  opacity: 1;
}

#summer2026 .btn .btn__arrow::before {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}

#summer2026 .btn .btn__arrow::after {
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
}

#summer2026 .btn--06b4ea {
  background-color: #06b4ea !important;
  color: #fff !important;
}

#summer2026 .btn--06b4ea--round {
  border: 2px solid #06b4ea !important;
}

#summer2026 .btn--06b4ea--round .btn__arrow::before {
  border-color: transparent transparent transparent #06b4ea;
}

#summer2026 .btn--06b4ea--round .btn__arrow::after {
  border-color: #06b4ea transparent transparent transparent;
}

#summer2026 .btn[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}

#summer2026 .btn--edb21f {
  background-color: #edb21f !important;
  color: #000000 !important;
}

#summer2026 .btn--edb21f--round {
  border: 2px solid #edb21f !important;
}

#summer2026 .btn--edb21f--round .btn__arrow::before {
  border-color: transparent transparent transparent #edb21f;
}

#summer2026 .btn--edb21f--round .btn__arrow::after {
  border-color: #edb21f transparent transparent transparent;
}

#summer2026 .btn-w {
  padding-block: 15.64537vw;
}

#summer2026 .btn-gradient {
  position: relative;
  max-width: 100%;
  width: 26rem;
  height: 6rem;
  border-radius: 3rem;
}

#summer2026 .btn-gradient::before {
  content: "";
  position: absolute;
  inset: 1rem -1rem -1rem 1rem;
  background-image: repeating-linear-gradient(-45deg, #fff 0 1.1734vw, transparent 1.1734vw 2.34681vw);
  border-radius: inherit;
}

#summer2026 .box_btn.-skyblue {
  --color: #06b4ea;
}

#summer2026 .box_btn.-yellow {
  --color: #ffec3f;
}

#summer2026 .box_btn.-txt-pink {
  color: #e15193 !important;
}

#summer2026 .box_btn.-bg-pink .btn-arrow {
  background-color: #e15193;
  border-radius: 50%;
}

#summer2026 .box_btn.-hover\:skyblue:hover {
  --color: #06b4ea;
  border-color: var(--color);
  color: var(--color) !important;
}

#summer2026 .box_btn.-hover\:transparent:hover .btn-arrow {
  background-color: transparent;
  border-radius: 50%;
}

#summer2026 .text-bg {
  --card-color: var(--card-txt-color);
}

#summer2026 .text-\[\#ffe746\] {
  color: #ffe746;
}

#summer2026 .bg-\[\#305caa\] {
  --card-color: #305caa;
}

#summer2026 .text-\[\#fff\] {
  --card-txt-color: #fff;
}

#summer2026 .bg-\[\#2b7537\] {
  --card-color: #2b7537;
}

#summer2026 .bg-\[\#edb21f\] {
  --card-color: #edb21f;
}

#summer2026 .text-\[\#222222\] {
  --card-txt-color: #222222;
}

#summer2026 .bg-\[\#dd593b\] {
  --card-color: #dd593b;
}

#summer2026 .text-\[\#305caa\] {
  --card-color: #305caa;
}

#summer2026 .deco-lead {
  position: relative;
}

#summer2026 .deco-lead:before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
}

#summer2026 #menu .deco02 {
  position: relative;
  padding-top: 70px;
}

#summer2026 #menu .deco02 img {
  position: absolute;
  right: 0;
  bottom: 0;
}

#summer2026 #menu .deco03 {
  position: relative;
}

#summer2026 #menu .deco03 img {
  position: absolute;
  bottom: -27px;
  left: -48px;
  z-index: 10;
}

#summer2026 #menu .deco04 {
  position: relative;
}

#summer2026 #menu .deco05 {
  position: relative;
}

#summer2026 #menu .deco06 {
  position: relative;
}

@media only screen and (min-width: 768px) {
  #summer2026 .header-w {
    padding-top: 25px;
    padding-bottom: 50px;
  }

  #summer2026 .header-w::after {
    background-image: repeating-linear-gradient(45deg, #fff 0 18px, transparent 18px 36px);
  }

  #summer2026 .lead {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  #summer2026 .lead:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
  }

  #summer2026 .lead .lead-txt {
    font-size: 1.8rem;
    line-height: 1.77778;
    margin-top: 30px;
  }

  #summer2026 .lead div.w.text-center {
    padding-bottom: 70px;
  }

  #summer2026 main #menu {
    padding-top: 12px;
  }

  #summer2026 main #menu .ttl img {
    width: 230px;
  }

  #summer2026 main #menu .menu-item figcaption {
    font-size: 16px;
    line-height: 1.563;
  }

  #summer2026 main #menu .menu-item figcaption .shop {
    font-size: 13px;
    padding: 4px 8px;
    margin-left: 20px;
  }

  #summer2026 main #menu .menu-item figcaption .txt {
    padding: 30px;
  }

  #summer2026 main #menu .menu-item figcaption .txtBorder:before {
    left: -8px;
    top: -8px;
  }

  #summer2026 main #menu .menu-item figcaption .txt h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  #summer2026 main #menu .menu-item figcaption .txt h3 small {
    font-size: 14px;
  }

  #summer2026 main #menu .menu-item figcaption .txt .price {
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 20px;
  }

  #summer2026 main #menu .menu-item figcaption .txt .price b {
    font-size: 20px;
  }

  #summer2026 main #menu .menu-gallery01 {
    justify-content: center;
    margin-top: -23px;
    padding-bottom: 45px;
  }

  #summer2026 main #menu .menu-gallery02 {
    padding-top: 40px;
    padding-bottom: 0;
  }

  #summer2026 main #menu .menu-gallery03 {
    padding-top: 70px;
  }

  #summer2026 main #menu .menu-List {
    gap: 80px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 62px;
  }

  #summer2026 main #menu .menu-List figcaption .txt h3 {
    margin-bottom: 12px;
  }

  #summer2026 main #menu .menu-List figcaption .txt .price {
    margin-bottom: 16px;
  }

  #summer2026 main #menu .menu-item01 {
    width: 530px;
    height: 594px;
  }

  #summer2026 main #menu .menu-item01 img.pos {
    position: absolute;
    right: -40px;
    z-index: 10;
  }

  #summer2026 main #menu .menu-item01 figcaption {
    width: 290px;
  }

  #summer2026 main #menu .menu-item02 {
    width: 689px;
  }

  #summer2026 main #menu .menu-item02 img.pos {
    position: absolute;
    z-index: 10;
    top: 78px;
  }

  #summer2026 main #menu .menu-item02 figcaption {
    width: 405px;
  }

  #summer2026 main #menu .menu-item02 figcaption .txt p:not(.price) {
    padding-right: 55px;
  }

  #summer2026 main #menu .menu-item02 + .menu-item02-2 {
    display: none;
  }

  #summer2026 main #menu .menu-item03 {
    height: 340px;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap-reverse;
    justify-content: center;
    align-items: end;
  }

  #summer2026 main #menu .menu-item03 figcaption {
    width: 390px;
    margin-right: -110px;
  }

  #summer2026 main #menu .menu-item04 {
    height: 364px;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
  }

  #summer2026 main #menu .menu-item04 figcaption {
    width: 342px;
    margin-left: -110px;
    height: inherit;
  }

  #summer2026 main #menu .menu-item04 figcaption .txtBox {
    margin-bottom: auto;
    margin-block: auto;
  }

  #summer2026 main .workshop-clip::before {
    -webkit-clip-path: polygon(0 203px, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 203px, 100% 0, 100% 100%, 0 100%);
    background-image: repeating-linear-gradient(-45deg, #fff 0 18px, transparent 18px 36px);
    height: 203px;
  }

  #summer2026 main .workshop-clip::after {
    -webkit-clip-path: polygon(0 0, 100% 193px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 193px, 100% 100%, 0 100%);
    background-image: repeating-linear-gradient(-45deg, #fff 0 18px, transparent 18px 36px);
    height: 193px;
  }

  #summer2026 main #workshop {
    -webkit-clip-path: polygon(0 0, 100% 177px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 177px, 100% 100%, 0 100%);
    padding-top: 178px;
    padding-bottom: 203px;
  }

  #summer2026 main #workshop .ttl {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #summer2026 main #workshop .ttl img {
    width: 371px;
  }

  #summer2026 main #workshop .workshop-contents__item {
    position: relative;
  }

  #summer2026 main #workshop .workshop-contents__item::before {
    content: "";
    position: absolute;
    inset: 0;
    top: -58px;
    background-image: url(../images/workshop/deco.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }

  #summer2026 main #workshop .workshop-contents__txt {
    width: 430px;
    position: absolute;
    bottom: 0;
    left: 150px;
  }

  #summer2026 main #workshop .workshop-contents__txt h3 {
    font-size: 28px;
    margin-bottom: 25px;
  }

  #summer2026 main #workshop .workshop-contents__txt p {
    font-size: 16px;
  }

  #summer2026 main #workshop .workshop-contents__txt .box_btn {
    margin-top: 20px;
  }

  #summer2026 main #workshop .workshop-shop {
    margin-top: 60px;
    margin-bottom: 100px;
    padding: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 0;
  }

  #summer2026 main #workshop .workshop-shop .ph {
    padding-left: 15px;
    padding-right: 60px;
    border-right: 2px dashed #06b4ea;
  }

  #summer2026 main #workshop .workshop-shop .txt {
    padding-left: 50px;
    padding-right: 15px;
    font-size: 16px;
  }

  #summer2026 main #workshop .workshop-shop .txt h3 {
    font-size: 26px;
    margin-bottom: 27px;
  }

  #summer2026 main #workshop .workshop-shop .txt p:not(:last-child) {
    margin-bottom: 36px;
  }

  #summer2026 main .pickup-clip::before {
    -webkit-clip-path: polygon(0 177px, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 177px, 100% 0, 100% 100%, 0 100%);
    height: 177px;
    top: -177px;
  }

  #summer2026 main #pickup {
    padding-bottom: 180px;
  }

  #summer2026 main #pickup .ttl {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #summer2026 main #pickup .ttl img {
    width: 279px;
  }

  #summer2026 main #pickup .pickup-item:first-child {
    margin-top: 13px;
  }

  #summer2026 main #pickup .pickup-item:not(:first-child) {
    margin-top: 147px;
  }

  #summer2026 main #pickup .pickup-item {
    display: flex;
    flex-wrap: wrap;
  }

  #summer2026 main #pickup .pickup-item:nth-child(odd) {
    flex-direction: row-reverse;
  }

  #summer2026 main #pickup .pickup-item .pickup-ph {
    width: 740px;
  }

  #summer2026 main #pickup .pickup-item .box {
    width: calc( 100% - 740px);
  }

  #summer2026 main #pickup .pickup-item .box .border:before {
    left: -8px;
    top: -8px;
  }

  #summer2026 main #pickup .pickup-item .box .border {
    margin-top: 50px;
    margin-bottom: 40px;
  }

  #summer2026 main #pickup .pickup-item .box .label {
    height: 38px;
    left: 30px;
    top: -23px;
  }

  #summer2026 main #pickup .pickup-item .box .txt {
    padding: 50px 30px;
    font-size: 16px;
    line-height: 1.563;
  }

  #summer2026 main #pickup .pickup-item .box .txt h3 {
    font-size: 38px;
    margin-bottom: 30px;
  }

  #summer2026 main #pickup .pickup-item .box .txt h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  #summer2026 .pc-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  #summer2026 .md\:inline {
    display: inline;
  }

  #summer2026 .md\:flex {
    display: flex;
  }

  #summer2026 .md\:flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }

  #summer2026 .md\:gap-50 {
    gap: 50px;
  }

  #summer2026 .btn-w {
    padding-block: 70px;
  }

  #summer2026 .btn-gradient::before {
    background-image: repeating-linear-gradient(-45deg, #fff 0 8px, transparent 8px 16px);
  }

  #summer2026 .deco-lead:before {
    left: 50%;
    top: -41px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/ttl-bg.png);
    width: 1311px;
    height: 635px;
  }

  #summer2026 #menu .deco01 {
    position: relative;
  }

  #summer2026 #menu .deco01::after {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/menu/deco/deco01.png);
    aspect-ratio: 105/115;
    width: 105px;
    right: -23px;
    bottom: -24px;
  }

  #summer2026 #menu .deco04::after {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/menu/deco/deco04.png);
    aspect-ratio: 131/134;
    width: 131px;
    left: 0;
    bottom: -56px;
    z-index: 10;
  }

  #summer2026 #menu .deco05::after {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/menu/deco/deco05.png);
    aspect-ratio: 110/121;
    width: 110px;
    left: 0;
    bottom: -56px;
    z-index: 10;
  }

  #summer2026 #menu .deco06::after {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/menu/deco/deco06.png);
    aspect-ratio: 170/127;
    width: 170px;
    right: -60px;
    bottom: 0;
    z-index: 10;
  }

  #summer2026 #pickup .deco01 {
    position: relative;
  }

  #summer2026 #pickup .deco01::before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/pickup/deco/deco01.png);
    aspect-ratio: 237/187;
    width: 237px;
    z-index: 10;
    top: -88px;
    right: -53px;
  }

  #summer2026 #pickup .deco01::after {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/pickup/deco/deco01-2.png);
    aspect-ratio: 285/169;
    width: 285px;
    z-index: 10;
    left: -51px;
    bottom: -73px;
  }

  #summer2026 #pickup .deco02 {
    position: relative;
  }

  #summer2026 #pickup .deco02::before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/pickup/deco/deco02.png);
    aspect-ratio: 213/212;
    width: 213px;
    z-index: 10;
    top: -100px;
    left: -67px;
  }

  #summer2026 #pickup .deco02::after {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/pickup/deco/deco02-2.png);
    aspect-ratio: 220/172;
    width: 220px;
    z-index: 10;
    right: -45px;
    bottom: -95px;
  }

  #summer2026 #pickup .deco03 {
    position: relative;
  }

  #summer2026 #pickup .deco03::before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/pickup/deco/deco03.png);
    aspect-ratio: 162/116;
    width: 162px;
    z-index: 10;
    top: -25px;
    right: -33px;
  }
}

@media only screen and (max-width: 767px) {
  #summer2026 .w {
    width: 100%;
  }

  #summer2026 .sp-block {
    padding-left: max(15px,4vw);
    padding-right: max(15px,4vw);
  }

  #summer2026 main #menu .menu-List .menu-item {
    width: 78.35724vw;
    margin-left: auto;
    margin-right: auto;
  }

  #summer2026 main #menu .menu-item01 {
    padding-left: 5.86701vw;
    padding-right: 5.86701vw;
    padding-inline: 5.86701vw;
    height: 91.26467vw;
  }

  #summer2026 main #menu .menu-item01 img.pos {
    width: 52.41199vw;
    aspect-ratio: 402/680;
    position: absolute;
    right: 5.21512vw;
    z-index: 10;
  }

  #summer2026 main #menu .menu-item01 figcaption .txtBox {
    margin-block: auto;
    margin-bottom: auto;
  }

  #summer2026 main #menu .menu-item02 {
    padding-top: max(16px,4.26667vw);
  }

  #summer2026 main #menu .menu-item02 img.pos {
    width: 42.68057vw;
    aspect-ratio: 352/567;
    position: absolute;
    top: 16.94915vw;
    left: 1.04302vw;
    z-index: 10;
  }

  #summer2026 main #menu .menu-item02 figcaption .txt {
    padding-right: 3.91134vw;
  }

  #summer2026 main #menu .menu-item02 + .menu-item02-2 {
    padding-top: 5.73664vw;
  }

  #summer2026 main #menu .menu-item02 + .menu-item02-2 img.pos {
    display: block;
    width: 57.49674vw;
    aspect-ratio: 441/472;
    margin-left: auto;
    margin-right: 8.18514vw;
  }

  #summer2026 main #menu .menu-item03 img.pos {
    margin-left: auto;
    margin-right: 0;
    width: 87.35332vw;
    aspect-ratio: 670/507;
  }

  #summer2026 main #menu .menu-item03 figcaption {
    width: 63.55932vw;
    margin-left: 7.82269vw;
  }

  #summer2026 main #menu .menu-item04 {
    padding-left: 2.47718vw;
    padding-top: _vw;
  }

  #summer2026 main #menu .menu-item04 figcaption {
    width: 55.73664vw;
    margin-left: auto;
    margin-right: 7.1708vw;
  }

  #summer2026 main #workshop .workshop-contents__txt {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }

  #summer2026 main #workshop .workshop-shop .ph img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 46.93611vw;
  }

  #summer2026 main #pickup .pickup-item .box {
    margin-top: 5.86701vw;
  }

  #summer2026 main #pickup .pickup-item .box .border {
    margin-left: 14.34159vw;
    margin-bottom: 6.5189vw;
  }

  #summer2026 .index_about {
    padding-bottom: 5rem;
  }

  #summer2026 .sp-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  #summer2026 .max-md\:text-center {
    text-align: center;
  }

  #summer2026 .btn {
    width: max(201px,53.6vw);
    height: max(48px,12.8vw);
    font-size: max(14px,3.73333vw);
    line-height: 1.33929;
    letter-spacing: 0.04em;
  }

  #summer2026 .btn--round .btn__arrow {
    width: max(17px,4.53333vw);
    height: max(17px,4.53333vw);
    right: max(13px,3.46667vw);
  }

  #summer2026 .btn--round .btn__arrow::before {
    border-width: max(3.5px,0.93333vw) 0 0 max(6px,1.6vw);
    -webkit-transform: translateY(max(-3.5px,-0.93333vw));
    transform: translateY(max(-3.5px,-0.93333vw));
  }

  #summer2026 .btn--round .btn__arrow::after {
    border-width: max(3.5px,0.93333vw) max(6px,1.6vw) 0 0;
    -webkit-transform: translateY(max(3.5px,0.93333vw));
    transform: translateY(max(3.5px,0.93333vw));
  }

  #summer2026 .deco-lead:before {
    left: 0;
    right: 0;
    top: -10.16949vw;
    background-image: url(../images/ttl-bg-small.png);
    background-size: cover;
    aspect-ratio: 750 / 961;
    width: 100%;
  }

  #summer2026 #menu .deco01-sp {
    position: relative;
  }

  #summer2026 #menu .deco01-sp::after {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/menu/deco/deo01-smail.png);
    width: 100%;
    aspect-ratio: 750/247;
    top: 0;
  }

  #summer2026 #menu .deco02-sp {
    position: relative;
  }

  #summer2026 #menu .deco02-sp::after {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/menu/deco/deo02-smail.png);
    width: 19.0352vw;
    aspect-ratio: 146/199;
    left: 0;
    bottom: -5.21512vw;
    z-index: 10;
  }

  #summer2026 #menu .deco03-sp {
    position: relative;
  }

  #summer2026 #menu .deco03-sp::after {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/menu/deco/deo03-smail.png);
    width: 18.38331vw;
    aspect-ratio: 141/157;
    right: 0;
    bottom: -15.12386vw;
    z-index: 10;
  }

  #summer2026 #menu .deco04-sp {
    position: relative;
  }

  #summer2026 #menu .deco04-sp::after {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/menu/deco/deo04-smail.png);
    width: 28.03129vw;
    aspect-ratio: 215/231;
    left: 8.73533vw;
    bottom: -11.47327vw;
    z-index: 10;
  }

  #summer2026 #menu .deco05-sp {
    position: relative;
    background-image: url(../images/menu/deco/deo05-smail.png);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
  }

  #summer2026 #menu .deco06-sp {
    position: relative;
    background-image: url(../images/menu/deco/deo06-smail.png);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom 56px;
    background-position: left bottom 7.30117vw;
  }

  #summer2026 #pickup .deco01-sp {
    position: relative;
  }

  #summer2026 #pickup .deco01-sp::before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/pickup/deco/deco01-smail.png);
    width: 14.73272vw;
    aspect-ratio: 113/170;
    z-index: 10;
    bottom: -11.21252vw;
    left: -10.16949vw;
  }

  #summer2026 #pickup .deco02-sp {
    position: relative;
  }

  #summer2026 #pickup .deco02-sp::before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/pickup/deco/deco02-smail.png);
    width: 18.12256vw;
    aspect-ratio: 139/139;
    z-index: 10;
    top: -9.90874vw;
    right: 0;
  }

  #summer2026 #pickup .deco03-sp {
    position: relative;
  }

  #summer2026 #pickup .deco03-sp::before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../images/pickup/deco/deco03-smail.png);
    width: 23.59844vw;
    aspect-ratio: 181/149;
    z-index: 10;
    left: 0;
    bottom: -12.64668vw;
  }
}

@media only screen and (max-width: 743px) {
  #summer2026 .btn-gradient {
    width: 19rem;
    height: 4rem;
  }
}