@charset "UTF-8";
/* Scss Document */
/*--------------------------------------

Fonts book

----------------------------------------*/
/*------------------------------------------------------------------------
全体スタイル
------------------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "MS Pゴシック" , "MS PGothic" , sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  color: #555555;
  line-height: 160%;
  background: url("../img/background.png");
  min-width: 1100px; }

header {
  background: url("../img/header_bg.png");
  padding: 15px 0 25px 0;
  border-bottom: 1px solid #c1c1b2; }
  header #h_wrapper {
    /*width: 1000px;*/
    width: 1090px;
    margin: 0 auto; }
    header #h_wrapper .title {
      font-size: 91%;
      color: #b6b6ab; }
    header #h_wrapper #logo {
      margin: 22px 0 0 0;
      float: left;
      width: 114px; }

@media screen and (min-width:1141px) { 
    header #h_wrapper #header_menu {
      display: none; }
      /*
    header #h_wrapper #globalNavi {
      float: left;
      padding: 16px 0 0 0;
      margin: 0 0 0 25px; }
      header #h_wrapper #globalNavi ul li {
        border-left: 1px solid #e4e4d9;
        float: left;
        padding: 0 20px; }
        header #h_wrapper #globalNavi ul li:last-child {
          border-right: 1px solid #e4e4d9; }
          */
  header #h_wrapper #globalNavi{
        float: left;
        padding: 16px 0 0 0;
        margin: 0 0 0 10px; 
  }
  header #h_wrapper #globalNavi ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
        margin: 0; 
        padding: 0; 
  }
  header #h_wrapper #globalNavi ul li{
    border-right: 1px solid #E4E4D9;
    padding: 0;
    position: relative;
  }
  header #h_wrapper #globalNavi ul li:first-of-type::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid #E4E4D9;
    height: 100%;
    width: 1px;
  }
  header #h_wrapper #globalNavi ul li a{
    display: block;
    padding: 8px 13px;
    color: #505050;
    text-decoration: none;
  font-family: "Hannari", serif !important;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.1em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    webkit-transition: all 0.3s ease;
    -webkit-transition: all  0.3s ease;
    transition: all  0.3s ease;
  }
  header #h_wrapper #globalNavi ul li a span{
    display: block;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 10px;
    letter-spacing: -0.04em;
    margin-top: 4px;
    color: #ADADAD;
  }
  header #h_wrapper #globalNavi ul li a:hover{
    color: #F62569;
  }
  header #h_wrapper #globalNavi ul li a:hover span{
    color: #ADADAD;
  }
  header #globalNavi_sp{
    display: none;
  }
}

footer {
  margin: 90px 0 0 0;
  background: url("../img/header_bg.png");
  padding: 35px 0px;
  border-top: 1px solid #c1c1b2; }
  footer #f_wrapper {
    width: 1000px;
    margin: 0 auto; }
    footer #f_wrapper #footer_logo {
      float: left; }
    footer #f_wrapper .f_block {
      float: right; }
      footer #f_wrapper .f_block #f_menu ul li {
        float: left;
        border-right: 1px solid #7f7f7f;
        padding: 0px 10px; }
        footer #f_wrapper .f_block #f_menu ul li:last-child {
          border-right: none; }
        footer #f_wrapper .f_block #f_menu ul li a {
          font-size: 100%;
          color: #7f7f7f; }
      footer #f_wrapper .f_block .copyright {
        font-size: 83%;
        color: #c2c2c2;
        text-align: right;
        margin: 15px 0 0 0; }

