@CHARSET "UTF-8";

/* 記録証ダウンロードサイト用スタイルシート */

/*=======================================*/
/* margin, paddingの初期化               */
/*=======================================*/
* {
    margin: 0px;
    padding: 0px;
    border: none;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    font-family: "Avenir Next", "Droid Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", "MS Pゴシック", Verdana, Roboto, "游ゴシック", YuGothic, Meiryo,  "Hiragino Kaku Gothic ProN", sans-serif;
    background-color: #ffffff;
}


/*=======================================*/
/* スマホ対応用                          */
/*=======================================*/
article, aside, canvas, details, figcaption, figure, header, footer, main, menu, nav, section, summary {
    display: block
}

/*=======================================*/
/* img共通設定                           */
/*=======================================*/
img { border: none; }

/*=======================================*/
/* ul共通設定                            */
/*=======================================*/
ul { list-style-type: none; }

/*=======================================*/
/* a共通設定                             */
/*=======================================*/
a:link { text-decoration: none; }

h1, p { max-height: 100%; }

/*=======================================*/
/* #wrapper                              */
/*=======================================*/
#wrapper { width: 100%; }

/*=======================================*/
/* header                                */
/*=======================================*/
header {}

header h1 {
    background-color: #eee;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 10px;
    padding: 12px 0 7px; /* 上 左右 下 */
}

header p {
    color: #333;
    margin: 0 15px;
    text-align: center;
}

header p:nth-of-type(1) {
    width: 800px;
    margin: 20px auto;
}

header p:nth-of-type(1) img { 
    width: 800px;
}

/*** 大会名と開催日の見出し ***/
header p:nth-of-type(2), header p:nth-of-type(4) {
    background-color: #f0f0f0;
    width: 800px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    margin: 3px auto 5px;
    padding: 4px 0 3px;
    /*border-bottom: solid 2px #ddd;*/
}

/*** 大会名と開催日 ***/
header p:nth-of-type(3), header p:nth-of-type(5) {
    /*background-color: #0f0;*/
    width: 800px;
    margin: auto;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

/*=======================================*/
/* #contents                             */
/*=======================================*/
#contents {
    /*background-color: #0f0;*/
    width: 800px;
    margin: 25px auto 20px;
    padding: 15px 0px;
    border: 2px solid #dddddd;
    background-color: #fafafa;
}

#contents p {
    text-align: center;
}

#contents p.caption {
    font-size: 11px;
    font-size: 1.1rem;
}

#contents p.no {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 5px 0;
}

#contents p span.err {
    color: #f00;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 5px 0;
}


#contents form p:last-child {
    margin-top: 5px;
}

#contents form input[type=number] {
    width: 85px;
    padding: 5px 14px;
    font-size: 20px;
    font-size: 2.0rem;
    text-align: center;
    border: solid 1px #ddd;
}

#contents form input[type=submit] {
    width: 115px;
    padding: 13px 0 9px; /* 上 左右 下 */
    /*font-family: "Avenir Next", "Droid Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", "MS Pゴシック", Verdana, Roboto, "游ゴシック", YuGothic, Meiryo,  "Hiragino Kaku Gothic ProN", sans-serif;*/
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    border: solid 1px #ddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -ms-linear-gradient(top, #fff, #eee);
    cursor: pointer;
}

/*=======================================*/
/* footer                               */
/*=======================================*/
footer {
    width: 800px;
    margin: auto;
}

footer p {
    margin: 0 15px;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    color: #666;
}

/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px ) {

    header p:nth-of-type(1), header p:nth-of-type(1) img,
    header p:nth-of-type(2), header p:nth-of-type(4),
    header p:nth-of-type(3), header p:nth-of-type(5) {
        width: 100%
    }

    /*** 大会名と開催日の見出し ***/
    header p:nth-of-type(2), header p:nth-of-type(4),
    header p:nth-of-type(3), header p:nth-of-type(5) {
        font-size: 14px;
        font-size: 1.4rem;
    }

    #contents {
        width: 99%;
        margin: 10px auto 20px;
    }

    footer {
        width: 100%;
    }

}