/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* 問い合わせ作成フォームの優先度項目非表示 */
label[for="inputPriority"], #inputPriority {display:none;}

/* ドメインのWHOIS情報カスタム */
.form-group > label { display: flex; gap: 8px;}

.dc-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0 8px;
    border-radius: 100px;
    font-family: 'M PLUS 1p-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 18px;
    background-color: #369;
    color: #fff;
    margin-top: 3px;
}

.custom-title {
    margin: 20px 0 0 0;
}

/* 複数のドメインについて、ネームサーバー、WHOIS情報は同時変更不可 */
#nameservers, #contactinfo { display: none; }

/* アンカーリンク用スムーズスクロール */
html {
    scroll-behavior: smooth;
}

/* 固定ヘッダー分のオフセット調整 */
h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
    scroll-margin-top: 120px;
    scroll-snap-margin-top: 120px; /* Safari対応 */
}

@media (max-width: 768px) {
    h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
        scroll-margin-top: 80px;
        scroll-snap-margin-top: 80px;
    }
}