@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-rankingTop__mainVisual {
	display: flex;
	flex-direction: column;
	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-rankingTop__mainVisual.-marriage {
	background-image: url("/s/images/hnmDesign/ring/ranking/img_rankingMv_mr.jpg");
}
.hnm-rankingTop__mainVisual.-engage {
	background-image: url("/s/images/hnmDesign/ring/ranking/img_rankingMv_er.jpg");
}
.hnm-rankingTop__mainVisual__caption,
.hnm-rankingTop__mainVisual__date {
	font-size: 8px;
	line-height: 12px;
	margin: 0 auto;
	color: var(--xy-color-Base-Deep, #595959);
	width: calc((350 / 390) * 100vw);
}
.hnm-rankingTop__mainVisual__caption {
	display: block;
}
.hnm-rankingTop__mainVisual__date {
	padding: 4px 0;
}
.hnm-rankingTop__mainVisual__text {
	display: block;
	width: calc((350 / 390) * 100vw);
	margin: 0 auto;
}
.hnm-rankingTop__mainVisual__link {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: var(--xy-color-Sky, #7aade8);
	padding: 4px 0;
	font-weight: var(--xy-font-weight-normal, 300);
	font-size: var(--xy-font-size-caption, 10px);
	line-height: 15px;
	width: fit-content;
	-webkit-tap-highlight-color: transparent;
}
.hnm-rankingTop__mainVisual__link:active {
	opacity: 0.3;
}
.hnm-rankingTop__mainVisual__link::after {
	content: "";
	font-size: 12px;
	line-height: 12px;
}
.hnm-rankingTop__header {
	text-align: center;
	padding: 24px 0;
	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);
}
.hnm-rankingTop__regions {
	padding: 12px 20px 24px;
	margin-bottom: 32px;
}
.hnm-rankingTop__details__summary {
	position: relative;
	display: block;
	padding: 16px 0 16px 8px;
	border-bottom: 1px solid var(--xy-color-Base-VeryPale, #ececec);
	font-size: var(--xy-font-size-primary, 14px);
	line-height: var(--xy-line-height-text, 1.5);
	font-weight: var(--xy-font-weight-bold, 700);
	-webkit-tap-highlight-color: transparent;
}
.hnm-rankingTop__details__summary.-disabled {
	color: var(--Text-Disabled-Low, #d8d8d8);
}
.hnm-rankingTop__details__summary:hover,
.hnm-rankingTop__details__summary:focus {
	outline: 0;
}
.hnm-rankingTop__details__summary::-webkit-details-marker {
	display: none;
}
.hnm-rankingTop__details__summary::before {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: 16px;
	line-height: 16px;
	content: "";
}
.hnm-rankingTop__details__summary-linkDisabled::before {
	display: none;
}
.hnm-rankingTop__details__summary__single__link {
	display: block;
	padding: 16px 0 16px 8px;
	border-bottom: 1px solid var(--xy-color-Base-VeryPale, #ececec);
	font-size: var(--xy-font-size-primary, 14px);
	line-height: var(--xy-line-height-text, 1.5);
	font-weight: var(--xy-font-weight-bold, 700);
}
.hnm-rankingTop__details__summary__single__link.-disabled {
	color: var(--Text-Disabled-Low, #d8d8d8);
}
.hnm-rankingTop__details__summary__single::before {
	content: none;
}
.hnm-rankingTop__details[open] .hnm-rankingTop__details__summary::before {
	font-size: 16px;
	line-height: 16px;
	content: "";
}
.hnm-rankingTop__details__list__pref {
	border-bottom: 1px solid var(--xy-color-Base-VeryPale, #ececec);
}
.hnm-rankingTop__details__list__pref__link {
	padding: 16px 0 16px 16px;
	display: block;
	font-weight: var(--xy-font-weight-normal, 300);
	font-size: var(--xy-font-size-primary, 14px);
	line-height: var(--xy-line-height-text, 1.5);
}
.hnm-rankingTop__details__list__pref__link.-disabled {
	color: var(--Text-Disabled-Low, #d8d8d8);
}

/* ----------------------------------
Breadcrumbs
---------------------------------- */
.page .topicPath {
	display: flex;
	margin: 0 0 30px;
	padding: 0 20px;
	color: #595959;
	font-weight: 300;
	font-size: 10px;
	background: #fff;
	align-items: center;
}

.page .topicPath * {
	box-sizing: border-box;
}
.page .topicPath > ul > li {
	display: inline;
	line-height: 1.7;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 10px;
}

.page .topicPath > ul > li::after {
	content: ">";
	font-size: 10px;
	padding-left: 0.5em;
	line-height: 1;
	vertical-align: -1px;
	color: #595959 !important;
}

.page .topicPath > ul > li:last-child::after {
	content: "";
}

.page .topicPath > ul > li > a,
.page .topicPath > ul > li a:link,
.page .topicPath > ul > li a:hover,
.page .topicPath > ul > li a:active,
.page .topicPath > ul > li a:visited {
	color: #3985d0;
	font-size: 10px;
	line-height: 1.5;
	padding: 0;
	vertical-align: text-top;
	text-decoration: none;
}

.page .topicPath > ul > li > .strong {
	font-weight: normal;
	font-size: 10px;
	line-height: 1.5;
	vertical-align: text-top;
	color: #333 !important;
	text-decoration: none;
	pointer-events: none;
}

/* ----------------------------------
footer
---------------------------------- */
.footer {
	border-top: 4px solid #d2b186;
	background-color: #f7f7f7 !important;
	margin-top: 0;
}

.footer::before {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px dashed #9f896b;
	margin-top: 4px;
}

.footer > footer {
	padding: 0 20px;
	margin: 0;
	/* commonVer2.min.css override */
}

.footer > footer * {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.footer > footer > h3,
.footer > footer h3.weddingSeoLinkTtl {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 0;
	background: none;
	margin-top: 20px;
}

.footer > footer > h3 + p:not([class]),
.footer > footer h3.weddingSeoLinkTtl + p:not([class]) {
	line-height: 1.6;
	margin-top: 9px;
}

.footer > footer > p:not([class]) {
	padding: 0;
	font-size: 10px;
	line-height: 1.2;
	color: #333;
	margin-top: 16px;
}

.footer > footer > p:not([class]):first-of-type {
	margin-top: 20px;
}

.footer > footer > p:not([class]) > a:not([class]) {
	background: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 10px;
	line-height: 1.2;
	color: #333;
}

.footer > footer > p:not([class]) > a:not([class])::before {
	content: "▶";
}

.footer > footer > p:not([class]) > a[style]::before {
	content: "";
	display: none;
}

.footer > footer > hr {
	border-top: 1px solid #d4c6b3;
	border-bottom: 0;
	margin: 20px 0 0;
	padding: 0;
}

.footer > footer > br {
	display: none;
}

.footer > footer > div.abrd-u-f1 {
	border-top: 1px solid #d4c6b3;
	padding: 20px 0 0 !important;
	margin: 20px 0 0 !important;
}

.footer > footer > div.abrd-u-f1 > p[class] {
	padding: 0 !important;
	margin: 0 !important;
}

.footer > footer > div.abrd-u-f1 > p[class].abrd-u-pln {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px !important;
	line-height: 1;
}

.footer > footer > div.abrd-u-f1 > p[class].abrd-u-pln + ul {
	font-size: 0;
}

.footer > footer > div.abrd-u-f1 > ul > li[class] {
	padding: 0 !important;
	margin: 0 !important;
	display: inline !important;
	line-height: 1.8;
}

.footer > footer > div.abrd-u-f1 > ul > li[class]::after {
	content: "|";
	padding: 0 0.5em;
	font-size: 10px;
}

.footer > footer > div.abrd-u-f1 > ul > li[class]:last-of-type::after {
	display: none;
}

.footer > footer > div.abrd-u-f1 > ul > li[class] > a {
	font-size: 10px;
	line-height: 1;
	color: #333;
}

.footer > footer > .manualbanner:first-of-type {
	margin-top: 20px;
}

.footer .fairtitle {
	border-top: 1px solid #d4c6b3;
	margin: 20px 0 0;
	padding: 20px 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}

.footer .fairtitle span {
	word-break: break-all;
}

.footer .fairlinks {
	border-top: 1px solid #d4c6b3;
	margin: 20px 0;
	padding: 16px 0 0;
	font-size: 0;
	line-height: 1;
	display: block;
}

.footer .fairlinks > a,
.footer .fairlinks a:link,
.footer .fairlinks a:hover,
.footer .fairlinks a:active,
.footer .fairlinks a:visited {
	display: inline;
	font-size: 10px;
	line-height: 1.8;
	color: #333;
	text-decoration: none;
	font-weight: 300;
}

.footer .fairlinks > a::after,
.footer .fairlinks a:link::after,
.footer .fairlinks a:hover::after,
.footer .fairlinks a:active::after,
.footer .fairlinks a:visited::after {
	content: "|";
	padding: 0 0.5em;
	font-size: 10px;
	font-weight: normal;
}

.footer .fairlinks > a:last-of-type::after,
.footer .fairlinks a:link:last-of-type::after,
.footer .fairlinks a:hover:last-of-type::after,
.footer .fairlinks a:active:last-of-type::after,
.footer .fairlinks a:visited:last-of-type::after {
	content: "";
	display: none;
}

.footer .fairtitle + .fairlinks {
	border-top: none;
	margin-top: 0;
	padding-top: 8px;
}

.footer .gyoshuLink {
	border-top: 1px solid #d4c6b3;
	display: block;
	background: none;
	font-size: 10px;
	margin: 20px 0 0;
	padding: 16px 0 0;
}

.footer .gyoshuLink:first-child {
	border-top: none;
	margin-top: 0;
}

.footer .gyoshuLink > li {
	display: inline;
	line-height: 1.8;
}

.footer .gyoshuLink > li::before {
	content: "";
	display: none;
}

.footer .gyoshuLink > li::after {
	content: "|";
	padding: 0 0.5em;
	font-size: 10px;
}

.footer .gyoshuLink > li:last-of-type::after {
	content: "";
	display: none;
}

.footer .gyoshuLink > li > a,
.footer .gyoshuLink > li a:link,
.footer .gyoshuLink > li a:hover,
.footer .gyoshuLink > li a:active,
.footer .gyoshuLink > li a:visited {
	font-size: 10px;
	line-height: 1;
	color: #333;
	text-decoration: none;
}

.footer > footer > a.copyright {
	display: block;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 16px;
}

.footer > footer > a.copyright > img {
	vertical-align: text-bottom;
}

.footer > footer > a.footerGroupLink {
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	color: #435b67;
	font-weight: normal;
	padding: 0 0 5px 0;
	text-decoration: underline;
}

.footer > footer > p.annotation {
	font-size: 10px;
	color: #435b67;
	line-height: 1.8;
	font-weight: normal;
	padding: 0 0 20px 0;
}

/* MFI no.40 #5834 SEO共通フッター対応 start */
.footer .fairtitle__toggle {
	color: #595959;
	padding: 16px 0 0;
}

.footer .fairtitle__toggle--open h2 {
	color: #595959;
}

.footer .fairtitle__toggle--open h2 span {
	line-height: 18px;
}

.footer .fairtitle__toggle--open h2 span::before {
	content: "ー";
	color: #8d8d8d;
	font-size: 12px;
	line-height: 18px;
	padding-right: 0.5em;
}

.footer .fairtitle__toggle--close h2 {
	color: #595959;
}

.footer .fairtitle__toggle--close h2 span {
	line-height: 18px;
}

.footer .fairtitle__toggle--close h2 span:before {
	content: "▼";
	color: #8d8d8d;
	font-size: 12px;
	line-height: 18px;
	padding-right: 0.5em;
}

.footer .fairsubtitle {
	margin-top: 15px;
	color: #333;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	background: none;
}

.footer .fairlinks--noborder {
	padding: 0;
	border: none;
}

.footer .fairlinks > a:before,
.footer .fairlinks > a:link:before,
.footer .fairlinks > a:hover:before,
.footer .fairlinks > a:active:before,
.footer .fairlinks > a:visited:before,
.footer .fairlinks > .unlink:before {
	content: "|";
	font-weight: normal;
	padding: 0 0.5em;
	font-size: 10px;
}

.footer .fairlinks > a:after,
.footer .fairlinks > a:link:after,
.footer .fairlinks > a:hover:after,
.footer .fairlinks > a:active:after,
.footer .fairlinks > a:visited:after,
.footer .fairlinks > .unlink:after {
	content: "";
	padding: 0;
}

.footer .fairlinks > a:first-child::before,
.footer .fairlinks > a:link:first-child::before,
.footer .fairlinks > a:hover:first-child::before,
.footer .fairlinks > a:active:first-child::before,
.footer .fairlinks > a:visited:first-child::before,
.footer .fairlinks > .unlink:first-child::before {
	content: "";
	padding: 0;
}

.footer .fairlinks .unlink {
	display: inline;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.8;
	color: #333;
	text-decoration: none;
}

.footer .fairlinks .unlink--disabled {
	font-weight: normal;
	color: #8d8d8d;
}

.footer .fairlinks__toggle {
	display: none;
}

.footer .fairlinks__toggle--open {
	display: block;
}

.footer .fairlinks__content {
	display: block;
	margin: 14px 0;
}

.footer .fairlinks__content a:not([class]) {
	text-decoration: none;
}

.footer .fairlinks__content a:not([class]):before {
	content: "▶";
	color: #333;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.4px;
	line-height: 14px;
}

.footer .fairlinks__contentTitle {
	color: #333;
	font-size: 10px;
	letter-spacing: 0.4px;
	line-height: 14px;
	margin-bottom: 5px;
	font-weight: normal;
}

.footer .fairlinks__contentTitle a {
	color: #595959;
}

.footer .fairlinks__contentDefList {
	color: #8d8d8d;
	font-size: 10px;
	line-height: 14px;
	padding-left: 15px;
	box-sizing: border-box;
}

.footer .fairlinks__contentDefList dt {
	display: block;
}

.footer .fairlinks__contentDefList dd {
	display: block;
}

.footer .fairlinks__contentList {
	margin: 10px 0;
}

.footer .fairlinks__contentListTitle {
	font-weight: bold;
}

.footer .fairlinks__contentListLabel {
	font-weight: bold;
	line-height: 18px;
	margin-left: 10px;
}

.footer .fairlinks__contentList * {
	color: #333;
	font-size: 10px;
	line-height: 18px;
	box-sizing: border-box;
}

.footer .fairlinks__contentList > li {
	padding-left: 15px;
}

.footer .fairlinks__contentList > li .unlink {
	padding-left: 10px;
	display: inline;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.8;
	color: #333;
	text-decoration: none;
}

.footer .fairlinks__contentList > li .unlink--disabled {
	font-weight: normal;
	color: #8d8d8d;
}

.footer .fairlinks__contentList > li a:not([class]) {
	text-decoration: none;
}

.footer .fairlinks__contentList > li a:not([class]):before {
	content: "▶";
	color: #333;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.4px;
	line-height: 14px;
}

.footer .fairlinks__contentList > li > ul > li {
	padding-left: 15px;
}

.footer .fairlinks__contentList > li > ul > li:last-of-type {
	margin-bottom: 10px;
}

.footer .fairlinks__content a:link:last-of-type::after,
.footer .fairlinks__content a:hover:last-of-type::after,
.footer .fairlinks__content a:active:last-of-type::after,
.footer .fairlinks__content a:visited:last-of-type::after {
	content: "";
	display: none;
}

.footer > footer .lower {
	padding-left: 1em;
}

.footer .fairlinks__contentList > li .child-wayside {
	margin: 0 0 0 15px;
}

.footer .fairlinks__contentList > li ul.fairlinks__nestcontent {
	margin: -3px 0 3px 15px;
}

.footer > footer .search_mod-cat {
	font-size: 10px;
	display: inherit;
	margin-bottom: 5px;
}

.footer .fairlinks span:nth-child(n + 2) {
	margin-top: 10px;
}

.footer .fairlinks span:not([class]) + .unlink:before,
.footer .fairlinks span:not([class]) + a:link:before,
.footer .fairlinks span:not([class]) + a:hover:before,
.footer .fairlinks span:not([class]) + a:active:before,
.footer .fairlinks span:not([class]) + a:visited:before {
	content: "";
	padding: 0;
}

.footer .fairlinks.eachpage--link span {
	display: inherit;
	font-size: 10px;
	color: #8d8d8d;
	margin-bottom: 10px;
}

/* MFI #5831 SEO common footer support end */
.footer .fairlinks--noborder::before {
	content: "▶";
	color: #333;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.4px;
	line-height: 14px;
}

.footer .fairlinks__stationTitle {
	font-weight: normal;
}

.footer > footer p a.fairLinks--noIcon {
	background-image: none;
}

.footer > footer .fairlinks > .fairlinks--disabled {
	display: inline;
	font-size: 10px;
	line-height: 1.8;
	color: #cdcdcd;
}

.footer > footer .fairlinks > .fairlinks--disabled:before {
	content: "|";
	font-weight: normal;
	padding: 0 0.5em;
	font-size: 10px;
	color: #333;
}

.footer > footer .fairlinks > .fairlinks--disabled:after,
.footer > footer .fairlinks > .fairlinks--disabled:first-child:before {
	content: "";
	padding: 0;
}

.footer > footer .fairlinks__contentList > li .fairlinks--disabled,
.footer > footer .fairlinks__contentList .tdfknLinks--disabled {
	color: #cdcdcd;
}

.footer > footer .fairlinks__contentList > li .fairlinks--disabled:before {
	content: "▶";
	color: #cdcdcd;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.4px;
	line-height: 14px;
}

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

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

.footer .manualbanner {
	display: none;
}

.footer .appbanner {
	margin-top: 16px;
}

@media screen and (width <= 320px) {
	.page .topicPath {
		padding: 0 15px;
	}
	.footer > footer {
		padding: 0 15px;
	}
}