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

/* -----------------------------------------------------------
 * デフォルト設定
 * ----------------------------------------------------------- */
/* spanタグをリンクボタン風に装飾 */
span.custom-link {
    color: #1a73e8;
	cursor: pointer;		/* マウスホバーで指先カーソルにする */
	user-select: none;		/* テキストの誤選択を防止 */
    border-bottom: 1px solid #1a73e8;
}
/* 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;
}