@charset "UTF-8";
/*
====>> 動きや表示の状態を表すデフォルトスタイリング <<====

・このファイルはベースのスタイルになるので、原則オーバーライド(上書き)はしない事
・サイトのパーツ等のスタイルを格納するファイル

*/
/*		線
-----------------------------------------------------*/
.is-border_wrap {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid currentColor;
}

/*		リバース
-----------------------------------------------------*/
.is-flipped_row {
  flex-flow: row-reverse wrap;
}

.is-flipped_column {
  flex-flow: column-reverse wrap;
}

/*		リストスタイル
-----------------------------------------------------*/
.c-list.is-dotted {
  padding: 20px;
  list-style-type: disc;
}
.c-list.is-dotted li {
  padding: 20px 20px 20px 0;
}

.c-list.is-number {
  padding: 20px;
  list-style: decimal;
}
.c-list.is-number li {
  padding: 20px 20px 20px 0;
}

/*		角丸
-----------------------------------------------------*/
.is-round {
  border-radius: 16px;
}

.is-edge {
  border-radius: 0;
}

/*		ディスプレイ
-----------------------------------------------------*/
.is-flex {
  display: flex;
}
.is-flex.is-flex_reverse {
  flex-direction: row-reverse;
}
.is-flex.is-flex_end {
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .is-flex.is-flex_end {
    justify-content: space-between;
  }
}

.is-hide {
  display: none;
}

.is-show {
  opacity: 1;
  visibility: visible;
}

/*		カラー指定
-----------------------------------------------------*/
.is-black {
  color: var(--color-black);
}

.is-gray {
  color: var(--color-gray);
}

/*		テキスト装飾
-----------------------------------------------------*/
.is-strong {
  font-weight: bold;
}

/*		位置
-----------------------------------------------------*/
.is-left {
  text-align: left;
}

.is-center {
  text-align: center;
}

.is-right {
  text-align: right;
}

/*		スクロール制御
-----------------------------------------------------*/
.is-scroll_off {
  overflow: hidden;
}

.is-scroll_on {
  overflow: auto;
}

#global-nav.l-nav ul li.js-through.is-active {
  border: 1px solid var(--color-black);
}
@media screen and (max-width: 767px) {
  #global-nav.l-nav ul li.js-through.is-active {
    border: var(--color-base);
  }
}
#global-nav.l-nav ul li.js-through.is-active a {
  background-color: var(--color-white);
  color: var(--color-black);
}
@media screen and (max-width: 767px) {
  #global-nav.l-nav ul li.js-through.is-active a {
    border: 1px solid var(--color-base);
    color: var(--color-base);
  }
}
#global-nav.l-nav ul li.js-through.is-active:hover {
  border: 1px solid var(--color-base);
}
#global-nav.l-nav ul li.js-through.is-active:hover a {
  color: var(--color-base);
}

.is-bold {
  font-weight: bold;
}