/******** coror ********/
/********* parts *******/
/********************************************/
/********* parts *******/
.page_title .title {
  width: 342px;
  width: 45%;
}

.contentswrap {
  padding-bottom: 50px;
}

.main_image {
  margin-bottom: 20px;
}
.main_image .slide {
  position: relative;
  overflow: hidden;
}
.main_image .slide .wrap {
  width: 200%;
}
.main_image .slide .wrap p {
  width: 50%;
  float: left;
}
.main_image .slide .next {
  background: url("/assets/img/common/arrow_next.png") no-repeat center;
  -webkit-background-size: 40px;
  -o-background-size: 40px;
  background-size: 40px;
  width: 40px;
  height: 40px;
  width: 26px;
  height: 26px;
  -webkit-background-size: 26px;
  -o-background-size: 26px;
  background-size: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 20px;
}
.main_image .slide .prev {
  background: url("/assets/img/common/arrow_prev.png") no-repeat center;
  -webkit-background-size: 40px;
  -o-background-size: 40px;
  background-size: 40px;
  width: 40px;
  height: 40px;
  width: 26px;
  height: 26px;
  -webkit-background-size: 26px;
  -o-background-size: 26px;
  background-size: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 20px;
}
.main_image .pager {
  text-align: center;
  letter-spacing: -0.4em;
  margin-top: 10px;
  height: 16px;
}
.main_image .pager li {
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url("/sp/assets/img/common/nav_dots.png");
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  display: inline-block;
}
.main_image .pager li.current {
  background-position: bottom;
}
.main_image .pager li:not(:last-child) {
  margin-right: 5px;
}

