@charset "UTF-8";
/* ============================================================================

		祝い金説明

============================================================================ */
.g-mainContainer {
	background: url("/assets/img/mens/pc/campaign/monthly/20/main_bg.webp") center 50px no-repeat;
	text-align: center;
}

.l-breadCrumbs {
	text-align: left;
}

.mainVisual {
	background: url("/assets/img/mens/pc/campaign/monthly/20/mainVisual_bg.webp") center bottom no-repeat;
	background-size: cover;
	text-align: center;
	height: 1212px;
}

.mainVisual img {
	padding-top: 40px;
}

.step3 h2 {
	padding-bottom: 50px;
}

.step3 li {
	padding-bottom: 50px;
}

.giftcard {
	padding-bottom: 50px;
}

.f-attention {
	text-align: left;
}

.f-attention .primaryTitle {
	background-color: #8d6d36;
}

.f-attention .primaryTitle::before {
	background: #8d6d36 url("/assets/img/mens/pc/campaign/c1/ico_ttl_attention.webp") 0 0 no-repeat;
	background-size: cover;
}

.f-attention .body {
	overflow: hidden;
	background-color: #fff;
	border: 4px solid #8d6d36;
	border-top: none;
}

.f-attention .text {
	margin: 15px 0 15px 30px;
	line-height: 1.3;
	font-size: 14px;
	color: #333;
}

.f-attention .newLink {
	display: block;
	width: 340px;
	height: 50px;
	margin: 30px auto 0;
	text-align: center;
	border-radius: 6px;
	background-color: #8d6d36;
	line-height: 52px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.f-selectArea {
	margin: 80px auto 150px;
}

.f-selectArea .selectTitle {
	display: inline-block;
	position: relative;
	padding-left: 40px;
	font-size: 34px;
	font-weight: bold;
	line-height: 94px;
	height: 94px;
}

.f-selectArea .selectTitle span {
	background-color: #131e3b;
	color: #fff;
	padding: 0 8px;
}

.f-selectArea .selectTitle:before {
	content: "";
	position: absolute;
	top: 28px;
	left: 0;
	width: 83px;
	height: 83px;
	background: url("/assets/img/mens/pc/campaign/c1/icon_search.webp") 0 0 no-repeat;
	background-size: 36px;
}

.f-selectArea .body {
	margin-top: 40px;
}

.f-selectArea .areaWrap {
	position: relative;
	width: 900px;
	height: 648px;
	margin: auto;
	background: url("/assets/img/mens/pc/index/bg_mens_map.webp") center 0 no-repeat;
}

.f-selectArea .area {
	position: absolute;
	width: 165px;
}

.f-selectArea .area:hover .pin {
	-webkit-animation: fluffy 2s ease infinite;
	animation: fluffy 2s ease infinite;
}

.f-selectArea .bigArea {
	border-bottom: dotted 1px #ccc;
	font-size: 14px;
	text-align: center;
	margin-bottom: 13px;
}

.f-selectArea .bigArea .pin {
	width: 17px;
	height: 20px;
	vertical-align: -15px;
	margin: 0 10px 10px 0;
	fill: #444 !important;
}

.f-selectArea .midArea {
	font-size: 0;
	padding-left: 10px;
}

.f-selectArea .midArea .item {
	display: inline-block;
	border-radius: 3px;
	width: 70px;
	color: #fff;
	background: #131e3b;
	font-size: 12px;
	text-align: center;
	margin-bottom: 7px;
}

.f-selectArea .midArea .item:nth-child(odd) {
	margin-right: 7px;
}

.f-selectArea .midArea .item.is-disabled {
	background-color: #e3e3e3;
	color: #b2b2b2;
}

.f-selectArea .midArea .item.is-disabled:hover {
	opacity: 1;
	cursor: default;
}

.f-selectArea .midArea .item a {
	display: block;
	height: 23px;
	line-height: 24px;
	letter-spacing: 0.5em;
	padding-left: 0.5em;
}

.f-selectArea .midArea .item .ls25 {
	letter-spacing: 0.25em;
	padding-left: 0.25em;
}

.f-selectArea .hokkaido-tohoku {
	top: -33px;
	right: 3px;
}

.f-selectArea .kitakanto {
	top: 163px;
	right: 65px;
}

.f-selectArea .kanto {
	top: 285px;
	right: 105px;
}

.f-selectArea .hokuriku {
	top: -10px;
	left: 328px;
}

.f-selectArea .tokai {
	bottom: 142px;
	right: 132px;
}

.f-selectArea .kansai {
	bottom: 58px;
	left: 410px;
}

.f-selectArea .chugoku {
	top: 152px;
	left: 260px;
}

.f-selectArea .kyusyu {
	bottom: 262px;
	left: 80px;
}

.f-selectArea .item.disabled {
	background: #cdcdcd;
}

@-webkit-keyframes fluffy {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	5% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	10% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	25% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	30% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fluffy {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	5% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	10% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	25% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	30% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}