@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

:root {
	--i_white_color: #fff;
	--i_lightblue_color: #00a5c5;
	--i_green_color: #66bf97;
	--i_purple_color: #8476b5;
	--i_blue_color: #5084c4;
	--i_yellow_color: #FFF799;
	--i_heading_color: #004e9c;
}

/* 共通 */
body#summer {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
}

#summer #wrap {
	background: url("/assets/img/summerchoice2025img/bg.webp") repeat-y top center / auto;
}

#summer .wrapper {
	max-width: 1050px;
	padding: 0 20px 130px;
	margin: 0 auto;
}

#summer .flex {
	display: flex;
}

@media screen and (max-width: 900px) {
	#summer #wrap {
		background-size: contain;
	}
}

@media screen and (max-width: 768px) {
	#summer .wrapper {
		padding-bottom: 65px;
	}

	body#summer {
		font-size: 1.4rem;
	}

	#summer .flex {
		flex-direction: column;
	}
}

@media screen and (min-width: 481px) {
	.sp_br {
		display: none;
	}
}

/* mv */
#summer #mv {
	padding: 75px 0;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#summer #mv {
		padding: 35px 0;
	}
}

/* 動き */
/* --mv-- */
#mv figure {
	opacity: 0;
}

#mv.is-inview figure {
	animation: appear 2.5s ease-out forwards;
}

@keyframes appear {
	0% {
		opacity: 0;
		filter: blur(30px);
		transform: scale(0.95) rotate(1deg);
		clip-path: circle(0 at 50% 50%);
		-webkit-clip-path: circle(0 at 50% 50%);
	}

	60% {
		opacity: 0.8;
		filter: blur(10px);
		transform: scale(1.03) rotate(-1deg);
		clip-path: circle(100% at 50% 50%);
		-webkit-clip-path: circle(100% at 50% 50%);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: scale(1) rotate(0);
	}
}

@media screen and (max-width: 480px) {
	#mv.is-inview figure {
		animation: sp_appear 1.8s ease-out forwards;
	}
}

@keyframes sp_appear {
	0% {
		opacity: 0;
		filter: blur(10px);
		transform: scale(0.95) rotate(1deg);
		clip-path: circle(0 at 50% 50%);
		-webkit-clip-path: circle(0 at 50% 50%);
	}

	60% {
		opacity: 0.8;
		filter: blur(5px);
		transform: scale(1.03) rotate(-1deg);
		clip-path: circle(100% at 50% 50%);
		-webkit-clip-path: circle(100% at 50% 50%);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: scale(1) rotate(0);
	}
}

/* タブ */
#summer input[name="tab_item"] {
	display: none;
}

#summer nav {
	display: flex;
	position: relative;
}

#summer nav .tab_item {
	background: var(--i_lightblue_color);
	width: calc(100% / 4);
	padding: 30px 15px 15px;
	clip-path: polygon(6% 0, 94% 0, 100% 17%, 100% 100%, 0 100%, 0 17%);
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

#summer nav .tab_item::before,
#summer nav .tab_item::after {
	position: absolute;
	display: block;
	content: "";
	pointer-events: none;
	clip-path: polygon(6% 0, 94% 0, 100% 17%, 100% 100%, 0 100%, 0 17%);
	z-index: -1;
}

#summer nav .tab_item::before {
	width: calc(100% - 20px);
	height: calc(100% - 24px);
	bottom: 15px;
	left: 10px;
	background: var(--i_white_color);
}

#summer nav .tab_item::after {
	width: calc(100% - 22px);
	height: calc(100% - 23px);
	bottom: 13px;
	left: 11px;
	background: var(--i_lightblue_color);
}

#summer nav .tab_item:nth-of-type(2)::after {
	background: var(--i_green_color);
}

#summer nav .tab_item:nth-of-type(3)::after {
	background: var(--i_purple_color);
}

#summer nav .tab_item:nth-of-type(4)::after {
	background: var(--i_blue_color);
}

#summer nav .tab_item:nth-of-type(2) {
	background: var(--i_green_color);
}

