@charset "UTF-8";

/* ------ all reset ------*/
body {
  margin: 0;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
  -moz-word-wrap: break-word;
  font-size: 14px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #5f3c22;
}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div, select, input, option {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

ul li, ol li {
  list-style: none; }

table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%; }

caption {
  text-align: left; }

table, pre, code, select, input, textarea, kbd, var, ins, del, samp {
  font-size: 100%; }

address, cite, dfn, em, strong, var, th, ins, del, samp {
  font-weight: normal;
  font-style: normal; }

a img {
  border: 0; }

table, pre, code, select, input, textarea, kbd, var, ins, del, samp {
  font-size: 100%; }

input, button {
  word-break: break-all;
  word-wrap: break-word; }

img {
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic; }

  @media screen and (min-width: 320px) and (max-width: 640px) {
    .contents {
      width: 100%; } }
  @media screen and (min-width: 640px) {
    .contents {
      width: 640px; } }
    @media screen and (min-width: 1020px) and (max-width: 1350px) {
    .contents {
      width: 1020px; } }
  @media screen and (min-width: 1350px) and (max-width: 1680px) {
    .contents {
      width: 1360px; } }
  @media screen and (min-width: 1680px) {
    .contents {
      width: 1700px; } }

.header__inner{
  background: #5f3c22;
}

h1{
  color: #e1d4b7;
  padding: 5px 20px;
  display: inline-block;
  float: left;
  font-size: 0.8em;
  vertical-align: middle;
}
h1 a{
  color: #e1d4b7;
}
.sns{
  display: inline-block;
  float: right;
  padding: 10px 0;
  margin-right: 10px;
}
.sns li{
  float: left;
  padding: 0 5px;
}
/*--footer--*/
footer{
  margin: 0 auto;
  text-align: center;
  background:#5f3c22;
  padding: 25px 0;
  color: #e1d4b7;
  font-size: .8em;
}
/* ------ clearfix ------*/

.cf:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

.cf {
    zoom: 1;
}