/*
====>> 動きや表示の状態を表すデフォルトスタイリング <<====

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

*/

/*		線
-----------------------------------------------------*/

.is-border_wrap{
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid var(--color-border-pale);
}

.is-border{
	box-sizing: border-box;
	border: 1px solid var(--color-border-pale);
}

.is-border_t{
	box-sizing: border-box;
	border-top: 1px solid var(--color-border-pale);
}

.is-border_r{
	box-sizing: border-box;
	border-right: 1px solid var(--color-border-pale);
}

.is-border_b{
	box-sizing: border-box;
	border-bottom: 1px solid var(--color-border-pale);
}

.is-border_l{
	box-sizing: border-box;
	border-left: 1px solid var(--color-border-pale);
}

/*		リバース
-----------------------------------------------------*/

.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;
	
	li{
		padding: 20px 20px 20px 0;
	}
	
}

.c-list.is-number{
	padding: 20px;
	list-style: decimal;
	
	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;
}

.is-in-block{
	display: inline-block;
}

.is-block{
	display: block;
}

.is-none{
	display: none;
}


/*		背景
-----------------------------------------------------*/

.is-black{
	background: var(--color-bg);
	box-sizing: border-box;
}

.is-gray{
	background: var(--color-bg);
	box-sizing: border-box;
}


/*		テキスト装飾
-----------------------------------------------------*/

.is-strong{
	font-weight: bold !important;
}

.is-require{
	color: var(--color-font-caution);
}

.is-important{
	font-weight: bold !important;
	color: var(--color-font-caution);
}


/*		位置
-----------------------------------------------------*/

.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;
}