@charset "UTF-8";

/* flyer-section */
@media all {
	.flyer-list {
		display: flex;
		align-items: stretch;
		justify-content: center;
	}
	.flyer-item > a {
		display: block;
		overflow: hidden;
	}
	.flyer-thumb {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.flyer-info {
		display: flex;
		align-items: flex-start;
		line-height: 1.2;
	}
	.flyer-info-size {margin-top: .25em;}

	/* sp */
	@media only screen and (max-width: 767px) {
		.flyer-section {
			margin-top: 50rem;
			padding: 0 15rem 50rem;
		}
		.flyer-list {column-gap: 20rem;}
		.flyer-item {width: calc(50% - 10rem);}
		.flyer-item > a {
			border-radius: 15rem;
			height: 240rem;
		}
		.flyer-info {
			margin-top: 10rem;
			font-size: 13rem;
		}
		.flyer-icon {width: 20rem;}
		.flyer-icon + .flyer-info-txt {margin-left: 10rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.flyer-section {padding: 80rem 30rem 70rem;}
		.flyer-list {
			column-gap: 110rem;
			margin: 0 auto;
			width: 670rem;
		}
		.flyer-item {width: 280rem;}
		.flyer-item > a {
			border-radius: 20rem;
			height: 396rem;
		}
		.flyer-info {
			margin-top: 10rem;
			padding-left: 10rem;
		}
		img.flyer-icon {width: 40rem;}
		.flyer-icon + .flyer-info-txt {margin-left: 20rem;}
		.flyer-info-ttl {font-size: 18rem;}

	}
}


/* single */
@media all {
	.info-dl,
	.info-dt,
	.info-dd {border-color: #62aae8;}

	.app-ttl {
		display: flex;
		align-items: center;
		padding-left: 1em;
		background-color: #62aae8;
		color: #fff;
	}
	/* sp */
	@media only screen and (max-width: 767px) {
		.single .main-header {margin-top: 50rem;}
		.article-app {margin-top: 50rem;}
		.app-ttl {
			height: 40rem;
			font-size: 16rem;
		}
		.app-dl {margin-top: 0;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.single .main-header {margin-top: 80rem;}
		.article-app {margin-top: 80rem;}
		.app-ttl {
			height: 60rem;
			font-size: 18rem;
		}
		.app-dl {margin-top: 0;}
		.button.steam {
			width: 250rem;
			height: 47rem;
		}
		.info-dd:has(> div) {
			display: flex;
			align-items: center;
		}
	}
}

/* template-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {
		.contact-dt {
			letter-spacing: .02em;
			white-space: nowrap;
		}
	}

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




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

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