@charset "utf-8";

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

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

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

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

.pht-border{
    border: 1px solid #cfcfcf;
}

/* h2 */
.h2_custom {
    margin:0 0 20px 0;
}
.h2_custom--icon {
    display: table;
}
.h2_custom--icon h2 {
    display: table-cell;
    vertical-align: middle;
    font-size:18px;
}
.h2_custom--icon .icon {
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
}
.h2_custom--icon .icon img {
    vertical-align: middle;
    width:46px;
}

.h3_default.h3-custom-gry h3 {
    color:#666;
}

/* wrap */
.wrap-custom__block {
    margin-bottom:30px;
}
.custom-block--acro {
    margin:20px 0 25px;
}
.custom-block--acro dl {
    display: flex;
}
.custom-block--acro dd {
    padding-left:10px;
    font-size: 12px;
}

.custom-block--notice{
    border: 1px solid #707070;
    padding: 16px 12px;
    margin: 20px 0 25px;
}

.custom-block--notice a{
    text-decoration: underline;
}

.custom-block--notice a:hover{
    text-decoration: none;
}

/* sec01 only */
.sec01 .wrap-custom__block {
    display: flex;
    justify-content: space-between;
}
.sec01 .custom-block--left {
    width:25%;
    text-align: center;
}
.sec01 .custom-block--left img {
    width:196px;
}
.sec01 .custom-block--right {
    width:73%;
    padding-top:10px;
}

/* sec02 only */
.sec02 .custom-block--texts {
    margin-bottom:20px;
}

/* SP Responsive
-------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
    /* h2 */
    .detail_link-four ul li a {
        padding:0 40px 0 20px;
    }
    /* wrap */
    .wrap-custom__block {
        margin-bottom:15px;
    }
    .sec01 .wrap-custom__block {
        display:block;
    }
    .sec01 .custom-block--left {
        width:45%;
        margin:0 auto 20px;
    }
    .sec01 .custom-block--left img {
        width:100%;
    }
    .sec01 .custom-block--right {
        width:100%;
        padding-top:0;
    }
    .custom-block--acro dt {
        width:40%;
    }
    .custom-block--acro dd {
        flex: 1;
        padding-top:0;
    }
}

/* -----------------------------------------------------------------------
[2026-07-27 社内FB] 別ページ（外部サイト）へ移動する2箇所のリンクボタン群を、
ボタンモジュール 8-4「テキストのみボタン」の背景色なし版へ差し替えた。
　・WEBカタログを見る セクション：WEBカタログの閲覧はこちら／旧カタログの閲覧はこちら
　・商品を探す セクション：品名・品番検索／条件検索／新旧商品対応検索
矢印の位置・向き（文字の右側・右向き）と枠線・角丸はモジュール標準のまま使う。
ページ上部の3ボタンはページ内の各セクションへ移動するアンカーのため、従来のまま（矢印は下向き）。
ここではボタン同士の間隔のみ補う（モジュールは単体設置が前提のため間隔を持たない）。
横幅640px以下ではモジュール側でボタンが全幅になるため、そのまま縦並び＋同じ間隔になる。
※同ページ内の別のボタン群（自己適合宣言書のPDF一覧）へ影響させないよう修飾クラスで限定する。
-------------------------------------------------------------------------*/
.page-catalog .btn-basic--links {
    gap: 20px;
}

/* -----------------------------------------------------------------------
[2026-07-27 社内FB] ページ内アンカーのなめらかスクロールについて。
当初ここでブラウザ標準の指定（scroll-behavior:smooth）を使っていたが、
標準の動きは移動時間が距離に応じて長くなり、動き出しと止まり際が緩やかで
「慣性が残って遅い」見え方になる。移動時間や加減速を指定する手段が無いため、
index.html 側のスクリプトで移動時間（300ms）と加減速を指定する方式へ変更した。
※ここで scroll-behavior を指定するとスクリプト側の動きと二重になるため、指定しない。
-------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------
[2026-08-24 社内FB] アクロバットバナー横の案内文のリンクを青字にする。
（「総合カタログ」「自己適合宣言書」の2箇所とも＝.custom-block--acro 全体）

新サイト共通の reset.css が a{color:inherit} のため本文色（#333）を引き継いで
黒字になっていた。旧サイト（www2.panasonic.biz/jp/air/kanki/）では a に色指定が無く
ブラウザ既定のリンク色 #0000ee で表示されていたため、その色を明示して戻す。
下線は旧サイトも無し（text-decoration:none）なので付けない。
------------------------------------------------------------------------- */
.custom-block--acro dd a {
    color: #0000ee;
}