@charset "UTF-8";
.hamburger { position: fixed; z-index: 3; right: 13px; top: 12px; width: 42px; height: 42px; cursor: pointer; text-align: center; z-index: 150; }

.hamburger span { display: block; position: absolute; width: 30px; height: 2px; left: 6px; background: #555; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.hamburger span:nth-child(1) { top: 10px; }

.hamburger span:nth-child(2) { top: 20px; }

.hamburger span:nth-child(3) { top: 30px; }

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) { top: 16px; left: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }

.hamburger.active span:nth-child(2), .hamburger.active span:nth-child(3) { top: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

nav.globalMenuSp { position: fixed; z-index: 2; top: 60px; left: 0; color: #000; background-color: rgba(255, 255, 255, 0.93); text-align: center; transform: translateY(-100%); transition: all 0.6s; width: 100%; height: 100%; }

nav.globalMenuSp ul { margin: 0 auto; padding: 0; width: 100%; }

nav.globalMenuSp ul li { width: 100%; }

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active { transform: translateY(0%); }

.globalMenuSp_wrap { display: none; }

@media only screen and (max-width: 750px) { .globalMenuSp p { font-weight: 100; font-size: 3.33vw; margin-top: 6.66vw; margin-top: 6.66vw; margin-bottom: 6.66vw; }
  .globalMenuSp .globalMenuSp_wrap { display: block; font-size: 4.6vw; }
  .globalMenuSp .globalMenuSp_wrap li { margin-bottom: 10.6vw; }
  .globalMenuSp .globalMenuSp_wrap li:nth-of-type(3):after { content: ""; position: relative; top: -10vw; left: 0; display: block; width: 47vw; margin-right: auto; margin-left: auto; border-top: 2px #000 dashed; }
  .globalMenuSp .globalMenuSp_wrap li .brand_boxSp { width: 61vw; height: 0; justify-content: center; flex-wrap: wrap; display: flex; margin-top: 0; transition: .3s; opacity: 0; display: none; }
  .globalMenuSp .globalMenuSp_wrap li .brand_boxSp li { width: 28vw; margin-bottom: 0; }
  .globalMenuSp .globalMenuSp_wrap li .brand_boxSp li:nth-of-type(3):after { display: none; }
  .globalMenuSp .globalMenuSp_wrap li .brand_boxSp li a { display: block; width: 100%; height: 100%; }
  .globalMenuSp .globalMenuSp_wrap li .brand_boxSp .circle { font-size: 2vw; margin-top: 1.66vw; margin-bottom: 1.66vw; }
  .globalMenuSp .globalMenuSp_wrap li .brand_box_openSp { display: flex; height: 100%; transition: .6s; opacity: 1; margin-top: 10.6vw; }
  html.overH { overflow: hidden; } }