/*----------三の設定---------------*/
.menu {
    position : fixed;
    z-index : 1000;
    top : 0;
    right : 0;
    width : 70px;
    height : 80px;
    padding-top: 40px;
    padding-right: 5px;
    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 : #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 : auto;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 40px;
    padding-bottom: 50px;
    transition : opacity .4s;
    opacity : 0;
    background-color: #C9E0F5;
}
.nav.is-open {
  opacity : 1;
}
.nav.is-show {
    z-index : 20;
    padding-top: 100px;
}

.nav_item-en {
	font-weight : 500;
	position : relative;
	display : inline-block;
	font-size: 25px;
	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;
}