#areaKV{
	background: #FDFAEF;
	position: relative;
	padding: 5em 40px;
}
#areaKVIn{
	max-width: 1300px;
	margin: 0 auto;
}
#areaKVIn .map{
	max-width: 650px;
}
#areaKVIn .kvTxt{
	margin: 3em 0 0 3em;
	color: #2D4569;
}
#areaKVIn .kvTxt .en{
	font-size: 20px;
	position: relative;
}
#areaKVIn .kvTxt .en:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8em;
	margin: auto;
	width: 6em;
	height: 1px;
	background: #0D7C96;
}
#areaKVIn .kvTxt h1{
	font-weight: 700;
	font-size: 70px;
	line-height: 1.3em;
	max-width: 12em;
}
#areaKV .photo01{
	position: absolute;
	top: 0;
	right: 0;
	width: 45%;
	border-radius: 0 0 0 20px;
	overflow: hidden;
	max-height: 480px;
}
#areaKV .photo01 img{
	width: 100%;
	height: 480px;
	object-fit: cover;
	object-position: center bottom;
}
#areaKV .photo02{
	position: absolute;
	top: 39em;
	right: 5%;
	width: 35%;
	max-width: 570px;
}


.howtoEnjoy{
	margin: 11em 0 15em;
	position: relative;
}
.howtoEnjoyIn{
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}
.howtoEnjoy h2{
	text-align: center;
	font-size: 40px;
	margin-bottom: 1.5em;
	position: relative;
}
.howtoEnjoy h2:before{
	content: "";
	position: absolute;
	bottom: -0.7em;
	left: 0;
	right: 0;
	margin: auto;
	width: 2em;
	height: 6px;
	background: #0D7C96;
}
.howtoEnjoy .lead{
	width: fit-content;
	margin: 0 auto;
	max-width: 850px;
	font-size: 18px;
	line-height: 2em;
	position: relative;
	left: -4em;
	z-index: 10;
}

.howtoEnjoy .photo01{
	max-width: 280px;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 20px;
	overflow: hidden;
}
.howtoEnjoy .people01{
	max-width: 650px;
	position: absolute;
	top: 8em;
	left: -76em;
	right: 0;
	margin: auto;
}
.howtoEnjoy .people02{
	max-width: 110px;
	position: absolute;
	top: 19em;
	right: 0;
}


