@charset "UTF-8";


	
	
/* pagenavi
--------------------- */
.pagenavi {
	margin-top: 0;
}


	
	
/* pagetitle-default
--------------------- */
#pagetitle-default .text-achievements .info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
	#pagetitle-default .text-achievements .info .cat {
		display: inline-block;
		height: calc(25 * var(--vw-ratio));
		background: #1481C2;
		border-radius: calc(3 * var(--vw-ratio));
		padding: 0 calc(6 * var(--vw-ratio));
		line-height: calc(25 * var(--vw-ratio));
		margin-right: calc(15 * var(--vw-ratio));
	}

#pagetitle-default .text-achievements .season {
	margin-top: calc(15 * var(--vw-ratio));
}
@media screen and (max-width: 767px) {
	#pagetitle-default .text-achievements .info .cat {
		font-size: calc(13 * var(--vw-ratio));
		margin-right: calc(15 * var(--vw-ratio));
	}
}


	
	
/* achievements
--------------------- */
#achievements .contents {
	width: calc(840 * var(--vw-ratio));
}
	#achievements .contents .achievements-list a.linkbox {
		display: block;
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: calc(50 * var(--vw-ratio));
	}
	#achievements .contents .achievements-list a.linkbox:nth-child(3n) {
		margin-right: 0;
	}
		#achievements .contents .achievements-list a.linkbox .pht {
			width: 100%;
			aspect-ratio: 4 / 3;
			position: relative;
		}
			#achievements .contents .achievements-list a.linkbox .pht img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			#achievements .contents .achievements-list a.linkbox .pht .cat {
				display: inline-block;
				height: calc(25 * var(--vw-ratio));
				background: #1481C2;
				border-radius: calc(3 * var(--vw-ratio));
				padding: 0 calc(6 * var(--vw-ratio));
				line-height: calc(25 * var(--vw-ratio));
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 2;
			}

		#achievements .contents .achievements-list a.linkbox .text {
			padding-top: calc(15 * var(--vw-ratio));
			background: url("../img/common/icon_arrow_white.svg") no-repeat right bottom / calc(40 * var(--vw-ratio));
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#achievements .contents .achievements-list a.linkbox:hover .text {
			background: url("../img/common/icon_arrow_blue.svg") no-repeat right bottom / calc(40 * var(--vw-ratio));
		}
			#achievements .contents .achievements-list a.linkbox .text h3 {
				line-height: 1.4em;
				margin-bottom: calc(10 * var(--vw-ratio));
			}

			#achievements .contents .achievements-list a.linkbox .text .part {
				line-height: 1.4em;
				margin-bottom: calc(8 * var(--vw-ratio));
			}

			#achievements .contents .achievements-list a.linkbox .text .season {
				line-height: 1.4em;
			}

	#achievements .contents .free {
		margin-top: calc(50 * var(--vw-ratio));
	}
		#achievements .contents .free h2 {
			font-size: calc(24 * var(--vw-ratio));
			margin-top: calc(50 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
		}
		#achievements .contents .free p {
			font-size: calc(16 * var(--vw-ratio));
			line-height: calc(28 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
		}
		#achievements .contents .free .wp-block-image {
			padding: 0;
			margin: calc(40 * var(--vw-ratio)) 0;
		}

