@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond");

@charset "UTF-8";
/* Common CSS */
/* _setting CSS */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  background: #f3f3f3;
  -webkit-text-size-adjust: 100%;
  font-size: 11px;
}

/* ___________________Font */
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 {
  color: #797878;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana;
  margin: 0;
  padding: 0;
  font-size: 25.6px;
  font-size: 25.6px;
  font-size: 25.6px;
  font-size: 1.6rem;
}

/* ___________________Link */
a {
  color: #797878;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  cursor: pointer;
}
a:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

ul {
  list-style-type: none;
}

img {
  width: 100%;
  height: auto;
}

#header {
  width: 100%;
  text-align: center;
}
#header h1 {
  width: 100%;
  line-height: 70px;
  text-align: center;
  font-size: 25.6px;
  font-size: 25.6px;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
}

#footer {
  padding: 20px 0;
}
#footer .copyright {
  font-size: 10px;
  text-align: center;
}

/* Desktops and laptops */
/* Smartphones (portrait and landscape) */
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }

  /* ___________________Smartphones Layout */
  /* ___________________Smartphones header */
}