/* MG-Page CSS */
@media print, screen and (min-width: 769px) {
    .mg-second-container {			
        max-width: 970px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
        display: flex;
        text-align:center;	
        justify-content: center;
        flex-wrap: wrap;	
    }
    .MG-menugroup-container {
        list-style: none;
        text-align: center;
        padding: 10px 0 10px 0;
        margin: 0 0 5px 0;
        z-index: 999;
        overflow:hidden;
        max-width: 100%;
        }

    .MG-menu-container {
        text-align:left;
        width: 31%;
        margin:0 1%;
        float:left;
        }    

    .MG-menu__desc{
        width: 250px;
        font-size: 0.9em;
        color: #888;
        line-height: 140%;
        padding-left: 0px;
        margin-bottom:0;
    }        
}

@media print, screen and (max-width: 768px) {
    .mg-second-container {			
        max-width: 970px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
        display: flex;
        text-align:center;	
        justify-content: center;
        flex-wrap: wrap;	
    }
    .MG-menu__desc{
        width: 100%;
        font-size: 0.9em;
        color: #888;
        line-height: 130%;
        padding-left: 0px;
        margin-bottom:0;
    }    
}

.MG-menu__icon{
    top:2px;
    margin-right:5px;
    position:relative;
}
.MG-menu__name-a{
    font-size:1.0em;

}


/*���j���[�O���[�v �y�[�W*/
.MG-menugroup-container {
    list-style: none;
    text-align: left;
    padding:0;
    padding: 20px 0 10px 0;
    margin: 0 0 5px 0;
    z-index: 999;
    overflow:hidden;
    max-width: 100%;
}
.MG-menugroup-container li:hover div { display: block;}
.MG-menugroup__list {}

.MG-menu__list{
    margin-left: -30px;
    list-style: none;
}
.MG-menu__item{}
    .MG-menu__name {
        color: #404040;
        font-size: 1.2em;
        /*background: #eaeaea;*/
        margin-bottom: 5px; /*���̃o�[�Ƃ̗]��*/
        padding:10px;
    }
.MG-info__item { padding-left: 10px;}

/* MG-Page CSS */
@media print, screen and (min-width: 769px) {
    .emg-menugroup-container {
        list-style: none;
        text-align: center;
        padding: 3px 0 ;
        margin: 0 0 5px 0;
        z-index: 999;
        overflow:hidden;
        max-width: 100%;
        }
    .emg-menugroup__edge {
        width: 204px;
    }

    .emg-menu-container {
        text-align:left;        
        margin:0 ;
        
        }
    .emg-menu__desc{
        width: 190px;
        font-size: 0.9em;
        color: #888;
        line-height: 140%;
        padding-left: 25px;
        padding-right: 10px;
        margin-bottom:0;
    }        
}

@media print, screen and (max-width: 768px) {
    .emg-menugroup-container {
        list-style: none;
        text-align: center;
        padding: 3px 0 ;
        margin: 0 0 5px 0;
        z-index: 999;
        overflow:hidden;
        max-width: 100%;
        }
    .emg-menugroup__edge {
        
    }

    .emg-menu-container {
        text-align:left;        
        margin:0 ;        
    }
    .emg-menu__desc{
        width: 100%;
        font-size: 0.9em;
        color: #888;
        line-height: 140%;
        padding-left: 25px;
        padding-right: 10px;
        margin-bottom:0;
    }
}
.emg-menu__icon{        
    top:2px;
    margin-right:5px;
    position:relative;
}
.emg-menu__name-a{
    font-size:1.0em;
}


/*���j���[�O���[�v �y�[�W*/
.emg-menugroup-container {
    list-style: none;
    text-align: left;
    padding:0;
    padding: 10px 0 10px 0;
    margin: 0 0 15px 0;
    z-index: 999;
    overflow:hidden;
    max-width: 100%;
    background-color: #f4f4f4;
}
.emg-menugroup-container li:hover div { display: block;}
.emg-menugroup__list {}

.emg-menu__list{
    margin-left: -25px;
    list-style: none;
}
.emg-menu__item{}
    .emg-menu__name {
        color: #404040;
        font-size: 1.1em;
        /*background: #eaeaea;*/
        margin-bottom: 5px; /*���̃o�[�Ƃ̗]��*/
        padding:5px 0;
    }
