/**
 * Custom Link 記事ページ用スタイル
 */

/* -----------------------------------------------------------
 * デフォルト設定
 * ----------------------------------------------------------- */
/* spanタグをリンクボタン風に装飾 */
span.custom-link {
	color: #0000ff;
	cursor: pointer;		/* マウスホバーで指先カーソルにする */
	user-select: none;		/* テキストの誤選択を防止 */
}

/* ホバー時の装飾 */
span.custom-link:hover {
	color: #00008b;
	text-decoration: none;
}

/* data-idが空の場合のスタイル（少し薄くする） */
span.custom-link[data-id=""] {
	opacity: 0.8;
}

/* -----------------------------------------------------------
 * ボタンデザインのサンプル（追加classとしてcustom-link-buttonを設定した場合）
 * ----------------------------------------------------------- */
/* spanタグをリンクボタン風に装飾 */
span.custom-link-button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #0073aa;
	color: #ffffff;
	border-radius: 5px;
	transition: background-color 0.3s ease;
}

/* ホバー時の装飾 */
span.custom-link-button:hover {
	background-color: #005177;
	color: #ffffff;
	text-decoration: none;
}