@charset "UTF-8";
@font-face {
	font-display: block;
	font-family: "xy-hnm-font";
	src: url("/s/images/icons/hnmDesign/xy-hnm-font.woff") format("woff"), url("/s/images/icons/hnmDesign/xy-hnm-font.ttf") format("truetype");
}
.hnm-ranking *,
.hnm-ranking *::before,
.hnm-ranking *::after {
	box-sizing: border-box;
}
.hnm-ranking .visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
.hnm-ranking__mainVisual {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	justify-content: end;
	margin: 0;
	padding: 0 0 8px;
	width: 100%;
	min-height: calc((212 / 360) * 100vw);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.hnm-ranking__mainVisual.-marriage {
	background-image: url(/s/images/hnmDesign/ring/ranking/img_rankingMv_mr.jpg);
}
.hnm-ranking__mainVisual.-engage {
	background-image: url(/s/images/hnmDesign/ring/ranking/img_rankingMv_er.jpg);
}
.hnm-ranking__mainVisual__caption {
	display: block;
	width: calc((314 / 360) * 100vw);
	margin: 0 auto;
	color: #595959;
	font-size: 8px;
	font-weight: 300;
	line-height: 12px;
}
.hnm-ranking__mainVisual__date {
	width: calc((314 / 360) * 100vw);
	margin: 0 auto;
	padding: 4px 0;
	color: #595959;
	font-size: 8px;
	font-weight: 300;
	line-height: 12px;
}
.hnm-ranking__mainVisual__text {
	display: block;
	width: 100%;
	text-align: right;
	padding: 0 20px;
}
.hnm-ranking__mainVisual__link {
	margin-left: auto;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	color: #595959;
	font-size: 10px;
	font-weight: 300;
	line-height: 15px;
	padding: 4px 0;
	-webkit-tap-highlight-color: transparent;
}
.hnm-ranking__mainVisual__link:active {
	opacity: 0.3;
}
.hnm-ranking__mainVisual__link::after {
	content: "";
}
.hnm-ranking__header {
	width: 100%;
	padding: 20px 20px 8px;
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	text-align: center;
	color: #202020;
}
.hnm-ranking__tabContainer {
	width: 100%;
}
.hnm-ranking__tabList {
	display: flex;
	width: 100%;
	height: 50px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	background: #fff;
	box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.08);
}
.hnm-ranking__tabList__item {
	width: calc((100% - 40px) / 4);
	text-align: center;
	color: #595959;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	position: relative;
	color: #dcdcdc;
}
.hnm-ranking__tabList__item.-current .hnm-ranking__tabList__itemLink:not([href]) {
	color: #ea6077;
	font-weight: 700;
}
.hnm-ranking__tabList__item.-current::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	border-radius: 1px;
	background: #ea6077;
}
.hnm-ranking__tabList__itemLink {
	display: block;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	font-size: 14px;
	line-height: 21px;
}
.hnm-ranking__tabList__itemLink[href] {
	color: #595959;
	-webkit-tap-highlight-color: transparent;
}
.hnm-ranking__tabList__itemLink[href]:active {
	opacity: 0.3;
}
.hnm-ranking__tabList__subMenu {
	display: flex;
	margin: 24px 0 20px;
	overflow-y: auto;
	width: 100vw;
	padding: 0 4px;
	flex-wrap: nowrap;
	align-items: center;
	gap: 1px;
}
.hnm-ranking__tabList__subMenu::-webkit-scrollbar {
	display: none;
}
.hnm-ranking__tabList__subMenuItem {
	white-space: nowrap;
	position: relative;
	color: #dcdcdc;
}
.hnm-ranking__tabList__subMenuItem::before {
	content: "";
	position: absolute;
	display: block;
	bottom: 4px;
	left: -1px;
	width: 1px;
	height: 14px;
	background: #d8d8d8;
}
.hnm-ranking__tabList__subMenuItem:first-child::before {
	display: none;
}
.hnm-ranking__tabList__subMenuItem.-current .hnm-ranking__tabList__subMenuItemLink:not([href]) {
	color: #ea6077;
	font-weight: 700;
}
.hnm-ranking__tabList__subMenuItem.-current.-rank_no01 .hnm-ranking__tabList__subMenuItemLink::before {
	background-image: url(/s/images/hnmDesign/ring/ranking/icon_ranking_no1_active.png);
}
.hnm-ranking__tabList__subMenuItem.-current.-rank_no02 .hnm-ranking__tabList__subMenuItemLink::before {
	background-image: url(/s/images/hnmDesign/ring/ranking/icon_ranking_no2_active.png);
}
.hnm-ranking__tabList__subMenuItem.-current.-rank_no03 .hnm-ranking__tabList__subMenuItemLink::before {
	background-image: url(/s/images/hnmDesign/ring/ranking/icon_ranking_no3_active.png);
}
.hnm-ranking__tabList__subMenuItem.-rank_no01 .hnm-ranking__tabList__subMenuItemLink::before,
.hnm-ranking__tabList__subMenuItem.-rank_no02 .hnm-ranking__tabList__subMenuItemLink::before,
.hnm-ranking__tabList__subMenuItem.-rank_no03 .hnm-ranking__tabList__subMenuItemLink::before {
	content: "";
	margin-right: 6px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	vertical-align: text-top;
}
.hnm-ranking__tabList__subMenuItem.-rank_no01 .hnm-ranking__tabList__subMenuItemLink::before {
	background-image: url(/s/images/hnmDesign/ring/ranking/icon_ranking_no1.png);
}
.hnm-ranking__tabList__subMenuItem.-rank_no02 .hnm-ranking__tabList__subMenuItemLink::before {
	background-image: url(/s/images/hnmDesign/ring/ranking/icon_ranking_no2.png);
}
.hnm-ranking__tabList__subMenuItem.-rank_no03 .hnm-ranking__tabList__subMenuItemLink::before {
	background-image: url(/s/images/hnmDesign/ring/ranking/icon_ranking_no3.png);
}
.hnm-ranking__tabList__subMenuItemLink {
	display: flex;
	align-items: center;
	padding: 0 16px;
	text-align: center;
	font-size: 14px;
	line-height: 21px;
	position: relative;
}
.hnm-ranking__tabList__subMenuItemLink[href] {
	color: #595959;
	-webkit-tap-highlight-color: transparent;
}
.hnm-ranking__tabList__subMenuItemLink[href]:active {
	opacity: 0.3;
}
.hnm-ranking__ringtypeCaption {
	margin: 0 20px 20px 20px;
	display: flex;
	padding: 16px;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 8px;
	background: #f9f5f3;
}
.hnm-ranking__ringtypeCaption__text {
	color: #595959;
	font-size: 12px;
	line-height: 18px;
}
.hnm-ranking__marriageCaption {
	max-width: 430px;
	margin: 0 auto;
	display: block;
	padding: 8px 20px;
	color: #8d8d8d;
	text-align: right;
	font-size: 10px;
	line-height: 15px;
}
.hnm-ranking__contents {
	background: #f8f8f8;
}
.hnm-ranking__contentsBottom {
	padding: 20px 20px 40px;
}
.hnm-ranking__list {
	display: flex;
	max-width: 430px;
	margin: 0 auto;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}
