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

Fonts book

----------------------------------------*/
/*------------------------------------------------------------------------
全体スタイル
------------------------------------------------------------------------*/
img {
  width: 100%;
  vertical-align: top; }

* {
  -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: 1.8em;
  background: url("../img/background.png");
  min-width: 320px;
  -webkit-text-size-adjust: 100%; }

#overlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 999; }

header {
  background: url("../img/header_bg.png");
  padding: 3% 5% 5% 5%;
  border-bottom: 1px solid #c1c1b2; }
  header #h_wrapper {
    margin: 0 auto; }
    header #h_wrapper .title {
      font-size: 91%;
      color: #b6b6ab; }
    header #h_wrapper #logo {
      margin: 0px 0 0 0;
      float: left;
      width: 87px; }
    header #h_wrapper #header_menu {
      width: 9%;
      float: right; }
    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; }
          header #globalNavi{
            display: none;
          }

footer {
  margin: 5% 0 0 0;
  background: url("../img/header_bg.png");
  padding: 3% 5% 5%;
  border-top: 1px solid #c1c1b2; }
  footer #f_wrapper .f_block #f_menu ul li {
    border-bottom: 1px dotted #7c7b77; }
    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: 125%;
      font-weight: bold;
      color: #7f7f7f;
      background: url("../img/icn_under.png") no-repeat left;
      padding: 15px 0 15px 15px;
      display: block; }
  footer #f_wrapper .f_block img {
    width: 40%;
    margin: 15px 0 10px; }
  footer #f_wrapper .f_block .copyright {
    font-size: 83%;
    color: #c2c2c2;
    margin: 0;
    text-align: center;
    line-height: 130%; }

/*------------------------------------------------------------------------
ブロック
------------------------------------------------------------------------*/
#wrapper {
  padding: 5%; }
  #wrapper .block {
    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: 5%;
    margin: 0 0 30px 0; }
    #wrapper .block .sub_ttl {
      background: url("../img/icn_flower.png") no-repeat left 2px;
      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 0px;
      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 2px;
      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 3% 0; }
    #wrapper .block .access {
      color: #b8977e;
      font-weight: bold;
      font-size: 133%; }
      #wrapper .block .access a {
        color: #b8977e; }
      #wrapper .block .access:nth-child(2n) {
        margin: 0 0 15px 0; }
    #wrapper .block .contact {
      font-size: 133%;
      color: #e73d74;
      font-weight: bold;
      margin: 0 0 15px 0; }
      #wrapper .block .contact a {
        color: #e73d74; }
    #wrapper .block .left {
      padding: 10px 0 0 0; }
      #wrapper .block .left .spot {
        background: #e99aac;
        color: #fff;
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 3px 0px;
        text-align: center; }
      #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 {
        margin: 0 0 3% 0; }
        #wrapper .block .left .name h3 {
          font-size: 150%;
          color: #956134;
          font-weight: bold;
          line-height: 130%;
          margin: 10px 0 0 0; }
        #wrapper .block .left .name br {
          display: none !important; }
        #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 10px 0;
        font-size: 116%; }
    #wrapper .block .right .big_map {
      text-align: center;
      margin: 20px 0 15px 0;
      width: 100%;
      padding: 5px 0;
      border: 1px solid #6991d4; }
      #wrapper .block .right .big_map a {
        color: #6991d4;
        font-size: 108%;
        text-decoration: none;
        font-weight: bold;
        padding: 10px 0; }
        #wrapper .block .right .big_map a:hover {
          text-decoration: underline; }
      #wrapper .block .right .big_map img {
        vertical-align: 0px !important;
        margin: 0 0 0 5px;
        width: 3%; }
    #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;
      margin: 0 0 15px 0;
      font-size: 116%; }
    #wrapper .block .sml_ph {
      text-align: center; }
      #wrapper .block .sml_ph li {
        width: 97px;
        display: inline-block;
        vertical-align: top;
        font-size: 108%;
        color: #656463;
        line-height: 140%; }
        #wrapper .block .sml_ph li:nth-child(2n) {
          margin: 0 0 0 10px; }
        #wrapper .block .sml_ph li p {
          margin-top: 5px; }
  #wrapper .link_parent:first-child {
    border-bottom: 1px solid #b4b098;
    margin: 0 0 25px 0; }
  #wrapper .block_link {
    border-bottom: 1px solid #b4b098;
    padding: 0 0 20px;
    margin: 0 0 25px 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 10px 0; }
    #wrapper .block_link .tel {
      font-size: 133%;
      font-weight: bold;
      color: #656463;
      margin: 0 0 5px 0; }
      #wrapper .block_link .tel a {
        color: #656463; }
    #wrapper .block_link .url {
      font-size: 133%;
      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;
        width: 4%; }
    #wrapper .block_link .left {
      width: 30%;
      float: left; }
    #wrapper .block_link .right {
      float: right;
      width: 65%;
      color: #956134; }
      #wrapper .block_link .right span {
        display: block;
        margin: 0 0 15px 0;
        font-weight: bold;
        font-size: 125%; }
    #wrapper .block_link:last-child {
      border-bottom: none; }

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

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

