@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : sightseeing.css
 author     : Ability Consultant
 style info : 観光
=================================================================== */
.con_sig h4, .con_sig .box_pick, .con_sig .box_sig {
  max-width: 1200px;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .con_sig h4, .con_sig .box_pick, .con_sig .box_sig {
    width: 91.66667%;
  }
}

/* font-awesome */
/* -----------------------------------------------------------
	con_int
----------------------------------------------------------- */
.con_int .box_int {
  overflow: hidden;
}
.con_int .box_int .box_txt {
  float: left;
  width: 44.16667%;
  text-align: left;
}
.con_int .box_int .box_txt .txt small {
  display: block;
  font-size: 83%;
}
@media only screen and (max-width: 1199px) {
  .con_int .box_int .box_txt {
    float: none;
    width: 100%;
    text-align: center;
  }
}
.con_int .box_int .photo {
  float: right;
  width: 51.16667%;
}
@media only screen and (max-width: 1199px) {
  .con_int .box_int .photo {
    float: none;
    width: 100%;
    margin-top: 5%;
  }
}

/* -----------------------------------------------------------
	con_map
----------------------------------------------------------- */
.con_map {
  position: relative;
}
.con_map .thum {
  position: relative;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.con_map .box_map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* -----------------------------------------------------------
	con_sig
----------------------------------------------------------- */
.con_sig {
  padding-top: 125px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .con_sig {
    padding-top: 2%;
  }
}
.con_sig h4 {
  margin-bottom: 65px;
  padding: .5em 0;
  font-weight: 100;
  display: block;
  text-align: center;
  background: url(../sightseeing/images/bg_st.jpg);
  position: relative;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","游明朝", YuMincho,  "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 160%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_sig h4 {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sig h4 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_sig h4 {
    font-size: 147%;
  }
}
@media only screen and (max-width: 767px) {
  .con_sig h4 {
    font-size: 134%;
  }
}
.con_sig h4:before, .con_sig h4:after {
  position: absolute;
  content: "";
  background: #658650;
  width: 3px;
  height: 88%;
  top: 6%;
  left: .4em;
}
.con_sig h4:after {
  left: auto;
  right: .4em;
}
@media only screen and (max-width: 767px) {
  .con_sig h4 {
    text-align: left;
    padding-left: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .con_sig h4:after {
    content: "";
    font-family: FontAwesome;
    margin-left: .5em;
  }
  .con_sig h4:after {
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    margin-left: 0;
    top: 50%;
    margin-top: -.75em;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
  }
  .con_sig h4.active:after {
    content: "";
  }
}
.con_sig .box_pick {
  max-width: 1130px;
  display: table;
}
@media only screen and (min-width: 1200px) {
  .con_sig .box_pick {
    width: 1130px;
  }
}
@media print {
  .con_sig .box_pick {
    width: 1130px;
  }
}
.ie8 .con_sig .box_pick {
  width: 1130px;
}
.con_sig .box_pick .photo {
  display: table-cell;
  vertical-align: middle;
  width: 53.09735%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_sig .box_pick .photo {
    overflow: hidden;
  }
  .con_sig .box_pick .photo img {
    position: relative;
    width: 120%;
    max-width: none;
    margin-left: -10%;
  }
}
.con_sig .box_pick .box_txt {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","游明朝", YuMincho,  "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  display: table-cell;
  vertical-align: middle;
  background: url(../images/common/bg_int.jpg);
  padding: 0 2.21239%;
}
.con_sig .box_pick .box_txt .pick {
  font-size: 160%;
  vertical-align: middle;
  padding-left: .5em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_sig .box_pick .box_txt .pick {
    font-size: 147%;
  }
}
@media only screen and (max-width: 767px) {
  .con_sig .box_pick .box_txt .pick {
    font-size: 134%;
  }
}
.con_sig .box_pick .box_txt .pick span {
  display: inline-block;
  vertical-align: middle;
}
.con_sig .box_pick .box_txt .pick:before, .con_sig .box_pick .box_txt .pick:after {
  width: 1px;
  height: 2em;
  content: "";
  background: #7b7a79;
  display: inline-block;
  vertical-align: middle;
}
.con_sig .box_pick .box_txt .pick:before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 1em;
}
.con_sig .box_pick .box_txt .pick:after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 1em;
}
.con_sig .box_pick .box_txt h5 {
  font-weight: 100;
  font-size: 160%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_sig .box_pick .box_txt h5 {
    font-size: 147%;
  }
}
@media only screen and (max-width: 767px) {
  .con_sig .box_pick .box_txt h5 {
    font-size: 134%;
  }
}
.con_sig .box_pick .box_txt .inf {
  margin-top: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_sig .box_pick .box_txt .inf {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sig .box_pick .box_txt .inf {
    margin-top: 5%;
  }
}
.con_sig .box_pick .box_txt div p {
  display: inline-block;
}
.con_sig .box_pick .box_txt div .tel:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
.con_sig .box_pick .box_txt div .time {
  font-size: 94%;
  margin-left: 1em;
}
.con_sig .box_pick .box_txt div .time:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
.con_sig .box_pick .box_txt.box_info {
  padding-top: 0;
}
.con_sig .box_pick .box_txt .box_btn {
  margin-top: 15px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .con_sig .box_pick .box_txt .box_btn {
    margin-top: 3%;
  }
}
@media only screen and (min-width: 768px) {
  .con_sig .box_pick .box_txt .box_btn {
    max-width: 200px;
  }
}
@media print {
  .con_sig .box_pick .box_txt .box_btn {
    max-width: 200px;
  }
}
.ie8 .con_sig .box_pick .box_txt .box_btn {
  max-width: 200px;
}
.con_sig .box_pick .box_txt .box_btn li {
  float: left;
}
.con_sig .box_pick .box_txt .box_btn li a {
  display: block;
  border: 1px solid #23351b;
  color: #fff;
  background: #567448;
  padding: .4em 0;
  text-align: center;
  text-decoration: none;
  -moz-transition: color 0.35s, background 0.35s;
  -o-transition: color 0.35s, background 0.35s;
  -webkit-transition: color 0.35s, background 0.35s;
  transition: color 0.35s, background 0.35s;
}
.con_sig .box_pick .box_txt .box_btn li a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
.con_sig .box_pick .box_txt .box_btn li a:hover {
  background: #fff;
  color: #567448;
}
.con_sig .box_pick .box_txt .box_btn li.btn_hp {
  width: 30.61224%;
  margin-right: 5.61224%;
}
.con_sig .box_pick .box_txt .box_btn li.btn_hp a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
.con_sig .box_pick .box_txt .box_btn li.btn_map {
  width: 63.77551%;
}
@media only screen and (max-width: 767px) {
  .con_sig .box_pick .box_txt .box_btn li {
    float: none;
  }
  .con_sig .box_pick .box_txt .box_btn li.btn_hp {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1%;
  }
  .con_sig .box_pick .box_txt .box_btn li.btn_map {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_sig .box_pick {
    display: block;
  }
  .con_sig .box_pick .photo {
    display: block;
    width: 100%;
  }
  .con_sig .box_pick .photo img {
    width: 100%;
  }
  .con_sig .box_pick .box_txt {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 6%;
  }
}
.con_sig .box_sig {
  max-width: 1130px;
  overflow: hidden;
  border-left: 1px solid #567448;
}
.con_sig .box_sig > li {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #567448;
  border-bottom: 1px solid #567448;
}
.con_sig .box_sig > li .photo {
  border-top: 1px solid #567448;
  border-bottom: 1px solid #567448;
}
.con_sig .box_sig > li .photo img {
  width: 100%;
  line-height: 1;
  vertical-align: middle;
}
.con_sig .box_sig > li div {
  padding: 6.63717%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","游明朝", YuMincho,  "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
.con_sig .box_sig > li div h5 {
  font-weight: 100;
  font-size: 107%;
}
.con_sig .box_sig > li div .txt {
  margin-top: 10px;
  font-size: 94%;
}
@media only screen and (max-width: 767px) {
  .con_sig .box_sig > li div .txt {
    margin-top: 2%;
  }
}
.con_sig .box_sig > li div .inf {
  margin-top: 10px;
  font-size: 94%;
}
@media only screen and (max-width: 767px) {
  .con_sig .box_sig > li div .inf {
    margin-top: 2%;
  }
}
.con_sig .box_sig > li div .tel:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
.con_sig .box_sig > li div .time {
  font-size: 94%;
}
.con_sig .box_sig > li div .time:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
.con_sig .box_sig > li div.box_info {
  padding-top: 0;
}
.con_sig .box_sig > li div .box_btn {
  margin-top: 15px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .con_sig .box_sig > li div .box_btn {
    margin-top: 3%;
  }
}
.con_sig .box_sig > li div .box_btn li {
  float: left;
}
.con_sig .box_sig > li div .box_btn li a {
  display: block;
  border: 1px solid #23351b;
  color: #fff;
  background: #567448;
  padding: .4em 0;
  text-align: center;
  text-decoration: none;
  -moz-transition: color 0.35s, background 0.35s;
  -o-transition: color 0.35s, background 0.35s;
  -webkit-transition: color 0.35s, background 0.35s;
  transition: color 0.35s, background 0.35s;
}
.con_sig .box_sig > li div .box_btn li a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
.con_sig .box_sig > li div .box_btn li a:hover {
  background: #fff;
  color: #567448;
}
.con_sig .box_sig > li div .box_btn li.btn_hp {
  width: 30.61224%;
  margin-right: 5.61224%;
}
.con_sig .box_sig > li div .box_btn li.btn_hp a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
.con_sig .box_sig > li div .box_btn li.btn_map {
  width: 63.77551%;
}
@media only screen and (max-width: 767px) {
  .con_sig .box_sig > li div .box_btn li {
    float: none;
  }
  .con_sig .box_sig > li div .box_btn li.btn_hp {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1%;
  }
  .con_sig .box_sig > li div .box_btn li.btn_map {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .con_sig .box_sig > li {
    width: 20%;
  }
  .con_sig .box_sig > li:nth-child(n+6) .photo {
    border-top: none;
  }
  .con_sig .box_sig > li:nth-child(5n+1) {
    clear: left;
  }
}
@media print {
  .con_sig .box_sig > li {
    width: 20%;
  }
  .con_sig .box_sig > li:nth-child(n+6) .photo {
    border-top: none;
  }
  .con_sig .box_sig > li:nth-child(5n+1) {
    clear: left;
  }
}
.ie8 .con_sig .box_sig > li {
  width: 20%;
}
.ie8 .con_sig .box_sig > li:nth-child(n+6) .photo {
  border-top: none;
}
.ie8 .con_sig .box_sig > li:nth-child(5n+1) {
  clear: left;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_sig .box_sig > li {
    width: 33.33333%;
  }
  .con_sig .box_sig > li:nth-child(3n+1) {
    clear: left;
  }
  .con_sig .box_sig > li:nth-child(n+4) .photo {
    border-top: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_sig .box_sig > li {
    width: 100%;
  }
  .con_sig .box_sig > li:nth-child(n+2) .photo {
    border-top: none;
  }
}
@media only screen and (min-width: 768px) {
  .con_sig.con_leisure .wrp_sig {
    display: block !important;
  }
  .con_sig.con_art .box_sig {
    display: block !important;
  }
}
@media print {
  .con_sig.con_leisure .wrp_sig {
    display: block !important;
  }
  .con_sig.con_art .box_sig {
    display: block !important;
  }
}
.ie8 .con_sig.con_leisure .wrp_sig {
  display: block !important;
}
.ie8 .con_sig.con_art .box_sig {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  .con_sig.con_leisure .wrp_sig {
    display: none;
  }
  .con_sig.con_art .box_sig {
    display: none;
  }
}

#footer {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  #footer {
    margin-top: 10%;
  }
}