/* ===== room.ctp 専用のページ内スコープ調整 =====
   共有CSS/画像は変更しない。ここに書いた指定はこのページだけに効く。 */

/* スペック下のサマリー本文の行間をもう少し広く */
.page-summary { line-height: 1.8; }

.index_list .name { font-size: 0.8em; }
.index_list .date { font-size: .8em; }
.index_list .ttl {
	font-weight: normal;
	font-size: .9em;
	color: #333333;
}

/* .mikata_graphは共有CSSでdisplay:flex(4枚のグラフが並ぶ前提で840px幅を
   ちょうど埋める設計)。今回1枚(総合評価)をコメントアウトして3枚(210px×3=630px)に
   減らしたため、残り210px分が右側に空白として残ってしまう(flexの既定は
   左詰め)。3枚を右揃えにする。 */
.mikata_graph {
	justify-content: flex-end;
	/* 共有CSSでmargin: 64px 0(上下とも)が付いており余白が大きいため0にする。 */
	margin-top: 0;
	margin-bottom: 0;
}
/* 4つのグラフ(総合評価/収益性/安定性/リスク回避性)の小見出しを、
   グラフ(svgを包むdiv)の下に移動する。各.radar-chartは見出し+div(svg)の
   2要素構成のみなので、column-reverseで表示順だけ入れ替える
   (HTML自体は変更しない)。 */
.mikata_graph .radar-chart { display: flex; flex-direction: column-reverse; }
/* 見出しタグ自体はh3ではなくh4にする(ユーザー指示: スタイルは変えずにh4へ)。
   共有CSSの.radar-chart h3{margin-bottom:.5em}はh4には適用されないため、
   ここで明示的に複製してスタイルを維持する。 */
.mikata_graph .radar-chart h4 { font-size: .9em; font-weight: 400; margin-bottom: .5em; }
/* svgは既定でdisplay:inlineのため、ベースライン基準の余白(約6px)が
   グラフ下(column-reverseなのでキャプション手前)に隙間として生じていた。
   blockにして詰める。 */
.mikata_graph .radar-chart svg { display: block; }
/* 上記だけでは解消しきれない大きな隙間が残っていた。 */
.mikata_graph .radar-chart > div { margin-bottom: -37px; }
@media screen and (max-width:768px) {
	.mikata_graph .radar-chart > div { margin-bottom: 16px; }
	.mikata_graph .radar-chart h4 { font-weight: 700; }
	.mikata_graph .radar-chart:not(:last-child) { margin-bottom: 20px; }
}

/* MIKATAイズムボタン: くの字マークを外し(class arrow→white)、共有CSSの
   .btn.whiteをそのまま使う。 */
@media screen and (min-width:769px) {
	.mikata .btn.white.pc {
		position: absolute;
		top: 64px;
		right: 0;
		width: auto;
		max-width: none;
		display: grid;
		place-items: center;
		padding: .4em 1em;
		border-radius: 999px;
		font-weight: 400;
		font-size: 14px;
		box-shadow: inset 0 0 0 1px #007a8e;
	}
}

/* 投資家向け分析結果テーブルが大きすぎるためアコーディオン化 */