#season li {
  margin: 0 0 10px 0; }
#season li:last-child {
  margin: 0 0 35px 0; }

#goods_bg {
  background: url("/goods/img/bg_goods.png");
  margin: 0 0 5% 0; }
  #goods_bg #goods_ttl {
    padding: 8% 5% 5% 5%; }
  #goods_bg p {
    font-size: 133%;
    color: #000;
    line-height: 160%;
    margin: 8% 0 0 0 !important; }
  #goods_bg br {
    display: none !important; }

#spring_bg {
  background: url("/spot/img/bg_ttl_spring.png");
  margin: 0 0 3% 0; }
  #spring_bg #spring_ttl {
    padding: 5%; }
    #spring_bg #spring_ttl p {
      font-size: 133%;
      color: #000;
      line-height: 180%; }
    #spring_bg #spring_ttl br {
      display: none !important; }

#summer_bg {
  background: url("/spot/img/bg_ttl_summer01.jpg");
  margin: 0 0 3% 0; }
  #summer_bg #summer_ttl {
    padding: 5%; }
    #summer_bg #summer_ttl p {
      font-size: 133%;
      color: #000;
      line-height: 180%; }
    #summer_bg #summer_ttl br {
      display: none !important; }

#autumn_bg {
  background: url("/spot/img/bg_ttl_autumn01.jpg");
  margin: 0 0 3% 0; }
  #autumn_bg #autumn_ttl {
    padding: 5%; }
    #autumn_bg #autumn_ttl p {
      font-size: 133%;
      color: #000;
      line-height: 180%; }
    #autumn_bg #autumn_ttl br {
      display: none !important; }

#winter_bg {
  background: url("/spot/img/bg_ttl_winter01.jpg");
  margin: 0 0 3% 0; }
  #winter_bg #winter_ttl {
    padding: 5%; }
    #winter_bg #winter_ttl p {
      font-size: 133%;
      color: #000;
      line-height: 180%; }
    #winter_bg #winter_ttl br {
      display: none !important; }

/*# sourceMappingURL=sp_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: 25px 0 25px 0;
  margin: 0 0 30px 0;
}
.block_movie .inner{
  width: 82.09%;
  margin: 0 auto;
}
.block_movie .inner h2{
  position: relative;
  text-align: center;
  color: #B8977E;
  font-family: "Hannari", serif !important;
  font-size: 28px;
  line-height: 38px;
}
.block_movie .inner h2 span{
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 10px;
  line-height: 16px;
  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: 20px;
}
.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: 25px 0 25px 0;
  margin: 0 0 30px 0;
}
.block_brochure .inner{
  width: 82.09%;
  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: 15px;
}
.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: auto; /* 420 */
  margin: 0 auto;
}
.block_brochure_list .block_brochure_list_single .image{
  border: 1px solid #8D9C76;
  border-radius: 8px;
  margin-bottom: 15px;  
}
.block_brochure_list .block_brochure_list_single .image img{
  display: block;
  width: 60.95%; /* 256 */
  margin: 0 auto;
  padding: 25px 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: block;
}
.block_brochure_list02 .block_brochure_list02_single{
  width: auto;
}
.block_brochure_list02 .block_brochure_list02_single:last-of-type{
  margin-top: 25px;
}
.block_brochure_list02 .block_brochure_list02_single .image{
  border: 1px solid #8D9C76;
  border-radius: 8px;
  margin-bottom: 15px;  
}
.block_brochure_list02 .block_brochure_list02_single .image img{
  display: block;
  width: 81.41%; /* 256 */
  margin: 0 auto;
  padding: 25px 0;
}
.block_brochure_list02 .block_brochure_list02_single:last-of-type .image img{
  /*width: 89.41%;*/
  width: 81.41%; /* 256 */
  padding: 25px 0;
}
.block_brochure_list02 .block_brochure_list02_single h3{
  color: #8D9C76;
  font-size: 17px;
  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;
}