/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html, body {
  width: 100%;
  height: 100%;
  min-width: 600px;
  background-color: #fff; }

a:hover {
  transition: all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
  opacity: 0.7; }

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 99999; }
  #loading .loading_icon {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px; }

#wrapper {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding-bottom: 82px;
  box-sizing: border-box;
  overflow: hidden; }

#header {
  padding-top: 9%; }
  #header img {
    width: 100%;
    height: auto; }
  #header .date {
    width: 30%;
    margin: 0 auto -3%; }
  #header .eyes {
    width: 100%;
    position: relative; }
    #header .eyes .eyes_default {
      position: relative; }
    #header .eyes .inner {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
      #header .eyes .inner .mark_left {
        background-image: url(../img/mark.png);
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
        width: 25%;
        height: 100%;
        position: absolute;
        left: 5%;
        top: 1.5%; }
      #header .eyes .inner .mark_right {
        background-image: url(../img/mark.png);
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
        width: 25%;
        height: 100%;
        position: absolute;
        right: 5%;
        top: 1.5%; }
  #header .catch {
    width: 49%;
    margin: -3% auto 3%; }
  #header .next {
    width: 31%;
    margin: 0 auto 1%; }

/*#main{
	width: 512px;
	margin: 0 auto;

	#count{
		font-size: 0;
		margin-top: 5%;

		li{
			width: 24%;
			font-size: 20px;
			display: inline-block;
			text-align: center;
			border-right: 2px solid;

			&:last-child{
				border-right: 0;
			}

			.num{
				font-weight: bold;
				font-family: Impact;
				font-size: 70px;
				line-height: 4rem;
			}

			.day{
				height: 32px;

				img{
					vertical-align: bottom;
				}

			}

		}

	}

}*/
#footer {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -244px; }
  #footer #inner {
    font-size: 0; }
    #footer #inner li {
      font-size: 12px;
      display: inline-block; }
      #footer #inner li:nth-child(1) {
        margin-right: 10px; }
      #footer #inner li:nth-child(2) {
        margin-right: 5px; }
      #footer #inner li:nth-child(3) {
        margin-right: 7px; }

/*# sourceMappingURL=main.css.map */