@charset "UTF-8";

html {
	padding: 0!important;
}

/*========================================================================

  reset

========================================================================*/

:root ol, :root ul {
	margin: 0;
	padding: 0;
}
.pbNested {
	clear: none;
	overflow: visible;
	min-width: 10px;
}
.context-menu-item {
	display: block;
}

/*  header
========================================================================*/

.pbPage.edit .mainHeader {
	position: relative;
	height: 120px;
	background: #fff;
}
.pbPage.edit .mainHeader__contentglobalNav,
.pbPage.edit .mainHeader__engPageLink.pc {
	position: absolute;
}
ul.mainHeader__contentglobalNav {
	margin-top: calc((1em - 1.6em) / 2);
	margin-bottom: calc((1em - 1.6em) / 2);
}

@media screen and (max-width: 960px) {
	ul.mainHeader__contentglobalNav {
		margin: 0;
		padding: 9.15rem 6.25% 0;
	}
}

/*  footer
========================================================================*/

ul.mainFooter__navList {
	margin-top: calc((1em - 1.6em) / 2);
	margin-bottom: calc((1em - 1.6em) / 2);
	padding-top: 4rem;
}

@media screen and (max-width: 960px) {
	ul.mainFooter__navList {
		margin-top: calc(((1em - 1.6em) / 2 + 2rem) * -1);
	}
}

/*  section
========================================================================*/

.plantTop__section {
	position: relative;
	background: #fff;
}

/*  howto
========================================================================*/

ul.plantTop__howtoBody {
	margin-left: calc((100% - 160rem) / 2 + 160rem * 0.0625);
}

@media screen and (max-width: 1600px) {
	ul.plantTop__howtoBody {
		margin-left: 6.25%;
	}
}

@media screen and (max-width: 960px) {
	ul.plantTop__howtoBody {
		margin-right: 6.25%;
	}
}

/*  map
========================================================================*/

@media screen and (max-width: 960px) {
	ol.plantTop__mapBodyModalList {
		margin-top: 32.8vw;
	}
}