@charset "UTF-8";

body {
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
}


#photo {
	margin-top: 20px;

	ul li img {
		height: 240px;
	}
}

.lum-open {
	z-index: 101;
}

#profile {
	#profName {
		strong {
			font-size: 24px;
		}

		span {
			font-size: 18px;

			&:before {
				content: " / ";
			}
		}
	}
	#profBirth {
		background-image: url("../icon/ph--cake.svg");
		background-repeat: no-repeat;
		background-position: left;
		background-size: 16px;
		text-indent: 20px;
	}
	#profText {
		font-size: 14px;

		p {
			margin-top: 1em;
		}
	}

}


#gear {

	& > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 25px 20px;
	}

	article {
		width: 380px;
		display: flex;
		gap: 10px;

		& > div:nth-child(1) {

			a img {
				width: 100px;
				height: 150px;
				float: left;
			}
		}

		& > div:nth-child(2) {
			position: relative;
			line-height: 16px;

			h3 {
				margin-top: 0.5em;
				font-size: 14px;
			}
			p {
				margin-top: 0.5em;
				font-size: 12px;
			}

			ul {
				position: absolute;
				bottom: 0; left: 0;
				display: flex;
				gap: 5px;

				li {
					width: 75px;
					height: 50px;
					img {
						width: 100%;
					}
				}
			}
		}
	}
}


#favorites {
	div {
		margin-top: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;

		article {
			width: 200px;
			padding: 10px;
			border: solid 1px #567;
			border-radius: 5px;
			background-color: #011223;

			h3 {
				font-size: 11px;
				border-bottom: dashed 1px #567;
			}
			p {
				font-size: 12px;
			}
		}
	}
}


#awards {
	li {
		font-size: 14px;

		span:nth-child(1) {
			margin-right: 0.5em;
		}
	}
}


@media screen and (max-width:767px) {
	#favorites {
		div {
			article {
				width: 40%;
			}
		}
	}

	#awards {
		li {
			line-height: 18px;
			span {
				display: block;
			}
			span:nth-child(1) {
				margin-top: 1em;

			}
			span:nth-child(2) {
				margin-top: 0.5em;
				margin-left: 0.5em;
			}
		}
		li:nth-child(1) {
			span:nth-child(1) {
				margin-top: 0.5em;
			}
		}

	}
}


@media (max-width: 460px) {
	.lum-lightbox-inner img {
		max-width: 100%;
	}
}