article {
  max-width: 100%;
}
/* ヨドガワ メインヴィジュアル */
#yodogawa, #kv {
  /* 背景色 */
  background-color: #183029;
} 
/* メインヴィジュアル 高さ */
#kv {
  min-height: auto;
}
/* ヨドガワ */
#yodogawa {
  padding: 60px 20px 80px 20px;
}
/* ヨドガワ 中身 */
#yodogawa .inner {
  /* フォント */
  font-family: 'Gothic Medium BBB JIS2004';
  /* 文字間 */
  letter-spacing: 0.1em;
  /* 文字色 */
  color: white;
  /* 中央揃え */
  text-align: center;
}

/* 親ページの目次を消す */
#index_nav {
  display: none;
}
/* 子ページの次へナビを消す */
.next_post {
  display: none !important;
}
/* 子ページのページナビ部分 */
.talk_nav {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
  position: relative;
}
/* 子ページ 下の目次マークを消す */
.talk_nav_bottom .index {
  display: none;
}

/* 子ページ 本文 */
#talk_wrap {
  /* フォント */
  font-family: 'Gothic Medium BBB JIS2004';
  /* 左右隙間なし */
  padding-left: 0;
  padding-right: 0;
}

#talk_body .txt_box:last-child {
  max-width: 100%;
  background-position: center bottom;
  background-image: url(https://www.1101.com/ns_shinkuu_araumichi/prof_bg.svg);
  font-family: 'Midashi Go MB1';
  padding-top: 50px;
}
@media (max-width: 640px) {
  #talk_body .txt_box:last-child {
    padding-bottom: 80px;
    background-image: url(https://www.1101.com/ns_shinkuu_araumichi/prof_bg_sp.svg);
  }
  #talk_wrap h2 img {
    width: 91%;
  }
}
@media (min-width: 641px) {
  #talk_body .txt_box:last-child {
    text-align: center;
  }
}
/* プロフィール欄の画像サイズ */
#talk_body .txt_box:last-child img {
  max-height: min(450px, 70vw);
  width: auto;
}

/* 最下部のほぼ日のコンテンツ欄を消す */
#home_menu {
  display: none;
}

/* 目次画像 */
.index_gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 80%;
  width: 1000px;
  margin: 0 auto;
  font-family: 'Midashi Go MB1';
  letter-spacing: 0px;
  padding-bottom: 65px;
  z-index: 100;
  position: relative;
}
/* indexページのみ目次画像の上スペースをとる(日付等の余白がないので) */
.is_parent .index_gallery {
  padding-top: 40px;
}
/* 目次画像ひとつずつの大きさ */
.index_gallery li {
  width: 30%;
  margin-top: 5%;
}
/* 目次画像のリンク文字の色 */
.index_gallery a {
  color: #183029;
}
/* 目次のスタイル */
.index_gallery_number {
  font-size: 28px;
  margin-top: 8px;
}
.index_gallery_name1 {
  font-size: 18px;
  margin-top: 4px;
}
.index_gallery_name2 {
  font-size: 15px;
  margin-top: 4px;
}
.index_gallery_lead {
  font-size: 15px;
  margin-top: 12px;
}
.index_gallery li.index_spacer {
  margin: 0;
}
.index_gallery_banner {
  max-width: 94%;
  margin: 0 auto;
}
.index_gallery_banner img {
  display: block;
  margin: 0 auto;
}
footer {
  margin-top: 65px;
}

/* スマホ用指定 */
@media (max-width: 640px) {
  /* ヨドガワ */
  #yodogawa {
    padding: 1em 2em 2em 2em;
  }
  /* ヨドガワ 中身 */
  #yodogawa .inner {
    /* 左揃え */
    text-align: justify;
  }
  .index_gallery {
    max-width: 94%;
  }
  /* 目次画像ひとつずつの大きさ */
  .index_gallery li {
    width: 48%;
    margin-top: 1.75rem; 
  }
}