/* ===== ファーストビュー(パンくず下 〜 投資家向け分析結果より上)の整理 ===== */
@media screen and (min-width:769px) {
	.basic_info.mansion_detail .inner { display: block; }
	.basic_info.mansion_detail .basic_info_ttl,
	.basic_info.mansion_detail .basic_info_data { width: 100%; }
	.basic_info.mansion_detail .mikata_point,
	.basic_info.mansion_detail .mikata_star { font-size: 1.2em; }
	.basic_info.mansion_detail .mikata_point { color: #a5843c; }
	.basic_info.mansion_detail .mikata_star .star.gold { color: gold; }
	article .mansion_detail .building_eval .help_open { font-size: 12px; background: #007a8e; }
	#mikata .help_open { font-size: 12px; background: #007a8e; }
	#mikata .mikata_point,
	#mikata .mikata_star { font-size: 13px; }
	#mikata .general .mikata_point,
	#mikata .general .mikata_star { font-size: inherit; }
	#mikata td.general { padding-top: 1.5em; padding-bottom: 1.5em; }
	.tbl_mikata th, .tbl_mikata td { padding: .35em 0; }
	.tbl_mikata th { width: 20%; }
	#mikata .compare_item { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 24px; }
	#mikata .compare_ttl { flex: 0 0 100%; width: 100%; padding: .6em 1em; }
	#mikata .compare_ttl div { position: static; top: auto; transform: none; }
	#mikata .compare_item table.tbl_mikata.compare { flex: 1 1 0; min-width: 0; margin: 1em 0 0; }
	#mikata .compare_item .compare_graph { flex: 0 0 280px; width: 280px; border: none; }
	#mikata .compare_item .compare_graph { align-items: flex-start; }
	.basic_info.mansion_detail .basic_info_ttl {
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.mansion_detail .chara_tag li { font-size: .75em; padding: .15em .8em; }
}

/* 新着タグ→NEW表記・赤ベタ。販売中バッジ */
article .mansion_detail .building_ttl { padding-left: 0; }
.mansion_detail .chara_tag li.tag_new {
	background: #b30000;
	border-color: #b30000;
	color: #fff;
	font-weight: 700;
}
.mansion_detail .chara_tag li.tag_sale {
	background: #002c33;
	border-color: #002c33;
	color: #fff;
	border-radius: 6px;
	font-weight: 700;
}
.mikata .sec_ttl .tokkyo {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: #002c33;
	border-color: #002c33;
	color: #fff;
	border-radius: 6px;
	font-weight: 700;
	font-size: 11px;
	padding: .3em .6em;
	top: -2.1px;
}

/* 価格・利回り・交通を1つのベージュ帯にまとめて大きく表示 */
.mansion_detail .bldg_band {
	display: flex;
	align-items: stretch;
	background: #fbf7ef;
	border-radius: 8px;
	padding: 16px 22px 12px;
	margin: 10px 0 20px;
}
.mansion_detail .bldg_band .band_cell {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	padding: 0 22px;
}
.mansion_detail .bldg_band .band_cell:first-child { padding-left: 0; }
.mansion_detail .bldg_band .band_cell:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 7px;
	right: 0;
	width: 1px;
	background: #e0d9c5;
}
.mansion_detail .bldg_band .band_station { flex: 1; }
.mansion_detail .bldg_band .band_lbl {
	font-size: 12px;
	color: #9c9484;
	margin-bottom: 2px;
	line-height: 1;
}
.mansion_detail .bldg_band .band_val {
	font-size: 15px;
	font-weight: 500;
	color: #2b2b2b;
	line-height: 1.15;
	margin-top: auto;
	margin-bottom: auto;
}
.mansion_detail .bldg_band .band_val strong { font-size: 25px; font-weight: 500; }
.mansion_detail .bldg_band .band_yield .band_val { color: #a5843c; }
.mansion_detail .bldg_band .band_station .band_val { font-size: 15px; }
.mansion_detail .bldg_band .band_station .band_val .ico_line { vertical-align: middle; position: relative; top: -2.125px; }

@media screen and (max-width:768px) {
	.mansion_detail .bldg_band { flex-direction: row; flex-wrap: wrap; padding: 14px 16px; align-items: stretch; margin-left: 1em; margin-right: 1em; margin-bottom: 10px; }
	.mansion_detail .bldg_band .band_price,
	.mansion_detail .bldg_band .band_yield { flex: 0 0 calc(50% - 5px); width: calc(50% - 5px); padding: 0 16px 0 12px; }
	.mansion_detail .bldg_band .band_price { padding-left: 0; }
	.mansion_detail .bldg_band .band_price::after,
	.mansion_detail .bldg_band .band_yield::after { display: none; }
	.mansion_detail .bldg_band .band_price .band_val,
	.mansion_detail .bldg_band .band_yield .band_val { margin: 0; white-space: nowrap; }
	.mansion_detail .bldg_band .band_station {
		flex: 1 1 100%;
		flex-direction: row;
		align-items: baseline;
		justify-content: flex-start;
		margin-top: 12px;
		padding-top: 12px;
		padding-left: 0;
		border-top: 1px solid #e0d9c5;
	}
	.mansion_detail .bldg_band .band_station .band_lbl { margin-bottom: 0; margin-right: 1em; position: relative; top: 1px; }
	.mansion_detail .bldg_band .band_station .band_val { margin: 0; }
	article .mansion_detail .basic_info_ttl { border-bottom: none; }
}

/* 問い合わせボタン */
.mansion_detail .fv_inquiry { margin: 12px 0 0; text-align: left; }
.mansion_detail .fv_inquiry .btn {
	display: inline-block;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 1em 2.4em;
	font-size: .95em;
	border-radius: 999px;
}
.mansion_detail .fv_inquiry .btn:hover { box-shadow: none; }
@media screen and (min-width:769px) {
	.mansion_detail .fv_inquiry {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		margin: 0;
	}
}

/* スペック一覧 */
.mansion_detail .basic_info_data dt { background: none; }
@media screen and (max-width:768px) {
	.mansion_detail .basic_info_data dt { color: #9c9484; }
	.mansion_detail .basic_info_data dt { font-size: 12px; }
	.mansion_detail .basic_info_data dd { font-size: 15px; }
	.mansion_detail .basic_info_data dt:nth-of-type(n+2),
	.mansion_detail .basic_info_data dd:nth-of-type(n+2) {
		border-top: 1px solid #e6eced;
		padding-top: 10px;
	}
	.mansion_detail .basic_info_data dt,
	.mansion_detail .basic_info_data dd {
		vertical-align: bottom;
	}
	.mansion_detail .basic_info_data dt:last-of-type,
	.mansion_detail .basic_info_data dd:last-of-type {
		margin-bottom: 0;
	}
	.mansion_detail .basic_info_data { padding-bottom: 10px; }
}
@media screen and (min-width:769px) {
	.mansion_detail .basic_info_data dl {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 32px;
		row-gap: 0;
		letter-spacing: normal;
	}
	.mansion_detail .basic_info_data dt,
	.mansion_detail .basic_info_data dd {
		display: block;
		width: auto;
		margin: 0;
		padding: 0;
	}
	.mansion_detail .basic_info_data dt {
		font-size: 12px;
		color: #9c9484;
		line-height: 1;
		margin-bottom: 6px;
	}
	.mansion_detail .basic_info_data dd {
		font-size: 15px;
		font-weight: 500;
		color: #2b2b2b;
		line-height: 1.3;
	}
	.mansion_detail .basic_info_data dt:nth-of-type(1) { grid-column: 1; grid-row: 1; }
	.mansion_detail .basic_info_data dd:nth-of-type(1) { grid-column: 1; grid-row: 2; padding-bottom: 16px; }
	.mansion_detail .basic_info_data dt:nth-of-type(2) { grid-column: 2; grid-row: 1; padding-left: 24px; }
	.mansion_detail .basic_info_data dd:nth-of-type(2) { grid-column: 2; grid-row: 2; padding-left: 24px; padding-bottom: 16px; }
	.mansion_detail .basic_info_data dt:nth-of-type(3) { grid-column: 1; grid-row: 3; padding-top: 16px; border-top: 1px solid #e6eced; }
	.mansion_detail .basic_info_data dd:nth-of-type(3) { grid-column: 1; grid-row: 4; }
	.mansion_detail .basic_info_data dt:nth-of-type(4) { grid-column: 2; grid-row: 3; padding-left: 24px; padding-top: 16px; border-top: 1px solid #e6eced; }
	.mansion_detail .basic_info_data dd:nth-of-type(4) { grid-column: 2; grid-row: 4; padding-left: 24px; }
}

/* 画面下端の追従バナー(.fix_cp)を、フッター上部に埋め込む通常表示に変更する。 */
.fix_cp.fv_footer_cp {
	position: relative;
	left: auto;
	bottom: auto;
	z-index: auto;
	animation: none;
	background: none;
}
.fix_cpn_bnr { margin-bottom: 61px; }
/* マンション詳細のQUOカードバナーは .fv_2col の外(main_content直下)に置いており、
   左カラムの幅制約を受けず全幅(1265px)に伸びてしまう。ルーム詳細の左カラム幅(845px)に揃える。
   .fv_2col は max-width:1200px + gap:100px + 右カラム255px なので 1200-100-255=845px。 */
@media screen and (min-width:769px) {
	.main_content > .fix_cpn_bnr {
		max-width: 845px;
		margin-left: auto;
		margin-right: auto;
		/* .fv_2col 自体が中央寄せのため、左カラム左端と揃うよう右カラム+gap分を戻す */
		transform: translateX(calc((-100px - 255px) / 2));
	}
}
@media screen and (max-width:768px) {
	.fix_cpn_bnr { margin-left: 1em; margin-right: 1em; }
}

/* 「不動産オーナーの声」セクション末尾の余白 */
.voice { padding-bottom: 24px; }
.voice .img_wrap { margin-bottom: 4px; }
.voice .txt_wrap { padding-top: 4px; }
@media screen and (max-width:768px) {
	.voice .img_wrap { margin-bottom: 0; }
	.voice .index_list .date { bottom: 1em; }
}

/* 「最寄り駅」の各駅名見出しに、幅100%の下線を付ける。 */
.st_info p.station_name {
	display: block;
	width: 100%;
	padding-bottom: 8px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 1em;
	font-weight: 700;
	margin-bottom: .2em;
}
.st_info li {
	border: 1px solid #dddddd;
	border-radius: 10px;
	padding: 1em 1.4em;
}
@media screen and (min-width: 769px) {
	.st_info li { width: calc(50% - 0.5em); margin-right: 1em; }
}
#st_info h3.small_ttl { font-size: 1.2em; }
.station_lines { margin: 8px 0 0; color: #666666; font-size: .9em; }
.station_time_text { color: #666666; font-size: .9em; }

/* cv_mikata(会員登録して分析するCTA) */
.cv_mikata p { text-align: center; }

/* 所在地行(.data2_address_wide)の幅 */
@media screen and (min-width:769px) {
	.data2_address_wide { width: 726px; flex: 0 0 726px; }
}

/* cv_advice2_top */
@media screen and (min-width: 769px) {
	.cv_advice2_top .btn {
		left: 60px;
		transform: none;
		max-width: 16em;
		bottom: 22px;
	}
}
.cv_advice2_top .btn {
	padding: 1em 0.5em;
}
.cv_advice2_top .txt3 {
	margin-left: 60px;
}
.cv_advice2_top .call_psomise {
	font-size: 2.4em;
}
.cv_advice2_top .txt3_tel_label {
	font-weight: 700;
	font-size: 1.1em;
}
@media screen and (max-width:768px) {
	.cv_advice2_top .txt3 {
		margin-left: 0;
		text-align: center;
	}
	.cv_advice2_top .call_psomise {
		display: inline-block;
	}
	.cv_advice2_top { position: relative; }
	.cv_advice2_top::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.25);
		pointer-events: none;
	}
	.cv_advice2_top .txt3 {
		text-shadow: 0 1px 25px rgba(0, 0, 0, 1);
	}
	.cv_advice2_top .btn {
		max-width: 16em;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 22px;
	}
}

.cv_advice2_top .inner {
	padding-top: 22px;
	padding-bottom: 110px;
}
.cv_mikata a.btn { margin-top: 20px; }
.cv_mikata { margin-top: -3px; margin-bottom: 93px; }

#building_image > .inner { padding-top: 0; }

#mikata table.tbl_mikata:not(.compare) tr:last-child td,
#mikata table.tbl_mikata:not(.compare) tr:last-child th {
	border-bottom: none;
}

.mikata_table_wrap {
	border: 1px solid #dddddd;
	border-radius: 20px;
	padding: 0 1em;
}
#mikata td.general {
	border-top: none;
}
.mikata_table_wrap table.tbl_mikata {
	font-size: .9em;
}

.area_compare_wrap {
	border: 1px solid #dddddd;
	border-radius: 20px;
	overflow: hidden;
	padding: 0 1em;
}
.area_compare_wrap .compare_ttl {
	background: none;
}
#mikata .area_compare_wrap .compare_ttl {
	padding-left: 0;
}
.area_compare_wrap table.tbl_mikata.compare tr:not(:first-child) th:first-child {
	font-size: .9em;
}
.area_compare_wrap .compare_item:first-child {
	padding-top: 1.5em;
}
.area_compare_wrap .compare_item + .compare_item {
	margin-left: -1em;
	margin-right: -1em;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1px;
	padding-top: 21px;
	border-top: 1px solid #dddddd;
}
.area_compare_wrap .compare_graph {
	/* 共有CSSの height:320px 固定を解除し、SVGの実寸に追従させる。
	   SVGの高さはデータにより 270px / 290px 等と変わり(viewBox 一杯まで凡例を描画する)、
	   固定値だと凡例が overflow:hidden で切れるため。auto なら下の余剰余白も出ない。 */
	height: auto;
	overflow: visible;
}

.room .btn.favorite,
.room .btn.request,
.room .btn.detail {
	font-size: 13px;
	padding: 5px 12px;
}

/* facet_nav 2カラム */
@media screen and (min-width:769px) {
	.fv_2col { display: flex; align-items: flex-start; gap: 100px; max-width: 1200px; margin: 0 auto; }
	.fv_2col_left { flex: 1 1 auto; min-width: 0; }
	.fv_2col_right { flex: 0 0 255px; width: 255px; box-sizing: border-box; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; margin-top: 32px; }
	#facet_nav .inner { padding: 1.5em 0 4px; }
	.fv_2col_left .cont_wrap { padding-left: 0; padding-right: 0; }
	.fv_2col_left .building_image .slick-prev { left: .5em; }
	.fv_2col_left .building_image .slick-next { right: .5em; }
	.main_img::before, .main_img::after { display: none; }
	.fv_2col_left .building_image .main_img .slick-slide { transition: transform .2s; }
	.fv_2col_left .building_image .main_img .slick-slide.slick-center { transform: scale(1.1); position: relative; z-index: 1; }
	.photo_counter {
		margin-top: -22px;
		margin-bottom: 10px;
		text-align: center;
		color: #666;
		font-size: 13px;
	}
	.fv_2col_left .building_image #thumbnail_slider.slick-slider {
		padding: 0 2.4em;
	}
	.fv_2col_left .building_image #thumbnail_slider .slick-prev,
	.fv_2col_left .building_image #thumbnail_slider .slick-next {
		top: 0;
		bottom: 0;
		height: auto;
		width: 2.4em;
		transform: none;
		border-radius: 0;
		background: #fff;
		border: none;
	}
	.fv_2col_left .building_image #thumbnail_slider .slick-prev { left: 0; }
	.fv_2col_left .building_image #thumbnail_slider .slick-next { right: 0; }
	.fv_2col_left .building_image #thumbnail_slider .slick-prev,
	.fv_2col_left .building_image #thumbnail_slider .slick-next {
		bottom: auto;
		height: 82px;
	}
	.fv_2col_left .building_image #thumbnail_slider .slick-prev::before,
	.fv_2col_left .building_image #thumbnail_slider .slick-next::before {
		border-width: 0 2px 2px 0;
	}
	.sumbnail_img img {
		border-width: 2px;
	}
	#facet_nav .ctgr { display: block; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e0e0e0; }
	#facet_nav .ctgr_ttl { width: auto; padding-right: 0; margin-bottom: .3em; }
	#facet_nav .tgl_cont { width: auto; }
	#facet_nav .ctgr.fv_group_break { margin-top: 0; padding-top: 24px; border-top: 2px solid #ccc; }
	#facet_nav .ctgr:has(+ .ctgr.fv_group_break) { border-bottom: none; }
	#facet_nav .ctgr:last-child { border-bottom: none; }
	#facet_nav .conditions dl { display: block; }
	#facet_nav .conditions dt { width: auto; margin-bottom: .2em; color: #444444; }
	#facet_nav .conditions dd {
		width: auto;
		margin-bottom: .8em;
		padding-bottom: 12px;
		border-bottom: 1px solid #e0e0e0;
	}
	#facet_nav .conditions dd:last-of-type { border-bottom: none; padding-bottom: 0; }
	#facet_nav .ctgr_ttl,
	#facet_nav a,
	#facet_nav .conditions dt,
	#facet_nav .conditions dd { font-size: 12.5px; }
	#facet_nav .tgl_cont a { color: #666666; }
	#facet_nav .ctgr_ttl { color: #444444; }
	#facet_nav .ctgr.fv_group_break .ctgr_ttl {
		font-size: 16px;
		color: #000;
		margin-bottom: 12px;
		padding-bottom: 8px;
		border-bottom: 1px solid #e0e0e0;
	}
}
.fv_2col_right_ttl { display: none; }
@media screen and (min-width:769px) {
	.fv_2col_right_ttl { display: block; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; font-size: 16px; font-weight: 700; }
}

