#wrap #contents {
	padding: 0 0px !important;
}
ol,
ul {
	list-style: none;
	padding: 0;
}
.maindesign p {
	line-height: 1.2em;
}
.mgb10 {
	margin-bottom: 10px;
}
.mgb20 {
	margin-bottom: 20px;
}
.mgb30 {
	margin-bottom: 30px;
}
.mgb50 {
	margin-bottom: 50px;
}
.mgtb30 {
	margin: 30px 0;
}
.mgt60 {
	margin-top: 60px;
}
.mgt0 {
	margin-top: 0 !important;
}
.pdt {
	padding-top: 30px;
}
.pdbg {
	padding: 1px 25px 30px;
}
@media screen and (max-width: 767px) {
	.pdbg {
		padding: 1px 10px 30px;
	}
}
.tac {
	text-align: center;
}
.fwb {
	font-weight: bold;
}
.fs08 {
	font-size: 0.8em !important;
}
.bgc-wh {
	background-color: #fff;
}
.notes {
	color: #f00;
	margin-block-start: 10px;
}
@media screen and (max-width: 767px) {
	.notes {
		font-size: 0.9rem;
	}
}
/*#container-all {
	width:1200px;
	margin:0 auto;
}*/
@media screen and (min-width: 768px) {
	.sp-only {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.fs10vwsp {
		font-size: 10vw !important;
	}
	.fs08sp {
		font-size: 0.8em !important;
	}
	#container-all,
	.container-all {
		width: 100%;
	}
	.maindesign .fslarge {
		font-size: 1.2em;
	}
	.pc-only {
		display: none !important;
	}
}
#container-all a {
	text-decoration: none;
}
.conlink .rea {
	/*max-width: calc(33.33% - 7px);
    margin: 1em 0;*/
}
.maindesign {
	font-family: 'Noto Sans JP', 'ＭＳ Ｐゴシック', 'MS PGothic', verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, Sans-Serif;
}
.maindesign h1 img {
	width: 100%;
}

/*.maindesign h1 span{
	color: #fff;
    text-shadow: 1px 1px 2px rgb(10 10 10 / 70%);
    text-align: left;
    font-weight: bold;
    font-size: 80px;
    margin-left: 0;
    padding-top: 0;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 60px;
}*/
.maindesign h1 span .s_title {
	font-size: 0.8em;
}
@media screen and (max-width: 767px) {
	.maindesign h1 span {
		font-size: 7vw;
		left: 3vw;
	}
}

.rea {
	background: #fff;
	display: table;
	width: 100%;
	border: solid 1px #000;
	color: #333;
	font-weight: 700;
	border-radius: 20px;
	overflow: hidden;
}
.rea:hover {
	background: #f4dfe6;
	text-decoration: none;
	color: gray;
}
.rlmg {
	display: table-cell;
	width: 100px;
	/*height: 100px;*/
	vertical-align: middle;
}
.rlmg img {
	width: 100%;
}
.rep {
	display: table-cell;
	vertical-align: middle;
	padding: 0 1em;
	width: calc(100% - 100px);
	border-left: #e5e5e5 solid 2px;
}
.listHead34 {
	font-size: 1.2em;
	font-family: 'Noto Sans JP', 'ＭＳ Ｐゴシック', 'MS PGothic', verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	color: rgb(51, 51, 51);
	font-weight: bold;
	margin: 30px 0 10px;
	font-feature-settings: 'palt' 1;
}
.tabletri {
	width: 100%;
	margin-bottom: 18px;
	background-color: #fff;
	border-collapse: collapse;
	font-size: 1em;
	text-align: left;
	line-height: 1.4;
	margin-top: 8px;
}
.tabletri td {
	padding: 10px;
}
.tabletri td .listHead34 {
	margin: 0 0 10px 0;
}
@media screen and (max-width: 767px) {
	.tabletri th .listHead34 {
		margin: 0;
	}
}

