body { background-color: #f0ffff;
 background-size: cover;
 background-attachment: fixed;
 background-position: center;
}
header { background-color: #ffffcc;
 margin: 0px 0px 24px;
 padding: 1px;
}
h1 { text-align: center;
 text-shadow: 0px 1px 1px #ffffff,
 1px 2px 1px #f8f8f8,
 2px 4px 1px #b7b7b7,
 3px 6px 1px #b0b0b0,
 4px 8px 1px #676767,
 5px 9px 1px #606060;
}
main { text-align: center;
 margin: 24px 0px 0px;
}
footer { text-align: center;
 margin: 50px 0px 0px;
}
.seihoukei { text-align: center;
 width: 960px; height: 960px;
 transition: 0s ease-in-out 0s;
}
.seihoukei:hover { text-align: center;
 width: 1152px; height: 1152px;
}
.tate { text-align: center;
 width: 640px; height: 960px;
 transition: 0s ease-in-out 0s;
}
.tate:hover { text-align: center;
 width: 768px; height: 1152px;
}
.yoko { text-align: center;
 width: 960px; height: 640px;
 transition: 0s ease-in-out 0s;
}
.yoko:hover { text-align: center;
 width: 1152px; height: 768px;
}
p { text-align: center;
 line-height: 130%;
 margin: 10px 0px;
 font-family: sans-serif;
 font-size: 2rem;
 font-weight: bold;
}
nav{ text-align: center;
 margin: 10px 20px 40px;
}
a { font-size: 25px;
 font-weight: bold;
 text-align: center;
}
table { text-aligin: center;
 padding: 0;
 margin: 0 auto;
 }
td { border: solid medium;
}
button { width: 1000px; height: 1000px;
}

img { max-width: 100%; height: auto;
}