@charset 'UTF-8';
/**=============================
 *  common
 * ============================= */
body {
  line-height: 1.4;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  color: #0f0f0f;
  position: relative;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


/* --------------------
 *  header
 * -------------------- */
#header {
  background: transparent url(../img/common/header_bg.png) 0 0 repeat;
  border-bottom: 2px solid #9d0f0f;
  height: 78px;
  width: 100%;
  position: relative;
  z-index: 100;
}
:root #header {
  position: fixed;
  z-index: 100;
}
#header .hgroup {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
#header .hgroup h1 {
  display: block;
  padding: 7px 0 0 13px;
  height: 28px;
  width: 205px;
}
#header .hgroup h1 p {
  color: #ffffff;
  font-size: 12px;
}
#header .hgroup h1 a {
  display: block;
}
#header .hgroup .percian_link {
  position: absolute;
  right:276px;
  top: 0;
  height: 61px;
  width: 185px;
}
#header .hgroup .percian_link a {
  display: block;
  height: 61px;
  width: 185px;
}
#header .hgroup .contact_link {
  position: absolute;
  right:0;
  top: 0;
  height: 91px;
  width: 266px;
}
#header .hgroup .contact_link a {
  display: block;
  height: 91px;
  width: 266px;
}


/* --------------------
 *  container
 * -------------------- */
.container {
  margin: 0 auto;
  padding: 80px 0 90px;
  width: 1000px;
}
.container .btnArea {
  text-align: center;
}


/* --------------------
 *  footer
 * -------------------- */
#footer {
  background: transparent url(../img/common/header_bg.png) 0 0 repeat;
  color: #fff;
  height: 68px;
  line-height: 1;
  text-align: center;
  padding: 10px 0 0;
}
#footer a {
  color: #fff;
}
#footer .nav {
  margin: 0 auto;
  font-size: 16px;
  width: 1000px;
}
#footer .copy {
  padding: 10px 0 0;
  font-size: 14px;
}


/*
 * sofa
 * ==================== */
.sofa-caution{
  width: 820px;
  margin: 5% auto;
}

.sofa-caution strong{
  color: #C80C00;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  display: block;
  background: #fff;
}

a.sofa-btn {
  background: #C80C00 url(../img/common/blank-icon.png) no-repeat 80% 50% / 30px auto;
  color: #fff;
  border-radius: 10px;
  display: block;
  padding: 30px 0;
  border: 4px solid #ffe000;
  font-size: 28px;
  font-weight: bold;
  margin: 10px 0 0;
  text-align: center;
}

a.sofa-btn:hover{
  text-decoration: none;
  opacity: 0.8;
}

@media screen and (max-width: 736px){

  .sofa-caution {
    width: 96%;
  }

  .sofa-caution strong {
      font-size: 4.5vw;
  }

  a.sofa-btn {
      background: #C80C00 url(../img/common/blank-icon.png) no-repeat 97% 50% / 20px auto;
      color: #fff;
      border-radius: 6px;
      display: block;
      padding: 5% 3%;
      border: 2px solid #ffe000;
      font-size: 5vw;
      font-weight: bold;
      margin: 4% 0 0;
      text-align: left;
  }
}