@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* SALE LAB | Mobile global menu */
@media (max-width: 959px) {
	#sp_menu .p-spMenu__inner {
		width: min(88vw, 390px);
		background: #f7fafc;
		color: #173440;
		box-shadow: 18px 0 48px rgba(23, 52, 64, 0.18);
	}

	#sp_menu .p-spMenu__body {
		padding: 70px 18px 36px;
	}

	#sp_menu .p-spMenu__closeBtn {
		top: 14px;
		right: 14px;
	}

	#sp_menu .p-spMenu__closeBtn .c-iconBtn {
		width: 42px;
		height: 42px;
		border: 1px solid #dbe4ee;
		border-radius: 50%;
		background: #fff;
		color: #173440;
		box-shadow: 0 4px 14px rgba(23, 52, 64, 0.08);
	}

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

	#sp_menu .c-widget__title.-spmenu::after {
		display: block;
		margin-top: 5px;
		color: #173440;
		content: "買う前の比較とセール情報";
		font-size: 15px;
		font-weight: 700;
		letter-spacing: 0;
	}

	#sp_menu .c-spnav {
		border: 0;
	}

	#sp_menu .c-spnav > li {
		margin: 0 0 10px;
		border: 0;
	}

	#sp_menu .c-spnav > li > a {
		min-height: 52px;
		padding: 14px 44px 14px 16px;
		border: 1px solid #dbe4ee;
		border-radius: 12px;
		background: #fff;
		color: #173440;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.55;
		box-shadow: 0 4px 14px rgba(23, 52, 64, 0.055);
	}

	#sp_menu .c-spnav > .current-menu-item > a,
	#sp_menu .c-spnav > .current-menu-ancestor > a {
		border-color: #bcd8df;
		background: #eaf5f8;
		color: #173440;
	}

	#sp_menu .c-spnav .sub-menu {
		margin: 7px 4px 2px 14px;
		padding: 4px 0 4px 13px;
		border-left: 1px solid #cbdce2;
		background: transparent;
	}

	#sp_menu .c-spnav .sub-menu li {
		border: 0;
	}

	#sp_menu .c-spnav .sub-menu a {
		box-sizing: border-box;
		width: 100%;
		padding: 11px 36px 11px 8px;
		border: 0;
		border-bottom: 1px solid #e4ebef;
		background: transparent;
		color: #354f5b;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
		overflow-wrap: anywhere;
	}

	#sp_menu .c-spnav .sub-menu li:last-child > a {
		border-bottom: 0;
	}

	#sp_menu .c-smallNavTitle.desc {
		display: none !important;
	}

	#sp_menu .c-spnav .sub-menu a::before,
	#sp_menu .c-spnav .sub-menu a::after {
		display: none !important;
		content: none !important;
	}

	#sp_menu .p-spMenu__overlay {
		background: rgba(17, 24, 39, 0.46);
		backdrop-filter: blur(2px);
	}
}