/*----------三の設定---------------*/
.menu {
	position : fixed;
	z-index : 100;
	top : 0;
	right : 0;
	width : 80px;
	height : 65px;
	padding : 40px 5px 0px 20px;
	cursor : pointer;
}
.menu_line {
	position : relative;
	display : block;
	width : 60px;
	height : 2px;
	margin-bottom : 7px;
	content : '';
	transition : opacity 300ms, -webkit-transform 300ms;
	transition : transform 300ms, opacity 300ms;
	transition : transform 300ms, opacity 300ms, -webkit-transform 300ms;
	background-color : #fff;
}
/*------------三を×に変換--------------------*/
.is-light .menu_line {
  background-color : #fff;
}
.is-open .menu_line:nth-child(1) {
  top : 9px; 
  -webkit-transform : rotate(45deg);
          transform : rotate(45deg);
}
.is-open .menu_line:nth-child(2) {
  opacity : 0;
}
.is-open .menu_line:nth-child(3) {
  top : -9px; 
  -webkit-transform : rotate(-45deg);
          transform : rotate(-45deg);
}
/*--------背景色／文字の設定----------*/
ul{list-style-type: none;}
.nav {
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	padding : 55px 0 20 35px;
  transition :opacity .4s; 
	opacity : 0;
	background-image: url(../sozai/back_b.png);
	font-size: 35px;
	line-height: 50px;
}
.nav.is-open {
  opacity : 1;
}
.nav.is-show {
  z-index : 50;
}

.nav_item-en {
	font-weight : 500;
	position : relative;
	display : inline-block;
	font-size: 50px;
	line-height: 50px;
}


/*--------メニューリンク設定----------*/
.a_smart:link{
	color:#FFF;
	text-decoration: none;
}
.a_smart:visited{
	color:#FFF;
	text-decoration: none;
}
.a_smart:hover{
	color:#dcd4cf;
	text-decoration: none;
}
.a_smart:active{color:#FFF;
text-decoration: none;
}