﻿

.toggle-btn {
	visibility:hidden;
}

.global-nav {
	margin-left: 20px;
	margin-right: -90px;
	margin-top: 4px;
	width: calc(100% - 200px);
	padding: 0!important;
}

.global-nav__list {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}
/*
.global-nav__list li {
	margin: 0 10px;
	color: #261744;
	font-size: 1em;
	font-weight: 500;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	font-family: 'Poppins', sans-serif;
}

.global-nav__list li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
	cursor: pointer;
}

.global-nav__list li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #ff80b1;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .4s;
}
.global-nav__list li a:hover::after {
  transform: scale(1, 1);
	cursor: pointer;
}

*/

.global-nav__list li {
	margin: 0 10px;
	color: #261744;
	font-size: 0.95em;
	font-weight: 500;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	font-family: 'Poppins', sans-serif;
}

.global-nav__item {
	padding-top: 6px;
}

.global-nav__item a {
  position: relative;
  display: inline-block;
  text-decoration: none;
	cursor: pointer;
}

.global-nav__item a::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #b39edd;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .4s;
}
.global-nav__item a:hover::after {
  transform: scale(1, 1);
	cursor: pointer;
}






.nav_beafter {
	color: #ff80b1!important;
	padding: 0 10px;
	font-size: 1em;
	letter-spacing: 0;
	transform: scale(2.5, 1);
}


@media (max-width:810px){	

/* ハンバーガーボタン
==============================　*/
	
.toggle-btn {
	visibility:visible;
  width: 30px;
  height: 30px;
  position:absolute;
  right: 20px;
  top: 20px;
  z-index: 4;
}

.toggle-btn__line {
  background: #261744;
  display: block;
  height: 1px;
  position: absolute;
  transition: transform 0.5s;
  width: 100%;
}

.toggle-btn__line--top {
  top: 5px;
}

.toggle-btn__line--center {
  top: 15px;
}

.toggle-btn__line--bottom {
  top: 25px;
}

.toggle-btn__line--top.active {
  top: 15px;
  transform: rotate(45deg);
	background: #fff;
	position: fixed;
	right: 20px;
	top: 35px;
	width: 30px;
  height: 1px;
}
.toggle-btn__line--center.active {
  transform: scaleX(0);
}
.toggle-btn__line--bottom.active {
  top: 15px;
  transform: rotate(135deg);
	background: #fff;
	position: fixed;
	right: 20px;
	top: 35px;
	width: 30px;
  height: 1px;
}

/* ナビゲーションメニュー
==============================　*/
.global-nav {
  display: none;
  position: fixed;
  background-color: #261744;
	left: 0;
	bottom: 0;
  width: 100%!important;
	min-width: 0;
  height: 100vh;
	/*min-height: 800px;*/
	padding: 0;
	margin: 0!important;
  z-index:3;
	background-image:url("../images/bg_menu.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100%;
	box-sizing: border-box;
}

	.global-nav__list {
		display: block;
		/*margin-bottom: 110px;*/
	}
	
	.global-nav__list li {
		color: #fff;
		margin: -10px 0;
		text-indent: 0;
	}

.global-nav__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
	margin-top: -30px;
	box-sizing: border-box;
}

.global-nav__item {
  margin-bottom: 30px!important;
}

.global-nav__item a {
  font-size: 1.1em;
  text-decoration: none;
  transition: 0.5s;
}

.global-nav__item a:hover {
  opacity: 0.7;
}

	.nav_beafter {
		display: none;
	}

｝


/*---------------------menu------------------------*/