#deadline {
	margin-bottom: 40px;
	margin-top: 30px;
}
#deadline .mother {
	display: block;
	/*height:50px;*/
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	position: relative;
	color: #f08e92;
	font-size: 1.8em;
	font-weight: bold;
	padding: 0.8em 1em;
	border: solid 2px #f08e92;
	background-color: #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-top: 5px;
	margin-bottom: 15px;
}
#deadline .father {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	position: relative;
	color: #1c2787;
	font-size: 1.8em;
	font-weight: bold;
	padding: 0.8em 1em;
	border: solid 2px #1c2787;
	background-color: #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-top: 5px;
	margin-bottom: 15px;
}
#deadline .cont_ac {
	margin-top: 20px;
	background: #f2f2f2;
	line-height: 1.2;
	/*text-align:center;*/
	display: none;
	padding: 1px 20px 20px;
}
@media screen and (max-width: 767px) {
	#deadline .cont_ac {
		padding: 1px 10px 20px;
	}
}

.tbl01 th {
	background-color: #f08e92;
	color: #fff;
	padding: 15px;
	line-height: 1.3;
}
.tbl01 {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0 15px -6px #00000073;
	table-layout: fixed;
}

.tbl01 th,
.tbl01 td {
	padding: 20px 0;
	border: 1px solid #ccc;
}

.tbl01 tr {
	text-align: center;
	padding: 20px 0;
}

@media screen and (max-width: 767px) {
	.tbl01_outer {
		width: 100%;
		overflow-x: scroll;
	}
	.tbl01 {
		width: 500px;
	}
}

.tbl02 th {
	background-color: #6296ca;
	color: #fff;
	padding: 15px;
}
.tbl02 {
	border-collapse: collapse;
	padding: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0 15px -6px #00000073;
}

.tbl02 th,
.tbl02 td {
	padding: 20px 0;
	border: 1px solid #ccc;
}

