/* MG-Page CSS */
.MG-menugroup-edge{     
}

.MG-menugroup-name{
    font-size: 1.5em;
    color: #fff;
    line-height: 1.3;
    background-color: #163c57;
    padding: 23px 0 20px 23px;    
    background-image: none;
    background-repeat: no-repeat; 
    background-position: right top;	
    border-radius: 5px;
    
}

.MG-menugroup-desc{
    font-size: 1.2em;
    color: #888;
    padding: 5px 0 0px 20px;
}

@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: block;
        text-align:center;	
        justify-content: center;
        flex-wrap: wrap;	
    }    

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

    .MG-menu__desc{
        max-width: 270px;
        font-size: 0.9em;
        color: #888;
        line-height: 140%;
        padding-top: 5px;
        padding-left: 27px;
        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-top: 5px;
        padding-left: 27px;
        margin-bottom:0;
    }    
}

.MG-menu__icon{
    top:6px;
    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: 10px 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;}

/* side-menugroup CSS */
.side-menugroup-name{
    font-size: 1.3em;
    color: #fff;
    line-height: 1.9;
    background-color: #735b2d;
    padding: 13px 0 10px 20px;    
    border-radius: 5px;
}

.side-menugroup-desc{
    color: #888;
    padding: 1px 0 0px 20px;
}
@media print, screen and (min-width: 1101px) {
    .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: 280px;
    }

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

@media print, screen and (max-width: 1100px) {
    .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 {
        max-width:100%;
        padding: 0 5px;  
    }

    .side-menu-container {
        text-align:left;        
        margin:0 ;        
    }
    .side-menu__desc{
        width: 100%;
        font-size: 0.9em;
        color: #888;
        line-height: 140%;
        padding-left: 27px;
        padding-right: 10px;
        margin-bottom:0;
    }
}
.side-menu__icon{        
    top: 5px;
    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: none;
}
.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; 
        padding:5px 0;
    }
.side-info__item { padding-left: 10px;}

   
/* emg-menugroup CSS */
.emg-menugroup-name{
    font-size: 1.5em;
    color: #fff;
    line-height: 1.3;
    background-color: #980000;
    padding: 23px 23px 20px 23px;    
    background-repeat: no-repeat; 
    background-position: right top;	
}

.emg-menugroup-desc{
    font-size: 1.2em;
    color: #888;
    padding: 5px 0 0px 20px;
}

@media print, screen and (min-width: 769px) {
    .emg-second-container {			
        max-width: 970px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
        display: block;
        text-align:center;	
        justify-content: center;
        flex-wrap: wrap;	
    }    

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

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

@media print, screen and (max-width: 768px) {
    .emg-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;	
    }
    .emg-menu__desc{
        width: 100%;
        font-size: 0.9em;
        color: #888;
        line-height: 130%;
        padding-left: 0px;
        margin-bottom:0;
    }    
}

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

}

.emg-menugroup-container {
    list-style: none;
    text-align: left;
    padding:0;
    padding: 10px 0 10px 0;
    margin: 0 0 5px 0;
    z-index: 999;
    overflow:hidden;
    max-width: 100%;
}
.emg-menugroup-container li:hover div { display: block;}
.emg-menugroup__list {}

.emg-menu__list{
    margin-left: -30px;
    list-style: none;
}

.emg-menu__item{}
    .emg-menu__name {
        color: #404040;
        font-size: 1.2em;
        /*background: #eaeaea;*/
        margin-bottom: 5px; 
        padding:10px;
    }
    
.emg-info__item {padding-left: 10px;}


/* member-menugroup CSS */
/* 
.member-menugroup-name{
    font-size: 1.5em;
    color: #fff;
    line-height: 1.3;
    background-color: #106916;
    padding: 23px 23px 20px 23px;    
    background-repeat: no-repeat; 
    background-position: right top;	
}

.member-menugroup-desc{
    font-size: 1.2em;
    color: #888;
    padding: 5px 0 0px 20px;
}

@media print, screen and (min-width: 769px) {
    .member-second-container {			
        max-width: 970px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
        display: block;
        text-align:center;	
        justify-content: center;
        flex-wrap: wrap;	
    }    

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

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

@media print, screen and (max-width: 768px) {
    .member-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;	
    }
    .member-menu__desc{
        width: 100%;
        font-size: 0.9em;
        color: #888;
        line-height: 130%;
        padding-left: 0px;
        margin-bottom:0;
    }    
}

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

}

.member-menugroup-container {
    list-style: none;
    text-align: left;
    padding:0;
    padding: 10px 0 10px 0;
    margin: 0 0 5px 0;
    z-index: 999;
    overflow:hidden;
    max-width: 100%;
}
.member-menugroup-container li:hover div { display: block;}
.member-menugroup__list {}

.member-menu__list{
    margin-left: -30px;
    list-style: none;
}

.member-menu__item{}
    .member-menu__name {
        color: #404040;
        font-size: 1.2em;        
        margin-bottom: 5px; 
        padding:10px;
    }
    
.member-info__item {padding-left: 10px;}
*/