@charset "utf-8";

/*	Reset	*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, backquote, th, td, caption, button
{ margin: 0; padding: 0; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; background: #fff; }
body { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 18px; line-height: 2em; }
body, div, button, p, table, tr, th, td { box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, p, a, input, button, table, tr, caption, td, th, img, svg, object, ul, ol, li { touch-action: manipulation; }
button { outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


body { background-image: url(../img/back01.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; }
a { color: #D97000; }

.p_message { width: 96%; margin: 20px auto 0; max-width: 800px; text-align: center; padding-top: 50px; padding-bottom: 50px; color: #427B64; background-color: rgba(255,255,255,0.7); border-radius: 16px; }
.p_countdown { width: 100%; text-align: center; margin-top: 30px; font-size: 1em; color: #333; }
.p_footer { position: absolute; width: 100%; height: 50px; line-height: 50px; top: 100%; margin-top: -50px; text-align: center; font-size: 0.8em; }