@charset "UTF-8";
/******* mixin.scss *******/
/*link color*/
/*opacity*/
/*position absolute*/
/*border-radius*/
/*ベンダープレフィックス*/
/*明朝体*/
/*コンテンツwidth*/
/*main-width*/
/*ボーダー*/
/*背景色*/
/*よく使う色*/
/*ボタン*/
/*タイトルバー*/
/*コンテンツの背景*/
/*
TOPページ用CSS
*/
#wrapper {
  background: url(img/common/header_bg.jpg) 0 top repeat-x, url(img/common/footer_bg.jpg) 0 bottom repeat-x, url(img/common/wrapper_bg.jpg) 0 0 repeat; }

/*-----------------------------------------------------------------
メインビジュアル
-----------------------------------------------------------------*/
#mainVisual {
  padding-top: 18px;
  margin-bottom: 40px;
  background: url(img/top/slider_bg02.jpg) center 0 no-repeat, url(img/top/slider_bg01.png) 0 0 repeat-x; }
  #mainVisual .sliderWrap {
    width: 1165px;
    height: 476px;
    margin: 0 auto 16px;
    position: relative; }
    #mainVisual .sliderWrap #sevenDaysAWeek {
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 1; }
    #mainVisual .sliderWrap #slider {
      position: relative;
      z-index: 0; }
      #mainVisual .sliderWrap #slider .detail {
        position: absolute;
        top: 30px;
        right: 0;
        z-index: 999; }
  #mainVisual .thumbWrap {
    height: 120px;
    padding-top: 15px;
    background: url(img/common/bg01.jpg) 0 0 repeat; }
    #mainVisual .thumbWrap #sliderThumb {
      width: 1004px;
      margin: 0 auto;
      overflow: hidden; }
      #mainVisual .thumbWrap #sliderThumb .slick-track {
        left: 0 !important;
        transition: none !important;
        transform: none !important; }
      #mainVisual .thumbWrap #sliderThumb li {
        width: 236px !important;
        margin-right: 20px !important;
        background-color: #fff; }
        #mainVisual .thumbWrap #sliderThumb li:last-child {
          margin-right: 0 !important; }
        #mainVisual .thumbWrap #sliderThumb li:hover img {
          cursor: pointer;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #mainVisual .thumbWrap #sliderThumb li:hover img:hover {
            opacity: 0.7;
            filter: alpha(opacity=70);
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease; }
        #mainVisual .thumbWrap #sliderThumb li.slick-current img {
          opacity: 0.7;
          -moz-opacity: 0.7;
          filter: alpha(opacity=70);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #mainVisual .thumbWrap #sliderThumb li.slick-current img:hover {
            opacity: 0.7;
            filter: alpha(opacity=70);
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease; }

