@charset "UTF-8";

/*-----------------------------------

	reset, common

-----------------------------------*/

#wrapper_fc {
	overflow: hidden;
	padding: 4vw 0;
	font-family: "秀英角ゴシック銀 L", "Shuei KakuGo Gin L";
}
#itemList_fc > li:before,
#itemList_fc .tagline,
#itemList_fc .title,
#itemList_fc .sale_price,
#itemList_fc .price,
#itemList_fc .bold,
#itemList_fc .strike_price {
	font-weight: 600;
	font-family: "秀英角ゴシック銀 B", "Shuei KakuGo Gin B";
}

#wrapper_fc .pc_fc { display: block; }
#wrapper_fc .pc_il_fc { display: inline-block; }
#wrapper_fc .sp_fc { display: none !important; }

#wrapper_fc a:hover { text-decoration: none; }
#wrapper_fc h2 { margin: 0; }
#wrapper_fc ul { padding: 0; margin: 0; }
#wrapper_fc li { list-style: none; }
#wrapper_fc a { display: block; text-decoration: none !important; }
#wrapper_fc a,
#wrapper_fc a img { transition: .3s; }
#wrapper_fc a:hover { opacity: .8; }
#wrapper_fc img { width: 100%; height: auto; }

#wrapper_fc .inner_fc { max-width: 1280px; margin: 0 auto; padding: 0 5%; }

@media (max-width: 1380px) {
	#wrapper_fc .inner_fc { width: 90%; padding: 0; }
}
@media (max-width: 560px) {
	#wrapper_fc .pc_fc,
	#wrapper_fc .pc_il_fc { display: none !important; }
	#wrapper_fc .sp_fc { display: block !important; }
}

/*-----------------------------------

	hero

-----------------------------------*/

#hero_fc { margin: 0 0 5vw; }
#hero_fc .title_fc { margin-bottom: 0; }

@media (max-width: 1380px) {
}
@media (max-width: 560px) {
}

/*-----------------------------------

	contents

-----------------------------------*/

#itemList_fc { display: flex; flex-wrap: wrap; margin-right: -40px !important; }
#itemList_fc > li {
	width: calc(100% / 3 - 40px);
	margin: 0 40px 40px 0;
	position: relative;
	counter-increment: count;
}
#itemList_fc > li:before {
	content: counter(count);
	position: absolute;
	left: -10px;
	top: 5px;
	z-index: 1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	width: 2.5vw;
    height: 2.5vw;
	font-size: min(2.4vw,28px);
}
#itemList_fc > li:nth-child(1):before { background: #C6A51E; }
#itemList_fc > li:nth-child(2):before { background: #969696; }
#itemList_fc > li:nth-child(3):before { background: #93630C; }
#itemList_fc > li:nth-child(n + 4):before { background: #424242; top: -10px; }
#itemList_fc > li:nth-child(n + 11):before { display: none; }

#itemList_fc > li:nth-child(1):after { content: url("../images/crown01.svg"); }
#itemList_fc > li:nth-child(2):after { content: url("../images/crown02.svg"); }
#itemList_fc > li:nth-child(3):after { content: url("../images/crown03.svg"); }
#itemList_fc > li:nth-child(-n+3):after {
	position: absolute;
    width: 2.5vw;
    height: auto;
    top: -1.2vw;
    left: -10px;
}

#itemList_fc figcaption { margin-top: 1vw; text-align: justify; }
#itemList_fc figcaption p {
	display: table;
	margin-top: 5px;
	line-height: 1.3;
	margin-bottom: 0;
}
#itemList_fc figcaption a,
#itemList_fc .lead { font-size: min(1.4vw,14px); line-height: 1.6; letter-spacing: 0.05em; }
#itemList_fc figcaption h6,
#itemList_fc .fca_article-end__body {
	font-size: min(1.6vw,16px);
	margin-bottom: 10px;
	line-height: 1.3;
	text-align: left !important;
}
#itemList_fc .tagline { font-size: min(1.7vw,17px); line-height: 1.5; margin-bottom: 10px; }
#itemList_fc .title { font-size: min(1.6vw,16px); line-height: 1.4; margin: 15px 0 10px; }
#itemList_fc .fca_labels__items { display: flex; flex-wrap: wrap; }
#itemList_fc .fca_labels__item { margin: 0 5px 5px 0; line-height: 1; display: flex; align-items: center; }
#itemList_fc .set_name { font-size: min(1.4vw,14px); display: table-cell; padding-right: 15px; }
#itemList_fc .sale_price,
#itemList_fc .price { font-size: min(1.6vw,16px); }
#itemList_fc .sale_price { color: #c73339; line-height: 1; display: block; }
#itemList_fc .strike_price {
	font-size: min(1.6vw,16px);
	display: inline;
	position: relative;
	color: #999;
	padding: 0 1px 0 0;
	/*
	text-decoration: line-through;
	text-decoration-style: double;
	text-decoration-color: #000;
	*/
}
#itemList_fc .strike_price:before,
#itemList_fc .strike_price:after {
	content: "";
	position: absolute;
	background: #c73339;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
}
#itemList_fc .strike_price:before { margin-top: -1px; }
#itemList_fc .strike_price:after { margin-top: 1px; }

