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

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

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

.is-border {
  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;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .is-flex {
    flex-direction: column;
  }
}
.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;
}