@font-face {font-family: 'Font-Thin';src: url('font/NotoSansJP-Thin.otf') format('truetype');}
@font-face {font-family: 'Font-Light';src: url('font/NotoSansJP-Light.otf') format('truetype');}
@font-face {font-family: 'Font-Regular';src: url('font/NotoSansJP-Regular.otf') format('truetype');}
@font-face {font-family: 'Font-Medium';src: url('font/NotoSansJP-Medium.otf') format('truetype');}
@font-face {font-family: 'Font-Black';src: url('font/NotoSansJP-Black.otf') format('truetype');}
@font-face {font-family: 'Font-Bold';src: url('font/NotoSansJP-Bold.otf') format('truetype');}

.fbs_part {background-color: #FFD253;}
.fbs_okay {background-color: #008080;}
.fbs_open {background-color: #9E9E9E;}

.bold {
	font-weight: bold;
	background-color: white;
}

input[type="radio"], input[type="checkbox"] {
	border: 1px solid #BBBBBB;
	margin-top: 0.5em;
}

h5 {
	font-size: 1.1em;
	margin: 1em 0 0.5em 1em;
}

.bronze {
	width: 18vw;
	height: 8vw;
	background-color: white;
	box-shadow: 0.2vw 0.2vw 0.2vw #E6E6E5;
	margin-bottom: 1.7vw;
	margin-right: 1.7vw;
	cursor: pointer;
	border: 1px solid silver;
	display: inline-block;
}

.flex {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex img {
	position: absolute;
	max-width: 15vw;
	max-height: 6vw;
	vertical-align: middle;
	text-align: center;
}

.clipped {
	clip:rect(0 100vw 25vw 0);
}