@charset "UTF-8";

html{
    font-size: 62.5%;
    height: 100%;
}

body{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "メイリオ",  "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: #333;
    font-size: 1.5rem;
    font-weight: 500;
    height: 100%;
    background: #fff;
    background-image: url('../img/bg_white.gif');
}

.wrapper{
    display: table;
    width: 100%;
    height: 100%;
}

.table{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.header{
    width: 100%;
    padding: 0 0 10px 0;
    margin: 5px 0;
    font-size: 2.0rem;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.section{
    margin: 10px 0;
    line-height: 2rem;
}

.enter_main > a{
    display: inline-block;
    width: 280px;
    padding: 10px;
    margin: 10px auto;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #dc143c;
    border-radius: 20px;
}

.enter_vids > a{
    display: inline-block;
    width: 280px;
    padding: 10px;
    margin: 10px auto;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #4169e1;
    border-radius: 20px;
}

.enter_main > a:hover, .enter_vids > a:hover{
    text-decoration: underline;
}

.exit > a{
    display: inline-block;
    width: 280px;
    padding: 10px;
    margin: 10px auto;
    text-align: center;
    font-weight: bold;
    background: #f5f5f5;
    border: 1px solid #dc143c;
    border-radius: 20px;
}

.exit > a:hover{
    text-decoration: underline;
}