@charset "UTF-8";

/* モーダル背景 */
.credit_notice_modal-container {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.4;
	background-color: #0e1731;
	z-index: 10001;
}

/* モーダル内部 */
.credit_notice_modal-body {
	display: none;
	border-radius: 15px;
	border: solid 1px #ccc;
	padding: 50px 30px 30px 30px;
	width: 80%;
	max-width: 800px;
	height: 85%;
	overflow-y: scroll;
	color: #2b2b2b !important;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	opacity: 1;
	z-index: 10002;
}

.credit_notice_modal-container.active,
.credit_notice_modal-body.active {
	display: block;
}

/* タイトル */
.credit_notice_text_block .main_title {
	width: 100%;
	text-align: center;
	font-weight: bold;
}

/* 小見出し */
.credit_notice_text_block .item_title {
	font-weight: bold;
	margin-top: 10px;
}

.credit_notice_text_block .red {
	color: red;
	font-weight: bold;
}

/* デビットカードブロック */
.credit_notice_text_block .debit_card_notice_block {
	margin-left: 20px;
}

/* 閉じるボタン */
.credit_notice_modal_button_area {
	text-align: center;
	margin: 30px 0;
}

#close_credit_notice_modal_button {
	width: 80%;
	background-color: #4DA4D9;
	height: 50px;
	color: #fff;
	border: none;
	border-radius: 3px;
	font-weight: bold;
}