/* ナビ shinkuu 用の枠 */
#information_free {
  width: 19.3333333333vw;
  position: fixed;
  top: 0;
  text-align: left;
  z-index: 1;
}
@media (min-width: 641px) {
  #kv h1 {
    z-index: 10;
  }
}
@media (max-width: 640px) {
  #information_free {
    width: 100%;
  }
}
#information_free li {
  padding: 0;
  margin: 0;
}
#information_free .bd_b {
  border: none;
}
#gnav a[target="_blank"]::after {
  /* 外部リンクマークを表示しない */
  content: '';
}
/* ナビ shinkuu 本体よりcss抜粋 */
@media (min-width: 641px) {
  #gnav {
    height: 100vh;
    padding-top: 40px;
    padding-left: 50px;
    box-sizing: border-box
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav {
    padding-top: 2.6666666667vw;
    padding-left: 3.3333333333vw
  }
}

@media (min-width: 641px) {

  #gnav img,
  #gnav svg {
    object-fit: contain;
    object-position: center;
    font-family: "object-fit: contain; object-position: center;"
  }

  #gnav .logo {
    margin-bottom: 15px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .logo {
    margin-bottom: 1vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .logo {
    white-space: inherit !important;
    margin-bottom: 11.25px
  }
}

@media (min-width: 641px) {
  #gnav .logo img {
    width: 160.1253px;
    height: 31.7174px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .logo img {
    width: 10.67502vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .logo img {
    white-space: inherit !important;
    width: 120.093975px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .logo img {
    height: 2.1144933333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .logo img {
    white-space: inherit !important;
    height: 23.78805px
  }
}

@media (min-width: 641px) {
  #gnav .ig {
    margin-bottom: 16px;
    width: 25.67px;
    height: 25.67px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .ig {
    margin-bottom: 1.0666666667vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .ig {
    white-space: inherit !important;
    margin-bottom: 12px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .ig {
    width: 1.7113333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .ig {
    white-space: inherit !important;
    width: 19.2525px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .ig {
    height: 1.7113333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .ig {
    white-space: inherit !important;
    height: 19.2525px
  }
}

@media (min-width: 641px) {
  #gnav .ig svg {
    width: 100%;
    height: 100%
  }

  #gnav .ico_cart {
    width: 38.81px;
    height: 38.81px;
    margin-bottom: 16px;
    margin-top: -2px;
    margin-left: -1px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .ico_cart {
    width: 2.5873333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .ico_cart {
    white-space: inherit !important;
    width: 29.1075px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .ico_cart {
    height: 2.5873333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .ico_cart {
    white-space: inherit !important;
    height: 29.1075px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .ico_cart {
    margin-bottom: 1.0666666667vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .ico_cart {
    white-space: inherit !important;
    margin-bottom: 12px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .ico_cart {
    margin-top: -.1333333333vw;
    margin-left: -.0666666667vw
  }
}

@media (min-width: 641px) {
  #gnav .ico_cart svg {
    width: 100%;
    height: 100%
  }

  #gnav .gnav_ico {
    width: 24.55px;
    height: 19.99px;
    position: relative
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_ico {
    width: 1.6366666667vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_ico {
    white-space: inherit !important;
    width: 18.4125px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_ico {
    height: 1.3326666667vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_ico {
    white-space: inherit !important;
    height: 14.9925px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_ico span {
    position: absolute;
    top: 0;
    left: 0
  }

  #gnav .gnav_ico .o svg {
    width: 100%;
    height: 100%
  }

  #gnav .gnav_ico .c svg {
    width: 26.51px;
    height: 19.65px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_ico .c svg {
    width: 1.7673333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_ico .c svg {
    white-space: inherit !important;
    width: 19.8825px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_ico .c svg {
    height: 1.31vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_ico .c svg {
    white-space: inherit !important;
    height: 14.7375px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner {
    padding-top: 26px;
    padding-bottom: 80px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner {
    padding-top: 1.7333333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner {
    white-space: inherit !important;
    padding-top: 19.5px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner {
    padding-bottom: 5.3333333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner {
    white-space: inherit !important;
    padding-bottom: 60px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner li {
    margin-bottom: 15px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner li {
    margin-bottom: 1vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner li {
    white-space: inherit !important;
    margin-bottom: 11.25px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner li a {
    display: block
  }

  #gnav .gnav_inner .introduction svg {
    width: 75.94px;
    height: 16.7px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .introduction svg {
    width: 5.0626666667vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .introduction svg {
    white-space: inherit !important;
    width: 56.955px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .introduction svg {
    height: 1.1133333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .introduction svg {
    white-space: inherit !important;
    height: 12.525px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner .about svg {
    width: 144.51px;
    height: 20.36px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .about svg {
    width: 9.634vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .about svg {
    white-space: inherit !important;
    width: 108.3825px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .about svg {
    height: 1.3573333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .about svg {
    white-space: inherit !important;
    height: 15.27px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner .philosophy svg {
    width: 135.66px;
    height: 17.6px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .philosophy svg {
    width: 9.044vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .philosophy svg {
    white-space: inherit !important;
    width: 101.745px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .philosophy svg {
    height: 1.1733333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .philosophy svg {
    white-space: inherit !important;
    height: 13.2px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner .allitems svg {
    width: 77.18px;
    height: 17.6px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .allitems svg {
    width: 5.1453333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .allitems svg {
    white-space: inherit !important;
    width: 57.885px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .allitems svg {
    height: 1.1733333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .allitems svg {
    white-space: inherit !important;
    height: 13.2px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner .help svg {
    width: 184.94px;
    height: 20.96px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .help svg {
    width: 12.3293333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .help svg {
    white-space: inherit !important;
    width: 138.705px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .help svg {
    height: 1.3973333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .help svg {
    white-space: inherit !important;
    height: 15.72px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner .account {
    padding-left: 1px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .account {
    padding-left: .0666666667vw
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner .account svg {
    width: 202.26px;
    height: 18.89px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .account svg {
    width: 13.484vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .account svg {
    white-space: inherit !important;
    width: 151.695px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .account svg {
    height: 1.2593333333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .account svg {
    white-space: inherit !important;
    height: 14.1675px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner .top svg {
    width: 105.19px;
    height: 22px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .top svg {
    width: 7.0126666667vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .top svg {
    white-space: inherit !important;
    width: 78.8925px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .top svg {
    height: 1.4666666667vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .top svg {
    white-space: inherit !important;
    height: 16.5px
  }
}

@media (min-width: 641px) {
  #gnav .gnav_inner .attention {
    display: none
  }

  #gnav .gnav_inner .attention svg {
    width: 214.9238px;
    height: 17.3838px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .attention svg {
    width: 14.3282533333vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .attention svg {
    white-space: inherit !important;
    width: 161.19285px
  }
}

@media (min-width: 641px) and (max-width: 1500px) {
  #gnav .gnav_inner .attention svg {
    height: 1.15892vw
  }
}

@media (min-width: 641px) and (max-width: 1125px) {
  #gnav .gnav_inner .attention svg {
    white-space: inherit !important;
    height: 13.03785px
  }
}

@media screen and (max-width: 640px) {
  #gnav {
    box-sizing: border-box;
    overflow: inherit !important
  }

  .is_sp #gnav:before {
    content: '';
    display: block;
    width: 100%;
    background: #f8f8f8;
    height: 7.3770491803vh;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  .is_sp #gnav:before {
    height: 90px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  .is_sp #gnav:before {
    height: 35.4098360656px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  .is_sp #gnav:before {
    height: 12vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .scroll-content {
    position: relative;
    z-index: 3
  }

  #gnav .scroll-content:before {
    content: '';
    display: block;
    width: 100%;
    background: #f8f8f8;
    height: 7.3770491803vh;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .scroll-content:before {
    height: 90px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .scroll-content:before {
    height: 35.4098360656px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .scroll-content:before {
    height: 12vw
  }
}

@media screen and (max-width: 640px) {

  #gnav img,
  #gnav svg {
    object-fit: contain;
    object-position: center;
    font-family: "object-fit: contain; object-position: center;"
  }

  #gnav .logo {
    position: absolute;
    top: 2.4590163934vh;
    left: 3.2786885246vh;
    z-index: 3
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .logo {
    top: 30px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .logo {
    top: 11.8032786885px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .logo {
    top: 4vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .logo {
    left: 40px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .logo {
    left: 15.737704918px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .logo {
    left: 5.3333333333vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .logo img {
    width: 14.3874918033vh;
    height: 2.849852459vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .logo img {
    width: 175.5274px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .logo img {
    width: 69.0599606557px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .logo img {
    width: 23.4036533333vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .logo img {
    height: 34.7682px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .logo img {
    height: 13.6792918033px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .logo img {
    height: 4.63576vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .ig {
    width: 3.606557377vh;
    height: 7.3770491803vh;
    position: absolute;
    top: 0;
    right: 9.8360655738vh;
    z-index: 3
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .ig {
    width: 44px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .ig {
    width: 17.3114754098px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .ig {
    width: 5.8666666667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .ig {
    height: 90px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .ig {
    height: 35.4098360656px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .ig {
    height: 12vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .ig {
    right: 120px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .ig {
    right: 47.2131147541px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .ig {
    right: 16vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .ig a {
    display: block
  }

  #gnav .ig svg {
    width: 3.606557377vh;
    height: 3.606557377vh;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .ig svg {
    width: 44px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .ig svg {
    width: 17.3114754098px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .ig svg {
    width: 5.8666666667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .ig svg {
    height: 44px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .ig svg {
    height: 17.3114754098px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .ig svg {
    height: 5.8666666667vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .ico_cart {
    width: 5.0012622951vh;
    height: 7.3770491803vh;
    position: absolute;
    top: 0;
    right: 14.7540983607vh;
    z-index: 3
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .ico_cart {
    width: 61.0154px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .ico_cart {
    width: 24.0060590164px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .ico_cart {
    width: 8.1353866667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .ico_cart {
    height: 90px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .ico_cart {
    height: 35.4098360656px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .ico_cart {
    height: 12vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .ico_cart {
    right: 180px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .ico_cart {
    right: 70.8196721311px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .ico_cart {
    right: 24vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .ico_cart a {
    display: block
  }

  #gnav .ico_cart svg {
    width: 5.0012622951vh;
    height: 3.2367540984vh;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .ico_cart svg {
    width: 61.0154px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .ico_cart svg {
    width: 24.0060590164px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .ico_cart svg {
    width: 8.1353866667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .ico_cart svg {
    height: 39.4884px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .ico_cart svg {
    height: 15.5364196721px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .ico_cart svg {
    height: 5.26512vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_ico {
    width: 9.8360655738vh;
    height: 7.3770491803vh;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    cursor: pointer
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_ico {
    width: 120px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_ico {
    width: 47.2131147541px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_ico {
    width: 16vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_ico {
    height: 90px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_ico {
    height: 35.4098360656px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_ico {
    height: 12vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_ico .o svg {
    width: 3.606557377vh;
    height: 3.606557377vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_ico .o svg {
    width: 44px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_ico .o svg {
    width: 17.3114754098px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_ico .o svg {
    width: 5.8666666667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_ico .o svg {
    height: 44px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_ico .o svg {
    height: 17.3114754098px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_ico .o svg {
    height: 5.8666666667vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_ico .c svg {
    width: 4.1819672131vh;
    height: 3.0573770492vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_ico .c svg {
    width: 51.02px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_ico .c svg {
    width: 20.073442623px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_ico .c svg {
    width: 6.8026666667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_ico .c svg {
    height: 37.3px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_ico .c svg {
    height: 14.6754098361px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_ico .c svg {
    height: 4.9733333333vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner {
    width: 44.9865245902vh;
    margin-left: auto;
    background-color: #f8f8f8;
    position: relative;
    padding-top: 7.3770491803vh;
    z-index: 1;
    box-sizing: border-box
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner {
    width: 548.8356px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner {
    width: 215.9353180328px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner {
    width: 73.17808vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner {
    padding-top: 90px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner {
    padding-top: 35.4098360656px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner {
    padding-top: 12vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner ul {
    padding-left: 5.737704918vh;
    padding-top: 2.4590163934vh;
    padding-bottom: 3.2786885246vh;
    margin-bottom: -2.4590163934vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner ul {
    padding-left: 70px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner ul {
    padding-left: 27.5409836066px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner ul {
    padding-left: 9.3333333333vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner ul {
    padding-top: 30px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner ul {
    padding-top: 11.8032786885px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner ul {
    padding-top: 4vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner ul {
    padding-bottom: 40px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner ul {
    padding-bottom: 15.737704918px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner ul {
    padding-bottom: 5.3333333333vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner ul {
    margin-bottom: -30px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner ul {
    margin-bottom: -11.8032786885px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner ul {
    margin-bottom: -4vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner li {
    margin-bottom: 2.4590163934vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner li {
    margin-bottom: 30px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner li {
    margin-bottom: 11.8032786885px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner li {
    margin-bottom: 4vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner li a {
    display: block
  }

  #gnav .gnav_inner .introduction svg {
    width: 12.4497377049vh;
    height: 2.738295082vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .introduction svg {
    width: 151.8868px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .introduction svg {
    width: 59.7587409836px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .introduction svg {
    width: 20.2515733333vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .introduction svg {
    height: 33.4072px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .introduction svg {
    height: 13.1438163934px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .introduction svg {
    height: 4.4542933333vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner .about svg {
    width: 23.6903770492vh;
    height: 3.3373934426vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .about svg {
    width: 289.0226px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .about svg {
    width: 113.7138098361px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .about svg {
    width: 38.5363466667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .about svg {
    height: 40.7162px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .about svg {
    height: 16.0194885246px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .about svg {
    height: 5.4288266667vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner .philosophy svg {
    width: 22.1087377049vh;
    height: 2.8859016393vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .philosophy svg {
    width: 269.7266px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .philosophy svg {
    width: 106.1219409836px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .philosophy svg {
    width: 35.9635466667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .philosophy svg {
    height: 35.208px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .philosophy svg {
    height: 13.8523278689px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .philosophy svg {
    height: 4.6944vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner .allitems svg {
    width: 12.6530491803vh;
    height: 2.8859016393vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .allitems svg {
    width: 154.3672px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .allitems svg {
    width: 60.7346360656px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .allitems svg {
    width: 20.5822933333vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .allitems svg {
    height: 35.208px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .allitems svg {
    height: 13.8523278689px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .allitems svg {
    height: 4.6944vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner .help svg {
    width: 30.2360819672vh;
    height: 3.2717704918vh;
    position: relative;
    left: -.8196721311vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .help svg {
    width: 368.8802px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .help svg {
    width: 145.1331934426px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .help svg {
    width: 49.1840266667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .help svg {
    height: 39.9156px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .help svg {
    height: 15.7044983607px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .help svg {
    height: 5.32208vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .help svg {
    left: -10px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .help svg {
    left: -3.9344262295px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .help svg {
    left: -1.3333333333vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner .account svg {
    width: 31.4238663934vh;
    height: 2.9134942623vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .account svg {
    width: 383.37117px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .account svg {
    width: 150.8345586885px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .account svg {
    width: 51.116156vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .account svg {
    height: 35.54463px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .account svg {
    height: 13.984772459px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .account svg {
    height: 4.739284vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner .top svg {
    width: 16.9986721311vh;
    height: 3.3606557377vh;
    position: relative;
    left: -.3278688525vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .top svg {
    width: 207.3838px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .top svg {
    width: 81.5936262295px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .top svg {
    width: 27.6511733333vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .top svg {
    height: 41px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .top svg {
    height: 16.131147541px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .top svg {
    height: 5.4666666667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .top svg {
    left: -4px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .top svg {
    left: -1.5737704918px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .top svg {
    left: -.5333333333vw
  }
}

@media screen and (max-width: 640px) {
  #gnav .gnav_inner .attention {
    display: none
  }

  #gnav .gnav_inner .attention svg {
    width: 33.4717393443vh;
    height: 2.7073131148vh
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .attention svg {
    width: 408.35522px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .attention svg {
    width: 160.6643488525px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .attention svg {
    width: 54.4473626667vw
  }
}

@media screen and (max-width: 640px) and (min-height: 1220px) {
  #gnav .gnav_inner .attention svg {
    height: 33.02922px
  }
}

@media screen and (max-width: 640px) and (max-height: 480px) {
  #gnav .gnav_inner .attention svg {
    height: 12.9951029508px
  }
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 75 / 122) {
  #gnav .gnav_inner .attention svg {
    height: 4.403896vw
  }
}

#gnav .logo .cls-1 {
  fill: #183029
}

#gnav .ig .cls-1 {
  transition: fill 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  fill: #183029;
  stroke: unset;
}

.is_pc #gnav .ig:hover .cls-1,
.is_sp #gnav .ig.touch .cls-1 {
  fill: #d14124
}

#gnav .gnav_ico {
  cursor: pointer
}

#gnav .gnav_ico span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

#gnav .gnav_ico .o {
  opacity: 1;
  transition: transform, opacity;
  transition-delay: .45s;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

#gnav .gnav_ico .o .cls-1 {
  fill: none;
  stroke: #183029;
  stroke-miterlimit: 10;
  stroke-width: 3px;
  transition: stroke 0.25s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.is_pc #gnav .gnav_ico .o:hover .cls-1,
.is_sp #gnav .gnav_ico .o.touch .cls-1 {
  stroke: #d14124
}

#gnav .gnav_ico .c {
  opacity: 0;
  pointer-events: none;
  transform: scaleY(0.5) scaleX(0.2);
  transition: transform, opacity;
  transition-delay: 0s;
  transition-duration: .35s;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)
}

#gnav .gnav_ico .c .cls-1 {
  fill: none;
  stroke: #183029;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  transition: stroke 0.25s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.is_pc #gnav .gnav_ico .c:hover .cls-1,
.is_sp #gnav .gnav_ico .c.touch .cls-1 {
  stroke: #d14124
}

.gnav #gnav .gnav_ico .o {
  pointer-events: none;
  transition-delay: 0s;
  transform: scaleY(0.5) scaleX(1.2);
  opacity: 0
}

.gnav #gnav .gnav_ico .c {
  pointer-events: inherit;
  transform: scale(1);
  transition-delay: .45s;
  opacity: 1
}

#gnav .ico_cart .cls-1 {
  fill: none;
  stroke: #183029;
  stroke-linejoin: bevel;
  stroke-width: 1.8px;
  transition: stroke 0.25s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.is_pc #gnav .ico_cart:hover .cls-1,
.is_sp #gnav .ico_cart.touch .cls-1 {
  stroke: #d14124
}

#gnav .introduction .cls-1,
#gnav .about .cls-1,
#gnav .philosophy .cls-1,
#gnav .allitems .cls-1 {
  fill: #183029
}

.is_pc #gnav .introduction:hover .cls-1,
.is_sp #gnav .introduction.touch .cls-1,
.is_pc #gnav .about:hover .cls-1,
.is_sp #gnav .about.touch .cls-1,
.is_pc #gnav .philosophy:hover .cls-1,
.is_sp #gnav .philosophy.touch .cls-1,
.is_pc #gnav .allitems:hover .cls-1,
.is_sp #gnav .allitems.touch .cls-1 {
  fill: #d14124
}

#gnav .help .cls-1 {
  fill: #183029;
  transition: fill 0.25s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#gnav .help .cls-2 {
  fill: none;
  stroke: #183029;
  stroke-linejoin: bevel;
  transition: stroke 0.25s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.is_pc #gnav .help:hover .cls-1,
.is_sp #gnav .help.touch .cls-1 {
  fill: #d14124
}

.is_pc #gnav .help:hover .cls-2,
.is_sp #gnav .help.touch .cls-2 {
  stroke: #d14124
}

#gnav .account .cls-1 {
  fill: #183029
}

#gnav .account .cls-2 {
  fill: none;
  stroke: #183029;
  stroke-miterlimit: 10
}

.is_pc #gnav .account:hover .cls-1,
.is_sp #gnav .account.touch .cls-1 {
  fill: #d14124
}

.is_pc #gnav .account:hover .cls-2,
.is_sp #gnav .account.touch .cls-2 {
  stroke: #d14124
}

#gnav .top .cls-1 {
  fill: #183029;
  transition: fill 0.25s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#gnav .top .cls-2 {
  fill: none;
  stroke: #183029;
  stroke-linejoin: bevel;
  transition: stroke 0.25s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.is_pc #gnav .top:hover .cls-1,
.is_sp #gnav .top.touch .cls-1 {
  fill: #d14124
}

.is_pc #gnav .top:hover .cls-2,
.is_sp #gnav .top.touch .cls-2 {
  stroke: #d14124
}

#gnav .attention .cls-1 {
  fill: #183029
}

.is_pc #gnav .attention:hover .cls-1,
.is_sp #gnav .attention.touch .cls-1 {
  fill: #d14124
}

.gnav_inner {
  opacity: 0;
  pointer-events: none
}

.gnav #gnav .gnav_ico .o {
  pointer-events: none;
  transition-delay: 0s;
  transform: scaleY(0.5) scaleX(1.2);
  opacity: 0
}

.gnav #gnav .gnav_ico .c {
  pointer-events: inherit;
  transform: scale(1);
  transition-delay: .45s;
  opacity: 1
}

@media (min-width: 641px) {
  .gnav_inner li {
    opacity: 0;
    transition: opacity;
    transition-duration: .35s;
    transition-delay: 0s
  }

  .gnav .gnav_inner {
    pointer-events: inherit;
    opacity: 1;
    transition: opacity 0s ease 0s
  }

  .gnav .gnav_inner li {
    opacity: 1
  }

  .gnav .gnav_inner li:nth-child(0) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: 0s
  }

  .gnav .gnav_inner li:nth-child(1) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: .015s
  }

  .gnav .gnav_inner li:nth-child(2) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: .03s
  }

  .gnav .gnav_inner li:nth-child(3) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: .045s
  }

  .gnav .gnav_inner li:nth-child(4) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: .06s
  }

  .gnav .gnav_inner li:nth-child(5) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: .075s
  }

  .gnav .gnav_inner li:nth-child(6) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: .09s
  }

  .gnav .gnav_inner li:nth-child(7) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: .105s
  }

  .gnav .gnav_inner li:nth-child(8) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: .12s
  }

  .gnav .gnav_inner li:nth-child(9) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: .135s
  }

  .gnav .gnav_inner li:nth-child(10) {
    transition: opacity;
    transition-duration: .45s;
    transition-delay: .15s
  }
}
@media screen and (max-width: 640px) {
  .gnav_inner {
    transform: translateX(100%);
    transition: opacity 0s ease 0.6s, transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
  }

  .gnav {
    height: 100vh;
    transition: height 0s ease 0s !important
  }

  .gnav .gnav_inner {
    opacity: 1;
    pointer-events: inherit;
    transform: translateX(0px);
    transition: opacity 0s ease, transform 0.4s cubic-bezier(0.77, 0, 0.175, 1)
  }
}