/*
 Theme Name: YNLightW
 Description: This theme is created by YNL. Use Bootstarp and Sass.
 Author: Yomiuri Nara Life
 Author URI: https://ynl.co.jp/
 Version: 1.0
*/

/****** Elementor Header & Footer Builder のスタイル ******/
/** ヘッダーのh1タグ */
.ehf-header header#masthead h1 {
	display: flex;
	align-items: flex-end;
	font-size: 2.5rem;
}
.ehf-header header#masthead h1 img {
	height: 100%;
}
@media screen and (min-width:768px) {
	.ehf-header header#masthead h1 img {
		height: 45px;
		width: auto;
	}
}
.ehf-header header#masthead h1 span {
	white-space: nowrap;
}
.ehf-header header#masthead h1 span:last-of-type {
	font-size: 60%;
	margin-left: 1em;
}

/** ヘッダーのSNSメニュー */
.ehf-header header#masthead .menu-sns .hfe-nav-menu {
	column-gap: 10px;
}

/** ヘッダーのメニューアイコン */
.ehf-header header#masthead .hfe-nav-menu-icon {
	padding: 0 10px;
}

/** Gナビのホバーとカレントページのスタイル */
.hfe-pointer__double-line .menu-item.parent::before,
.hfe-pointer__double-line .menu-item.parent::after,
.hfe-pointer__underline .menu-item.parent::before,
.hfe-pointer__underline .menu-item.parent::after,
.hfe-pointer__overline .menu-item.parent::before,
.hfe-pointer__overline .menu-item.parent::after {
	width: 100%;
	height: 1px;
	background-color: (--e-global-color-text);
	left: 0;
	transform: scaleX(0);
	transition: transform 0.3s ease-out;
}
@media screen and (min-width:768px) {
	.hfe-pointer__double-line .menu-item.parent::before,
	.hfe-pointer__double-line .menu-item.parent::after,
	.hfe-pointer__underline .menu-item.parent::before,
	.hfe-pointer__underline .menu-item.parent::after,
	.hfe-pointer__overline .menu-item.parent::before,
	.hfe-pointer__overline .menu-item.parent::after {
		width: 30%;
		left: 50%;
		transform: translateX(-50%) scaleX(0);
	}
}
.hfe-pointer__double-line .menu-item.parent.current-menu-item::before,
.hfe-pointer__double-line .menu-item.parent.current-menu-item::after,
.hfe-pointer__underline .menu-item.parent.current-menu-item::before,
.hfe-pointer__underline .menu-item.parent.current-menu-item::after,
.hfe-pointer__overline .menu-item.parent.current-menu-item::before,
.hfe-pointer__overline .menu-item.parent.current-menu-item::after,
.hfe-pointer__double-line .menu-item.parent:hover::before,
.hfe-pointer__double-line .menu-item.parent:hover::after,
.hfe-pointer__underline .menu-item.parent:hover::before,
.hfe-pointer__underline .menu-item.parent:hover::after,
.hfe-pointer__overline .menu-item.parent:hover::before,
.hfe-pointer__overline .menu-item.parent:hover::after {
	transform: scaleX(1);
	transition: transform 0.3s ease-out;
}
@media screen and (min-width:768px) {
	.hfe-pointer__double-line .menu-item.parent.current-menu-item::before,
	.hfe-pointer__double-line .menu-item.parent.current-menu-item::after,
	.hfe-pointer__underline .menu-item.parent.current-menu-item::before,
	.hfe-pointer__underline .menu-item.parent.current-menu-item::after,
	.hfe-pointer__overline .menu-item.parent.current-menu-item::before,
	.hfe-pointer__overline .menu-item.parent.current-menu-item::after,
	.hfe-pointer__double-line .menu-item.parent:hover::before,
	.hfe-pointer__double-line .menu-item.parent:hover::after,
	.hfe-pointer__underline .menu-item.parent:hover::before,
	.hfe-pointer__underline .menu-item.parent:hover::after,
	.hfe-pointer__overline .menu-item.parent:hover::before,
	.hfe-pointer__overline .menu-item.parent:hover::after {
		transform: translateX(-50%) scaleX(1);
	}
}	
/** ページTOPボタン */
.ehf-footer #pagetop .triangle a.elementor-button {
	padding: 0;
	border-top: solid 46px transparent !important;
	border-right: solid 46px transparent !important;
	border-left: solid 46px transparent !important;
	border-bottom-style: solid;
	border-bottom-width: 46px;
	position: relative;
}
.ehf-footer #pagetop .triangle a.elementor-button span.elementor-button-content-wrapper {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}
