#menu{
display:none;
width:0;
margin-top:0px;
}

#menu ul{
display:none;
}




#menupc{
display:block;

position:relative;
margin:0 0 0 0;
padding:2px 0 2px 0;
background-color:;
text-align:right;
top:20%;
height:30px;
width:100%;
z-index:10;

}

ul.menua li {
   width: 8%; 
margin:0 10px 0 0;
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}

#menupc ul li img{
width:100%;
margin:0 5% 0 5%;
padding:0;
border-bottom: solid 2px rgba(34,16,210,0);
}

#menupc img:hover {

border-bottom: solid 2px rgba(34,16,210,1);

}




ul.menub li {
   width: 10%;           /* メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative; 
   
}


.current{
color:#305097;
background-color:#b0c4de;
}






nav{
display:none;
height:0;
}

nav .menu1,nav .menu2,nav .menu3,nav.menu4{
display:none;
}

nav .menuclick1{
display:none;
}

nav .menuclick2{
display:none
}

nav .menuclick3{
display:none;
} 

nav .menuclick4{
display:none;
}

#main1{
height:100vh;
overflow: hidden;
}