<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@font-face {
	font-family: "xy-hnm-font";
	src: url("../../../images/top/iconsfont/xy-hnm-font.woff") format("woff"), url("../../../images/top/iconsfont/xy-hnm-font.ttf") format("truetype");
}
@keyframes fadeInBlock {
	0% {
	display: none;
	opacity: 0;
	height: 0;
	}
	1% {
	display: block;
	opacity: 0;
	height: 0;
	}
	100% {
	display: block;
	opacity: 1;
	height: 100%;
	}
}
@keyframes fadeOutBlock {
	0% {
	display: block;
	opacity: 1;
	height: 100%;
	}
	99% {
	display: block;
	opacity: 0;
	height: 0;
	}
	100% {
	display: none;
	opacity: 0;
	height: 0;
	}
}
.content.gTopContent {
	color: var(--xy-color-Base, #202020);
	font-family: var(--xy-font-family-ja, "Hiragino Kaku Gothic ProN", sans-serif);
	font-weight: var(--xy-font-weight-normal, 300);
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	overflow-wrap: break-word;
	line-break: strict;
}
.content.gTopContent details &gt; summary {
	cursor: pointer;
	list-style: none;
}
.content.gTopContent details &gt; summary::-webkit-details-marker {
	display: none;
}

.xy-gTop__ringArea {
	padding-bottom: 44px;
}
.xy-gTop__ringArea__subTitle {
	display: block;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: var(--xy-font-size-primary, 14px);
	line-height: 16px;
	font-weight: var(--xy-font-weight-bold, 700);
	color: var(--xy-color-Base-Deep, #595959);
	margin-bottom: 16px;
}
.xy-gTop__ringArea__inner {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow-x: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}
.xy-gTop__ringArea__inner::-webkit-scrollbar {
	/* Chrome, Safari 対応 */
	display: none;
}
.xy-gTop__ringArea__slide {
	width: auto;
	margin: 0 auto 24px;
	padding: 0 20px;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	box-sizing: border-box;
}
.xy-gTop__ringArea__slide::-webkit-scrollbar {
	/* Chrome, Safari 対応 */
	display: none;
}
.xy-gTop__ringArea__item {
	width: calc((156 / 375) * 100vw);
	height: auto;
	overflow: hidden;
	border-radius: 6px;
	margin-left: 12px;
}
.xy-gTop__ringArea__item:first-child {
	margin-left: 0;
}
.xy-gTop__ringArea__itemLink {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}
.xy-gTop__ringArea__itemImage {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}
.xy-gTop__ringArea__itemImage &gt; img {
	width: 100%;
	height: auto;
	background-color: var(--xy-color-Base-Bg, #F8F8F8);
	line-height: 1;
	vertical-align: bottom;
}
.xy-gTop__ringArea__itemImage:active {
	opacity: 0.3;
}
.xy-gTop__ringArea__itemCaption {
	width: 100%;
	box-sizing: border-box;
	margin-top: 7px;
	font-size: var(--xy-font-size-secondary, 12px);
	line-height: var(--xy-line-height-text, 1.5);
	color: var(--xy-color-Base-Deep, #595959);
	-webkit-tap-highlight-color: transparent;
}
.xy-gTop__ringArea__itemCaption:active {
	opacity: 0.3;
}
.xy-gTop__ringArea__bottom {
	display: block;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.xy-gTop__ringArea__bottomBtn {
	font-size: var(--xy-font-size-primary, 14px);
	line-height: 16px;
	font-weight: var(--xy-font-weight-bold, 700);
	display: inline-block;
	width: 216px;
	padding: 14px 16px;
	text-align: center;
	box-sizing: border-box;
	background: var(--xy-color-Base-Bright, #FFFFFF);
	border: 1px solid var(--xy-color-Base-Pale, #D8D8D8);
	color: var(--xy-color-Base-Light, #8D8D8D);
	box-sizing: border-box;
	border-radius: 22px;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}
.xy-gTop__ringArea__bottomBtn:active {
	opacity: 0.3;
}
.xy-gTop__ringArea__bottomBanner {
	display: block;
	margin: 32px 0 0;
	width: 100%;
}
.xy-gTop__ringArea__bottomBanner img {
	width: 100%;
	height: auto;
	-webkit-tap-highlight-color: transparent;
}
.xy-gTop__ringArea__bottomBanner img:active {
	opacity: 0.3;
}
.xy-gTop__ringArea__bottomLink {
	display: flex;
	-webkit-tap-highlight-color: transparent;
}
.xy-gTop__ringArea__bottomLink:active {
	opacity: 0.3;
}

.xy-gTop__ringSearchArea {
	padding-bottom: 32px;
}
.xy-gTop__ringSearchArea__title {
	display: block;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: var(--xy-font-size-heading3, 18px);
	line-height: var(--xy-line-height-heading-high, 1.5);
	font-weight: var(--xy-font-weight-bold, 700);
	color: var(--xy-color-Base, #202020);
	margin-bottom: 16px;
}
.xy-gTop__ringSearchArea__search {
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-evenly;
}
.xy-gTop__ringSearchArea__searchBtn {
	width: 100%;
	min-width: calc((100% - 16px) / 3);
	max-width: calc((100% - 16px) / 2);
	margin-left: 8px;
	height: calc((88 / 375) * 100vw);
	max-height: 88px;
	padding: 6px 0 10px;
	line-height: 0;
	color: var(--xy-color-Base-Bright, #FFFFFF);
	background-color: var(--xy-color-ZexyPink-Light, #F59CAE);
	border-radius: 6px;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
.xy-gTop__ringSearchArea__searchBtn:first-child {
	margin-left: 0;
}
.xy-gTop__ringSearchArea__searchBtn:active {
	opacity: 0.3;
}
.xy-gTop__ringSearchArea__searchBtn.-shop {
	background-image: url("../../images/generaltop/btn_searchRingShop.png");
}
.xy-gTop__ringSearchArea__searchBtn.-engage {
	background-image: url("../../images/generaltop/btn_searchRingEngage.png");
}
.xy-gTop__ringSearchArea__searchBtn.-marriage {
	background-image: url("../../images/generaltop/btn_searchRingMarriage.png");
}
.xy-gTop__ringSearchArea__searchBtn.-shop, .xy-gTop__ringSearchArea__searchBtn.-engage, .xy-gTop__ringSearchArea__searchBtn.-marriage {
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.xy-gTop__ringSearchArea__searchBtnText {
	display: block;
	overflow: hidden;
	width: 100%;
	text-indent: -9999em;
}</pre></body></html>