.small_ttl { font-size: 1.2em; font-weight: 700; }

.tbl_transition th { font-size: 0.9em; }

.transition_wrap {
	border: 1px solid #dddddd;
	border-radius: 20px;
	padding: 1em;
	margin-bottom: 2em;
}

.page-summary { font-size: 0.9em; }
@media screen and (max-width:768px) {
	.page-summary { font-size: 1.08em; }
}

.st_info h4 { font-size: 1em; }

.gap93_mikata { margin-top: 29px; }
.gap93_simulation { margin-top: 29px; }
.gap93_qa { margin-top: 17px; }
.gap93_voice { margin-top: 61px; }
.gap93_seminar { margin-top: -13px; }
.gap93_nearby { margin-top: 9px; }
@media screen and (max-width:768px) {
	.basic_info + .cont_wrap > .inner,
	#building_map > .inner,
	#simulation > .inner,
	.cv_advice2_top .inner,
	.voice > .inner,
	.rcbbnr > .inner,
	.sale_info > .inner { padding-bottom: 0; }

	.gap93_mikata,
	.gap93_simulation,
	.gap93_qa,
	.gap93_voice,
	.gap93_seminar,
	.gap93_nearby,
	.sale_info h2.sec_ttl { margin-top: 0; }

	#mikata > .inner { padding-top: calc(59.57px - 1.0871vw); }
	#simulation > .inner { padding-top: 60px; }
	#qa > .inner { padding-top: calc(58.87px - 2.5424vw); }
	.voice > .inner { padding-top: 60px; }
	.rcbbnr > .inner { padding-top: 36px; }
	.sale_info > .inner { padding-top: calc(60.01px - 3.1987vw); }

	.cv_mikata { margin-bottom: 60px; }

	.sale_info h2.gap93_nearby { margin-top: -1.0558vw; }
}