.tbl02 tr {
	text-align: center;
	padding: 20px 0;
}
.fwb {
	font-weight: bold;
}
.lh15 {
	line-height: 1.5em;
}
.maindesign div.pinkBox {
	_background-color: #ffc5d4;
	background-color: #ffdee7;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow: hidden;
	margin-top: 20px;
	font-size: 14px;
	padding: 4px;
}
.maindesign div.pinkBox span.image {
	display: block;
	float: left;
	width: 100px;
	margin-left: 200px;
}
.maindesign div.pinkBox span.image img {
	width: 100%;
	height: auto;
}
.maindesign div.pinkBox span.rightBox {
	display: block;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
}
.maindesign div.pinkBox span.rightBox span.date {
	display: block;
	font-size: 38px;
	font-weight: bold;
	color: #db163c;
	margin-bottom: 3px;
}
.maindesign div.blueBox {
	_background-color: #ffc5d4;
	background-color: #d8e3fa;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow: hidden;
	margin-top: 10px;
	font-size: 14px;
	padding: 4px;
	margin-bottom: 60px;
}
.maindesign div.blueBox span.image {
	display: block;
	float: left;
	width: 100px;
	margin-left: 120px;
}
.maindesign div.blueBox span.image img {
	width: 100%;
	height: auto;
}
.maindesign div.blueBox span.rightBox {
	display: block;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

.maindesign div.blueBox span.rightBox span.date {
	display: block;
	font-size: 38px;
	font-weight: bold;
	color: #1c2787;
	margin-bottom: 3px;
}

.maindesign span.indent {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}
.maindesign .cols3-2 li {
	width: calc(33.33% - 7px);
	margin-right: calc(21px / 2);
	margin-bottom: 20px;
	position: relative;
}

.maindesign .cols3-2 .text-box {
	padding: 0.5em;
	line-height: 1.6em;
}

.maindesign .cols3-2 .cover-btn {
	position: absolute;
	bottom: 0%;
	width: 100%;
}

.maindesign .cols3-2 li:nth-child(3n) {
	margin-right: 0px;
}

@media screen and (max-width: 767px) {
	.maindesign .links.cols3-2 li {
		width: calc(50% - 5px);
		margin-right: calc(10px / 1);
		margin-bottom: 20px;
	}
	.maindesign .links.cols3-2 li:nth-child(2n) {
		margin-right: 0px;
	}
	.maindesign .cols3-2 li:nth-child(3n) {
		margin-right: calc(10px / 1);
	}
	.maindesign .links.cols3-2 li:nth-child(6n) {
		margin-right: 0px;
	}
	.maindesign .links.cols3-2 .text-box {
		padding: 0.5em;
		line-height: 1.6em;
	}
	#deadline .mother {
		display: block;
		color: #f08e92;
		font-size: 1.1em;
		font-weight: bold;
		padding: 0.8em 1em;
		text-align: center;
		border: solid 2px #f08e92;
		background-color: #fff;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		margin: 5px 0 15px;
		width: 100%;
		box-sizing: border-box;
		height: auto;
	}
	#deadline .father {
		display: block;
		color: #1c2787;
		font-size: 1.1em;
		font-weight: bold;
		padding: 0.8em 1em;
		text-align: center;
		border: solid 2px #1c2787;
		background-color: #fff;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		margin: 5px 0 15px;
		width: 100%;
		box-sizing: border-box;
		height: auto;
	}
	.maindesign div.pinkBox {
		_background-color: #ffc5d4;
		background-color: #ffdee7;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		overflow: hidden;
		margin: 10px 3% 0;
		padding: 2%;
		font-size: 14px;
		width: 94%;
		box-sizing: border-box;
		line-height: 1.2;
	}
	.maindesign div.pinkBox span.image {
		display: block;
		float: left;
		width: 20%;
		margin-left: 0;
	}
	.maindesign div.pinkBox span.rightBox {
		display: block;
		float: left;
		width: 79%;
		margin-left: 1%;
	}
	.maindesign div.pinkBox span.rightBox span.date {
		display: block;
		font-size: 5vw;
		font-weight: bold;
		color: #1c2787;
		margin-left: 0.5em;
		margin-bottom: 10px;
	}
	.maindesign div.blueBox {
		_background-color: #d8e3fa;
		background-color: #d8e3fa;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		overflow: hidden;
		margin: 10px 3% 0;
		padding: 2%;
		font-size: 14px;
		width: 94%;
		box-sizing: border-box;
		line-height: 1.2;
		margin-bottom: 60px;
	}
	.maindesign div.blueBox span.image {
		display: block;
		float: left;
		width: 20%;
		margin-left: 0;
	}
	.maindesign div.blueBox span.rightBox {
		display: block;
		float: left;
		width: 79%;
		margin-left: 1%;
	}
	.maindesign div.blueBox span.rightBox span.date {
		display: block;
		font-size: 5vw;
		font-weight: bold;
		margin-left: 0.5em;
		margin-bottom: 10px;
	}
	.maindesign span.indent {
		display: block;
		padding-left: 1em;
		text-indent: -1em;
		margin: 0 3%;
		line-height: 1.4;
	}
}

.maindesign .main_botton li {
	width: calc(100% / 6 - 7px);
	margin-right: calc(42px / 5);
}
.maindesign .main_botton .rep {
	display: block;
	vertical-align: middle;
	padding: 0.7em 0.5em;
	width: auto;
	border-left: none;
}
.maindesign .main_botton li:nth-child(3n) {
	margin-right: calc(42px / 5);
}
.maindesign .main_botton li:nth-child(6n) {
	margin-right: 0px;
}
@media screen and (max-width: 767px) {
	.maindesign .main_botton .rep p {
		font-size: 0.8em;
	}
	.maindesign .main_botton li {
		width: calc(50% - 5px);
		margin-right: 10px;
	}
	.maindesign .main_botton li:nth-child(3n) {
		margin-right: 10px;
	}
	.maindesign .main_botton li:nth-child(6n) {
		margin-right: 10px;
	}
	.maindesign .main_botton li:nth-child(2n) {
		margin-right: 0;
	}
}

