/* レイアウトを縦に並べる（スマホ用） */
@media screen and (max-width: 768px) {

	/* 横スクロール可能にする（スマホでテーブル表示崩れ防止） */
	#favorite-table {
		width: 100%;
		overflow-x: auto;
		font-size: 14px;
		/* スマホ用に少し小さく */
	}

	/* ボタンの配置やサイズを整える */
	.button-style {
		margin: 5px;
		padding: 10px 15px;
		font-size: 14px;
	}
}

#favorite-table {
  border-collapse: separate; /* 丸角にするために必要 */
  border-spacing: 0;       /* セル間の隙間をなくす */
  border-radius: 10px;       /* 角丸 */
  overflow: hidden;          /* 角丸を反映させるため */
  border: 1px solid #27ae60; /* 薄い枠線（お好みで） */
  table-layout: fixed;
}

#favorite-table th,#favorite-table td {
  border: 1px solid #27ae60;
}

.pc-video-icon-margin {
	margin-right: 15px;
}

.favorite-title-link {
  display: inline-block;
  padding: 2px 10px;
  margin: 4px 4px 4px 0;
  background-color: #e0f2e9; /* 薄い緑 */
  color: #006644;
  border: 1px solid #b2d8cc;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.2s ease;
}

.favorite-title-link:hover {
  background-color: #cceee0;
  color: #004d33;
}

.favorite-memo-textarea {
	width: 95%;
	height: 100px;
}

.favorite-memo-textarea[readonly] {
	background-color: #f0f0f0;
	cursor: default;
}

.notice {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 0.8rem; /* 約20px */
  font-weight: 600;
  color: indianred;
}