@charset "UTF-8";

#entry {
	margin-bottom: 25px;
}

#entry .reviewTab {
	margin-top: 15px;
	float: right;
	text-align: center;
}

#entry .box {
	padding: 10px;
	margin-bottom: 20px;
	background: #F3F8FA;
}

div.entryFormArea_m #entry .box {
	float: none;
}

#entry .box .nameArea {
	font-size: 110%;
	line-height: 1.4em;
}

#entry .box .nameArea .icon {
	float: left;
	position: relative;
	padding-right: 25px;
}

#entry .box .nameArea .icon .review_fukidasi {
	margin-bottom: 5px;
}

#entry .box .nameArea .icon .mr_user_icon {
	width: auto;
	height: 58px;
}

#entry .box .nameArea .icon .user_fukidashi {
	position: relative;
	bottom: 22px;
	font-size: 38px;
	color: #526C87;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

#entry .box .nameArea .icon .user_fukidashi:after {
	content: '…';
	position: absolute;
	top: 7px;
	left: 8px;
	font-family: serif;
	font-size: 22px;
	color: #fff;
	line-height: 1;
}

#entry .box .nameArea .link{
font-size: 13px;
    font-weight: bold;
    letter-spacing: normal;
}

#entry .box .nameArea a {}

#entry .box .nameArea .nickname {
	font-size: 19px;
	font-weight: bold;
	color: #004c77;
	letter-spacing: inherit;
}

#entry .box table {
    border-collapse: separate;
    border-spacing: 2px;
}

#entry .box table td,
#entry .box table th{
	border:0
}

#entry .box table th {
	width: 100px;
	text-align: center;
	background: #E2E9EE;
	border-top: 5px solid #526C88;
	color: #004c77;
	font-weight: bold;
	line-height: 1.6;
	padding-top: 1em;
	/* position: relative; */
}

#entry .box table td {
	vertical-align: middle;
    background:#fff;
}

#entry .box table td.evaluation {
	width: 14px;
	text-align: center;
}

#entry .box table td.label {
	width: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}

#entry .box table td.body {padding: 1.9em;}

#entry .box table td.bg1 {
	/* background: #eff; */
}

#entry .box table td.bg2 {}

#entry .box table td.bg_mosaic_merit {
	background: url(../images/mosaic_merit.png) left top;
	text-align: center;
}

#entry .box table td.lbl1 {
	color: #32B4AA;
	background: #EBF9F8;
}

#entry .box table td.lbl2 {
	background: #FFE5E5;
	color: #FF4D4D;
}

#entry .box div.bg_mosaic_620 {
	background: url(../images/mosaic_620.png) left top;
	text-align: center;
	padding: 12px;
	margin-bottom: 10px;
}

#entry .box .subReviewArea {
	margin: 1em 2px;
	padding: .5em 2.5em;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#entry .box .subReviewArea h5 {
	padding: 0 .5em .5em;
	border-bottom: 1px dashed #004c77;
	margin: 2em 0 0;
	font-weight: bold;
	font-size: 14px;
	color: #004c77;
}

#entry .box .subReviewArea p {
	margin: 1em .5em 2em;
}

#entry .box .subReviewArea .voteArea {
	width: 560px;
	text-align: center;
	padding: 5px 20px auto;
}

#entry .box .subReviewArea .voteArea span {
	margin: 0 10px;
	font-size: 160%;
	font-weight: bold;
	color: #e00;
}


#each {
	margin-bottom: 25px;
}

#each .reviewTab {
	margin-top: 15px;
	float: right;
	text-align: center;
}

#each .reviewTab a {}

#each .box {
	float: left;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #203054;
	background: #fcfcfc;
}

#each .box .subReviewArea {
	padding: 10px;
	width: 576px;
	background: #fff;
	border: 1px dotted #ddd;
}

#each .box .subReviewArea table.reviewTotalTbl {
	width: 574px;
}

#each .box .subReviewArea table.reviewTotalTbl th {
	border: 0 solid #fff;
	background: #fff;
	padding: 5px 0;
}

