@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:769px){

.menubtn {
	display:none !important;
}
.togmenu {
	display:block;
}
	
/*オンマウスで下にラインメニュー用*/
	
nav.TopList li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
	
nav.TopList li a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #fcbb21;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
	
nav.TopList li a:hover::after {
  transform: scale(1, 1);
}
	
}

div#menu {
	position: absolute;
	right: 0;
	top: 85px;
	font-family: 'Montserrat',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	font-weight: 500;
}

nav.TopList li {
	float: left;
	margin: 0 0 0 40px;
	text-align: center;
}

nav.TopList li:last-child {
	margin-right: 0;
}

nav.TopList li a {
	color: #FFF;
	text-decoration: none;
	display: block;
}

span.EN {
	display: block;
	font-size: 10px !important;
}

@media only screen and (max-width: 768px) {
/*メニュー×*/
.sp_menu_button{
	height: 30px;
 outline: none;
 border: none;
 font-size: 20px;
 display:block;
	background: #000;
	text-align: center;
	padding: 12px 10px 5px 10px;
}
	
.sp_menu_button .menu_icon01 {
  display: block;
  float: left;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.sp_menu_button .menu_icon01 span {
  display: block;
  width: 28px;
  height: 2px;
  background: #FFF;
  margin-bottom: 8px;
  transition: all 0.2s ease-out;
}
.sp_menu_button.open .menu_icon01{
  transform: rotate(-45deg);
}
.sp_menu_button.open .menu_icon01 .bar1 {
  transform: rotate(0deg) translateY(10px);
}
.sp_menu_button.open .menu_icon01 .bar2 {
  opacity: 0;
}
.sp_menu_button.open .menu_icon01 .bar3 {
 transform: rotate(-90deg) translateX(10px);
	margin-bottom: 0;
}	
/*メニュー× END*/
	
.togmenu {
	display:none;
}

.menubtn {
	position:absolute;
	top:25px;
	left:5%;
	z-index: 99999;
}

#menu {
	position:absolute;
	top:90px !important;
	left:0 !important;
	width: 100%;
	background: #000;
	z-index: 99999;
	
}
	nav.TopList {
		height: auto;
                max-height: 1000px;
                overflow-x: hidden;
	}	

nav.TopList li {
	float: none;
	text-align: center;
	border-bottom: 1px solid #737373;
	margin: 0;
	
}

nav.TopList li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 4% 0;
	width: 100%;
}
	
/*.fixed {
  position: fixed !important;
  top: -10px !important;
  left: 0;
  width: 100%;
		z-index: 9999;
}	*/
	
}