@charset "UTF-8";
/**
* YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
* http://cssreset.com
* Copyright 2012 Yahoo! Inc. All rights reserved.
* http://yuilibrary.com/license/
*/
/*
TODO will need to remove settings on HTML since we can't namespace it.
TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
  background: #FFF;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-weight: 500;
  font-size: 12px;
  background: #ececec; }

/*
TODO remove settings on BODY since we can't namespace it.
*/
/*
TODO test putting a class on HEAD.
- Fails on FF.
*/
.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  text-align: center;
  margin: auto;
  min-width: 360px;
  width: 100%; }
  .wrapper .big {
    font-size: 14px;
    font-weight: bold; }
  .wrapper img {
    max-width: 160px;
    margin: 0 0 3em 0; }
  .wrapper ul {
    text-align: left; }
    .wrapper ul li span {
      display: table-cell;
      -moz-text-align-last: justify;
      text-align-last: justify;
      text-justify: inter-ideograph;
      width: 70px;
      margin: 0 30px 0 0;
      font-weight: bold;
      float: left; }
    .wrapper ul li p {
      display: block;
      margin: 0 0 10px 0;
      padding: 0px 0;
      overflow: auto;
      zoom: 1; }

main,
article,
section {
  display: block; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.cf:after {
  clear: both;
  content: "";
  display: block; }

/*
TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ''; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none; }