@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import "https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css";

.has-vertically-aligned-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

* {
	box-sizing: border-box;
}

html {
	width: 100%;
	min-height: 100%;
	overscroll-behavior: none;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.16em;
	background: #1f2c6c;
	background-image: url(/campaign/img/code_bg.jpg);
	background-size: cover;
	background-position: top center;
}


@media (max-width: 768px) {
	.footer .column img{
		max-height:36px;
	}

	.code-exchange{
		width: 60%;
	}

	.logo img {
		width: 50vw;
	}
	.copyrights {
		width: 80vw;
		font-size: 0.6rem;
	}
}

@media (min-width: 769px) {
	.code-exchange{
		width: 40%;
	}
}

.container {
	overflow: scroll;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:space-around;
	color: #f4f4ff;
}

.field{
	margin: 4vh auto;
}


.button-control{
	text-align: center;

	.button{
		border-radius: 0%;
		background-image: url(/campaign/img/btn_blue_m.png);
		background-size: cover;
		width: 100%;
		max-width: 264px;
	}
}

.header{
	height: 100px;
	margin: 8px auto;
}

.header img{
	height: 100px;
}

.footer{
	background-color:rgba(0,0, 0, 0);
}

.footer .column img{
	max-height:60px;
}

.footer .app-pay img{
	max-height: 250px;
	width: 40vw;
}

.footer .column{
	display: flex;
	align-items: center;
	justify-content: center;
}

.field .help{
	color:#cc1010;
	font-weight: bold;

}
.label{
	filter: drop-shadow(0 0 5px #001166);
}
.err_message{
	background-color: rgba(255,255, 255, 0.5);
}