html {
	visibility: hidden;
	font-family: 'Sawarabi Gothic', sans-serif;
}

html.finish-loading {
	visibility: visible;
}

.bg-light-yellow {
	background: #fefecc !important;
}

.top-header {
	background-color: #004ea2;
	height: 72px;
}

.text-0p8em {
	font-size : 0.8em;
}

.text-0p9em {
	font-size : 0.9em;
}

.text-1p0em {
	font-size : 1.0em;
}

.text-1p1em {
	font-size : 1.1em;
}

.text-1p2em {
	font-size : 1.2em;
}

.text-1p3em {
	font-size : 1.3em;
}

.text-1p5em {
	font-size : 1.5em;
}

.text-2p0em {
	font-size : 2.0em;
}

@media (min-width: 576px) {
	.text-sm-1p0em {
		font-size : 1.0em
	}

	.text-sm-1p5em {
		font-size : 1.5em
	}
}
@media (min-width: 768px) {
	.text-md-2p2em {
		font-size : 2.2em
	}
}
@media (min-width: 992px) {
	.text-lg-1p1em {
		font-size : 1.1em
	}
	.text-lg-1p2em {
		font-size : 1.2em
	}
	.text-lg-1p3em {
		font-size : 1.3em
	}
	.text-lg-1p5em {
		font-size : 1.5em
	}
	.text-lg-1p65em {
		font-size : 1.65em
	}
	.text-lg-2p0em {
		font-size : 2.0em
	}
	.text-lg-2p4em {
		font-size : 2.4em
	}
	.border-lg-right {
		border-right: 1px solid #666666!important;
	}
	.top-header {
		height: 80px;
	}
}

@media (min-width: 1200px) {
	.text-xl-1p3em {
		font-size : 1.3em
	}
}

.border-sky-blue {
	border-color: #80aaf8 !important;
}

.border-deep-blue {
	border-color: #2153b1 !important;
}

.border-width-0p5px {
	border-width: 0.5px !important;
}

.border-width-3p0px {
	border-width: 3.0px !important;
}

.outline-none {
	outline: none !important;
}

.font-Libre-Baskerville {
	font-family: 'Libre Baskerville', serif;
}

.h-72px {
	height: 72px;
}

.h-100px{
	height: 100px;
}

.w-116p81px {
	width: 116.81px !important;
}

@media (min-width: 992px) {
	.w-lg-128p48px {
		width: 128.48px !important;
	}
}

.z-index-900 {
	z-index : 900 !important;
}

.text-deep-blue {
	color: #004ea2 !important;
}

.text-white-fukuromoji {
	text-shadow:1.8px 1.8px 0 #ffffff, -1.8px -1.8px 0 #ffffff,
				-1.8px 1.8px 0 #ffffff, 1.8px -1.8px 0 #ffffff,
				0px 1.8px 0 #ffffff, 0 -1.8px 0 #ffffff,
				-1.8px 0 0 #ffffff, 1.8px 0 0 #ffffff;
}

@media (min-width: 992px) {

	.text-white-shadow {
		text-shadow: 2px 2px 4px #000000;
	}

	.text-dark-fukuromoji {
		text-shadow:0.5px 0.5px 0 #000000, -0.5px -0.5px 0 #000000,
					-0.5px 0.5px 0 #000000, 0.5px -0.5px 0 #000000,
					0px 0.5px 0 #000000,  0-0.5px 0 #000000,
					-0.5px 0 0 #000000, 0.5px 0 0 #000000;
	}
}

@media (max-width: 992px) {

	.text-white-shadow {
		text-shadow: 1px 1px 1px #333333;
	}

	.text-dark-fukuromoji {
		text-shadow:0.2px 0.2px 0 #333333, -0.2px -0.2px 0 #333333,
					-0.2px 0.2px 0 #333333, 0.2px -0.2px 0 #333333,
					0px 0.2px 0 #333333,  0-0.2px 0 #333333,
					-0.2px 0 0 #333333, 0.2px 0 0 #333333;
	}
}

.bg-behind-number {
	background: -moz-linear-gradient(-45deg, #5174b9 0%, #5174b9 50%, #2f63ae 50%, #2f63ae 100%);
	background: -webkit-linear-gradient(-45deg, #5174b9 0%, #5174b9 50%, #2f63ae 50%, #2f63ae 100%);
	background: linear-gradient(-45deg, #5174b9 0%, #5174b9 50%, #2f63ae 50%, #2f63ae 100%);
}

.bg-blue {
	background: #6184c9 !important;
}