@charset "utf-8";

/* fan独立方針: biz style.css非読込のためのPC/SP幅制御・共通nav表示 */
.page-kojokicho #hamburger_nav_area { display: block; }
.touch .page-kojokicho #container { min-width: 0; }
.touch .page-kojokicho .titlenavigation.holdings-titlenav { display: none; }
.no-touch .page-kojokicho #container { min-width: 980px; }
#page { background-color: #fff; }

/* custom */
.page-kojokicho .bottom_nav {
    margin: 20px 0;
}
.page-kojokicho .bottom_nav .middle_section {
    background: #fff;
}

/* ----------------------------------------------------------------------- 
kojokicho common
-------------------------------------------------------------------------*/
.page-kojokicho .pc-only {
    display: block;
}
.page-kojokicho .sp-only {
    display: none;
}

.flex__block {
	display: flex;
}
.flex__block.just-spabe {
	justify-content: space-between;
}
.flex__block.just-flexen {
	justify-content: flex-end;
}
.flex__block.flexdir-row-r {
	flex-direction:row-reverse;
}
.flex__block.flex-wr {
	flex-wrap: wrap;
}
.flex__block.align-flexen {
	align-items: flex-end;
}
.flex__block.align-ce {
	align-items: center;
}
.flex-sp__block {
	display: block;
}

.page-kojokicho .t-center {
	text-align: center;
}
.page-kojokicho .t-right {
	text-align: right;
}

.page-kojokicho span.custom-note--num {
	display: inline-block;
	font-size:12px;
	vertical-align: top;
}
/* [2026-07-27 社内FB] FB「注釈文字サイズ変更（12px→14px）」により 12px から変更。
   本文中の注釈（※〜）にも span で同クラスを付けて字送りを揃える（span の場合 margin-top は効かない）。
   ※このクラスを使うのは kojokicho のみ（jet_nozzle は使用0件で無影響）。 */
.page-kojokicho .note--text {
	margin-top:10px;
	font-size:14px;
}
.page-kojokicho .note--text span.text--co2 {
	font-size:10px;
}
.page-kojokicho span.text--co2 {
	display: inline-block;
	font-size:12px;
	vertical-align:baseline;
}
.page-kojokicho h3.text--blue {
	color:#06417e;
}
/* [2026-07-24] custom-h3_area→h3_blue(moduleクラス)へ全面置換のため死にルール化。記録として残置。
.page-kojokicho .custom-h3_area h3 span {
	font-size:16px;
	font-weight:normal;
}
.page-kojokicho .custom-h3_area.gray {
	padding:5px 10px;
	color:#858585;
	background-color: #e2e2e1;
}
*/

/* -----------------------------------------------------------------------
[2026-07-24] bottom_nav（カタログバナー2つ）の基底ルールが本ファイルに無く、
liが横並びにならず崩れていた（jet_nozzleがkojokicho本体のcommon/index.cssを
共有読込しており、同種の崩れは jet_nozzle 側の専用CSSで先に対応済＝
§15-9(f)/§15-10(a)）。kojokicho本体にも同ルールを移植。
-------------------------------------------------------------------------*/
.page-kojokicho .bottom_nav .middle_section ul {
	width: 976px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.page-kojokicho .bottom_nav .middle_section ul li {
	margin: 0 0 10px 16px;
	float: left;
}
.page-kojokicho .bottom_nav .middle_section ul li:first-child {
	margin-left: 0;
}
.page-kojokicho .bottom_nav .clearfix:after {
	display: block;
	clear: both;
	content: "";
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-kojokicho .bottom_nav .middle_section ul {
		width: 100%;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.page-kojokicho .bottom_nav .middle_section ul li {
		display: inline-block;
		width: calc((100% - 15px) / 2);
		vertical-align: top;
		margin: 0 15px 15px 0;
		float: none;
	}
	.page-kojokicho .bottom_nav .middle_section ul li:nth-child(2n) {
		margin-right: 0;
	}
}

/* SP Responsive (kojokicho common)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-kojokicho .pc-only {
		display: none;
	}
	.page-kojokicho .sp-only {
		display: block;
	}
	.flex__block {
		display: block;
	}
	.flex-sp__block {
		display: flex;
	}
	.flex-sp__block.align-ce {
		align-items: center;
	}
	.page-kojokicho .t-right {
		text-align: left;
	}

	/*common custom*/
	.page-kojokicho .column-three_child {
		border-top:10px #fff solid !important;
		border-left:none !important;
	}
	/* /common custom*/
}



.page-kojokicho .custom-bnr-jetfan {
	padding-top:5px;
}