@charset "UTF-8";
html {
  font-size: 62.5%;
  /*remに対応するための標準サイズ*/
  overflow-y: scroll;
}

html.small {
  overflow-y: scroll;
  font-size: 50%;
  /*小サイズ*/
}

html.big {
  overflow-y: scroll;
  font-size: 87.5%;
  /*大サイズ*/
}

hr {
  display: none;
}

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

body,
dd,
div,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0;
  font-family: "Rokkitt", "Noto Serif JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, serif;
  font-size: 1.7rem;
  font-weight: 100;
  letter-spacing: 0.15em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #777;
}

body {
  background: #111 url("../images/bg_pattern.png") repeat 0 0;
  z-index: 1;
  overflow-y: scroll;
}

/*
Reset: border propaty*/
img {
  border: 0;
}

/*
Reset: List selector*/
ol,
ul {
  list-style: none;
}

/*
Reset: font propaty*/
address {
  font-style: normal;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #eee;
}

a:link, a:visited {
  text-decoration: none;
  color: #eee;
}

a:active,
a:hover {
  text-decoration: none;
  color: #845842;
}

.en,
.ja {
  line-height: 38px;
}

.en {
  font-family: "Rokkitt", "Noto Serif JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, serif;
}

.ja {
  font-family: "Noto Serif JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, serif;
  font-size: 1.4rem;
}

.smallcopy {
  font-size: 1.5rem;
}

/*-----------------------------------------------------------------------------

-----------------------------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-Mac */
/*--------------------------------------------------------------------
body
----------------------------------------------------------------------*/
/*▼テキストハイライトの設定*/
body ::-moz-selection {
  background: #845842;
  color: #eee;
}
body ::selection {
  background: #845842;
  color: #eee;
}

/*--------------------------------------------------------------------
Media Query
----------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
  .en {
    font-size: 2rem;
  }

  .ja {
    font-size: 1.6rem;
  }
}