@charset "utf-8";

aside {
  display: none;
}

.section {
  padding: 80px 0;
}

.head_content {
  visibility: hidden;
  margin-inline: auto;
  transition: .1;
}

img {
  width: 100%;
}

.menu-box {
  overflow: auto;
}

.menu-box:not(last-of-type) {
  margin-bottom: 40px;
}

.img_scrollable {
  max-width: none;
}

.scroll-hint-icon {
  opacity: unset;
  /* transition: opacity .1s!important;  */
}

.bx_btn {
  display: grid;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
}

.btn_brown01 {
  max-width: 340px;
  width: 330px;
  margin: unset;
}

.box_menuimg {
  margin-bottom: 30px;
}

.box_menuimg.col1 {
  max-width: 720px;
  margin: 0 auto 30px;
}


#kids_menu .menu-box {
  display: flex;
  justify-content: center;
}

.headbox {
  position: relative;
}

.img_illust {
  position: absolute;
  width: auto;
  z-index: auto;
}

.illust01 {
  top: 120px;
  left: 72%;
  transform: translate(-50%, -50%);
}

.illust02 {
  top: 340px;
  left: 80%;
  transform: translate(-50%, -50%);
}

.illust03 {
  top: 240px;
  left: 16%;
  transform: translate(-50%, -50%);
}

.illust04 {
  top: 136px;
  left: 28%;
  transform: translate(-50%, -50%);
}

.illust05 {
  top: 350px;
  left: 36%;
  transform: translate(-50%, -50%);
}

.illust06 {
  top: 320px;
  left: 66%;
  transform: translate(-50%, -50%);
}

.txt_intro{
  position: relative;
    z-index: 10;
}

.head_shop_name{
  display: none;
}

/* ---------- �R���{���j���[�y�[�W ---------- */
.collabo .box_menuimg{
  max-width: 1000px;
  margin: auto;
}
.collabo .illust05 {
  top: 450px;
}

.collabo .illust06 {
  top: 300px;
}

.alacarte {
  margin: 20px auto 0;
  width: 100%;
}

.alacarte .grid {
  display: flex;
  gap: 15px 20px;
  margin-bottom: 30px;
  justify-content: center;
  text-align: center;
}

.alacarte a {
  font-size: 14px;
  width: 146px;
}

.alacarte img {
  width: 100%;
}

#sec_gm {
  padding: 80px 0 0;
  margin-bottom: 40px;
}

#sec_alacarte {
  padding: 0 5% 80px;
}

#sec_alacarte .ttl_sec_01 {
  padding-top: 40px;
}


@media (max-width: 1024px) and (min-width: 768px) {
  .illust01 {
    width: 26%;
    top: 120px;
    left: 72%;
  }

  .illust02 {
    width: 20%;
    top: 360px;
    left: 80%;
  }

  .illust03 {
    width: 18%;
    top: 340px;
    left: 18%;
  }

  .illust04 {
    width: 16%;
    top: 136px;
    left: 24%;
    transform: translate(-50%, -50%) rotate(-27deg);
  }

  .illust05 {
    width: 12%;
    top: 360px;
    left: 36%;
  }

  .illust06 {
    width: 12%;
    top: 330px;
    left: 66%;
  }


  /* ---------- �R���{���j���[�y�[�W ---------- */
  .collabo .illust02 {
    top: 460px;
  }

  .collabo .illust03 {
    width: 18%;
    top: 266px;
    left: 13%;
  }

  .collabo .illust05 {
    top: 460px;
  }

  .collabo .illust06 {
    top: 300px;
  }

  .alacarte .grid {
    display: grid;
    grid-template-columns: repeat(5, 20%);
    margin: 0 30px 30px;
  }


  /* ---------- ���� ---------- */
  #kids_menu .menu-box {
    justify-content: left;
  }

  .alacarte a {
    font-size: 14px;
    width: auto;
  }
}

@media screen and (max-width:767px) {
  .alacarte .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .alacarte a {
    width: 100%;
  }

  .img_scrollable {
    width: auto;
    height: 500px;
  }

  #kids_menu .img_scrollable {
    padding-left: 110%;
  }

  .illust01 {
    width: 28%;
    top: 95px;
    left: 64%;
  }

  .illust02 {
    width: 28%;
    top: 400px;
  }

  .illust03 {
    width: 26%;
    top: 360px;
  }

  .illust04 {
    width: 20%;
    top: 430px;
    left: 44%;
    transform: translate(-50%, -50%) rotate(-27deg);
  }

  .illust05 {
    width: 15%;
    top: 330px;
    left: 56%;
  }

  .illust06 {
    width: 15%;
    top: 100px;
    left: 38%;
  }

  .akihabara .illust03{
    top: 413px;
  }

  .akihabara .illust02{
    top: 412px;
  }

  /* ---------- �R���{���j���[�y�[�W ---------- */
  .illust01 {
    width: 30%;
    top: 95px;
    left: 70%;
  }

  .collabo .illust02 {
    width: 25%;
    top: 508px;
    left: 87%;
  }

  .collabo .illust03 {
    width: 26%;
    top: 281px;
    left: 13%;
  }

  .collabo .illust04 {
    top: 504px;
  }

  .illust05 {
    top: 206px;
    left: 85%;
  }

  .illust06 {
    top: 121px;
    left: 26%;
  }
}

@media screen and (min-width: 1020px) {
  header {
    position: static;
    width: 100%;
    max-width: 1900px;
    height: 70px;
    margin-inline: auto;
  }

  .header_sp {
    display: block;
    height: auto;
  }

  .head_content {
    position: absolute;
    top: 70px;
  }

  .head_content nav {
    width: 560px;
    margin-inline: auto;
  }

  main {
    position: static;
    max-width: none;
  }

  #kids_menu .menu-box .img_scrollable {
    width: auto;
  }

  #kids_menu .menu-box img:not(.img_scrollable) {
    width: 40%;
  }

  .bx_btn {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
  }

  #breadcrumbs {
    max-width: none;
  }

  footer {
    max-width: none;
  }

  #sec_gm .sec_inner {
    max-width: unset;
    width: 100%;
  }


.akihabara .box_menuimg{
  padding: 0 250px;
}

  /* ---------- ���[�����t�F�A���j���[�y�[�W ---------- */

  #fair .box_menuimg {
    text-align: center;
  }

  #fair .img_scrollable {
    width: auto;
  }
}
/* ������ */
.shutto_none .stt-lang-select.bl {
  display: none;
}
.list_lang{
  display: flex;
  justify-content: flex-start;
  gap: 30px;
  & .item_lang{
    position: relative;
    & + .item_lang{
      &::before{
      position: absolute;
      content: '/';
      top: 0;
      left: -20px;
      width: 1em;
      height: auto;
      }
    }
    & .link_item_lang{
    width: inherit;
    }
  }
}