@charset "utf-8";

/*reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    font-size:100%;
    line-height: 1;
    margin: 0; padding: 0;
    vertical-align:baseline;
}
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
ul, dl { list-style: none; }
a {
    font-size:100%;
    vertical-align:baseline;
}
img { vertical-align: bottom; }
input, button, textarea, select { 
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*clearfix*/
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}

/*layout*/
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; background:#fff; color:#222; font-family: Gill Sans, Arial, Sans-Serif; font-size:16px; -webkit-text-size-adjust: none; }
#wrap { margin: 0 auto; width: 100%; max-width: 750px; /*height: 85%; コンテンツが短いときだけ使用*/ position: relative; }
#wrap #header { margin: 0 auto; position: relative; }
#wrap #header h1 { margin: 0 auto; width: 64.666%; position: absolute; left: 0; right: 0; top: 35.03%; z-index: 3; }

#wrap #contentBox { margin: 40px auto 22px;; position: relative; }
#wrap #contentBox div#btnBox { margin: 0 auto; position: relative; }
#wrap #contentBox div#btnBox a { margin: 0 auto; position: absolute; display: block; width: 41.333%; left: 0; right: 0; top: 55.303%; }
#wrap #contentBox div#dlBox { margin: 0 auto; position: relative; }
#wrap #contentBox div#dlBox ul { margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 27.2%/*26.19%*/; width: 78.4%/*58.333%*/; z-index: 3; display: -webkit-box; display: -webkit-flex; display: flex; 
-webkit-box-pack: justify; /* Anoid4.3以下、Safari3.1〜6.0 */
-webkit-justify-content: space-between; 
justify-content: space-between;
}
#wrap #contentBox div#dlBox ul li { width: 32%; }

#wrap #snsBox { margin: 0 auto; position: relative; }

#wrap ul.sns { position: absolute; margin: 0 auto; left: 0; right: 0; top: 56.1%; z-index: 5; text-align: center; }
#wrap ul.sns li { display: inline; margin: 0 15px; }
#wrap ul.sns li img { height: 26px; }

#wrap #footer { /*width: 100%;*/ margin-top: 60px; padding: 10px 0; text-align: center; }
#wrap #footer p.copyright { font-size: 9px; line-height: 1.5; position: relative; }
#wrap #footer p.copyright span { display: block; margin-right: 3%; text-align: right; }