#summer nav .tab_item:nth-of-type(3) {
	background: var(--i_purple_color);
}

#summer nav .tab_item:nth-of-type(4) {
	background: var(--i_blue_color);
}

#summer nav p {
	text-align: center;
	font-weight: 500;
	font-size: clamp(1.2rem, 2.5vw, 2.1rem);
	color: var(--i_white_color);
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: .4s ease-in-out;
}

#summer nav p img {
	display: block;
	max-width: 160px;
	width: 100%;
	padding-bottom: 10px;
}

#summer section {
	display: none;
}

#summer nav:has(#tab_gift:checked)~#gift,
#summer nav:has(#tab_gourmet:checked)~#gourmet,
#summer nav:has(#tab_sweets:checked)~#sweets,
#summer nav:has(#tab_aquarium:checked)~#aquarium {
	display: block;
}

@media screen and (min-width: 769px) {
	#summer nav::before {
		position: absolute;
		display: block;
		content: "";
		pointer-events: none;
		width: 100%;
		height: 2px;
		bottom: -1px;
		left: 0;
		background: var(--i_lightblue_color);
	}

	#summer nav:has(#tab_gourmet:checked):before {
		background: var(--i_green_color);
	}

	#summer nav:has(#tab_sweets:checked):before {
		background: var(--i_purple_color);
	}

	#summer nav:has(#tab_aquarium:checked):before {
		background: var(--i_blue_color);
	}

	#summer nav p:hover {
		letter-spacing: 0.1rem;
	}
}

@media screen and (max-width: 768px) {
	#summer nav {
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 15px 0;
		padding-bottom: 25px;
	}

	#summer nav .tab_item {
		width: 48%;
		clip-path: polygon(6% 0%, 94% 0%, 100% 17%, 100% 83%, 94% 100%, 6% 100%, 0% 83%, 0% 17%);
		padding: 17px 5px;
	}

	#summer nav .tab_item::before,
	#summer nav .tab_item::after {
		clip-path: polygon(5% 0%, 95% 0%, 100% 17%, 100% 83%, 94% 100%, 5% 100%, 0% 83%, 0% 17%);
	}

	#summer nav .tab_item::before {
		width: calc(100% - 12px);
		height: calc(100% - 12px);
		bottom: 6px;
		left: 6px;
	}

	#summer nav .tab_item::after {
		width: calc(100% - 14px);
		height: calc(100% - 14px);
		bottom: 7px;
		left: 7px;
	}

	#summer nav p {
		line-height: 1.5;
	}

	#summer nav p img {
		display: none;
	}
}

/* 各コンテンツ */
#summer section {
	border: 20px solid var(--i_lightblue_color);
	background: rgba(255, 255, 255, 0.6);
	position: relative;
}

#summer section [class^="triangle"] {
	position: absolute;
	top: -1px;
	left: 0;
	width: 60px;
	height: 60px;
	background: var(--i_lightblue_color);
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}

#summer section .triangle2 {
	left: auto;
	right: 0;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
}

#summer section .triangle3 {
	top: auto;
	bottom: -1px;
	clip-path: polygon(0 0, 100% 100%, 0 100%);
}

#summer section .triangle4 {
	top: auto;
	bottom: -1px;
	left: auto;
	right: 0;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

#summer section>div:not([class^="triangle"]) {
	padding: 60px 65px;
}

#summer section h1 {
	text-align: center;
	padding-bottom: 55px;
}

#summer section h1 img {
	max-width: 580px;
	width: 100%;
	opacity: 0;
}

#summer section h1.is-inview img {
	animation: lightblue_txt 1.5s ease forwards;
}

@keyframes lightblue_txt {
	0% {
		opacity: 0;
		filter: drop-shadow(0 0 30px var(--i_lightblue_color)) blur(20px);
	}

	100% {
		opacity: 1;
		filter: none;
	}
}

#summer section .lead {
	text-align: center;
	font-size: 2rem;
	padding-bottom: 30px;
}

#summer section .lead p:first-of-type {
	color: var(--i_heading_color);
	font-size: 2.5rem;
	font-weight: 500;
	padding-bottom: 10px;
}

