/* 運気判定 */
.judgment {
	margin-bottom: 2rem;
}
.judgment__contents {
	padding: 1rem;
}
.judgment__contents--title {
	font-size: 0;
	margin: 0;
}
.judgment__contents--title-img {
	width: 100%;
	height: auto;
}
.judgment__category--ul, .judgment__category--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.judgment__category--li {
	position: relative;
}
.judgment__category--button-img {
	width: 100%;
	height: auto;
}


/* 運気判定リスト */
.judgment-list {
	margin-bottom: 2rem;
}
.judgment-list__contents--ul, .judgment-list__contents--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.judgment-list__contents--li {
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem 1.0rem 0.4rem 0.4rem;
}
.judgment-list__contents--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);
}
.judgment-list__contents--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}
.judgment-list__contents--tag {
	border-radius: 0.2rem;
	color: #2a2a2a;
	display: inline-block;
	font-size: 0.7rem;
	letter-spacing: 0.6rem;
	padding: 0;
	text-align: center;
	text-indent:0.6rem;
	user-select: none;
	width: 6rem;
}
.judgment-list__contents--type {
	color: #8f8f8f;
	display: inline-block;
	font-size: 0.7rem;
	padding: 0;
	text-align: left;
	user-select: none;
/*	width: 6.4rem; */
}
.judgment-list__contents--month {
	color: #ff0000;
	display: inline-block;
	font-size: 0.8rem;
	padding: 0;
	text-align: left;
	user-select: none;
}
.judgment-list__contents--detail {
	display: block;
}
.judgment-list__page--number {
	align-items: center;
	display: flex;
	margin: 0 2rem;
}


/* 運気判定 相談(タイトル) */
.judgment-consult__contents {
	margin-bottom: 1rem;
}
.judgment-consult__contents--title {
	font-size: 0;
	margin: 0;
}
.judgment-consult__contents--title-img {
	width: 100%;
	height: auto;
}
.judgment-consult__contents--tag {
	border-radius: 0.2rem;
	display: inline-block;
	font-size: 0.7rem;
	letter-spacing: 0.6rem;
	padding: 0;
	text-align: center;
	text-indent:0.6rem;
	user-select: none;
	width: 6rem;
}


/* ================================================================== */
/* 運気判定 相談内容 */
.judgment-worry__contents {
	margin-bottom: 1rem;
}
.judgment-worry__contents--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}


/* 運気判定 細木先生の回答 */
.judgment-advice__contents {
	margin-bottom: 1rem;
}
.judgment-advice__contents--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.judgment-advice__contents--button-block {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 1rem;
	width: 100%;
}
.judgment-advice__contents--button-p {
	position: relative;
	width: 48%;
}
.judgment-advice__contents--button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	width: 100%;
	height: auto;
	-ms-box-shadow: 0 0.2rem 0.8rem #696969;
	box-shadow: 0 0.2rem 0.8rem #696969;
}
.judgment-advice__contents--button:active {
	-ms-box-shadow: 0 0.2rem 0.8rem #696969;
	box-shadow: 0 0.2rem 0.8rem #696969;
}
.judgment-advice__contents--button-img {
	width: 100%;
	height: auto;
}
.judgment-advice__contents--button-num {
	display: block;
	font-size: 1.2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-user-select: none;
	user-select: none;
}
.judgment-advice__contents--button-num::before {
	content: '';
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background: url(/assets/images/thumbs_up.png);
	background-size: contain;
	vertical-align: middle;
	margin: 0 0.4rem 0.5rem 0;
}
@media screen and (min-width: 768px) {
	.judgment-advice__contents--button-num {
		font-size: 2.0rem;
	}
	.judgment-advice__contents--button-num::before {
		width: 2.0rem;
		height: 2.0rem;
	}
}


/* 運気判定 運気判定を投稿する */
.judgment-post__contents {
	margin-bottom: 1rem;
}
.judgment-post__contents--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}


