@charset "UTF-8";

#profile-form > * {margin: auto; text-align: center;}
/* #profile-form {font-size: 1.5rem;} */
#profile-form button,
#profile-result button {background: transparent; border: none; white-space: nowrap;}
#profile-result button:disabled {cursor: progress; filter: contrast(33%);}

#profile-result {text-align: center; padding: 40px; overflow: hidden;}
#profile-result-image, #profile-result-image * {box-sizing: border-box;}
#profile-result-image {margin: auto; width: 1200px; height: 630px; border: 1px solid #cccccc; border-radius: 5px; pointer-events: none; position: relative;}
#profile-result-image .image-container {position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;}
#profile-result-image .image-container::after {content: ""; display: block; clear: both;}
#profile-result-image #header {position: absolute; top: 0; left: 0; right: 0; text-align: center; line-height: 90px; letter-spacing: 0; font-size: 40px;}
/*
#profile-result-image #header .large {font-size: 40px;}
#profile-result-image #header .small {font-size: 28px;}
#profile-result-image #header .bold {font-weight: 600;}
#profile-result-image #header .normal {font-weight: 500;}
*/
#profile-result-image #header {font-family: "Noto Serif", "Sawarabi Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;}

@media all and (max-width: 1200px) {
	#profile-form input, #profile-form select {font-size: 16pt;}
	#profile-result {padding: 0;}
	#profile-result-image {width: calc(1200 / 1200 * 80vw); height: calc(630 / 1200 * 80vw);}
	#profile-result-image #header {line-height: calc(90 / 1200 * 80vw); font-size: calc(40 / 1200 * 80vw);}
	/*
	#profile-result-image #header .large {font-size: calc(40 / 1200 * 80vw);}
	#profile-result-image #header .small {font-size: calc(28 / 1200 * 80vw);}
	*/
}