/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 09 2026 | 05:21:36 */
/* ============================================================
   ③ RSS関連 — RSSアンテナ/Retriever/livedoor RSS
   読み込み順: 機能パーツ群の1つ(順不同)
   ============================================================ */

/* ============================================
   RSS アンテナ
   ============================================ */
div.rss-antenna {
  margin: 0 !important;
}

.rss-item {
  margin: 2px;
}

.rss-antenna .rss-item a {
  padding: 4px 0 !important;
}

div.rss-antenna .rss-item .title {
  font-size: var(--font-size-lg);
  line-height: 1.2;
  white-space: normal;
  text-overflow: ellipsis;
}

div.rss-antenna .rss-item a {
  color: #222;
  transition: var(--transition-all);
}

div.rss-antenna .rss-item a:hover {
  background-color: var(--hover-bg-color);
}

div.rss-antenna .rss-item img {
  width: 50px;
  object-fit: cover;
}

/* ============================================
   WordPress RSS Feed Retriever
   ============================================ */
ul.wp_rss_retriever_list {
  display: flex;
  list-style: none !important;
  overflow-x: scroll;
  overflow-y: hidden;
}

.wp_rss_retriever_list {
  margin: 0 !important;
  padding: 0 !important;
  background: #fffbfb;
  box-shadow: var(--box-shadow);
}

.wp_rss_retriever_item {
  width: 150px;
  overflow: hidden;
}

.wp_rss_retriever li {
  /* ↓ 元コードはここでセミコロン欠落により margin/background が壊れていた。修正済み */
  flex: none;
  box-sizing: border-box;
  margin: 10px 0 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 1px dotted;
  background: #fff;
}

.wp_rss_retriever li:last-of-type {
  border-bottom: none; /* 最後のliの線だけ消す */
}

.wp_rss_retriever_metadata,
.wp_rss_retriever_credits,
.wp_rss_retriever_container {
  display: none;
}

li.wp_rss_retriever_item {
  margin: 0 2px;
  border-left: 2px solid var(--base-color-red) !important;
  transition: var(--transition-all);
}

li.wp_rss_retriever_item:only-child {
  width: 100%;
}

li.wp_rss_retriever_item:hover {
  background: #ffd2d8 !important;
}

.wp_rss_retriever_item a {
  display: block;
  color: var(--link-base);
  font-weight: 700;
  text-decoration: none !important;
}

.wp_rss_retriever_item a:hover {
  color: #1a237e;
}

.wp_rss_retriever_item p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 45px;
  margin-bottom: 0 !important;
  padding: 10px 2px;
  font-size: var(--font-size-base);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wp_rss_retriever_item p::before {
  content: "\f00c";
  margin-right: 5px;
  color: #f50057;
  font-family: FontAwesome;
  font-weight: 900;
  text-decoration: none !important;
}

.wp_rss_retriever_item img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  transition: var(--transition-all);
}

.wp_rss_retriever_item:hover img {
  transform: var(--transform-scale);
}

/* ============================================
   livedoor RSS (blogroll)
   ============================================ */
.blogroll_wrapper {
  display: flex;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border-top: 1px solid #333 !important;
  box-shadow: var(--box-shadow);
  overflow: hidden;
}

ul.blogroll-list-wrap {
  padding: 5px 0 0 !important;
  border: 1px solid #999;
  list-style: none !important;
}

.blogroll-list {
  border-bottom: 1.5px dotted #ccc !important;
}

ul.blogroll-list-wrap li {
  position: relative;
  align-items: center;
  justify-content: center;
  padding-bottom: 0 !important;
  font-size: var(--font-size-base) !important;
  list-style-type: none !important;
  transition: 0.3s;
}

.blogroll-list-wrap li:nth-child(1) {
  display: none !important;
}

ul.blogroll-list-wrap li:nth-child(4n+2) a {
  white-space: unset;
  overflow: unset;
}

ul.blogroll-list-wrap li:nth-child(4n+2) > a::after {
  content: "\f148";
  font-family: FontAwesome;
}

.blogroll-list-wrap li:nth-child(odd) {
  background: #F2F2F2;
}

.blogroll-list .blogroll-icon {
  display: none;
}

ul.blogroll-list-wrap a {
  width: 100%;
  padding: 4px;
  transition: var(--transition-all);
}

ul.blogroll-list-wrap a:hover {
  background-color: var(--hover-bg-color) !important;
  color: #1a237e;
}

ul.blogroll-list-wrap a::before {
  content: " \f0da";
  margin-right: 5px;
  color: var(--base-color-red);
  font-family: FontAwesome;
}


ul.blogroll-list-wrap a.blogroll-hatebu {
  display: none;
}

.blogroll_innner {
  float: left;
  width: 100% !important;
  height: 600px !important;
  overflow-y: scroll;
}

.blogroll_innner::after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.blogroll_innner .blogroll-new-entry {
  color: #ff0a00;
  font-size: var(--font-size-sm) !important;
  font-weight: bold;
}

.blogroll-link-time {
  color: #111;
  font-size: 1.0rem !important;
}

.blogroll-ad-default {
  font-size: 0;
}


/* ============================================================
   レスポンシブ
   ============================================================ */
/* PC (min-width: 960px) */
@media print, screen and (min-width: 960px) {
  .wp_rss_retriever li {
    width: 200px;
  }
  .blogroll_innner {
    width: 50% !important;
  }
  .blogroll_innner#blogroll_innner-r {
    display: block;
  }
  .mainbox {
    padding: 40px 0;
  }
  .mainbox .blogroll_innner {
    height: 400px !important;
    overflow-y: scroll;
  }
}

/* スマホ (max-width: 599px) */
@media print, screen and (max-width: 599px) {
  ul.blogroll-list-wrap li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* ▼ 追記: 2列用 4n+2 ロジックをスマホで打ち消し（全行を揃える） */
  ul.blogroll-list-wrap li:nth-child(4n+2) a {
    white-space: nowrap;
    overflow: hidden;
  }
  ul.blogroll-list-wrap li:nth-child(4n+2) > a::after {
    content: "";
  }
  /* ▲ 追記ここまで */
  .blogroll_wrapper {
    display: block !important;
  }
  .blogroll_innner {
    height: auto !important;
    overflow-y: unset;
  }
  .blogroll_innner#blogroll_innner-r {
    float: left;
  }
}