.excursionSpotOuter{
	background: #FDFAEF;
	padding: 10em 40px 7em;
}
.excursionSpotIn{
	max-width: 1200px;
	margin: 0 auto;
}
.excursionSpotIn .titleMainArea{
	max-width: 1100px;
	margin: 0 auto 5em;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.excursionSpotIn .titleMainArea .L{
	margin-top: 3em;
}
.excursionSpotIn .titleMainArea .L h2{
	font-size: 80px;
	font-weight: 900;
}
.excursionSpotIn .titleMainArea .L h2 br{
	display: none;
}
.excursionSpotIn .titleMainArea .L h2 p{
	font-size: 40%;
	color: #fff;
	width: fit-content;
	border-radius: 50px;
	line-height: 1em;
	padding: 0.5em 1em;
	margin-bottom: 0.5em;
	background: #3D8FC1;
}
.excursionSpotIn .titleMainArea .areaMap{
	max-width: 450px;
}
.excursionSpotIn .titleMainArea .areaMap img{
	width: 100%;
	height: auto;
}

.west .excursionSpotIn .titleMainArea .L h2 p{
	background: #E68944;
}
.Acenter .excursionSpotIn .titleMainArea .L h2 p{
	background: #6DA758;
}
.east .excursionSpotIn .titleMainArea .L h2 p{
	background: #A366B5;
}



.excursionSpotListBox{
	
}
.excursionSpotListIn:nth-of-type(n+2){
	margin-top: 6em;
}
.excursionSpotListIn h3{
	text-align: center;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.8em;
	margin: 2em auto 1.3em;
}

.excursionSpotDisc{
	background: #fff;
	position: relative;
}
.excursionSpotDiscRadius{
	border-radius: 10px;
	box-shadow: 0 0 5px #c7d7d7;
	overflow: hidden;
	height: 100%;
}
.noBox{
	position: absolute;
	top: -3.5em;
	left: -2.5em;
}
.noBox .balloon,
.noBox .balloon svg{
	width: 95px;
	display: block;
}
.noBox .no{
	position: absolute;
	font-weight: 700;
	font-size: 30px;
	top: 1.75em;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: center;
}
.areaName{
	font-size: 22px;
	padding: 0.3em 0 0.5em 3em;
	font-weight: 700;
}
.excursionSpotpdng{
	padding: 2em 4em;
	display: flex;
	justify-content: space-between;
}
.excursionSpotpdng .photo{
	width: 48%;
	background: #3D8FC1;
	border-radius: 20px;
	overflow: hidden;
	max-height: 370px;
}
.excursionSpotpdng .photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.excursionSpotDisc .DiscTxt{
	width: 48%;
	display: flex;
	flex-direction: column;
} 
.excursionSpotDisc .DiscTxt .title{
	font-size: 30px;
	line-height: 1.5em;
	font-weight: 700;
}
.excursionSpotDisc .DiscTxt .placeName{
	font-size: 20px;
	font-weight: 700;
	margin-top: 0.3em;
}
.excursionSpotDisc .DiscTxt .tag{
	display: flex;
	flex-wrap: wrap;
}
.excursionSpotDisc .DiscTxt .tag li{
	color: #188BAC;
	width: fit-content;
	padding: 0.3em 1em 0.4em;
	border-radius: 50px;
	border: #188BAC solid 1px;
	line-height: 1em;
	margin-top: 1em;
	margin-right: 0.5em;
}
.excursionSpotDisc .DiscTxt .tag li:last-child{
	margin-right: 0;
}
.excursionSpotDisc .DiscTxt .txt{
	font-size: 17px;
	line-height: 1.7em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.excursionSpotDisc .DiscTxt .more{
	color: #0D7C96;
	display: flex;
	justify-content: flex-end;
	font-size: 17px;
	margin-top: auto;
}
.excursionSpotDisc .DiscTxt .more p{
	width: fit-content;
	cursor: pointer;
	position: relative;
	padding-right: 1em;
}
.excursionSpotDisc .DiscTxt .more p:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-right: #0D7C96 solid 2px;
  border-top: #0D7C96 solid 2px;
  width: 0.4em;
  height: 0.4em;
  transform: rotate(45deg);
}
.ListFlexOuter{
	display: flex;
	justify-content: center;
}
.ListFlexOuter > div{
	width: 31%;
}
.ListFlexOuter > div:nth-of-type(n+2){
	margin-left: 3.5%;
}
.ListFlexOuter .areaName{
	font-size: 18px;
}
.ListFlexOuter .noBox .balloon,
.ListFlexOuter .noBox .balloon svg{
	width: 80px;
}
.ListFlexOuter .noBox .no{
	font-size: 26px;
	top: 2.05em;
}
.ListFlexOuter .excursionSpotpdng{
	padding: 0;
	display: block;
}
.ListFlexOuter .excursionSpotpdng .photo{
	width: auto;
	max-height: 250px;
	border-radius: 0;
}
.ListFlexOuter .excursionSpotpdng .photo img{
	height: 250px;
}
.ListFlexOuter .excursionSpotDisc .DiscTxt{
	width: auto;
	padding: 1.5em;
}
.ListFlexOuter .excursionSpotDisc .DiscTxt .title {
	font-size: 22px;
}
.ListFlexOuter .excursionSpotDisc .DiscTxt .placeName {
	font-size: 18px;
}
.ListFlexOuter .excursionSpotDisc .DiscTxt .txt,
.ListFlexOuter .excursionSpotDisc .DiscTxt .more{
	font-size: 16px;
}

.kakegawa .noBox .balloon path{
	fill: #E68944;
}
.kakegawa .areaName{
	background: #E68944;
	color: #fff;
}
.kakegawa .excursionSpotDisc .DiscTxt .title{
	color: #E68944;
}
.iwata .noBox .balloon path{
	fill: #E83B2B;
}
.iwata .areaName{
	background: #E83B2B;
	color: #fff;
}
.iwata .excursionSpotDisc .DiscTxt .title{
	color: #E83B2B;
}
.central .noBox .balloon path{
	fill: #A23C3C;
}
.central .areaName{
	background: #A23C3C;
	color: #fff;
}
.central .excursionSpotDisc .DiscTxt .title{
	color: #A23C3C;
}
.kita .noBox .balloon path{
	fill: #CE4F98;
}
.kita .areaName{
	background: #CE4F98;
	color: #fff;
}
.kita .excursionSpotDisc .DiscTxt .title{
	color: #CE4F98;
}

.c_central .noBox .balloon path{
	fill: #6DA758;
}
.c_central .areaName{
	background: #6DA758;
	color: #fff;
}
.c_central .excursionSpotDisc .DiscTxt .title{
	color: #6DA758;
}
.aoiokushizu .noBox .balloon path{
	fill: #8B8842;
}
.aoiokushizu .areaName{
	background: #8B8842;
	color: #fff;
}
.aoiokushizu .excursionSpotDisc .DiscTxt .title{
	color: #8B8842;
}
.yaizu .noBox .balloon path{
	fill: #399A93;
}
.yaizu .areaName{
	background: #399A93;
	color: #fff;
}
.yaizu .excursionSpotDisc .DiscTxt .title{
	color: #399A93;
}
.shimada .noBox .balloon path{
	fill: #6E8622;
}
.shimada .areaName{
	background: #6E8622;
	color: #fff;
}
.shimada .excursionSpotDisc .DiscTxt .title{
	color: #6E8622;
}

.izu .noBox .balloon path{
	fill: #A366B5;
}
.izu .areaName{
	background: #A366B5;
	color: #fff;
}
.izu .excursionSpotDisc .DiscTxt .title{
	color: #A366B5;
}
.gotemba .noBox .balloon path{
	fill: #608FC1;
}
.gotemba .areaName{
	background: #608FC1;
	color: #fff;
}
.gotemba .excursionSpotDisc .DiscTxt .title{
	color: #608FC1;
}
.fujinomiya .noBox .balloon path{
	fill: #4259BC;
}
.fujinomiya .areaName{
	background: #4259BC;
	color: #fff;
}
.fujinomiya .excursionSpotDisc .DiscTxt .title{
	color: #4259BC;
}
.numazu .noBox .balloon path{
	fill: #8165C4;
}
.numazu .areaName{
	background: #8165C4;
	color: #fff;
}
.numazu .excursionSpotDisc .DiscTxt .title{
	color: #8165C4;
}



.recommendComment{
	background: #FAF2DD;
	border: #fff solid 10px;
	box-shadow: 0 0 5px #c7d7d7;
	margin-top: 4em;
	padding: 2em;
}
.recommendComment .title{
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	color: #2D4569;
	border-bottom: #BEC4C6 solid 2px;
	padding-bottom: 0.5em;
	margin-bottom: 0.8em;
}
.recommendComment .title img{
	max-width: 60px;
	margin-right: 0.5em;
}
.recommendComment ul{
	width: fit-content;
	max-width: 860px;
	margin: 0 auto;
}
.recommendComment ul li{
	font-size: 18px;
	position: relative;
	padding-left: 1.5em;
}
.recommendComment ul li:before{
	content: "";
	position: absolute;
	top: 0.3em;
	left: 0;
	width: 0.8em;
	height: 0.5em;
	border-left: #2D4569 solid 3px;
	border-bottom: #2D4569 solid 3px;
	transform: rotate(-50deg);
}
.recommendComment ul li:nth-of-type(n+2){
	margin-top: 0.3em;
}


#OtherAreaOuter{
	background: #9A5541;
	color: #fff;
	padding: 2em 40px 5em;
}
.OtherAreaIn{
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.OtherAreaIn .L{
	width: 35%;
}
.OtherAreaIn .L .title{
	font-size: 40px;
	font-weight: 700;
	line-height: 1.5em;
	position: relative;
	left: -1.5em;
	white-space: nowrap;
}
.OtherAreaIn .L .map{
	max-width: 300px;
	margin-top: 2em;
}
.OtherAreaIn .R{
	width: 65%;
}
.OtherAreaIn .R .spotList li{
	width: 50%;
}
.OtherAreaIn .R .spotList li p{
	width: fit-content;
	font-size: 26px;
	padding-left: 2em;
	padding-right: 2em;
	white-space: nowrap;
}


.west .OtherAreaIn .R .spotList li:first-child{
	display: none;
}
.Acenter .OtherAreaIn .R .spotList li:nth-of-type(2){
	display: none;
}
.east .OtherAreaIn .R .spotList li:last-child{
	display: none;
}





/* モーダル */
#modalContent{
	display: flex;
	align-items: center;
	justify-content: center;
}
#modalContent .modalBox{
    display: none;
	right: 0;
	margin: auto;
	z-index: 10000;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width: 980px;
}
#modalContent .modalBG{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: fixed;
	top: 0;
	left: 0;
    width: 100%;
	display: none;
	z-index: 1000;
}
#modalContent .modalAreaDesc{
	max-width: 980px;
	padding: 0 40px;
}
#modalContent .modalAreaDescIn{
	margin: 0 auto;
	background: #fff;
	position: relative;
	padding: 0;
	border-radius: 10px;
	max-height: 90vh;
}
#modalContent .modalAreaDesc .modalClose{
	position: absolute;
	top: 0.6em;
	right: 3.5em;
	width: 2.2em;
	height: 2.2em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	z-index: 10000;
}
#modalContent .modalAreaDesc .modalClose:before,
#modalContent .modalAreaDesc .modalClose:after{
	content: "";
	background: #fff;
	width: 2.2em;
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: block;
}
#modalContent .modalAreaDesc .modalClose:before{
	transform:rotate(45deg);
}
#modalContent .modalAreaDesc .modalClose:after{
	transform:rotate(-45deg);
}


