input[type=text] {
	font-size: 16px;
	width: 100%;
	height: 32px;
}

textarea {
	font-size: 16px;
	width: 100%;
	height: 128px;
	padding: 4px;
}

input[type=button] {
	font-size: 1em;
	width: 128px;
	height: 48px;
	margin-right: 4px;
}

div.inputs {
	margin-right: 1em;
}

.placeholder {
	padding: 8px;
}

img.preview {
	width: 256px;
	height: 256px;
	border-color: gray;
	border-width: thin;
	border-style: solid;
	object-fit: cover;
}
@media (min-width: 512px) {
	img.preview {
		width: 512px;
		height: 512px;
	}
}

iframe.script {
	width: 100%;
	height: 256px;
	border-style: none;
}
@media (min-width: 512px) {
	iframe.script {
		height: 512px;
	}
}

body {
	color: #b9b9ba;
	background-color: #121a24;
}

a:link {
	color: #d8a070;
}

a:visited {
	color: #baaa9c;
}

input[type=button] {
	color: #b9b9ba;
	background-color: #182230;
	border-color: #d8a070;
	border-style: solid;
	border-width: thin;
	border-radius: 8px;
}

input[type=button][disabled=disabled] {
	border-color: #b9b9ba;
}

input[type=button]:hover {
	cursor: pointer;
}

input[type=button][disabled=disabled]:hover {
	cursor: default;
}

input[type=text] {
	color: black;
	background-color: #d9e1e8;
}

textarea[readonly=readonly] {
	color: #b9b9ba;
	background-color: #121a24;
	border-color: #b9b9ba;
	border-style: solid;
	border-width: thin;
}


textarea {
	color: black;
	background-color: #d9e1e8;
}

.placeholder {
	border-color: #b9b9ba;
	border-style: solid;
	border-width: thin;
}

a.mystery {
	font-size: 150%;
}

span.mystery {
	font-size: 200%;
}

div.preview {
	border-color: gray;
	border-width: thin;
	border-style: solid;
	padding: 8px;
}

pre {
	font-family:'ＭＳ Ｐゴシック',IPAMonaPGothic,Mona;
}