@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');

.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.mention {
  color: #2b7bb9;
  text-decoration: none;
}
.hashtag {
  color: #28a745;
  text-decoration: none;
}
.youtube-embed {
  position: relative;
  width: 100%;
  max-width: 800px; /* ← 最大幅を指定 */
  margin: 1em auto; /* ← 中央寄せ */
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.youtube-embed iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
}

.comment-box{
	padding:1em 0;
}

/**/
.category-item {
  transition: 0.2s;
}
.category-item:hover {
  background-color: #e0e0e0;
}
.category-item.active {
  background-color: #007BFF;
  color: white;
}

/**/
.card {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  background: #fffbea;
}
.card-header {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

/* 通報ボタンを小ぶりに・密着回避 */
.btn.btn-outline-danger.btn-sm { line-height: 1.1; }

/*行と行間を綺麗に*/
.list-group-item .small { line-height: 1.3; }

.bg-warning-subtle { background: rgba(255, 193, 7, .12) !important; }