@charset "UTF-8";
@use "variables" as *;


/* ACHIEVEMENT */


.result_submenu-box {
	margin-bottom: 70px;
	padding-top: 18px;
}

.ajax-tab {
	padding: 0px 24px;
	display: flex;
	white-space: nowrap;
	text-align: center;

	.slick-list {
		border-right: solid 1px var(--color-primary);
	}

	li {
		/* display: inline-block; */
		vertical-align: middle;
		width: 105px;
		letter-spacing: normal;
		box-sizing: border-box;

		&:not(:first-child) {
			.inner {
				border-left: none;
			}
		}

		.inner {
			display: block;
			padding: 7px 5px;
			color: #666464;
			line-height: 1.3;
			text-align: center;
			background: #fff;
			color: var(--color-primary);
			border: solid 1px var(--color-primary);
			cursor: pointer;

			&:hover {
				background-color: var(--color-primary);
				color: #fff;
			}
		}

		&.on .inner {
			background: var(--color-primary);
			color: #fff;
			border-right: none;
			border-left: none;
		}


	}

	.slick-slide {
		margin: 0 5px;

		&:first-child {
			.inner {
				border-left: solid 1px var(--color-primary);
			}
		}
	}
}

.result_submenu-box {

	.slick-prev,
	.slick-next,
	.slick-prev:hover,
	.slick-next:hover {
		z-index: 1;
		width: 12px;
		height: 12px;
		-webkit-transform: translate(0, -50%) rotate(45deg);
		transform: translate(0, -50%) rotate(45deg);
		transition-property: 0.3s;
	}

	.slick-prev {
		left: 0px;
		border-bottom: 1px solid $color-primary;
		border-left: 1px solid $color-primary;

		&:hover {
			background-image: url("../images/common/anchor-prev.svg");
		}
	}

	.slick-next {
		right: 0px;
		border-top: 1px solid $color-primary;
		border-right: 1px solid $color-primary;

		&:hover {
			background-image: url("../images/common/anchor-next.svg");
		}
	}

	.slick-prev:before,
	.slick-next:before {
		display: none;
	}

	.slick-prev:hover,
	.slick-next:hover {
		opacity: 0.6;
	}
}

.result_lineup-box {
	margin-bottom: 100px;
}

.result-list {
	>li {
		&:not(:last-child) {
			margin-bottom: 30px;
		}

		.titles {
			font-weight: bold;
		}

		.outlines {
			margin-bottom: 0;
		}
	}
}

.result-catbox {
	margin-bottom: 70px;

	.title-cat {
		margin-bottom: 35px;
	}

	.affiliatedata {
		font-weight: 600;
		color: $color-primary;
	}
}

.result-subcatbox {
	&:not(:last-child) {
		margin-bottom: 40px;
	}
}


@media all and (min-width: 751px) {

	body.achievement #title {
		background-image: url(../images/achievement/title-bg.jpg);
	}

	/* INDEX */

}

@media only screen and (max-width: 750px) {

	body.achievement #title {
		background-image: url(../images/achievement/title-bg.jpg);
	}

	/* INDEX */

}