@charset "UTF-8";
/**
 * トップページ
 *
 * 00.レイアウト
 * 01.スライドショー
 * 02.NEWS
 * 03.お知らせ
 * 04.フッターボタンリスト
 * 05.ページトップ
 *
 */
/* ==========================================================================
   00.レイアウト
   ========================================================================== */
#contents {
  padding-bottom: 32%; }

/* ==========================================================================
   01.スライドショー
   ========================================================================== */
#top-slide {
  background-color: #000;
  text-align: center; }
  #top-slide ul {
    width: 100%; }
    #top-slide ul:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #top-slide ul li {
      float: left;
      opacity: 0.35; }
    #top-slide ul img {
      height: 465px;
      width: 980px; }

.top-slide-nav {
  margin: 0 auto;
  position: relative;
  width: 980px; }
  .top-slide-nav a {
    background: url(img/bg_controls.png) no-repeat left top;
    display: block;
    height: 45px;
    position: absolute;
    top: -270px;
    width: 45px; }
  .top-slide-nav #btn-prev {
    left: -22px; }
  .top-slide-nav #btn-next {
    background-position: -45px top;
    right: -22px; }

#top-slide-pg {
  padding-top: 18px;
  text-align: center; }
  #top-slide-pg a {
    background-color: #e2cc91;
    border-radius: 7px;
    display: inline-block;
    height: 14px;
    margin: 0 5px;
    width: 14px; }
    #top-slide-pg a.selected {
      background-color: #472800; }
    #top-slide-pg a span {
      display: none; }

/* ==========================================================================
   02.NEWS
   ========================================================================== */
#section-news {
  margin-top: 45px; }

.ttl-news {
  text-align: center; }

.lead-news {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center; }

#menubox-wrap {
  letter-spacing: -.40em;
  margin-top: 35px; }

.menubox {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(104, 104, 104, 0.06);
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  margin-bottom: 44px;
  margin-right: 35px;
  height: 462px;
  /*423*/
  padding: 1px;
  position: relative;
  -webkit-transition: background .25s ease;
  -moz-transition: background .25s ease;
  -o-transition: background .25s ease;
  transition: background .25s ease;
  width: 301px;
  vertical-align: top; }
  .menubox:nth-child(3n) {
    margin-right: 0; }
  .menubox .ttl-menubox {
    color: #b79949; }
  .menubox a {
    display: block; }
    .menubox a .ttl-menubox {
      color: #b79949; }
    .menubox a:hover {
      text-decoration: none; }
  .menubox:hover {
    background-color: #fefcf5; }

.icon-menubox {
  position: absolute;
  right: -7px;
  top: -5px;
  z-index: 2; }

.thumb-menubox img {
  height: auto;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  -o-transition: opacity .25s ease;
  transition: opacity .25s ease;
  width: 100%; }

.menubox a:hover .thumb-menubox img {
  opacity: .8; }

.menubox-inner {
  line-height: 1.28;
  padding: 15px 19px; }

.ttl-menubox {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 7px; }

/* ==========================================================================
   03.お知らせ／Likebox
   ========================================================================== */
#info-wrap {
  margin-top: 40px;
  margin-bottom: 40px; }

#top-info {
  float: left;
  width: 590px; }

#ttl-topinfo {
  border-bottom: 2px solid #4f2e00;
  margin-bottom: 15px;
  padding-bottom: 5px; }

.infolist li {
  border-bottom: 1px dashed #c3ac70;
  padding: 10px 0 10px 8em;
  position: relative; }

.date-infolist {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 15.6px;
  font-size: 1.56rem;
  position: absolute;
  left: 0;
  top: 10px;
  color: #b79949; }

#likebox {
  float: right;
  width: 311px; }

/* ==========================================================================
   03.重要なお知らせ
   ========================================================================== */
.emg-info {
  background-color: #fff;
  border: 2px solid #c7102a;
  margin-top: 20px;
  padding: 20px 30px; }
  .emg-info li {
    margin-bottom: 5px;
    padding: 0 0 0 8em;
    position: relative; }
    .emg-info li span.date-infolist {
      color: #c7102a;
      top: 0; }
  .emg-info li:last-child {
    margin-bottom: 0; }

/* ==========================================================================
   04.フッターボタンリスト
   ========================================================================== */
#btn-footlist {
  margin-top: 40px; }
  #btn-footlist li {
    height: 50px;
    line-height: 1;
    margin-left: 19px;
    text-align: center;
    width: 230px; }
    #btn-footlist li:first-child {
      margin-left: 0; }
  #btn-footlist a {
    background-color: #b79949;
    border-radius: 5px;
    display: block;
    -webkit-transition: background .25s ease;
    -moz-transition: background .25s ease;
    -o-transition: background .25s ease;
    transition: background .25s ease;
    padding-bottom: 17px;
    padding-top: 19px; }
    #btn-footlist a:hover {
      background-color: #e4bb4b; }
  #btn-footlist img {
    vertical-align: top; }

/* ==========================================================================
   05.ページトップ
   ========================================================================== */
#pagetop {
  background: url(img/bg_top_footer.jpg) no-repeat center bottom;
  background-size: 100% auto;
  padding-bottom: 18%; }