@charset "utf-8";



/* ==========================================================================
   Rules moved from the old asset/css/base.css (deleted).
   Only the declarations that still have an effect on the pages that load this
   file; everything else was already covered by reset.css / all.css.
   ========================================================================== */

/* link hover effect (previously "alphaRO" in the old asset/js/base.js) */
a:hover {
    opacity: 0.7;
}

.only-pc {
    display: none;
}

@media print, screen and (min-width:768px) {
    .only-pc {
        display: block;
    }
}

.main-wrap {
    padding: 4rem 0 10rem;
}

@media print, screen and (min-width:768px) {
    .main-wrap {
        padding: 6rem 0;
    }
}

@media print, screen and (min-width:1024px) {
    .main-wrap {
        padding: 8rem 0;
    }
}

.main-wrap { padding-top: 0; }

.rental-kv{ text-align: center;}

.rental-lead { padding: 4rem 0; font-weight: bold; text-align: center; line-height: 2;}

@media print, screen and (min-width: 768px) {
.rental-lead { padding: 6rem 0 4rem; font-size: 1.6rem;}
}
@media print, screen and (min-width: 1024px) {
.rental-lead { padding: 14rem 0 4rem; font-size: 2rem; line-height: inherit;}
}




.rental-search { padding: 4rem 0; border-top: #C8C8C8 1px solid;}
.rental-search-title { font-size: 2rem; font-weight: bold; text-align: center;}
.rental-search-ex { margin-top: 1rem; text-align: center;}
.rental-search-map { position: relative; max-width: 88.3rem; margin: 2rem auto 0; }
.rental-search-map .pin { position: absolute; width: 1.5rem;}
.rental-search-memo { max-width: 60rem; margin: 0 auto; padding: 1rem 0.5rem; border: #C8C8C8 1px solid; font-weight: bold; text-align: center;}

@media print, screen and (min-width: 768px) {
.rental-search { padding: 6rem 0; }
.rental-search-title { font-size: 2.5rem; }
.rental-search-memo { margin-top: 3rem;}
.rental-search-map .pin { width: 2.5rem;}

}
@media print, screen and (min-width: 1024px) {
.rental-search { padding: 8rem 0; }
.rental-search-title { font-size: 3rem; }
.rental-search-ex { margin-top: 0; font-size: 1.8rem;}
.rental-search-map { margin-top: 6rem;}
.rental-search-memo { margin-top: 7rem;}

}


.pin.p01 { bottom: 27%; left: 29%; }
.pin.p02 { bottom: 23%; left: 22.6%; }
.pin.p03 { bottom: 15%; left: 47%; }
.pin.p04 { bottom: 20%; left: 51%; }
.pin.p05 { bottom: 33%; left: 38%; }
.pin.p06 { bottom: 22%; left: -2%; }
.pin.p07 { bottom: 13%; left: 23%; }
.pin.p08 { bottom: 14%; left: 39%; }
.pin.p09 { bottom: 15%; left: 6%; }
.pin.p10 { bottom: 18%; left: 35%; }
.pin.p11 { bottom: 69%; left: 69%; }
.pin.p12 { bottom: 22%; left: 19%; }
.pin.p13 { bottom: 79%; left: 91%; }
.pin.p14 { bottom: 19%; left: 22%; }
.pin.p15 { bottom: 22%; left: 5%; }
.pin.p16 { bottom: 19%; left: 29%; }
.pin.p17 { bottom: 18%; left: 40%; }
.pin.p18 { bottom: 22%; left: 17%; }
.pin.p19 { bottom: 32%; left: 41%; }
.pin.p20 { bottom: 15%; left: 39%; }
.pin.p21 { bottom: 11.5%; left: 53.5%; }
.pin.p22 { bottom: 21%; left: 3.5%; }



@media print, screen and (min-width: 768px) {
.pin.p01 { bottom: 27%; left: 30%; }
.pin.p02 { bottom: 22%; left: 23%; }
.pin.p03 { bottom: 14%; left: 48%; }
.pin.p04 { bottom: 19%; left: 52%; }
.pin.p05 { bottom: 33.5%; left: 41.5%; }
.pin.p06 { bottom: 21.5%; left: -1%; }
.pin.p07 { left: 24%; }
.pin.p08 { bottom: 15%; left: 40%; }
.pin.p12 { left: 19.9%; }
.pin.p13 { left: 91.9%; }
.pin.p14 { left: 22%; }
.pin.p15 { left: 5.9%; bottom: 22%; }
.pin.p16 { bottom: 19%; left: 29%; }
.pin.p17 { bottom: 20%; left: 42%; }
.pin.p18 { left: 17%; }
.pin.p19 { bottom: 30%; left: 40%; }
.pin.p20 { bottom: 15%; left: 41%; }
.pin.p21 { bottom: 11.5%; left: 53.5%; }
.pin.p22 { bottom: 21%; left: 3.5%; }

}
@media print, screen and (min-width: 1024px) {
.pin.p01 { left: 30.5%;}
.pin.p02 { bottom: 22.5%; left: 23.5%; }
.pin.p03 { left: 48.5%; }
.pin.p04 { bottom: 21%; }
.pin.p05 { left: 42%; }
.pin.p06 { left: -0.5%; }
.pin.p09 { left: 7%; }
.pin.p11 { left: 70%; }
.pin.p12 { bottom: 22%; left: 20.5%; }
.pin.p13 { bottom: 79%; left: 92%; }
.pin.p14 { bottom: 19%; left: 22%; }
.pin.p15 { bottom: 22%; left: 5%; }
.pin.p16 { bottom: 19%; left: 29%; }
.pin.p17 { bottom: 20%; left: 42%; }
.pin.p18 { bottom: 22%; left: 17%; }
.pin.p19 { bottom: 31%; left: 40%; }
.pin.p20 { bottom: 15%; left: 41%; }
.pin.p21 { bottom: 11.5%; left: 53.5%; }
.pin.p22 { bottom: 21%; left: 3.5%; }
}


.rental-search-box { padding: 4rem 0; border-top: #C8C8C8 1px dotted;}
.place-box-info {}
.place-box-left {}
.place-box-title { margin-bottom: 2rem; padding-left: 1.5rem; border-left: #1C85A8 3px solid; font-size: 2.2rem; font-weight: bold; text-align: left;}
.place-box-title span { display: block; font-size: 1.4rem; font-weight: bold;}
.place-box-add {}
.place-box-add span { display: block;}
.place-box-tel { margin-top: 0.5rem;}
.place-box-mail { margin-top: 0.5rem;}
.item-list {}
.item-list-box {}
.item-list-box.txt { margin-top: 0.5rem;}
.item-list-box.txt a { display: block; color: #1C85A8;}
.item-list-sns { display: flex; margin-top: 1rem; }
.item-list-sns .sns { width: 2.4rem;}
.item-list-sns .sns + .sns { margin-left: 1rem;}
.item-list-sns .sns a { display: block;}

.place-box-right { margin-top: 3rem;}
.place-box-cat { display: flex; flex-wrap: wrap;}
.place-box-cat-item { margin: 0 1rem 1rem 0;}
.place-box-cat-item span { display: block; padding: 0.3rem 0.5rem; border: #1A1A1A 1px solid; font-size: 1rem;}

.place-box-img { margin-top: 3.5rem;}
.place-box-img >* { margin-top: 2rem;}

.voice-wrap { margin-top: 3rem;}
.voice-wrap-title { margin-bottom: 1.5rem; color: #1C85A8; font-weight: bold; font-size: 1.7rem; text-align: center;}
.voice-wrap-pic { width: 15.4rem; margin: 0 auto;}
.voice-wrap-txt { margin-top: 2rem; line-height: 1.8;}


@media print, screen and (min-width: 768px) {
.rental-search-box { padding: 6rem 0;}
.place-box-info { display: flex;}
.place-box-left { width: 70%; margin-right: 3rem; padding-right: 3rem; border-right: #707070 1px solid;}
.place-box-title { margin-bottom: 3rem; padding-left: 2rem; font-size: 3.4rem; }
.place-box-title span { font-size: 1.6rem; }
.place-box-add span { display: inline; margin-left: 1rem;}
.item-list { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
.item-list-box.txt { margin-top: 0;}
.item-list-sns .sns { margin-top: 0; }

.place-box-right { width: 30%; margin-top: 0; }

.place-box-img { display: flex; margin: 4rem -1.5rem 0;;}
.place-box-img >* { margin: 2rem 1.5rem 0;}

.voice-wrap { margin-top: 4rem;}
.voice-wrap-title { text-align: left; }
.voice-wrap-row { display: flex; margin: 0 -1.5rem;}
.voice-wrap-row >* {margin: 0 1.5rem;}
.voice-wrap-pic { width: calc(30% - 3.1rem); max-width: 25.6rem; }
.voice-wrap-txt { width: calc(70% - 3.1rem); margin-top: 0; }

}
@media print, screen and (min-width: 1024px) {
.rental-search-box { padding: 8rem 0;}
.place-box-add span { margin-left: 2rem;}
.place-box-tel { margin-top: 1rem;}
.place-box-mail { margin-top: 1rem;}
.item-list {}

.voice-wrap-pic { width: calc(25% - 3.1rem); max-width: 25.6rem; }
.voice-wrap-txt { width: calc(75% - 3.1rem); margin-top: 0; }

}













.tourist-spot{
	margin: 30px 0 20px 0;
	padding-top: 55px;
	border-top: 4px dashed #b7b7b7;
}
.tourist-spot ul{
	display:flex;
	justify-content: space-between;
}
.tourist-spot ul li{
	width:48%;
	position: relative;
}
.tourist-spot ul li .image{
	position: relative;
	width:100%;
}
.tourist-spot ul li .image img{
	width:100%;
}
.tourist-spot ul li .image:before{
	content: " ";
	width: 98%;
	height: 97%;
	position: absolute;
	top: 1.5%;
	left: 1%;
	box-shadow: 0px 0 0 1px #fff;
}
.tourist-spot ul li .image:after{
	content: " ";
	width: 130px;
	height:131px;
	position:absolute;
	top:-30px;
	right:0;
	background-image: url(../images/stamp.png);
	background-repeat: no-repeat;
	background-size:cover;
}
.tourist-spot ul li h4{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-bottom:3px;
	margin-bottom:10px;
}
.tourist-spot ul li h4 small{
	font-size: 15px;
	font-weight: bold;
}
.tourist-spot ul li p{
	font-size: 16px;
}
.tourist-spot ul li .cupon{
	position: absolute;
	bottom: 0;
	width:330px;
	height:115px;
	border-radius: 15px;
	box-sizing: border-box;
	background-color: #e7242e;
	text-align: center;
	margin-bottom: 20px;
}
.tourist-spot ul li .cupon:before{
	content:" ";
	position: absolute;
	top:3px;
	left:3px;
	width:322px;
	height:107px;
	border:1px solid #fff;
	border-radius: 11px;
}
.tourist-spot ul li .cupon:after{
	content: "*条件：このページの画面またはスクショを提示する";
	position: absolute;
	bottom: -20px;
	left: 10px;
	font-size: 11px;
	color: #000;
	letter-spacing: 1.3px;
}
.tourist-spot ul li .cupon strong{
	width: 90%;
	margin: 18px auto 8px auto;
	display: block;
	font-size: 24px;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.tourist-spot ul li .single-line strong{
	margin-top: 23px;
}
.tourist-spot ul li .cupon small{
	width:90%;
	display:block;
	margin:0 auto;
	font-size:11px;
	color: #fff;
	letter-spacing: 1.3px;
	font-weight: 600;
}


@media screen and (max-width: 1023px){
	.tourist-spot ul li p{
		font-size: 14px;
	}
}
@media screen and (max-width: 900px){
	.place-box-img{
		max-width: 600px;
		margin:0 auto;
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.place-box-img div:first-of-type{
		width:100%;
	}
	.place-box-img div{
		width: 49%;
		margin: 10px 0 0 0;
	}
	.place-box-img div img{
		width:100%;
	}
	.tourist-spot ul{
		display:block;
		justify-content:unset;
	}
	.tourist-spot ul li:first-of-type,.tourist-spot ul li:last-of-type{
		width:100%;
		max-width: 600px;
		margin:0 auto;
	}
	.tourist-spot ul li .image{
		max-width: 600px;
		margin-bottom:25px;
	}
	.tourist-spot ul li p{
		margin-bottom:10px;
	}
	.tourist-spot ul li .cupon{
		width: 330px;
		position:relative;
		bottom:unset;
		padding:16px 0;
		margin:0 auto 70px auto;
	}
	.tourist-spot ul li .single-line{
		padding:21px 0;
	}
	.tourist-spot ul li .cupon strong,.tourist-spot ul li .single-line strong{
		margin: 0 0 7px 0;
		display: inline-block;
	}
}
@media screen and (max-width: 767px){
	.tourist-spot ul li p{
		margin-bottom:30px;
	}
}