@charset "utf-8";

/* ---------------------
全体
---------------------- */
.contents__inr {
	width: auto;
}
.breadcrumb-wrap {
	margin: -20px 0 10px 0;
}

/* ---------------------
看板画像
---------------------- */
#campaign .twoweeks_header_wrap {
	background: url(../img/title_left_210210.png) no-repeat left top/100px auto, url(../img/title_right_210210.png) no-repeat right bottom/100px auto, #ffcf04;
	padding: 10px 0 40px;
}
#campaign .twoweeks_header_inr {
	position: relative;
	text-align: center;
}
#campaign .twoweeks_header_inr .twoweeks_header_text {
	color: #333;
	font-size: 13px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 25px;
}

/* ---------------------
上部ナビ
---------------------- */
#campaign .twoweeks_inr {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding: 30px 0;
}
#campaign .campaign01,
#campaign .campaign02,
#campaign .campaign03 {
	width: calc(900px / 3);
	text-align: center;
	border-radius: 4px;
	margin-right: 20px;
	height: 115px;
	position: relative;
}
#campaign .campaign01 {
	background: url(../img/navi_no1_210210.png) no-repeat 0% 100%/110px, #fff5cb;
}
#campaign .campaign02 {
	background: url(../img/navi_no2_210210.png) no-repeat 0% 100%/110px, #fff5cb;
}
#campaign .campaign03 {
	background: url(../img/navi_no3_210210.png) no-repeat 0% 100%/110px, #fff5cb;
	margin-right: 0;
}
#campaign .campaign01 a,
#campaign .campaign02 a {
	display: block;
	padding: 29px 0 0;
	font-size: 15px;
	text-decoration: none;
}
#campaign .campaign03 a {
	display: block;
	padding: 21px 0 0;
	font-size: 14px;
	text-decoration: none;
}
#campaign .twoweeks_title {
	display: block;
	font-size: 19px;
	line-height: 1.3;
	font-weight: bold;
}
#campaign .twoweeks_arrow {
	width: 10px;
	height: 10px;
	margin: 0 auto;
	border: 2px solid;
	transform: rotate(45deg);
	position: absolute;
	left: 50%;
	bottom: 11%;
	border-color: transparent #ffcf00 #ffcf00 transparent;
}

/* ---------------------
大項目
---------------------- */
#campaign .twoweeks_title_obi {
	background: url(../img/title_decoration_210210.png) no-repeat right top/400px auto, #ffcf00;
	margin-bottom: 20px;
}
#campaign #pointbackbrand .twoweeks_titletext {
	padding: 50px 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	background: url(../img/title_no1_210210.png) no-repeat 50% 50%/80px auto;
}
#campaign #pointbackitem .twoweeks_titletext {
	padding: 50px 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	background: url(../img/title_no2_210210.png) no-repeat 50% 50%/80px auto;
}
#campaign #specialoffer .twoweeks_titletext {
	padding: 50px 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	background: url(../img/title_no3_210210.png) no-repeat 50% 50%/80px auto;
}

/* ---------------------
共通
---------------------- */
/* コンテンツタイトル部分 */
#campaign .twoweeks_sentence_area {
	margin: 0 0 20px;
	text-align: center;
}
#campaign .twoweeks_reed_text {
	font-size: 13px;
	line-height: 1.7;
}
#campaign .twoweeks_sub_text {
	display: block;
	font-size: 10px;
}

/* ---------------------
01.ポイントバックブランド
---------------------- */
#campaign .twoweeks_content_inner {
	text-align: center;
}
/* カテゴリ名称 */
#campaign .twoweeks_catename {
	color: #f4b200;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
#campaign .twoweeks_catename::before {
	content: "";
	display: inline-block;
	margin-right: 7px;
	width: 12px;
	height: 12px;
	border-radius: 7px;
	background-color: #f4b200;
}
#campaign .twoweeks_catename::after {
	content: "";
	display: inline-block;
	margin-left: 7px;
	width: 12px;
	height: 12px;
	border-radius: 7px;
	background-color: #f4b200;
}
#campaign .content_wrap .twoweeks_brand_listbox {
	display: inline-flex;
	flex-wrap: wrap;
	width: 830px;
}
/* ブランド一覧 */
#campaign .twoweeks_brand_listbox .twoweeks_brand_list {
	width: 150px;
	margin: 0 15px 20px 0;
}
#campaign .twoweeks_brand_listbox .twoweeks_brand_list:nth-last-child(5n) {
	width: 150px;
	margin: 0 15px 20px 0;
}
#campaign .twoweeks_brand_listbox .twoweeks_brand_list img {
	width: 100%;
	border: 1px solid #ffcf00;
}

