/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 18 2025 | 10:32:47 */
/* 1120px以上 → PC */
@media (min-width: 1120px) {
	.c-gnavWrap {
		display: block !important;
	}

	.l-header__drawerBtn,
	.p-drawer {
		display: none !important;
	}
	
	.l-header__center {
		grid-area: left;
	}
}

/*  ヘッダー  */
.l-header__body span {
	font-weight: 500;
}

/* チケット・グッズ */
.l-header__right .menu-item-78 > a,
.l-header__right .menu-item-77 > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 8px 10px 15px;
	color: #fff;
	text-decoration: none;
	width: 80px;
}

.l-header__right .menu-item-78 > a {
	gap: 4px;
	background-color: #E24040;
}

.l-header__right .menu-item-77 > a {
	gap: 8px;
	background-color: #27C1B4;
}

/* 画像部分 */
.l-header__right .menu-item-78 > a::before,
.l-header__right .menu-item-77 > a::before {
	content: "";
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.l-header__right .menu-item-78 > a::before {
	width: 40px;
	height: 40px;
	background-image: url(https://portfolio4.oshigoto-navi.net/wp-content/uploads/2025/12/ticket.webp);
}

.l-header__right .menu-item-77 > a::before {
	width: 35px;
	height: 35px;
	background-image: url(https://portfolio4.oshigoto-navi.net/wp-content/uploads/2025/12/cart.webp);
}

/* 1120px未満 → SP */
@media (max-width: 1119px) {
	.c-gnavWrap {
		display: none !important;
	}

	.l-header__drawerBtn {
		display: block !important;
		order: 2;
		margin-left: auto;
		z-index: 1002;
	}
	
	.l-header__body {
		display: flex;
		align-items: center;
	}

	.l-header__center {
		order: 1;
		margin-right: auto;
		flex-basis: auto;
	}
	
	.l-header__logo {
		justify-content: flex-start;
		position: relative;
		z-index: 1001;
	}
}

.p-drawer {
	background-color: #F2F4F7;
	color: #0D1C3F;
	z-index: 1000;
}

.p-drawer__body {
	padding: 0;
}

[data-drawer-move=fade][data-drawer=opened] .l-header__drawerBtn {
    color: #0D1C3F;
}

.p-drawer .p-drawer__close {
	display: none;
}

/*  チケット・グッズ  */
.c-drawerNav {
	display: flex;
	flex-wrap: wrap;
}

.c-drawerNav__li {
	width: 100%;
}

.c-drawerNav__li.menu-item-833,
.c-drawerNav__li.menu-item-832 {
	width: 50%;
}

.p-drawer .menu-item-833 > a,
.p-drawer .menu-item-832 > a {
	color: #fff;
	text-decoration: none;
	align-items: center;
	display: flex;
	gap: 20px;
	padding-left: 20px;
}

.p-drawer .menu-item-833 > a {
	background-color: #E24040;
}

.p-drawer .menu-item-832 > a {
	background-color: #27C1B4;
}

.p-drawer .menu-item-833 > a::before,
.p-drawer .menu-item-832 > a::before {
	content: "";
	display: flex;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 30px;
}

.p-drawer .menu-item-833 > a::before {
	background-image: url(https://portfolio4.oshigoto-navi.net/wp-content/uploads/2025/12/ticket.webp);
}

.p-drawer .menu-item-832 > a::before {
	background-image: url(https://portfolio4.oshigoto-navi.net/wp-content/uploads/2025/12/cart.webp);
}

