/*********************** Spacing (余白調整) ***********************/

.top_0 {
	margin-top: 0 !important;
}

.top_1 {
	margin-top: 1rem !important;
}

.top_2 {
	margin-top: 2rem !important;
}

.top_3 {
	margin-top: 3rem !important;
}

.top_4 {
	margin-top: 4rem !important;
}

.top_5 {
	margin-top: 5rem !important;
}

.btm_0 {
	margin-bottom: 0 !important;
}

.btm_1 {
	margin-bottom: 1rem !important;
}

.btm_2 {
	margin-bottom: 2rem !important;
}

.btm_3 {
	margin-bottom: 3rem !important;
}

.btm_4 {
	margin-bottom: 4rem !important;
}

.btm_5 {
	margin-bottom: 5rem !important;
}

/*********************** Width (幅の調整) ***********************/
/* 10%刻みの便利な幅指定です */

.w_10 {
	width: 10% !important;
}

.w_20 {
	width: 20% !important;
}

.w_30 {
	width: 30% !important;
}

.w_40 {
	width: 40% !important;
}

.w_50 {
	width: 50% !important;
}

.w_60 {
	width: 60% !important;
}

.w_70 {
	width: 70% !important;
}

.w_80 {
	width: 80% !important;
}

.w_90 {
	width: 90% !important;
}

.w_100 {
	width: 100% !important;
}

/*********************** Typography (文字装飾) ***********************/

.red {
	color: #d00 !important;
}

.small-font {
	font-size: 0.85rem !important;
}

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

.center {
	text-align: center !important;
}

/*********************** Position (配置補助) ***********************/

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.invisible {
	display: none;
}

/*********************** Object Style (装飾) ***********************/

.round {
	border-radius: 8px;
}

.circle {
	border-radius: 50%;
}

.shadow {
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}