#each .box .subReviewArea table.reviewTotalTbl th h5 {
	margin: 0;
	padding: 2px 0 2px 8px;
	border-left: 12px solid #203054;
	border-bottom: 1px solid #203054;
}

#each .box .subReviewArea table.reviewTotalTbl td {
	border: 1px solid #ddd;
}

#each .box .subReviewArea table.reviewTotalTbl tr.space td {
	border: 0 solid #fff;
	height: 35px;
	text-align: center;
}

#each .box table td {
	padding: 5px;
	vertical-align: middle;
}

#each .box table td.icon {
	width: 40px;
	text-align: center;
}

#each .box table td.name {
	width: 80px;
}

#each .box table td.evaluation {
	width: 76px;
	text-align: center;
}

#each .box table td.label {
	width: 54px;
	text-align: center;
}

#each .box table td.body {
	width: 250px;
	line-height: 1.4em;
}

#each .box table td.bg1 {
	background: #eff;
}

#each .box table td.bg2 {}

#each .box table td.lbl1 {
	font-weight: bold;
	color: #ff3e3e;
}

#each .box table td.lbl2 {
	font-weight: bold;
	color: #0080c0;
}

#each .box table.recommendTotalTbl {
	margin-top: 30px;
	width: 574px;
}

#each .box table.recommendTotalTbl th {
	border: 0 solid #fff;
	background: #fff;
	padding: 5px 0;
}

#each .box table.recommendTotalTbl th h5 {
	margin: 0;
	padding: 2px 0 2px 8px;
	border-left: 12px solid #203054;
	border-bottom: 1px solid #203054;
}

#each .box table.recommendTotalTbl td {
	text-align: center;
	padding: 5px 0;
	width: 20%;
	font-weight: bold;
	font-size: 140%;
	color: #e00;
}

#each .box table.recommendTotalTbl td.lbl {
	font-size: 120%;
	color: #333;
	background: #eff;
}

#each .subButtonArea {
	margin: 20px 0 10px;
	text-align: center;
}

#each .subButtonArea a {}



*html #entryFormArea #positionBlock ul {
	width: 598px;
}

*html #entryFormArea #positionBlock li p {
	width: 150px;
}

#entryFormArea #positionBlock .other li p {
	width: 500px;
}

*html #entryFormArea #positionBlock .other li p {
	width: 300px;
}


/*
投稿Form｜項目ごとの塊
#entryFormArea .evaluationBlock
-----------------------------------------------------
*/

/* 項目内の説明文 p.aboutArea */
#entryFormArea .evaluationBlock .aboutArea {
	line-height: 1.9;
	font-size: 13px;
}

/* 評価点数部分テーブル */
#entryFormArea .evaluationBlock table {
	margin: 1em 0;
}

#entryFormArea .evaluationBlock table th,
#entryFormArea .evaluationBlock table td {
	text-align: center;
	vertical-align: middle;
}

#entryFormArea .evaluationBlock table td {
	/* padding: 0; */
}

#entryFormArea .evaluationBlock table td label {
	display: inline-block;
	width: 20px;
	padding: 15px 0;
}

#entryFormArea .evaluationBlock table td label span {
	margin: 0;
	padding: 0 2em;
}

#entryFormArea .evaluationBlock table th {
	font-weight: bold;
}

#entryFormArea .evaluationBlock table th.ev {
	color: #d00;
	font-size: 140%;
	padding: 3px 0;
}


#entryFormArea .evaluationBlock .txtArea {}

#entryFormArea .evaluationBlock .txtArea table th {
	width: 100px;
}

#entryFormArea .evaluationBlock .txtArea table tr.bg1 th {
	background: #EBF9F8;
	color: #32B4AA;
}

#entryFormArea .evaluationBlock .txtArea table tr.bg2 th {
	background: #FFE5E5;
	color: #FF4D4D;
}

#entryFormArea .evaluationBlock .txtArea td {
	text-align: left;
	/* padding: 10px; */
}

