@charset "utf-8";

/* ------------------------------------------------ */
/* 汎用
/* ------------------------------------------------ */

html, body {
    height: 100%;
}

html {
    /* 基本フォント */
    font-family: Meiryo, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

<!--
body {
    overflow-x: hidden;
    font-size: 1.00rem;
}
-->

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes @fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.msg{
    display: table-cell;
    width: 100vw;
    height:100vh;
    text-align:center;
    vertical-align: middle;;
}

h1 { font-size: 2.00rem; }
h2 { font-size: 1.50rem; }
h3 { font-size: 1.25rem; }

h1, h2, h3, p, ul {
    margin: 0 0 0 0;
}

table {
    width: 100%;
}

.container {
    height: 100%;
    padding-right: 8px;
    padding-left: 8px;
}

.flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.flexbox>* {
    flex: 1 1 auto;
}

/* ------------------------------------------------ */
/* ラッパー
/* ------------------------------------------------ */

#wrapper {
    position: relative;
    height: 100%;
}

/* clearfix */
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/* ヘッダー */
header{
    max-width: 1024px;
    text-align: left;
    margin: 0 auto;
    padding:25px 0;
}

/* フッター */
footer{
    font-size: 12px;
    max-width: 1024px;
    margin: 0 auto;
    padding:25px 0;
}
footer span{
    line-height: 150%;
    float: left;
    display: inline-block;
    text-align: left;
}
footer img{
    float: center;
}



/* ------------------------------------------------ */
/* コンテンツ
/* ------------------------------------------------ */

div.row {
    margin: 32px;
}

div.item {
    padding: 8px 0;
    font-weight: bold;
}

.error {
    color: #CC0000;
}

/* ------------------------------------------------ */
/* レスポンシブ対応
/* ------------------------------------------------ */

/* ラップトップ（横幅 ～1024px まで） */
@media screen and (max-width: 1024px) {
}

/* タブレット（横幅 ～768px まで） */
@media screen and (max-width: 768px) {
}

/* スマートフォン-L（横幅 ～425px まで） */
@media screen and (max-width: 425px) {
}

/* スマートフォン-M（横幅 ～375px まで） */
@media screen and (max-width: 375px) {
}

/* スマートフォン-S（横幅 ～320px まで） */
@media screen and (max-width: 320px) {
}