/* 
 * Header Patterns 共通CSS
 * 全てのヘッダーパターンで共通的に使用されるスタイル
 */

/*新グローバルメニュー*/
header {
    display: flex;
    flex-direction: column-reverse;
}


.l-header__bar .l-header__barInner ul .menu-item-english{
    color: var(--sub-color1);
    font-size: min(14px, 2vw);
}

.l-header__bar .l-header__barInner ul li a:hover { color: var(--sub-color1);}

@media not all and (min-width: 1000px) {
    .l-header__bar{
        display: block;
    }
    header .l-container{
    padding-left:0 ;
    padding-right:0 ;
    }
}