#modalContent .areaName{
	border-radius: 0 10px 0 0;
}
#modalContent .excursionSpotWidth{
	overflow-y: auto;
	max-height: 80vh;
}
#modalContent .excursionSpotpdng{
	max-width: 780px;
	margin: 0 auto 2em;
	display: block;
}
#modalContent .photo{
	width: 100%;
	max-width: 600px;
	max-height: 420px;
	margin: 0 auto;
}
#modalContent .photo img{
	height: 410px;
}
#modalContent .excursionSpotpdng .placeName{
	font-size: 24px;
	border-bottom: #2D4569 solid 2px;
	padding-bottom: 0.7em;
	font-weight: 700;
	margin: 1.5em 0;
}
#modalContent .excursionSpotpdng dl{
	font-size: 18px;
}
#modalContent .excursionSpotpdng dl .business_hours span{
	width: 6.5em;
	display: inline-block;
}
#modalContent .excursionSpotpdng dl dt{
	font-weight: 700;
	color: #2D4569;
	margin-bottom: 0.3em;
}
#modalContent .excursionSpotpdng dl dt:nth-of-type(n+2){
	margin-top: 1.3em;
}
#modalContent .excursionSpotpdng dl a{
	color: #7C0C19;
}
#modalContent .recommendComment{
	margin-top: 2em;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	padding: 2em 2em 3em;
}
#modalContent .toLink{
	margin: 6em auto 0;
	position: relative;
	max-width: 550px;
}
#modalContent .toLink:before,
#modalContent .toLink:after{
	content: "";
	position: absolute;
	top: -8em;
}
#modalContent .toLink:before{
	background: url("../images/common/footer_people01.png") center bottom no-repeat;
	background-size: contain;
	width: 145px;
	height: 185px;
	left: 0;
}
#modalContent .toLink:after{
	background: url("../images/common/footer_people02.png") center bottom no-repeat;
	background-size: contain;
	width: 103px;
	height: 185px;
	right: 0;
}
#modalContent .toLink .title{
	text-align: center;
	position: relative;
	width: fit-content;
	margin: 0 auto 1em;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6em;
}
#modalContent .toLink .title:before,
#modalContent .toLink .title:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #9A5541;
	width: 1px;
	height: 90%;
}
#modalContent .toLink .title:before {
	left: -1.5em;
	transform: rotate(-20deg);
}
#modalContent .toLink .title:after {
	right: -1.5em;
	transform: rotate(20deg);
}
#modalContent .toLink a.btn{
	display: block;
	color: #fff;
	background: #9A5541;
	border-radius: 5px;
	text-align: center;
	padding: 0.8em 1em 0.9em;
	transition: 0.2s;
	font-size: 20px;
	text-decoration: none;
	font-weight: 700;
	line-height: 1em;
}
#modalContent .toLink a.btn:hover{
	opacity: 0.7;
}
#modalContent .toLink a.btn:nth-of-type(n+2){
	margin-top: 0.8em;
}
#modalContent .snsLink{
	display: flex;
	justify-content: center;
	margin-top: 2em;
}
#modalContent .snsLink li{
	max-width: 60px;
	transition: 0.2s;
}
#modalContent .snsLink li:hover{
	opacity: 0.7;
}
#modalContent .snsLink li:nth-of-type(n+2){
	margin-left: 2em;
}
/*230509追加*/
#modalContent .excursionSpotpdng dl span.caption{
	text-indent: -1em;
	padding-left: 1em;
	display: inline-block;
}

