/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2025 | 20:10:20 */
/* ドロワーメニュー */

#sp_menu {
	width: 100vw;
}

#sp_menu .p-spMenu__inner {
	width: 100vw;
	padding-top: 0!important;
}

[data-spmenu="closed"] .p-spMenu {
	opacity: 0;
	transition: .2s 0s;
	transition-timing-function: ease-in;
}

[data-spmenu="opened"] .p-spMenu {
	opacity: 1;
	transition: .2s 0s;
	transition-timing-function: ease-out;
}

[data-spmenu="closed"] #sp_menu.-right .p-spMenu__inner,
[data-spmenu="opened"] #sp_menu.-right .p-spMenu__inner {
	transform: none;
}

#sp_menu .c-widget__title.-spmenu {
	display: none;
}

#sp_menu .p-spMenu__body {
	padding-top: 120px;
	padding-bottom: 60px;
}

#sp_menu .c-spnav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	row-gap: 10px;
}

#sp_menu .c-spnav a {
	border-bottom: 0;
	display: block;
	font-size: calc(16rem / 13.5);
	padding: 1.4em 0 1.4em 1.3em;
	border-bottom: 1px dotted #34467D;
}

#sp_menu .menu-item:nth-last-child(2) a,
#sp_menu .menu-item:last-of-type a {
	border: 0;
} 

#sp_menu .c-spnav a::before {
	color: var(--color_main);
	top: 1.5em;
	transform: none;
}

.p-spMenu__nav {
	position: relative;
	z-index: 2;
}

.spmenu-logo {
    display: block;
    position: absolute;
    top: 10px;
    left: 20px;
	z-index: 1;
	width: 70px;
}