/* アイコンのスタイル（既存の設定例） */
.merone-lms-icon {
	display: inline-block;
	width: 0.667rem;
	height: 0.667rem;
	vertical-align: middle;
	margin-right: 0.222rem;
}

.merone-lms-icon svg {
	width: 0.667rem!important;
	height: auto;
	display: block;
}

.merone-sidebar-container ul a {
	text-decoration: none;
	color: var(--cocoon-text-color);
}

/* .disabled クラスのスタイル */
.disabled a {
	color: #aaa;             /* 薄いグレーの文字色 */
	opacity: 0.6;            /* さらに薄く表示 */
	pointer-events: none;    /* クリック無効化 */
	text-decoration: none;   /* 下線を消す */
}

div.entry-card-snippet {
	display: none;
}

/* サイドバーラッパー全体のスタイル */
.merone-sidebar-wrapper {
	position: relative;
}

/* サイドバーコンテナ：初期状態は画面外に隠す */
.merone-sidebar-container {
	position: fixed;
	top: 78px;
	left: -285px; /* 完全に隠す（必要に応じて調整） */
	width: 280px; /* 表示時の幅 */
	max-width: 300px;
	height: 100%;
	background: #F1F4F8;
	z-index: 9999;
	transition: left 0.3s ease;
	box-shadow: 4px 4px 2px rgb(0 0 0 / 40%);
	border-top-right-radius: 20px;
}

/* open クラスが付与された場合、サイドバーを表示 */
.merone-sidebar-container.open {
	left: 0;
	top:78px;
}

/* トグルボタン（サイドバー内に配置される） */
.merone-sidebar-toggle {
	background: #F1F4F8;
	color: #1E2635;
	padding-top: 3px;
	cursor: pointer;
	text-align: center;
	position: relative;
	left: 245px;
	top: 200px;
	height: 40px;
	width: 100px;
	transform: rotate(90deg);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 4px -4px 2px rgb(0 0 0 / 40%);
}

/* サイドバーのリストのスタイル（必要に応じて調整） */
.merone-sidebar-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.merone-sidebar-container > ul {
	position: relative;
	height: calc(100% - 120px);
	overflow: auto;
}

.merone-sidebar-container .setup,
.merone-sidebar-container .firstview,
.merone-sidebar-container .practice,
.merone-sidebar-container .latest-news,
.merone-sidebar-container .course-archive,
.merone-sidebar-container .recheinterview,
.merone-sidebar-container .welfare-benefits,
.merone-sidebar-container .q-and-a
{
	position: relative;
	max-width: calc(100% - 2rem);
	top: 0;
	left: 2rem;
	font-size: 1rem;
}

.merone-sidebar-container .setup ul,
.merone-sidebar-container .practice ul
{
	position: relative;
	max-width: calc(100% - 1.325rem);
	top: 0;
	left: 0.667rem;
	font-size: 1rem;
}

@media screen and (min-width:1023px){
	.merone-sidebar-toggle{
		display: none;
	}

	.merone-sidebar-container{
		position: static;
		width: 260px;
		box-shadow: 0 0 0 rgb(0 0 0 / 0%);
		padding-top: 50px;
	}
}


/* 20250811追加　サイドバーをメニューで組み直した */

/* サイドバーラッパー全体のスタイル */
#sidebar {
	position: relative;
}

/* サイドバーコンテナ：初期状態は画面外に隠す */
aside#nav_menu-2 {
	position: fixed;
	top: 78px;
	left: -285px; /* 完全に隠す（必要に応じて調整） */
	width: 280px; /* 表示時の幅 */
	max-width: 300px;
	height: 100%;
	background: #F1F4F8;
	z-index: 9999;
	transition: left 0.3s ease;
	box-shadow: 4px 4px 2px rgb(0 0 0 / 40%);
	border-top-right-radius: 20px;
}

/* open クラスが付与された場合、サイドバーを表示 */
aside#nav_menu-2.open {
	left: 0;
	top:78px;
}

/* トグルボタン（サイドバー内に配置される） */
.merone-sidebar-toggle {
	background: #F1F4F8;
	color: #1E2635;
	padding-top: 3px;
	cursor: pointer;
	text-align: center;
	position: relative;
	left: 245px;
	top: 200px;
	height: 40px;
	width: 100px;
	transform: rotate(90deg);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 4px -4px 2px rgb(0 0 0 / 40%);
}

/* サイドバーのリストのスタイル（必要に応じて調整） */
aside#nav_menu-2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

aside#nav_menu-2 > ul {
	position: relative;
	height: calc(100% - 120px);
	overflow: auto;
}

aside#nav_menu-2 .setup,
aside#nav_menu-2 .practice,
aside#nav_menu-2 .latest-news,
aside#nav_menu-2 .course-archive,
aside#nav_menu-2 .welfare-benefits,
aside#nav_menu-2 .q-and-a
{
	position: relative;
	max-width: calc(100% - 2rem);
	top: 0;
	left: 2rem;
	font-size: 1rem;
}

aside#nav_menu-2 .setup ul,
aside#nav_menu-2 .practice ul
{
	position: relative;
	max-width: calc(100% - 1.325rem);
	top: 0;
	left: 0.667rem;
	font-size: 1rem;
}

@media screen and (min-width:1023px){
	.merone-sidebar-toggle{
		display: none;
	}

	aside#nav_menu-2{
		position: static;
		width: 300px;
		box-shadow: 0 0 0 rgb(0 0 0 / 0%);
		padding-top: 50px;
	}
}