@charset "utf-8";

/** .tab-item-wrap */
#contents .tab-item-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
	border-bottom: 2px solid #e0e0e0;
}
#contents .tab-item-wrap .tab-item {
	width: 50%;
	border-bottom: 4px solid transparent;
	transition: all .3s ease;
	text-align: center;
	cursor: pointer;
}
#contents .tab-item-wrap .tab-item.is-active,
#contents .tab-item-wrap .tab-item:hover {
	border-bottom: 4px solid #002896;
}
#contents .tab-item-wrap .tab-item:nth-child(1) {
	margin-right: 2px;
}
#contents .tab-item-wrap .tab-item:nth-child(2) {
	margin-left: 2px;
}
#contents .tab-item-wrap .tab-item .tab-item-inner {
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: 700;
}

/** .tab-contents */
#contents .tab-contents {
	display: none;
}
#contents .tab-contents.is-active {
	display: block;
	animation: tabChange .3s ease;
}

@keyframes tabChange {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.field-box .field-item .link-wrap {
	margin-top: -16px;
	font-size: 14px;
}
.field-box .button-wrap .login-btn.is-rakuten {
	border: 1px solid #bf0000;
	background-color: #bf0000;
	color: #fff;
}
.field-box .button-wrap .login-btn.is-outline.is-rakuten {
	border: 1px solid #bf0000;
	background-color: #fff;
	color: #bf0000;
}
.field-box .button-wrap .login-btn.is-outline.is-rakuten::after {
	background: url(/contents/nikki/responsive/config/img/icon_chevron_red.svg) no-repeat;
	background-size: cover;
}
.rakuten-login-wrap {
	margin-top: 56px;
}
.rakuten-login-wrap .text {
	margin-bottom: 16px;
	font-size: 14px;
	text-align: center;
}