.emg-info__item { padding-left: 10px;}
    
   

.emg2-menugroup-container {
    list-style: none;
    text-align: center;
    padding: 3px 0 ;
    margin: 0 0 5px 0;
    z-index: 999;
    overflow:hidden;
    max-width: 100%;
    }
.emg2-menugroup__edge {
    
}

.emg2-menu-container {
    text-align:left;        
    margin:0 ;        
}
.emg2-menu__desc{
    width: 100%;
    font-size: 0.9em;
    color: #888;
    line-height: 140%;
    padding-left: 25px;
    padding-right: 10px;
    margin-bottom:0;
}

.emg2-menu__icon{        
    top:2px;
    margin-right:5px;
    position:relative;
}
.emg2-menu__name-a{
    font-size:1.1em;
}


/*���j���[�O���[�v �y�[�W*/
.emg2-menugroup-container {
    list-style: none;
    text-align: left;
    padding:0;
    padding: 10px 0 10px 0;
    margin: 0 0 15px 0;
    z-index: 999;
    overflow:hidden;
    max-width: 100%;
}
.emg2-menugroup-container li:hover div { display: block;}
.emg2-menugroup__list {}

.emg2-menu__list{
    margin-left: -25px;
    list-style: none;
}
.emg2-menu__item{}
    .emg2-menu__name {
        color: #404040;
        font-size: 1.1em;
        /*background: #eaeaea;*/
        margin-bottom: 5px; /*���̃o�[�Ƃ̗]��*/
        padding:5px 0;
    }
.emg2-info__item { padding-left: 10px;}


/* side-menugroup CSS */
.side-menugroup-name{
    font-size: 1.2em;
    color: #fff;
    line-height: 1.9;
    background-color: #2c4694;
    padding: 13px 0 10px 20px;    
    border-top: 3px solid #2c4694;
    border-right: 0px solid #2c4694;
    border-bottom: 3px solid #2c4694;
    border-left: 0  px solid #2c4694;
    border-radius: 0;
    display: block;
}

.side-menugroup-desc{
    color: #888;
    padding: 1px 0 0px 20px;
}
@media print, screen and (min-width: 769px) {
    .side-menugroup-container {
        list-style: none;
        text-align: center;
        padding: 3px 0 ;
        margin: 0 0 5px 0;
        z-index: 999;
        overflow:hidden;
        max-width: 100%;
        }
    .side-menugroup__edge {
        width: 200px;
    }

    .side-menu-container {
        text-align:left;        
        margin:0 ;
        
        }
    .side-menu__desc{
        width: 20px;
        font-size: 0.9em;
        color: #888;
        line-height: 140%;
        padding-left: 25px;
        padding-right: 10px;
        margin-bottom:0;
    }        
}

@media print, screen and (max-width: 768px) {
    .side-menugroup-container {
        list-style: none;
        text-align: center;
        padding: 3px 0 ;
        margin: 0 0 5px 0;
        z-index: 999;
        overflow:hidden;
        max-width: 100%;
        }
    .side-menugroup__edge {
        
    }

    .side-menu-container {
        text-align:left;        
        margin:0 ;        
    }
    .side-menu__desc{
        width: 100%;
        font-size: 0.9em;
        color: #888;
        line-height: 140%;
        padding-left: 25px;
        padding-right: 10px;
        margin-bottom:0;
    }
}
.side-menu__icon{        
    top:2px;
    margin-right:5px;
    position:relative;
}
.side-menu__name-a{
    font-size:1.0em;
}


/*���j���[�O���[�v �y�[�W*/
.side-menugroup-container {
    list-style: none;
    text-align: left;
    padding:0;
    padding: 10px 0 10px 0;
    margin: 0 0 20px 0;
    z-index: 999;
    overflow:hidden;
    max-width: 100%;
    background-color: #f8f8f8;
}
.side-menugroup-container li:hover div { display: block;}
.side-menugroup__list {}

.side-menu__list{
    margin-left: -25px;
    list-style: none;
}
.side-menu__item{}
    .side-menu__name {
        color: #404040;
        font-size: 1.1em;
        /*background: #eaeaea;*/
        margin-bottom: 5px; /*���̃o�[�Ƃ̗]��*/
        padding:5px 0;
    }
.side-info__item { padding-left: 10px;}