/*
 * n01_qr.css
 *
 * Copyright (C) 1996-2023 by Ohno Tomoaki. All rights reserved.
 */

body {
	-webkit-text-size-adjust: 100%;
	-ms-content-zooming: none;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-touch-callout: none;

	font-size: 20px;
	font-family: Arial;
	background-color: #ffffff;
	color: #000;
}

html {
	min-height: calc(100% + env(safe-area-inset-top));
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

#header {
	padding-top: env(safe-area-inset-top);
}

#article {
	margin: 10px;
}

#contents {
	text-align: center;
}

input {
	font-size: 20px;
}

input[type="button"] {
	cursor: pointer;
	-webkit-appearance: none;
	margin: 10px 0 10px 0;

	border: 0px solid #fff;
	outline:none;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	background-color: #0084ff;
	color: #fff;
}

input[type="button"]:hover, input[type="button"]:focus {
	background-color: #0069f1;
}

input[type="button"]:active {
	background-color: #00377d;
}

#video_wrapper {
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

#camera {
	position: relative;
}

#picture {
	position: absolute;
}

#frame {
	position: absolute;
}

#qr-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.3;
}