@charset "utf-8";


/*=================================
	etc
================================ */

.noNavi .netLoginBox01 .titleBox {
	display: flex;
	justify-content: center;
	align-items: center;
}
.noNavi .netLoginBox01 .cardTtl {
	width: 85%;
	display: flex;
	justify-content: center;
	gap: 0 15px;
}
.noNavi .netLoginBox01 .titleBox .cardBox {
	width: 33%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
	padding: 10px 0 10px 85px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.noNavi .netLoginBox01 .titleBox .cardBox.platina {
	border: solid 2px #CDCDCD;
}
.noNavi .netLoginBox01 .titleBox .cardBox.platina::before {
	content: "";
	width: 72px;
	height: 46px;
	background: url(/card/privilege/useful/etc/images/platina_card.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 10px;
	left: 5px;
}
.noNavi .netLoginBox01 .titleBox .cardBox.gold {
	border: solid 2px #ECD39E;
}
.noNavi .netLoginBox01 .titleBox .cardBox.gold::before {
	content: "";
	width: 75px;
	height: 49px;
	background: url(/card/privilege/useful/etc/images/gold_card.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 10px;
	left: 5px;
}
.noNavi .netLoginBox01 .titleBox .cardBox.tcard {
	border: solid 2px #F0BBB8;
}
.noNavi .netLoginBox01 .titleBox .cardBox.tcard::before {
	content: "";
	width: 72px;
	height: 46px;
	background: url(/card/privilege/useful/etc/images/t_card.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 10px;
	left: 5px;
}
@media only screen and (max-width: 767px) {
	.noNavi .netLoginBox01 .titleBox {
		display: block;
	}
	.noNavi .netLoginBox01 .cardTtl {
		width: 100%;
		max-width: 310px;
		display: block;
		margin: 0 auto;
	}
	.noNavi .netLoginBox01 .titleBox .cardBox {
		width: 100%;
		font-size: 16px;
		font-size: 132%;
		padding: 6% 0 6% 29%;
	}
	.noNavi .netLoginBox01 .titleBox .cardBox.platina {
		border: solid 2px #CDCDCD;
		padding: 3% 0 3% 29%;
	}
	.noNavi .netLoginBox01 .titleBox .cardBox.platina::before {
		width: 24%;
		height: 76%;
		top: 50%;
		left: 1.5%;
		transform: translateY(-50%);
	}
	.noNavi .netLoginBox01 .titleBox .cardBox.gold {
		border: solid 2px #ECD39E;
		padding: 3% 0 3% 29%;
	}
	.noNavi .netLoginBox01 .titleBox .cardBox.gold::before {
		width: 24%;
		height: 79%;
		top: 50%;
		left: 1.5%;
		transform: translateY(-50%);
	}
	.noNavi .netLoginBox01 .titleBox .cardBox.tcard {
		border: solid 2px #F0BBB8;
	}
	.noNavi .netLoginBox01 .titleBox .cardBox.tcard::before {
		width: 23%;
		height: 77%;
		top: 50%;
		left: 1.5%;
		transform: translateY(-50%);
	}
}