#summer section .lead p:first-of-type span {
	color: var(--i_lightblue_color);
	line-height: 1.8;
}

#summer section h1~.flex {
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 50px 3.5vw;
}

#summer section .flex dl {
	width: 46%;
}

#summer section dl dt a figure {
	transition: box-shadow 0.4s ease, transform 0.4s ease;
}

#summer section dl dt a:hover figure {
	transform: scale(1.03);
	box-shadow: 0 8px 20px rgba(173, 216, 230, 0.8);
}

@keyframes ripple {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.08) rotate(0.5deg);
	}

	100% {
		transform: scale(1);
	}
}

#summer section dt a>div {
	padding: 20px 0;
	margin-bottom: 20px;
	background: url("/assets/img/summerchoice2025img/lightblue_line.png") no-repeat bottom left / contain;
}

#summer section dt p:first-of-type {
	display: inline-block;
	background: var(--i_lightblue_color);
	color: var(--i_white_color);
	font-weight: 700;
	font-size: 1.8rem;
	letter-spacing: 0.3rem;
	line-height: 1.4;
	min-width: 90px;
	padding: 0 10px 3px;
	margin-bottom: 15px;
	text-align: center;
	clip-path: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0% 50%);
	position: relative;
}

#summer section dt p:first-of-type:before,
#summer section dt p:first-of-type:after {
	position: absolute;
	display: block;
	content: "";
	pointer-events: none;
	width: 4px;
	height: 4px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	background: var(--i_white_color);
	border-radius: 50%;
}

#summer section dt p:first-of-type:after {
	left: auto;
	right: 8px;
}

#summer section dt p:last-of-type {
	color: var(--i_heading_color);
	font-weight: 500;
	font-size: 1.8rem;
	padding-right: 25px;
}

#summer section dt p:last-of-type span {
	position: relative;
}

#summer section dt p:last-of-type span i {
	font-style: normal;
	font-size: 1.4rem;
}

#summer section dt p:last-of-type i.sp_link {
	position: relative;
	padding-right: 20px;
}

#summer section dt p:last-of-type i.sp_link::before {
	position: absolute;
	display: block;
	content: "";
	pointer-events: none;
	width: 12px;
	height: 100%;
	top: 0;
	right: 0;
	background: url("/assets/img/summerchoice2025img/link_icon.png") no-repeat center right / contain;
}

#summer section dd h2 {
	color: var(--i_heading_color);
	font-weight: 700;
	font-size: 1.8rem;
	padding-bottom: 15px;
}

#summer section dd h2+p span {
	display: block;
	color: var(--i_heading_color);
	font-weight: 500;
	font-size: 1.8rem;
	padding-top: 10px;
}

#summer section dd small {
	font-weight: 400;
	font-size: 1.5rem;
	color: var(--i_heading_color);
	line-height: 1.4;
	display: inline-block;
}

#summer section dd small.pt {
	padding-top: 5px;
}

#summer section .note {
	padding-top: 50px;
	font-size: 1.45rem;
}

/* gourmet */
#summer section#gourmet {
	border: 20px solid var(--i_green_color);
}

#summer section#gourmet [class^="triangle"] {
	background: var(--i_green_color);
}

#summer section#gourmet .lead p:first-of-type span {
	color: var(--i_green_color);
}

#summer section#gourmet dt a>div {
	background: url("/assets/img/summerchoice2025img/green_line.png") no-repeat bottom left / contain;
}

#summer section#gourmet dt p:first-of-type {
	background: var(--i_green_color);
}

#summer section#gourmet h1.is-inview img {
	animation: green_txt 1.5s ease forwards;
}

@keyframes green_txt {
	0% {
		opacity: 0;
		filter: drop-shadow(0 0 30px var(--i_green_color)) blur(20px);
	}

	100% {
		opacity: 1;
		filter: none;
	}
}

/* sweets */
#summer section#sweets {
	border: 20px solid var(--i_purple_color);
}

#summer section#sweets [class^="triangle"] {
	background: var(--i_purple_color);
}