/* 運気判定 フッターリスト */
.judgment-consult__footer-list {
	margin-bottom: 2rem;
}
.judgment-consult__footer-list--ul, .judgment-consult__footer-list--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.judgment-consult__footer-list--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.judgment-consult__footer-list--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.judgment-consult__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);
}
.judgment-consult__footer-list--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}


/* ================================================================== */
/* お悩み相談 投稿 */
.judgment-form__contents {
	margin-bottom: 2rem;
}
.judgment-form__contents--title {
	font-size: 0;
	margin: 0;
}
.judgment-form__contents--title-img {
	width: 100%;
	height: auto
}
.judgment-form__contents--form {
}
.judgment-form__contents--form-introduction {
	padding: 1rem;
}
.judgment-form__contents--form-table {
	background-color: #ffffff;
	border: 1px solid #000;
	margin: 0 1rem 1rem;
}
.judgment-form__contents--form-table-title {
	background-color: #eb6d9a;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.judgment-form__contents--form-table-ul, .judgment-form__contents--form-table-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.judgment-form__contents--form-table-li {
	border-top: 1px solid #000000;
}
.judgment-form__contents--form-table-li:nth-child(odd) {
	border-right: 1px solid #000000;
}
.judgment-form__contents--form-table-text {
	width: 100%;
}
.judgment-form__contents--form-table-select {
	width: 100%;
}
.judgment-form__contents--form-table-textarea {
	width: 100%;
}
.judgment-form__contents--form-caution {
	padding: 0 1rem;
}
.judgment-form__contents--form-caution-button {
	background-color: #5fc3d8;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	appearance: none;
	margin: 0;
}
.judgment-form__contents--form-error {
	color: #f66076;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding-left: 1.0rem;
	position: relative;
}
.judgment-form__contents--form-error::before {
	content: '※';
	color: #f66076;
	position: absolute;
	top: 0;
	left: 0;
}
.judgment-consult__footer-back--ul, .judgment-consult__footer-back--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.judgment-consult__footer-back--li {
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem 0.4rem 0.4rem 1.4rem;
}
.judgment-consult__footer-back--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	left: 0.6rem;
	transform: translate(0, -50%) rotate(225deg);
}
.judgment-consult__footer-back--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}


/* お悩み相談 投稿 ヒント */
.judgment-form__hint {
	margin-bottom: 1rem;
	padding: 1rem;
}
.judgment-form__hint--birthday {
	margin-bottom: 1rem;
}
.judgment-form__hint--birthday-title {
	font-size: 1rem;
	font-weight: bold;
	position: relative;
	padding-left: 1.2rem;
}
.judgment-form__hint--birthday-title::before {
	content: '◆';
	position: absolute;
	top: 0;
	left: 0;
}
.judgment-form__hint--birthday-list {
	padding: 0 1rem;
}
.judgment-form__hint--birthday-ul, .judgment-form__hint--birthday-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.judgment-form__hint--fill {
	margin-bottom: 1rem;
}
.judgment-form__hint--fill-title {
	font-size: 1rem;
	font-weight: bold;
	position: relative;
	padding-left: 1.2rem;
}
.judgment-form__hint--fill-title::before {
	content: '◆';
	position: absolute;
	top: 0;
	left: 0;
}
.judgment-form__hint--fill-list {
	padding: 0 1rem;
}
.judgment-form__hint--fill-ul, .judgment-form__hint--fill-li,
.judgment-form__hint--fill-example-ul, .judgment-form__hint--fill-example-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.judgment-form__hint--fill-example-li {
	position: relative;
	padding-left: 1.2rem;
}
.judgment-form__hint--fill-example-li::before {
	content: '⇒';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}


/* ================================================================== */
/* お悩み相談 完了 */
.judgment-end__contents {
	margin-bottom: 1rem;
}
.judgment-end__contents--title {
	font-size: 0;
	margin: 0;
}
.judgment-end__contents--title-img {
	width: 100%;
	height: auto
}
.judgment-end__contents--report {
	padding: 1rem;
}
.judgment-end__contents--report-title {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 1rem;
	text-align: center;
}