@charset "UTF-8";
/*----------------------------------------

	- common
	- umaimonokikouNav

-----------------------------------------*/

/*----------------------------------------
	common
-----------------------------------------*/

#fwCms_wrapper h1 {
	margin: auto;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper h1 {
		max-width: 1080px;
	}
}

#fwCms_wrapper .frame_MH .rankingArea .cpBody,
#fwCms_wrapper .frame_MH .rankingArea .swiper-area {
	background-color: #fcf6eb;
}

/*----------------------------------------
	umaimonokikouNav
-----------------------------------------*/

#fwCms_wrapper p.umaimonokikouNav {
	width: 92%;
	margin: 5.6vw auto 0;
}

#fwCms_wrapper ul.umaimonokikouNav {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 97.3%;
	margin: 5.6vw auto 0;
}

#fwCms_wrapper ul.umaimonokikouNav li {
	position: relative;
	width: calc((100% - 1.3vw)/2);
}

#fwCms_wrapper ul.umaimonokikouNav li:nth-of-type(n+3) {
	width: calc((100% - 2.6vw)/3);
	margin-top: 5.3vw;
}

#fwCms_wrapper ul.umaimonokikouNav li a {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	background-color: #5e172c;
	height: 100%;
}

#fwCms_wrapper ul.umaimonokikouNav li a,
#fwCms_wrapper ul.umaimonokikouNav li a:visited {
	transition: opacity 0s;
}

#fwCms_wrapper ul.umaimonokikouNav li a:hover {
	text-decoration: none !important;
	opacity: .5;
	transition: opacity .2s ease-out .1s;
}

#fwCms_wrapper ul.umaimonokikouNav li a:hover img {
	opacity: 1;
}

#fwCms_wrapper ul.umaimonokikouNav li a span:first-of-type {
	display: block;
	background-color: #fff;
}

#fwCms_wrapper ul.umaimonokikouNav li a img {
	flex-shrink: 0;
}

#fwCms_wrapper ul.umaimonokikouNav li a span+span {
	display: block;
	width: 100%;
	padding: 1.8vw 1em;
	text-align: center;
	text-decoration: none !important;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper p.umaimonokikouNav {
		max-width: 864px;
		margin-top: 40px;
	}

	#fwCms_wrapper ul.umaimonokikouNav {
		justify-content: flex-start;
		max-width: 1080px;
		width: 97.3%;
		margin-top: 40px;
	}

	#fwCms_wrapper ul.umaimonokikouNav li,
	#fwCms_wrapper ul.umaimonokikouNav li:nth-of-type(n+3) {
		width: calc((100% - 32px)/5);
		max-width: 210px;
		margin-top: 0;
		margin-left: 8px;
	}

	#fwCms_wrapper ul.umaimonokikouNav li:nth-of-type(5n+1) {
		margin-left: 0;
	}

	#fwCms_wrapper ul.umaimonokikouNav li:nth-of-type(n+6) {
		margin-top: 40px;
	}

	#fwCms_wrapper ul.umaimonokikouNav li a span+span {
		padding: 13px 1em;
	}
}