@charset "UTF-8";

/* 駅口コミ
***********************************************************************/

#entry {
	margin-bottom: 5px;
}

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

#entry .reviewTab a {}


/* 総合評価：ユーザー評点とユーザー投票平均 */
.station_total_evaluation {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 0 3%;
	text-align: center;
}

.station_total_evaluation h3 {
	padding-bottom: 1.5em;
	margin-bottom: 0;
	border-bottom: 1px dashed #333;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
}

.total_evaluation_value .total {
	display: block;
	margin: 75px auto 20px;
	line-height: .6em;
	font-size: 80px;
	color: #004c77;
}

.total_evaluation_value .review_count {
	margin: 50px auto 0;
}

.total_evaluation_value .review_count p {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.8em;
}

.total_evaluation_value .review_count .vote_count {
	font-size: 28px;
	color: #004c77;
}


/* tooltipの外枠 */
.review_chart_div .highcharts-tooltip-box {
	stroke-width: 2;
}

.review_chart_div .highcharts-tooltip span {
	font-family:'YakuHanJP',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

.review_chart_div .tooltip_table td{
	vertical-align: middle;
}

/* チャート評点 */
/* ※ https://github.com/novus/nvd3/issues/1101 */
.review_chart_div .highcharts-axis-labels text{
	font-size: 12px!important;
	font-weight: bold;
	font-family:'YakuHanJP',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
	color: #222!important;
	cursor: default!important;
	fill: #222!important;
}

.review_chart_div .xaxis_title {
	font-size: 11px!important;
	letter-spacing: normal;
}

.review_chart_div .xaxis_score {
	color: #004c77!important;
	font-size: 20px;
	fill: #004c77!important;
}


#entry .box {
	margin: 4em 0;
	FONT-VARIANT: JIS04;
	padding: 2em;
	border: 1px solid #666;
	/* background: #fcfcfc; */
	/* border-radius: 20px; */
	/* -webkit-border-radius: 20px; */
	-moz-border-radius: 20px;
}


/*
* ユーザー情報 .nameArea
*/
#entry .box .nameArea {
	font-size: 110%;
}

#entry .box .nameArea .icon {
	position: relative;
	line-height: 1;
}

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

#entry .box .nameArea .icon .user_fukidashi:after {
	content: '…';
	position: absolute;
	top: 9px;
	left: 9px;
	font-family: serif;
	font-size: 24px;
	color: #fff;
}

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

#entry .box .nameTable {
	background: none;
	border: none;
	border-bottom: 1px solid #666;
	margin: 0;
}

#entry .box .nameTd {
	border: 0;
	padding: 0 .5em .75em;
	vertical-align: middle;
}

#entry .box .nameTd1 {
	text-align: center;
	width: 100px;
	padding: 0 0.5em 0.75em 0;
}

#entry .box .nameTd2 {}

#entry .box .nameTd2 .link {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1;
	margin-top: .25em;
}

#entry .box .nameTd2 .link .nickname {
	display: inline-block;
	margin-right: .5em;
	font-size: 18px;
	font-weight: bold;
	color: #004c77;
	letter-spacing: inherit;
	vertical-align: middle;
}

#entry .box .nameTd2 .link .reviewnum {
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 0 .8em;
	display: inline-block;
	background: #7293ae;
	line-height: 1.8;
}

#entry .box .nameTd2 .station_name {
	display: inline-block;
	font-size: 15px;
	margin-left: 1em;
}

#entry .box .nameTd2 .station_name:before {
	font-family: "Font Awesome 5 Free";
	content: "\f238";
	font-weight: 700;
	font-size: inherit;
	padding-right: 0.5em;
}


#entry .box .nameTd3 {
	vertical-align: bottom;
	text-align: right;
}

#entry .box .nameTd3 .link_to_station {
}

#entry .box .nameTd3 .link_to_station span {
	margin: 0;
}

#entry .box .nameTd3 span {
	display: inline-block;
	margin-right: .5em;
	font-size: 12px;
}

#entry .box .nameTd3 .score_text {
	font-size: 26px;
	font-weight: 100;
	font-family: 'Barlow Condensed', sans-serif;
	margin: 0 .2em;
	line-height: 1;
}

#entry .box .nameTd3 img {
	vertical-align: middle;
}


/*
* 口コミ詳細テーブル
*/
#entry .box .reviewDetailTable {
	background: #fff;
	border-collapse: separate;
}

#entry .box .reviewDetailTable td.komoku {
	background: #f5f7f9;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#entry .box .reviewDetailTable td {
	vertical-align: middle;
	border: none;
	border-top: 1px solid #e2e9ee;
}

#entry .box .reviewDetailTable tr:first-of-type td,
#entry .box .reviewDetailTable tr:nth-of-type(2) td {
	border-top: none;
}


