@charset "UTF-8";
/* EB Garamondは、google webfonts。リュウミンはエックスサーバ */
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, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  font-family: "Alegreya Sans", "Noto Sans JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;
  font-size: 1.9rem;
  font-weight: 100;
  letter-spacing: 0.2em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

body {
  z-index: 1;
}

/*
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: #333;
}

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

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

.en {
  font-family: "Alegreya Sans", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;
  line-height: 38px;
}

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

#wrapper {
  background: url(../images/bg_pattern.jpg) repeat 0 0;
}

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

-----------------------------------------------------------------------------*/
.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: #7d0032;
  color: #fefefe;
}
body ::selection {
  background: #7d0032;
  color: #fefefe;
}

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

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