@charset "utf-8";

* {
    font-family: Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, Sans-Serif;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
    list-style: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
input, textarea {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
strong, b, strong *, b * {
    font-weight: bold;
}

a:focus {
    outline: none;
}
textarea, seletct, input {
    outline: none;
}

*:focus {
    outline: none;
}
* {
    outline: none;
}

/*-clear_fix-*/
.cfix::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.cfix {
    min-height: 1px;
}
* html .cfix {
    height: 1px;
    /*\*/
    /*/
    height: auto;
    overflow: hidden;
    /**/
}

.both {
    clear: both;
}
.inline_block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
a img:hover {
    border: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    background: transparent;
    position: relative;
    z-index: 1;
    border: none;
}
select::-ms-expand {
    display: none;
}
/* =================================================================== */
html {
    height: 100%;
}
body {
    background: #000;
    color: #666;
    font-size: 80%;
    text-align: center;
    height: 100%;
}
#wrapper {
    width: 100%;
    position: relative;
    height: auto !important;
    min-height: 100%;
}
#wrapper.global {
    overflow: hidden;
}
#meta_header {
    max-width: 980px;
    margin: auto;
    text-align: right;
    overflow: hidden;
    height: 36px;
}
#meta_header>#konami img {
    width: 140px;
    display: block;
}
#wrapper>header {
    margin-bottom: 25px;
}
#wrapper.global>header>h1 {
    padding-top: 50px;
}
#wrapper.global>header>h1 img {
    width: 100%;
    max-width: 560px;
}
#wrapper>main {
    padding-bottom: 8%;
}
#certification {
    max-width: 340px;
    margin: auto;
    text-align: left;
    padding: 0 2%;
}
#certification *{
    text-align:center;
}
#certification input {
    background: #990014;
    border-radius: 5px;
    padding: 15px 100px;
    font-size: 20px;
    color: #fff;
    border: none;
}
#certification dl {
    margin-bottom: 35px;
}
#certification dl dt {
    text-align:center;
    margin-bottom: 5px;
    font-size: 24px;
    color: #fff;
}
#countries_and_regions label {
    position: relative;
    display: inline-block;
    border: 1px solid #777;
    border-radius: 5px;
    margin-left: 1em;
    background-color: #111;
}
#countries_and_regions label::before {
    position: absolute;
    content: "";
    top: 47%;
    right: 4%;
    width: 0px;
    height: 0px;
    margin: -2px 0 0 0;
    border: 8px solid transparent;
    border-top: 10px solid #fff;
}
#id_birth_date_area dd label {
    position: relative;
    display: inline-block;
    border: 1px solid #777;
    border-radius: 5px;
    margin: 0 0.3em;
}
#certification dl dt span {
    display: inline-block;
    color: #c11;
}
#countries_and_regions select,
#id_birth_date_area select {
    font-size: 20px;
    padding: 5px 2em 3px 1em;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}
#id_birth_date_area dd select {
    color: #fff;
    font-size: 24px;
    padding: 5px 1.5em 3px 0.5em;
}
#countries_and_regions select option,
#id_birth_date_area select option {
    background-color: #111;
}
#id_birth_date_area dd label::before {
    position: absolute;
    content: "";
    top: 47%;
    right: 4%;
    width: 0px;
    height: 0px;
    margin: -2px 0 0 0;
    border: 8px solid transparent;
    border-top: 10px solid #fff;
}
#wrapper.global footer {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 0%;
}
#konami_footer {
    margin: auto;
    text-align: center;
    padding: 1em;
}
#wrapper.global small {
    display: inline-block;
    padding-bottom: 5px;
}
.errortext {
    color: #c11;
    padding: 0.5em;
}
@media screen and (max-width:750px) {
    #meta_header {
        height: 30px;
    }
    #meta_header>#konami img {
        width: 116px;
    }
    #wrapper>header {
        margin-bottom: 3%;
    }
    #wrapper.global>header>h1 {
        padding-top: 13%;
        width: 70%;
        margin: 0 auto;
    }
    #certification {
        max-width: 500px;
        margin: auto;
        text-align: left;
        padding: 0 2%;
    }
    #certification dl {
        margin-bottom: 12%;
    }
    #certification dl dt {
        margin-bottom: 1%;
        font-size: 5vw;
    }
    #konami_footer {
        margin: 0 -1.5%;
    }
    #wrapper.global footer small {
        float: none;
        display: block;
        text-align: center;
        font-size: 3.5vw;
        padding: 1% 0;
    }
    #countries_and_regions label {
        margin-left: 0;
    }
    #countries_and_regions select, #id_birth_date_area dd select {
        font-size: 4.8vw;
        padding: 0.3em 2em 0.2em 1em;
    }
}

/* =========================================================================================
 window幅：726px以下のスタイル ※変更したいスタイルだけ残して下さい
========================================================================================= */
@media screen and (max-width:726px){
    #meta_header {
        height: 30px;
    }
    #meta_header>#konami img {
        width: 116px;
    }
    #wrapper>header {
        margin-bottom: 3%;
    }
    #wrapper.global>header>h1 {
        padding-top: 13%;
        width: 70%;
        margin: 0 auto;
    }
    #certification {
        max-width: 500px;
        margin: auto;
        text-align: left;
        padding: 0 2%;
    }
    #certification dl {
        margin-bottom: 12%;
    }
    #certification dl dt {
        margin-bottom: 1%;
        font-size: 5vw;
    }
    #konami_footer {
        margin: 0 -1.5%;
    }
    #wrapper.global footer small {
        float: none;
        display: block;
        text-align: center;
        font-size: 3.5vw;
        padding: 1% 0;
    }
    #countries_and_regions label {
        margin-left: 0;
    }
    #countries_and_regions select, #id_birth_date_area dd select {
        font-size: 4.8vw;
        padding: 0.3em 2em 0.2em 1em;
    }
}
