/* =========================================
 * 対象ページ：旧サイトから移設してきた各サービスのページ
 * /bizpost/discount以下のページで使用
 * 旧サイトのCSSだけでは対応できない部分やRN後のスタイルと不整合な部分があり、それらを補う目的で作成
 */
/* =========================================

/* common.cssを読み込ませないとパンくずの下線も消えるため、追加 */
/* 色も異なってしまうので、追記 */
#path-box ul li a {
    text-decoration: underline !important;
    color: var(--color-texticon-secondary) !important;
}

#path-box ul li a:hover {
    text-decoration: none !important;
}

/* 古いページのwidth設定 */
/* 元々、「legacy-business.css」にあったが、これを全て読み込ませると他で崩れるので、レイアウトの幅に関するところだけ移設 */
/* <div id="wrap-outer"> <div id="wrap-inner">  に関しては旧サイトだとパンくずの上にあったが、新サイトではパンくずの下に追加。コンテンツ部分だけ以下のレイアウト幅に調整*/
.wide1200.legacy-business #wrap-outer {
    margin: 0 auto;
    width: 1206px;
    text-align: left;
}

.wide1200.legacy-business #wrap-inner {
    width: 960px;
    margin: 0 auto;
}

.wide1200.legacy-business #main-box {
    width: 991px;
}

/* 内側ラップ */
.wide1200.legacy-business table.layout.adapt .wrap {
    padding: 5px;
}


@media screen and (max-width: 1024px) {
    .wide1200.legacy-business #wrap-outer {
        width: 100%;
    }

    .wide1200.legacy-business #wrap-inner {
        width: 100%;
    }

    .wide1200.legacy-business #main-box {
        width: 100%;
    }

    .contWrap>.pageClm2 .mainArea {
        margin: auto;
    }
}

/* 画像 */

.thumnailImg img {
    width: 68px;
    height: 68px;
    min-width: 68px;
    border: 1px solid #ccc;
}

.service a {
    color: #1E4EA6;
    text-decoration: underline !important;
}

body.wide1200 h2 span.inner {
    background: url("/bizpost/assets/legacy/business/img/common/wide1200/h2_upper.gif") no-repeat;
    padding: 7px 15px 15px;
    display: block;
}

h1 {
	color: #C70210;
	margin: 0 0 25px;
	font-weight: normal !important;
	font-size: 162.5% !important;
}

h2 {
    font-size: 1rem !important;
    border-bottom: none !important;
    color: inherit !important;
    padding-bottom: 0 !important;
}


.thumnailImg:hover img {
    border: 1px solid #f60;
}