
/* 運命星鑑定 */
.appraisal__contents {
	margin-bottom: 2rem;
}
.appraisal__contents--title {
	font-size: 0;
	margin: 0;
}
.appraisal__contents--title-img {
	width: 100%;
	height: auto;
}
.appraisal__contents--check {
	background-color: #eeeeee;
	margin: 1rem;
	padding: 1rem;
	text-align: center;
}
.appraisal__contents--check-input {
	width: 100%;
	max-width: 30rem;
}


/* 各運命星の特徴は？ */
.appraisal__feature {
	margin-bottom: 2.0rem;
}
.appraisal__feature--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.appraisal__feature--ul, .appraisal__feature--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.appraisal__feature--li {
	margin: 1rem auto 0;
}
.appraisal__feature-btn-img {
	width: 100%;
	max-width: 14rem;
	height: auto;
}


/* 運命星鑑定 フッター リンク一覧 */
.appraisal__list {
	margin-bottom: 2rem;
}
.appraisal__list--ul, .appraisal__list--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.appraisal__list--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.appraisal__list--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.appraisal__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);
}
.appraisal__list--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}


/* ==============================================================*/
/* 基本性格 */
.appraisal__character {
	margin-bottom: 2rem;
}
.appraisal__character--title {
	font-size: 0;
	margin: 0;
}
.appraisal__character--title-img {
	width: 100%;
	height: auto;
}
.appraisal__character--destinystar-title {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
}
.appraisal__character--subtitle {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.appraisal__character--title {
	margin: 0;
}
.appraisal__character--ul, .appraisal__character--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.appraisal__character--li {
	margin: 1rem auto 0;
}
.appraisal__character-btn-img {
	width: 100%;
	max-width: 14rem;
	height: auto;
}
.appraisal__character--senmei-img {
	width: 80%;
	max-width: 30rem;
	height: auto;
	margin: 0 auto;
}


/* 基本性格 登録リストから選ぶ 生年月日入力 */
.appraisal__partner {
	margin-bottom: 2rem;
	padding: 1rem;
}
.appraisal__partner--introduction {
	margin: 0;
}
.appraisal__partner--contents {
	background-color: #eeeeee;
	padding: 1rem;
	margin: 1rem 0 0;
}
.appraisal__partner--contents-title {
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.appraisal__partner--contents-select {
	width: 100%;
	max-width: 30rem;
}
.appraisal__partner--contents-input {
	width: 100%;
	max-width: 30rem;
}
.appraisal__partner--contents-btn {
	background-color: #5fc3d8;
	color: #ffffff;
	margin: 0 1rem;
	white-space: normal;
}
/* カルーセル */
.fortune__slide {
	margin-top: -1rem;
	margin-bottom: 3rem;
}

.appraisal__affinity--form {
	background-color: #ffe5e5;
	border-radius: 0.4rem;
	padding: 1rem;
}
.appraisal__affinity--form-input {
	border: none;
	border-radius: 0.2rem;
	padding: 0.4rem 1rem;
	width: 100%;
}
.appraisal__affinity--btn {
	background-color: #ff9999;
	color: #ffffff;
	min-width: 8rem;
}
.appraisal__affinity--form-btn {
	background-color: #ff9999;
	color: #ffffff;
	min-width: 8rem;
}

.appraisal__score {

}
.appraisal__score--contents {
	margin: 1rem;
}

.appraisal__affinity--result-nomember {
	margin: -1rem -1rem 1rem;
	position: relative;
}
.appraisal__affinity--result-nomember-btn {
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 36%;
	max-width: 16rem;
}

.appraisal__slide {
	margin: 0 1rem 3rem;
}

.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-child {
	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 {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}