/*220210*/
.headingmother {
	text-align: center;
	font-size: 3em;
	font-weight: bold;
	margin: 45px 0 30px 0;
}

.headingmother span {
	font-size: 0.5em;
	font-weight: initial;
}
.maindesign .feature-hdg3 {
	/*margin: 40px 0 30px 0;*/
	border-left: 4px solid #f00;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: calc(60px - 0.6rem);
	margin-bottom: calc(40px - 0.75rem);
	text-align: left;
	padding: 0.3rem 1rem;
}
/*h3 {
    border-left: 4px solid #f00;
    font-size: 1.2em;
    font-weight: bold;
    margin: 30px 0 20px 0;
    text-align: left;
    padding: 0.3rem 1rem;
}*/
h4 {
	color: #e66275;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.pink-heading {
	color: #e66275;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.blue-heading {
	color: #6296ca;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.mother_cate img {
	vertical-align: bottom;
}
.mother_cate p {
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mother_cate a {
	height: 100%;
}
.maindesign .mother_cate .text-box {
	background-color: #e66275;
	position: relative;
	padding: 2em !important;
}
.sliderArea {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}
.sliderArea.w300 {
	max-width: 300px;
}
.slick-slide {
	margin: 0 5px;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.slick-prev,
.slick-next {
	z-index: 1;
}
.slick-prev:before,
.slick-next:before {
	color: #000;
}
.slick-slide {
	transition: all ease-in-out 0.3s;
	opacity: 0.2;
}
.slick-active {
	opacity: 1;
}
.slick-current {
	opacity: 1;
}
.thumb {
	margin: 20px 0 20px;
}
.thumb .slick-slide {
	cursor: pointer;
}
.thumb .slick-slide:hover {
	opacity: 0.7;
}
.slick-center span {
	background-color: #ea6d0d;
	color: #fff !important;
}
.bgc_01 {
	background-color: #f7e9e4;
	position: relative;
	margin-top: 20px;
}
.abs-rank {
	position: absolute;
	top: 1%;
	left: 1%;
	color: #fff;
}
.abs-rank p {
	padding: 5px 1em;
}
.bgc-rank1 {
	background: #d0bd8b;
}
.bgc-rank2 {
	background: #b4b4b4;
}
.bgc-rank3 {
	background: #d8a585;
}
@media screen and (min-width: 768px) {
	.feat-art .goods-list-area .item {
		margin: 10px 20px 0 0 !important;
		float: left;
		width: 20%;
		width: calc((100% - 60px) / 4) !important;
		width: -webkit-calc((100% - 60px) / 4) !important;
		width: -moz-calc((100% - 60px) / 4) !important;
		padding: 0 0 10px 0;
		position: relative;
	}
	.feat-art .goods-list-area .item:nth-child(4n) {
		margin-right: 0px !important;
	}
	.feat-art .goods-list-area .item .goods-img {
		text-align: center;
		width: 255px !important;
		height: 200px;
		display: table-cell;
		vertical-align: middle;
	}
}
@media screen and (max-width: 767px) {
	.headingmother {
		margin: 25px 0 20px 0;
	}
	.ranking a {
		display: flex !important;
		align-items: center;
		/*justify-content: space-around;*/
	}
	.ranking a img {
		width: 50% !important;
	}
	.maindesign .ranking .text-box {
		text-align: left !important;
	}
}
.ribbon9 {
	display: inline-block;
	position: relative;
	height: 45px;
	text-align: center;
	box-sizing: border-box;
	margin: 40px 0 30px 0;
}
.ribbon9:before {
	/*左側のリボン端*/
	content: '';
	position: absolute;
	width: 10px;
	bottom: -10px;
	left: -25px;
	/*z-index: -2;*/
	border: 20px solid #eb98a4;
	border-left-color: transparent; /*山形に切り抜き*/
}

.ribbon9:after {
	/*右側のリボン端*/
	content: '';
	position: absolute;
	width: 10px;
	bottom: -10px;
	right: -25px;
	/*z-index: -2;*/
	border: 20px solid #eb98a4;
	border-right-color: transparent; /*山形に切り抜き*/
}

.ribbon9 h3 {
	display: inline-block;
	position: relative;
	/*margin: 0;*/
	line-height: 45px;
	color: #fff;
	background: #e66275; /*真ん中の背景色*/
	font-size: 1.5rem;
	font-weight: bold;
	padding: 0 2rem;
	width: 200px;
	z-index: 1;
}
.ribbon9 h3:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-right: solid 15px #b84f5e; /*左の折り返し部分*/
}
.ribbon9 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-left: solid 15px #b84f5e; /*右の折り返し部分*/
}
.mother-anc {
	border-radius: 0 !important;
	background-color: #e66275;
	color: #fff !important;
}
.maindesign .mother-anc::after {
	border-top: 2px solid #fff !important;
	border-right: 2px solid #fff !important;
}

