@charset "utf-8";

/* WSYS-13608 【フロント】amazonpay復活に伴い支払い方法に追加 20260423 M.Shimizu */
.custhelp_payment img {
	height: auto;
}

.custhelp_payment ._inner {
	width: 100%;
	max-width: 980px;
	margin-inline: auto;
	background: #fff;
}

.custhelp_payment .content_inner {
	padding: 40px 8%;
	background: #fff;
}

.custhelp_payment .description_main_text {
	margin-bottom: 36px;
	font-size: 1.6rem;
	font-weight: bold;
}

.custhelp_payment .description_content {
	margin-bottom: 20px;
}

.custhelp_payment .blue_text {
	margin-bottom: 16px;
	padding: 2px 0 2px 10px;
	border-left: 3px solid #00a0e9;
	color: #008ae1;
	font-size: 1.8rem;
}

/* WSYS-12462 【フロント】支払方法ページのタブ分け依頼 20250821 M.Shimizu */
.custhelp_payment .module-top_border_title {
	margin-inline: 6%;
	padding: 20px 2% 30px;
}

.credit_receipt .content_inner,
.np_receipt .content_inner,
.amazon_receipt .content_inner,
.invoice_receipt .content_inner {
	padding-top: 0;
}

.module-main_title.theme-payment .-inner {
	width: 100%;
	max-width: 980px;
	background-image: url(../../images/contents/custhelp/before/payment/title_bg_custhelp_payment.webp);
	background-size: 580px auto;
}

.custhelp_payment .module-main_title.theme-mg {
	margin-bottom: 0;
}

.custhelp_payment .payment_menu_text ._inner {
	padding-top: 36px;
	background: transparent;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}

.custhelp_payment .payment_menu_text p {
	display: inline-block;
	text-align: left;
}

.custhelp_payment .payment_menu_area ._inner {
	padding-top: 30px;
	background: transparent;
}

.payment_content {
	margin-bottom: 40px;
}

.payment_title {
	width: 100%;
	max-width: 980px;
	margin-inline: auto;
	scroll-margin-top: 134px;
}

/* クレジットカード */
.payment_credit_area .useable_card {
	width: 40%;
	margin-bottom: 20px;
	padding-left: 28px;
}

.payment_credit_area .ana_wrapper {
	padding: 24px;
	background: #e0f2fe;
	font-size: 1.3rem;
}

.payment_credit_area .ana_card_content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.payment_credit_area .ana_card_content img {
	width: 24%;
	object-fit: contain;
}

.payment_credit_area .ana_card_content_item {
	width: 70%;
}

.payment_credit_area .ana_card_content_item h4 {
	padding-bottom: 10px;
	color: #008ae1;
	font-size: 1.6rem;
}

.custhelp_payment .description_normal_text {
	margin-bottom: 16px;
	font-size: 1.5rem;
}

.custhelp_payment .description_normal_text span {
	color: #e30000;
}

.custhelp_payment .module-base_btn_area {
	margin: 40px 0 56px;
	text-align: center;
}

.custhelp_payment .description_normal_text span.blue {
	color: #008ae1;
}

.credit_receipt .flow_content,
.amazon_receipt .flow_content {
	padding: 40px;
	border: solid 3px #008ae1;
	border-radius: 10px;
}

.credit_receipt .flow_content:not(:last-child),
.amazon_receipt .flow_content:not(:last-child) {
	margin-bottom: 40px;
}

/* NP後払い */
/* WSYS-12955 【フロント】NP後払いの注意テキストを変更 20251106 M.Shimizu */
.np_description .np_banner {
	margin: 30px 0;
	text-align: center;
}

.np_description h3.module-sideline_title {
	margin-bottom: 16px;
	padding: 2px 0 2px 10px;
	border-left: 3px solid #00a0e9;
	color: #008ae1;
	font-size: 1.8rem;
}

.np_receipt .receipt_image {
	width: 60%;
	margin-inline: auto;
}

/* Amazon Pay */
.amazonpay_description .amazonpay_banner {
	width: 460px;
	margin: 30px auto 0;
	text-align: center;
}

.payment_amazon_pay_area .amazon_note {
	margin: 0 6% 36px;
	padding: 24px;
	border: solid 2px #e30000;
	font-size: 1.4rem;
	font-weight: 700;
}

.payment_amazon_pay_area .amazon_note .-title {
	font-size: 1.6rem;
}

/* 銀行振込 */
.invoice_description img.forbiz {
	margin-bottom: 10px;
}

.custhelp_payment ._apply {
	margin: 0 auto;
	padding-bottom: 50px;
}

.custhelp_payment ._apply ._apply_btn {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	padding: 20px;
	cursor: pointer;
	user-select: none;
	transition: all 0.3s ease;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #fff;
	border-radius: 10px;
	border: 2px solid #ff205a;
	background: #ff205a;
	box-shadow: rgba(0, 0, 0, .2) 3px 5px 6px 3px;
	display: flex;
	justify-content: center;
	width: 430px;
	margin: 0 auto;
}

.custhelp_payment ._apply ._apply_btn:hover {
	background: #ffffff;
	color: #ff205a;
	text-decoration: none;
}

.custhelp_payment ._apply ._apply_btn::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 10px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	right: 6%;
	margin-top: -7px;
}

.custhelp_payment ._apply ._apply_btn:hover::before {
    border-color: transparent transparent transparent #ff205a;
}