.gap38_openterm { margin-top: 6px; }
.st_info h3.gap38_station { margin-top: -26px; margin-bottom: 15.36px; }
#building_map > .inner { padding-top: 0; }
#st_info > .inner { padding-bottom: 12px; }

@media screen and (max-width:768px) {
	h3.block_ttl,
	h3.sec_ttl.small_ttl,
	.st_info h3.gap38_station { margin-top: 0; }
	.transition_wrap { margin-bottom: 0; }
	#mikata > .inner,
	#building_data > .inner,
	#st_info > .inner { padding-bottom: 0; }
	#st_info .inner ul > li:last-child { margin-bottom: 0; }

	#mikata ~ section.cont_wrap:not([id]) > .inner { padding-top: 30px; }
	#mikata ~ section.cont_wrap:not([id]) h3.block_ttl:not(.gap38_openterm) { margin-top: 30px; }
	#st_info > .inner { padding-top: 31px; }
	#building_map > .inner { padding-top: 30px; }
	#mikata .mikata_graph > *:last-child { padding-bottom: 0; }
	#mikata .mikata_graph > *:last-child > div { margin-bottom: 16px; }
	#mikata h3.block_ttl { margin-top: calc(28.87px - 1.6786vw); }

	h3.block_ttl,
	#st_info h3.gap38_station,
	#building_map h3.gap38_map { font-size: 1.4em; }

	#thumbnail_slider .slick-prev,
	#thumbnail_slider .slick-next {
		background: none;
		border: none;
		box-shadow: none;
	}
	#thumbnail_slider .slick-prev::before,
	#thumbnail_slider .slick-next::before {
		border-width: 0 2px 2px 0;
	}

	.simulation_calc input {
		font-size: 16px;
		min-height: 24px;
	}
}