/*-----------------------------------------------------------------
sec01
-----------------------------------------------------------------*/
#sec01 {
  margin-bottom: 45px;
  background: url(img/top/sec01_bg.jpg) center 259px no-repeat;
  /* 新着情報 */
  /*気兼ねなく、ゆったりと。「癒し」と「安らぎ」の快適空間。*/ }
  #sec01 #info {
    width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    background: url(img/common/sec_bg01_title.jpg) 0 0 no-repeat, url(img/common/sec_bg01_under.jpg) 0 bottom no-repeat, url(img/common/sec_bg01_middle.png) 0 0 repeat-y;
    overflow: hidden;
    padding-bottom: 27px;
    margin-bottom: 20px; }
    #sec01 #info h3 {
      height: 91px;
      padding: 36px 0 0 35px;
      margin-bottom: 25px; }
    #sec01 #info ul {
      width: 1070px;
      margin: 0 auto; }
      #sec01 #info ul li {
        height: 30px;
        margin-bottom: 20px;
        overflow: hidden; }
        #sec01 #info ul li p {
          float: left; }
          #sec01 #info ul li p.cat {
            margin-right: 18px; }
            #sec01 #info ul li p.cat a {
              display: block;
              width: 140px;
              height: 30px;
              background: url(img/common/info_cat_bg.png) 0 0 no-repeat;
              line-height: 30px;
              text-align: center;
              font-size: 12rem;
              font-weight: bold;
              color: #fff;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
              #sec01 #info ul li p.cat a:hover {
                color: #fff; }
              #sec01 #info ul li p.cat a:hover {
                opacity: 0.7;
                filter: alpha(opacity=70);
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease; }
          #sec01 #info ul li p.newIcon {
            padding-top: 2px; }
            #sec01 #info ul li p.newIcon img {
              display: inline-block;
              margin-right: 10px; }
          #sec01 #info ul li p.date {
            margin-right: 20px;
            line-height: 30px;
            font-size: 16rem; }
        #sec01 #info ul li h4 a {
          line-height: 30px;
          font-weight: bold;
          font-size: 16rem; }
    #sec01 #info .btn {
      text-align: right;
      padding-right: 24px; }
      #sec01 #info .btn a img {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #sec01 #info .btn a img:hover {
          opacity: 0.7;
          filter: alpha(opacity=70);
          -webkit-transition: all 0.4s ease;
          -moz-transition: all 0.4s ease;
          -ms-transition: all 0.4s ease;
          -o-transition: all 0.4s ease;
          transition: all 0.4s ease; }
  #sec01 #intro {
    width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    background: url(img/common/sec_bg01_title.jpg) 0 0 no-repeat, url(img/common/sec_bg01_under.jpg) 0 bottom no-repeat, url(img/common/sec_bg01_middle.png) 0 0 repeat-y;
    overflow: hidden;
    padding-bottom: 6px;
    margin-bottom: 20px; }
    #sec01 #intro h3 {
      height: 91px;
      padding: 36px 0 0 35px;
      margin-bottom: 25px; }
    #sec01 #intro ul {
      padding: 0 24px 35px;
      background: url(img/top/sec01_intro_bg.jpg) right bottom no-repeat;
      overflow: hidden; }
      #sec01 #intro ul li {
        width: 549px;
        height: 321px;
        position: relative; }
        #sec01 #intro ul li p {
          position: absolute;
          right: 0;
          bottom: 10px; }
          #sec01 #intro ul li p a img {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            #sec01 #intro ul li p a img:hover {
              opacity: 0.7;
              filter: alpha(opacity=70);
              -webkit-transition: all 0.4s ease;
              -moz-transition: all 0.4s ease;
              -ms-transition: all 0.4s ease;
              -o-transition: all 0.4s ease;
              transition: all 0.4s ease; }
        #sec01 #intro ul li:first-child {
          float: left; }
        #sec01 #intro ul li:last-child {
          float: right; }

/*-----------------------------------------------------------------
sec02
-----------------------------------------------------------------*/
#sec02 {
  padding: 35px 0 50px;
  background: url(img/common/bg01.jpg) 0 0 repeat; }
  #sec02 .container {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden; }
  #sec02 #calendar {
    float: left;
    width: 870px; }
    #sec02 #calendar .calWrap {
      padding: 25px 20px 35px;
      background-color: #fff;
      position: relative; }
      #sec02 #calendar .calWrap .event-calendar a {
        transition: all 0.4s ease; }
        #sec02 #calendar .calWrap .event-calendar a:hover {
          opacity: 0.7; }
      #sec02 #calendar .calWrap .event-calendar .current {
        text-align: center; }
        #sec02 #calendar .calWrap .event-calendar .current img {
          max-width: 100%; }
      #sec02 #calendar .calWrap .event-calendar .next {
        text-align: right;
        margin-top: 16px; }
        #sec02 #calendar .calWrap .event-calendar .next a {
          display: inline-block;
          background-color: #990000;
          height: 49px;
          line-height: 49px;
          color: #fff;
          border-radius: 24.5px;
          padding: 0 24px;
          font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif; }
  #sec02 .bn {
    float: right;
    width: 272px;
    padding-top: 13px; }
    #sec02 .bn li a img {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #sec02 .bn li a img:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }
    #sec02 .bn li:nth-child(1) {
      margin-bottom: 12px; }
    #sec02 .bn li:nth-child(2) {
      margin-bottom: 10px; }
    #sec02 .bn li:nth-child(3) {
      margin-bottom: 10px; }


