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

	.youtube-size {
		width:100%;
		height:200px;
	}
}

@media screen and (min-width: 769px) {

	.youtube-size {
		width:640px;
		height:360px;
	}
}

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

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

.url-cell {
	word-break: break-all; /* 長い英単語やURLでも途中で折り返す */
	overflow-wrap: break-word; /* 最新の仕様でも対応 */
	white-space: pre-line; /* 改行（\n）は反映。空白（スペース）は連続しても1つにまとめる */
}

#memoBtn {
	position: fixed;
	bottom: 30px;
	right: 30px;
}

.video-detail-img-memo-icon {
	border: 1px solid #333;
	border-radius: 4px;
	width: 64px;
	height: 64px;
	background-color: rgba(255, 255, 255, 1);
}