@charset "UTF-8";
/* deco部分 */
/*--------------------------------------------------
	カラー設定
--------------------------------------------------*/
a { color: #959699; }

/*--- タグ ---*/
.tag { border-color: #2a2d2f; }
.tag--important { border-color: #be2228; }

/*--- サイドメニュー ---*/
.side-menu__menu-list { background-color: rgba(13, 14, 15, 0.6); }
@media screen and (max-width: 1023px) { .side-menu__menu-list { background-color: #0d0e0f; } }
.side-menu__menu.active { background-color: #222327; }
.side-menu__menu.active path { fill: #be2228; }
.side-menu__menu.active .icon--accent { fill: #be2228; }
.side-menu__btn-index { background-color: rgba(13, 14, 15, 0.6); border-color: rgba(13, 14, 15, 0.3); }
.side-menu__btn-index:hover { background-color: #222327; }
.side-menu__btn-index:hover path { fill: #be2228; }
.side-menu__btn-index:hover .icon--accent { fill: #be2228; }
.side-menu__btn-top { background-color: rgba(13, 13, 13, 0.8); border-color: rgba(13, 14, 15, 0.3); }
.side-menu__btn-top:hover { background-color: #222327; }
.side-menu__btn-top:hover path { fill: #be2228; }
.side-menu__btn-top:hover .icon--accent { fill: #be2228; }
.side-menu__btn path { fill: rgba(120, 120, 134, 0.7); transition: all .3s; }
.side-menu__btn .icon--accent { fill: #787886; transition: all .3s; }

.btn-menu--open { background-color: #0d0e0f; }
.btn-menu--open .btn-menu__line { background-color: transparent; }
.btn-menu__wrap { background-color: rgba(13, 14, 15, 0.6); }
.btn-menu__line { background-color: #e3e3e3; }
.btn-menu__line::before, .btn-menu__line::after { background-color: #e3e3e3; }

.lightbox__window { background-color: #222327; box-shadow: 0px 0px 0px 1px #292a2c inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.2), 0px 8px 8px 0px rgba(0, 0, 0, 0.2), 0px 16px 16px 0px rgba(0, 0, 0, 0.2), 0px 32px 32px 0px rgba(0, 0, 0, 0.2), 0px 64px 64px 0px rgba(0, 0, 0, 0.2); border-color: #be2228; color: #ced0d2; }
.lightbox__window::after { border-color: transparent #be2228 transparent transparent; }

/* アーカイブ */
.archive-list__year { color: #37383e; }
.archive-list__year:after { background-color: #37383e; }
.archive__month--dis { color: #2e3037; }
.archive__month a { color: #959699; }

/* 注目の記事 */
.hot-list__rank { color: #37383e; }
.hot-list__rank:after { background-color: #37383e; }
.hot-list__date { color: #959699; }

/* 目次 */
.nav-list { color: #959699; }
.nav-list__menu > li { border-color: #787886; }
.nav-list__menu-sub { background-color: #27282c; }

@media screen and (min-width: 1024px) { .nav__btn-acc:hover { background-color: rgba(10, 11, 12, 0.4); } }
.nav__btn-acc::before { border-color: #959699; }

.nav__link-second::before { border-color: transparent transparent transparent #959699; }
.nav__link-second::after { border-color: transparent transparent transparent #27282c; }

/*--- コンテンツ領域 ---*/
.contents { background-color: #151618; background-image: linear-gradient(90deg, #151618 0%, #222327 100%); color: #959699; }

.ttl-pn path { fill: #e3e3e3; }
.ttl-pn--accent { fill: #575759 !important; }

.filter__category { background-color: #232528; }
.filter__category::after { border-color: transparent transparent #1c1d20 transparent; }
.filter__word { color: #b19e7b; border-color: #b19e7b; }

.icon-category path { fill: #b19e7b; }

/*--- 各記事 ---*/
.article__ttl { color: #ced0d2; }

.article-list::before { background-color: #2a2d2f; }
.article-list__update { color: #be2228; }
.article-list__update path { fill: #be2228; }
.article-list__views path { fill: #959699; }
.article-list__date--new::after { background-color: #be2228; color: #fbe9ea; }
.article-list__date-year { color: #2e3037; }
.article-list__thumb { background-color: #151618; border-color: #2a2d2f; }
.article-list__icon { background-color: #151618; border-color: #2a2d2f; box-shadow: 0 0 0px 5px #1c1d20; }

.icon-pin path { fill: #ced0d2; }

/*--------------------------------------------------
	カラー設定 - deco部分
--------------------------------------------------*/
#deco { color: #959699; }
#deco a.link_1 { color: #e53038; }
#deco a.btn_1 { border-color: #484850; background-color: rgba(128, 128, 128, 0.1); color: #a7a8ab; }
#deco h2.ttl_2::after { background-color: rgba(128, 128, 128, 0.1); border-color: #be2228; }
#deco h3.ttl_3 { border-color: #be2228; }
#deco h4.ttl_4 { font-weight: 500; }
#deco h4.ttl_4::before { border-color: transparent transparent transparent #be2228; }
#deco h4.ttl_4::after { border-color: transparent transparent transparent #151618; }
#deco .article_data { color: #959699; }
#deco .article_data > div:last-of-type::after { background-color: #484850; }
#deco .article_data path { fill: #959699; }
#deco .deco_tag { background-color: #be2228; color: #ced0d2; }
#deco .deco_tag::before { border-color: transparent transparent transparent #be2228; }
#deco .deco_tag::after { background-color: #ee7479; }
#deco .tag_list::after { background-color: rgba(128, 128, 128, 0.1); border-color: #be2228; }
#deco .update_log { background-color: rgba(128, 128, 128, 0.1); border-color: #be2228; }
#deco .nav-list { background-color: rgba(128, 128, 128, 0.1); }
#deco .nav-list__menu > li { border-color: rgba(153, 153, 153, 0.1); }
#deco h1.ttl_1 { color: #ced0d2; }
#deco h2.ttl_2 { color: #ced0d2; }
#deco h3.ttl_3 { color: #ced0d2; }
#deco h4.ttl_4 { color: #ced0d2; }
#deco ul.list_1 > li { color: #e53038; }
#deco ul.list_1 > li p { color: #959699; }
#deco ul.list_2 > li { color: #484850; }
#deco ul.list_2 > li p { color: #959699; }
#deco ol.order_list_1 > li { color: #e53038; }
#deco ol.order_list_1 > li p { color: #959699; }
#deco ol.order_list_2 > li { color: #484850; }
#deco ol.order_list_2 > li p { color: #959699; }
#deco table.table_1 th { background-color: #959699; color: #202126; }
#deco table.table_1 td { background-color: rgba(128, 128, 128, 0.1); color: #959699; }
#deco hr.hr_1 { border: none; background-color: rgba(128, 128, 128, 0.1); border-left-color: #be2228; }
#deco .win_1 { background-color: rgba(32, 33, 38, 0.1); border-color: #484850; }

/*--------------------------------------------------
	カラー設定 - フッター
--------------------------------------------------*/
footer { color: #88898c; }

/*--------------------------------------------------
	カラー設定 - 	mCustomScrollbar上書き
--------------------------------------------------*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #414249; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #414249; }

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #414249; }