@charset "UTF-8";
/* ------------------------
  Foundation
------------------------ */
@font-face {
	font-family: "Gilroy";

	src: url("/common/fonts/Gilroy-ExtraBold.otf") format("opentype"), url("/common/fonts/Gilroy-ExtraBold.woff") format("woff"), url("/common/fonts/Gilroy-ExtraBold.woff2") format("woff2");
}

/*
	レイアウト用パーツ
==========================*/
.content {
	position: relative;
	position: relative;
	padding: 30px 0 90px;
	background: #ffe2e6 url(/common/img/bg_renga_sp.jpg) repeat-y center top/100% auto;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content {
		background-image: url(/common/img/bg_renga_tb.jpg);
	}
}
@media screen and (min-width: 1001px), print {
	.content {
		background: #ffe2e6 url(/common/img/bg_renga_pc.jpg) repeat-y center top;
	}
}
@media screen and (min-width: 1001px), print {
	.category-top .content {
		padding-top: 108px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.category-top .content {
		padding-top: 90px;
	}
}
@media screen and (max-width: 767px) {
	.category-top .content {
		padding-top: 61px;
	}
}
.content:before {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 0;
	top: 147px;
	right: 0;
	background: url(/common/img/bg_grass_top.png) no-repeat left top/100% auto;
}
@media screen and (max-width: 767px) {
	.content:before {
		width: 60px;
		height: 65px;
		top: 89px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content:before {
		top: 132px;
	}
}
@media screen and (min-width: 768px), print {
	.content:before {
		width: 90px;
		height: 97.5px;
	}
}
.c-ranking {
	position: relative;
}
.c-ranking:after {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	background: url(/common/img/bg_grass_bottom.png) no-repeat left bottom/100% auto;
}
@media screen and (max-width: 767px) {
	.c-ranking:after {
		width: 65px;
		height: 65px;
	}
}
@media screen and (min-width: 768px), print {
	.c-ranking:after {
		width: 112.5px;
		height: 112.5px;
	}
}
@media screen and (min-width: 1001px), print {
	.content {
		padding: 60px 0 76px;
	}
}
.content .c-parts_caption {
	margin-bottom: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content .c-parts_caption {
		margin-bottom: 64.5px;
	}
}
@media screen and (min-width: 1001px), print {
	.content .c-parts_caption {
		font-size: 60px;
	}
}
.content .content_section {
	position: relative;
	z-index: 0;
	margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content .content_section {
		margin-bottom: 30px;
	}
}
@media screen and (min-width: 1001px), print {
	.content .content_section {
		margin: 0 auto;
		padding: 0;
		width: 914px;
	}
}
.content .content_section:last-child {
	margin-bottom: 0;
}
.content .c-cont_section_cap {
	padding-left: 29px;
	font-size: 27.2px;
	font-size: 1.7rem;
	line-height: 1.4;
}
@media screen and (min-width: 1001px), print {
	.content .c-cont_section_cap {
		font-size: 2.4rem;
	}
}
.content .content_cap {
	margin: 0 20px 20px;
	padding-left: 25px;
	background: url(/common/img/icon_cap.svg) no-repeat left center/20px auto;
	letter-spacing: 0.05em;
	font-size: 36.8px;
	font-size: 2.3rem;
	line-height: 1.4;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content .content_cap {
		margin: 0 35px 25px;
		padding-left: 35px;
		background-size: 25px auto;
	}
}
@media screen and (min-width: 1001px), print {
	.content .content_cap {
		margin: 0 0 25px;
		font-size: 2.8rem;
	}
}
.content .content_lead {
	position: relative;
	z-index: 1000;
	margin-bottom: 32px;
	padding: 26px 20px 30px;
	background: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content .content_lead {
		margin-bottom: 48px;
		padding: 45px 20px 48px;
	}
}
@media screen and (min-width: 1001px), print {
	.content .content_lead {
		box-sizing: border-box;
		margin: 0 auto 58px;
		padding: 30px 60px 26px;
		width: 914px;
		background: linear-gradient(135deg, transparent 10px, #fff 10px), linear-gradient(315deg, transparent 10px, #fff 10px);
		background-repeat: no-repeat;
		background-position: top, bottom;
		background-size: 100% 53%;
	}
}
.content .content_lead_txt {
	margin-bottom: 18px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content .content_lead_txt {
		margin-bottom: 27px;
	}
}
@media screen and (min-width: 1001px), print {
	.content .content_lead_txt {
		margin-bottom: 16px;
	}
}
.content .content_sns {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: right;
	line-height: 1;

	-webkit-justify-content: flex-end;

	    -ms-flex-pack: end;

	        justify-content: flex-end;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.content .content_sns > div,
.content .content_sns > iframe {
	margin: 0 0 0 3px;
}
.content .content_sns ._2tga._49ve {
	margin-left: 3px;
}
.content .fb_iframe_widget {
	vertical-align: bottom;
}
.content .content_thumb_container {
	position: relative;
	z-index: 1000;
	padding: 0 20px;
}
@media screen and (max-width: 767px) {
	.content .content_thumb_container + .content_thumb_container {
		margin-top: 30px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content .content_thumb_container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 0 35px;

		-webkit-justify-content: space-between;

		    -ms-flex-pack: justify;

		        justify-content: space-between;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
}
@media screen and (min-width: 1001px), print {
	.content .content_thumb_container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin: 0 auto;
		padding: 0;
		width: 914px;

		-webkit-justify-content: space-between;

		    -ms-flex-pack: justify;

		        justify-content: space-between;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.content .content_thumb_container:after {
		content: "";
		display: block;
		width: 288px;
	}
}
.content a.content_thumb {
	display: block;
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: linear-gradient(135deg, transparent 10px, #fff 10px), linear-gradient(315deg, transparent 10px, #fff 10px);
	background-repeat: no-repeat;
	background-position: top, bottom;
	background-size: 100% 53%;
	text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content a.content_thumb {
		margin-bottom: 45px;
		padding-bottom: 42px;
		width: 48%;
	}
}
@media screen and (min-width: 1001px), print {
	.content a.content_thumb {
		margin-bottom: 44px;
		width: 288px;

		-webkit-align-items: center;

		    -ms-flex-align: center;

		        align-items: center;
	}
}
@media screen and (max-width: 767px) {
	.content a.content_thumb:last-child {
		margin-bottom: 0;
	}
}
.content a.content_thumb.c-parts_thumb_icon-new:before {
	top: -1.25vw;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content a.content_thumb.c-parts_thumb_icon-new:before {
		top: -0.46875vw;
		right: 82%;
	}
}
@media screen and (min-width: 1001px), print {
	.content a.content_thumb.c-parts_thumb_icon-new:before {
		top: -4px;
		right: 80%;
		padding-top: 16.66667%;
		width: 15.27778%;
		height: 0;
	}
}
.content a.content_thumb .content_thumb_box {
	box-sizing: border-box;
	padding: 16px 20px 0;
	min-height: 130px;
	text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content a.content_thumb .content_thumb_box {
		padding: 24px 45px 0;
		min-height: 195px;
	}
}
@media screen and (min-width: 1001px), print {
	.content a.content_thumb .content_thumb_box {
		width: 290px;
	}
}
.content a.content_thumb .content_thumb_cap {
	margin-bottom: 9px;
	letter-spacing: 0.08em;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.content a.content_thumb .content_thumb_cap {
		margin-bottom: 21px;
		font-size: 27px;
	}
}
.content a.content_thumb .content_thumb_txt {
	letter-spacing: 0.05em;
}
@media screen and (min-width: 1001px), print {
	.content a.content_thumb .content_thumb_txt {
		font-size: 1.4rem;
	}
}