@charset "utf-8";

/** header(subscribe) */
.jqueryui_dialog {
	display: none;
}
.ui-widget-overlay.ui-front {
	opacity: .3;
}
.ui-dialog-titlebar {
	display: none;
}
.ui-dialog .ui-dialog-content.jqueryui_dialog {
	padding-top: 1em;
}


/* --- 購読ボタン：フッター背景と同じ金・四角・スマホ中央配置（非追従） --- */

/* PC表示（960px以上） */
@media (min-width: 960px) {
    #header_tel_contact {
        position: absolute; 
        top: 0px;
        right: 0px;
        z-index: 10;
        list-style: none;
        margin: 22px 0 0 0;
        padding: 0;
    }

    #header_subscribe a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 110px;      /* ← 固定幅 */
        height: 72px;
        background-color: #b79a50; 
        color: #ffffff !important;
        text-decoration: none;
        font-weight: 900;
        font-size: 1em;
        letter-spacing: 0.1em;
        transition: background-color 0.2s ease;
        cursor: pointer;
    }
}

/* スマホ表示（959px以下） */
@media (max-width: 959px) {
    #header_tel_contact {
        /* 中央配置のための設定 */
        position: absolute;
        top: 0px;      /* 上からの位置（ヘッダーの高さに合わせて調整してください） */
        left: 77%;      /* 左から50%の位置に配置 */
        transform: translateX(-50%); /* 自身の幅の半分だけ左に戻して完全中央へ */
        width: auto;
        z-index: 10;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #header_subscribe a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 110px;   /* スマホでのボタン幅 */
        height: 48px;   /* スマホでのボタン高さ */
        background-color: #bbbbbb;
        color: #ffffff !important;
        border-radius: 0;
        font-size: 1em;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
    }
}