@charset "utf-8";

/*----------------------------------------------------------------------> ▼ 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;
}