/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
    margin: 0px;               /* メニューバー外側の余白(ゼロ) */
    padding: 3px 0px 3px 0px; /* 0px 0px 0px 15px;メニューバー内側の余白(左に15px) 上右下左*/
    background-color: #0e6b09; /* バーの背景色(濃い赤色:#cc0000)#043b01 */
    font-family: "Noto Sans JP", sans-serif,Helvetica Neue,Arial,Hiragino Sans,Hiragino Kaku Gothic ProN,BIZ UDPGothic,Meiryo;
    
    font-feature-settings: "palt"; /* 文字間詰める */
    font-size: 16px; /* 文字サイズ */
    text-align: center; /* ドロップダウンメニューを中央揃え */


}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {

    width: 125px;          /* メニュー項目の横幅(125px) */
    display: inline-block; /* ★横並びに配置する */
    list-style-type: none; /* ★リストの先頭記号を消す */
    position: relative;    /* ★サブメニュー表示の基準位置にする */
    z-index: 100;    /* ドロップダウンメニューの子項目が上に表示されるように */
    /* border-left: 1px dashed #fff;
    border-right: 1px dashed #fff; */

}
ul.ddmenu a {
   background-color: #0e6b09; /* メニュー項目の背景色(濃い赤色:#cc0000)#043b01#0e6b09 */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   /*font-weight: bold;*/         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
   background-color: #fff; /* メニュー項目にマウスが載ったときの背景色(淡いピンク:#ffdddd) */
   color: #0e6b09;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色:#dd0000) */
   font-weight: bold;        /* メニュー項目にマウスが載ったとき太字にする */
   /* transition: all 0.3s ease; */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */

}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {
   width: 125px;               /* サブメニュー1項目の横幅(135px) */
   /* border-top: 1px solid white; */ /* 項目上側の枠線(ピンク色で1pxの実線) pink*/
}
ul.ddmenu ul li a {
   line-height: 35px;     /* サブメニュー1項目の高さ(35px) */
   text-align: left;      /* 文字列の配置(左寄せ) */
   padding-left: 7px;     /* 文字列前方の余白(5px) */
   font-weight: normal;   /* 太字にはしない */
}
ul.ddmenu ul li a:hover {
    font-weight: bold;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    /* background-color: #ffff80;  サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
    color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) #005500;*/
}

/* tablet以下用ドロップダウンメニュー削除 */
.dd-container2{
   display: none;
}



/* tablet（PCで2段にならないよう） */
/* dropdown1とdropdown2で display:none */
@media screen and (max-width: 787px){

/* PC用ドロップダウンメニュー削除 */
.dd-container1{
   display: none;
}
/* tablet用ドロップダウンメニュー表示 */
.dd-container2{
   display: inline;
}

}