@charset "UTF-8";

/* ------------------------------------------------------
 * ヘッダーの設定
 * ------------------------------------------------------ */
.l-header__barInner,
.l-header__inner {
	max-width: inherit;
}

.l-header__inner {
	gap: .9375rem;
	padding: 0 1.25rem;
}

.l-header__logo {
	padding: initial;
}

.c-gnav>.menu-item>a .ttl {
	font-weight: bold;
}

.c-gnav>.menu-item>a:after {
	content: none;
}

.l-header__customBtn, .l-header__menuBtn {
	width: 45px;
	height: 45px;
}

.c-iconBtn {
    background: var(--color-washi);
    border-radius: 50%;
}

.p-spMenu__closeBtn .c-iconBtn__icon {
    font-size: calc(var(--base-font-size) * 1.4);
}

.p-spMenu__nav {
	margin-top: 0;
}

.p-spMenu__nav .c-spnav {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
    font-size: var(--base-font-size);
}

.p-spMenu__nav .c-spnav a {
	background-color: var(--color_main);
	border-radius: 5px;
	color: var(--color-white);
	font-weight: bold;
}

.p-spMenu__nav li {
	width: calc(100% / 2 - 10px);
}

.c-listMenu a {
	border-bottom: none;
}

.c-subMenuNav .menu {
	display: flex;
	flex-wrap: wrap;
    font-size: calc(var(--base-font-size) * .85);
	font-weight: bold;
}

/* ------------------------------------------------------
 * スマホ開閉メニューのフルスクリーン化
 * ------------------------------------------------------ */
.p-spMenu__inner {
	--color_menu_text: #000;
	--color_menu_bg: rgba(255 235 60 / 100%);
	width: 100vw;
	padding-top: 0;
}

.-right .p-spMenu__inner {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 0;
	transition: opacity .45s;
}

[data-spmenu=opened] .p-spMenu__inner {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

.p-spMenu__inner::before {
	opacity: 1;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	background:var(--color_bg);
}

.p-spMenu__body {
	padding: 0 1.25rem 1.875rem;
}

/* ------------------------------------------------------
 * フルスクリーンメニュー内の設定
 * ------------------------------------------------------ */
.c-widget__title.-spmenu {
	display: none;
}

.c-gnav .sub-menu a:before, .c-listMenu a:before {
	content: none;
}

.-right .p-spMenu__closeBtn {
	right: 1.25rem;
	width: 45px;
	height: 45px;
}

.p-spMenu__closeBtn {
	top: 20px;
}

.p-spMenu__closeBtn .c-iconBtn {
	border-radius: 50%;
	color: var(--color-white);
	background: var(--color_main);
}

.p-spMenu__closeBtn .c-iconBtn__icon::before {
	font-weight: 900;
}

.p-spMenu__nav {
	margin-top: 1.875rem;
}

/* ------------------------------------------------------
 * gtranslate
 * ------------------------------------------------------ */
.gtranslate_wrapper {
	text-align: center;
}

.gtranslate_wrapper .gt_white_content {
	width: 240px;
	margin: initial;
    transform: translate(-50%, -50%);
}

/* ------------------------------------------------------
 * copyright
 * ------------------------------------------------------ */
.c-spCopyright {
	margin-top: 2rem;
	text-align: center;
    font-size: calc(var(--base-font-size) * .75);
}

/* ------------------------------------------------------
 * 960px以上
 * ------------------------------------------------------ */

@media (min-width: 960px) {
	.-right .p-spMenu__closeBtn {
		right: var(--swl-pad_container,0);
		height: calc(var(--logo_size_pc) + 32px);
	}

	.c-gnav>.menu-item>a .ttl {
		font-size: 1rem;
	}
}