@charset "Shift_JIS";
/* -------------------------------------
   LPアフィリエイト用 専用CSS
   (public/css/market/lp-affiliate.css)
------------------------------------- */

/* 1. PC/SP共通：不要なナビゲーション本体とフッターを削除 */
.right-navi, 
.footer-area, 
footer { 
    display: none !important; 
}

/* 2. PC版ヘッダーのカスタマイズ（ロゴ残し、電話番号小さく右側、ボタンとメニュー削除） */
@media screen and (min-width: 769px) {
    /* PC用：メニュー開閉ボタン、自動査定ボタン、出張査定ボタンを非表示 */
    #OpenMenu,
    .hd-satei,
    .hd-satei1,
    .AvoidErrorHeaderButton {
        display: none !important;
    }

    /* PC用：電話番号エリア調整 */
    img.hd-tel-1 {
        float: right;
        height: 55px;
        margin: 7px 3% 0px 55px;
    }
}

/* 3. SP版ヘッダーのカスタマイズ（メニュー・ボタン非表示、電話番号アイコンのみ残す） */
@media screen and (max-width: 768px) {
    /* メニュー開閉ボタン非表示 */
    #OpenMenu {
        display: none !important;
    }

    /* SP_header の中、電話ボタン（２つめの<li>）以外を非表示 */
    .SP_header ul li:not(:first-child) {
        display: none !important;
    }

    /* SP用の電話ボタンを幅100%などにして中央・右寄せにする場合は以下で調整 */
    .SP_header ul li:first-child {
        width: 100% !important; /* またはお好みの幅 */
        text-align: right;
    }
}

/* 4. LPコンテンツ固有の調整（余白など） */
.lp-container {
    padding: 20px 0;
}

/* =========================================
   2026/06/30 追加・上書き分 (above, header-100per)
   ========================================= */

.above {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    /* background-color: #000000; */
    display: block;
    margin-top: -18px;/*上書き*/
}

.header-100per {
    width: 100%;
    margin: 0 auto;
    height: 68px;
    background-image: url(../../image/header-li-bg.png);
    /* background-image: url(../../image/bg-blk-004.jpg); */
    background-repeat: repeat-x;
    position: fixed;
    left: 0;
    top: 0;
    margin: 0px 0 0 0px;
    z-index: 9999;
    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 30%);
    border-bottom: 1px solid #555;
}
@media screen and (max-width: 640px) {
    .header-100per {
        height: 44px;
        background-image: url(../../image/header-bg1.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
        box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 30%);
        border-bottom: 1px solid #555;
    }
}

@media screen and (max-width: 640px)  {
.SP_header{
  display:none;
}
}

/* -------------------------------------
   LPアフィリエイト専用：電話アイコン位置調整
------------------------------------- */
.SP-only .tel-icon-lp {
    float: right;
    margin-right: 2%;
    margin-top: 4px; /* スマホヘッダー(44px)内で高さ30pxを中央揃えにするための余白 */
    height: 36px;
    width: auto;
    z-index: 100;
    border-radius: 6px;
}

.footer-Navi-100per {
    display: none;
}

.contents-1125px {
    background-color: #f6f6f6 !important;
}