/* 右に矢印アイコンボタン */
.btn001 {
	width: 280px;
	text-align: center;
	margin: 40px auto 0;
	position: relative;
}

.btn001 a {
	color: var(--tk-gold-bright);
	font-size: 1.02em;
	line-height: 1.3em;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 18px 44px 18px 24px;
	display: block;
	position: relative;
	text-decoration: none; /* .slide3_venue a の下線指定を打ち消す */

	/* 紫紺の箔押し風グラデーション。深い紫紺→紫紺→明るい紫紺→紫紺→深い紫紺と
	   明度を往復させることで、平面のベタ塗りより金属の照りが出る。
	   background-size を倍幅にしておき、hover で position を送って
	   光が横に流れるように見せる（下の :hover を参照） */
	background-color: var(--tk-purple); /* グラデ非対応時のフォールバック */
	background-image: linear-gradient(135deg,
		var(--tk-purple-deep) 0%,
		var(--tk-purple) 26%,
		var(--tk-purple-light) 44%,
		var(--tk-purple) 62%,
		var(--tk-purple-deep) 100%);
	background-size: 200% 100%;
	background-position: 0 0;
	border: 1px solid var(--tk-silver);
	transition: transform 0.2s ease, opacity 0.2s ease, background-position 0.55s ease, box-shadow 0.2s ease;
}

.btn001 a::after {
	content: "";
	position: absolute;
	right: 18px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-top: 1px solid var(--tk-gold-bright);
	border-right: 1px solid var(--tk-gold-bright);
	transform: translateY(-50%) rotate(45deg);
}

.btn001 a:hover {
	color: var(--tk-gold-bright);
	text-decoration: none;
	transform: translateY(-3px);
	background-position: 100% 0; /* 照りを右へ流す */
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}

/* 小サイズ。本文のすぐ下に添える用途（会場アクセスなど）。
   幅・文字・パディング・矢印をひとまわり詰めている */
.btn001.is-small {
	width: 220px;
	margin: 22px auto 0;
}

.btn001.is-small a {
	font-size: 0.92em;
	letter-spacing: 1px;
	padding: 10px 30px 10px 14px;
}

.btn001.is-small a::after {
	right: 13px;
	width: 6px;
	height: 6px;
}

/* 準備中 */
.btn001.is-disabled a {
	pointer-events: none;
	opacity: 0.7;
}