/* line 14, ../scss/_typography.scss */
.slideShow.pattern1 .pt_prev, .slideShow.pattern1 .pt_next {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}



/* line 1, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 {
  text-align: center;
  width: 97.91667%;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  float: inherit;
}
/* line 6, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .md_slideShow {
  position: relative;
  background-color: #FFF;
  overflow: hidden;
}
/* line 13, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_bannerList li {
  position: absolute;
  width: 100%;
}
/* line 16, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_bannerList li img {
  width: 100%;
  top: 0;
  left: 0;
}
/* line 24, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_btnList {
  position: absolute;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  bottom: 0;
}
/* line 30, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_btnList li {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8%;
  border: 1px solid #FFF;
  padding: 4px;
  background-color: #ffffff;
}
/* line 37, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_btnList li.on {
  border-color: #ffffff;
  background-color: #cc4a0c;
}
/* line 41, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_btnList li + li {
  margin-left: 20px;
}
/* line 44, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_btnList li img {
  width: 100%;
}
/* line 49, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_prev, .slideShow.pattern1 .pt_next {
  width: 30px;
  height: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  background-color: #FFF;
}
/* line 57, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_prev.hide, .slideShow.pattern1 .pt_next.hide {
  display: none;
}
/* line 60, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_prev:before, .slideShow.pattern1 .pt_prev:after, .slideShow.pattern1 .pt_next:before, .slideShow.pattern1 .pt_next:after {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}
/* line 72, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_prev:before, .slideShow.pattern1 .pt_prev:after {
  left: 50%;
  margin-left: -10px;
  border-width: 15px 15px 15px 0;
  border-color: transparent #000 transparent transparent;
}
/* line 78, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_prev:after {
  margin-left: -5px;
  border-color: transparent #FFF transparent transparent;
}
/* line 83, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_next {
  right: 0;
}
/* line 85, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_next:before, .slideShow.pattern1 .pt_next:after {
  right: 50%;
  margin-right: -10px;
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #000;
}
/* line 91, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern1 .pt_next:after {
  margin-right: -5px;
  border-color: transparent transparent transparent #FFF;
}
@media (max-width: 980px) {
  /* line 98, ../scss/partials/_sildeShowMod1.scss */
  .slideShow.pattern1 .pt_prev, .slideShow.pattern1 .pt_next {
    display: none;
  }
  /* line 102, ../scss/partials/_sildeShowMod1.scss */
  .slideShow.pattern1 .pt_btnList li {
    width: 5px;
    border-radius: 20px;
  }
  /* line 105, ../scss/partials/_sildeShowMod1.scss */
  .slideShow.pattern1 .pt_btnList li img {
    display: none;
  }
}

/* line 1, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 {
  margin-bottom: 10px;
  overflow: hidden;
}
/* line 5, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .md_slideShow2 {
  position: relative;
}
/* line 9, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .bannerListBox2 {
  position: relative;
  overflow: hidden;
}
/* line 13, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .btnListBox2 {
  overflow: hidden;
}
/* line 18, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .pt_bannerList2 li {
  position: absolute;
  width: 100%;
}
/* line 21, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .pt_bannerList2 li img {
  width: 100%;
  top: 0;
  left: 0;
}
/* line 30, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .pt_btnList2 li {
  width: 25%;
  float: left;
  margin-left: 4.16667%;
  margin-right: 4.16667%;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #FFF;
  background-color: #000;
  margin-bottom: 20px;
}
/* line 37, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .pt_btnList2 li.on {
  border-color: #000;
  background-color: #FFF;
}
/* line 41, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .pt_btnList2 li img {
  width: 100%;
}
@media screen and (min-width: 961px) {
  /* line 48, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .bannerListBox2 {
    width: 72.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 51, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .btnListBox2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 22.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    overflow: hidden;
  }
}
@media screen and (min-width: 481px) and (max-width: 960px) {
  /* line 61, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .bannerListBox2 {
    width: 72.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 64, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .btnListBox2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 22.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /* line 73, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .bannerListBox2 {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    margin-bottom: 10px;
  }
  /* line 77, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .btnListBox2 {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 81, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .pt_btnList2 li {
    width: 14.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    margin-bottom: 10px;
  }
}


@media screen and (min-width: 961px) {
  /* line 66, ../scss/pages/_attractions.scss */
  .attractions .slideShow.pattern2 .btnListBox {
    top: 35px;
  }

}
@media screen and (min-width: 481px) and (max-width: 960px) {
 
  /* line 91, ../scss/pages/_attractions.scss */
  .attractions .slideShow.pattern2 .btnListBox {
    top: 35px;
  }
}



@media screen and (min-width: 961px) {
 
  /* line 38, ../scss/pages/_photoAlbum.scss */
  .photo_album .slideShow.pattern2 .btnListBox {
    top: 35px;
  }
}
@media screen and (min-width: 481px) and (max-width: 960px) {
  /* line 46, ../scss/pages/_photoAlbum.scss */
  .photo_album .photoList li {
    width: 47.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /* line 53, ../scss/pages/_photoAlbum.scss */
  .photo_album .photoList li {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}