@charset "UTF-8";
@import url("common.css");

/*＝＝＝＝＝＝common＝＝＝＝＝＝＝＝*/
.u-nowrap {
	white-space: nowrap;
}

main {
	background: url("../image/common/bg01.png") repeat;
}

sub {
	font-size: 50%;
	vertical-align: text-bottom;
	display: inline-block;
}

main .note {
	margin: 0 auto;
}

main .note p {
	font-size: min(1.3vw,16px);
	line-height: 1.5;
}

.underPage .mainVisual {
	text-align: center;
}

.underPage .mainVisual img {
	width: 100vw;
}

.underPage .leadText {
	margin: 0 auto;
}

.underPage .leadText p {
	font-size: min(3.3vw,40px);
  font-weight: bold;
	/*letter-spacing: .05em;*/
	line-height: 1.6;
	text-align: center;
}

.reserve {
	background: #C9AB49;
	transition: all 0.3s;
	margin-top: 290px;
}

.reserve:hover {
	background: #C1910A;
}

.reserve:hover a {
	opacity: 1;
}

.reserveBlock {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.reserve .e-en img {
	width: 100%;
}

.reserve .e-jp {
	font-size: min(3.3vw,40px);
	font-weight: bold;
	color: #fff;
	padding-right: 163px;
	position: relative;
}

.reserve .e-jp:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 143px;
	height: 16px;
	background: url("../image/common/reserve_arrow.svg") no-repeat center/contain;
	transition: all 0.3s;
}

.reserve:hover .e-jp:after {
	right: -20px;
}




/*＝＝＝＝＝＝tab＝＝＝＝＝＝＝＝*/
.tab_list {
	display: flex;
	max-width: 970px;
	margin:0 auto 80px;
}
.tab_list li {
	width: calc(100% / 2);
}
.tab_list li a {
	display: block;
	background:#fff;
	border: 1px solid #C9AB49;
	padding: 1em 2em;
	font-size: min(2vw,25px);
	font-size: 25px;
	font-weight: bold;
	color: #C9AB49;
	text-align: center;
	line-height: 1;
}
.tab_list li.active a {
	background: #C9AB49;
	color: #fff;	
}
.tab_contents {
	display: none;
}
.tab_contents.is-active {
    display: block;
}


/*＝＝＝＝＝＝ contents ＝＝＝＝＝＝＝＝*/
.contents {
	margin-top: 200px;
	letter-spacing: .06em;
}
.contents.contents_shop {
	margin-top: 130px;
}
.contents.contents_access {
	margin-top: 60px;
}

.contentsTitle {
	text-align: center;
	margin-bottom: 80px;
}
.contentsTitle h3 {
	font-size: min(2.5vw,30px);
	line-height: 1;
	border: 0;
}
.contentsTitle h3 .en {
	font-size: min(6vw,60px);
}

.contents_shop .contentsTitle h3 {
	color: #ea5418;
}
.contents_park .contentsTitle h3 {
	color: #00873D;
}
.contents_educ .contentsTitle h3 {
	color: #944528;
}
.contents_med .contentsTitle h3 {
	color: #407CD6;
}
.contents_pub .contentsTitle h3 {
	color: #51B9B5;
}
.contents_bank .contentsTitle h3 {
	color: #7666C0;
}

.contentsTitle h3 img {
	display: block;
	margin: 0 auto 15px;
}

.contentsTitle p {
	font-size: min(2.9vw,35px);
	font-size: 35px;
	font-weight: bold;
	line-height: 1.75;
	margin-top: 40px;
}

.listItems {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -25px;
	gap: 70px 0;
}

.listItems.listItems__main {
	margin-bottom: 40px;
}

.listItem {
	width: calc(100% / 2);
	padding: 0 25px;
	line-height: 1;
}

.listItems.listItems__main .listItem {
	width: 100%;
}

.listItem figure img {
	border-radius: 28px 0;
}

.listItem figcaption {
	/*margin-top: 0.25em;*/
}

.listItem .e-name {
	line-height: 1.4;
}

.listItem .e-name em {
	font-size: min(2.5vw,30px);
	font-weight: bold;
	font-style: normal;
}

.listItem .e-name span {
	margin-left: 1em;
	font-size: min(1.6vw,20px);
	font-weight: bold;
}

.listItem .e-name br + span {
	margin-left: 0;
}

.listItem .e-text {
	font-size: min(1.6vw,20px);
	line-height: 1.2;
	margin-top: .25em;
}

.listItem ul {
	display: flex;
	flex-wrap: wrap;
}

.listItem li {
	width: 100%;
	margin-bottom: 2em;
	margin-left: 28px;
}

