@use "global/common" as global;

/* ------------------------------
 サイドバー
------------------------------- */
.acms-sidebar{
	padding-bottom: 40px;
	ul{
		margin: 0;
		padding-left: 0;
		list-style: none;
	}
	dl{
		margin-top: 0;
	}
	dd{
		margin: 0;
	}
}

/* タイトル */
.acms-sidebar-title{
	padding: 10px 15px;
	color: #808080;
	font-weight: 400;
	background-color: #15141c;
	@include global.font-size(14);

	@media (min-width : global.$breakpoint-md-min){
		padding: 5px 15px;
		background-color: inherit;
		border-top: 1px solid #9e9e9e;
		@include global.font-size(11);
	}
}

/* リンク */
.acms-sidebar-link {
	a{
		display: block;
		padding: 10px 15px;
		line-height: 1.2;
		 &:hover{
			background-color: #FFF;
		}
	}
	// 現在いるとき
	.stay,
	.stay a:hover {
		background-color: #FFF;
	}
	.stay a {
		color: global.$base-bg-primary;
	}
}

.acms-sidebar-childlink {
	background: #353438;
}


// ---------------
// スマートフォンのとき
// ---------------
.acms-sidebar-sp{
	display: block;
	// 表示
	@media (min-width : global.$breakpoint-md-min){
		display: none;
	}
	p{
		margin: 0;
	}
	li{
		border-bottom: solid 1px #FFFFFF;
	}
	.acms-sidebar-box{
		padding: 15px 20px;
		border-bottom: solid 1px #FFFFFF;
	}
	.acms-dropdown a{
		background: url('#{global.$acms-path-marker}arrow_white03.png') no-repeat 95% center;
	}
}
