/*--------------------------------------------------------------
# header.css
--------------------------------------------------------------*/
/*レイアウトB時のヘッダーの設定*/
/*表示の設定*/
body.is-logo-type2 .site-branding .site-title,
body.is-logo-type2 .ast-site-identity .site-title {
    display: block !important;
    font-size: 26px;
    font-size: 1.625rem;
}
/* 背景色の設定 */
body.is-layout-b .site-header, 
body.is-layout-b .ast-primary-header-bar, 
body.is-layout-b .sub-menu{
    background-color: var(--ast-global-color-0);
}

/* リンク・文字色の設定 */
body.is-layout-b .ast-primary-header-bar a,
body.is-layout-b .site-title a{
    color: var(--ast-global-color-4) !important;
}
body.is-layout-b .ast-primary-header-bar a:hover{
    color: var(--ast-global-color-4);
    opacity: 0.8;
}

body.is-layout-b .ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg path:not( .ast-hf-account-unfill ), body.is-layout-b  .ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg circle {
	fill: var(--ast-global-color-4) !important;
}

/*Header-flag-icon*/
@media screen and (min-width:921px) {
	.mltlngg-menu-item ul.sub-menu {
		width:60px;
		text-align: center;
	}
}

/* logo */
.custom-logo-link.logo-title-link {
	display:flex;
	align-items: center;
}
.custom-logo-link.logo-title-link span {
	font-size: 1.3rem;
}

/*Nav*/
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
    opacity: .9;
}

header .custom-logo-link img {
    max-width: 220px;
    max-height: 60px;
    width: auto;
    height: auto;
}

@media (max-width: 767px) {
	header .custom-logo-link img {
		max-width: 50vw;
		max-height: 60px;
		width: auto;
		height: auto;
	}
}

/* サブメニュー時のホバー下線を消す */
.ast-desktop .menu-item-has-children > .menu-link:before {
    display: none !important;
}

@media (max-width: 544px) {
	body.is-layout-b .ast-mobile-popup-drawer.active .ast-mobile-popup-inner,
	body.is-layout-b .ast-builder-menu-mobile .main-navigation .main-header-menu,
	body.is-layout-b .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link,
	body.is-layout-b .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link {
		background-color: var(--ast-global-color-0)!important;
		color:var(--ast-global-color-1)!important;
	}
	body.is-layout-b .ast-button-wrap .ast-mobile-menu-trigger-minimal,
	body.is-layout-b .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg,
	body.is-layout-b .ast-mobile-popup-drawer.active .menu-toggle-close,
	body.is-layout-b .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item> .ast-menu-toggle {
		color:var(--ast-global-color-1)!important;
		fill: var(--ast-global-color-1)!important;
	}
}

/* 翻訳フラッグの設定 */
.lang-switcher-dropdown {
    position: relative;
    display: inline-block;
}

.lang-switcher-dropdown .current-lang .flag, .lang-switcher-dropdown .lang-dropdown .flag {
	font-size:1.3em;
}

.lang-switcher-dropdown .current-lang, .trp-language-item {
    background: #fff;
    padding: 4px 8px!important;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
	box-shadow:none;
	border:none;
}

body.is-layout-b .lang-switcher-dropdown .current-lang, .trp-language-item {
	background-color: var(--ast-global-color-0);
}

.lang-switcher-dropdown .current-lang:hover{
	border:none;
}

.lang-switcher-dropdown .lang-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    min-width: 100%;
    z-index: 100;
}

body.is-layout-b .lang-switcher-dropdown .lang-dropdown {
	background-color: var(--ast-global-color-0);
}

.lang-switcher-dropdown:hover .lang-dropdown {
    display: block;
	text-align:center;
}

.lang-switcher-dropdown .lang-dropdown li a:hover {
    background: #eee;
}

body.is-layout-b .lang-switcher-dropdown .lang-dropdown li a:hover {
    background: var(--ast-global-color-0);
}

.trp-shortcode-switcher__wrapper {
	top:5px;
}

/* ヘッダー */
.ast-sticky-active.ast-header-sticked .main-header-bar {
	margin:0;
}


/*各ページヘッダー*/
.ast-single-entry-banner .entry-title,
.ast-archive-entry-banner .ast-container h1 {
	text-shadow:1px 1px 10px #343434;
}