/*----------------------------------------------------------------------> ▼ general <----------*/

.frame {
	margin: 0 auto;
}

/*----------------------------------------------------------------------> ▼ background <----------*/

.bg_fff {
	background: #fff;
}

.bg_f0 {
	background: #f0f0f0;
}

.bg_f3 {
	background: #f3f3f3;
}

.bg_f6 {
	background: #f6f6f6;
}

.bg_fa {
	background: #f9f9f9;
}

/*----------------------------------------------------------------------> ▼ display <----------*/

.flex {
	display: flex !important;
}

.initial {
	display: initial !important;
}

.inline {
	display: inline !important;
}

.none {
	display: none !important;
}

/*----------------------------------------------------------------------> ▼ float <----------*/

.f_left {
	float: left;
}

.f_right {
	float: right;
}

/*----------------------------------------------------------------------> ▼ text-align <----------*/

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

.t_left {
	text-align: left !important;
}

.t_right {
	text-align: right !important;
}

/*----------------------------------------------------------------------> ▼ position <----------*/

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.relative {
	position: relative;
}

/*----------------------------------------------------------------------> ▼ margin <----------*/

/*------------------------------> ▼ top <----------*/

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

.mt_5 {
	margin-top: 5px;
}

.mt_10 {
	margin-top: 10px;
}

.mt_15 {
	margin-top: 15px;
}

.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_30 {
	margin-top: 30px;
}

.mt_50 {
	margin-top: 50px;
}

/*------------------------------> ▼ right <----------*/

.mr_0 {
	margin-right: 0 !important;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.mr_15 {
	margin-right: 15px;
}

.mr_20 {
	margin-right: 20px;
}

.mr_25 {
	margin-right: 25px;
}

.mr_30 {
	margin-right: 30px;
}

.mr_50 {
	margin-right: 50px;
}

/*------------------------------> ▼ bottom <----------*/

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

.mb_5 {
	margin-bottom: 5px;
}

.mb_10 {
	margin-bottom: 10px;
}

.mb_15 {
	margin-bottom: 15px;
}

.mb_20 {
	margin-bottom: 20px;
}

.mb_25 {
	margin-bottom: 25px;
}

.mb_30 {
	margin-bottom: 30px;
}

.mb_50 {
	margin-bottom: 50px;
}

/*------------------------------> ▼ left <----------*/

.ml_0 {
	margin-left: 0 !important;
}

.ml_5 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_15 {
	margin-left: 15px;
}

.ml_20 {
	margin-left: 20px;
}

.ml_25 {
	margin-left: 25px;
}

.ml_30 {
	margin-left: 30px;
}

.ml_50 {
	margin-left: 50px;
}

/*----------------------------------------------------------------------> ▼ padding <----------*/

/*------------------------------> ▼ top <----------*/

.pt_0 {
	padding-top: 0 !important;
}

.pt_5 {
	padding-top: 5px;
}

.pt_10 {
	padding-top: 10px;
}

.pt_15 {
	padding-top: 15px;
}

.pt_20 {
	padding-top: 20px;
}

.pt_25 {
	padding-top: 25px;
}

.pt_30 {
	padding-top: 30px;
}

.pt_50 {
	padding-top: 50px;
}

/*------------------------------> ▼ right <----------*/

.pr_0 {
	padding-right: 0 !important;
}

.pr_5 {
	padding-right: 5px;
}

.pr_10 {
	padding-right: 10px;
}

.pr_15 {
	padding-right: 15px;
}

.pr_20 {
	padding-right: 20px;
}

.pr_25 {
	padding-right: 25px;
}

.pr_30 {
	padding-right: 30px;
}

.pr_50 {
	padding-right: 50px;
}

/*------------------------------> ▼ bottom <----------*/

.pb_0 {
	padding-bottom: 0 !important;
}

.pb_5 {
	padding-bottom: 5px;
}

.pb_10 {
	padding-bottom: 10px;
}

.pb_15 {
	padding-bottom: 15px;
}

.pb_20 {
	padding-bottom: 20px;
}

.pb_25 {
	padding-bottom: 25px;
}

.pb_30 {
	padding-bottom: 30px;
}

.pb_50 {
	padding-bottom: 50px;
}

/*------------------------------> ▼ left <----------*/

.pl_0 {
	padding-left: 0 !important;
}

.pl_5 {
	padding-left: 5px;
}

.pl_10 {
	padding-left: 10px;
}

.pl_15 {
	padding-left: 15px;
}

.pl_20 {
	padding-left: 20px;
}

.pl_25 {
	padding-left: 25px;
}

.pl_30 {
	padding-left: 30px;
}

.pl_50 {
	padding-left: 50px;
}

/*----------------------------------------------------------------------> ▼ text-shadow <----------*/

.t_shadow_0 {
	text-shadow: 0 0 3px #000;
}

.t_shadow_3 {
	text-shadow: 0 0 3px #333;
}

.t_shadow_6 {
	text-shadow: 0 0 3px #666;
}

.t_shadow_9 {
	text-shadow: 0 0 3px #999;
}

.t_shadow_f {
	text-shadow: 0 0 3px #fff;
}

/*----------------------------------------------------------------------> ▼ 汎用 <----------*/

.centering {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.ellipsis {
	width: inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}