@charset "UTF-8";

.submenu{   /*← スタイルの部分 */
    padding-top: 20px;
    position: fixed;
    top:50px;  /* ←位置をヘッダーより下にするとドロップメニューがすぐ閉じる */
    right: 0;
    background: #fff;
    opacity: 0.9;
    border-radius: 3px;   
}
.submenu li{
    width: 250px;
    height: 50px;
    border-top: solid 1px #d8d3bb;
    border-right: solid 1px #d8d3bb;
    border-left: solid 1px #d8d3bb;
    line-height: 50px;
    border-radius: 3px;  
}
.submenu li:last-child{
    border-bottom: solid 1px #d8d3bb;
}
.submenu li a{
    display: block;
}

.submenu li a:hover{
    background: #d8d3bb;
    color: #fff;
    border-radius: 3px;  
}
/* 動きに関するCSS　ドロップダウンメニュー用のCSS */
.submenu{
    list-style: none;
    position: absolute; 
    display: none;
}