/*------------------------------------------------------------------------
ブロック
------------------------------------------------------------------------*/
#wrapper {
  width: 1000px;
  margin: 0 auto; }
  #wrapper .block {
    width: 485px;
    float: left;
    background: #fff;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-bottom: 1px solid #d1d1ca;
    padding: 15px;
    margin: 0 0 30px 0; }
    #wrapper .block .sub_ttl {
      background: url("../img/icn_flower.png") no-repeat left top;
      padding: 0px 0 15px 30px;
      font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "HGS明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif !important;
      font-size: 183%;
      color: #b8977e; }
    #wrapper .block .sub_ttl02 {
      background: url("../img/icn_flower02.png") no-repeat left top;
      padding: 0px 0 15px 30px;
      font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "HGS明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif !important;
      font-size: 183%;
      color: #b8977e; }
    #wrapper .block .sub_ttl03 {
      background: url("../img/icn_flower03.png") no-repeat left top;
      padding: 2px 0 15px 25px;
      font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "HGS明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif !important;
      font-size: 183%;
      color: #e73d74; }
    #wrapper .block figure {
      margin: 0px; }
    #wrapper .block .m_ph {
      margin: 0 0 20px 0; }
    #wrapper .block .m_ph img{
      width: 100%;
    }
    #wrapper .block .access {
      color: #b8977e;
      font-weight: bold; }
      #wrapper .block .access:nth-child(2n) {
        margin: 0 0 15px 0; }
    #wrapper .block .contact {
      font-size: 12px;
      color: #e73d74;
      font-weight: bold;
      margin: 0 0 15px 0; }
    #wrapper .block .left {
      float: left;
      width: 210px;
      padding: 10px 0 0 0; }
      #wrapper .block .left .spot {
        float: left;
        background: #e99aac;
        color: #fff;
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 10px 6px;
        margin: 0 15px 0 0; }
      #wrapper .block .left .spot_smr {
        background: #8ec31e !important; }
      #wrapper .block .left .spot_atm {
        background: #f6ab00 !important; }
      #wrapper .block .left .spot_wnt {
        background: #61b6d8 !important; }
      #wrapper .block .left .name {
        float: left;
        margin: 0 0 20px 0; }
        #wrapper .block .left .name h3 {
          font-size: 150%;
          color: #956134;
          font-weight: bold;
          line-height: 130%; }
        #wrapper .block .left .name h3 span{
          font-size: 70%;
          letter-spacing: 0;
        }
        #wrapper .block .left .name p {
          color: #b5aaa0; }
      #wrapper .block .left .desc {
        margin: 0 0 20px 0;
        font-size: 108%; }
    #wrapper .block .right {
      float: right;
      width: 218px; }
      #wrapper .block .right .big_map {
        text-align: right;
        margin: 10px 0 15px 0; }
        #wrapper .block .right .big_map a {
          color: #6991d4;
          font-size: 91%;
          text-decoration: underline; }
          #wrapper .block .right .big_map a:hover {
            text-decoration: none; }
        #wrapper .block .right .big_map img {
          vertical-align: 0px !important;
          margin: 0 0 0 5px; }
    #wrapper .block .mapcode {
      background: #ededeb;
      padding: 5px 0px;
      border-radius: 3px;
      -ms-border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      text-align: center; }
    #wrapper .block .sml_ph {
      float: right; }
      #wrapper .block .sml_ph li {
        width: 97px;
        float: left;
        font-size: 91%;
        color: #656463;
        line-height: 140%; }
      #wrapper .block .sml_ph li img{
        width: 100%;
      }
        #wrapper .block .sml_ph li:nth-child(2n) {
          margin: 0 0 0 10px; }
        #wrapper .block .sml_ph li p {
          margin-top: 5px; }
    #wrapper .block:nth-child(2n) {
      margin: 0 0 30px 30px; }
  #wrapper .block_link {
    border-right: 1px solid #b4b098;
    float: left;
    width: 333px;
    padding: 0 25px;
    margin: 0 0 50px 0; }
    #wrapper .block_link h3 {
      background: url("/link/img/icn_link.png") no-repeat left top;
      padding: 0 0 0 15px;
      font-size: 166%;
      font-weight: bold;
      color: #956134;
      margin: 0 0 20px 0; }
    #wrapper .block_link .tel {
      font-size: 116%;
      font-weight: bold;
      color: #656463; }
    #wrapper .block_link .url {
      font-size: 116%;
      font-weight: bold;
      color: #656463;
      margin: 0 0 25px 0; }
      #wrapper .block_link .url a {
        color: #659cf6;
        text-decoration: underline;
        margin: 0 0 0 5px; }
        #wrapper .block_link .url a:hover {
          text-decoration: none; }
      #wrapper .block_link .url img {
        vertical-align: 0 !important;
        margin: 0 0 0 5px; }
    #wrapper .block_link .left {
      width: 101px;
      height: 101px;
      float: left; }
    #wrapper .block_link .right {
      float: right;
      width: 160px;
      color: #956134; }
      #wrapper .block_link .right span {
        display: block;
        margin: 0 0 15px 0;
        font-weight: bold; }
    #wrapper .block_link:last-child {
      border-right: none; }

.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  height: 218px; }

