/*----------三の設定---------------*/
.menu_s {
	position : fixed;
	z-index : 100;
	top : 0;
	right : 0;
	width : 40px;
	height : 70px;
	padding : 20px 1px 20px 20px;
	cursor : pointer;
}
.menu_line {
    position : relative;
    display : block;
    width : 30px;
    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 : #009;
}
/*------------三を×に変換--------------------*/
.is-light .menu_line {
  background-color : #fff;
}
.is-open .menu_line:nth-child(1) {
  top : 10px; 
  -webkit-transform : rotate(45deg);
          transform : rotate(45deg);
}
.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);
}
/*--------背景色／文字の設定----------*/
ul{list-style-type: none;}
.nav {
    position : fixed;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    padding : 30px 0 50 0px;
    transition : opacity .4s;
    opacity : 0;
    background-color: #ffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav.is-open {
  opacity : 1;
}
.nav.is-show {
  z-index : 80;
}

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


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