@charset "utf-8";


/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

html {
	max-width: 100%;
	background: var(--Color_1D100);
}

body {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	max-width: 100%;
	height: 100vh;
	font-family: "Kaisei Opti", serif;
	font-weight: 400;
	font-style: normal;
	overflow: hidden;
	animation: fadeIn 4s ease 0s 1 normal;
	-webkit-animation: fadeIn 4s ease 0s 1 normal;
	& main {
		width: 100vw;
		height: 88vh;
		position: relative;
		display: flex;
		gap: 1vw;
		padding: 1vw 1vw;
		background: var(--Color_P100) url('https://signage.clubhanabi.net/wp-content/uploads/bg_left.png');
		background-repeat: no-repeat;
		background-position: top left;
		overflow: hidden;
		& article {
			width: 100%;
			height: 100%;
			position: relative;
			display: flex;
			overflow: hidden;
		}
	}
}

@keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }
@-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }