@charset "utf-8";

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

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

/* -----------------------------------------------------------------------
[2026-07-24] bottom_nav（カタログバナー）の横並び基底ルールが本ファイルに無く、
liが#container全幅に広がり画像が左端に張り付いていた（catalogと同一パターン）。
kojokicho/jet_nozzle/catalogに移植済みの基底ルール（幅976px中央寄せ・li float・
clearfix）を移植し他ページと統一。
-------------------------------------------------------------------------*/
.page-support .bottom_nav .middle_section ul {
    width: 976px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
.page-support .bottom_nav .middle_section ul li {
    margin: 0 0 10px 16px;
    float: left;
}
.page-support .bottom_nav .middle_section ul li:first-child {
    margin-left: 0;
}
.page-support .bottom_nav .clearfix:after {
    display: block;
    clear: both;
    content: "";
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
    .page-support .bottom_nav .middle_section ul {
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
    }
    .page-support .bottom_nav .middle_section ul li {
        float: none;
        margin: 0 0 15px;
    }
}

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


/* SP Responsive (common)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-support .pc-only {
		display: none;
	}
	.page-support .sp-only {
		display: block;
	}
}


/*notes__block*/
.page-support .notes__block dl {
	padding:20px;
	font-size:16px;
	border:1px #ccc solid;
}
.page-support .notes__block dl dt {
	display: block;
	margin-bottom:10px;
	font-weight: bold;
}
.page-support .notes__block dl dd {
	/*margin-bottom:10px;*/
}


/* SP Responsive (notes__block)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-support .notes__block dl {
		padding:4%;
		font-size:14px;
	}
}