@charset "UTF-8";
/*$basePink: #CA7575;*/
/*$basePink: #CA7575;*/
.touchSwUtil {
  display: block;
  position: fixed;
  top: 20px;
  right: 10px;
  width: 35px;
  height: 35px;
  text-decoration: none;
  z-index: 200;
}
.touchSwUtil span {
  display: block;
  position: relative;
  top: 0px;
}
.touchSwUtil span:before {
  color: #f15000;
  font-size: 8px;
  content: "MENU";
}
.touchSwUtil i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  width: 28px;
  height: 3px;
  color: #666;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #666;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.touchSwUtil i:before, .touchSwUtil i:after {
  content: '';
  width: 28px;
  height: 3px;
  background: #666;
  position: absolute;
  left: 0;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.touchSwUtil i:before {
  top: -9px;
}
.touchSwUtil i:after {
  bottom: -9px;
}
.touchSwUtil.active {
  color: #333;
}
.touchSwUtil.active i {
  width: 0;
}
.touchSwUtil.active i:before, .touchSwUtil.active i:after {
  background: #333;
}
.touchSwUtil.active i:before {
  top: 0px;
  width: 30px;
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.touchSwUtil.active i:after {
  top: 0px;
  width: 30px;
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.touchSwUtil.active span:before {
  content: "CLOSE";
}
.touchSwUtil:hover i {
  background-color: #333;
}
.touchSwUtil:hover i:before, .touchSwUtil:hover i:after {
  background-color: #333;
}

.touchMenuUtil {
  background-color: transparent;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 60px 0 0;
  width: 100%;
  overflow-y: auto;
  z-index: 150;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.touchMenuUtil.active {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.touchMenuUtil .inner {
  padding: 10px;
  background-color: #fff;
}

.translate3d-on {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.list-half > li {
  float: left;
  width: 50%;
}

.list-quarter > li {
  float: left;
  width: 25%;
}
@media screen and (max-width: 1023px) {
  .list-quarter > li {
    width: 50%;
  }
}

.sample::before {
  content: 'attraction/detail';
}

.articleHeader {
  margin: 25px auto 10px;
  padding: 0;
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
.articleHeader.contInn {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  display: block;
  margin-top: 30px;
}
.articleHeader .title {
  padding: 20px 30px;
}
.articleHeader .title h1 {
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 3px;
}
.articleHeader .title span {
  font-size: 15px;
}
.articleHeader .leadText p {
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  border-top: 1px dotted black;
  padding: 10px 30px;
  font-size: 20px;
  color: #00008b;
  font-weight: bold;
  margin: 0;
}
.articleHeader .sakuraQuality {
  padding-left: 33px;
  padding-bottom: 15px;
}
.articleHeader .sakuraQuality .description {
  padding-left: 20px;
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  font-size: 16px;
  font-weight: bold;
}
.articleHeader .sakuraQuality .description a {
  color: #0088ff;
}

section.mainImages {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  display: block;
  margin: 0 auto 30px;
}
section.mainImages ul {
  display: flex;
  flex-wrap: wrap;
}
section.mainImages ul li {
  box-sizing: border-box;
  padding: 1px;
  width: 50%;
}
section.mainImages ul li a {
  width: 100%;
}
section.mainImages ul li img {
  width: 100%;
}
section.mainImages ul li:nth-child(n + 5) {
  width: 33.3333%;
}

.descBox.contInn {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  display: block;
  padding: 0;
  display: flex;
  flex-flow: row-reverse;
  border-bottom: 1px solid #CCC;
}
.descBox .tool-content {
  width: 30%;
  padding: 0 30px;
}
.descBox .tool-content .tools {
  margin: 0 auto;
}
.descBox .tool-content .tools a {
  position: relative;
  display: block;
  padding: 20px 20px 20px 50px;
  color: inherit;
  text-decoration: none;
  margin-bottom: 5px;
}
.descBox .tool-content .tools a.favorite {
  background-color: #00008b;
  color: #FFFFFF;
}
.descBox .tool-content .tools a.favorite span:before {
  content: "お気に入りに追加";
  padding-left: 10px;
}
.descBox .tool-content .tools a.favorite:hover span::before {
  content: "お気に入りに追加";
}
.descBox .tool-content .tools a.favorite.active {
  background-color: darkred;
}
.descBox .tool-content .tools a.favorite.active span::before {
  content: "お気に入りに追加済み";
}
.descBox .tool-content .tools a.favorite.active:hover span::before {
  content: "解除する";
}
.descBox .tool-content .tools a.photo {
  background-color: #000;
  color: #FFFFFF;
}
.descBox .tool-content .tools a.photo span:after {
  content: "フォトツアーを見る";
  padding-left: 10px;
}
.descBox .desc-spot-content {
  width: 70%;
}
.descBox .desc-spot-content .description {
  border-bottom: solid 1px #CCC;
  padding: 0px 30px 30px 30px;
}
.descBox .desc-spot-content .listSpotInfo {
  padding: 30px 0 30px 30px;
}
.descBox .desc-spot-content .listSpotInfo dl {
  display: flex;
}
.descBox .desc-spot-content .listSpotInfo dl:last-child {
  margin-bottom: 0;
}
.descBox .desc-spot-content .listSpotInfo dl dt {
  border-left: 2px solid #00008b;
  padding-left: 10px;
  padding-right: 20px;
  width: 110px;
  height: 21px;
  white-space: nowrap;
}
.descBox .desc-spot-content .listSpotInfo dl dd {
  display: inline-block;
}
.descBox .desc-spot-content .listSpotInfo dl dd a.area-content {
  text-decoration: none;
  border: solid 1px #000;
  background-color: #000;
  padding: 3px 5px;
  line-height: 1;
  color: #FFF;
  margin-right: 5px;
  display: inline-block;
}
.descBox .desc-spot-content .listSpotInfo dl dd a.cate-content {
  position: relative;
  text-decoration: none;
  border: solid 1px #9e9e9e;
  background-color: #ededed;
  padding: 3px 25px 3px 5px;
  line-height: 1;
  color: #666666;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 5px;
}
.descBox .desc-spot-content .listSpotInfo dl dd a.cate-content:after {
  position: absolute;
  top: 0px;
  right: 8px;
  font-family: "FontAwesome";
  content: "";
  font-size: 20px;
  color: #9e9e9e;
}
.descBox .desc-spot-content .listSpotInfo dl dd a.tag-content {
  text-decoration: none;
  border: solid 1px #9e9e9e;
  background-color: #ededed;
  padding: 3px 5px;
  line-height: 1;
  color: #666666;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 5px;
}

.movieBox.contInn {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  display: block;
  padding: 0;
  border-bottom: 1px solid #CCC;
}
.movieBox.contInn .inner .movie-content {
  max-width: 800px;
  width: 100%;
  margin: 30px auto;
  display: block;
}

.sliderBox.contInn {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  display: block;
  padding: 0px;
  margin-bottom: 10px;
}
.sliderBox.contInn.nearPage {
  margin-bottom: 0;
}
.sliderBox .slider-content {
  padding: 30px 30px;
}
.sliderBox .slider-content p.attention {
  text-align: right;
}
.sliderBox .slider-content:not(:last-child) {
  border-bottom: 1px solid #CCC;
}
.sliderBox .slider {
  margin-top: 15px;
}

.baseInfo {
  padding: 0 10px;
}
.baseInfo a:not(.btn) {
  text-decoration: underline !important;
}
.baseInfo .contInn {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  display: block;
  margin: 25px auto;
}
.baseInfo .contInn .catchIcon {
  padding: 30px 0;
}
.baseInfo .contInn .noTitle {
  margin-top: 50px;
}
.baseInfo .contInn .noTitle a.link {
  text-decoration: none;
}
.baseInfo .contInn .noTitle a.link span {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}
.baseInfo .contInn .noTitle a.link span img {
  width: 15px;
  height: 15px;
}
.baseInfo .contInn table {
  width: 100%;
  border: solid 1px #CCC;
  margin-bottom: 20px;
}
.baseInfo .contInn table.tableList tr {
  border-bottom: dotted 1px #CCC;
}
.baseInfo .contInn table.tableList tr th {
  text-align: center;
  border-right: solid 1px #CCC;
  background-image: url("/images/attraction/list_bg.png");
  padding: 10px;
  width: 20%;
}
.baseInfo .contInn table.tableList tr td {
  padding: 10px;
  width: 80%;
}
.baseInfo .contInn table.tableList tr:last-child {
  border: none;
}
.baseInfo .contInn table.tableBlock tr th {
  width: auto;
  border-bottom: solid 1px #CCC;
  background-image: url("/images/attraction/list_bg.png");
  padding: 10px;
  text-align: center;
  border-right: solid 1px #CCC;
}
.baseInfo .contInn table.tableBlock tr td {
  width: auto;
  padding: 10px;
  border-right: solid 1px #CCC;
}
@media (max-width: 768px) {
  .baseInfo .contInn table.tableList thead tr, .baseInfo .contInn table.tableList tbody tr, .baseInfo .contInn table.tableBlock thead tr, .baseInfo .contInn table.tableBlock tbody tr {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }
  .baseInfo .contInn table.tableList thead tr th, .baseInfo .contInn table.tableList thead tr td, .baseInfo .contInn table.tableList tbody tr th, .baseInfo .contInn table.tableList tbody tr td, .baseInfo .contInn table.tableBlock thead tr th, .baseInfo .contInn table.tableBlock thead tr td, .baseInfo .contInn table.tableBlock tbody tr th, .baseInfo .contInn table.tableBlock tbody tr td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }
}

.aroundInfo .markerToggle {
  padding: 30px 0 80px;
  text-align: center;
}
.aroundInfo .markerToggle .contInn {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  display: block;
}
.aroundInfo .markerToggle .contInn ul {
  display: inline-flex;
  flex-wrap: wrap;
}
.aroundInfo .markerToggle .contInn ul.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.aroundInfo .markerToggle .contInn ul li {
  padding: 0 10px;
  vertical-align: bottom;
}
.aroundInfo .markerToggle .contInn ul li label {
  display: block;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  vertical-align: bottom;
}
.aroundInfo .markerToggle .contInn ul li label span {
  display: inline-block;
  margin: 0 3px 0 0;
  width: 35px;
  height: auto;
  text-align: center;
}

.featureBox .contInn {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  display: block;
}
.featureBox .contInn .listFeatureInfo {
  margin-bottom: 30px;
}
.featureBox .contInn .listFeatureInfo dl {
  margin: 0;
  padding: 30px;
}
.featureBox .contInn .listFeatureInfo dl dt h3 {
  font-size: 17px;
  font-weight: bold;
  border-left: 2px solid #00008b;
  padding-left: 10px;
  margin: 0;
  margin-bottom: 20px;
}
.featureBox .contInn .listFeatureInfo dl dd {
  display: inline-block;
}
.featureBox .contInn .listFeatureInfo dl dd a.cate-content {
  position: relative;
  text-decoration: none;
  border: solid 1px #9e9e9e;
  background-color: #ededed;
  padding: 3px 25px 3px 5px;
  line-height: 1;
  color: #666666;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 5px;
}
.featureBox .contInn .listFeatureInfo dl dd a.cate-content:after {
  position: absolute;
  top: 0px;
  right: 8px;
  font-family: "FontAwesome";
  content: "";
  font-size: 20px;
  color: #9e9e9e;
}
.featureBox .contInn .listFeatureInfo dl:not(:last-child) {
  border-bottom: 1px solid #CCC;
}

.attractionFootSlider {
  margin: 0;
}

.viewGoogleMapArea {
  display: block;
  margin: 25px auto;
  padding: 30px 0;
  width: 100%;
  max-width: 1200px;
  text-align: center;
}
.viewGoogleMapArea a {
  min-width: 300px;
}
.viewGoogleMapArea ul li {
  vertical-align: bottom;
  margin: 0 0 15px;
}

.aroundInfo .googleMap {
  height: 550px;
}
.aroundInfo .markerToggle {
  padding: 30px 0 0;
  text-align: center;
}
.aroundInfo .markerToggle ul {
  display: inline-block;
}
.aroundInfo .markerToggle ul li {
  float: left;
  padding: 0 10px;
  vertical-align: bottom;
}
.aroundInfo .markerToggle ul li:last-child {
  border-right: none;
}
.aroundInfo .markerToggle ul li label {
  display: block;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  vertical-align: bottom;
}
.aroundInfo .markerToggle ul li label span {
  display: inline-block;
  margin: 0 3px 0 0;
  width: 35px;
  text-align: center;
}
.aroundInfo .markerToggle ul li label span img {
  max-width: 20px;
}
.aroundInfo .markerToggle ul li p {
  width: 40px;
  margin: 0 auto 10px;
}
.aroundInfo .warning {
  margin: 0 auto;
  max-width: 1200px;
  padding: 10px 10px 30px;
  text-align: center;
}
.aroundInfo .warning .inner {
  display: inline-block;
  text-align: left;
}

@media (max-width: 768px) {
  .mainImages .divide {
    display: none;
  }
  .mainImages ul.images li {
    width: 33.33333333333%;
  }
  .mainImages ul.images.images1 li, .mainImages ul.images.images2 li, .mainImages ul.images.images3 li, .mainImages ul.images.images4 li {
    width: 100%;
  }
  .mainImages ul.images.images5 li.col1, .mainImages ul.images.images5 li.col2 {
    width: 100%;
  }
  .mainImages ul.images.images5 .div5 {
    display: block;
  }
  .mainImages ul.images.images6 .div3, .mainImages ul.images.images6 .div6 {
    display: block;
  }
  .mainImages ul.images.images7 li.col1, .mainImages ul.images.images7 li.col2, .mainImages ul.images.images7 li.col3, .mainImages ul.images.images7 li.col4 {
    width: 100%;
  }
  .mainImages ul.images.images7 .div7 {
    display: block;
  }
  .mainImages ul.images.images8 li.col1, .mainImages ul.images.images8 li.col2 {
    width: 100%;
  }
  .mainImages ul.images.images8 .div5 {
    display: block;
  }
  .mainImages ul.images.images9 .div3, .mainImages ul.images.images9 .div6 {
    display: block;
  }
  .mainImages ul.images.images10 li.col1, .mainImages ul.images.images10 li.col2, .mainImages ul.images.images10 li.col3, .mainImages ul.images.images10 li.col4 {
    width: 100%;
  }
  .mainImages ul.images.images10 .div7 {
    display: block;
  }

  .articleHeader.contInn .title {
    padding: 20px 10px;
  }
  .articleHeader.contInn .title h1 {
    margin-bottom: 7px;
  }
  .articleHeader.contInn .leadText p {
    padding: 18px 10px;
    font-size: 17px;
  }

  .descBox.contInn {
    display: block;
  }
  .descBox .tool-content {
    padding: 0px;
    min-width: 300px;
    margin: 0 auto;
  }
  .descBox .desc-spot-content {
    width: 100%;
  }
  .descBox .desc-spot-content .description {
    padding: 30px 10px;
  }
  .descBox .desc-spot-content .listSpotInfo {
    padding: 30px 10px 30px 10px;
  }
  .descBox .desc-spot-content .listSpotInfo dl {
    display: block;
  }
  .descBox .desc-spot-content .listSpotInfo dl dt {
    margin-bottom: 7px;
  }

  .baseInfo {
    padding: 0 10px;
  }

  .movieBox.contInn {
    padding: 0 10px;
  }

  .sliderBox .slider-content {
    padding: 20px 10px;
  }

  .featureBox .contInn .listFeatureInfo dl {
    padding: 30px 10px;
  }

  .aroundInfo .googleMap {
    height: 350px;
  }
  .aroundInfo .markerToggle .contInn ul li {
    width: 50%;
    text-align: left;
  }
  .aroundInfo .markerToggle .contInn ul li label {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
}

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