@charset "UTF-8";

/* slider */
@media all {
	.site-main-header {overflow: hidden;}
	.top-slider-item img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.slick-slider .slick-track, .slick-slider .slick-list {height: 100%;}
	/* sp */
	@media only screen and (max-width: 767px) {
		.slick-dots {
			bottom: 15rem;
		}
		.slick-dots li {margin: 0 9rem;}
		.slick-dots li,
		.slick-dots li button,
		.slick-dots li button:before,
		.slick-dots li.slick-active button:before {
			width: 11rem;
			height: 11rem;
			line-height: 1;
			font-size: 11rem;
		}

		.site-main-header {padding-bottom: 50rem;}
		.top-slider {padding-bottom: 50rem;}
		.top-slider-item {
			padding: 0 10rem;
			height: 550rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.slick-dots {bottom: 20rem;}
		.slick-dots li {margin: 0 11rem;}
		.slick-dots li,
		.slick-dots li button,
		.slick-dots li button:before,
		.slick-dots li.slick-active button:before {
			width: 12rem;
			height: 12rem;
			line-height: 1;
			font-size: 12rem;
		}
		.top-slider {padding-bottom: 80rem;}
		.top-slider-item {
			padding: 0 1.5625vw;
			height: 42.96875vw;
		}
		/* tab */
		@media (max-width: 1024px) {}
		/* pc */
		@media (min-width: 1025px) {
			.top-slider-item {
				min-height: 550rem;
				padding: 0 max(20px, 1.5625vw);
			}
		}
	}
}

/* lead-section */
@media all {
	.lead-section {
		text-align: center;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.lead-section {padding: 0 20rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.lead-section {
			margin: 0 auto;
			width: 745rem;
		}
	}
}

/* news-section */
@media all {
	.news-section {
		position: relative;
		border: 3rem solid #c8e3c3;
	}
	.news-ttl {
		position: absolute;
		bottom: calc(100% - .25em);
		background-color: #fff;
		font-weight: 500;
		text-align: center;
	}
	.news-item-time {
		display: block;
		color: #3b966c;
		font-family: "Roboto", sans-serif;
	}
	.news-item-ttl {
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
	}
	.news-none {
		padding: 5em 0;
		font-weight: 500;
		text-align: center;
	}
	/* sp */
	@media only screen and (max-width: 767px) {
		.news-section {
			margin: 60rem auto 0;
			width: calc(100% - 40rem);
			border-radius: 20rem;
		}
		.news-ttl {
			left: calc(50% - 70rem);
			width: 140rem;
			font-size: 18rem;
		}
		.news-list {
			margin-top: 40rem;
			padding: 0 20rem 35rem;
		}
		.news-item + .news-item {margin-top: 20rem;}
		.news-item-ttl {
			margin-top: 8rem;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			line-height: 1.5;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.news-section {
			margin: 130rem auto 0;
			width: calc(100% - 30rem);
			max-width: 770rem;
			border-radius: 30rem;
		}
		.news-ttl {
			left: calc(50% - 80rem);
			width: 160rem;
			font-size: 22rem;
		}
		.news-list {
			margin-top: 70rem;
			padding: 0 50rem 65rem;
		}
		.news-item + .news-item {margin-top: 30rem;}
		.news-item-ttl {
			display: -webkit-inline-box;
			margin-top: 8rem;
			-webkit-line-clamp: 1;
			line-clamp: 1;
		}
	}
}

/* steam-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {
		.steam-list-section {
			margin-top: 50rem;
			padding-bottom: 50rem;
		}
		.event-list-section {
			margin-top: 3rem;
			padding-bottom: 50rem;
		}
		.steam-btn, .event-btn {margin-top: 30rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.steam-list-section {
			margin-top: 100rem;
			padding-bottom: 45rem;
		}
		.event-list-section {
			margin-top: 5rem;
			padding-bottom: 45rem;
		}
		.steam-btn, .event-btn {margin-top: 40rem;}
		.button {
			width: 254rem;
			height: 47rem;
		}
		.button.event {width: 180rem;}

	}
}




/* template-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {}
}