.p-game {
	padding-bottom: 9.5rem;
}

.p-game__name {
	border-bottom: 1px solid var(--color-white);
	color: var(--color-white);
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
	padding: 1.725rem 2.5rem;
	margin-bottom: 2.7rem;
}

.section-game {
	margin-bottom: 6rem;
}

.section-game:last-child {
	margin-bottom: 0;
}

.nopost-white {
	color: #fff;
}

.card-game__item:not(:last-child) {
	margin-bottom: 6.2rem;
}

.card-game__info {
	display: flex;
	gap: 2.4rem;
	align-items: center;
}

.card-game__info-pos {
	color: var(--color-white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 2.1rem;
	letter-spacing: 0.05em;
	width: 12rem;
	height: 5.2rem;
}

.card-game__info-pos.--host {
	background-color: #3FA9F5;
}

.card-game__info-pos.--visitor {
	background-color: #E27501;
}

.card-game__info-std {
	color: var(--color-black);
	font-size: 2.1rem;
	line-height: 1.8666666667;
	letter-spacing: 0.05em;
}

.card-game__time {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-direction: row;
}

.card-game__time-sec {
	font-weight: bold;
	font-size: 3.1rem;
	line-height: 1;
}

.card-game__time-date {
	font-size: 6.7rem;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	line-height: 1;
}

.card-game__time-date span {
	font-size: 3.1rem;
	margin-right: 1rem;
}

.card-game__time-opt {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2857142857;
	display: flex;
	gap: 1.5rem;
	flex-direction: row;
	justify-content: center;
}

.card-game__time-time {
	font-size: 3.9rem;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	line-height: 1;
}

.card-game__time-time span {
	font-size: 3.1rem;
	margin-right: 1.6rem;
}

.card-game__time-time span.sat {
	color: #0068B6;
}

.card-game__time-time span.sun {
	color: #CB2F00;
}

.card-game__team {
	display: flex;
	justify-content: center;
}

.card-game__team.--visitor {
	flex-flow: row-reverse;
}

.card-game__team-item {
	flex: 1;
	text-align: center;
}

.card-game__team-item img {
	aspect-ratio: 1;
	-o-object-fit: contain;
	object-fit: contain;
	width: 16.4rem;
}

.card-game__team-item p {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2;
	margin-top: 1.2rem;
}

.card-game__team-vs {
	align-self: center;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1;
}

.card-game__team-result {
	align-self: center;
	margin-inline: -2rem;
}

.card-game__team-result .stt {
	color: var(--color-white);
	font-size: 2rem;
	font-weight: bold;
	width: 9rem;
	height: 3.9rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 0.5rem;
	text-transform: uppercase;
}

.card-game__team-result .stt--win {
	background-color: #0068B6;
}

.card-game__team-result .stt--draw {
	background-color: #696969;
}

.card-game__team-result .stt--lose {
	background-color: #CB2F00;
}

.card-game__team-result .score {
	font-size: 8rem;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	text-align: center;
}

.card-game__action {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.card-game__action-btn {
	color: var(--color-white);
	font-size: 2.5rem;
	font-weight: bold;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 6rem;
}

.card-game__action-btn[target=_blank]::after {
	content: "";
	background: url("../images/ic_blank.svg") no-repeat center/contain;
	width: 2.137rem;
	aspect-ratio: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 2rem;
}

.card-game__action-btn.--information {
	background-color: #EF8200;
}

.card-game__action-btn.--ticket {
	background-color: #0068B6;
}

.card-game__action-btn.--detail {
	background-color: var(--color-black);
}

@media (min-width: 769px) {

.c-breadcrumb {
	color: var(--color-white);
}

.p-game {
	background: url("../images/game/bg_game.jpg") no-repeat center/cover;
	padding-bottom: 9.5rem;
}

.p-game__name {
	border-left-width: 1.3rem;
	font-size: 3rem;
	padding: 0 0 1rem 2rem;
	margin-bottom: 3.2rem;
}

.p-game__name::before {
	content: "";
	background-color: var(--color-white);
	position: absolute;
	width: 1.3rem;
	height: 2.9rem;
	top: 0.9rem;
	left: 0;
}

.card-game__time-opt {
	font-size: 1.4rem;
	gap: 0;
	flex-direction: column;
	margin-top: 2.2rem;
	margin-left: 1rem;
}

}

@media (min-width: 1121px) {

.card-game__item:not(:last-child) {
	margin-bottom: 3.6rem;
}

.card-game__body {
	display: flex;
	gap: 1.2rem;
}

.card-game__time,
.card-game__action {
	background-color: #EAEAEA;
	width: 24rem;
	flex-shrink: 0;
}

.card-game__time,
.card-game__action {
	width: 27.1rem;
}

.card-game__info {
	gap: 1.6rem;
}

.card-game__info-pos {
	font-size: 1.5rem;
	width: 8.5rem;
	height: 3.7rem;
}

.card-game__info-std {
	color: var(--color-white);
	font-size: 1.5rem;
}

.card-game__time {
	flex-direction: column;
	align-items: center;
	padding: 2rem 1rem 2.5rem;
}

.card-game__time-sec {
	font-size: 2.5rem;
}

.card-game__time-flex {
	display: flex;
	align-items: center;
}

.card-game__time-date {
	font-size: 4.7rem;
	margin-top: 2rem;
}

.card-game__time-date span {
	font-size: 2.3rem;
	margin-right: 1rem;
}

.card-game__time-time {
	font-size: 2.9rem;
	margin-top: 1rem;
	text-align: right;
}

.card-game__time-time span {
	font-size: 2.3rem;
	margin-right: 1rem;
}

.card-game__team {
	justify-content: space-between;
	padding: 3rem 0.4rem 2.6rem 2rem;
	background-color: #EAEAEA;
	flex: 1;
}

.card-game__team-item img {
	width: 9.5rem;
}

.card-game__team-item p {
	font-size: 1.4rem;
	margin-top: 1.2rem;
}

.card-game__team-vs {
	font-size: 4rem;
}

.card-game__team-result .stt {
	font-size: 1rem;
	width: 6rem;
	height: 2.6rem;
}

.card-game__team-result .score {
	font-size: 5rem;
}

.card-game__action {
	align-items: center;
	justify-content: center;
	gap: 1.2rem;
}

.card-game__action-btn {
	font-size: 1.4rem;
	max-width: 15.2rem;
	height: 4.1rem;
}

.card-game__action-btn[target=_blank]::after {
	width: 1.097rem;
	right: 1rem;
}

}

@media (max-width: 1120px) {

.card-game__item {
	background-color: #F2F2F2;
}

.card-game__time {
	margin-top: 3.8rem;
}

.card-game__time-sec {
	position: relative;
	margin-right: 1.2rem;
	padding-right: 1.2rem;
}

.card-game__time-sec::after {
	content: "";
	background-color: #707070;
	width: 1px;
	height: 6.216rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.card-game__time-time {
	margin-left: 1rem;
}

.card-game__team {
	gap: 4.4rem;
	margin-top: 3.8rem;
	padding-bottom: 3rem;
}

.card-game__action {
	background-color: var(--color-white);
	padding-top: 0.8rem;
}

}

@media (max-width: 768px) {

.p-game__name {
	background-color: #0055B8;
}

.p-game__btn {
	color: var(--color-white);
	background: #00286A;
	background: linear-gradient(0deg, rgb(0, 40, 106) 0%, rgb(0, 70, 185) 100%);
}

}