body {
	background: fff;
	overflow-x: hidden;
}
html {
	scroll-behavior: smooth;
}
main, .serif {
	font-family: YakuHanMP,"Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
.sans-serif {
	font-family: YakuHanJP, "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
/* Animation settings */
.main-visual, .edge-visual_l, .edge-visual_r {
	transition: 2s;
}
.main-visual.anim, .edge-visual_l.anim, .edge-visual_r.anim {
	transform: scale(1.2);
	opacity: 0;
}
.tx1 {
	transition: 2s;
	transition-delay: 2s;
}
.tx2 {
	transition: 2s;
	transition-delay: 3s;
}
.tx3 {
	transition: 2s;
	transition-delay: 4s;
}
.tx4 {
	transition: 2s;
	transition-delay: 5s;
}
.tx.anim, .tx_sub.anim {
	opacity: 0;
}
.header-txt {
	transition: 2s;
	transition-delay: 5s;
}
.header-txt.anim {
	opacity: 0;
}
#p_introduction h2 {
	transition: 2s;
}
#p_introduction h2.anim {
	opacity: 0;
	margin-top: -2vw;
}
#p_introduction .bodytext {
	transition: 2s;
	transition-delay: 1s;
}
#p_introduction .contents_navigator li:nth-child(1) {
	transition: 1s;
}
#p_introduction .contents_navigator li:nth-child(2) {
	transition: 1s;
}
#p_introduction .contents_navigator li:nth-child(3) {
	transition: 1s;
}
#p_introduction .contents_navigator li.anim {
	opacity: 0;
	transform: translateX(-40px);
}
#p_introduction .excuse {
	transition: 2s;
}
#p_introduction .bodytext.anim {
	opacity: 0;
	margin-top: -2vw;
}
#p_introduction .excuse.anim {
	opacity: 0;
}
#part_classics, #part_tools, #part_meaning {
	transition: 2s;
}
#part_classics.anim, #part_tools.anim, #part_meaning.anim {
	opacity: 0;
	transform: translateX(-40px);
}
#p_products .item.anim {
	opacity: 0;
	margin-top: -2vw;
}
#item_2026autumn001, #item_2026autumn003, #item_2026autumn005, #item_2026autumn007, #item_2026autumn009, #item_2026autumn011, #item_2026autumn013 {
	transition: 2s;
}
#item_2026autumn002, #item_2026autumn004, #item_2026autumn006, #item_2026autumn008, #item_2026autumn010, .item_2026autumn012, #item_2026autumn014 {
	transition: 2s;
	transition-delay: 0.4s;
}
#p_special .main-image .main {
	transition: 2s;
}
#p_special .main-image.anim .main {
	transform: scale(1.2);
	opacity: 0;
}
#p_special .main-image .aside {
	transition: 2s;
	transition-delay: 0.4s;
}
#p_special .main-image.anim .aside {
	opacity: 0;
	transform: translateX(-40px);
}
#p_special .main-image .credit {
	transition: 2s;
	transition-delay: 1.5s;
}
#p_special .main-image.anim .credit {
	opacity: 0;
}
#p_special .head {
	transition: 2s;
}
#p_special .head.anim {
	opacity: 0;
}
#p_special .main-text {
	transition: 2s;
	transition-delay: 0.4s;
}
#p_special .main-text.anim {
	opacity: 0;
	margin-top: -2vw;
}
#p_special .column {
	transition: 2s;
}
#p_special .column.anim {
	opacity: 0;
	transform: translateY(-2vw);
}
#p_document {
	transition: 2s;
}
#p_document.anim {
	opacity: 0;
}