.bnrTtl_fc { font-size: min(3vw,30px); text-align: center; margin-bottom: 2vw !important; }
.bnr_fc { display: flex; flex-wrap: wrap; margin-right: -30px !important; justify-content: center; }
.bnr_fc li { width: calc(100% / 2 - 30px); margin-right: 30px; }

@media (max-width: 1600px) {
	#itemList_fc > li:before { width: 3vw; height: 3vw; }
	#itemList_fc > li:nth-child(-n+3):after { width: 3vw; }
}
@media (max-width: 1300px) {
	#itemList_fc > li:before { width: 4vw; height: 4vw; top: 0; }
	#itemList_fc > li:nth-child(-n+3):after { width: 4vw; top: calc(-1.2vw - 8px); }
}
@media (max-width: 1080px) {
	#itemList_fc { margin-right: -30px !important; }
	#itemList_fc > li { width: calc(100% / 3 - 30px); margin: 0 30px 30px 0; }
}
@media (max-width: 768px) {
	#itemList_fc > li { width: calc(100% / 2 - 30px); }
	#itemList_fc > li:before { width: 6vw; height: 6vw; font-size: min(3.5vw,28px); }
	#itemList_fc > li:nth-child(-n+3):after { width: 6vw; top: -3vw; }
	#itemList_fc figcaption { margin-top: 3vw; }
	#itemList_fc .tagline { font-size: min(2.3vw,18px); }
	#itemList_fc figcaption h6,
	#itemList_fc .fca_article-end__body { font-size: min(1.9vw,16px); }
	#itemList_fc figcaption a,
	#itemList_fc .lead { font-size: min(1.7vw,14px); }
	#itemList_fc .title { font-size: min(1.9vw,16px); }
	#itemList_fc .set_name { font-size: min(1.7vw,14px); }
	#itemList_fc .sale_price,
	#itemList_fc .price { font-size: min(1.9vw,16px); }
	#itemList_fc .strike_price { font-size: min(1.7vw,14px); }
}
@media (max-width: 560px) {
	#contents_fc { padding: 7vw 0; }
	#contents_fc .inner_fc { width: 75%; }
	#itemList_fc { margin: 0 !important; flex-direction: column; }
	#itemList_fc > li { width: 100%; margin: 0 0 8vw 0; }
	#itemList_fc > li:before { width: 8vw; height: 8vw; font-size: min(4.5vw,28px); }
	#itemList_fc > li:nth-child(-n+3):after { width: 8vw; top: -4vw; }
	#itemList_fc .tagline { font-size: min(4vw,18px); }
	#itemList_fc figcaption h6,
	#itemList_fc .fca_article-end__body { font-size: min(3.2vw,16px); }
	#itemList_fc figcaption a,
	#itemList_fc .lead { font-size: min(3vw,14px); }
	#itemList_fc .title { font-size: min(3.6vw,16px); }
	#itemList_fc .set_name { font-size: min(3vw,14px); }
	#itemList_fc .sale_price,
	#itemList_fc .price { font-size: min(3.4vw,16px); }
	#itemList_fc .strike_price { font-size: min(3vw,14px); }
	.bnrTtl_fc { font-size: min(6vw,30px); margin-bottom: 4vw !important; }
	.bnr_fc { flex-direction: column; margin-right: 0 !important; }
	.bnr_fc li { width: 100%; margin: 0 0 20px 0; }
	.bnr_fc li:last-child { margin-bottom: 0; }
}
