@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&family=Noto+Sans+JP:wght@100..900&family=Quicksand:wght@300..700&display=swap');

.m-plus-rounded-1c-regular {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
	transform: rotateZ(0.03deg);	/*20px以下の場合追記する。*/
}
.m-plus-rounded-1c-medium {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
	font-style: normal;
	transform: rotateZ(0.03deg);	/*20px以下の場合追記する。*/
}
.m-plus-rounded-1c-bold {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	transform: rotateZ(0.03deg);	/*20px以下の場合追記する。*/
}
.m-plus-rounded-1c-extrabold {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 800;
	font-style: normal;
	transform: rotateZ(0.03deg);	/*20px以下の場合追記する。*/
}
.m-plus-rounded-1c-black {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 900;
	font-style: normal;
	transform: rotateZ(0.03deg);	/*20px以下の場合追記する。*/
}


main.lowerLayer {
	padding-bottom: 100px;
}
main.lowerLayer.bgYellow {
	background: #fef9e9;
	overflow: hidden;
}
@media (max-width: 768px) {
	main.lowerLayer {
		padding-bottom: 13.333vw;
	}
}


/* mainTtlWrap */
.lowerLayer .mainTtlWrap {
	max-width: 1260px;
	margin: 0 auto;
	padding: 40px 30px 0;
	overflow: hidden;
}
.lowerLayer .mainTtl {
	background: url(/kids_baby/img/mv_bg.png) no-repeat top center;
	width: 547px;
	height: 348px;
	background-size: contain;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
h1.ttl {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	transform: rotateZ(0.03deg);	/*20px以下の場合追記する。*/
	font-size: 24px;
	color: #444;
	display: block;
}
h1.ttl span.ttlEn {
	font-size: 82px;
	line-height: 1.05;
	margin-top: 5px;
	display: block;
	width: 5em;
}
.lowerLayer h1.ttl span.ttlEn span {
	display: inline-block;
	font-size: 82px;
	line-height: 1.05;
	visibility: hidden;
}
.lowerLayer .mainTtl::before {
	content: "";
	position: absolute;
	background: url(/kids_baby/img/mv_icon_baby.png) no-repeat;
	width: 199px;
	height: 201px;
	background-size: contain;
	left: -90px;
	bottom: 15px;
}
.lowerLayer .mainTtl::after {
	content: "";
	position: absolute;
	background: url(/kids_baby/img/mv_icon_family.png) no-repeat;
	width: 160px;
	height: 226px;
	background-size: contain;
	right: -115px;
	bottom: 10px;
}
.lowerLayer .mainTtl .mainIcon01 {
	position: absolute;
	width: 38px;
	height: 85px;
	left: -167px;
	bottom: 58px;
}
.lowerLayer .mainTtl .mainIcon02 {
	position: absolute;
	width: 55px;
	height: 70px;
	left: -190px;
	bottom: 168px;
}
.lowerLayer .mainTtl .mainIcon03 {
	position: absolute;
	width: 63px;
	height: 51px;
	left: -130px;
	top: 55px;
}
.lowerLayer .mainTtl .mainIcon04 {
	position: absolute;
	width: 105px;
	height: 153px;
	left: -42px;
	top: -30px;
}
.lowerLayer .mainTtl .mainIcon05 {
	position: absolute;
	width: 106px;
	height: 44px;
	right: -10px;
	top: 16px;
}
.lowerLayer .mainTtl .mainIcon06 {
	position: absolute;
	width: 63px;
	height: 74px;
	right: -102px;
	top: 28px;
}
.lowerLayer .mainTtl .mainIcon07 {
	position: absolute;
	width: 75px;
	height: 54px;
	right: -190px;
	top: 100px;
}
.lowerLayer .mainTtl .mainIcon08 {
	position: absolute;
	width: 35px;
	height: 78px;
	right: -177px;
	bottom: 80px;
}
@media (max-width: 768px) {
	.lowerLayer .mainTtlWrap {
		max-width: 100%;
		padding: 9.333vw 0 6vw;
	}
	.lowerLayer .mainTtl {
		background: url(/kids_baby/img/mv_bg_sp.png) no-repeat top center;
		max-width: 509px;
		width: 67.867vw;
		max-height: 362px;
		height: 48.267vw;
		background-size: contain;
	}
	h1.ttl {
		font-size: 3.467vw;
	}
	h1.ttl span.ttlEn {
		font-size: 10.933vw;
	}
	.lowerLayer h1.ttl span.ttlEn span {
		font-size: 10.933vw;
	}
	.lowerLayer .mainTtl::before {
		width: 26.533vw;
		height: 26.8vw;
		background-size: contain;
		left: -5.6vw;
		bottom: -6vw;
	}
	.lowerLayer .mainTtl::after {
		width: 21.333vw;
		height: 30.133vw;
		background-size: contain;
		right: -14.667vw;
		bottom: -6vw;
	}
	.lowerLayer .mainTtl .mainIcon01 {
		width: 5.067vw;
		height: 11.333vw;
		left: -13.333vw;
		bottom: 3.333vw;
	}
	.lowerLayer .mainTtl .mainIcon02 {
		width: 7.333vw;
		height: 9.333vw;
		left: -12vw;
		bottom: 20.8vw;
	}
	.lowerLayer .mainTtl .mainIcon03 {
		width: 8.4vw;
		height: 6.8vw;
		left: -9.6vw;
		top: 8vw;
	}
	.lowerLayer .mainTtl .mainIcon04 {
		width: 14vw;
		height: 20.4vw;
		left: -1.333vw;
		top: -7.2vw;
	}
	.lowerLayer .mainTtl .mainIcon05 {
		width: 14.133vw;
		height: 5.867vw;
		right: 0;
		top: -1.733vw;
	}
	.lowerLayer .mainTtl .mainIcon06 {
		width: 8.4vw;
		height: 9.867vw;
		right: 12.533vw;
		top: auto;
		bottom: -4.267vw;
	}
	.lowerLayer .mainTtl .mainIcon07 {
		width: 10vw;
		height: 7.2vw;
		right: -4.667vw;
		top: 7.067vw;
	}
	.lowerLayer .mainTtl .mainIcon08 {
		width: 4.667vw;
		height: 10.4vw;
		right: -11.467vw;
		bottom: 25.067vw;
	}
}


/* navAnchor */
.lowerLayer .navAnchor {
	margin: 45px auto 0;
	max-width: 1110px;
}
.lowerLayer .navAnchor ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 1.351351%;
}
.lowerLayer .navAnchor ul li {
	width: calc((100% - 5.405404%) / 5);
}
.lowerLayer .navAnchor ul li a {
	width: 100%;
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--greenColor);
	color: var(--whiteColor);
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	position: relative;
	border-radius: 68px;
	padding-bottom: 2px;
	padding: 5px 30px 7px 25px;
}
.lowerLayer .navAnchor ul li a::after {
	content: "";
	position: absolute;
	border-top: solid 2px var(--whiteColor);
	border-right: solid 2px var(--whiteColor);
	width: 8px;
	height: 8px;
	transform: rotate(135deg);
	top: calc(50% - 8px);
	right: 16px;
}
@media (max-width: 768px) {
	.lowerLayer .navAnchor {
		margin: 25px auto 0;
		max-width: 100%;
	}
	.lowerLayer .navAnchor ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.lowerLayer .navAnchor ul li {
		width: calc(50% - 5px);
	}
	.lowerLayer .navAnchor ul li a {
		width: 100%;
		min-height: 38px;
		font-size: 12.5px;
		padding: 5px 30px 7px 25px;
	}
	.lowerLayer .navAnchor ul li a::after {
		width: 8px;
		height: 8px;
		top: calc(50% - 8px);
		right: 16px;
	}
}