/*230626追加*/
@media screen and (min-width:767.5px){
	.west .excursionSpotOuter{
		padding: 10em 40px 0em;
	}
	.west .excursionSpotOuter.plusSpot{
		padding: 7em 0 7em;
	}
	.west .excursionSpotOuter.plusSpot .excursionSpotIn{
		max-width: inherit;
	}
	.west .excursionSpotOuter.plusSpot .excursionSpotListIn > .excursionSpotDisc,
	.west .excursionSpotOuter.plusSpot .recommendComment{
		width: calc(100% - 80px);
		margin: 4em auto 0;
		max-width: 1200px;
	}
	.west .excursionSpotOuter.plusSpot .ListFlexOuter{
		max-width: 1600px;
		margin: auto;
		padding: 0 40px;
	}
}

@media screen and (max-width:1449.5px){
	#areaKVIn .kvTxt h1{
		width: 68vw;
	}
	
	
	#areaKVIn .map{
		width: 44.82vw;
	}
	
	
	.howtoEnjoy .lead{
		left: -6vw;
		width: 59vw;
	}
	.howtoEnjoy .people01{
		width: 58.62vw;
		left: -71vw;
	}
}

@media screen and (max-width:1399.5px){
	#areaKV .photo01,
	#areaKV .photo01 img{
		height: 34.28vw;
	}
	
	.OtherAreaIn .L .title{
		left: 0;
	}
}
@media screen and (max-width:1199.5px){


	#areaKV .photo02{
		top: 46vw;
	}
	
	.howtoEnjoy .photo01{
		width: 24vw;
		top: 8em;
	}
	.howtoEnjoy .people02{
		top: 25em;
	}
	
	.excursionSpotIn .titleMainArea .L h2{
		font-size: 6.66vw;
	}
	.excursionSpotpdng .photo,
	.excursionSpotpdng .photo img{
		height: 27vw !important;
	}
	.ListFlexOuter .excursionSpotpdng .photo,
	.ListFlexOuter .excursionSpotpdng .photo img{
		height: 20.83vw;
	}
	
	.OtherAreaIn .L .title{
		font-size: 3.33vw;
	}
	.OtherAreaIn .L .map{
		margin-top: 1em;
	}
	.OtherAreaIn .R .spotList li p{
		font-size: 24px;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}

	
	
	
	#modalContent .excursionSpotpdng .photo,
	#modalContent .excursionSpotpdng .photo img{
		min-height: 24em;
	}

}