/* ===== グラフ(SVG)内テキストの拡大 ===== */
.radar-chart svg { overflow: visible; }
@media screen and (max-width:360px) {
	.radar-chart svg text[font-size="9"]  { font-size: 10.8px; }
	.radar-chart svg text[font-size="10"] { font-size: 12px; }
}
@media screen and (min-width:361px) and (max-width:768px) {
	.radar-chart svg text[font-size="9"]  { font-size: 11.7px; }
	.radar-chart svg text[font-size="10"] { font-size: 13px; }
}
@media screen and (min-width:769px) {
	.radar-chart svg text[font-size="9"]  { font-size: 10.8px; }
	.radar-chart svg text[font-size="10"] { font-size: 12px; }
}
@media screen and (max-width:360px) {
	.radar-chart svg text.radar_main_axis { font-size: 15px; }
}
@media screen and (min-width:361px) and (max-width:768px) {
	.radar-chart svg text.radar_main_axis { font-size: 16px; }
}
@media screen and (min-width:769px) {
	.radar-chart svg text.radar_main_axis { font-size: 15px; }
}
.radar-chart svg text.radar3_axis { font-size: 14px; }
@media screen and (max-width:768px) {
	.compare_graph svg text[font-size="9"]  { font-size: 9.9px; }
	.compare_graph svg text[font-size="10"] { font-size: 11px; }
}
@media screen and (min-width:769px) {
	.compare_graph svg text[font-size="9"]  { font-size: 9.45px; }
	.compare_graph svg text[font-size="10"] { font-size: 10.5px; }
}
@media screen and (max-width:768px) {
	.transition_wrap svg text[font-size="12"] { font-size: 33.6px; }
}
@media screen and (min-width:769px) and (max-width:1100px) {
	.transition_wrap svg text[font-size="12"] { font-size: 19px; }
}
@media screen and (min-width:1101px) {
	.transition_wrap svg text[font-size="12"] { font-size: 15px; }
}
.transition_wrap svg text[y="250"] { font-size: 17px; }

