async function generateTicketPage() {
	const ticketDoms = document.getElementsByClassName("xrk-ticket-container")
	// console.log({ticketDoms})
	Object.values(ticketDoms).forEach(td => {
		if (location.href.indexOf("isDraft") < 0 || td.getElementsByClassName("xrk-ticket-message-container").length <= 0) {
			// console.log("ticket dom 1431")
			td.innerHTML = `
				<div class="xrk-ticket-message-container">
					<div class="xrk-ticket-message">
						<div>XRなどバーチャル領域の担い手に向けて「共有し、繋がり、高め合う」を目的に開催する国内随一の業界カンファレンスです。</div>
						<div class="sha">XRなどバーチャル領域の担い手に向けて「共有し、繋がり、高め合う」を目的に開催する国内随一の業界カンファレンスです。</div>
					</div>
				</div>
				<div class="xrk-ticket-button-container">
					<div class="xrk-ticket-image">
						<img loading="lazy" src="https://xrkaigi.eventos.tokyo/file/wysiwyg/892/file-6e7c710e-0061-4de3-88ad-4c77dd45a5a1.png">
						<img loading="lazy" class="none-on-sp" src="https://xrkaigi.eventos.tokyo/file/wysiwyg/892/file-6e7c710e-0061-4de3-88ad-4c77dd45a5a1.png">
					</div>
					<div class="xrk-ticket-button">
						<a href="https://www.xrkaigi.com/event/9316/module/web_page/301881/0" target="_blank" class="xrk-t-btn xrk-t-btn-xr">XR Kaigiに参加する</a>
						<div class="xrk-ticket-btn-message">XR Kaigi 2024へのご参加には事前のチケット購入が必要です</div>
					</div>
				</div>
				<style>
				.xrk-ticket-container {
					width: 100vw;
				}

				.xrk-ticket-message-container {
					position: relative;
					height: 92px;
				
					width: 100%;
					overflow-x: hidden;
				}
				
				@keyframes infinity-scroll-left {
					from {
						transform: translateX(0);
					}
					to {
						transform: translateX(-150%);
					}
				}
				
				.xrk-ticket-message {
					white-space: nowrap;
					position: absolute;
					left: 100vw;
					animation: infinity-scroll-left 20s infinite linear 0.5s both;
				}
				
				.xrk-ticket-message div {
					position: relative;
					font-size: 64px;
					-webkit-text-stroke: 2px #90DCFF;
					color: transparent;
					font-weight: 700;
					padding-left: 12px;
					line-height: 116px;
				}
				
				.xrk-ticket-message div.sha {
					position: absolute;
					top: -5px;
					left: -5px;
					-webkit-text-stroke: 2px #FF6AAD;
				}
				
				.xrk-ticket-button-container {
					background-color: #FFF441;
					display: flex;
					justify-content: center;
				}
				
				.xrk-ticket-image {
					display: flex;
					width: 1440px;
					height: 235px;
					padding: 60px 120px;
					justify-content: space-between;
				}
				
				/*.xrk-h-btn-xr, */ .xrk-t-btn-xr {
					background-color: #FF6AAD!important;
					color: white!important;
					width: 229px;
					height: 56px!important;
					padding: 12px 0!important;
					border-radius: 36px 36px!important;
					border-color: #876AB5!important;
					font-size: 18px;
					text-align: center;
					font-weight: 700;
					letter-spacing: 1px;
					display: flex;
					justify-content: center;
					flex-wrap: nowrap;
					cursor: pointer;
				}

				.xrk-t-btn-xr:hover {
					background-color: white!important;
					color: #FF6AAD;
				}
				
				/* .xrk-h-btn, */ .xrk-t-btn {
					padding: 5px 15px 7px 18px;
					height: 30px;
					border-radius: 25px 25px;
					border: 3px solid black;
					box-shadow: 3px 3px 0 0 #90DCFF;
					margin-right: 0;
				}
				
				.xrk-ticket-button {
					position: absolute;
					width: 100%;
					height: 235px;
					padding: 60px 120px;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: space-between;
				}
				
				.xrk-ticket-btn-message {
					color: #0000BF;
					font-size: 14px;
					font-weight: 500;
				}
				
				@media screen and (max-width: 980px) {
					.xrk-ticket-image {
						padding: 60px 60px;
					}
				}
				
				@media screen and (max-width: 768px) {
					.xrk-ticket-message-container {
						background-color: #FFF441;
						padding: 34px 0 28px;
					}
				
					.xrk-ticket-message {
						overflow-x: hidden;
					}
				
					.xrk-ticket-message div {
						font-size: 24px;
						line-height: unset;
					}
				
					.xrk-ticket-button-container {
						flex-direction: column;
					}
				
					.xrk-ticket-button {
						position: relative;
						height: unset;
						padding: 16px 42px 30px;
					}
				
					.xrk-ticket-image {
						justify-content: center;
						padding: 0;
						width: 100vw;
						height: unset;
					}
				
					.xrk-ticket-image > img {
						height: 60px;
					}
				
					.none-on-sp {
						display: none;
					}
				
					/*.xrk-h-btn, */ .xrk-t-btn {
						margin-bottom: 16px;
					}
				
					.xrk-ticket-btn-message {
						font-size: 11px;
					}

					.xrk-ticket-message div {
						-webkit-text-stroke: 1px #90DCFF;
					}
					
					.xrk-ticket-message div.sha {
						-webkit-text-stroke: 1px #FF6AAD;
					}
				}
				
				</style>`
		}
	})
}

async function ticketMain() {
	await generateTicketPage()
}

//ticket();