/* =========================================
 * 対象ページ：旧サイトから移設してきた各サービスのページ
 * /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;
}

@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;
  }
}
/* layout.cssから持ってきた。これがないとおすすめ情報上の余白が作れない */
.innerwidth.footPRbnr {
  margin-top: 50px;
}

/* 以下、フッター上のカード周りのスタイル */
.footPRbnr .linkbox3 a dl dt {
  background: #f7f7f7;
  text-align: center;
  min-height: 132px;
  padding: 5px;
  position: relative;
}

.footPRbnr .linkbox3 a dl dt img {
  max-height: 102px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  max-width: 90%;
}

.footPRbnr .linkbox3 a {
  transition: 0.3s;
}
.footPRbnr .linkbox3 a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.linkbox3 dl .title {
  font-size: 1rem !important;
}

.footPRbnr .linkbox3 a dl dd p {
  font-size: 0.8em !important;
}

/* ヘッダー、フッター、パンくず読み込まないポップアップページのパンくず分の余白 */
#wrap-outer.pt-l {
  padding-top: var(--L);
}

/* ポップアップページの閉じるボタンの色の変更 */
.win-close a {
  color: #c00 !important;
}

.win-close a:hover {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  p.extra {
    margin-bottom: var(--M);
  }
}