/* secWrap */
.lowerLayer .secWrap {
	padding-top: 30px;
	margin-top: 45px;
}
.lowerLayer .secWrap .bgWhite {
	border-radius: 40px;
}
.lowerLayer .secWrap .secTtlBg {
	background: var(--greenBgColor);
	border-radius: 40px 40px 0 0;
	position: relative;
	text-align: center;
	margin-bottom: 15px;
}
.lowerLayer .secWrap .secTtlBg::after {
	content: "";
	position: absolute;
	background: url(/kids_baby/img/ttl_bg.png) no-repeat top center;
	width: 100%;
	height: 13px;
	background-size: cover;
	bottom: -12px;
	left: 0;
}
.lowerLayer .secWrap .secTtl {
	position: relative;
	display: inline-block;
}
.lowerLayer .secWrap .secTtl h2 {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 800;
	font-style: normal;
	transform: rotateZ(0.03deg);	/*20px以下の場合追記する。*/
	font-size: 45px;
	line-height: 1;
	color: var(--greenColor);
	text-align: center;
	display: inline-block;
	padding: 30px 30px 25px;
	overflow: hidden;
}
.lowerLayer .secWrap .secTtl h2 span {
	display: inline-block;
	visibility: hidden;
}
.lowerLayer .secWrap .secTtl .secIcon {
	font-size: 0;
}
.lowerLayer .secWrap .secInner {
	padding: 35px 50px 50px;
}
.lowerLayer .secWrap .secLead {
	font-size: 18px;
	line-height: 1.7;
	text-align: center;
}
@media (max-width: 768px) {
	.lowerLayer .secWrap {
		padding-top: 15px;
		margin-top: 15px;
	}
	.lowerLayer .secWrap .bgWhite {
		border-radius: 20px;
	}
	.lowerLayer .secWrap .secTtlBg {
		border-radius: 20px 20px 0 0;
		margin-bottom: 15px;
	}
	.lowerLayer .secWrap .secTtlBg::after {
		background: url(/kids_baby/img/ttl_bg_sp.png) no-repeat top center;
	}
	.lowerLayer .secWrap .secTtl h2 {
		font-size: 25px;
		padding: 18px 10px 10px;
	}
	.lowerLayer .secWrap .secInner {
		padding: 20px 4vw 30px;
	}
	.lowerLayer .secWrap .secLead {
		font-size: 14px;
	}
}


