@charset "UTF-8";

:root {
}

/* ----------------------------------------
追加スタイル
---------------------------------------- */

/* ゴーストヘッダーぼかし */
.a-ghost_header {
  backdrop-filter: blur(10px);
}

/* ビルボード */

@media screen and (max-width: 767px) {
}


@media only screen and (max-width: 800px) {
  .b-megamenu {
    backdrop-filter: inherit;
  }
}

/* 文字色 */
.a-billboard .c-lead {
  mix-blend-mode: multiply;
}

/* 文字サイズ変更時 */
.d-largest_font,
.d-larger_font {
  line-height: inherit;
}

/* アイコンフォント調整 */
[class^="bindicon-"],
[class*=" bindicon-"] {
  display: inline-block;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0.25em;
  padding-right: 0.25em;
  vertical-align: middle;
  font-size: 1.1em;
}

/* アイコンフォント調整 */
.grd_txt {
  background: linear-gradient(90deg, #0026FF, #EA96DE, #00CFBA);
  font-weight: 700;
}

/* 左右違いブロック：スマホ1段の余白追加 */
@media only screen and (max-width: 640px) {

  .b-both_diff.c-sp-space_narrow .column.-col4+.column.-col8,
  .b-both_diff.c-sp-space_narrow .column.-col8+.column.-col4 {
    margin-top: 1%;
  }

  .b-both_diff.c-sp-space_normal .column.-col4+.column.-col8,
  .b-both_diff.c-sp-space_normal .column.-col8+.column.-col4 {
    margin-top: 2%;
  }

  .b-both_diff.c-sp-space_wide .column.-col4+.column.-col8,
  .b-both_diff.c-sp-space_wide .column.-col8+.column.-col4 {
    margin-top: 3%;
  }
}

.b-headlines .-col1>.column:first-of-type {
  margin-top: 0;
}

/* 空カラムを非表示 */
.g-column .column:empty {
  overflow: hidden !important;
  margin-top: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  border: none !important;
  background: none !important;
}

/* パンくず */
.c-breadcrumb li:not(:last-child)::after {
  content: "\203A";
  padding-left: 5px;
}

/* メガメニュー（無料で始める・ログインボタン位置） */
.megamenu-list>li:nth-last-child(3) {
  flex-grow: 1;
  flex-shrink: 1;
}

/* BiNDupメガメニューブロックDressが効かないので応急処置 */
@media only screen and (max-width: 768px) {
  .-dress_megamenu .megamenu-list .b-megamenu_navigation a {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .-dress_megamenu .megamenu-list .b-megamenu_navigation.-under {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .-dress_megamenu .megamenu-list .b-megamenu_navigation {
    margin-left: 20px;
    margin-right: 20px;
  }
}