/* ---------------------
02.ポイントバックアイテム
---------------------- */
#campaign .twoweeks_item_list {
	display: flex;
	flex-wrap: wrap;
	width: 980px;
	margin: 0 auto 30px;
	text-align: left;
}
#campaign .twoweeks_item_listitem {
	width: 163px;
	box-sizing: border-box;
	border-right: solid 1px #ffcf00;
	border-bottom: solid 1px #ffcf00;
}
#campaign .twoweeks_item_listitem:nth-child(1),
#campaign .twoweeks_item_listitem:nth-child(2),
#campaign .twoweeks_item_listitem:nth-child(3),
#campaign .twoweeks_item_listitem:nth-child(4),
#campaign .twoweeks_item_listitem:nth-child(5),
#campaign .twoweeks_item_listitem:nth-child(6) {
	border-top: solid 1px #ffcf00;
}
#campaign .twoweeks_item_listitem:nth-child(1),
#campaign .twoweeks_item_listitem:nth-child(6n+1) {
	border-left: solid 1px #ffcf00;
}
#campaign .twoweeks_item_listitem a {
	display: inline-block;
	height: 100%;
	padding: 10px 9px 12px;
	box-sizing: border-box;
	background: #fff;
	font-size: 13px;
	text-decoration: none;
}
#campaign .twoweeks_item_list img {
	width: 100%;
	margin-bottom: 10px;
}
#campaign .twoweeks_brand_name {
	margin-bottom: 8px;
	color: #F48D00;
}
#campaign .twoweeks_item_name {
	margin-bottom: 8px;
}
#campaign .twoweeks_price {
	margin-bottom: 8px;
}
#campaign .twoweeks_price span {
	font-size: 10px;
}
#campaign .star.product-rating__reviewer {
	margin-top: 5px;
}
/* カテゴリ部分 */
#campaign .twoweeks_cate {
	background: #fff5cb;
	padding: 30px 0;
	margin-bottom: 50px;
}
#campaign .toweek_catetitle {
	font-size: 16px;
	margin-bottom: 10px;
}
#campaign .twoweeks_categroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#campaign .toweek_catenavi {
	color: #333;
	background-color: #ffcf00;
	margin-right: 14px;
	border-radius: 4px;
}
#campaign .toweek_catenavi a {
	text-decoration: none;
	box-sizing: border-box;
	padding: 10px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 63px;
	font-size: 14px;
	width: 200px;
}
#campaign .toweek_catenavi:last-child {
	margin-right: 0;
}
/* ---------------------
03.購入特典
---------------------- */
#campaign .twoweeks_benefits_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#campaign .twoweeks_benefits_list a {
	display: inline-block;
	text-decoration: none;
}
#campaign .twoweeks_benefits_list_item {
	position: relative;
	width: calc((100% - 100px) / 4);
	margin-bottom: 40px;
	padding-bottom: 50px;
	margin-left: 25px;
}
#campaign .twoweeks_benefits_list_item:first-child {
	margin-left: 0;
}
#campaign .twoweeks_benefits_list img {
	width: 100%;
	margin-bottom: 15px;
}
#campaign .twoweeks_brand_name_sample {
	margin-bottom: 3px;
	color: #F48D00;
}
#campaign .twoweeks_item_detail {
	margin-bottom: 3px;
	font-weight: bold;
}
#campaign .brand_link {
	display: inline-block;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 11px 0;
	border-radius: 4px;
	color: #333;
	line-height: 1;
	text-align: center;
	right: 0;
	background: #ffcf00;
}
#campaign .twoweeks_benefits_end img,
#campaign .twoweeks_benefits_end .twoweeks_item_detail,
#campaign .twoweeks_benefits_end .desc,
#campaign .twoweeks_benefits_end .twoweeks_brand_name_sample {
	opacity: .5;
}
#campaign .twoweeks_benefits_end a {
	pointer-events: none;
}
#campaign .twoweeks_benefits_end .brand_link {
	background: #d1d1d1;
}

/* ---------------------
その他キャンペーン
---------------------- */
#campaign .twoweeks_content_text {
	font-size: 20px;
}
#campaign .twoweeks_other_campaign {
	border-top: solid 5px #ffcf00;
	padding-top: 50px;
}
#campaign .twoweeks_bannerarea {
	width: 980px;
	margin: 0 auto;
}
#campaign .twoweeks_bannerarea a {
	text-decoration: none;
}
#campaign .twoweeks_banner_group {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
#campaign .twoweeks_banner_list {
	width: 22%;
	margin-right: 4%;
	margin-bottom: 20px;
}
#campaign .twoweeks_banner_list:nth-child(4n) {
	margin-right: 0;
}
#campaign .twoweeks_banner_list img {
	width: calc(100% - 2px);
	border: 1px solid #ccc;
}
#campaign .twoweeks_caption {
	font-size: 0.9em;
	margin-top: 0.3em;
	text-align: left;
}
#campaign .twoweeks_largebanner_list {
	width: 720px;
	margin: 0 auto 20px;
}
/* ---------------------
終了対応
---------------------- */
#campaign .twoweeks_close {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}
#campaign .twoweeks_closetext {
	padding: 30px;
	font-size: 18px;
}
#campaign .twoweeks_closebtn {
	display: inline-block;
	width: 560px;
	margin-bottom: 0;
	padding: 22px 0 20px;
	border-radius: 4px;
	background: #ffcf00;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}