.hnm-ranking__list:empty {
	padding: 20px 0;
}
.hnm-ranking__list.-marriage {
	padding: 0 20px 20px 20px;
}
.hnm-ranking__item {
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	border-radius: 8px;
	background: #fff;
	position: relative;
}
.hnm-ranking__itemImageContents {
	display: flex;
	margin: 0 auto;
	width: 100%;
	aspect-ratio: 358/257;
	gap: 0;
	justify-content: center;
	align-self: stretch;
}
.hnm-ranking__itemImageMain {
	display: flex;
	width: calc((266 / (430 - 72)) * 100%);
	aspect-ratio: 1/1;
	align-items: center;
	border-radius: 6px;
	vertical-align: top;
	overflow: hidden;
	position: relative;
}
.hnm-ranking__itemImageMain::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.hnm-ranking__itemImageMain::after {
	content: "";
	display: block;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-radius: 6px;
	border: 2px solid #ececec;
	position: absolute;
	top: -1px;
	left: -1px;
}
.hnm-ranking__itemImageMain img {
	width: calc(100% + 2px);
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.hnm-ranking__itemImageList {
	display: flex;
	width: calc((83 / (430 - 72)) * 100%);
	margin-left: auto;
	flex-direction: column;
	vertical-align: top;
	gap: 8px;
}
.hnm-ranking__itemImageListItem {
	display: flex;
	flex: 1;
	width: 100%;
	aspect-ratio: 1/1;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	border-radius: 6px;
	vertical-align: top;
	overflow: hidden;
	position: relative;
	-webkit-tap-highlight-color: transparent;
}
.hnm-ranking__itemImageListItem::after {
	content: "";
	display: block;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-radius: 6px;
	border: 2px solid #ececec;
	position: absolute;
	top: -1px;
	left: -1px;
}
.hnm-ranking__itemImageListItem img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.hnm-ranking__itemImageListItem:active {
	opacity: 0.3;
}
.hnm-ranking__itemImageListItem.is-active::after {
	border: 3px solid #f59cae;
	background-color: rgba(255, 255, 255, 0.3);
}
.hnm-ranking__itemImageListItem.-clear {
	border: none;
	pointer-events: none;
}
.hnm-ranking__itemImageListItem.-clear::after {
	border: none;
	pointer-events: none;
}
.hnm-ranking__itemNumber {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 16px 0 0 16px;
	width: 24px;
	height: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 24px;
	background: #ea6077;
}
.hnm-ranking__itemDetail {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
}
.hnm-ranking__itemDetail__clientName {
	margin-right: auto;
	margin-bottom: 8px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	color: #ea6077;
	font-size: 12px;
	line-height: 18px;
	-webkit-tap-highlight-color: transparent;
}
.hnm-ranking__itemDetail__clientName:active {
	opacity: 0.3;
}
.hnm-ranking__itemDetail__clientName::after {
	content: "";
}
.hnm-ranking__itemDetail__clientNameText {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	align-self: stretch;
	overflow: hidden;
	font-weight: 400;
}
.hnm-ranking__itemDetail__shohinName {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 4px;
	align-self: stretch;
	overflow: hidden;
	color: #202020;
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
}
.hnm-ranking__itemDetail__shohinPriceText {
	margin-right: auto;
	color: #595959;
	font-size: 12px;
	line-height: 18px;
}
.hnm-ranking__itemDetail__shohinTagList {
	margin-top: 6px;
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 4px;
	align-self: stretch;
	flex-wrap: wrap;
}
.hnm-ranking__itemDetail__shohinTagList__item {
	display: flex;
	padding: 3px 8px;
	align-items: flex-start;
	gap: 10px;
	border-radius: 100px;
	background: #f8f8f8;
	color: #8d8d8d;
	font-size: 8px;
	line-height: 10px;
}
.hnm-ranking__itemDetail__linkButton {
	background: #f59cae;
}
.hnm-ranking__shohinListLink {
	display: flex;
	width: 216px;
	height: 44px;
	margin: 0 auto;
	padding: 14px 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 22px;
	border: 1px solid #d8d8d8;
	background: #fff;
	color: #8d8d8d;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px;
	-webkit-tap-highlight-color: transparent;
}
.hnm-ranking__shohinListLink:active {
	opacity: 0.3;
}
.hnm-ranking__shohinListLink__title {
	margin-bottom: 12px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 16px;
	color: #202020;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
}
.hnm-ranking__shohinListLink__title::before,
.hnm-ranking__shohinListLink__title::after {
	content: "";
	display: inline-block;
	width: 17px;
	height: 24px;
	background-size: 17px 24px;
	background-repeat: no-repeat;
	margin-top: -1px;
}
.hnm-ranking__shohinListLink__title::before {
	background-image: url(/s/images/hnmDesign/ring/ranking/ringRankingShohinListLink__titleLineLeft.png);
}
.hnm-ranking__shohinListLink__title::after {
	background-image: url(/s/images/hnmDesign/ring/ranking/ringRankingShohinListLink__titleLineRight.png);
}
.hnm-ranking__bottomBannerArea {
	max-width: 430px;
	margin: 0 auto;
	padding: 40px 20px;
}
.hnm-ranking__bottomBannerArea__link {
	display: block;
	width: 100%;
	border-radius: 6px;
	border: 1px solid #ececec;
	-webkit-tap-highlight-color: transparent;
}
.hnm-ranking__bottomBannerArea__link:active {
	opacity: 0.3;
}
.hnm-ranking__bottomBannerArea__banner {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.footer .footerSeoArea {
	margin-top: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid #d4c6b3;
}

.footer .fairlinks {
	margin: 0;
}

.footer .fairlinks > a {
	font-weight: 300;
}

.footer .fairlinks > a.unlink {
	color: #cdcdcd;
	font-weight: 300;
	pointer-events: none;
}

.footer .fairlinks > a.unlink::before {
	color: #333;
}

.footer .fairtitle {
	margin: 0;
}

.footer .fairtitle__toggle {
	padding: 16px 0 0;
}

.footer .fairtitle__toggle.fairtitle__toggle--close {
	padding: 16px 0;
}

.footer .fairtitle__toggle.fairtitle__toggle--open + .fairlinks.fairlinks__toggle {
	padding-bottom: 16px;
}