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

 file name  : access.css
 author     : Ability Consultant
 style info : アクセス
=================================================================== */
.con_maps, .con_tab_access {
  max-width: 1200px;
  margin: auto;
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
  .con_maps, .con_tab_access {
    width: 95%;
  }
}
@media print {
  .con_maps, .con_tab_access {
    width: 95%;
  }
}
.ie8 .con_maps, .ie8 .con_tab_access {
  width: 95%;
}
@media only screen and (max-width: 1023px) {
  .con_maps, .con_tab_access {
    width: 95%;
  }
}

.con_tab_access #tab_access:after, .btn_lnk:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
/* -----------------------------------------------------------
	con_maps
----------------------------------------------------------- */
.con_maps {
  overflow: hidden;
  *zoom: 1;
}
.con_maps .box_map {
  overflow: hidden;
  *zoom: 1;
  border: 9px solid #f1f1f1;
}
@media only screen and (max-width: 767px) {
  .con_maps .box_map {
    border-width: 3px;
  }
}
.con_maps .box_map #map {
  height: 530px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_maps .box_map #map {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .con_maps .box_map #map {
    height: 250px;
  }
}
.con_maps .box_map_info {
  overflow: hidden;
  *zoom: 1;
  padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_maps .box_map_info {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_maps .box_map_info {
    padding: 1.5em 0;
  }
}
.con_maps .box_map_info .box_img {
  width: 35.41667%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_maps .box_map_info .box_img {
    width: 100%;
    margin-bottom: 2em;
  }
  .con_maps .box_map_info .box_img img {
    width: 100%;
  }
}
.con_maps .box_map_info h4 img {
  vertical-align: middle;
  margin-right: .5em;
}
.con_maps .box_map_info .box_info {
  width: 62.5%;
  float: right;
  font-size: 108%;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .con_maps .box_map_info .box_info {
    width: 100%;
  }
}
.con_maps .box_map_info .add {
  margin-bottom: 1em;
}
.con_maps .box_map_info .list_item {
  margin: .5em 0 1em;
}

/* -----------------------------------------------------------
	con_tab_access
----------------------------------------------------------- */
.con_tab_access {
  overflow: hidden;
  *zoom: 1;
}
.con_tab_access #tab_access ul {
  text-align: center;
}
.con_tab_access #tab_access ul li {
  cursor: pointer;
  float: left;
  width: 24.41667%;
  margin-right: 0.75%;
  text-align: center;
  padding: .8em 0;
  background: #d8d8d8;
  font-size: 124%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_tab_access #tab_access ul li:nth-child(4n) {
    margin-right: 0;
  }
}
@media print {
  .con_tab_access #tab_access ul li:nth-child(4n) {
    margin-right: 0;
  }
}
.ie8 .con_tab_access #tab_access ul li:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .con_tab_access #tab_access ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 4%;
    font-size: 108%;
  }
  .con_tab_access #tab_access ul li:nth-child(2n) {
    margin-right: 0;
  }
}
.con_tab_access #tab_access ul li a {
  text-decoration: none;
  display: block;
}
.con_tab_access #tab_access ul li.active {
  cursor: default;
  background: #bd9038;
  color: white;
}
.con_tab_access #tab_access ul li.active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #bd9038 transparent transparent transparent;
}
.con_tab_access #panel .tab_content {
  padding-top: 2em;
  display: none;
}
.con_tab_access #panel .tab_content:first-child {
  display: block;
}
.con_tab_access .box_map_access {
  overflow: hidden;
  *zoom: 1;
  max-width: 88.16667%;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_tab_access .box_map_access {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_tab_access .box_map_access {
    max-width: 100%;
  }
}
.con_tab_access .box_map_access .box_minu {
  width: 36.38941%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_tab_access .box_map_access .box_minu {
    width: 100%;
  }
}
.con_tab_access .box_map_access .box_minu h4 {
  font-size: 170%;
  margin-bottom: .5em;
  font-weight: normal;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_tab_access .box_map_access .box_minu h4 {
    font-size: 139%;
  }
}
.con_tab_access .box_map_access .box_minu h4:before {
  content: "";
  width: 8px;
  height: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: .3em;
}
.con_tab_access .box_map_access .box_minu h4.st01:before {
  background: #72a900;
}
.con_tab_access .box_map_access .box_minu h4.st02:before {
  background: #c28c00;
}
.con_tab_access .box_map_access .box_minu h4.st03:before {
  background: #004783;
}
.con_tab_access .box_map_access .box_minu .tbl_access {
  width: 100%;
  margin-bottom: 2em;
}
.con_tab_access .box_map_access .box_minu .tbl_access th, .con_tab_access .box_map_access .box_minu .tbl_access td {
  padding: .5em;
  font-size: 108%;
  border: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .con_tab_access .box_map_access .box_minu .tbl_access th, .con_tab_access .box_map_access .box_minu .tbl_access td {
    font-size: 100%;
  }
}
.con_tab_access .box_map_access .box_minu .tbl_access th {
  background: #dff6b6;
  text-align: center;
  font-weight: normal;
  width: 20%;
}
.con_tab_access .box_map_access .box_minu .tbl_access td {
  text-align: center;
}
.con_tab_access .box_map_access .box_img_access {
  width: 59.64083%;
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_tab_access .box_map_access .box_img_access {
    width: 100%;
    margin-bottom: 3%;
  }
  .con_tab_access .box_map_access .box_img_access img {
    width: 100%;
  }
}
.con_tab_access .txt_info {
  margin: 0 0 2em;
}
.con_tab_access .box_station {
  overflow: hidden;
  *zoom: 1;
  background: #f8f8f8;
  padding: 2em 5.83333%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_tab_access .box_station {
    padding: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_tab_access .box_station {
    padding: 3%;
  }
}
.con_tab_access .box_station h4 {
  font-size: 170%;
  font-weight: normal;
  margin-bottom: .8em;
}
.con_tab_access .box_station h4 img {
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_tab_access .box_station h4 {
    font-size: 154%;
  }
}
@media only screen and (max-width: 767px) {
  .con_tab_access .box_station h4 {
    font-size: 139%;
  }
}
.con_tab_access .list_station {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 2em;
}
.con_tab_access .list_station li {
  float: left;
  width: 19.90566%;
  margin-right: 6.69811%;
}
@media only screen and (max-width: 767px) {
  .con_tab_access .list_station li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 5%;
  }
  .con_tab_access .list_station li:nth-child(2n) {
    margin-right: 0;
  }
}
.con_tab_access .list_station li .img {
  border: 4px solid #000000;
  margin-bottom: .5em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_tab_access .list_station li .img img {
    width: 100%;
  }
}
.con_tab_access .list_station li .img:after {
  content: "";
  background: url(../access/images/ic_arrow.jpg) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 110%;
  top: 50%;
  width: 35px;
  height: 62px;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_tab_access .list_station li .img:after {
    width: 2em;
    height: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_tab_access .list_station li .img:after {
    display: none;
  }
}
.con_tab_access .list_station li:last-child {
  margin-right: 0;
}
.con_tab_access .list_station li .title_station {
  font-size: 108%;
}
@media only screen and (max-width: 767px) {
  .con_tab_access .list_station li .title_station {
    font-size: 90%;
  }
}
.con_tab_access .img_access_car {
  overflow: hidden;
  *zoom: 1;
}
.con_tab_access .img_access_car .img {
  text-align: center;
  margin-bottom: 1em;
}
.con_tab_access .img_access_car .txt {
  font-size: 124%;
  line-height: 1.8;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_tab_access .img_access_car .txt {
    font-size: 100%;
    text-align: left;
  }
}
.con_tab_access .box_access {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 2em;
}
.con_tab_access .box_access h4 {
  font-size: 170%;
  font-weight: normal;
  text-align: center;
  margin-bottom: .5em;
}
.con_tab_access .box_access .txt_note {
  margin-top: 1em;
  font-size: 108%;
}
@media only screen and (max-width: 767px) {
  .con_tab_access .box_access .txt_note {
    font-size: 100%;
  }
}
.mouse .con_tab_access .box_access .txt_note a:hover, .touch .con_tab_access .box_access .txt_note a.touchstart {
  text-decoration: none;
}
.touch .con_tab_access .box_access .txt_note a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_tab_access .box_access .txt_note a.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_tab_access .box_access_sp {
  width: 100%;
}
.con_tab_access .box_access_sp .st_access {
  background: #dadada;
  padding: .5em;
  text-align: center;
  font-size: 108%;
  font-weight: normal;
  position: relative;
  margin-bottom: .5em;
}
.con_tab_access .box_access_sp .st_access:before, .con_tab_access .box_access_sp .st_access:after {
  font-family: FontAwesome;
  vertical-align: middle;
}
.con_tab_access .box_access_sp .st_access > * {
  vertical-align: middle;
  display: inline;
}
.con_tab_access .box_access_sp .st_access:after {
  content: "\f107";
  margin-left: .5em;
  position: absolute;
  right: 1em;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 0;
}
.con_tab_access .box_access_sp .st_access.active {
  margin-bottom: 0;
}
.con_tab_access .box_access_sp .st_access.active:before, .con_tab_access .box_access_sp .st_access.active:after {
  font-family: FontAwesome;
  vertical-align: middle;
}
.con_tab_access .box_access_sp .st_access.active > * {
  vertical-align: middle;
  display: inline;
}
.con_tab_access .box_access_sp .st_access.active:after {
  content: "\f106";
  margin-left: .5em;
}
@media only screen and (max-width: 767px) {
  .con_tab_access .box_access_sp .box_acc_sp {
    display: none;
  }
}
.con_tab_access .box_access_sp .tbl_access {
  width: 100%;
  margin-bottom: 2em;
}
.con_tab_access .box_access_sp .tbl_access th, .con_tab_access .box_access_sp .tbl_access td {
  padding: .5em;
  text-align: center;
  font-size: 108%;
}
.con_tab_access .box_access_sp .tbl_access th, .con_tab_access .box_access_sp .tbl_access td.point {
  background: #dadada;
}
.con_tab_access .box_access_sp .tbl_access .end {
  background: #2f1805;
  color: white;
}
.con_tab_access .box_access_sp .tbl_access .way {
  padding: 2em 0;
  background: transparent url("../access/images/line_way.png") 10% top repeat-y;
  text-align: left;
}
.con_tab_access .box_access_sp .tbl_access .way span {
  max-width: 80%;
  margin-left: 15%;
  display: inline-block;
}
.con_tab_access .box_access_sp .tbl_access .way span i {
  font-size: 154%;
}

/* -----------------------------------------------------------
	btn_lnk
----------------------------------------------------------- */
.btn_lnk {
  margin-top: 1em;
}
.btn_lnk a {
  display: block;
  width: 48.5%;
  border: 1px solid #dddddd;
  text-align: center;
  padding: .5em 0;
  font-size: 93%;
  text-decoration: none;
  float: left;
}
.btn_lnk a:before, .btn_lnk a:after {
  font-family: FontAwesome;
  vertical-align: middle;
}
.btn_lnk a > * {
  vertical-align: middle;
  display: inline;
}
.btn_lnk a:after {
  content: "\f105";
  margin-left: .5em;
}
.btn_lnk a:last-child {
  float: right;
}

/* -----------------------------------------------------------
	con_around
----------------------------------------------------------- */
.con_around {
  overflow: hidden;
  *zoom: 1;
  margin: 65px auto 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_around {
    margin: 50px auto 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_around {
    margin: 3em auto 1em;
  }
}
.con_around h4 {
  font-size: 170%;
  font-weight: 500;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  margin-bottom: .3em;
}
@media only screen and (max-width: 767px) {
  .con_around h4 {
    font-size: 139%;
  }
}
.con_around .container {
  position: relative;
  z-index: 0;
  background: #f8f8f8;
}
.con_around .container:before {
  content: url(../access/images/img_arround_left.jpg);
  position: absolute;
  right: 100%;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .con_around .container:before {
    display: none;
  }
}
.con_around .container:after {
  content: url(../access/images/img_arround_right.jpg);
  position: absolute;
  left: 100%;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .con_around .container:after {
    display: none;
  }
}
.con_around .container .img_around {
  background: url(../access/images/img_around.jpg) no-repeat center center;
  background-size: cover;
  padding: 4em 1em;
  color: white;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_around .container .img_around {
    padding: 2em 1em;
  }
}
.con_around .container .img_around .st_tmp02 span {
  color: white;
}
.con_around .container .img_around .sst_arround {
  font-size: 170%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  margin: .3em 0 .7em;
}
@media only screen and (max-width: 767px) {
  .con_around .container .img_around .sst_arround {
    font-size: 139%;
  }
}
.con_around .container .img_around .txt {
  font-size: 108%;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .con_around .container .img_around .txt {
    font-size: 100%;
    line-height: 1.6;
  }
}
.con_around .box_around_info {
  overflow: hidden;
  *zoom: 1;
  padding: 2.5% 5.83333%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_around .box_around_info {
    padding: 2.5% 3%;
  }
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info {
    padding: 5% 0 3%;
  }
}
.con_around .box_around_info li {
  overflow: hidden;
  *zoom: 1;
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info li h4 {
    font-size: 124%;
    position: relative;
    padding: .5em 2em .5em .5em;
    background: #f1f1f1;
  }
  .con_around .box_around_info li h4:before, .con_around .box_around_info li h4:after {
    font-family: FontAwesome;
    vertical-align: middle;
  }
  .con_around .box_around_info li h4 > * {
    vertical-align: middle;
    display: inline;
  }
  .con_around .box_around_info li h4:after {
    content: "\f107";
    margin-left: .5em;
    position: absolute;
    right: 1em;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .con_around .box_around_info li h4.active:before, .con_around .box_around_info li h4.active:after {
    font-family: FontAwesome;
    vertical-align: middle;
  }
  .con_around .box_around_info li h4.active > * {
    vertical-align: middle;
    display: inline;
  }
  .con_around .box_around_info li h4.active:after {
    content: "\f106";
    margin-left: .5em;
  }
}
.con_around .box_around_info li .box_imperial {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #cacaca;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_around .box_around_info li .box_imperial {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info li .box_imperial {
    padding-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_around .box_around_info li .box_imperial {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info li .box_imperial {
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info li .box_imperial {
    display: none;
    padding: 3% 3% 5%;
  }
}
.con_around .box_around_info li .box_imperial .box_txt {
  width: 51.41509%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info li .box_imperial .box_txt {
    width: 100%;
    margin-bottom: 3%;
  }
}
.con_around .box_around_info li .box_imperial .img {
  width: 45.75472%;
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info li .box_imperial .img {
    width: 100%;
  }
  .con_around .box_around_info li .box_imperial .img img {
    width: 100%;
  }
}
.con_around .box_around_info li .box_imperial .txt_desc, .con_around .box_around_info li .box_imperial p {
  font-size: 108%;
  line-height: 1.8;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info li .box_imperial .txt_desc, .con_around .box_around_info li .box_imperial p {
    font-size: 100%;
    line-height: 1.6;
  }
}
.con_around .box_around_info li .st_garden {
  font-size: 108%;
  line-height: 1.8;
  position: relative;
}
.con_around .box_around_info li .st_garden:before {
  height: 1em;
  width: 1em;
  background: #535353;
  content: "";
  vertical-align: middle;
  display: inline-block;
  margin-right: .5em;
}
.con_around .box_around_info li.img_right h4 {
  text-align: center;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info li.img_right h4 {
    text-align: left;
    margin-bottom: .5em;
  }
}
.con_around .box_around_info li.img_right .img {
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info li.img_right .img {
    margin-bottom: 3%;
  }
}
.con_around .box_around_info li.img_right .box_txt {
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_around .box_around_info li.img_right .box_txt {
    margin-bottom: 0;
  }
}
.con_around .box_around_info li:last-child .box_imperial {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.con_around .box_museums {
  overflow: hidden;
  *zoom: 1;
  padding: 0 3.5% 3.5%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_around .box_museums {
    padding: 0 3% 3%;
  }
}
@media only screen and (max-width: 767px) {
  .con_around .box_museums {
    padding: 3%;
  }
}
.con_around .box_museums .box_museums_inner {
  background: white;
  padding: 3.1362%;
}
.con_around .box_museums .box_museums_inner h4 {
  text-align: center;
  margin-bottom: 1em;
}
.con_around .box_museums .box_museums_inner ul {
  overflow: hidden;
  *zoom: 1;
}
.con_around .box_museums .box_museums_inner ul li {
  width: 32.50478%;
  float: left;
  margin-right: 1.24283%;
  margin-bottom: 1.91205%;
}
.con_around .box_museums .box_museums_inner ul li:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .con_around .box_museums .box_museums_inner ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
}
.con_around .box_museums .box_museums_inner ul li .st_museums {
  font-size: 124%;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .con_around .box_museums .box_museums_inner ul li .st_museums {
    font-size: 116%;
  }
}
.con_around .box_museums .box_museums_inner ul li .txt {
  font-size: 108%;
}

/* -----------------------------------------------------------
	con_other_singhtseeing
----------------------------------------------------------- */
.con_other_singhtseeing {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 4em;
}
.con_other_singhtseeing h3 {
  font-size: 170%;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-weight: 500;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .con_other_singhtseeing h3 {
    font-size: 139%;
  }
}
.con_other_singhtseeing .txt {
  font-size: 108%;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 3em;
}
@media only screen and (max-width: 767px) {
  .con_other_singhtseeing .txt {
    font-size: 100%;
    line-height: 1.6;
  }
}
.con_other_singhtseeing .container {
  background: #f8f8f8;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.5% 5%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_other_singhtseeing .container {
    padding: 2.5% 3%;
  }
}
@media only screen and (max-width: 767px) {
  .con_other_singhtseeing .container {
    padding: 5% 3% 3%;
  }
}
.con_other_singhtseeing .container .list_sightseeing {
  overflow: hidden;
  *zoom: 1;
}
.con_other_singhtseeing .container .list_sightseeing li {
  width: 32.07547%;
  float: left;
  margin-right: 1.88679%;
  margin-bottom: 1.88679%;
  background: white;
  position: relative;
  padding-bottom: 6em;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_other_singhtseeing .container .list_sightseeing li {
    padding-bottom: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_other_singhtseeing .container .list_sightseeing li {
    padding-bottom: 0;
  }
}
.con_other_singhtseeing .container .list_sightseeing li:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .con_other_singhtseeing .container .list_sightseeing li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3%;
    height: auto !important;
  }
  .con_other_singhtseeing .container .list_sightseeing li .img {
    margin-bottom: 3%;
  }
  .con_other_singhtseeing .container .list_sightseeing li .img img {
    width: 100%;
  }
  .con_other_singhtseeing .container .list_sightseeing li .box_acc_inner {
    display: none;
  }
}
.con_other_singhtseeing .container .list_sightseeing li h4 {
  padding: .5em 5%;
  text-align: center;
  font-weight: normal;
}
.con_other_singhtseeing .container .list_sightseeing li h4 span {
  display: block;
}
.con_other_singhtseeing .container .list_sightseeing li h4 span.lg {
  font-size: 170%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_other_singhtseeing .container .list_sightseeing li h4 span.lg {
    font-size: 139%;
  }
}
@media only screen and (max-width: 767px) {
  .con_other_singhtseeing .container .list_sightseeing li h4 span.lg {
    font-size: 124%;
  }
}
.con_other_singhtseeing .container .list_sightseeing li h4 span.sm {
  font-size: 100%;
  letter-spacing: -1px;
}
@media only screen and (max-width: 767px) {
  .con_other_singhtseeing .container .list_sightseeing li h4 span.sm {
    font-size: 93%;
  }
}
@media only screen and (max-width: 767px) {
  .con_other_singhtseeing .container .list_sightseeing li h4 {
    position: relative;
    padding: .5em 2em .5em .5em;
    background: #f1f1f1;
  }
  .con_other_singhtseeing .container .list_sightseeing li h4:before, .con_other_singhtseeing .container .list_sightseeing li h4:after {
    font-family: FontAwesome;
    vertical-align: middle;
  }
  .con_other_singhtseeing .container .list_sightseeing li h4 > * {
    vertical-align: middle;
    display: inline;
  }
  .con_other_singhtseeing .container .list_sightseeing li h4:after {
    content: "\f107";
    margin-left: .5em;
    position: absolute;
    right: 1em;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .con_other_singhtseeing .container .list_sightseeing li h4.active:before, .con_other_singhtseeing .container .list_sightseeing li h4.active:after {
    font-family: FontAwesome;
    vertical-align: middle;
  }
  .con_other_singhtseeing .container .list_sightseeing li h4.active > * {
    vertical-align: middle;
    display: inline;
  }
  .con_other_singhtseeing .container .list_sightseeing li h4.active:after {
    content: "\f106";
    margin-left: .5em;
  }
  .con_other_singhtseeing .container .list_sightseeing li h4.active span {
    display: block;
  }
}
.con_other_singhtseeing .container .list_sightseeing li .txt_desc {
  font-size: 108%;
  padding: 0 5%;
}
@media only screen and (max-width: 1023px) {
  .con_other_singhtseeing .container .list_sightseeing li .txt_desc {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_other_singhtseeing .container .list_sightseeing li .txt_desc {
    margin-top: 1em;
  }
}
.con_other_singhtseeing .container .list_sightseeing li .btn_lnk {
  padding: .5em 5% 5%;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .con_other_singhtseeing .container .list_sightseeing li .btn_lnk {
    position: absolute;
    bottom: 1.5em;
    margin-top: 0;
    padding-bottom: 0;
  }
}
@media print {
  .con_other_singhtseeing .container .list_sightseeing li .btn_lnk {
    position: absolute;
    bottom: 1.5em;
    margin-top: 0;
    padding-bottom: 0;
  }
}
.ie8 .con_other_singhtseeing .container .list_sightseeing li .btn_lnk {
  position: absolute;
  bottom: 1.5em;
  margin-top: 0;
  padding-bottom: 0;
}