#achievements .sidenavi {
	width: calc(260 * var(--vw-ratio));
}
	#achievements .sidenavi .flowting {
		position: sticky;
		top: calc(130 * var(--vw-ratio));
		left: 0;
	}
		#achievements .sidenavi .flowting .cont {
			margin-bottom: calc(60 * var(--vw-ratio));
		}
		#achievements .sidenavi .flowting .cont:nth-last-child(1) {
			margin-bottom: 0;
		}
			#achievements .sidenavi .flowting .cont .head {
				line-height: 1;
				margin-bottom: calc(15 * var(--vw-ratio));
			}

			#achievements .sidenavi .flowting .cont ul.cat-list {
				border-radius: calc(3 * var(--vw-ratio));
				border: solid 1px #ddd;
				overflow: hidden;
			}
				#achievements .sidenavi .flowting .cont ul.cat-list li {
					border-bottom: solid 1px #ddd;
				}
				#achievements .sidenavi .flowting .cont ul.cat-list li:nth-last-child(1) {
					border-bottom: none;
				}
					#achievements .sidenavi .flowting .cont ul.cat-list li a {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						background: url("../img/common/icon_arrow_white.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
						height: calc(60 * var(--vw-ratio));
						padding: 0 calc(20 * var(--vw-ratio));
						font-size: calc(15 * var(--vw-ratio));
						font-weight: 500;
						cursor: pointer;
						transition: 0.3s;
						-webkit-transition: 0.3s;
					}
					#achievements .sidenavi .flowting .cont ul.cat-list li a:hover {
						background: url("../img/common/icon_arrow_blue.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
					}
					#achievements .sidenavi .flowting .cont ul.cat-list li.current-cat a {
						background: #F5F5F5 url("../img/common/icon_arrow_blue.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
					}
@media screen and (max-width: 767px) {
	#achievements .inner {
		display: block;
	}
		#achievements .contents {
			width: 100%;
			margin-bottom: calc(70 * var(--vw-ratio));
		}
			#achievements .contents .achievements-list a.linkbox {
				width: 47.5%;
				margin-right: 5%;
				margin-bottom: calc(40 * var(--vw-ratio));
			}
			#achievements .contents .achievements-list a.linkbox:nth-child(3n) {
				margin-right: 4%;
			}
			#achievements .contents .achievements-list a.linkbox:nth-child(2n) {
				margin-right: 0;
			}
				#achievements .contents .achievements-list a.linkbox .pht .cat {
					font-size: calc(12 * var(--vw-ratio));
				}

				#achievements .contents .achievements-list a.linkbox .text {
					padding-top: calc(12 * var(--vw-ratio));
					background: none;
				}
				#achievements .contents .achievements-list a.linkbox:hover .text {
					background: none;
				}
					#achievements .contents .achievements-list a.linkbox .text h3 {
						font-size: calc(16 * var(--vw-ratio));
					}

					#achievements .contents .achievements-list a.linkbox .text .part {
						font-size: calc(12 * var(--vw-ratio));
						margin-bottom: calc(8 * var(--vw-ratio));
					}

					#achievements .contents .achievements-list a.linkbox .text .season {
						font-size: calc(12 * var(--vw-ratio));
					}
	
			#achievements .contents .thumbnail {
				width: -webkit-calc(100% + calc(60 * var(--vw-ratio)));
				width: calc(100% + calc(60 * var(--vw-ratio)));
				margin-left: calc(-30 * var(--vw-ratio));
			}
	
			#achievements .contents .free {
				margin-top: calc(40 * var(--vw-ratio));
			}
				#achievements .contents .free h2 {
					font-size: calc(22 * var(--vw-ratio));
					margin-top: calc(40 * var(--vw-ratio));
					margin-bottom: calc(15 * var(--vw-ratio));
				}
				#achievements .contents .free p {
					font-size: calc(15 * var(--vw-ratio));
					line-height: calc(26 * var(--vw-ratio));
					margin-bottom: calc(15 * var(--vw-ratio));
				}
				#achievements .contents .free .wp-block-image {
					padding: 0;
					margin: calc(30 * var(--vw-ratio)) 0;
				}

	#achievements .sidenavi {
		width: 100%;
	}
		#achievements .sidenavi .flowting {
			position: static;
		}
			#achievements .sidenavi .flowting .cont ul.cat-list li a {
				background: url("../img/common/icon_arrow_white.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(30 * var(--vw-ratio));
			}
			#achievements .sidenavi .flowting .cont ul.cat-list li a:hover {
				background: url("../img/common/icon_arrow_white.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(30 * var(--vw-ratio));
			}
			#achievements .sidenavi .flowting .cont ul.cat-list li.current-cat a {
				background: #F5F5F5 url("../img/common/icon_arrow_blue.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(30 * var(--vw-ratio));
			}
}