.ggmap iframe, object, embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*------------------------------------------------------------------------
季節
------------------------------------------------------------------------*/
#spring_bg {
  background: url("/spot/img/bg_ttl_spring.png");
  margin: 0 0 30px 0;
  height: 258px; }
  #spring_bg #spring_ttl {
    width: 1000px;
    margin: 0 auto;
    padding-top: 45px;
    position: relative; }
    #spring_bg #spring_ttl p {
      font-size: 133%;
      color: #000;
      line-height: 180%; }
    #spring_bg #spring_ttl .ttl_absolute {
      position: absolute;
      right: 0;
      top: 100px; }
  #spring_bg #spring_bg02 {
    background: url("/spot/img/bg_ttl_spring02.png") no-repeat right;
    height: 258px; }

#summer_bg {
  background: url("/spot/img/bg_ttl_summer01.jpg");
  margin: 0 0 30px 0;
  height: 252px; }
  #summer_bg #summer_ttl {
    width: 1000px;
    margin: 0 auto;
    padding-top: 45px;
    position: relative; }
    #summer_bg #summer_ttl p {
      font-size: 133%;
      color: #000;
      line-height: 180%; }
    #summer_bg #summer_ttl .ttl_absolute {
      position: absolute;
      right: 0;
      top: 100px; }
  #summer_bg #summer_bg02 {
    background: url("/spot/img/bg_ttl_summer02.jpg") no-repeat right;
    height: 258px; }

#autumn_bg {
  background: url("/spot/img/bg_ttl_autumn01.jpg");
  margin: 0 0 30px 0;
  height: 258px; }
  #autumn_bg #autumn_ttl {
    width: 1000px;
    margin: 0 auto;
    padding-top: 45px;
    position: relative; }
    #autumn_bg #autumn_ttl p {
      font-size: 133%;
      color: #000;
      line-height: 180%; }
    #autumn_bg #autumn_ttl .ttl_absolute {
      position: absolute;
      right: 0;
      top: 100px; }
  #autumn_bg #autumn_bg02 {
    background: url("/spot/img/bg_ttl_autumn02.jpg") no-repeat right;
    height: 258px; }

#winter_bg {
  background: url("/spot/img/bg_ttl_winter01.jpg");
  margin: 0 0 30px 0;
  height: 258px; }
  #winter_bg #winter_ttl {
    width: 1000px;
    margin: 0 auto;
    padding-top: 45px;
    position: relative; }
    #winter_bg #winter_ttl p {
      font-size: 133%;
      color: #000;
      line-height: 180%; }
    #winter_bg #winter_ttl .ttl_absolute {
      position: absolute;
      right: 0;
      top: 100px; }
  #winter_bg #winter_bg02 {
    background: url("/spot/img/bg_ttl_winter02.jpg") no-repeat right;
    height: 258px; }

#goods_bg {
  background: url("../../goods/img/bg_goods.png");
  margin: 0 0 30px 0;
  height: 258px; }
  #goods_bg #goods_ttl {
    width: 1000px;
    margin: 0 auto;
    padding-top: 45px;
    position: relative; }
  #goods_bg p {
    font-size: 133%;
    color: #000;
    line-height: 180%; }
  #goods_bg #goods_bg02 {
    background: url("../../goods/img/bg_goods02.png") no-repeat right;
    height: 258px; }

.mt60_link {
  margin-top: 90px !important; }

#season li {
  float: left;
  width: 235px;
  height: 54px;
  margin: 0 20px 20px 0; }
#season li:last-child {
  margin: 0px 0px 20px 0px; }

/*# sourceMappingURL=style.css.map */


/* movie */
.block_movie{
  width: 100%;
  float: left;
  background: #fff;
  border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-bottom: 1px solid #d1d1ca;
  padding: 50px 0 200px 0;
  margin: 0 0 30px 0;
}
.block_movie .inner{
  width: 81.8%;
  margin: 0 auto;
}
.block_movie .inner h2{
  position: relative;
  text-align: center;
  color: #B8977E;
  font-family: "Hannari", serif !important;
  font-size: 45px;
  line-height: 58px;
}
.block_movie .inner h2 span{
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-top: 6px;
}
.block_movie .inner h2::before{
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background: url("../../movie/img/icon_title.svg") no-repeat left top; 
}
.block_movie .inner .youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-top: 45px;
}
.block_movie .inner .youtube iframe {
  width: 100%;
  height: 100%;
}


