div.black.mTip {
  padding-top : 20px;
  text-align  : left;
}

div.mTip span {
  position: relative;
  top: -15px;
  width: 16px;
  height: 16px;
  float: right;
  background: transparent url('js/mTip/cross.png') no-repeat;
  cursor: pointer;
  opacity: .75;
  vertical-align: middle;
}

#tab li.select {
  background: yellow;
}

#tab li {
  float: left;
  padding: 10px;
  list-style: none;
  cursor: pointer;
  background: #eee;
}

.disnon {
  display: none;
}

/*タブ実装 https://kansai.weblab.co.jp/blog/tech/js-tab/*/
.btn_area {
	margin:0 0 10px 0;
	display: flex;
}

.btn_area .tab_btn {
	width: 5em;
	padding: 8px 0;
	color: #333;
	background: #f5f7f8;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
}

.btn_area .tab_btn + .tab_btn {
	margin-left: 8px;
}

.btn_area .tab_btn:hover {
	background-color: #dce1e4;
}

.btn_area .tab_btn.active {
  background:#07539f;
  color:#fff;
}

/* エロゲMEME用 */
:root {
  --grid-width: 150px;
  /* グリッドの幅 */
  --grid-height: 270px;
  /* グリッドの高さ */
  --grid-gap: 5px;
  /* グリッド間のスペース */
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--grid-width), 1fr));
  gap: var(--grid-gap);
  justify-content: center;
  max-width: calc(var(--grid-width) * 6 + var(--grid-gap) * 5);
  /* 6列＋間のスペース */
  margin: auto;
}

.grid-item {
  width: var(--grid-width);
  height: var(--grid-height);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  text-align: center;
  background-color: #f9f9f9;
}

.image-container {
  flex-grow: 1;
  /* 画像を中央に配置 */
  display: flex;
  align-items: center;
  /* 縦の中央揃え */
}

.grid-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.grid-item p {
  margin: 0;
  font-size: 14px;
}

#rss_feeds_list {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.rss_feed_row {
  display: table-row;
}

#rss_feeds_list dt, 
#rss_feeds_list dd {
  display: table-cell;
  padding: 5px;
  border: 1px solid #ddd;
  background-color: #FFDEAD;
  vertical-align: top;
}

#rss_feeds_list dt {
  font-weight: bold;
  width: 20%; /* 1列目の幅を固定 */
  white-space: nowrap; /* テキストの折り返しを防ぐ */
}

#rss_feeds_list dd {
  width: 80%; /* 2列目の幅を可変 */
  background-color: #FFF0C0;
}