/* 口コミ項目名 th .komoku_item_name */
#entry .reviewDetailTable th {
	width: 100px;
	text-align: center;
	background: #f5f7f9;
	border: none;
	border-top: 5px solid #526C88;
	color: #004c77;
	line-height: 1.6;
}

#entry .reviewDetailTable .komoku_item_name{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: normal;
}
#entry .reviewDetailTable .komoku_item_name:before {
	font-family: "Font Awesome 5 Free";
	content: "\f08d";
	font-weight: 900;
	display:block;
	color: #004c77;
	margin: 5px 5px 5px 0;
	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	transform: rotate(-25deg);
}


/* 星 .evaluation */
#entry .reviewDetailTable td.evaluation {
	width: 16px;
	text-align: center;
	line-height: 1.3;
	vertical-align: middle;
}

#entry .reviewDetailTable td.evaluation b {
	font-size: 26px;
	font-weight: 100;
	font-family: 'Barlow Condensed', sans-serif;
}

#entry .reviewDetailTable .evaluation .ster_icon{
	margin-bottom: 1em;
}

/* メリット・デメリット .label .body */
#entry .box .reviewDetailTable .label {
	border: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	width: 16px;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
}

#entry .reviewDetailTable .body{
	padding: 2em;
	background: #fff;
	font-size: 14px;
}

#entry .box .reviewDetailTable .body.body_demerit {
	border-top: none;
}

#entry .reviewDetailTable .label.lbl1 {
	border-top: 1px solid #e2e9ee;
	color: #32B4AA;
	background: #EBF9F8;
}

#entry .reviewDetailTable tr:first-of-type .label.lbl1 {
	border-top: none;
}

#entry .reviewDetailTable .label.lbl2 {
	color: #FF4D4D;
	background: #FFE5E5;
}

#entry .reviewDetailTable .body.bg2{
	background: #FCFCFC;
}


/*
* レーダー項目外口コミ .subReviewArea
*/
#entry .box .subReviewArea {
	margin: 1.5em auto 0;
}

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

#entry .box .subReviewArea p {
	font-size: 14px;
	margin: 1em .5em 0;
}

#entry .box .subReviewArea > div.mosaic_body_wrap {
	margin-top: 1em;
}

#entry .box .subReviewArea .voteArea {
	text-align: center;
	padding: 20px 0 0;
}

#entry .box .subReviewArea .voteArea .moderate_button_input {
	text-align: center;
	margin-top: 7px;
	/* margin-bottom:10px; */
}

#entry .box .subReviewArea .voteArea span {
	margin: 0 10px;
	padding-top: 10px;
	font-size: 160%;
	font-weight: bold;
	color: #e00;
	display: inline-block;
	vertical-align: text-bottom;
}

#entry .subReviewArea.for_mosaic .mosaic_layout-wrap {
	display: table;
	width: 100%;
}

#entry .subReviewArea.for_mosaic .mosaic_layout-title {
	display: table-cell;
	width: 45%;
}

#entry .subReviewArea.for_mosaic .mosaic_layout-mosaic {
	background: url(../../review/images/mosaic_merit.png) left top;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 55%;
}


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

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

/* highlight */
#entry .box .reviewDetailTable .highlight,
#entry .box .subReviewArea .highlight {
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	padding: 0 .2em;
	margin-right: .2em;
	margin-left: .2em;
	background: linear-gradient(#ffeac7 0%, #ffeac7 0%);
}

/**
 * 駅口コミページの 会員登録押下時に出現するmodal  .modal_for_station_review
 */
.modal_for_station_review {
	padding: 28px 28px 0;
}

.modal_for_station_review .modal-txt {
	text-align: center;
	margin-bottom: 1.3em;
	font-weight: bold;
}

.modal_for_station_review .cta_button_a,
.modal_for_station_review .cta_button_span,
.modal_for_station_review .moderate_button_a {
	display: block;
	font-size: 16px;
	padding: 12px;
	margin-top: 1.3em;
	line-height: 1.3;
}

/* SEO改善追加 */
#entry .box .nameAreaBlock .nameTable {
	display: grid;
  grid-template-columns: 110px auto 266px;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "nameTd1 nameTd2 nameTd3";
	align-items: end;
}

#entry .box .nameAreaBlock .nameTable .nameTd1 {
	grid-area: nameTd1;
	align-self: center;
}

#entry .box .nameAreaBlock .nameTable .nameTd2 {
	grid-area: nameTd2; word-break: break-all;
}

#entry .box .nameAreaBlock .nameTable .nameTd3 {
	grid-area: nameTd3;
	align-self: end;
}
/* 
#entry .box .nameAreaBlock .nameTable .nameTd3 .link_to_station {
	white-space: nowrap;
} */