.f14-body {
	background-color: #ffffff;
}

.f14-index {
/*	background-color: #fdf7f8;*/
	background-color: #faf3f7;
	margin: 0;
}
.f14-index__header {
	font-size: 0;
	margin: 0;
}

.f14-index__ranking {
	font-size: 0;
	margin: 0;
}
.f14-index__ranking--btn {
	margin: 0 auto;
	min-width: 12rem;
	width: 70%;
}

.f14-index__fortune {
	font-size: 0;
	margin: 0;
}
.f14-index__ranking--sample {
	background-color: #ffffff;
	padding: 0.4rem 1rem;
	text-align: center;
	margin: 0 auto;
	max-width: 30rem;
}
audio {
	width: 100%;
	max-width: 30rem;
}


.f14-index__contents {
	background-color: #fddaca;
	position: relative;
	padding: 0 1rem 1rem;
}
.f14-index__contents--title {
	position: absolute;
	bottom: 100%;
	left: 0;
}
.f14-index__contents--container {
	padding: 2rem 1rem 1rem;
}
.f14-index__contents--fortune {
	position: relative;
	margin: 1rem 0;
}
.f14-index__contents--icon {
	position: absolute;
	top: -22%;
	left: -4%;
	width: 16%;
	height: auto;
}
.f14-index__form--trial {
	margin-bottom: 1rem;
}
.f14-index__form--text {
	font-weight: bold;
	margin: 0;
}
.f14-index__form--input {
	border: none;
	border-radius: 4px;
	padding-left: 0.4rem;
	width: 100%;
	min-height: 2rem;
}
.f14-index__form--btn {
	background: none;
	margin: 0 auto;
	text-align: center;
	width: 70%;
	max-width: 20rem;
}

.f14-index__appraisal {
	margin: 1rem 1rem;
}
.f14-index__appraisal--contents {
	background-image: url('/assets/images/feature/14/f14_appraisal_middle.png');
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% auto;
	padding: 1rem 1.6rem 0;
	margin: 0;
}
.f14-index__appraisal--title {
	font-size: 0;
	margin: 0 0 1rem;
}
/*
.f14-index__appraisal--title {
	color: #fc2886;
	font-size: 1.2rem;
	font-weight: bold;
	position: relative;
	padding-left: 4.6rem;
}
.f14-index__appraisal--title::before {
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	width: 4rem;
	height: 4rem;
	transform: translate(0, -50%);
}
.unki-icon::before {
	background-image: url("/assets/images/feature/14/f14_icon_unki.png");
}
.money-icon::before {
	background-image: url("/assets/images/feature/14/f14_icon_money.png");
}
*/
.f14-index__appraisal--contents-ol, .f14-index__appraisal--contents-ol > li {
/*
	list-style: none;
*/
	margin: 0;
	padding: 0;
}
.f14-index__appraisal--contents-ol {
	counter-reset: number 0;
}
.f14-index__appraisal--contents-ol > li {
	position: relative;
	padding: 0 0 0 1.6rem;
}
.f14-index__appraisal--contents-ol > li::before {
/*
	counter-increment: number 1;
	content: counter(number)'.';
*/
	font-size: 1.2rem;
	text-align: right;
	width: 1.2rem;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.2;
}

.f14-index__price--strong {
	color: #ff0000;
	font-size: 1.4rem;
	font-weight: bold;
}
.f14-index__price--detail {
	margin-bottom: 3rem;
}
.f14-index__price--line {
	text-decoration: line-through;
}

.f14-index__uranai {
	position: relative;
	margin: 1rem 1rem 0;
}
.f14-index__uranai--icon {
	position: absolute;
	top: -12%;
	left: -4%;
	width: 20%;
	height: auto;
}
.f14-index__uranai--contents {
	background-image: url('/assets/images/feature/14/f14_frame_fortune_middle.png');
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% auto;
	padding: 1rem 1rem 0;
	margin: 0;
}
.f14-index__shimohamki--contents {
	background-image: url('/assets/images/feature/14/f14_frame_shimohanki_middle.png');
	background-position: top;
	background-repeat: repeat-y;
	background-size: 100% 100%;
	padding: 1rem 1rem 0;
	margin: 0;
}

.f14-index__general {
	background-color: #bfeff5;
	margin: 0;
}
.f14-index__general--title {
	position: absolute;
	bottom: 100%;
	left: 0;
}
.f14-index__general--container {
	padding: 0 1rem 1rem;
	position: relative;
	margin: 1rem 0 0;
}
.f14-index__general--icon {
	position: absolute;
	top: -8%;
	left: 0;
	width: 18%;
	height: auto;
}

.f14-index__money {
	background-color: #eed4f9;
	position: relative;
	padding: 2rem 1rem 0;
}
.f14-index__money--container {
	padding: 0 1rem 1rem;
	position: relative;
	margin: 1rem 0 0;
}


.f14-result {
	margin: 0;
}
.f14-result__header {
	font-size: 0;
	margin: 0;
}
.f14-result__contents {
	padding: 1rem;
}
.f14-result__contents--destinystar {
	background-image: url('/assets/images/feature/14/f14_result_title_bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.6rem 1rem;
	text-align: center;
}
.f14-result__detail--title {
	font-weight: bold;
	text-align: center;
}
.f14-result__detail--ol, .f14-result__detail--ol > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.f14-result__detail--ol {
	counter-reset: number 0;
}
.f14-result__detail--ol > li > p:first-of-type {
	position: relative;
	padding-left: 1.6rem;
}
.f14-result__detail--ol > li > p:first-of-type::before {
	counter-increment: number 1;
	content: counter(number)'.';
	font-size: 1.2rem;
	text-align: right;
	width: 1.2rem;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.2;
}
.f14-result__detail--mosaic {
	margin: 0.2rem -0.6rem 1rem;
	position: relative;
}
.f14-result__detail--btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 50%;
	height: auto;
}

.f14-result__osusume {
	background-color: #fddaca;
	position: relative;
	padding: 2.4rem 1rem 1rem
}
.f14-result__osusume--uranai {
	position: relative;
	margin: 0 1rem;
}
.f14-result__osusume--detail {
	margin: 0;
}

.f14__footer {
	margin: 0;
	padding-bottom: 1rem;
}

.footer--list {
	margin-bottom: 1rem;
}
.footer--list-ul, .footer--list-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer--list-li {
	align-items: center;
	background-color: #ffffff;
	border-bottom: 1px solid #9c9c9c;
	display: flex;
	position: relative;
	padding: 0.4rem 0.4rem 0.4rem 1.0rem;
}
.footer--list-li:first-of-type {
	border-top: 1px solid #9c9c9c;
}
.footer--list-li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.footer--list-a {
	color:#76552f;
	display: inline-block;
	font-weight: bold;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}

.btn-init {
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
}


.marker-1 {
	background: linear-gradient(transparent 70%, #FEDACA 50%);
}
.marker-2 {
	background: linear-gradient(transparent 70%, #BFEEF4 50%);
}
.marker-3 {
	background: linear-gradient(transparent 70%, #EED4F9 50%);
}

.f14-index__index--ul, f14-index__index--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.f14-index__index--ul > li {
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
}
.f14-index__index--ul > li::before {
	content: '◆';
	position: absolute;
	top: 0.2rem;
	left: 0;
	line-height: 1;
}

.f14-index__school {
	background-color: #ffffff;
	border: 2px solid #ffc000;
	border-radius: 0.4rem;
	margin: 1rem;
	padding: 1rem;
}