/**
 * default.css
 * updatedAt: 2018.03.02
 */

/*========================================

  Reset

========================================*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p {margin:0;}
header,footer,nav,main,aside,article,section{display:block}



/*========================================

  override .s5-returnToTop

========================================*/
.s5-returnToTop {
  margin: 0;
}


/*========================================

  html

========================================*/
@media(max-width: 960px) {
  html { font-size: 93.8%; }
}
@media(max-width: 768px) {
  html { font-size: 87.5%; }
}
@media(max-width: 480px) {
  html { font-size: 81.3%; }
}
@media(max-width: 360px) {
  html { font-size: 75%; }
}

/*========================================

  body

========================================*/
body {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-family: sans-serif;
  font-feature-settings : 'palt' 1;
  color: #333;
  background: #141414;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

/*========================================

  Anchor Text

========================================*/
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/*========================================

  Break Set

========================================*/
.b36 { display: none; }
.b48 { display: none; }
.b64 { display: none; }
.b96 { display: none; }
.nb96 { display: block; }
.sep2 { display: none }

@media(max-width:1080px) {
  .b96 { display: block; }
  .nb96 { display: none; }
}
@media(max-width:640px) {
  .b64 { display: block; }
  .nb64 { display: none; }
  .sep { display: block; height:1.5em; content: ""; }
  .sep2 { display: block; height:1.5em; content: ""; }
}
@media(max-width:480px) {
  .b48 { display: block; }
  .nb48 { display: none; }
}
@media(max-width:359px) {
  .b36 { display: block; }
  .nb36 { display: none; }
}

/*========================================

  .footer

========================================*/
.footer {
  overflow: hidden;
  padding: 38px 0;
  background: #1a1a1a;
}
.footer small {
  display: inline-block;
  font-size: 12px;
  line-height: 1.0;
  color: #b0b0b0;
}

@media(max-width:480px) {
  .footer {
    text-align: center;
  }
}

/*========================================

  box-sizing

========================================*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}