/* 共通 */
.l-sidenav .p-widget { width:100%; margin:0; }
.l-sidenav .p-widget + .p-widget { margin-top:-1px; }

/*
*
* カテゴリーウィジェット専用スタイル
*
*/

/* カテゴリー */
.l-sidenav .widget_categories > ul { background: #fff; border-bottom: 1px solid #ddd; }
.l-sidenav .widget_categories li { position: relative; }
.l-sidenav .p-sidecat__headline + ul { margin-top:-1px; }


/* 共通 */
.l-sidenav .widget_categories li a {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  font-size:16px; line-height:1.2; height:59px;
}
.l-sidenav .widget_categories a .count {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  font-family: 'Arial'; font-size:14px; min-width:45px; height:30px; padding:0 10px; border-radius:30px;
}
/* 親メニュー */
.l-sidenav .widget_categories > ul > li > a { color:#000; padding:0 30px; border-top:1px solid #ddd; }
.l-sidenav .widget_categories > ul > li > a > .count { color:#000; border:1px solid #ddd; margin-left:10px; }
.l-sidenav .widget_categories > ul > li > a:hover { color:rgba(0, 0, 0, 0.5); }
.l-sidenav .widget_categories li.is-active > a { color:inherit; }
/* 子メニュー */
.l-sidenav .widget_categories > ul > li > ul {
  background:#0f7faa; width:calc(100% + 1px); height:0; overflow:hidden;
  transition:height 0.3s cubic-bezier(0.65,0.05,0.36,1);
}
.l-sidenav .widget_categories > ul > li > ul > li > a { color:#fff; padding: 0 20px 0 calc(30px + 1em); }
.l-sidenav .widget_categories > ul > li > ul > li > a > .count { color:#fff; background:rgba(0,0,0,0.1); margin-left:auto; }
.l-sidenav .widget_categories > ul > li > ul > li > a:hover { color:#fff; background:rgba(0,0,0,0.1); }
@media (max-width: 767px) {
  .l-sidenav .widget_categories li a { font-size:14px; height:50px; }
  .l-sidenav .widget_categories > ul > li > a { padding:0 20px 0 19px; }
  .l-sidenav .widget_categories > ul > li > ul > li > a { padding:0 20px 0 calc(20px + 1em); }
  .l-sidenav .widget_categories > ul > li > ul > li > a > .count { height:25px; }
}

/*
*
* 通常ウィジェット
*
*/

/* RSS */
.l-sidenav .widget_rss h3 a { color:#fff; }
.l-sidenav .widget_rss ul li { padding:20px 30px; margin-top:0px; border-top:1px solid #ddd; }
@media (max-width: 767px) {
  .l-sidenav .widget_rss ul li { padding:20px 20px; font-size:14px; }
}

/* アーカイブ */
.l-sidenav .widget_archive a {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  font-size:16px; line-height:1.2; height:59px;
  color: #000; padding: 0 30px; border-top: 1px solid #ddd;
}
.l-sidenav .widget_archive a .count {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  font-family: 'Arial'; font-size:14px; min-width:45px; height:30px; padding:0 10px; border-radius:30px;
  color:#000; border:1px solid #ddd; margin-left:10px;
}
.l-sidenav .widget_archive a:hover {
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .l-sidenav .widget_archive li a { font-size:14px; height:50px; }
  .l-sidenav .widget_archive > ul > li > a { padding:0 20px 0 19px; }
}

/* ドロップダウン */
.l-sidenav .widget_archive select, .l-sidenav .widget_categories select {
  border-left:none; border-right:none; padding:0 30px; font-size:16px;
}
.l-sidenav .widget_archive h3 ~ select, .l-sidenav .widget_categories h3 + form select {
  border-top:none;
}
@media (max-width: 767px) {
  .l-sidenav .widget_archive select, .l-sidenav .widget_categories select {
    padding:0 20px; font-size:14px;
  }
  .l-sidenav .widget_archive .screen-reader-text:before, .l-sidenav .widget_categories .screen-reader-text:before {
    right: 19px; top: 18px;
  }
}

/* カレンダー */
.l-sidenav #calendar_wrap { padding:10px 10px 0; margin:0; }

/* ギャラリー */
.l-sidenav .widget_media_gallery .gallery { margin:0!important; }
.l-sidenav .widget_media_gallery .gallery-item { margin:0; }
.l-sidenav .widget_media_gallery .gallery-columns-1 .gallery-item { width:100%; }
.l-sidenav .widget_media_gallery .gallery-columns-2 .gallery-item { max-width:calc(100% / 2); width:calc(100% / 2)!important; }
.l-sidenav .widget_media_gallery .gallery-columns-3 .gallery-item { max-width:calc(100% / 3); width:calc(100% / 3)!important; }
.l-sidenav .widget_media_gallery .gallery-columns-4 .gallery-item { max-width:calc(100% / 4); width:calc(100% / 4)!important; }
.l-sidenav .widget_media_gallery .gallery-columns-5 .gallery-item { max-width:calc(100% / 5); width:calc(100% / 5)!important; }
.l-sidenav .widget_media_gallery .gallery-columns-6 .gallery-item { max-width:calc(100% / 6); width:calc(100% / 6)!important; }
.l-sidenav .widget_media_gallery .gallery-columns-7 .gallery-item { max-width:calc(100% / 7); width:calc(100% / 7)!important; }
.l-sidenav .widget_media_gallery .gallery-columns-8 .gallery-item { max-width:calc(100% / 8); width:calc(100% / 8)!important; }
.l-sidenav .widget_media_gallery .gallery-columns-9 .gallery-item { max-width:calc(100% / 9); width:calc(100% / 9)!important; }

/* タグクラウド */
.l-sidenav .widget_tag_cloud .tagcloud { padding:10px; }

/* テキスト */
.l-sidenav .widget_text .textwidget { padding:20px 30px; }
@media (max-width: 767px) {
  .l-sidenav .widget_text .textwidget { padding:20px; }
}
/* リストデザイン */
.l-sidenav .widget_text .textwidget ol { counter-reset: item; list-style-type: none; margin-left:0; margin-bottom:2em; }
.l-sidenav .widget_text .textwidget ol li { display:-webkit-box; display:-webkit-flex; display:flex; margin-bottom:0.4em; }
.l-sidenav .widget_text .textwidget ol li:before {
  counter-increment: item; content: counter(item);
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  width:1.5em; min-width: 1.5em; height: 1.5em; background:rgba(var(--tcd-accent-color, 0,0,0),1);
  color: #fff; border-radius: 50%; line-height: 1; margin-top: 0.3em; margin-right: 0.7em;
}

/* ナビゲーションメニュー, RSS, 固定ページ */
.l-sidenav .widget_nav_menu a, .l-sidenav .widget_meta a, .l-sidenav .widget_pages a
{ border-left:none; border-right:none; padding:20px 30px; }
@media (max-width: 767px) {
  .l-sidenav .widget_nav_menu a, .l-sidenav .widget_meta a, .l-sidenav .widget_pages a
  { font-size:14px; padding:16px; }
}

/* 最近のコメント */
.l-sidenav .widget_recent_comments ul li { padding:15px 30px; margin:0; border-top:1px solid #ddd; }
.l-sidenav .widget_recent_comments ul li:last-child { border-bottom:1px solid #ddd; }
@media (max-width: 767px) {
  .l-sidenav .widget_recent_comments ul li { padding:12px 20px; font-size:14px; }
}

/* 最近の投稿 */
.l-sidenav .widget_recent_entries ul li { padding:20px 30px 18px; margin:0; }
@media (max-width: 767px) {
  .l-sidenav .widget_recent_entries ul li { padding:15px 20px 13px; font-size:14px; }
}

/* 検索フォーム */
.l-sidenav .widget_search > form { border-left:none; border-right:none; }
.l-sidenav .widget_search h3 + form { border-top:none; }


/*
*
* TCDオリジナルウィジェット
*
*/

/* いいねの記事一覧 */
.l-sidenav .p-widget-liked-posts__item { border-right: none; border-left: none; }
.l-sidenav .p-sidecat__headline + .p-widget-liked-posts .p-widget-liked-posts__item:first-of-type { border-top:none; }

/* バナー */
.l-sidenav .p-widget-banner__content { padding: 25px 30px 20px; }
@media (max-width: 767px) {
  .l-sidenav .p-widget-banner__content { padding: 20px 20px 20px; }
}

/* ランキングの記事一覧 */
.l-sidenav .p-widget-ranking__tab-label { border-left:none; border-right:none; }
.l-sidenav .p-sidecat__headline + .p-widget-ranking__tab-label { border-top:none; }
.l-sidenav .p-widget-ranking__content { border-right:none; }

/* 記事スライダー */
.l-sidenav .p-widget-slider__headline {
  font-size:18px; line-height: 1.2;
  width: calc(100% + 1px); height: 60px; padding: 0 30px; margin-bottom:0;
  color: #fff; background-color: rgba(var(--tcd-accent-color, 0,0,0),1);
  position: relative; z-index: 1;
}
.l-sidenav .p-widget-slider__title { padding:0 30px; margin-bottom:calc(20px - 0.3em); }
@media (max-width: 767px) {
  .l-sidenav .p-widget-slider__headline { height: 50px; padding: 0 20px; }
  .l-sidenav .p-widget-slider__title { padding:0 20px; }
}