@import url('../assets/vendor/fonts/DelaGothicOne-Regular.ttf');
/* Dela Gothic One */
@import url('../assets/vendor/fonts/ReggaeOne-Regular.ttf');
/* Reggae One */
@import url('../assets/vendor/fonts/KosugiMaru-Regular.ttf');
/* Kosugi Maru */
@import url('../assets/vendor/fonts/KaiseiTokumin-Regular.ttf');
/* Kaisei Tokumin */
@import url('../assets/vendor/fonts/RampartOne-Regular.ttf');
/* Rampart One */
@import url('../assets/vendor/fonts/NotoSerifJP-Regular.otf');
/* Noto Serif JP */

/* ニュートップデザイン */

/* アートボード */
body{
    width: 1200px;
    margin: auto;
    font-family: "Noto Serif JP", sans-serif;
    font-size: 14px;
}
h1{
    font-size: 14px;
}
/* テーブル */
.table{
    display: table;
}
.table-row{
    display: table-row;
}
.table-cell{
    display: table-cell;
}
.table-cell-cm{
    text-align: center;
    vertical-align: middle;
}

/* ヘッダー */
header{
    width: 1200px;
}

/* メインコンテンツ */
.table-main-left{
    width: 700px;
    padding: 20px;
}
.table-main-right{
    width: 200px;
    padding: 20px;
}
/* エラーテキスト */
.errtxt{
    color: #ff0000;
}

.header-text{
    text-align: left;
    line-height: 5px;
    vertical-align: middle;
    width: 35%;
}
.header-sitename{
    text-align: center;
    font-size: 40px;
    width: 30%;
    & a:hover{
        text-decoration: none;
    }
    & a{
        color:black;
    }
}
.header-login{
    width: 35%;
    text-align: center;
    vertical-align: middle;
    & input{
        width: 150px;
    }
    & button{
        width: 80px;
        font-size: 12px;
    }
    .lerr{
        color: #ff0000;
    }
    & p{
        line-height: 5px;
    }
}
.header-area-text{
    & div{
        border-top: 1px solid;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 1px solid;
        width: 100%;
        vertical-align: middle;
        height: 22px;
    }
}

/* アカウント申し込み */
a.btn_03 {
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    margin: auto;
    padding: 1rem 1rem;
    font-weight: bold;
    border: 2px solid #27acd9;
    color: #27acd9;
    border-radius: 20px;
    transition: 0.5s;
}
a.btn_03:hover {
	color: #fff;
	background: #27acd9;
    text-decoration: none;
}
.account_app{
    margin-bottom: 10px;
}

.account_err{
    & p{
        color: #ff0000;
    }
}