/*230214*/
.last_con {
	margin-bottom: 90px;
}
.maindesign .main_title {
	margin: 10px auto;
	font-weight: bold;
	font-size: 30px;
}
.maindesign .price {
	font-size: 2em;
	padding: 0 0.2em;
	text-align: right;
	color: #c0302c;
	font-weight: 700;
	font-feature-settings: 'palt' 1;
	margin-bottom: 10px;
}
.maindesign .tax {
	color: #000;
	font-size: 0.6em;
}
.maindesign .yen {
	font-size: 0.5em;
	color: #c0302c;
}

/*230321*/
.maindesign .osusume-contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maindesign .osusume-contents a {
	display: block;
	width: 48%;
	color: #333;
	text-decoration: none;
	background-color: #ccc;
	margin-top: 30px;
}
.maindesign .osusume-contents a:nth-child(-n + 2) {
	margin-top: 0;
}
.maindesign .osusume-contents a img {
	display: block;
}
.maindesign .osusume-contents .osusume-contents--text-area {
	padding: 10px;
}
.maindesign .osusume-contents--text-area p {
	line-height: 1.3;
	text-align: justify;
}
.maindesign .osusume-contents--text-area .osusume-contents--text-area__title {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.maindesign .osusume-contents {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.maindesign .osusume-contents a {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		color: #333;
		text-decoration: none;
		background-color: #ccc;
	}
	.maindesign .osusume-contents a:last-child {
		margin-bottom: 0;
	}
	.maindesign .osusume-contents a img {
		display: block;
	}
	.maindesign .osusume-contents .osusume-contents--text-area {
		padding: 10px;
	}
	.maindesign .osusume-contents--text-area p {
		line-height: 1.3;
		text-align: justify;
	}
	.maindesign .osusume-contents--text-area .osusume-contents--text-area__title {
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: 5px;
		text-decoration: underline;
	}
	.maindesign .col2sp {
		display: flex;
		flex-wrap: wrap;
	}
	.maindesign .links li .col2sp img {
		width: 44%;
	}
	.maindesign .col2sp .text-box {
		width: 50%;
		font-size: 0.9em;
	}
	.tbl01 th,
	.tbl01 td {
		padding: 10px 0;
	}
}

.maindesign .limited {
	width: 100%;
	border: 2px solid #e5002d;
	padding: 15px 0;
	margin: 30px 0;
	background-color: #fff;
}
.maindesign .limited--txt {
	color: #e5002d;
	font-weight: bold;
	line-height: 1.5;
	font-size: 1.35rem;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.maindesign .limited--txt {
		font-size: 4.5vw;
	}
}

.maindesign .komeri-btn {
	position: relative;
	background-color: #979797;
	cursor: pointer;
	border-radius: 40px;
	opacity: 1;
}
.maindesign .komeri-btn:hover {
	opacity: 0.75;
	transition: 0.6s;
}
.maindesign .komeri-btn > a {
	text-decoration: none;
	display: inline !important;
}
.maindesign .komeri-btn--inner {
	font-feature-settings: 'palt';
	color: #fff;
	padding: 0.65rem 2rem 0.65rem 1.75rem;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.3;
	font-weight: bold;
}
.maindesign .komeri-btn__orange {
	background-color: #ea6d0d !important;
}
.maindesign .komeri-btn--inner::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 18px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 8px;
	height: 8px;
	transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
	.maindesign .komeri-btn--inner {
		font-size: 0.9rem;
	}
}

