/*------------まる--------------------*/
.menu_maru{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #00FF27;
    padding-left: 0px;
    z-index: 99;
    opacity: 0.7;
}
.menu_position{
    position: absolute;
    left: 20px;
    top: 57px;
    z-index: 99;
}


/*----------三の設定---------------*/
.menu {
    position : fixed;
    z-index : 100;
    top : 0;
    right : 0;
    width : 80px;
    height : 80px;
    padding-top: 30px;
    padding-right: 10px;
    /* [disabled]padding-left: 20px; */
    padding-bottom: 20px;
    cursor : pointer;
    text-align: center;
}
.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 : #ffffff;
}
/*------------三を×に変換--------------------*/
.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-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    transition : opacity .4s;
    opacity : 0;
    background-image: url(../sozai/background_smart.png);
}
.nav.is-open {
  opacity : 1;
}
.nav.is-show {
  z-index : 9;
}

.nav_item-en {
    font-weight : 500;
    position : relative;
    display : inline-block;
    font-size: 25px;
    line-height: 25px;
}
.line_menu{
    border-bottom: 1px solid #FFFFFF;
    padding-top: 50px;
    width: 89%;
}



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