#entryFormArea .evaluationBlock .txtArea p {
	color: #EA9167;
	margin: .5em;
	font-size: 80%;
	font-weight: bold;
	letter-spacing: normal;
}

#entryFormArea .evaluationBlock .txtArea p.noteTxt {
	color: #d00;
}

#entryFormArea .evaluationBlock .txtArea textarea {
	width: 95%;
	height: 160px;
}

*html #entryFormArea .evaluationBlock .txtArea textarea {
	width: 460px;
}

#entryFormArea #bodyBlock textarea {
	/* width: 590px; */
	/* height: 100px; */
	width: 95%;
}

*html #entryFormArea #bodyBlock textarea {
	width: 580px;
}

#entryFormArea .evaluationBlock .txtArea .cntTxt {
	color: #000;
	font-size: 13px;
	text-align: right;
}

#entryFormArea #bodyBlock .cntTxt {
	color: #000;
	text-align: right;
	margin-bottom: 7px;
}

#entryFormArea #bodyBlock .attentionBlock {
	color: #f60;
	margin-bottom: 3px;
}

#entryFormArea .edit_attention {
	margin: .5em 0;
	color: #EA9167;
	font-size: 80%;
	font-weight: bold;
}

#completeArea a {
	font-size: 24px;
}

#resultBlock {
	margin: 15px 0 30px;
}

#resultBlock .typeBtn {
	float: right;
	text-align: right;
}

#resultBlock .typeBtn input {
	margin-bottom: 2px;
}

#resultBlock .typeBtn .bunjyo {
	background: url(../images/type_btn.gif) center top;
	width: 130px;
	height: 27px;
	color: #fff;
	border: 0;
	font-size: 9px;
}

#resultBlock .typeBtn .bunjyo:hover {
	background-position: bottom;
}

#resultBlock .typeBtn .all {
	background: url(../images/type_btn.gif) center top;
	width: 130px;
	height: 27px;
	color: #fff;
	border: 0;
	font-size: 9px;
}

#resultBlock .typeBtn .all:hover {
	background-position: bottom;
}

#resultBlock .typeBtn .here {
	width: 130px;
	height: 27px;
	color: #fff;
	border: 0;
	font-size: 9px;
	background: url(../images/type_btn.gif);
	background-position: bottom;
}

#resultBlock b {
	color: #f00;
}

#resultBlock .noteTxt {
	margin: 0 0 5px;
	font-weight: bold;
	color: #d00;
	font-size: 110%;
	padding: 5px;
	border: 1px solid #d00;
	background: #fcc;
}

.noteTxt_big {
	margin: 0;
	font-weight: bold;
	color: #d00;
	font-size: 140%;
	padding: 10px;
	border: 1px solid #d00;
	background: #fcc;
}

.shortageTxt {
	font-weight: bold;
	font-size: 100%;
	color: #000;
}

#resultBlock table {

	margin: 10px 0 5px;
}

#resultBlock table td {
	border: 0;
}

#resultBlock table.bg1 td {}

#resultBlock table.bg2 td {}

#resultBlock table td {
	width: 500px;
	padding: 5px;
}

#resultBlock table td.body {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #eee;
	line-height: 1.4em;
	font-size: 110%;
}

#resultBlock table td.body h5 {
	line-height: 1.4em;
	color: #666;
	border-bottom: 1px dotted #eee;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

#resultBlock table td.body span {
	font-size: 90%;
}

#resultBlock table td.title {
	padding-bottom: 5px;
}

#resultBlock table td.title a {
	margin: 0 5px;
	font-size: 130%;
	font-weight: bold;
}

#resultBlock table td.title p.modify {
	float: right;
}

#resultBlock table td.title p.modify a {
	font-size: 100%;
}

#resultBlock table td.evaluation {
	padding: 2px 5px 5px;
	border-bottom: 1px dotted #ddd;
	line-height: 1.4em;
}

#resultBlock table td.evaluation span {}


#rankingBlock {
	margin: 15px 0 30px;
}

#rankingBlock table {
	margin: 10px 0;

}