.maindesign .w25 {
	width: 25%;
}
.maindesign .w375 {
	width: 37.5%;
}

.maindesign .ranking_col {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

@media screen and (max-width: 767px) {
	.maindesign .ranking_col {
		grid-template-columns: repeat(1, 1fr);
	}
}

.maindesign .ranking_col > li,
.maindesign .ranking_col a {
	display: contents;
}
.maindesign .ranking_card {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	background-color: #fff;
	padding-block-end: 15px;
}
@media screen and (max-width: 767px) {
	.maindesign .ranking_card {
		grid-template-columns: 120px 1fr;
		grid-template-rows: repeat(3, 40px);
		padding-block-end: 0;
	}
}

.maindesign .ranking_card:hover {
	opacity: 0.7;
	transition: 0.6s;
}
.maindesign .ranking_image {
	position: relative;
}
@media screen and (max-width: 767px) {
	.maindesign .ranking_image {
		grid-row: 1 / 4;
		grid-column: 1 / 2;
	}
}
.maindesign .ranking_image__label {
	position: absolute;
	padding: 5px 16px;
	top: 1%;
	left: 1%;
	color: #fff;
	font-weight: bold;
}
.maindesign .ranking_image__label--gold {
	background-color: #d0bd8b;
}
.maindesign .ranking_image__label--silver {
	background-color: #b4b4b4;
}
.maindesign .ranking_image__label--copper {
	background-color: #d8a585;
}
.maindesign .ranking_name {
	font-weight: bold;
	font-size: 1.1rem;
	line-height: 1.3;
}
@media screen and (max-width: 767px) {
	.maindesign .ranking_name {
		font-size: 0.85rem;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1.2;
	}
}
.maindesign .ranking_lead {
	margin-inline: 10px;
	font-size: 0.95rem;
	text-align: left;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.maindesign .ranking_lead {
		grid-row: 2 / 4;
		grid-column: 2 / 3;
		font-size: 0.75rem;
		margin-inline: 5px;
		line-height: 1.35;
	}
}

.scroll-text > span {
	font-size: 0.9rem;
	padding: 5px;
	border: 2px solid #e00012;
	color: #e00012;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
}

.maindesign .ranking_btn {
	position: relative;
	background-color: #ea6d0d;
	cursor: pointer;
	border-radius: 9999px;
	opacity: 1;
	min-height: 3em;
	margin-inline: 10px;
}
@media screen and (max-width: 767px) {
	.maindesign .ranking_btn {
		margin-block: 15px 10px;
		min-height: 2.5em;
		font-size: 0.9rem;
		grid-row: 4 / 5;
		grid-column: 1 / 3;
		width: 100%;
		max-width: 280px;
		margin-inline: auto;
	}
}
.maindesign .ranking_btn > span {
	font-feature-settings: 'palt';
	color: #fff;
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.3;
}
.maindesign .ranking_btn--inner::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 18px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 8px;
	height: 8px;
	transform: translateY(-50%) rotate(45deg);
}