/* =====================================
  共通（ct-genre 全体）
===================================== */
.block-genre-page--header {
	display: none;
}

.ct-genre {
	margin: 0 auto 2.3rem;
	text-align: center;
	font-size: 1.1em;
}

.ct-genre ul {
	display: flex;
	justify-content: space-between;
	font-size: initial;
	font-weight: 700;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ct-genre h1 {
	margin: 0;
	padding: 0;
	border: none;
}

.ct-genre .pc { display: block; }
.ct-genre .sp { display: none; }


/* =====================================
  切り替えボタン（レディースはこちら）
===================================== */
.other-ct-btn {
	display: flex;
	justify-content: flex-end;
	color: #fff;
}

.other-ct-btn a {
	width: 170px;
	background: #5f94d0;
	border-radius: 5px;
	padding: 5px;
	margin: 0 0 10px;
	text-align: center;
	position: relative;
}

.mens .other-ct-btn a {
	background: #ff4386;
}

.other-ct-btn a::after {
	content: '\EA03';
	font-family: iconfont, sans-serif;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}


/* =====================================
  カテゴリブロック
===================================== */
.ct-genre .category {
    padding: 1.7rem 0 2.7rem;
    background: #fff8d0;
}

.ct-genre .category h2 {
    margin: 0 auto;
    font-size: 1.8rem;
    color: #333;
    display: inline-block;
    position: relative;
    border-bottom: none;
}

.ct-genre .category h2::before,
.ct-genre .category h2::after {
	content: "";
	position: absolute;
	top: 0;
	width: 2.3rem;
	height: 2.3rem;
	background-size: contain;
	background-repeat: no-repeat;
}

.ct-genre .category h2::before {
	left: -3.5rem;
	background-image: url(/lp/wintersale/25/images/genre/h2_left.png);
}

.ct-genre .category h2::after {
	right: -3.5rem;
	background-image: url(/lp/wintersale/25/images/genre/h2_right.png);
}


/* =====================================
  共通ボタン（ct_list ベース）
===================================== */
.ct-genre .ct_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 1rem;
    padding: 1% 1% 0;
    margin-top: 0;
}
.ct-genre .ct_list li {
	border-radius: 5px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

/* メンズ / レディース枠色 */
.mens .ct_list li {
	border: 2px solid #5f94d0;
}
.ct-genre:not(.mens) .ct_list li {
	border: 2px solid #ff4386;
}

.ct-genre .ct_list li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1rem;
	position: relative;
}

.ct-genre .ct_list li a::after {
    content: '\EA03';
    font-family: iconfont, sans-serif;
    position: absolute;
    right: 3px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
}

/* =====================================
  共通ページ 男女ボタン
===================================== */
.ct-genre .common_list {
	width: 100%;
	margin-top: 1.5rem;
}
.ct-genre .common_list li {
	width: 49%;
	border: 2px solid #5f94d0;
	border-radius: 5px;
	background: #fff;
}
.ct-genre .common_list li:last-child {
	border: 2px solid #ff4386;
}
.ct-genre .common_list li a {
	width: 100%;
	display: block;
	padding: 1.2rem;
	position: relative;
}
.ct-genre .common_list li a:after {
	content: '\EA03';
	font-family: iconfont, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none;
	vertical-align: middle;
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -.5em;
}

/* =====================================
  カテゴリボタン
===================================== */
.ct-genre .ct_list.two li {
	width: calc(100% / 2 - 0.5rem);
}

.ct-genre .ct_list.three li {
	width: calc(100% / 3 - 0.5rem);
}

.ct-genre .ct_list.three2 li {
	width: calc(100% / 3 - 0.5rem);
}

.ct-genre .ct_list.four li {
	width: calc(100% / 4 - 0.5rem);
}

.ct-genre .ct_list.five li {
	width: calc(100% / 5 - 0.5rem);
}

/* 高さ固定 */
.ct-genre .category .ct_list li a {
    height: 60px;
    line-height: 1.4;
}
/* =====================================
  再値下げボタン（pricedown_btn 専用）
===================================== */
.ct-genre .pricedown_btn {
	margin-top: 1.2rem;
}

.ct-genre .pricedown_btn .ct_list {
	justify-content: center;
}

.ct-genre .pricedown_btn .ct_list li {
	width: 450px;
	border: 2px solid #c91516;
	color: #c91516;
	font-size: 1.4rem;
}

.ct-genre .pricedown_btn .ct_list li a {
	background: #fef8c4;
}

.ct-genre .pricedown_btn .ct_list li a span {
	position: relative;
	padding-left: 3.5rem;
}

.ct-genre .pricedown_btn .ct_list li a span::before {
	content: "";
	position: absolute;
	left: -2.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	background: url(/lp/wintersale/24/images/icon_sale.png) no-repeat center / contain;
}