@media screen and (max-width: 768px) {
	.pc-content {
		display: none;
	}
	.header {
		position: relative;
		width: 100%;
		margin-bottom: 12vw;
	}
	.main-visual {
		position: relative;
		margin-top: 24vw;
	}
	.header-logo {
		position: absolute;
		top: -20vw;
		left: 4vw;
	}
	.header-logo img {
		width: 20vw;
	}
	.header-lang {
		position: absolute;
		top: -21.2vw;
		right: 0;
		font-size: 3.0vw;
		z-index: 10;
		padding: 0 4vw 4vw 4vw;
		background-color: rgb(255 255 255 / 0.8);
	}
	.header-lang .lang-select {
		color: #c8c8c8;
		display: block;
		width: 100%;
		padding: 0 2vw 2vw 2vw;
	}
	.header-lang .lang-select:hover {
		cursor: pointer;
	}
	.header-lang a:hover {
		color: #000;
		text-decoration: underline;
	}
	.header-lang .lang-list {
		opacity: 0;
	}
	.header-lang .lang-list.opened {
		opacity: 1.0;
		transition: 1s;
	}
	.header-lang .lang-list li {
		display: none;
	}
	.header-lang .lang-list.opened li {
		display: block;
	}
	.header-lang li.here a {
		color: #000;
	}
	.header-lang a {
		color: #c8c8c8;
		text-decoration: none;
		display: block;
		width: 100%;
		padding: 2vw;
	}
	.header-txt {
		position: absolute;
		width: 3.2vw;
		top: 56vw;
		right: 12vw;
	}
	.header-title {
		position: absolute;
		width: 40%;
		top: -10vw;
		right: 4vw;
		text-align: left;
	}
	.header-title .tx_sub {
		width: 50%;
		margin-top: 1.2vw;
	}
	#side-copy {
		border-top: 1px solid #c8c8c8;
	}
	#side-copy p {
		font-weight: 400;
		width: calc(100% - 8vw);
		font-size: 3.0vw;
		margin-left: 8vw;
		padding: 6.4vw 0;
	}
	#p_introduction {
		position: relative;
		width: 100%;
		margin-bottom: 3.2vw;
	}
	#p_introduction h2 {
		position: relative;
		width: calc(100% - 16vw);
		font-weight: 400;
		font-size: 6.8vw;
		line-height: 12vw;
		letter-spacing: 1.44vw;
		margin: 0 auto 24vw auto;
		padding-top: 12vw;
	}
	#p_introduction .bodytext {
		width: calc(100% - 8vw);
		font-size: 3.5vw;
		line-height: 6.8vw;
		letter-spacing: 0.64vw;
		margin: 0 0 8vw 8vw;
		padding-bottom: 16vw;
	}
	#p_introduction .bodytext p {
		line-height: inherit;
		margin-bottom: 4.8vw;
	}
	#p_introduction .bodytext p:last-child {
		margin-bottom: 0;
	}
	#p_introduction .excuse {
		width: calc(100% - 8vw);
		font-size: 2.8vw;
		margin-left: 8vw;
	}
	#p_introduction .contents_navigator {
		width: calc(100% - 16vw);
		margin: 0 auto 24vw auto;
	}
	#p_introduction .contents_navigator li a {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 16vw;
	}
	#p_introduction .contents_navigator li a .navigation {
		width: 18vw;
		margin-left: 6.4vw;
		order: 1;
	}
	#p_introduction .contents_navigator li a .preview {
		width: 100%;
		order: 2;
	}
	#p_introduction .contents_navigator li a .navigation .txt {
		margin-bottom: 16vw;
	}
	#p_introduction .contents_navigator li a .navigation .icon {
		margin: 0 8vw 16vw 0;
	}
	#p_products {
		width: 100%;
		margin: 0 auto 6.4vw auto;
	}
	#p_products	.group_header .title {
		position: relative;
		width: calc(100% - 8vw);
		padding: 12vw 0;
		text-align: center;
		margin-bottom: 12vw;
	}
	#p_products	.group_header .title_classics {
		background-color: #b2b4a4;
	}
	#p_products	.group_header .title_tools {
		background-color: #bdbbb9;
	}
	#p_products	.group_header .meaning {
		background-color: #d3c5b1;
	}
	#p_products	.group_header .title .txt {
		width: 18vw;
		margin-left: 6.4vw;
	}
	#p_products	.group_header .content {
		width: calc(100% - 16vw);
		margin: 0 auto;
	}
	#p_products	.group_header .content-set {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 8vw 0;
	}
	#p_products	.group_header .content-set h3 {
		font-weight: 400;
		font-size: 6.2vw;
		line-height: 10.8vw;
		letter-spacing: 1.42vw;
		margin-bottom: 8vw;
	}
	#p_products	.group_header .content-set .description {
		font-size: 3.5vw;
		line-height: 6.4vw;
		letter-spacing: 0.64vw;
		margin-bottom: 4vw;
	}
	#p_products	.group_header .content-set .profeel {
		border-left: 1px solid #000;
		padding-left: 4.8vw;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#p_products	.group_header .content-set .profeel_header {
		width: 50%;
		vertical-align: baseline;
		order: 1;
	}
	#p_products	.group_header .content-set .illust {
		order: 2;
		width: 50%;
	}
	#p_products	.group_header .content-set .profeel_comment {
		order: 3;
		width: 100%;
		margin-top: 4.8vw;
		font-size: 3.2vw;
		line-height: 6.0vw;
	}
	#p_products	.group_header .content-set .affiliation {
		display: block;
		font-size: 3.2vw;
		line-height: 6.0vw;
		margin-bottom: 1.2vw;
	}
	#p_products	.group_header .content-set .staff_name {
		font-size: 5.6vw;
		line-height: 6.0vw;
	}
	#p_products	.group_header .content-set .honor {
		font-size: 3.5vw;
		line-height: 6.0vw;
	}
	#p_products .items_wrapper {
	}
	#p_products .items {
		padding: 7.2vw 0;
	}
	#p_products .item {
		position: relative;
		border-bottom: 1px solid #c8c8c8;
		padding: 0 8vw 8.4vw 8vw;
		margin-bottom: 6.4vw;
	}
	#p_products .item .txt {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: end;
		margin-bottom: 1.4vw;
	}
	#p_products .item .txt .favorite {
		order: 1;
		width: 33%;
	}
	#p_products .item .txt .favorite img {
		width: 67%;
	}
	#p_products .item .txt .favorite button {
		width: auto;
		padding:0;
		margin:0;
		background:none;
		border:0;
		font-size:0;
		line-height:0;
		overflow:visible;
		cursor:pointer;
		width: 100%;
		height: 5vw;
		background: url('../img/btn_favorite_wait.svg') no-repeat;
		background-size: contain;
		background-position: left bottom;
	}
	#p_products .item .txt .favorite button.active {
		background: url('../img/btn_favorite_active.svg') no-repeat;
		background-size: contain;
		background-position: left bottom;
	}
	#p_products .item .txt .place {
		order: 2;
		width: 67%;
		text-align: right;
		font-size: 2.8vw;
	}
	#p_products .item .txt .place .item-number {
		font-size: 2.8vw;
		line-height: 3.4vw;
		font-weight: 600;
	}
	#p_products .item .txt .place .sub-category {
		font-size: 2.8vw
		line-height: 3.4vw;
		font-weight: 300;
	}
	#p_products .item .photo {
		position: absolute;
		width: calc(100% - 16vw);
		top: 9.6vw;
	}
	#p_products .item.dl .photo {
		top: 14.4vw;
	}
	#p_products .item .link {
		text-align: right;
		margin-bottom: 1.8vw;
	}
	#p_products .item .link img {
		width: 20%;
	}
	#p_products .item .description {
		order: 5;
		width: 100%;
		font-size: 4.8vw;
		line-height: 8.0vw;
		letter-spacing: 0.96vw;
	}
	#p_products .item .link {
		order: 4;
		width: 100%;
		margin-top: 122vw;
	}
	#p_products .item .link a {
		padding-bottom: 1.2vw;
		border-bottom: 1px solid #000;
	}
	#p_special {
		width: 100%;
		position: relative;
		padding: 16vw 0 0 0;
		overflow: hidden;
		background-color: #969880;
		display: flex;
		flex-direction: column;
		color: #fff;
		margin-bottom: 12vw;
	}
	#p_special .main-image {
		order: 1;
		width: calc(100% - 16vw);
		margin-bottom: 12vw;
	}
	#p_special .main-image .aside {
		margin: -12vw 0 0 8vw;
	}
	#p_special .main-image .aside .info {
		text-align: right;
		margin-bottom: 3.2vw;
		font-size: 2.0vw;
		padding-right: 2.4vw;
	}
	#p_special .main-image .aside .info a {
		color: #fff;
	}
	#p_special .main-image .aside .title {
		margin-bottom: 4vw;
	}
	#p_special .main-image .aside h3 {
		font-weight: 400;
		font-size: 5.2vw;
		letter-spacing: 1.42vw;
	}
	#p_special .main-text {
		order: 2;
		width: calc(100% - 16vw);
		margin: 0 auto 12vw auto;
	}
	#p_special .main-text h2 {
		font-weight: 400;
		font-size: 6.2vw;
		line-height: 10.8vw;
		letter-spacing: 1.42vw;
		margin-bottom: 8vw;
	}
	#p_special .main-text .description {
		font-size: 3.5vw;
		line-height: 6.4vw;
		letter-spacing: 0.64vw;
	}
	#p_special .main-text .description p {
		line-height: inherit;
		margin-bottom: 6.4vw;
	}
	#p_special .head {
		order: 3;
		width: 56vw;
		margin: 0 auto 12vw auto;
	}
	#p_special .head .logo {
		width: 100%;
		margin-bottom: 4.8vw;
	}
	#p_special .head .logo .sub {
		margin-top: 6.4vw;
		width: 100%;
	}
	#p_special .column {
		order: 4;
		width: 100%;
	}
	#p_special .column-inner {
		display: flex;
		flex-direction: column;
		margin: 0 auto 12vw auto;
	}
	#p_special .column-inner .sub-image {
		order: 1;
		position: relative;
		margin-bottom: 16vw;
	}
	#p_special .column-inner .sub-text {
		order: 2;
		width: calc(100% - 8vw);
		margin: 0 0 12vw 8vw;
	}
	#p_special .column-inner .sub-image .sp2 {
		position: relative;
		width: 60%;
		margin-left: 40%;
		z-index: 1;
	}
	#p_special .column-inner .sub-image .sp3 {
		position: relative;
		width: 80%;
		z-index: 0;
		margin-top: -16vw;
	}
	#p_special .main-text {
		order: 2;
		width: calc(100% - 16vw);
		margin: 0 auto 12vw auto;
	}
	#p_special .column-inner .sub-text h2 {
		font-weight: 400;
		font-size: 6.2vw;
		line-height: 10.8vw;
		letter-spacing: 1.42vw;
		margin-bottom: 8vw;
	}
	#p_special .column-inner .sub-text .description {
		font-size: 3.5vw;
		line-height: 6.4vw;
		letter-spacing: 0.64vw;
	}
	#p_special .column-inner .sub-text .description p {
		line-height: inherit;
		margin-bottom: 6.4vw;
	}
	#p_special .button {
		position: relative;
		width: calc(100% - 8vw);
		margin-top: 16vw;
		text-align: center;
	}
	#p_special .button a {
		height: 22vw;
		margin: 0 auto;
		display: block;
		background: url('../img/btn_parksgarden.svg') no-repeat;
		background-size: contain;
	}
	#p_document {
		width: calc(100% - 16vw);
		margin: 0 auto;
		padding: 6.4vw 0;
	}
	#p_document .books {
		width: 100%;
	}
	#p_document .books .item {
		margin-bottom: 12vw;
	}
	#p_document .place {
		width: 100%;
	}
	#p_document .place .item {
		margin-bottom: 12vw;
	}
	#p_document .access {
		width: 100%;
	}
	#p_document .access .item {
		width: 100%;
		margin: 24vw 0 24vw 0;
	}
	#p_document .access a {
		height: 20vw;
		margin: 0 auto;
		display: block;
		background: url('../img/btn_access.svg') no-repeat;
		background-size: contain;
	}
	#p_document .nambaparks-logo {
		width: 40vw;
		margin: 0 auto 24vw auto;
	}
	#p_document .footer-link {
		text-align: center;
		font-size: 2.2vw;
	}
	#p_document .footer-link a {
		padding: 0 2vw;
		text-decoration: none;
		color: #c8c8c8;
	}
	#footer-copy {
		font-size: 2.2vw;
		border-top: 1px solid #c8c8c8;
		padding: 4vw 0;
		text-align: center;
	}
	#p_special .main-image.anim {
		transform: scale(1.0);
	}
}
@media screen and (min-width: 769px) {
	.sp-content {
		display: none;
	}
	.header {
		position: relative;
		width: calc(100% - 16vw);
		margin: 0 auto 64px auto;
	}
	.main-visual {
		position: relative;
		width: 45%;
		margin: 0 auto 0 auto;
	}
	.edge-visual_l {
		position: absolute;
		width: 45%;
		top: 0;
		left: -40%;
	}
	.edge-visual_r {
		position: absolute;
		width: 45%;
		top: 0;
		right: -40%;
	}
	.header-logo {
		position: absolute;
		top: 24px;
		left: 0;
	}
	.header-logo img {
		width: 120px;
	}
	.header-lang {
		position: absolute;
		top: 12px;
		width: 120px;
		right: 0;
		font-size: 1.6rem;
	}
	.header-lang .lang-select {
		color: #c8c8c8;
		display: block;
		width: 100%;
		padding: 4px;
	}
	.header-lang .lang-select:hover {
		cursor: pointer;
	}
	.header-lang a {
		color: #c8c8c8;
		text-decoration: none;
		display: block;
		width: 100%;
		padding: 4px;
	}
	.header-lang a:hover {
		color: #000;
		text-decoration: underline;
	}
	.header-lang .lang-list {
		opacity: 0;
	}
	.header-lang .lang-list.opened {
		opacity: 1.0;
		transition: 1s;
	}
	.header-lang .lang-list li {
		display: none;
	}
	.header-lang .lang-list.opened li {
		display: block;
	}
	.header-lang li.here a {
		color: #000;
	}
	.header-txt {
		pointer-events: none;
		position: absolute;
		width: 37.5%;
		top: 12vw;
		right: 0;
		margin: auto;
	}
	.header-txt img {
		width: 1.2vw;
		margin-left: 4vw;
	}
	.header-title {
		position: absolute;
		width: 70%;
		top: 43.5%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: left;
	}
	.header-title .tx {
		width: 14vw;
	}
	.header-title .tx_sub {
		width: 8vw;
		margin-top: 0.8vw;
	}
	#p_introduction {
		position: relative;
		width: max(calc(100% - 8vw), 980px);
		margin: 0 auto 2.4rem auto;
		padding-top: 6.4vw;
		z-index: 500;
	}
	#p_introduction h2 {
		font-weight: 400;
		font-size: 2.6rem;
		letter-spacing: 1.0rem;
		margin: 0 auto 5.6rem auto;
		white-space: nowrap;
	}
	#p_introduction .bodytext {
		font-size: 1.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.24rem;
		margin: 0 auto 9.6rem auto;
	}
	#p_introduction .bodytext p {
		line-height: inherit;
		margin-bottom: 2.8rem;
	}
	#p_introduction .bodytext p:last-child {
		margin-bottom: 0;
	}
	#p_introduction .contents_navigator {
		padding-bottom: 4.0rem;
	}
	#p_introduction .contents_navigator li {
		margin-bottom: 9.6rem;
	}
	#p_introduction .contents_navigator li a {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}
	#p_introduction .contents_navigator .preview {
		width: 84%;
		overflow: hidden;
	}
	#p_introduction .contents_navigator .preview img {
		transition: transform 0.3s;
	}
	#p_introduction .contents_navigator a:hover .preview img {
		transform: scale(1.1);
	}
	#p_introduction .contents_navigator .navigation {
		position: relative;
		width: 6.8%;
	}
	#p_introduction .contents_navigator .navigation .icon {
		position: absolute;
		width: 6.4rem;
		left: 0;
		bottom: 0;
	}
	#p_introduction .excuse {
		margin: 0 auto;
		font-size: 1.3rem;
	}
	#p_products {
		width: 100%;
		border-top: 1px solid #c8c8c8;
	}
	#p_products .items_wrapper {
		border-bottom: 1px solid #c8c8c8;
	}
	#p_products .items {
		display: flex;
		width: calc(100% - 8vw);
		margin: 12rem auto 12rem auto;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: top;
		padding: 0;
	}
	#p_products .items:last-child {
		border-bottom: 0;
	}
	#p_products .item {
		width: 50%;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	#p_products .item .photo {
		width: 54%;
		overflow: hidden;
	}
	#p_products .item .photo img {
		transition: transform 0.3s;
	}
	#p_products .item .photo a:hover img {
		transform: scale(1.1);
	}
	#p_products .item .txt {
		position: relative;
		width: 38%;
		display: flex;
		flex-direction: column;
	}
	#p_products .item .txt .favorite {
		margin-bottom: 4.0rem;
	}
	#p_products .item .txt .favorite button {
		width: auto;
		padding:0;
		margin:0;
		background:none;
		border:0;
		font-size:0;
		line-height:0;
		overflow:visible;
		cursor:pointer;
		width: 100%;
		height: 2.2rem;
		background: url('../img/btn_favorite_wait.svg') no-repeat;
		background-size: contain;
		background-position: left bottom;
	}
	#p_products .item .txt .favorite button.active {
		background: url('../img/btn_favorite_active.svg') no-repeat;
		background-size: contain;
		background-position: left bottom;
	}
	#p_products .item .txt .place {
		height: 12rem;
	}
	#p_products .item .txt .place .item-number {
		font-size: 1.6rem;
		line-height: 1.8rem;
		font-weight: 600;
	}
	#p_products .item .txt .place .shop-name {
		font-size: 1.6rem;
		line-height: 2.2rem;
		font-weight: 300;
	}
	#p_products .item .txt .description {
		font-size: 1.8rem;
		line-height: 3.2rem;
		letter-spacing: 0.64rem;
		white-space: nowrap;
	}
	#p_products .item .link {
		position: absolute;
		bottom: 0;
	}
	#p_products .item .link a {
		display: block;
		width: 8.4rem;
		padding-bottom: 0.4rem;
		z-index: 1;
	}
	#p_products .item .link a::after {
		position: absolute;
		left: 0;
		bottom: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #000000;
		transform: scale(0, 1);
		transform-origin: left top;
		transition: transform .3s;
		z-index: -1;
	}
	#p_products .item .link a:hover {
		color: #fff;
	}
	#p_products .item .link a:hover::after {
		transform: scale(1, 1);
	}
	#p_products	.group_header {
		margin-top: 12rem;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	#p_products	.group_header .title {
		position: relative;
		width: 40%;
	}
	#p_products	.group_header .title_classics {
		background-color: #b2b4a4;
	}
	#p_products	.group_header .title_tools {
		background-color: #bdbbb9;
	}
	#p_products	.group_header .meaning {
		background-color: #d3c5b1;
	}
	#p_products	.group_header .content {
		width: calc(60% - 6.4rem);
		margin-left: 6.4rem;
	}
	#p_products	.group_header .title .txt {
		width: 8rem;
		position: absolute;
		right: 10rem;
		top: 50%;
		transform: translateY(-50%);
	}
	#p_products	.group_header .content-set {
		width: calc(100% - ((100vw - 1200px) / 2));
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		position: relative;
		padding: 4.0rem 0 4.0rem 1.6rem;
	}
	#p_products	.group_header h3 {
		font-size: 2.2rem;
		line-height: 3.6rem;
		margin-bottom: 2.4rem;
		letter-spacing: 0.4rem;
	}
	#p_products	.description {
		font-size: 1.3rem;
		line-height: 2.8rem;
		letter-spacing: 0.24rem;
		margin-bottom: 3.2rem;
	}
	#p_products	.profeel {
		padding-left: 2.0rem;
		border-left: 1px solid #000;
	}
	#p_products	.profeel_header {
		vertical-align: baseline;
		margin-bottom: 2.0rem;
	}
	#p_products .affiliation {
		font-size: 1.3rem;
		letter-spacing: 0.24rem;
	}
	#p_products .honor {
		font-size: 1.6rem;
	}
	#p_products .staff_name {
		font-size: 2.2rem;
	}
	#p_products .profeel_comment {
		width: calc(100% - 14rem);
		font-size: 1.2rem;
		line-height: 2.6rem;
		letter-spacing: 0.24rem;
	}
	#p_products .illust {
		position: absolute;
		right: 0;
		bottom: -4px;
	}
	#p_products .staff_classics {
		width: 13.2rem;
	}
	#p_products .staff_tools , #p_products .staff_meaning {
		width: 14.4rem;
	}
	iframe {
		width: 800px!important;
		overflow-y: hidden;
	}
	#p_special {
		position: relative;
		width: 100%;
		padding-top: 22rem;
		margin-bottom: 9.6rem;
		color: #fff;
		background-color: #969880;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#p_special .main-image {
		width: 42%;
	}
	#p_special .main-image .credit {
		text-align: right;
		margin-bottom: 0.8rem;
		font-size: 1.3rem;
	}
	#p_special .main-image .aside {
		width: calc(100% - ((100vw - 1200px) / 2));
		margin-left: calc((100vw - 1200px) / 2);
		margin-top: -6.4rem;
	}
	#p_special .main-image .aside .info {
		text-align: right;
		margin-right: 2.4rem;
		margin-bottom: 2.4rem;
	}
	#p_special .main-image .aside .info a {
		color: #fff;
	}
	#p_special .main-image .aside .title {
		margin-bottom: 4rem;
	}
	#p_special .main-image .aside h3 {
		font-weight: 400;
		font-size: 2.6rem;
		letter-spacing: 1.0rem;
	}
	#p_special .main-text {
		width: 50%;
		align-self: center;
		padding-left: 6.4rem;
		margin-top: 8rem;
	}
	#p_special .head {
		position: absolute;
		top: 4.8rem;
		left: 50%;
	}
	#p_special .head .logo {
		width: min(240px, 20vw);
		margin: 0 auto;
	}
	#p_special .head .logo .sub {
		width: 100%;
		margin-top: 2.4rem;
	}
	#p_special h2 {
		font-weight: 400;
		font-size: 2.6rem;
		letter-spacing: 1.0rem;
		margin: 0 auto 5.6rem auto;
		white-space: nowrap;
	}
	#p_special .description {
		font-size: 1.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.24rem;
		margin: 0 auto;
	}
	#p_special .description p {
		margin-bottom: 2.6rem;
	}
	#p_special .column {
		width: 100%;
		margin-top: -32rem;
		padding-top: 56rem;
		position: relative;
		pointer-events: none;
	}
	#p_special .column-inner {
		width: max(calc(100% - 8vw), 980px);
		margin: 0 auto 2.4rem auto;
		display: flex;
		align-items: flex-start;
	}
	#p_special .column-inner .sub-text {
		width: 50%;
	}
	#p_special .column-inner .sub-image {
		width: 50%;
	}
	#p_special .column-inner .sub-image .sp2 {
		position: absolute;
		width: 32rem;
		top: 0;
		right: 0;
	}
	#p_special .column-inner .sub-text .description {
		margin-bottom: 8rem;
	}
	#p_special .column-inner .sub-text .description p {
		margin-bottom: 2.6rem;
	}
	#p_special .column .button {
		width: 238px;
	}
	#p_special .column .button a {
		height: 72px;
		display: block;
		position: relative;
		background: url('../img/btn_parksgarden.svg') no-repeat;
		background-size: contain;
	}
	#p_special .column .button a::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url('../img/btn_parksgarden_on.svg') no-repeat;
		background-size: contain;
		opacity: 0;
		transition: opacity 0.5s ease;
	}

	#p_special .column .button a:hover {
		background: none;
	}
	#p_special .column .button a:hover::before {
		opacity: 1;
	}



	#p_document {
		width: 640px;
		margin: 0 auto;
	}
	#p_document .books {
		width: 100%;
		margin-bottom: 6.4rem;
	}
	#p_document .place {
		width: 100%;
		margin-bottom: 6.4rem;
	}
	#p_document .books .item a {
		position: relative;
	}
	#p_document .books .item .thumbnail {
		position: absolute;
		width: 96px;
		top: 52%;
		left: 64px;
		transform: translateY(-50%);
	}
	#p_document .access {
		width: 40%;
		margin: 0 auto 8.4rem auto;
	}
	#p_document .access a {
		height: 72px;
		display: block;
		position: relative;
		background: url('../img/btn_access.svg') no-repeat;
		background-size: contain;
	}
	#p_document .access a::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url('../img/btn_access_on.svg') no-repeat;
		background-size: contain;
		opacity: 0;
		transition: opacity 0.5s ease;
		z-index: -1;
	}
	#p_document .access a:hover {
		background: none;
	}
	#p_document .access a:hover::before {
		opacity: 1;
	}
	#p_document .nambaparks-logo {
		width: 20%;
		margin: 0 auto 9.6rem auto;
	}
	#p_document .footer-link {
		text-align: center;
		margin-bottom: 2.4rem;
	}
	#p_document .footer-link  a {
		padding: 0 1.6rem;
		text-decoration: none;
		color: #c8c8c8;
	}
	#footer-copy {
		border-top: 1px solid #c8c8c8;
		padding: 2.4rem 0;
		text-align: center;
	}
	main {
		position: relative;
	}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
	html {
		font-size: 9px;
	}
	#p_products .item .head .favorite {
		width: 24%;
	}
	#p_products .item .head .place {
		width: 76%;
		text-align: right;
		font-size: 0.9rem;
	}
	#side-copy {
		display: none;
	}
}
@media screen and (min-width: 1024px) {
	.header-logo {
		top: 24px;
	}
	.header-lang {
		top: 12px;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	#p_products .item .head .favorite {
		width: 22%;
	}
	#p_products .item .head .place {
		width: 78%;
		text-align: right;
		font-size: 1.1rem;
	}
	#side-copy {
		z-index: 1000;
		pointer-events: none;
		position: fixed;
		width: calc(100% - 2vw);
		height: 100vh;
		margin: auto;  
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}
	#side-copy img {
		position: absolute;
		width: 1.2rem;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
}
@media screen and (min-width: 1280px) {
	#p_introduction {
		width: 1200px;
	}
	#p_products .items {
		width: 1200px;
	}
	#p_products .item .head .favorite {
		width: 20%;
	}
	#p_products .item .head .place {
		width: 80%;
		text-align: right;
		font-size: 1.2rem;
	}
	#p_special .column-inner {
		width: 1200px;
	}
	#p_special .column .text {
		margin-left: 200px;
	}
	#side-copy {
		z-index: 1000;
		pointer-events: none;
		position: fixed;
		width: calc(100% - 2vw);
		height: 100vh;
		margin: auto;  
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}
	#side-copy img {
		position: absolute;
		width: 1.2rem;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
}
@media screen and (min-width: 1480px) {
	#side-copy {
		z-index: 1000;
		pointer-events: none;
		position: fixed;
		width: calc(100% - 16vw);
		height: 100vh;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}
	#side-copy img {
		position: absolute;
		width: 1.2rem;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
}