#summer section#sweets .lead p:first-of-type span {
	color: var(--i_purple_color);
}

#summer section#sweets dt a>div {
	background: url("/assets/img/summerchoice2025img/purple_line.png") no-repeat bottom left / contain;
}

#summer section#sweets dt p:first-of-type {
	background: var(--i_purple_color);
}

#summer section#sweets h1.is-inview img {
	animation: purple_txt 1.5s ease forwards;
}

@keyframes purple_txt {
	0% {
		opacity: 0;
		filter: drop-shadow(0 0 30px var(--i_purple_color)) blur(20px);
	}

	100% {
		opacity: 1;
		filter: none;
	}
}

/* quarium */
#summer section#aquarium {
	border: 20px solid var(--i_blue_color);
}

#summer section#aquarium [class^="triangle"] {
	background: var(--i_blue_color);
}

#summer section#aquarium dt a>div {
	background: url("/assets/img/summerchoice2025img/blue_line.png") no-repeat bottom left / contain;
}

#summer section#aquarium dt p:first-of-type {
	background: var(--i_blue_color);
}

#summer section#aquarium h1.is-inview img {
	animation: blue_txt 1.5s ease forwards;
}

#summer section#aquarium>div>figure {
	border: 8px solid var(--i_blue_color);
	margin-bottom: 65px;
	overflow: hidden;
}

#summer section#aquarium>div>figure img {
	opacity: 0;
	animation: appearSoftFade 1.5s ease-out 0.5s forwards;
}

@keyframes appearSoftFade {
	0% {
		opacity: 0;
		filter: blur(20px) brightness(0.8);
		clip-path: inset(10% 10% 10% 10%);
	}

	60% {
		opacity: 0.9;
		filter: blur(5px) brightness(1.1);
	}

	100% {
		opacity: 1;
		filter: blur(0) brightness(1);
		clip-path: inset(0 0 0 0);
	}
}

#summer section#aquarium h1+p {
	line-height: 1.6;
}

#summer section#aquarium p {
	text-align: center;
	font-size: 2rem;
}

#summer section#aquarium .btn {
	padding-top: 45px;
}

#summer section#aquarium .btn a {
	font-weight: 500;
	background: var(--i_blue_color);
	color: var(--i_white_color);
	padding: 15px 10px;
	display: inline-block;
	min-width: 300px;
	clip-path: polygon(4% 0, 96% 0, 100% 20%, 100% 80%, 96% 100%, 4% 99%, 0 80%, 0 20%);
	letter-spacing: 0.2rem;
}

#summer section#aquarium .btn a span {
	position: relative;
}

#summer section#aquarium .btn a span::before {
	position: absolute;
	display: block;
	content: "";
	pointer-events: none;
	width: 100%;
	height: 100%;
	top: 0;
	right: -45px;
	background: url("/assets/img/summerchoice2025img/arrow.png") no-repeat right center / 26px;
}

#summer section#aquarium .btn a:hover {
	opacity: 0.8;
}

#summer section#aquarium>div>p.btn {
	background: url("/assets/img/summerchoice2025img/aquarium/line.png") repeat-x left bottom / 8px;
	padding-bottom: 80px;
	margin-bottom: 80px;
}

#summer section#aquarium .coming {
	text-align: center;
	max-width: 750px;
	width: 100%;
	margin: auto;
}

#summer section#aquarium .coming h2 {
	padding-bottom: 50px;
	font-size: 2rem;
}

#summer section#aquarium .coming h2 span {
	display: block;
	padding-bottom: 20px;
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	color: var(--i_blue_color);
	font-size: 2.5rem;
	letter-spacing: 0.2rem;
	line-height: 1.3;

}

#summer section#aquarium .coming h2 span.h2 strong {
	font-weight: 700;
	font-size: 3.2rem;
}

#summer section#aquarium .coming h2 span:nth-of-type(2) i {
	margin-top: 30px;
}

#summer section#aquarium .coming h2 span.h2 i {
	font-style: normal;
	background: var(--i_blue_color);
	color: var(--i_white_color);
	font-size: 1.8rem;
	padding: 0 10px 5px;
	display: inline-block;
	margin-bottom: 10px;
}