#rankingBlock table th {
	padding: 10px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

#rankingBlock table th.rank {
	text-align: center;
	vertical-align: middle;
	width: 50px;
}

#rankingBlock table th.vote {
	text-align: center;
	width: 100px;
	vertical-align: middle;
}

#rankingBlock table th.age {
	width: 450px;
}

#rankingBlock table td.rank {
	text-align: center;
	vertical-align: middle;
	width: 50px;
	font-size: 140%;
	font-weight: bold;
}

#rankingBlock table td.vote {
	text-align: center;
	width: 100px;
	vertical-align: middle;
	font-size: 140%;
	font-weight: bold;
	color: #d00;
}

#rankingBlock table td.age {
	width: 450px;
	vertical-align: middle;
}

#rankingBlock table td.age span {
	margin: 0 5px;
	font-size: 140%;
	font-weight: bold;
}

#rankingBlock table td.age span.count {
	color: #d00;
}

#rankingBlock b {
	color: #f00;
}


*html .interestMatchArea {
	width: 610px;
}

*html .interestMatchArea h4 img {
	width: 610px;
}

#infoBlock {
	background: url(../../../images/common/bg_contents.gif) repeat-y left top;
	margin: 0;
}


div.sideClearfix {
	clear: both;
	background-color: #ccc;
}

#boardArea h3,
#reviewArea h3 {
	background-color: #002060;
	padding: 10px;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	border: solid 1px #002060;
}

.listArea .box {
	padding: 5px 0 10px;
	border-bottom: 1px solid #eee;

}

.listArea .box p {
	font-size: 110%;
	line-height: 1.4em;
}

.listArea .box .photo {
	border-style: none;
	float: left;
	padding: 8px 8px 0 0;
}

.listArea .box .subject {
	margin-bottom: 3px;
}

.listArea .nickname a {
	font-size: 90%;
	color: #c30;
}

.listArea .nickname a span {
	color: #333;
}


/*
投稿Form｜ポジション
#positionBlock
*/
#entryFormArea #itemSelectBlock ul,
#entryFormArea #positionBlock ul{
	width: auto;
}

#entryFormArea #itemSelectBlock li,
#entryFormArea #positionBlock li {
	margin: 0.5em 1em;
	padding: 0;
}

#entryFormArea #itemSelectBlock li label,
#entryFormArea #positionBlock li label {
	font-weight: bold;
	line-height: 1;
	vertical-align: bottom;
}

#entryFormArea #itemSelectBlock li label input,
#entryFormArea #positionBlock li label input {
	vertical-align: bottom;
}

/*
投稿Form｜どのような方にお勧めのマンションですか
.recommendBlock
この.recommendBlockは他のページの.recommendBlockとは異なり、
「どのような方にお勧めのマンションですか」ブロックのデザインが入っている。
※class名の重複、IDの重複が起きている。
※強制的に上書きしているが、他のclass名等に変更したほうがいいかもしれない。
*/
.recommendBlock {
	margin-bottom: 0 !important;
}

.recommendBlock ul {
	width: 100% !important;
}

.recommendBlock ul li {
	width: auto !important;
	text-align: left !important;
	border: none !important;
	margin: 1em;
	padding: 0 !important;
}

.recommendBlock ul li label {
	font-weight: bold;
	line-height: 1;
}

.recommendBlock ul li label input {
	margin-right: .5em;
}

#entryFormArea .footerAttentionBlock {
	margin: 4em 10px;
	text-align: center;
}
#entryFormArea .footerAttentionBlock span{
	font-weight: bold;
}

/* ▼ MB用口コミフォーム上書き・追加CSSここから ▼ */
/* MBで使っているので、最適化するとき注意する */

/* メリット > 口コミ項目のプルダウン選択により注釈文を表示させる */
.merit_description {
	width: 95%;
	margin: 5px auto;
	font-size: 90%;
	font-weight: normal;
}

.review_form .section {
	width: 90%;
	margin: 0 auto 20px;
}

.review_form .textInfo p {
	font-weight: normal;
}