/* セール価格表示調整 */
/*.page-Campaign_PriceNormal.cms-Ctrl_ItemPrice_Normal {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	background: #fff36b;
	font-size: 24px;
	font-weight: 600;
	padding: 2% 0;
	position: relative;
}

.page-Campaign_PriceNormal.cms-Ctrl_ItemPrice_Normal::after {
	content: '\EA03';
	font-family: iconfont, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none;
	vertical-align: middle;
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -.5em;
	color:#f40303;
}
.page-Campaign_PriceNormal span[id^="goods_discount_rate_"]:before {
	content: none;
}

.page-Campaign_PriceNormal span[id^="goods_discount_rate_"] {
	font-size: 18px;
	margin: 0 10px;
}*/

/* -----------------------------------------------------------------------
## SP ##################################################
----------------------------------------------------------------------- */
@media screen and (max-width: 767px) {

	/* ---------- 全体 ---------- */
	.ct-genre {
		margin: 0 auto 2.5rem;
	}

	.ct-genre h1 {
		max-width: 100%;
	}

	.ct-genre .pc { display: none; }
	.ct-genre .sp { display: block; }


	/* ---------- 共通リスト ---------- */
	.ct-genre .common_list {
		margin-top: 1.3rem;
		padding: 0 2%;
		font-size: 1.6rem;
	}

	.ct-genre .common_list li a {
		padding: 1rem;
	}


	/* ---------- 切り替えボタン ---------- */
	.other-ct-btn a {
		margin: 5px 10px 10px;
	}


	/* ---------- 見出し ---------- */
	.ct-genre h2 {
		margin: 0;
		width: 100%;
		font-size: 1.8rem;
	}

	.ct-genre .category h2::before,
	.ct-genre .category h2::after,
	.ct-genre .recommend h2::before,
	.ct-genre .recommend h2::after {
		width: 2.4rem;
		height: 2.4rem;
	}

/* 共通設定（必須） */
.ct-genre .category h2 {
  position: relative;
}

/* レディース */
.ct-genre .category h2.ladies::before {
  left: 7.5rem;
}
.ct-genre .category h2.ladies::after {
  right: 7.5rem;
}

/* メンズ */
.ct-genre .category h2.mens::before {
  left: 9rem;
}
.ct-genre .category h2.mens::after {
  right: 9rem;
}

	.ct-genre .recommend h2::before { left: 5.5rem; }
	.ct-genre .recommend h2::after  { right: 5.5rem; }

.ct-genre .category h2::before {
	left: 8.5rem;
	background-image: url(/lp/wintersale/25/images/genre/h2_left.png);
}

.ct-genre .category h2::after {
	right: 8.5rem;
	background-image: url(/lp/wintersale/25/images/genre/h2_right.png);
}

	/* ---------- カテゴリ ---------- */
	.ct-genre .category {
		padding: 4%;
	}


	/* ---------- ct_list 共通 ---------- */
.ct-genre .ct_list {
    padding: 2.5% 0 0;
    font-size: 1.6rem;
}

	.ct-genre .ct_list li,
	.ct-genre .ct_list.two li,
	.ct-genre .ct_list.three li,
	.ct-genre .ct_list.three2 li,
	.ct-genre .ct_list.four li,
	.ct-genre .ct_list.five li {
		width: calc(50% - 0.5rem);
	}

	/* 先頭だけ1カラムにしたいパターン */
	.ct-genre .ct_list.three2 li:first-child,
	.ct-genre .ct_list.five li:first-child {
		width: 100%;
	}

	/* 高さ固定 */
	.ct-genre .category .ct_list li a {
		height: 5.7rem;
	}

	/* 矢印位置調整 */
	.ct-genre .ct_list li a::after,
	.other-ct-btn a::after {
		right: 3px;
	}


	/* PC / SPリンク切り替え */
	.ct-genre .ct_list li a.pc { display: none; }
	.ct-genre .ct_list li a.sp { display: flex; }


	/* ---------- 再値下げボタン（SP専用） ---------- */
	.ct-genre .pricedown_btn {
    margin: auto;
    padding: 1rem 1.5rem;
	}

	.ct-genre .pricedown_btn .ct_list {
		justify-content: center;
	}

	.ct-genre .pricedown_btn .ct_list li {
		width: 100%;
		border: 2px solid #c91516;
		font-size: 1.6rem;
	}

	.ct-genre .pricedown_btn .ct_list li a {
		background: #fef8c4;
	}

	.ct-genre .pricedown_btn .ct_list li a span {
		padding-left: 3.5rem;
		position: relative;
	}

	.ct-genre .pricedown_btn .ct_list li a span::before {
		content: "";
		position: absolute;
		left: -2.5rem;
		top: 50%;
		transform: translateY(-50%);
		width: 40px;
		height: 40px;
		background: url(/lp/wintersale/24/images/icon_sale.png) no-repeat center / contain;
	}


	/* ---------- おすすめ ---------- */
	.ct-genre .recommend {
		padding: 4% 4% 7%;
	}

	.ct-genre .recommend_list {
		display: grid;
		padding: 3% 0 0;
	}


	/* ---------- テキスト ---------- */
	.ct-genre figure figcaption {
		right: 3%;
	}

	.ct-genre dl dt {
		font-size: 1.8rem;
	}

	.ct-genre dl dd {
		font-size: 2.2rem;
	}
}