/* ============================
   sidebar sitemap
============================ */

/* =====================================
   下層専用 sitemap
===================================== */

/* 
※ index.cssで .sitemap ul {display:flex} が当たるため
下層ページでは縦並びに上書き
*/
.l-sidebar .sitemap ul {
   display: flex;
   flex-direction: column;
   gap: 0;
}

.l-sidebar {
   /* width: 250px; */
   width: 245px;
   flex-shrink: 0;
}

/* 本体BOX */
.sitemap {
   margin-top: 0;
   padding: 25px;
   border: 1px solid #ddd;
   background: rgba(244, 244, 244, 0.7);
}

/* タイトル */
.sitemap-title {
   font-size: 14px;
   margin-bottom: 25px;
   padding-left: 30px;
   position: relative;
   font-weight: normal;
}

.sitemap-title::before {
   content: '';
   position: absolute;
   left: 0;
   top: -3px;
   width: 22px;
   height: 22px;
   background: url('../image/logo_btn/i-sitemap.png') no-repeat center/contain;
}

/* リスト */
.sitemap-list {
   list-style: none;
   padding: 0;
   margin: 0;
}

.sitemap-list li {
   position: relative;
   margin-bottom: 1em;
   font-size: 14px;
   line-height: 1.7;
}

/* .l-sidebar .sitemap li {
   margin-bottom: 1em;
} */

/* カテゴリ見出し */
.sitemap-section {
   border-left: 6px solid #b4b4f0;
   padding-left: 8px;
   /* padding-left: 0; */
   font-weight: bold;
   margin-bottom: 3px;
}

.l-sidebar p.sitemap-section {
   margin-bottom: 5px;
}

/* 現在ページ */
.sitemap-list li.is-current .sitemap-section {
   border-left: 6px solid #9dd3a7;
}

/* リンク */
.sitemap a {
   display: block;
   margin-bottom: 0;
}

.sitemap a:hover {
   opacity: 0.7;
}

/* 補足テキスト */
.sitemap span {
   display: block;
   padding-left: 3px;
   color: #666;
   font-size: 13px;
}

/* 画像 */
.sitemap img {
   margin-top: 0;
   opacity: 0.7;
}

.sitemap-list .album .album-category {
   color: #4da05d;
}