/* 
    iconメニューのスタイルファイル
    Created on : 2019/07/29, 6:21:23
    Author     : washida

    基本 base.css に、mobile用の必要な追加と補正を行う
*/

/* ---------------------------------------------- */
/* Mobile メインフレーム  */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* Mobile メニュー  */
/* ---------------------------------------------- */

.mobile_menu{
    position:absolute;
    left:0;
    top:0;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top:5px;
    margin-left:0px;
    margin-right:0px;
    /*
    margin:0px;
    height: 100px;
    */
    border: 1px #000 solid;
    background-color: #FFFFFF;
}

/* もう一つ内側*/
#menu_icon{
    margin:0;
}

/* 個々のアイコン　*/
.top_icon{
    padding-left: 50px;
}

/* ---------------------------------------------- */
/* List_menu メニュー  */
/* ---------------------------------------------- */

#list_menu{
    position:absolute;
    border: 2px #000 solid;
    background-position:top left;
    border-left: 2px #cccccc solid;
    border-right: 2px #cccccc solid;
    background-color:#393;
    overslow:auto;
    z-index:10;
}
#list_menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#list_menu a {
    color: #FFFFFF;
    text-decoration: none;
}
#list_menu a:link,
#list_menu a:visited {
    background: #393;
}
#list_menu a:hover,
#list_menu a:active {
    background: #99ff99;
    color:#000;
}
#list_menu li {
    float:left;
    width:100%;
    height:100px;
    line-height:100px;
    position:relative;
    z-index:auto;
    border-right: 2px #cccccc solid;
    font-size:7ex;
    font-family: "ＭＳ ゴシック",sans-serif;
}
#list_menu li a {
    display: block;
    width: 100%;
    height: 100px;
    text-align: center;
}