/* フッターを下部に固定 */
body{
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr auto;
	min-height: 100vh;
}

/* 改行をそのまま表示 */
.preformatted {
    white-space: pre-wrap;
}

/* 画面遷移時のフェードイン */
body {
    animation: fadeIn 0.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* カスタム幅 */
.max-width-40 {
    max-width: 40px;
}