.listItem li:after {
	display:block;
	content: "";
	background: #333;
	height: 1px;
	margin-top: 1em;
}

.listItem.listItem__L {
	width: 100%;
}

.listItem.listItem__L ul {
	margin: 0 -54px;
}

.listItem.listItem__L ul > * {
	width: calc(100% / 2);
	margin-left: 0;
	padding: 0 54px;
}

.shop {
	background: #FBDBCE;
	padding: 15px 25px 30px;
	margin-top: 100px;
}

.shopTitle img {
	margin: 0 auto;
}

.shopData {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin-top: -8px;
}

.shopData .e-img {
	width: 64%;
}

.shopData .e-text {
	width: 33%;
	line-height: 1.35;
}

.shopData .e-text img {
	display: block;
	margin: 0 auto 25px;
	width: 60%;
}

.shopData .e-text p {
	font-size: min(1.6vw,20px);
}

.shopData .e-text em {
	font-size: min(2vw,24px);
	font-weight: bold;
	font-style: normal;
	display:block;
	margin-bottom: 0.25em;
}

.shopData .e-text b {
	font-weight: bold;
	display:block;
	margin-top: 0.5em;
}

.contents_bank .note {
	margin-top: 10px;
}

.accessRoute {
	margin-bottom: 70px;
}

.accessRoute_list {
}

.accessRoute_list .is-bus {
	text-align: center;
}

.accessRoute_list .is-bicycle {
}

.accessRoute_list .is-train {
}

.accessRoute_lists > *:first-child {
	flex-wrap: wrap;
}

.accessRoute_lists > *:first-child:after {
	content: "";
	display: block;
	width: 280px;
	height: 1px;
	background: #212529;
	margin: 40px auto;
}

.accessRoute_lists > *:nth-child(2) {
	display: flex;
	padding-left: 7%;
	gap: 9.5%;
}

.accessRoute_lists > *:last-child {
	padding-left: 7%;
}

.accessRoute_list li {
	margin-top: 20px;
}

.accessRoute_list li:first-child {
	margin-top: 0;
}

.accessRoute_list .note {
	margin-top: 10px;
}

.accessRoute_lists > *:last-child .note {
	margin-top: 30px;
}

.accessMap {
	text-align: center;
}

.accessMap ul {
	display: flex;
	flex-wrap: nowrap;
	margin-top: 70px;
}

.accessMap ul > * {
	width: calc(100% / 2);
}

.accessMap ul img {
	width: 100%;
}


@media screen and (max-width: 1465px) {
/*＝＝＝＝＝＝common＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝contents＝＝＝＝＝＝＝＝*/
	.accessRoute .note {
		width: 100%;
	}
}


@media screen and (max-width: 1200px) {
/*＝＝＝＝＝＝common＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝contents＝＝＝＝＝＝＝＝*/
}


@media screen and (max-width: 1024px) {
/*＝＝＝＝＝＝common＝＝＝＝＝＝＝＝*/
    
/*＝＝＝＝＝＝contents＝＝＝＝＝＝＝＝*/
}


@media screen and (max-width: 768px) {
/*＝＝＝＝＝＝common＝＝＝＝＝＝＝＝*/
	main .note p {
		font-size: min(2.1vw,16px);
	}
	
	.underPage .inner {
		width: 82%;
	}
	
	.underPage .tab_contents .inner {
		width: 76%;
	}
	
	.underPage #list2 .leadText .inner {
		width: 90%;
	}
	
	.underPage .leadText {
		margin-top: 0;
	}

	.underPage .leadText p {
		font-size: min(5.3vw,40px);
		margin-bottom: .5em;
	}

	.reserve {
		margin-top: 90px;
	}

	.reserve .inner {
		width: 90%;
	}

	.reserveBlock {
		height: 54px;
	}

	.reserve .e-en img {
		max-width: 158px;
	}

	.reserve .e-jp {
		font-size: min(4vw,30px);
		padding-right: 61px;
	}

	.reserve .e-jp:after {
		width: 51px;
		height: 6px;
	}

	.reserve:hover .e-jp:after {
		right: -3%;
	}
	

	
/*＝＝＝＝＝＝tab＝＝＝＝＝＝＝＝*/
	.tab_list {
		margin-bottom: 25px;
	}
	.tab_list li {
	}
	.tab_list li a {
		padding: 1em .5em;
		font-size: min(3.3vw,25px);
	}

    