/*-----------------------------------------------------------------
sec03
-----------------------------------------------------------------*/
#sec03Wrap {
  padding: 35px 0 50px;
  background: url(img/top/sec03_wrap_bg.jpg) center 125px no-repeat; }

#sec03 {
  width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  background: url(img/common/sec_bg01_title.jpg) 0 0 no-repeat, url(img/common/sec_bg01_under.jpg) 0 bottom no-repeat, url(img/common/sec_bg01_middle.png) 0 0 repeat-y;
  overflow: hidden;
  padding-bottom: 6px; }
  #sec03 h3 {
    height: 91px;
    padding: 36px 0 0 35px;
    margin-bottom: 25px; }
  #sec03 h3 {
    margin-bottom: 20px; }
  #sec03 figure {
    float: left;
    padding-left: 40px; }
  #sec03 div {
    float: right;
    width: 570px;
    height: 320px;
    padding-top: 45px;
    background: url(img/top/sec03_bg.jpg) right bottom no-repeat; }
    #sec03 div .txt {
      margin-bottom: 23px;
      font-size: 14rem; }
    #sec03 div .btn a img {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #sec03 div .btn a img:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }

/*-----------------------------------------------------------------
sec04
-----------------------------------------------------------------*/
#sec04 {
  display: table;
  width: 100%;
  height: 470px;
  background: url(img/common/bg01.jpg) 0 0 repeat; }
  #sec04 > div {
    display: table-cell;
    width: 50%; }
    #sec04 > div#gMap {
      height: 470px;
      vertical-align: top; }
      #sec04 > div#gMap iframe {
        width: 100%;
        height: 470px;
        vertical-align: bottom; }
    #sec04 > div#access {
      padding-left: 47px;
      vertical-align: middle; }
      #sec04 > div#access .titleWrap {
        display: table;
        height: 80px;
        padding-bottom: 28px;
        margin-bottom: 28px;
        background: url(img/top/sec04_line.png) 0 bottom no-repeat; }
        #sec04 > div#access .titleWrap h3 {
          display: table-cell;
          padding-right: 24px;
          vertical-align: middle; }
        #sec04 > div#access .titleWrap address {
          display: table-cell;
          line-height: 170%;
          vertical-align: middle;
          font-size: 14rem;
          font-weight: bold; }
      #sec04 > div#access ul li {
        min-height: 73px;
        padding-left: 92px;
        margin-bottom: 20px;
        font-size: 14rem; }
        #sec04 > div#access ul li h4 {
          font-weight: bold; }
        #sec04 > div#access ul li:nth-child(1) {
          background: url(img/top/sec04_icon_walk.png) 0 0 no-repeat; }
        #sec04 > div#access ul li:nth-child(2) {
          padding-top: 10px;
          background: url(img/top/sec04_icon_bus.png) 0 0 no-repeat; }
        #sec04 > div#access ul li:nth-child(3) {
          margin-bottom: 0;
          background: url(img/top/sec04_icon_car.png) 0 0 no-repeat; }

/*-----------------------------------------------------------------
sec05
-----------------------------------------------------------------*/
#sec05 {
  height: 277px;
  padding-top: 44px;
  background: url(img/top/sec05_bg.jpg) center 0 no-repeat;
  text-align: center; }
  #sec05 h3 a img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #sec05 h3 a img:hover {
      opacity: 0.7;
      filter: alpha(opacity=70);
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }