@charset "utf-8";

/* I-Line 会員登録・注文画面　上書き用CSS */


/* HTML修正箇所

----------

<div class="l-header__nav js-header__nav" id="header-nav">
〜この中を全て削除〜</div>

----------

<footer class="l-footer">〜この中を下記に差し替え〜</footer>

<footer class="l-footer">Copyright © 2025 有限会社 I-Line.  All Rights Reserved.</footer>

----------

http://order.i-line.heuron.net/order/assets/img/icons/ico-close-og.svg

色を変更した画像に差し替え

----------

http://order.i-line.heuron.net/order/assets/img/icons/ico-info.webp

色を変更した画像に差し替え

----------

http://order.i-line.heuron.net/order/assets/img/icons/ico-download.svg

色を変更した画像に差し替え

----------

*/


.l-header {
    border-top: none;
}

.l-footer {
    background: #111418;
    border-bottom: none;
    color: #fff;
    text-align: center;
    font-size: 11px;
    padding: 16px 0;
}

.l-header__news {
    background: #F5EBF0;
}

.p-layout-headerNews__wrapper span {
    background: #9B003F;
}

.c-btn__register {
    background-color: #9B003F;
    /*border-radius: 4px;*/
}

.c-title {
    border-bottom: #9B003F solid 5px;
}

.c-title:before {
    background-color: #9B003F;
}

.c-stepIndicator__label {
    color: #9B003F;
}

.c-stepIndicator__label:before {
    background: #9B003F;
    border: solid 5px #9B003F;
}

.c-toggleTabs .tab.active {
    background: #9B003F;
}

.c-toggleTabs .tab {
    color: #9B003F;
}

.c-toggleTabs {
    border: #9B003F solid 1px;
}

.c-btn__primary {
    background-color: #9B003F;
    border: solid 1px #9B003F;
}

.p-form-uniqueFields .p-form-label {
    background: #F5EBF0;
}

.p-form-commonFields .p-form-label {
    background: #F4F4F4;
}

.p-form-label {
    border-right: solid 1px #CECFD1;
}

.p-form-items:not(:last-child) {
    border-bottom: solid 1px #CECFD1;
}

.p-form-commonFields {
    border: solid 1px #CECFD1;
}

.p-form-uniqueFields {
    border: solid 1px #CECFD1;
}

.c-btn__secondary {
    background-color: #fff;
    color: #9B003F;
    border: solid 1px #9B003F;
}

.c-stepIndicator__steps li:before,
.c-stepIndicator__steps li:after,
.c-stepIndicator__steps li[aria-current=step]:last-child:after {
    z-index: 2;
    background-color: #9B003F;
}

.p-applicationHistory__titleSec {
    border-bottom: 2px solid #9B003F;
}

.p-applicationHistory__backLstBtn {
    background: #9B003F;
}

.p-applicationHistory__amountSec.-muted .p-applicationHistoryAmountSec__head {
    background: #F5EBF0;
}

.p-contactFormSec .p-privacyPolicyCheck__checkBoxSec {
    background: #F5EBF0;
}