@charset "utf-8";
/**/
.locUnit01{
	margin-bottom: 100px;
}
.locUnit01 .img01{
	width: 90%;
	margin-right: 10%;
	margin-bottom: 40px;
}
.locUnit01.reverse  .img01{
	margin-right: 0%;
	margin-left: 10%;
}
.locUnit01 .txtwrap{
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
.locUnit01 .txtwrap .ttl01{
	font-size: clamp(2.4rem,4.8vw,4.8rem);
	font-weight: normal;
	line-height: 1.5;
}
.locUnit01 .txtwrap .time{
	font-size: clamp(1.2rem,1.8vw,1.8rem);
	margin-bottom: 20px;
}
.locUnit01 .txtwrap .spec{
	background-color: #e6dcc5;
	padding: 20px;
}
.locUnit01 .txtwrap .speclist{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.locUnit01 .txtwrap .speclist dt{
	text-align: center;
	width: 6em;
	border: 1px solid #333;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
.locUnit01 .txtwrap .speclist dd{
	margin-bottom: 0.5em;
	width: calc(100% - 7em);
}
@media(min-width: 768px){
	.locUnit01{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.shopWrap .locUnit01{
		align-items: flex-end;
	}
	.locUnit01.reverse{
		flex-direction: row-reverse;
	}
	.locUnit01 .img01{
		width: 55%;
		margin: 0;
	}
	.locUnit01 .txtwrap{
		width: 45%;
		margin: 0;
		padding: 0 5%;
	}
}
/**/

.parkBg{
    width: 100%;
    margin: 5vw 0;
    padding: 8vw 0;
    background-color: #eeeee5;
}
.park01{
	width:90%;
	max-width: 1400px;
	margin: 0 auto 80px;
	background-image: url(../images/common/bg01.jpg);
	background-size: cover;
	padding: 50px 5%;
}
.park01 .txtwrap{
	margin-bottom: 20px;
	text-align: left;
}
.park01 .img{}
@media(min-width: 768px){
	.park01{
		padding: 50px 40px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.park01 .txtwrap{
		width: 70%;
		margin-bottom: 0;
		text-align: left;
	}
	.park01 .img{
		width: 26%;
	}
}

.hospBg{
    width: 100%;
    margin: 5vw 0;
    padding: 8vw 0;
    background-color: #eeeee5;
}


.map01{
	width: 100%;
	height:calc(120vw + 15px);
	overflow-y:hidden;
	overflow-x:scroll;
	margin: 0 auto ;
}
.map01 img{
	height:120vw;
	width:137vw;
	max-width:none;
}
@media(min-width: 768px){
	.map01{
		width: 100%;
		height:auto;
		overflow:hidden;
		margin: 0 auto;
	}
	.map01 img{
		width:100%;
		height:auto;
		max-width:100%;
	}
}
.map02{
	width: 100%;
	height:calc(120vw + 15px);
	overflow-y:hidden;
	overflow-x:scroll;
	margin: 0 auto ;
}
.map02 img{
	height:120vw;
	width:115vw;
	max-width:none;
}
@media(min-width: 768px){
	.map02{
		width: 100%;
		height:auto;
		overflow:hidden;
		margin: 0 auto;
	}
	.map02 img{
		width:100%;
		height:auto;
		max-width:100%;
	}
}

.lifeWrap{
	margin-bottom: 100px;
}
.lifeList01{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	font-size: clamp(1.2rem,1.4vw,1.8rem);
	flex-wrap: wrap;
}
.lifeList01 dt{
	width: calc(100% - 14em);
	text-align: left;
	padding: 5px 0 5px 5px;
}
.lifeList01 dd{
	text-align: right;
	width: 14em;
	padding: 5px 5px 5px 0;
}
.lifeList01 dt:nth-of-type(2n){
	background-color: #eaeaea;
}
.lifeList01 dd:nth-of-type(2n){
	background-color: #eaeaea;
}
@media(min-width: 1000px){
	.lifeWrap{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.lifeList01{
		width: 49%;
	}
	.lifeList01 dt{
		padding: 5px 0 5px 10px;
	}
	.lifeList01 dd{
		padding: 5px 10px 5px 0;
	}
}


.street{}
.street01{
	width:90%;
	max-width:1200px;
	margin:0 auto 60px;
}
.street01 .txtwrap{
	text-align:left;
	margin:0 0 40px 0;
}
.street01 .txtwrap .copy01{
	line-height: 1.3;
}
.street01 .img01{
	width:80%;
	margin:0 auto
}
@media(min-width: 768px){
	.street01{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row-reverse;
	}
	.street01 .txtwrap{
		width:50%;
	}
	.street01 .img01{
		width:45%;
		margin:0;
	}
}

.street02{
	width:90%;
	max-width:1400px;
	margin:0 auto;
}
.street02 .unit01{
	background-color:#fff;
	text-align:left;
	margin-bottom:40px;
}
.street02 .unit01 figure,
.street02 .unit01 img{
	width:100%;
}
.street02 .unit01 .wrap01{
	padding:10px 20px 20px;
}
.street02 .unit01 .wrap02{
	padding:20px;
	background-color:#dbcfbe;
}
.street02 .unit01 .copy01{}
@media(min-width: 768px){
	.street02{
		display: grid;
  		grid-template-columns: 1fr 1fr 1fr;
		column-gap:2.5%;
	}
	.street02 .unit01{
		display: grid;
		grid-template-rows: subgrid;
		grid-row: span 3;
		row-gap: 0;
		margin-bottom:0;
	}
	.street02 .unit01 .item-inner {
	  display: inherit;
	  grid-template-rows: inherit;
	  grid-row: inherit;
	}
	.street02 .unit01 figure{
		width:auto;
	}
}

.street03{
	width:100%;
	max-width:1400px;
	margin:0 auto 40px;
}
.street03 .img01{
	width: 100%;
	height:calc(120vw + 15px);
	overflow-y:hidden;
	overflow-x:scroll;
	margin: 0 auto 20px;
}
.street03 .img01 img{
	height:120vw;
	width:194.4vw;
	max-width:none;
}
@media(min-width: 768px){
	.street03{
		width:90%;
	}
	.street03 .img01{
		width:100%;
		height:auto;
		overflow:hidden;
		margin: 0 auto 20px;
	}
	.street03 .img01 img{
		width:100%;
		height:auto;
		max-width:100%;
	}
}