@charset "utf-8";
/* CSS Document */

.sightseeing_list {
	background-color: #E3DFD3;
}
.sightseeing_list .lead {
	margin-top: 128px;
	padding-top: 70px;
}
.sightseeing_list .lead p {
	margin-top: 25px;
}
.sightseeing_list .lead::before,.sightseeing_list .lead::after {
	content: none;
}
section + section {
	margin-top: 70px;
}

@media only screen and (max-width: 770px){
	.sightseeing_list .lead {
		margin-top: 46px;
	}
	.sp-title {
		text-align: center;
		line-height: 1.6;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: 13px;
		background: #2F312F;
		color: #ffffff;
		padding: 5px 0;
	}
	.bg_r {
		text-align: right;
	}
	.bg_l {
		text-align: left;
	}
	.bg_r img,.bg_l img {
		width: 50%!important;
	}
}

/* map */

.pc-mapbox{display: block;}
.sp-mapbox{display: none;}

.pc-mapbox {
	position: relative;
	max-width: 1100px;
  	margin: 0 auto;
}
.pc-mapbox .mapimg {
	width: 100%;
	height: auto;
}
.pc-mapbox li {
	text-align: left;
}
.pc-mapbox li span {
	/* padding: 0 15px 0 0; */
	display: block;
}
.pc-mapbox  li.szj {
	text-align: right;
}
.hotel-link p {
  background-color: #8BAB79;
  border: 4px solid #64935C;
  border-radius: 40px;
  text-align: center;
  padding: 10px 20px;
  position: absolute;
	cursor: pointer;
	width: 300px;
}
.pc-mapbox a {
	font-size: 15px;
    transition: opacity .25s ease-in-out;
    text-decoration: none;
    color: #ffffff;
	line-height: 1.3;
}
.pc-mapbox li.zmh {
	font-size: 15px;
    transition: opacity .25s ease-in-out;
    text-decoration: none;
    color: #533C32;
	line-height: 1.3;
}
.pc-mapbox li.zmh p {
  cursor: default;
}
.pc-mapbox li.zmh span {
	font-size: 10px;
}
.pc-mapbox li.zmh a {
	margin-top: 10px;
}
.pc-mapbox a span {
	font-size: 10px;
}
.pc-mapbox a:hover {
	opacity: .65;
}
.hotel-link li.nas p {
  top: 0.6%;
  left: 0%;
}
.hotel-link li.kmh p {
  top: 20%;
  left: 0%;
}
.hotel-link li.cyh p {
  top: 38.6%;
  left: 0%;
}
.hotel-link li.bmh p {
  top: 58%;
  left: 0%;
}
.hotel-link li.ymh p {
  top: 0.6%;
  right: 0.2%;
}
.hotel-link li.gor p {
  top: 20%;
  right: 0.2%;
}
.hotel-link li.zmh p {
  top: 48%;
  right: 0.2%;
}

/* map icon before  after */
.hotel-link li.nas:before {
  left: 56.3%;
  top: 37%;
}
.hotel-link li.nas:hover:after {
  left: 55.4%;
  top: 35.5%;
}

.hotel-link li.kmh:before {
  left: 55.4%;
  top: 38.5%;
}
.hotel-link li.kmh:hover:after {
  left: 54.5%;
  top: 37%;
}

.hotel-link li.cyh:before {
  left: 54%;
  top: 36.3%;
}
.hotel-link li.cyh:hover:after {
  left: 53.1%;
  top: 34.8%;
}

.hotel-link li.bmh:before {
  left: 46.3%;
  top: 46.8%;
}
.hotel-link li.bmh:hover:after {
  left: 45.4%;
  top: 45.4%;
}

.hotel-link li.ymh:before {
  top: 43.5%;
  right: 45.8%;
}
.hotel-link li.ymh:hover:after {
  top: 41.9%;
  right: 44.9%;
}

.hotel-link li.gor:before {
  top: 45.1%;
  right: 44.7%;
}
.hotel-link li.gor:hover:after {
  top: 43.6%;
  right: 43.8%;
}

.hotel-link li.zmh:before {
  top: 47.1%;
  right: 45.1%;
}
.hotel-link li.zmh:hover:after {
  top: 45.7%;
  right: 44.2%;
}

.hotel-link li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  text-align: center;
  background-image: url(../img/icon_dog.svg);
}
.hotel-link li:hover:before {
  opacity: 0.6;
}
.hotel-link li:hover:after{
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: rgba(126, 119, 119, 0.3);
  z-index: 5;
  border-radius: 100%;
}
.arrow{
	display: inline-block;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 12px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
li.zmh a.arrow::before,
li.zmh a.arrow::after{
	top: -6px;
}
.arrow_r::before{
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	background-color: #ffffff;
	border: 1px solid #82ac74;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.arrow_r::after{
	left: 16px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #82ac74;
	border-right: 2px solid #82ac74;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow2{
	display: inline-block;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow2::before,
.arrow2::after{
	position: absolute;
	top: 40px;
	bottom: 0;
	left: 12px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrow_r2::before{
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	background-color: #ffffff;
	border: 1px solid #82ac74;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.arrow_r2::after{
	left: 16px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #82ac74;
	border-right: 2px solid #82ac74;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mb10 { margin-bottom: 10px;}

@media screen and (max-width:700px) {
  .pc-mapbox{display: none;}
  .sp-mapbox{display: block;}

  .refine-box {
    margin: 0 0 30px;
  }
  .refine-box > div {
    display: none;
    visibility: visible;
  }
  .refine-box .chubu p {
    text-align: center;
    font-size: 15px;
    color: #FFF;
    background: #aaa;
    padding: 10px 0;
  }
  .refine-btnbox ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin: 0 0 30px;
  }
  .refine-btnbox ul li {
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    width: 33%;
  }
  .refine-btnbox ul li.active{
    border-bottom: 6px solid #000;
  }
  .hotels-link {
    font-size: 0;
  }
  .hotels-link li {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
  }
  .hotels-link li a {
    display: block;
    position: relative;
  }
  .hotels-link li a img {
    width: 100%;
    height: auto;
  }
  .hotels-link li a span {
      position: absolute;
      bottom: 5px;
      display: block;
      text-align: center;
      font-size: 4vw;
      color: #FFF;
      width: 100%;
      line-height: 1.3;
      background: rgba(0, 0, 0, 0.5);
      padding: 5px 0;
  }

}