@media screen and (max-width:999.5px){

	#areaKVIn .kvTxt{
		margin-left: 0;
	}
	#areaKVIn .kvTxt h1{
		font-size: 7vw;
	}
	
	
	.howtoEnjoy{
		margin: 6em 0 7em;
	}
	.howtoEnjoy .people02 {
		top: 20em;
	}
	.excursionSpotOuter{
		padding-top: 4em;
	}
	.excursionSpotIn .titleMainArea .areaMap{
		width: 45vw;
	}
	.excursionSpotDisc .DiscTxt .title {
		font-size: 26px;
	}
	.ListFlexOuter .excursionSpotDisc .DiscTxt .title {
		font-size: 18px;
	}
	
	#OtherAreaOuter{
		padding-bottom: 3em;
	}
	.OtherAreaIn .R {
		width: 62%;
	}
	.OtherAreaIn .R .spotList li p{
		font-size: 2.4vw;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	
}



/* SP */
@media screen and (max-width:767.5px){
	#areaKV{
		padding: 4em 20px 2em;
	}
	#areaKVIn .kvTxt{
		margin-top: 1.5em;
	}
	#areaKVIn .kvTxt .en {
		font-size: 14px;
	}
	#areaKVIn .kvTxt h1 {
		font-size: 32px;
		width: auto;	
	}
	#areaKVIn .map {
		width: 38vw;
	}
	#areaKV .photo01,
	#areaKV .photo01 img {
		height: 46vw;
		max-height: 260px;
	}
	#areaKV .photo01{
		width: 53vw;
		border-radius: 0 0 0 10px;
	}
	#areaKV .photo02 {
		bottom: -6vw;
		right: 1%;
		width: 38vw;
		height: auto;
		top: auto;
	}
	
	
	.howtoEnjoy{
		margin: 12vw 0 20vw;
	}
	.howtoEnjoy h2{
		font-size: 21px;
		margin: 0 auto 1.5em;
	}
	.howtoEnjoy h2::before {
		bottom: -0.8em;
		height: 4px;
	}
	.howtoEnjoyIn{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.howtoEnjoy .lead {
		left: 0;
		width: auto;
		font-size: 14px;
		padding: 0 40px;
	}
	.howtoEnjoy .people01 {
		width: 58vw;
		left: 1em;
		top: auto;
		bottom: -15vw;
		right: auto;
	}
	.howtoEnjoy .photo01 {
		width: 40vw;
		top: auto;
		border-radius: 10px;
		right: 3em;
		position: relative;
		margin-top: 2em;
	}
	.howtoEnjoy .people02 {
		top: auto;
		bottom: -4.5em;
		width: 20vw;
		right: 3em;
	}
	
	.excursionSpotOuter {
		padding: 2em 30px 3em;
	}
	.excursionSpotListIn:nth-of-type(n+2) {
		margin-top: 3em;
	}
	.excursionSpotIn .titleMainArea{
		justify-content: center;
		margin-bottom: 2.5em;
	}
	.excursionSpotIn .titleMainArea .L h2 {
		font-size: 32px;
		white-space: nowrap;
		line-height: 1.3em;
	}
	.excursionSpotIn .titleMainArea .L h2 br{
		display: block;
	}
	.excursionSpotIn .titleMainArea .L h2 p {
		font-size: 50%;
	}
	.excursionSpotIn .titleMainArea .areaMap {
		width: 57vw;
		max-width: 300px;
	}
	.areaName {
		font-size: 16px;
		padding: 0.3em 0 0.5em 2.5em;
	}
	.noBox {
		left: -2em;
	}
	.noBox .no{
		font-size: 20px;
		top: 2.75em;
	}
	.noBox .balloon,
	.noBox .balloon svg {
		width: 68px;
	}
	
	.excursionSpotpdng {
		padding: 1.5em 15px;
		display: block;
	}
	.excursionSpotpdng .photo{
		width: auto;
		border-radius: 10px;
	}
	.excursionSpotpdng .photo,
	.excursionSpotpdng .photo img{
  		height: 50vw !important;
	}
	.excursionSpotDisc .DiscTxt{
		width: auto;
		margin-top: 1em;
	}
	.excursionSpotDisc .DiscTxt .title {
		font-size: 16px;
	}
	.excursionSpotDisc .DiscTxt .placeName {
		font-size: 16px;
	}
	.excursionSpotDisc .DiscTxt .txt,
	.excursionSpotDisc .DiscTxt .more{
		font-size: 13px;
	}
	.excursionSpotListIn h3{
		font-size: 18px;
	}
	.ListFlexOuter{
		display: block;
	}
	.ListFlexOuter > div{
		width: auto;
	}
	.ListFlexOuter > div:nth-of-type(n+2) {
		margin-left: 0;
		margin-top: 2em;
	}
	
	
	
	.ListFlexOuter .noBox .balloon,
	.ListFlexOuter .noBox .balloon svg {
		width: 60px;
	}
	.ListFlexOuter .noBox{
		left: -1.7em;
		top: -3.8em;
	}
	.ListFlexOuter .noBox .no {
		font-size: 20px;
		top: 2.8em;
	}
	.ListFlexOuter .areaName {
		font-size: 14px;
		line-height: 1.5em;
	}
	.ListFlexOuter .excursionSpotpdng{
		display: flex;
		padding: 15px;
	}
	.ListFlexOuter .excursionSpotpdng .photo{
		width: 50%;
		border-radius: 7px;
	}
	.ListFlexOuter .excursionSpotpdng .photo,
	.ListFlexOuter .excursionSpotpdng .photo img{
		height: 25vw !important;
	}
	.ListFlexOuter .excursionSpotDisc .DiscTxt{
		width: 49%;
		margin: 0;
		padding: 0 0 0 10px;
	}
	.ListFlexOuter .excursionSpotDisc .DiscTxt .title{
		font-size: 14px;
	}
	.ListFlexOuter .excursionSpotDisc .DiscTxt .placeName{
		font-size: 14px;
		margin-top: 0;
	}
	.ListFlexOuter .excursionSpotDisc .DiscTxt .tag li{
		font-size: 12px;
		margin-top: 0.5em;
		padding: 0.3em 0.5em 0.4em;
	}
	.ListFlexOuter .excursionSpotDisc .DiscTxt .txt{
		position: absolute;
		font-size: 13px;
		bottom: 0;
		left: 0;
		padding: 0 15px;
		margin: 0;
	}
	
	.ListFlexOuter .excursionSpotDisc .DiscTxt .more {
		position: absolute;
		bottom: 10px;
		right: 15px;
		font-size: 13px;
	}

	
	.recommendComment{
		margin-top: 2.5em;
		border: #fff solid 7px;
		padding: 0 1.5em 1em;
	}
	.recommendComment .title{
		font-size: 17px;
		position: relative;
		top: -1.5em;
	}
	.recommendComment .title img {
		display: block;
		margin: 0 auto;
		max-width: 80px;
		width: 80px;
	}
	.recommendComment ul{
		margin-top: -1.5em;
	}
	.recommendComment ul li {
		font-size: 13px;
		line-height: 1.5em;
	}
	.recommendComment ul li:nth-of-type(n+2) {
		margin-top: 0.5em;
	}
	
	#OtherAreaOuter{
		padding: 1em 0 0;
	}
	.OtherAreaIn{
		display: block;
	}
	.OtherAreaIn .L{
		width: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 0 0 20px;
	}
	.OtherAreaIn .L .title{
		font-size: 20px;
	}
	.OtherAreaIn .L .map {
		margin-top: 0;
		margin-left: 1.5em;
		margin-right: 1em;
		width: 35%;
	}
	.OtherAreaIn .R{
		width: auto;
	}
	.OtherAreaIn .R .spotList li p {
		font-size: 16px;
	}
	
	/* モーダル */
	#modalContent .modalAreaDesc {
		padding: 0 30px;
	}
	#modalContent .modalAreaDesc .modalClose{
		right: calc(2em + 2.5vw);
		top: 0.4em;
	}
	#modalContent .modalAreaDesc .modalClose::before,
	#modalContent .modalAreaDesc .modalClose::after {
		width: 1.8em;
	}
	
	#modalContent .excursionSpotpdng .photo,
	#modalContent .excursionSpotpdng .photo img {
		min-height: auto;
	}
	#modalContent .excursionSpotpdng{
		margin-bottom: 1em;
	}
	#modalContent .excursionSpotpdng .placeName {
		font-size: 18px;
		margin: 1.2em 0;
		padding-bottom: 0.5em;
	}
	#modalContent .excursionSpotpdng dl {
		font-size: 14px;
	}
	#modalContent .recommendComment{
		padding: 1em 1em 2em;
	}
	#modalContent .recommendComment .title{
		display: flex;
		align-items: center;
		top: 0;
	}
	#modalContent .recommendComment .title img{
		margin: 0 0.5em 0 0;
		max-width: 40px;
		width: 40px;
	}
	#modalContent .recommendComment ul{
		margin: 0;
	}
	
	
	#modalContent .toLink{
		margin-top: 2em;
	}
	#modalContent .toLink:before{
		width: 3.7em;
		height: 6.7em;
		top: -3em;
	}
	#modalContent .toLink:after {
		width: 3em;
		height: 6em;
		top: -2em;
	}
	#modalContent .toLink .title{
		font-size: 15px;
	}
	#modalContent .toLink .title:before {
	    left: -1em;
	}
	#modalContent .toLink .title:after {
		right: -1em;
	}
	#modalContent .toLink a.btn{
		font-size: 16px;
	}
	#modalContent .toLink a.btn:nth-of-type(n+2) {
		margin-top: 0.5em;
	}
	#modalContent .snsLink{
		margin-top: 1.5em;
	}
	#modalContent .snsLink li {
		max-width: 45px;
		width: 45px;
	}

	
	
	
}