@media screen and (max-width:768px) {
	.transition_wrap svg path[d="M 442,290 L 457,290"],
	.transition_wrap svg path[d="M 502,290 L 517,290"],
	.transition_wrap svg path[d="M 574,290 L 589,290"] {
		transform-origin: 600px 295px;
		transform: scale(2.8);
	}
}
@media screen and (min-width:769px) and (max-width:1100px) {
	.transition_wrap svg path[d="M 442,290 L 457,290"],
	.transition_wrap svg path[d="M 502,290 L 517,290"],
	.transition_wrap svg path[d="M 574,290 L 589,290"] {
		transform-origin: 600px 295px;
		transform: scale(1.5833);
	}
}
@media screen and (min-width:1101px) {
	.transition_wrap svg path[d="M 442,290 L 457,290"],
	.transition_wrap svg path[d="M 502,290 L 517,290"],
	.transition_wrap svg path[d="M 574,290 L 589,290"] {
		transform-origin: 600px 295px;
		transform: scale(1.25);
	}
}

/* 区の情報テーブル: 共有CSS(building.css)の .building_rel_info.ward th { width: 20em }(PC)は
   本文が全幅だった頃の指定。2カラム化で本文幅が狭まり、見出し列が320pxを占めて
   数値列・ランキング列が潰れていたため、見出し列を縮めて残りを数値側へ回す。 */
@media screen and (min-width: 769px) {
	.building_rel_info.ward th { width: 11em; }
	/* 数値とランキングは折り返さず1行で読ませる(潰れ防止) */
	.building_rel_info.ward td { white-space: nowrap; }
	/* 見出しの絶対配置ぶんの左余白(15em)も本文幅に対して大きいので詰める */
	.building_rel_info.ward section { padding-left: 11em; }
}