/* brochure */
.block_brochure{
  width: 100%;
  float: left;
  background: #fff;
  border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-bottom: 1px solid #d1d1ca;
  padding: 30px 0;
  margin: 0 0 30px 0;
}
.block_brochure .inner{
  width: 88%;
  margin: 0 auto;
}
.block_brochure .inner h2{
  position: relative;
  text-align: center;
  color: #8D9C76;
  font-family: "Hannari", serif !important;
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 30px;
}
.block_brochure .inner h2::before{
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 12px 0 0;
  background: url("../../travel-brochure/img/icon_title.svg") no-repeat left top; 
  position: relative;
  top: 3px;
}
.block_brochure_list{
  width: 47.73%; /* 420 */
  margin: 0 auto;
}
.block_brochure_list .block_brochure_list_single .image{
  border: 1px solid #8D9C76;
  border-radius: 8px;
  margin-bottom: 20px;  
}
.block_brochure_list .block_brochure_list_single .image img{
  display: block;
  width: 60.95%; /* 256 */
  margin: 0 auto;
  padding: 30px 0;
}
.block_brochure_list .block_brochure_list_single h3{
  color: #8D9C76;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 4px;
}
.block_brochure_list .block_brochure_list_single p{
  font-size: 14px;
  text-align: center;
}
.block_brochure_list .block_brochure_list_single p a{
  position: relative;
  color: #FF3838;
  text-decoration: underline;
}
.block_brochure_list .block_brochure_list_single p a:hover{
  text-decoration: none;
  opacity: 0.7;
}
.block_brochure_list .block_brochure_list_single p a::after{
  content: "";
  display: inline-block;
  width: 17px;
  height: 14px;
  margin: 0 2px 0 8px;
  background: url("../../travel-brochure/img/icon_pdf.svg") no-repeat left top; 
  position: relative;
  top: 1px;
}
.block_brochure_list02{
  width: 100%; /* 420 */
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between ;
}
.block_brochure_list02 .block_brochure_list02_single{
  width: 48.3%;
}
.block_brochure_list02 .block_brochure_list02_single .image{
  border: 1px solid #8D9C76;
  border-radius: 8px;
  margin-bottom: 20px;  
}
.block_brochure_list02 .block_brochure_list02_single .image img{
  display: block;
  width: 81.41%; /* 256 */
  margin: 0 auto;
  padding: 30px 0 29px 0;
}
.block_brochure_list02 .block_brochure_list02_single:last-of-type .image img{
  /*width: 89.41%;
  padding: 76px 0; */
  width: 81.41%; /* 256 */
  padding: 30px 0 29px 0;
}
.block_brochure_list02 .block_brochure_list02_single h3{
  color: #8D9C76;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 4px;
}
.block_brochure_list02 .block_brochure_list02_single p{
  font-size: 14px;
  text-align: center;
}
.block_brochure_list02 .block_brochure_list02_single p a{
  position: relative;
  color: #FF3838;
  text-decoration: underline;
}
.block_brochure_list02 .block_brochure_list02_single p a:hover{
  text-decoration: none;
  opacity: 0.7;
}
.block_brochure_list02 .block_brochure_list02_single p a::after{
  content: "";
  display: inline-block;
  width: 17px;
  height: 14px;
  margin: 0 2px 0 8px;
  background: url("../../travel-brochure/img/icon_pdf.svg") no-repeat left top; 
  position: relative;
  top: 1px;
}


@media screen and (min-width:642px) and ( max-width:1140px) { 
  header #h_wrapper {
    /*width: 1000px;*/
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    padding: 0 30px;
  }
  header #h_wrapper #header_menu {
    width: 9%;
    float: right;
  }
  header #h_wrapper #globalNavi{
    display: none;
  }  
  header #h_wrapper #header_menu {
    width: 9%;
    float: right;
    display: block !important;
  }
  header #h_wrapper #header_menu img{
    display: block;
    width: 31.5px;
    margin: 16px 0 0 auto;
  }
  header #h_wrapper #globalNavi_sp {
    opacity: 0;
    position: fixed;
    top: 0;
    right: -100%;
    background-color: #fff;
    width: 80%;
    height: 100%;
    overflow: auto;
    z-index: 9999; 
  }
  header #h_wrapper #globalNavi_sp ul li {
    padding: 0 5%;
    border-bottom: 1px dotted #7c7b77;
  }
  header #h_wrapper #globalNavi_sp ul li a {
    font-size: 125%;
    font-weight: bold;
    color: #7f7f7f;
    background: url("../img/icn_under.png") no-repeat left;
    padding: 15px 0 15px 15px;
    display: block;
  }
  header #h_wrapper #globalNavi_sp ul li:last-child {
    border-right: 1px solid #e4e4d9;
  }
  #overlay {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999;
  }
}