.attraction_detail {
  margin: 0 20px 40px;
}
.attraction_detail h3 {
  font-size: 22px;
  margin-bottom: 20px;
  line-height: 1.2;
}
.attraction_detail .lead {
  line-height: 1.4;
  font-size: 16px;
  margin-bottom: 10px;
}
.attraction_detail .disc {
  line-height: 1.4;
  font-size: 14px;
  margin-bottom: 15px;
}
.attraction_detail .copy {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.attraction_detail .notes {
  font-size: 10px;
  line-height: 1.2;
  text-indent: -1em;
  margin-left: 1em;
}
.attraction_detail .movie {
  margin-top: 25px;
  position: relative;
  overflow: hidden;
  padding-top: 54%;
}
.attraction_detail .movie .cover {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  top: 0;
}
.attraction_detail .movie iframe {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.attraction_info {
  margin: 0 20px 40px;
}
.attraction_info h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.attraction_info .att_info {
  margin-bottom: 15px;
}
.attraction_info .att_info .info_list {
  width: 100%;
  border-top: 1px solid #d4d4d4;
}
.attraction_info .att_info .info_list li:not(:last-child) {
  border-bottom: 1px solid #d4d4d4;
}
.attraction_info .att_info .info_list li {
  padding: 15px 0;
  font-size: 14px;
}
.attraction_info .att_info .info_list .icon {
  background: no-repeat left center;
  -webkit-background-size: 22px;
  -o-background-size: 22px;
  background-size: 22px;
  padding-left: 28px;
  min-height: 22px;
  line-height: 22px;
}
.attraction_info .att_info .info_list .height {
  background-image: url("/assets/img/attraction/icon_height.png");
}
.attraction_info .att_info .info_list .age {
  background-image: url("/assets/img/attraction/icon_age.png");
}
.attraction_info .att_info .info_list .price {
  background-image: url("/assets/img/attraction/icon_price.png");
}
.attraction_info .att_info .info_list .people {
  background-image: url("/assets/img/attraction/icon_capacity.png");
}
.attraction_info .att_info .info_list .time {
  background-image: url("/assets/img/attraction/icon_time.png");
}
.attraction_info .att_info .info_list .other {
  line-height: 1.7;
}
.attraction_info .att_info .info_list .tag li {
  float: left;
  text-indent: -500px;
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin-right: 6px;
  background: no-repeat center;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  padding: 0;
}
.attraction_info .att_info .info_list .tag li.priority {
  background-image: url("/assets/img/attraction/tag_zekkyo.gif");
}
.attraction_info .att_info .info_list .tag li.rain {
  background-image: url("/assets/img/attraction/tag_rain.gif");
}
.attraction_info .att_info .info_list .tag li.thomaspass {
  background-image: url("/assets/img/attraction/tag_thomas.gif");
}
.attraction_info .att_info .info_list .tag li.senior {
  background-image: url("/assets/img/attraction/tag_senior.gif");
}
.attraction_info .att_info .info_list .tag li.handy {
  background-image: url("/assets/img/attraction/tag_handy.gif");
}
.attraction_info .shop_list {
  margin-bottom: 20px;
}
.attraction_info .shop_list ul {
  width: 100%;
  border-top: 1px solid #d4d4d4;
}
.attraction_info .shop_list ul li {
  font-size: 14px;
  border-bottom: 1px solid #d4d4d4;
}
.attraction_info .shop_list ul li a {
  color: #e60012;
  display: block;
  width: 100%;
  background: url("/assets/img/common/arrow_next.png") no-repeat right center;
  -webkit-background-size: 17px;
  -o-background-size: 17px;
  background-size: 17px;
  height: 20px;
  line-height: 20px;
  padding: 15px 0;
}
.attraction_info .banner_area li {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 10px;
}
.attraction_info .banner_area.view li {
  margin-bottom: 0;
}

.att_map {
  overflow: hidden;
  position: relative;
}
.att_map .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../img/attraction/map/icon_gesture.png") no-repeat center rgba(0, 0, 0, 0.6);
  -webkit-background-size: 50px;
  -o-background-size: 50px;
  background-size: 50px;
  top: 0;
  left: 0;
}
.att_map .btn_up {
  width: 40px;
  height: 40px;
  background: #FFF;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: center;
  line-height: 40px;
}
.att_map .btn_down {
  width: 40px;
  height: 40px;
  background: #FFF;
  position: absolute;
  top: 60px;
  left: 10px;
  text-align: center;
  line-height: 40px;
}

.att_links {
  margin: 20px;
}
.att_links li {
  width: 48%;
  background: url("/assets/img/common/arrow_white.png") no-repeat 95% center;
  -webkit-background-size: 6px;
  -o-background-size: 6px;
  background-size: 6px;
  background-color: #e60012;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.att_links li a {
  color: #FFF;
  display: block;
  width: 100%;
  padding: 15px 0;
  text-decoration: none;
  font-size: 14px;
}
.att_links li:nth-child(odd) {
  float: left;
}
.att_links li:nth-child(even) {
  float: right;
}

.another_contents {
  background: #ededed;
  margin-bottom: 20px;
  padding: 20px 0;
}
.another_contents h3 {
  text-align: center;
  margin-bottom: 17px;
}
.another_contents .slider {
  letter-spacing: -0.4em;
  overflow: hidden;
  position: relative;
}
.another_contents .slider .wrap {
  width: 2000px;
}
.another_contents .slider a {
  color: #000;
  text-decoration: none;
}
.another_contents .slider dl {
  width: 140px;
  display: inline-block;
  margin-left: 10px;
  letter-spacing: 0em;
  background: #FFF;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.another_contents .slider dl dd {
  font-size: 12px;
  height: 50px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  line-height: 1.2;
}
.another_contents .slider .next {
  background: url("/assets/img/common/arrow_next.png") no-repeat center;
  -webkit-background-size: 40px;
  -o-background-size: 40px;
  background-size: 40px;
  width: 40px;
  height: 40px;
  width: 26px;
  height: 26px;
  -webkit-background-size: 26px;
  -o-background-size: 26px;
  background-size: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 20px;
}
.another_contents .slider .prev {
  background: url("/assets/img/common/arrow_prev.png") no-repeat center;
  -webkit-background-size: 40px;
  -o-background-size: 40px;
  background-size: 40px;
  width: 40px;
  height: 40px;
  width: 26px;
  height: 26px;
  -webkit-background-size: 26px;
  -o-background-size: 26px;
  background-size: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 20px;
}