#summer section#aquarium .coming h2 span {
	display: block;
	padding-bottom: 20px;
}

#summer section#aquarium .coming h2 span:last-of-type {
	padding-bottom: 0;
}

#summer section#aquarium .coming h2 span img {
	max-width: 193px;
	width: 100%;
}

#summer section#aquarium .coming h2>img {
	max-width: 520px;
	width: 100%;
}

#summer section#aquarium .coming h2+figure img {
	max-width: 630px;
	width: 100%;
}

#summer section#aquarium .coming dl {
	background: var(--i_blue_color);
	color: var(--i_white_color);
	font-size: 2rem;
	font-weight: 500;
	position: relative;
	min-height: 315px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	margin-top: 45px;
}

#summer section#aquarium .coming dl::before {
	position: absolute;
	display: block;
	content: "";
	pointer-events: none;
	width: 97%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url("/assets/img/summerchoice2025img/aquarium/frame.png") no-repeat center / contain;
}

#summer section#aquarium .coming dl dt {
	padding-bottom: 20px;
}

#summer section#aquarium .coming dl dd p:first-of-type {
	font-size: 2.8rem;
	color: var(--i_yellow_color);
	letter-spacing: 0.2rem;
	line-height: 1.5;
}

#summer section#aquarium .coming dl dd p:first-of-type span {
	border: 1px solid var(--i_yellow_color);
	padding: 0 12px;
	margin: 0 8px;
}

#summer section#aquarium .coming .btn {
	padding-top: 20px;
}

#summer section#aquarium .coming .btn a {
	font-size: 1.6rem;
	background: var(--i_white_color);
	color: var(--i_blue_color);
	padding: 8px 10px;
	min-width: 200px;
}

#summer section#aquarium .coming .btn a span::before {
	right: -28px;
	background: url("/assets/img/summerchoice2025img/arrow2.png") no-repeat right center / 21.5px;
}

@keyframes blue_txt {
	0% {
		opacity: 0;
		filter: drop-shadow(0 0 30px var(--i_blue_color)) blur(20px);
	}

	100% {
		opacity: 1;
		filter: none;
	}
}

@media screen and (min-width: 769px) {
	section[data-inview-ani="fadein"] {
		transform: translateY(0);
		opacity: 1;
	}
}

@media screen and (max-width: 999px) {
	#summer section#aquarium .coming h2>img {
		max-width: 396px;
	}

	#summer section#aquarium .coming dl {
		aspect-ratio: 275/335;
	}

	#summer section#aquarium .coming dl::before {
		background: url("/assets/img/summerchoice2025img/aquarium/sp_frame.png") no-repeat center / contain;
	}
}