/* sec01 */
.lowerLayer .sec01 .secIcon01 {
	position: absolute;
	z-index: 2;
	width: 93px;
	height: 127px;
	left: -165px;
	top: -25px;
}
.lowerLayer .sec01 .secIcon02 {
	position: absolute;
	z-index: 2;
	width: 60px;
	height: 54px;
	left: -80px;
	top: 2px;
}
.lowerLayer .sec01 .secIcon03 {
	position: absolute;
	z-index: 2;
	width: 43px;
	height: 55px;
	right: -60px;
	top: 36px;
}
.lowerLayer .sec01 .secIcon04 {
	position: absolute;
	z-index: 2;
	width: 35px;
	height: 63px;
	right: -95px;
	top: -10px;
}
.lowerLayer .sec01 .secIcon05 {
	position: absolute;
	z-index: 2;
	width: 69px;
	height: 123px;
	right: -160px;
	top: -20px;
}
@media (max-width: 768px) {
	.lowerLayer .sec01 .secIcon01 {
		width: 46.5px;
		height: 63.5px;
		left: -83px;
		top: -10px;
	}
	.lowerLayer .sec01 .secIcon02 {
		width: 30px;
		height: 27px;
		left: -40px;
		top: 3px;
	}
	.lowerLayer .sec01 .secIcon03 {
		width: 21.5px;
		height: 27.5px;
		right: -33px;
		top: 22px;
	}
	.lowerLayer .sec01 .secIcon04 {
		width: 17.5px;
		height: 31.5px;
		right: -50px;
		top: -3px;
	}
	.lowerLayer .sec01 .secIcon05 {
		width: 34.5px;
		height: 61.5px;
		right: -82px;
		top: -10px;
	}
}
/* sec01 serviceListWrap */
.lowerLayer .sec01 .serviceListWrap {
	margin: 55px auto 0;
}
.lowerLayer .sec01 .serviceListWrap .serviceList {
	display: flex;
	flex-wrap: wrap;
}
.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2n) {
	flex-direction: row-reverse;
}
.lowerLayer .sec01 .serviceListWrap .serviceList + .serviceList {
	border-top: 2px dotted var(--grayBorderColor);
	margin-top: 35px;
	padding-top: 35px;
}
@media (max-width: 768px) {
	.lowerLayer .sec01 .serviceListWrap {
		margin: 28px auto 0;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList {
		gap: 25px;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2n) {
		flex-direction: row;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList + .serviceList {
		border-top: 2px dotted var(--grayBorderColor);
		margin-top: 25px;
		padding-top: 25px;
	}
}
/* sec01 flexTxt */
.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt {
	width: 50%;
	padding-left: 50px;
	position: relative;
}
.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2n) .flexTxt {
	padding-right: 50px;
	padding-left: 0;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt h3 {
	display: flex;
	align-items: center;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	transform: rotateZ(0.03deg);	/*20px以下の場合追記する。*/
	font-size: 30px;
	color: #444;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt h3 .icon {
	width: 70px;
	margin-right: 10px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt .txt {
	font-size: 16px;
	line-height: 1.7;
	margin-top: 15px;
	text-align: justify;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt .place {
	display: flex;
	position: relative;
	padding-left: 14px;
	font-size: 16px;
	margin-top: 18px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt .place::before {
	content: "";
	position: absolute;
	top: 0;
	left: 1px;
	width: 4px;
	height: 26px;
	background: var(--greenColor);
	border-radius: 4px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt .place dt::after {
	content: "：";
}
@media (max-width: 768px) {
	.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt {
		width: 100%;
		padding-left: 0;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2n) .flexTxt {
		padding-right: 0;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt h3 {
		font-size: 20px;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt h3 .icon {
		width: 45px;
		margin-right: 10px;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt .txt {
		font-size: 13px;
		margin-top: 10px;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt .place {
		padding-left: 12px;
		font-size: 13px;
		margin-top: 10px;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList .flexTxt .place::before {
		width: 3px;
		height: 20px;
		border-radius: 3px;
	}
}
/* sec01 flexPic */
.lowerLayer .sec01 .serviceListWrap .serviceList .flexPic {
	width: 50%;
	padding: 0 50px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .flexPic .picWrap {
	width: 100%;
	position: relative;
	padding-bottom: 40px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .flexPic .picWrap .picGroop {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 5px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 81.555556%;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .flexPic .picWrap .picGroop .picMini {
	width: calc((100% - 10px) / 3);
}
@media (max-width: 768px) {
	.lowerLayer .sec01 .serviceListWrap .serviceList .flexPic {
		width: 100%;
		padding: 0;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList .flexPic .picWrap {
		padding-bottom: 6.667vw;
	}
}
/* sec01 :nth-child(2) */
.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2) .flexTxt {
	padding-bottom: 95px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2) .flexTxt .listIcon01 {
	position: absolute;
	z-index: 2;
	width: 71px;
	height: 57px;
	right: 76px;
	bottom: 8px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2) .flexTxt .listIcon02 {
	position: absolute;
	z-index: 2;
	width: 87px;
	height: 64px;
	right: 0;
	bottom: 45px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2) .flexPic .picWrap {
	padding-bottom: 0;
}
@media (max-width: 768px) {
	.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2) .flexTxt {
		padding-bottom: 0;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2) .flexTxt .listIcon01 {
		width: 9.467vw;
		height: 7.6vw;
		right: 10.267vw;
		bottom: 0;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(2) .flexTxt .listIcon02 {
		width: 11.6vw;
		height: 8.533vw;
		right: 0;
		bottom: 5.333vw;
	}
}
/* sec01 :nth-child(3) */
.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(3) .flexPic .picWrap {
	padding-bottom: 0;
}
/* sec01 :nth-child(4) */
.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(4) .flexTxt {
	padding-bottom: 130px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(4) .flexTxt .listIcon01 {
	position: absolute;
	z-index: 2;
	width: 82px;
	height: 111px;
	right: 145px;
	bottom: 0;
}
.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(4) .flexTxt .listIcon02 {
	position: absolute;
	z-index: 2;
	width: 74px;
	height: 200px;
	right: 72px;
	bottom: -4px;
}
@media (max-width: 768px) {
	.lowerLayer .sec01 .serviceListWrap .serviceList:nth-child(4) .flexTxt {
		padding-bottom: 0;
	}
}

/* sec02 */
.lowerLayer .sec02 .secIcon01 {
	position: absolute;
	z-index: 2;
	width: 82px;
	height: 83px;
	left: -175px;
	top: 20px;
}
.lowerLayer .sec02 .secIcon02 {
	position: absolute;
	z-index: 2;
	width: 54px;
	height: 66px;
	left: -90px;
	top: -10px;
}
.lowerLayer .sec02 .secIcon03 {
	position: absolute;
	z-index: 2;
	width: 35px;
	height: 70px;
	right: -80px;
	top: 30px;
}
.lowerLayer .sec02 .secIcon04 {
	position: absolute;
	z-index: 2;
	width: 88px;
	height: 49px;
	right: -155px;
	top: -5px;
}
.lowerLayer .sec02 .secIcon05 {
	position: absolute;
	z-index: 2;
	width: 85px;
	height: 50px;
	right: -200px;
	top: 45px;
}
@media (max-width: 768px) {
	.lowerLayer .sec02 .secIcon01 {
		width: 41px;
		height: 41.5px;
		left: -110px;
		top: 10px;
	}
	.lowerLayer .sec02 .secIcon02 {
		width: 27px;
		height: 33px;
		left: -68px;
		top: -5px;
	}
	.lowerLayer .sec02 .secIcon03 {
		width: 17.5px;
		height: 35px;
		right: -53px;
		top: 15px;
	}
	.lowerLayer .sec02 .secIcon04 {
		width: 44px;
		height: 24.5px;
		right: -90px;
		top: -5px;
	}
	.lowerLayer .sec02 .secIcon05 {
		width: 42.5px;
		height: 25px;
		right: -113px;
		top: 24px;
	}
}
/* shopList */
.lowerLayer .sec02 .shopList {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
.lowerLayer .sec02 .shopList .shopBox {
	width: calc((100% - 120px) / 4);
}
.lowerLayer .sec02 .shopList .shopBox a {
	display: block;
}
.lowerLayer .sec02 .shopList .shopBox a .shopLogo {
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px var(--grayBorderColor);
	aspect-ratio: 1 / 1;
}
.lowerLayer .sec02 .shopList .shopBox a .shopLogo img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
}
.lowerLayer .sec02 .shopList .shopBox a .detail {
	margin-top: 10px;
}
.lowerLayer .sec02 .shopList .shopBox a .detail .shopName {
	font-size: 16px;
	font-weight: 600;
}
.lowerLayer .sec02 .shopList .shopBox a .detail .floorBox {
	font-size: 13px;
	margin-top: 6px;
	display: flex;
}
.lowerLayer .sec02 .shopList .shopBox a .detail .floorBox .floorNum + .floorTxt {
	text-indent: -1em;
	padding-left: 1em;
}
.lowerLayer .sec02 .shopList .shopBox a .detail .floorBox .floorNum + .floorTxt::before {
	content: "｜";
}
@media (max-width: 768px) {
	.lowerLayer .sec02 .shopList {
		margin-top: 25px;
		gap: 25px 4vw;
	}
	.lowerLayer .sec02 .shopList .shopBox {
		width: calc((100% - 4vw) / 2);
	}
	.lowerLayer .sec02 .shopList .shopBox a .detail {
		margin-top: 8px;
	}
	.lowerLayer .sec02 .shopList .shopBox a .detail .shopName {
		font-size: 13px;
	}
	.lowerLayer .sec02 .shopList .shopBox a .detail .floorBox {
		font-size: 12px;
		margin-top: 4px;
	}
}


/* sec03 */
.lowerLayer .sec03 .secIcon01 {
	position: absolute;
	z-index: 2;
	width: 75px;
	height: 101px;
	left: -195px;
	top: -10px;
}
.lowerLayer .sec03 .secIcon02 {
	position: absolute;
	z-index: 2;
	width: 21px;
	height: 21px;
	left: -110px;
	top: 5px;
}
.lowerLayer .sec03 .secIcon03 {
	position: absolute;
	z-index: 2;
	width: 76px;
	height: 55px;
	left: -105px;
	top: 35px;
}
.lowerLayer .sec03 .secIcon04 {
	position: absolute;
	z-index: 2;
	width: 93px;
	height: 109px;
	right: -120px;
	top: 0;
}
.lowerLayer .sec03 .secIcon05 {
	position: absolute;
	z-index: 2;
	width: 79px;
	height: 104px;
	right: -190px;
	top: -10px;
}
@media (max-width: 768px) {
	.lowerLayer .sec03 .secIcon01 {
		width: 37.5px;
		height: 50.5px;
		left: -99px;
		top: -5px;
	}
	.lowerLayer .sec03 .secIcon02 {
		width: 10.5px;
		height: 10.5px;
		left: -56px;
		top: 5px;
	}
	.lowerLayer .sec03 .secIcon03 {
		width: 38px;
		height: 27.5px;
		left: -55px;
		top: 19px;
	}
	.lowerLayer .sec03 .secIcon04 {
		width: 46.5px;
		height: 54.5px;
		right: -62px;
		top: 0;
	}
	.lowerLayer .sec03 .secIcon05 {
		width: 39.5px;
		height: 52px;
		right: -100px;
		top: -5px;
	}
}
/* eventWrap */
.lowerLayer .sec03 .eventWrap {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 40px;
}
.lowerLayer .sec03 .eventWrap .evenBox {
	width: calc((100% - 120px) / 4);
	position: relative;
	padding: 30px 0 0;
}
.lowerLayer .sec03 .eventWrap .evenBox:nth-child(4n+1):not(:first-child)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(400% + 120px);
	border-top: 2px dotted  var(--grayBorderColor);
}
.lowerLayer .sec03 .eventWrap .evenBox a {
	display: block;
}
.lowerLayer .sec03 .eventWrap .evenBox a .pic {
	height: 23.81vw;
	max-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lowerLayer .sec03 .eventWrap .evenBox a .pic img {
	max-height: 100%;
}
.lowerLayer .sec03 .eventWrap .evenBox .iconWrap {
	margin-top: 18px;
	display: flex;
	align-items: flex-end;
	gap: 0 10px;
}
.lowerLayer .sec03 .eventWrap .evenBox .iconWrap .black,
.lowerLayer .sec03 .eventWrap .evenBox .iconWrap .green {
	line-height: 1;
	text-align: center;
}
.lowerLayer .sec03 .eventWrap .evenBox .iconWrap .black span {
	font-size: 15px;
	color: var(--whiteColor);
	background: var(--baseColor);
	padding: 4px 7px 6px;
	display: inline-block;
}
.lowerLayer .sec03 .eventWrap .evenBox .iconWrap .green span {
	font-size: 14px;
	color: var(--whiteColor);
	background: var(--greenColor);
	padding: 2px 5px 3px;
	display: inline-block;
}
.lowerLayer .sec03 .eventWrap .evenBox .txt {
	margin-top: 10px;
}
.lowerLayer .sec03 .eventWrap .evenBox .txt .ttl {
	font-size: 16px;
	font-weight: 600;
}
.lowerLayer .sec03 .eventWrap .evenBox .txt dl {
	font-size: 14px;
	display: flex;
	margin-top: 8px;
}
.lowerLayer .sec03 .eventWrap .evenBox .txt dl dt {
	width: 3.15em;
	margin-right: 10px;
	text-align-last: justify;
}
.lowerLayer .sec03 .eventWrap .evenBox .txt dl dd {
	width: calc(100% - 3.15em - 10px);
}
.lowerLayer .sec03 .eventWrap .evenBox .txt dl + dl {
	margin-top: 5px;
}
@media (max-width: 768px) {
	.lowerLayer .sec03 .eventWrap {
		margin-top: 0;
		gap: 25px 4vw;
	}
	.lowerLayer .sec03 .eventWrap .evenBox {
		width: calc((100% - 4vw) / 2);
		padding: 25px 0 0;
	}
	.lowerLayer .sec03 .eventWrap .evenBox:nth-child(2n+1):not(:first-child)::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: calc(200% + 4vw);
		border-top: 2px dotted  var(--grayBorderColor);
	}
	.lowerLayer .sec03 .eventWrap .evenBox a .pic {
		height: 47.333vw;
		max-height: 355px;
	}
	.lowerLayer .sec03 .eventWrap .evenBox .iconWrap {
		margin-top: 4vw;
		gap: 0 10px;
	}
	.lowerLayer .sec03 .eventWrap .evenBox .iconWrap .black span {
		font-size: 13px;
		padding: 2px 4px 3px;
	}
	.lowerLayer .sec03 .eventWrap .evenBox .iconWrap .green span {
		font-size: 12px;
		padding: 1px 3px 2px;
	}
	.lowerLayer .sec03 .eventWrap .evenBox .txt {
		margin-top: 8px;
	}
	.lowerLayer .sec03 .eventWrap .evenBox .txt .ttl {
		font-size: 15px;
	}
	.lowerLayer .sec03 .eventWrap .evenBox .txt dl {
		font-size: 12px;
		margin-top: 5px;
	}
}


/* sec04 */
.lowerLayer .sec04 .secIcon01 {
	position: absolute;
	z-index: 2;
	width: 63px;
	height: 61px;
	left: -190px;
	top: 35px;
}
.lowerLayer .sec04 .secIcon02 {
	position: absolute;
	z-index: 2;
	width: 84px;
	height: 68px;
	left: -120px;
	top: 10px;
}
.lowerLayer .sec04 .secIcon03 {
	position: absolute;
	z-index: 2;
	width: 17px;
	height: 24px;
	right: -45px;
	top: 18px;
}
.lowerLayer .sec04 .secIcon04 {
	position: absolute;
	z-index: 2;
	width: 113px;
	height: 94px;
	right: -160px;
	top: 5px;
}
@media (max-width: 768px) {
	.lowerLayer .sec04 .secIcon01 {
		width: 31.2px;
		height: 30.5px;
		left: -80px;
		top: 19px;
	}
	.lowerLayer .sec04 .secIcon02 {
		width: 42px;
		height: 34px;
		left: -45px;
		top: 6px;
	}
	.lowerLayer .sec04 .secIcon03 {
		width: 8.5px;
		height: 12px;
		right: -13px;
		top: 10px;
	}
	.lowerLayer .sec04 .secIcon04 {
		width: 56.5px;
		height: 47px;
		right: -70px;
		top: 5px;
	}
}
/* cultureList */
.lowerLayer .sec04 .cultureList {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
.lowerLayer .sec04 .cultureList .cultureBox {
	width: calc((100% - 120px) / 4);
}
.lowerLayer .sec04 .cultureList .cultureBox a {
	display: block;
}
.lowerLayer .sec04 .cultureList .cultureBox a .shopLogo {
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px var(--grayBorderColor);
	aspect-ratio: 1 / 1;
}
.lowerLayer .sec04 .cultureList .cultureBox a .shopLogo img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
}
.lowerLayer .sec04 .cultureList .cultureBox a .detail {
	margin-top: 10px;
}
.lowerLayer .sec04 .cultureList .cultureBox a .detail .shopName {
	font-size: 16px;
	font-weight: 600;
}
.lowerLayer .sec04 .cultureList .cultureBox a .detail .floorBox {
	font-size: 13px;
	margin-top: 6px;
	display: flex;
}
.lowerLayer .sec04 .cultureList .cultureBox a .detail .floorBox .floorNum + .floorTxt {
	text-indent: -1em;
	padding-left: 1em;
}
.lowerLayer .sec04 .cultureList .cultureBox a .detail .floorBox .floorNum + .floorTxt::before {
	content: "｜";
}
@media (max-width: 768px) {
	.lowerLayer .sec04 .cultureList {
		margin-top: 25px;
		gap: 25px 4vw;
	}
	.lowerLayer .sec04 .cultureList .cultureBox {
		width: calc((100% - 4vw) / 2);
	}
	.lowerLayer .sec04 .cultureList .cultureBox a .detail {
		margin-top: 8px;
	}
	.lowerLayer .sec04 .cultureList .cultureBox a .detail .shopName {
		font-size: 13px;
	}
	.lowerLayer .sec04 .cultureList .cultureBox a .detail .floorBox {
		font-size: 12px;
		margin-top: 4px;
	}
}


/* sec05 */
.lowerLayer .sec05 .secIcon01 {
	position: absolute;
	z-index: 2;
	width: 73px;
	height: 109px;
	left: -190px;
	top: -8px;
}
.lowerLayer .sec05 .secIcon02 {
	position: absolute;
	z-index: 2;
	width: 75px;
	height: 76px;
	left: -110px;
	top: -12px;
}
.lowerLayer .sec05 .secIcon03 {
	position: absolute;
	z-index: 2;
	width: 100px;
	height: 129px;
	right: -125px;
	top: -25px;
}
.lowerLayer .sec05 .secIcon04 {
	position: absolute;
	z-index: 2;
	width: 53px;
	height: 33px;
	right: -185px;
	top: 25px;
}
@media (max-width: 768px) {
	.lowerLayer .sec05 .secIcon01 {
		width: 36.5px;
		height: 54.5px;
		left: -73px;
		top: -2px;
	}
	.lowerLayer .sec05 .secIcon02 {
		width: 27.5px;
		height: 28px;
		left: -32px;
		top: -4px;
	}
	.lowerLayer .sec05 .secIcon03 {
		width: 50px;
		height: 64.5px;
		right: -45px;
		top: -12px;
	}
	.lowerLayer .sec05 .secIcon04 {
		width: 26.5px;
		height: 16.5px;
		right: -73px;
		top: 13px;
	}
}
/* greatWrap */
.lowerLayer .sec05 .greatWrap {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 40px;
}
.lowerLayer .sec05 .greatWrap .greatBox {
	width: calc((100% - 120px) / 4);
	position: relative;
	padding: 30px 0 0;
}
.lowerLayer .sec05 .greatWrap .greatBox:nth-child(4n+1):not(:first-child)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(400% + 120px);
	border-top: 2px dotted  var(--grayBorderColor);
}
.lowerLayer .sec05 .greatWrap .greatBox a {
	display: block;
}
.lowerLayer .sec05 .greatWrap .greatBox a .pic {
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lowerLayer .sec05 .greatWrap .greatBox a .pic img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
}
.lowerLayer .sec05 .greatWrap .greatBox .iconWrap {
	margin-top: 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 5px 10px;
}
.lowerLayer .sec05 .greatWrap .greatBox .iconWrap .black,
.lowerLayer .sec05 .greatWrap .greatBox .iconWrap .green {
	line-height: 1;
	text-align: center;
}
.lowerLayer .sec05 .greatWrap .greatBox .iconWrap .black span {
	font-size: 13px;
	color: var(--whiteColor);
	background: var(--baseColor);
	padding: 4px 4px 6px;
	display: inline-block;
}
.lowerLayer .sec05 .greatWrap .greatBox .iconWrap .green span {
	font-size: 14px;
	color: var(--whiteColor);
	background: var(--greenColor);
	padding: 2px 4px 3px;
	display: inline-block;
}
.lowerLayer .sec05 .greatWrap .greatBox .ttl {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 600;
}
.lowerLayer .sec05 .greatWrap .greatBox .txt {
	margin-top: 6px;
	font-size: 14px;
	line-height: 1.7;
}
.lowerLayer .sec05 .greatWrap .greatBox .date {
	margin-top: 6px;
	font-size: 13px;
}
@media (max-width: 768px) {
	.lowerLayer .sec05 .greatWrap {
		margin-top: 0;
		gap: 25px 4vw;
	}
	.lowerLayer .sec05 .greatWrap .greatBox {
		width: calc((100% - 4vw) / 2);
		padding: 25px 0 0;
	}
	.lowerLayer .sec05 .greatWrap .greatBox:nth-child(2n+1):not(:first-child)::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: calc(200% + 4vw);
		border-top: 2px dotted  var(--grayBorderColor);
	}
	.lowerLayer .sec05 .greatWrap .greatBox .iconWrap {
		margin-top: 12px;
		gap: 5px 7px;
	}
	.lowerLayer .sec05 .greatWrap .greatBox .iconWrap .black span {
		font-size: 11px;
		padding: 3px 4px 4px;
	}
	.lowerLayer .sec05 .greatWrap .greatBox .iconWrap .green span {
		font-size: 11px;
		padding: 1px 4px 2px;
	}
	.lowerLayer .sec05 .greatWrap .greatBox .ttl {
		margin-top: 8px;
		font-size: 13px;
	}
	.lowerLayer .sec05 .greatWrap .greatBox .txt {
		margin-top: 6px;
		font-size: 12px;
		line-height: 1.5;
	}
	.lowerLayer .sec05 .greatWrap .greatBox .date {
		margin-top: 8px;
		font-size: 11.5px;
	}
}
/* openBtn */
.lowerLayer .sec05 .openBtn {
	width: 350px;
	height: 68px;
	margin: 40px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--greenColor);
	color: var(--whiteColor);
	font-size: 16px;
	font-weight: 600;
	position: relative;
	border-radius: 68px;
	padding-bottom: 2px;
}
.lowerLayer .sec05 .openBtn::after {
	content: "";
	position: absolute;
	border-top: solid 2px var(--whiteColor);
	border-right: solid 2px var(--whiteColor);
	width: 10px;
	height: 10px;
	transform: rotate(135deg);
	top: calc(50% - 10px);
	right: 28px;
}
@media (max-width: 768px) {
	.lowerLayer .sec05 .openBtn {
		width: 76vw;
		max-width: 285px;
		height: 15.2vw;
		max-height: 57px;
		margin: 10.667vw auto 0;
		font-size: 14px;
	}
	.lowerLayer .sec05 .openBtn::after {
		width: 8px;
		height: 8px;
		top: calc(50% - 8px);
		right: 20px;
	}
}


/* ------------------------------
	modal
------------------------------ */
/* sec01 modalBtn */
.lowerLayer .sec01 .serviceListWrap .serviceList .modalWrap {
	display: flex;
	margin-top: 20px;
	gap: 10px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .modalWrap .modalBtnWrap {
	text-align: center;
	width: 150px;
}
.lowerLayer .sec01 .serviceListWrap .serviceList .modalWrap .modalBtn {
	background: var(--greenColor);
	color: var(--whiteColor);
	width: 100%;
	height: 36px;
	padding-bottom: 2px;
	border-radius: 36px;
	font-size: 16px;
}
@media (max-width: 768px) {
	.lowerLayer .sec01 .serviceListWrap .serviceList .modalWrap {
		margin-top: 15px;
		gap: 8px;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList .modalWrap .modalBtnWrap {
		width: calc(50% - 4px);
		max-width: 121.5px;
	}
	.lowerLayer .sec01 .serviceListWrap .serviceList .modalWrap .modalBtn {
		width: 100%;
		height: 29px;
		padding-bottom: 2px;
		border-radius: 36px;
		font-size: 13px;
	}
}

/* sec01 modalOverlay */
.lowerLayer .sec01 .modalOverlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
}
.lowerLayer .sec01 .modalHeaderHidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
/* sec01 modalClose */
.lowerLayer .sec01 .modalClose {
	position: absolute;
	top: -41px;
	right: 0;
	width: 31px;
	height: 31px;
	z-index: 101;
}
.lowerLayer .sec01 .modalClose::after,
.lowerLayer .sec01 .modalClose::before {
	content: "";
	position: absolute;
	width: 3px;
	height: 40px;
	top: 50%;
	left: 50%;
	background: #fff;
	transition: opacity 0.3s ease-out;
}
.lowerLayer .sec01 .modalClose::before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.lowerLayer .sec01 .modalClose::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 768px) {
	.lowerLayer .sec01 .modalClose {
		top: -36px;
		right: 0;
		width: 26px;
		height: 26px;
		z-index: 101;
	}
	.lowerLayer .sec01 .modalClose::after,
	.lowerLayer .sec01 .modalClose::before {
		width: 2px;
		height: 34px;
	}
}
/* sec01 modalContainer */
.lowerLayer .sec01 .modalContainer {
	background: #fff;
	border-radius: 30px;
	width: 80%;
	max-width: 920px;
	padding: 25px 0;
	box-sizing: border-box;
	position: relative;
	top: 15px;
}
.lowerLayer .sec01 .modalContainer .modalDocument {
	overflow-y: auto;
	max-height: calc(100vh - 140px);
	padding: 0;
}
@media (max-width: 768px) {
	.lowerLayer .sec01 .modalContainer {
		border-radius: 20px;
		width: calc(100% - 8vw);
		max-width: 500px;
		padding: 18px 0;
	}
	.lowerLayer .sec01 .modalContainer .modalDocument {
		overflow-y: auto;
		max-height: calc(100vh - 110px);
	}
}
/* フェードイン・フェードアウト */
@keyframes mmfadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes mmfadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
.lowerLayer .sec01 .micromodalSlide {
	display: none;
}
.lowerLayer .sec01 .micromodalSlide.is-open {
	display: block;
}
.lowerLayer .sec01 .micromodalSlide[aria-hidden="false"] .modalOverlay {
	animation: mmfadeIn .5s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.lowerLayer .sec01 .micromodalSlide[aria-hidden="true"] .modalOverlay {
	animation: mmfadeOut .5s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.lowerLayer .sec01 .micromodalSlide .modalOverlay {
	will-change: transform;
}

/* floorMap */
.lowerLayer .modalContent .floorMap {
	padding: 0 0 10px;
	position: relative;
}
.lowerLayer .modalContent .floorMap .floorImg {
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	margin: 0 auto;
	padding: 10px 0 15px;
}
.lowerLayer .modalContent .floorMap .floorImg.draggable {
	cursor: grab;
}
.lowerLayer .modalContent .floorMap .floorImg:active {
	cursor: grabbing;
}
.lowerLayer .modalContent .floorMap .floorImg .floorInner {
	display: inline-block;
	position: relative;
	transition: transform 0.3s ease-out;
	transform-origin: center center;
	will-change: transform;
	width: calc(2000px * 0.3);
	height: calc(2520px * 0.3);
	margin: 0 auto;
}
.lowerLayer .modalContent .floorMap .floorImg img {
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: none;
	object-fit: contain;
}
.lowerLayer .modalContent .floorMap .floorInfo {
	padding: 0 55px;
	margin-top: 10px;
}
@media (max-width: 768px) {
	.lowerLayer .modalContent .floorMap .floorImg {
		padding: 5px 0 10px;
	}
	.lowerLayer .modalContent .floorMap .floorImg .floorInner {
		width: calc(2000px * 0.15);
		height: calc(2520px * 0.15);
	}
	.lowerLayer .modalContent .floorMap .floorInfo {
		padding: 0 20px;
		margin-top: 5px;
	}
}

/* btnZoom */
.lowerLayer .btnZoom {
	position: absolute;
	bottom: 20px;
	right: 55px;
	z-index: 10;
	display: flex;
	flex-direction: column;
}
.lowerLayer .btnZoom .zoomButton {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--greenColor);
	color: var(--whiteColor);
	cursor: pointer;
	position: relative;
}
.lowerLayer .btnZoom .zoomInButton::before,
.lowerLayer .btnZoom .zoomInButton::after {
	display: block;
	content: '';
	width: 20px;
	height: 2px;
	background: var(--whiteColor);
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 10px);
	transform: rotate(0);
	transition: all 0.3s ease-out;
}
.lowerLayer .btnZoom .zoomInButton::before {
	transform: rotate(-90deg);
}
.lowerLayer .btnZoom .zoomOutButton {
	margin-top: 10px;
	position: relative;
}
.lowerLayer .btnZoom .zoomOutButton::after {
	display: block;
	content: '';
	width: 20px;
	height: 2px;
	background: var(--whiteColor);
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 10px);
	transform: rotate(0);
	transition: all 0.3s ease-out;
}
@media (max-width: 768px) {
	.lowerLayer .btnZoom {
		bottom: 15px;
		right: 20px;
	}
	.lowerLayer .btnZoom .zoomButton {
		width: 34px;
		height: 34px;
	}
	.lowerLayer .btnZoom .zoomInButton::before,
	.lowerLayer .btnZoom .zoomInButton::after {
		width: 16px;
		height: 2px;
		top: calc(50% - 1px);
		left: calc(50% - 8px);
	}
	.lowerLayer .btnZoom .zoomOutButton {
		margin-top: 8px;
	}
	.lowerLayer .btnZoom .zoomOutButton::after {
		width: 16px;
		height: 2px;
		top: calc(50% - 1px);
		left: calc(50% - 8px);
	}
}

/* areaPin */
.lowerLayer .modalContent .floorMap .floorImg .floorInner .areaPin {
	position: absolute;
	width: 70px;
	height: 70px;
	background: rgba(1, 172, 154, 0.5);
	border-radius: 50%;
	animation: mapActive 1s linear infinite;
	transform: translate(-50%, -50%);
	transform-origin: center center;
	pointer-events: none;
}
#modal1-1F .areaPin1 {
	top: 11.6%;
	left: 31%;
}
#modal1-1F .areaPin2 {
	top: 62.8%;
	left: 62.5%;
}
#modal1-2F .areaPin1 {
	top: 61.9%;
	left: 43.7%;
}
#modal2-2F .areaPin1 {
	top: 60.3%;
	left: 44.9%;
}
#modal3-1F .areaPin1 {
	top: 17.4%;
	left: 31.3%;
}
#modal3-1F .areaPin2 {
	top: 44.6%;
	left: 51.1%;
}
#modal3-1F .areaPin3 {
	top: 70.6%;
	left: 39.4%;
}
#modal3-2F .areaPin1 {
	top: 13.3%;
	left: 48.7%;
}
#modal3-2F .areaPin2 {
	top: 69.9%;
	left: 40.5%;
}
#modal4-2F .areaPin1 {
	top: 64.5%;
	left: 33.5%;
}
@media (max-width: 768px) {
	.lowerLayer .modalContent .floorMap .floorImg .floorInner .areaPin {
		width: 50px;
		height: 50px;
	}
	#modal1-1F .areaPin1 {
		top: 7.6%;
		left: 29%;
	}
	#modal1-1F .areaPin2 {
		top: 58.8%;
		left: 60.5%;
	}
	#modal1-2F .areaPin1 {
		top: 57.6%;
		left: 41.3%;
	}
	#modal2-2F .areaPin1 {
		top: 56.3%;
		left: 42.2%;
	}
	#modal3-1F .areaPin1 {
		top: 13.4%;
		left: 29%;
	}
	#modal3-1F .areaPin2 {
		top: 40.6%;
		left: 49.1%;
	}
	#modal3-1F .areaPin3 {
		top: 66.6%;
		left: 37%;
	}
	#modal3-2F .areaPin1 {
		top: 9.4%;
		left: 46.1%;
	}
	#modal3-2F .areaPin2 {
		top: 65.9%;
		left: 37.9%;
	}
	#modal4-2F .areaPin1 {
		top: 60.5%;
		left: 30.5%;
	}
}
@-webkit-keyframes mapActive {
	0% {
		opacity: 1;
		-webkit-transform: translateY(15px) scale(.6,.6);
		transform: translateY(15px) scale(.6,.6);
	}
	25% {
		opacity: .75;
		-webkit-transform: translateY(15px) scale(.7,.7);
		transform: translateY(15px) scale(.7,.7);
	}
	50% {
		opacity: .5;
		-webkit-transform: translateY(15px) scale(.8,.8);
		transform: translateY(15px) scale(.8,.8);
	}
	75% {
		opacity: .25;
		-webkit-transform: translateY(15px) scale(.9,.9);
		transform: translateY(15px) scale(.9,.9);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(15px) scale(1,1);
		transform: translateY(15px) scale(1,1);
	}
}
@keyframes mapActive{
	0% {
		opacity: 1;
		-webkit-transform: translateY(15px) scale(.6,.6);
		transform: translateY(15px) scale(.6,.6);
	}
	25% {
		opacity: .75;
		-webkit-transform: translateY(15px) scale(.7,.7);
		transform: translateY(15px) scale(.7,.7);
	}
	50% {
		opacity: .5;
		-webkit-transform: translateY(15px) scale(.8,.8);
		transform: translateY(15px) scale(.8,.8);
	}
	75% {
		opacity: .25;
		-webkit-transform: translateY(15px) scale(.9,.9);
		transform: translateY(15px) scale(.9,.9);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(15px) scale(1,1);
		transform: translateY(15px) scale(1,1);
	}
}


/* pageTop */
@media (max-width: 768px) {
	.pc:has(#pageTop){
		display: block;
	}
	#pageTop {
		right: 15px;
		bottom: 75px;
		width: 40px;
		z-index: 50;
	}
}