/*----------三の設定---------------*/
.menu {
    position : fixed;
    z-index : 101;
    top : 0;
    right : 0;
    width : 50px;
    height : 80px;
    padding-top: 20px;
    padding-right: 8px;
    padding-left: 20px;
    padding-bottom: 20px;
    cursor : pointer;
}
.menu_line {
    position : relative;
    display : block;
    width : 40px;
    height : 3px;
    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 : #3c3c3c;
}
/*------------三を×に変換--------------------*/
.is-light .menu_line {
  background-color : #fff;
}
.is-open .menu_line:nth-child(1) {
  top : 10px; 
  -webkit-transform : rotate(45deg);
          transform : rotate(45deg);
    background-color : #fff;
}
.is-open .menu_line:nth-child(2) {
  opacity : 0;

}
.is-open .menu_line:nth-child(3) {
  top : -10px; 
  -webkit-transform : rotate(-45deg);
          transform : rotate(-45deg);
    background-color : #fff;
}
/*--------背景色／文字の設定----------*/
ul{list-style-type: none;}
.nav {
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	padding : 20px 0 20 20px;
	transition :opacity .4s; 
	opacity : 0;
	background-color: #000;
}
.nav.is-open {
  opacity : 0.8;
}
.nav.is-show {
  z-index : 100;
}

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

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

/*////////////////////////タブレット用/////////////////////////////*/