@media screen and (max-width: 768px) {
	#summer section {
		border: 12px solid var(--i_lightblue_color);
	}

	#summer section#gourmet {
		border: 12px solid var(--i_green_color);
	}

	#summer section#sweets {
		border: 12px solid var(--i_purple_color);
	}

	#summer section#aquarium {
		border: 12px solid var(--i_blue_color);
	}

	#summer section [class^="triangle"] {
		width: 31px;
		height: 31px;
	}

	#summer section>div:not([class^="triangle"]) {
		padding: 30px 20px;
	}

	#summer section h1 {
		padding-bottom: 25px;
	}

	#summer section .lead {
		font-size: 1.65rem;
		padding-bottom: 20px;
	}

	#summer section .lead p:first-of-type {
		font-size: 2rem;
	}

	#summer section .lead p:first-of-type span {
		line-height: 1.2;
		padding-bottom: 8px;
		display: inline-block;
	}

	#summer section h1~.flex {
		gap: 30px 0;
	}

	#summer section .flex dl {
		width: 100%;
	}

	#summer section dd h2 {
		padding-bottom: 10px;
	}

	#summer section dt p:first-of-type,
	#summer section dt p:last-of-type,
	#summer section dd h2,
	#summer section dd h2+p span {
		font-size: 1.6rem;
	}

	#summer section .note {
		padding-top: 50px;
		font-size: 1.35rem;
	}

	#summer section#aquarium>div>figure {
		border: 5px solid var(--i_blue_color);
		margin-bottom: 35px;
	}

	#summer section#aquarium .coming h2,
	#summer section#aquarium p {
		font-size: 1.5rem;
	}

	#summer section#aquarium p.btn {
		font-size: 1.6rem;
	}

	#summer section#aquarium>div>p.btn {
		padding-top: 25px;
		padding-bottom: 50px;
		margin-bottom: 35px;
	}

	#summer section#aquarium .btn a {
		min-width: 255px;
		padding: 18px 10px;
	}

	#summer section#aquarium .coming h2 {
		padding-bottom: 25px;
	}

	#summer section#aquarium .coming h2 span.h2 i {
		font-size: 1.5rem;
	}

	#summer section#aquarium .coming h2 span {
		padding-bottom: 25px;
		font-size: 2rem;
	}

	#summer section#aquarium .coming h2 span.h2 strong {
		font-size: 2.4rem;
		letter-spacing: 0;
	}

	#summer section#aquarium .coming h2 span img {
		max-width: 160px;
	}

	#summer section#aquarium .coming h2>img {
		max-width: 230px;
	}

	#summer section#aquarium .coming h2 i {
		padding-bottom: 0;
		line-height: 1.6;
	}
}

@media screen and (max-width: 480px) {
	#summer section dt a>div {
		background: url("/assets/img/summerchoice2025img/sp_lightblue_line.png") no-repeat bottom left / contain;
		margin-bottom: 15px;
	}

	#summer section#gourmet dt a>div {
		background: url("/assets/img/summerchoice2025img/sp_green_line.png") no-repeat bottom left / contain;
	}

	#summer section#sweets dt a>div {
		background: url("/assets/img/summerchoice2025img/sp_purple_line.png") no-repeat bottom left / contain;
	}

	#summer section#quarium dt a>div {
		background: url("/assets/img/summerchoice2025img/sp_blue_line.png") no-repeat bottom left / contain;
	}

	#summer section#aquarium .coming dl {
		font-size: 1.5rem;
		margin-top: 25px;
	}

	#summer section#aquarium .coming dl::before {
		width: 95%;
	}

	#summer section#aquarium .coming dl dt {
		padding-bottom: 10px;
	}

	#summer section#aquarium .coming dl dd p:first-of-type {
		font-size: 1.8rem;
		line-height: 1.8;
	}

	#summer section#aquarium .coming dl dd p:first-of-type span {
		font-size: 2.2rem;
	}

	#summer section#aquarium .coming .btn {
		padding-top: 8px;
	}

	#summer section#aquarium .coming .btn a {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 359px) {
	#summer section#aquarium .btn a {
		min-width: auto;
		width: 100%;
	}

	#summer section#aquarium .btn a span::before,
	#summer section#aquarium .coming .btn a span::before {
		right: -25px;
		background-size: 18px;
	}

	#summer section#aquarium .coming dl {
		width: 100%;
		font-size: 1.25rem;
		min-height: auto;
	}

	#summer section#aquarium .coming dl dd p:first-of-type {
		font-size: 1.5rem;
		line-height: 1.5;
	}

	#summer section#aquarium .coming dl dd p:first-of-type span {
		font-size: 1.8rem;
	}

	#summer section#aquarium .coming .btn a {
		min-width: 150px;
	}
}

/* ショップ・レストランを探す */
#summer aside {
	background: var(--i_white_color);
	font-family: "Noto Sans JP", sans-serif;
}

#summer .c-bottom-links {
	padding-bottom: 15px;
}

/* page top */
#page_top {
	width: 60px;
	height: 0px;
	right: 0;
	bottom: 0;
	opacity: 0.6;
	position: relative;
	z-index: 1000;
}

#page_top a {
	width: 60px;
	height: 0px;
	text-decoration: none;
	position: fixed;
	right: 10px;
	bottom: 65px;
}

#page_top a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f139';
	font-size: 50px;
	color: #9fa0a0;
}