/*■■■■■ ↓消さないでください↓ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* type108-05 */

@import url("../../../../go/designtemplate/pc/type108-01/stylebase.css");
@import url("../../../../go/designtemplate/pc/type108-05/stylebasecolor.css");

/*■■■■■ ↑消さないでください↑ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/





/*■■■■■ ↓カスタムデザイン用スタイル記述エリア↓ ■■■■■■■■■■■■■■■■■■■■■■*/

/* トップページ：右サイドバーを非表示 */
#INDEX .sidebar_top {
  display: none !important;
}

/* FV下のコンテンツ全体の幅を広げる */
#INDEX .wrapper_top,
#INDEX .wrapper_bot,
#INDEX .wrapper {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  box-sizing: border-box;
}

/* メインコンテンツの幅制限を解除 */
#INDEX .contents_top,
#INDEX .contents_bot,
#INDEX .contents,
#INDEX #area_8 {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* 左右の余白を確保 */
#INDEX #area_8 {
  padding: 0 24px;
}

/* 下層ページのレイアウト調整（PCのみ） */
@media screen and (min-width: 1025px) {

  /* 外側のコンテナを中央配置 */
  body:not(#INDEX) .container_in {
    width: 100% !important;
    max-width: none !important;
  }

  /* メインの外枠を中央配置 */
  body:not(#INDEX) .wrapper_top,
  body:not(#INDEX) .wrapper_bot,
  body:not(#INDEX) .wrapper {
    width: calc(100% - 48px) !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /* 本文を外枠いっぱいに広げる */
  body:not(#INDEX) .contents_top,
  body:not(#INDEX) .contents_bot,
  body:not(#INDEX) .contents,
  body:not(#INDEX) #area_8 {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /* サイドバーを非表示 */
  body:not(#INDEX) .sidebar_top {
    display: none !important;
  }
}
/*■■■■■ ↑カスタムデザイン用スタイル記述エリア↑ ■■■■■■■■■■■■■■■■■■■■■■*/