/* スマホメニュー（sp-menu-style.css） */


/*
   SWELLテーマのスマホメニューのCSSを調整します。(ver.1.0.0)
*/


/* ==============================
スマホメニュー
============================== */

/* スマホメニューの色 */
.p-spMenu__inner::before {
	background-color:#fff!important;
}

.p-spMenu__inner{
	width:100%!important;
}

.p-spMenu__body{
	width:100%;
}
.c-widget__title.-spmenu {
font-size:1em;
	  color:#fff!important;
}
.c-spnav a {
	  line-height: 1;
	  font-size:1em;
	  color:#000;
    border-bottom: none;
}

/* スマホメニュー */

.p-spMenu__inner {
	width: 100vw;
	height: 100%;
	--color_menu_bg: rgba(0, 0, 0, 0.8); 
	color: #fff; 
	z-index: 1;
}

.p-spMenu__inner::before {
	background-color: var(--color_menu_bg);
}

.p-spMenu__overlay {
	background-color: transparent;
}

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

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