/* .noteTxt_big のモバイル用上書き */
.noteTxt_big_mb {
	width: 90%;
	margin: 0 auto 10px;
	font-size: 110%;
}


.entryFormArea_m #entry .box {
	margin: 20px auto 10px;
	padding: 15px 10px;
}

/* 物件名部分 */
.entryFormArea_m #entry .box .subReviewArea p {
	margin: .25em .5em 1em;
	font-weight: normal;
}

.entryFormArea_m #entry .box .nameArea .date {
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

.entryFormArea_m #entry .box .nameArea .nickname {
	font-size: 16px;
}

.entryFormArea_m #entry .box .nameArea .link {
	font-size: 12px;
	line-height: 1.2;
}

.entryFormArea_m #entry .box .subReviewArea {
	margin: 1em 0;
	padding: .5em;
}

.entryFormArea_m #entry .box .subReviewArea h5 {
	padding: 0 .5em .5em;
	margin: .5em 0 0;
}


.entryFormArea_m #entry .box table {
	border-collapse: collapse;
	border-spacing: 0;
}

.entryFormArea_m #entry .box table th {
	padding: 10px;
	background: #e2e9ee;
	border-top: 4px solid #526c88;
	border-bottom: 1px solid #d2dde5;
	color: #004c77;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

.entryFormArea_m #entry .box table th .evaluation img {
	vertical-align: -0.15em;
	width: 12px;
}

.entryFormArea_m #entry .box table th .evaluation span {
	font-size: 20px;
	line-height: 1;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 200;
	color: #333;
}

.entryFormArea_m #entry .box table td.label {
	width: 20px;
	padding: 10px 2px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25;
}

.entryFormArea_m #entry .box table td.body {
	padding: 10px;
	word-break: break-word;
}

.entryFormArea_m #entry .box table td.body.bg2 {
	background: #f9f9f9;
}

#entryFormArea.entryFormArea_m .footerAttentionBlock {
	margin: 2em 10px;
	font-size: 14px;
}

#entryFormArea.entryFormArea_m .footerAttentionBlock p {
	font-weight: normal;
}

#entryFormArea.entryFormArea_m .kiyakuBlock {
	margin: 0 10px;
}

/* ▲ MB用口コミフォーム上書き・追加CSSここまで ▲ */


/* 下書き保存中の口コミ削除の確認モーダル */
.not_posted_review_delete_area {
	padding: 0;
}

.not_posted_review_delete_area .bt_delete_review {
	width: 420px;
	float: left;
	margin: 0 auto;
	text-align: center;
}

.not_posted_review_delete_area .bt_delete_review a {
	margin-left: 5px;
	width: 128px;
}

.not_posted_review_delete_area .bt_delete_review .moderate_button_a {
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.not_posted_review_delete_area {
		box-sizing: border-box;
	}

	.not_posted_review_delete_area .category_sub_title span {
		font-size: 14px;
	}

	.not_posted_review_delete_area p {
		font-size: 12px;
	}

	.not_posted_review_delete_area .bt_delete_review {
		max-width: 400px;
		width: 100%;
	}

	.not_posted_review_delete_area .bt_delete_review a {
		margin: 0 auto;
		width: 112px;
	}

	.not_posted_review_delete_area .bt_delete_review .moderate_button_a {
		margin: 10px auto 0;
		padding: 10px 0;
		width: 152px;
	}
}


/*
 物件名下の簡易物件概要 .mansion_refer_data
--------------------------------------------- */
.mansion_refer_data {
  margin: 10px auto 10px;
}

.mansion_refer_data tr {
	display: inline-block;
	margin: 0 1em .35em 0;
}

.mansion_refer_data th {
	background: #d5dde6;
	border: none;
	color: #345;
	font-size: 9px;
	font-weight: bold;
	line-height: 1;
	padding: 0 10px;
	text-align: center;
	vertical-align: middle;
}

.mansion_refer_data td {
	border: none;
	background: none;
	padding: 0 5px;
	font-size: 11px;
}