/*＝＝＝＝＝＝contents＝＝＝＝＝＝＝＝*/
	.contents {
		margin-top: 90px;
	}
	.contents.contents_shop {
		margin-top: 50px;
	}
	.contents.contents_access {
		margin-top: 50px;
	}
	
	.contentsTitle {
		width: 100vw;
    margin: 0 calc(50% - 50vw) 20px;
	}

	.contentsTitle h3 {
		font-size: min(4vw,30px);
	}

	.contentsTitle h3 img {
		margin-bottom: 10px;
	}
	.contents_shop .contentsTitle h3 img {
		max-width: 65%;
	}
	.contents_park .contentsTitle h3 img {
		max-width: 34%;
	}
	.contents_educ .contentsTitle h3 img {
		max-width: 79%;
	}
	.contents_med .contentsTitle h3 img {
		max-width: 61%;
	}
	.contents_pub .contentsTitle h3 img {
		max-width: 44%;
	}
	.contents_bank .contentsTitle h3 img {
		max-width: 36%;
	}

	.contentsTitle p {
		font-size: min(4.6vw,35px);
		margin-top: 20px;
	}
	
	.listItems {
		margin: 0 auto;
		gap: 35px 0;
	}

	.listItem {
		width: 100%;
		padding: 0 0;
	}

	.listItems.listItems__main .listItem {
	}

	.listItem figure img {
		border-radius: 14px 0;
		margin-bottom: 0.25em;
	}

	.listItems__main .listItem figure img {
		width: 100vw;
		max-width: initial;
		margin: 0 calc(50% - 50vw) 0.5em;
	}

	.listItem figcaption {
	}

	.listItem .e-name {
		line-height: 1.2;
	}

	.listItem .e-name em {
		font-size: min(4vw,30px);
	}

	.listItem .e-name span {
		font-size: min(2.6vw,20px);
	}

	.listItem .e-name br + span {
		/*margin-left: 0;*/
	}

	.listItem .e-text {
		font-size: min(2.6vw,20px);
		margin-top: .5em;
	}

	.listItem ul {
	}

	.listItem li {
		margin-bottom: 1em;
		margin-left: 0;
	}

	.listItem li:last-child {
		margin-bottom: 0;
	}

	.listItem li:after {
		margin-top: 0.5em;
	}

	.listItem.listItem__L {
	}

	.listItem.listItem__L ul {
		margin: 0 auto;
	}

	.listItem.listItem__L ul > * {
		width: 100%;
		padding: 0 0;
	}

	.shop {
		padding: 20px 4%;
		width: 100vw;
		margin: 35px calc(50% - 50vw) 0;
	}

	.shopTitle {
		margin-bottom: .25em;
	}

	.shopData {
		flex-wrap: wrap;
		margin-top: 0;
    position: relative;
	}

	.shopData:after {
		content: "";
		display: block;
		background-image: url("../image/location/shop_illust_03.png");
		background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 36px;
    position: absolute;
    right: -5px;
    bottom: -15px;
	}

	.shopData .e-img {
		width: 100%;
	}

	.shopData .e-text {
		display: flex;
		width: 100%;
		justify-content: center;
    align-items: center;
    gap: 0.5em;
		margin-top: 20px;
		position: relative;
	}

	.shopData .e-text:before {
		content: "";
		display: block;
		background-image: url("../image/location/shop_illust_01.png");
		background-repeat: no-repeat;
    background-size: contain;
    width: 34px;
    height: 22px;
    position: absolute;
    left: 0;
    top: -15px;
	}
	
	.shopData .e-text:after {
		content: "";
		display: block;
		background-image: url("../image/location/shop_illust_02.png");
		background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 34px;
    position: absolute;
    left: -5px;
    bottom: -15px;
	}

	.shopData .e-text img {
		margin: 0;
		width: 30%;
		position: relative;
		z-index: 1;
	}

	.shopData .e-text p {
		font-size: min(2.6vw,20px);
		position: relative;
		z-index: 1;
	}

	.shopData .e-text em {
		font-size: min(3.2vw,24px);
	}

	.accessRoute {
		margin-bottom: 20px;
	}

	.accessRoute_lists > *:first-child:after {
		max-width: 45%;
	}

	.accessRoute_lists > *:nth-child(2) {
		flex-wrap: wrap;
		padding: 0;
	}

	.accessRoute_lists > *:last-child {
		padding-left: 9%;
	}

	.accessRoute_list .is-bus img {
		margin: 0 auto;
	}

	.accessRoute_list .is-bicycle {
		margin: 0 auto 30px;
	}

	.accessRoute_list .is-train {
		padding-left: 9%;
	}

	.accessRoute_lists .note {
		margin-top: 0;
		width: 100%;
	}

	.accessRoute_lists > *:last-child .note {
		margin-top: 10px;
	}
	
	.accessMap ul {
		flex-wrap: wrap;
		gap: 25px;
		margin-top: 50px;
	}

	.accessMap ul > * {
		width: 100%;
	}
}


@media screen and (min-width:320px) and ( max-width:767px) {
}