/* マージン、パディング */
.mg_auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.mgBottom-100 {
	margin-bottom: -100px !important;
}
.mgBottom-80 {
	margin-bottom: -80px !important;
}
.mgBottom-50 {
	margin-bottom: -50px !important;
}
.mgBottom-40 {
	margin-bottom: -40px !important;
}
.mgBottom-30 {
	margin-bottom: -30px !important;
}
.mgBottom-20 {
	margin-bottom: -20px !important;
}
.mgBottom-10 {
	margin-bottom: -10px !important;
}
.mgBottom0 {
	margin-bottom: 0 !important;
}
.mgBottom5 {
	margin-bottom: 5px !important;
}
.mgBottom10 {
	margin-bottom: 10px !important;
}
.mgBottom15 {
	margin-bottom: 15px !important;
}
.mgBottom20 {
	margin-bottom: 20px !important;
}
.mgBottom30 {
	margin-bottom: 30px !important;
}
.mgBottom40 {
	margin-bottom: 40px !important;
}
.mgBottom50 {
	margin-bottom: 50px !important;
}
.mgBottom60 {
	margin-bottom: 60px !important;
}
mgBottom70 {
	margin-bottom: 70px !important;
}
.mgBottom80 {
	margin-bottom: 80px !important;
}
.mgBottom100 {
	margin-bottom: 100px !important;
}

.mgLeft-5 {
	margin-left: -5px !important;
}
.mgLeft5 {
	margin-left: 5px !important;
}
.mgLeft7 {
	margin-left: 7px !important;
}
.mgLeft10 {
	margin-left: 10px !important;
}
.mgLeft15 {
	margin-left: 15px !important;
}
.mgLeft20 {
	margin-left: 20px !important;
}
.mgLeft25 {
	margin-left: 25px !important;
}
.mgLeft30 {
	margin-left: 30px !important;
}
.mgLeft40 {
	margin-left: 40px !important;
}
.mgLeft50 {
	margin-left: 50px !important;
}

.mgRight5 {
	margin-right: 5px !important;
}
.mgRight7 {
	margin-right: 7px !important;
}
.mgRight10 {
	margin-right: 10px !important;
}
.mgRight15 {
	margin-right: 15px !important;
}
.mgRight20 {
	margin-right: 20px !important;
}
.mgRight25 {
	margin-right: 25px !important;
}
.mgRight30 {
	margin-right: 30px !important;
}
.mgRight40 {
	margin-right: 40px !important;
}
.mgRight50 {
	margin-right: 50px !important;
}

.mgTop-100 {
	margin-top: -100px !important;
}
.mgTop-50 {
	margin-top: -50px !important;
}
.mgTop-30 {
	margin-top: -30px !important;
}
.mgTop-20 {
	margin-top: -30px !important;
}
.mgTop-15 {
	margin-top: -15px !important;
}
.mgTop-10 {
	margin-top: -10px !important;
}
.mgTop-5 {
	margin-top: -5px !important;
}
.mgTop0 {
	margin-top: 0px !important;
}
.mgTop5 {
	margin-top: 5px !important;
}
.mgTop10 {
	margin-top: 10px !important;
}
.mgTop15 {
	margin-top: 15px !important;
}
.mgTop20 {
	margin-top: 20px !important;
}
.mgTop25 {
	margin-top: 25px !important;
}
.mgTop30 {
	margin-top: 30px !important;
}
.mgTop40 {
	margin-top: 40px !important;
}
.mgTop50 {
	margin-top: 50px !important;
}
.mgTop60 {
	margin-top: 60px !important;
}
.mgTop70 {
	margin-top: 70px !important;
}
.mgTop80 {
	margin-top: 80px !important;
}
.mgTop100 {
	margin-top: 100px !important;
}
.mgTop120 {
	margin-top: 120px !important;
}

.pdTop10 {
	padding-top: 10px !important;
}
.pdTop20 {
	padding-top: 20px !important;
}
.pdTop30 {
	padding-top: 30px !important;
}
.pdTop50 {
	padding-top: 50px !important;
}

.pdBottom0 {
	padding-bottom: 0px !important;
}
.pdBottom20 {
	padding-bottom: 20px !important;
}
.pdBottom30 {
	padding-bottom: 30px !important;
}
.pdBottom40 {
	padding-bottom: 40px !important;
}
.pdBottom60 {
	padding-bottom: 60px !important;
}
.pdBottom80 {
	padding-bottom: 80px !important;
}
.pdBottom100 {
	padding-bottom: 100px !important;
}


/* フォントサイズ */
.font2 {
	font-size: 2em !important;
}
.font19 {
	font-size: 1.9em !important;
}
.font18 {
	font-size: 1.8em !important;
}
.font17 {
	font-size: 1.7em !important;
}
.font16 {
	font-size: 1.6em !important;
}
.font15 {
	font-size: 1.5em !important;
}
.font14 {
	font-size: 1.4em !important;
}
.font13 {
	font-size: 1.3em !important;
}
.font12 {
	font-size: 1.2em !important;
}
.font11 {
	font-size: 1.1em !important;
}
.font105 {
	font-size: 1.05em !important;
}
.font1 {
	font-size: 1em !important;
}
.font095 {
	font-size: 0.95em !important;
}
.font09 {
	font-size: 0.9em !important;
}
.font085 {
	font-size: 0.85em !important;
}
.font08 {
	font-size: 0.8em !important;
}
.font075 {
	font-size: 0.75em !important;
}
.font07 {
	font-size: 0.7em !important;
}
.font065 {
	font-size: 0.65em !important;
}
.font06 {
	font-size: 0.6em !important;
}
.font050 {
	font-size: 50% !important;
}
.font045 {
	font-size: 45% !important;
}

.font＿palt {
	font-feature-settings: "palt";
}
.font_bold {
	font-weight: bold !important;
}
.font_b900 {
	font-weight: 900 !important;
}
.font_b700 {
	font-weight: 700 !important;
}
.font_b600 {
	font-weight: 600 !important;
}
.font_b500 {
	font-weight: 500 !important;
}
.font_normal {
	font-weight: normal !important;
}
.font_300 {
	font-weight: 300 !important;
}

.under_line {
	text-decoration: underline !important;
}

.no_line_b {
	border-bottom-style: none !important;
}


/* フォントカラー */
.txt_black {
	color: #000 !important;
}
.txt_white {
	color: #fff !important;
}
.txt_red {
	color: var(--color-red) !important;
}


/*bgカラー */
.bg_white {
	background-color: #fff !important;
}
.bg_black {
	background-color: #000 !important;
}


/* 行間 */
.line_h_2em {
	line-height: 2em !important;
}
.line_h_15em {
	line-height: 1.5em !important;
}


/* 幅 */
.width800 {
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}


/* 整列 */
.txt_left {
	text-align: left !important;
}
.txt_center {
	text-align: center !important;
}
.txt_right {
	text-align: right !important;
}


/* レタースペース */
.l_space_10 {
	letter-spacing: 10px !important;
}
.l_space_5 {
	letter-spacing: 5px !important;
}
.l_space_3 {
	letter-spacing: 3px !important;
}
.l_space_1 {
	letter-spacing: 1px !important;
}
.l_space_0 {
	letter-spacing: 0 !important;
}


/* アンダーライン */
.under {
    background: linear-gradient(transparent 50%, #ff9 50%);
}
.under_red {
    background: linear-gradient(transparent 90%, #d7073a 20%);
}
.under_mustard {
    background: linear-gradient(transparent 90%, #e3b658 10%);
}


/* 角丸 */
.round_8 {
	border-radius: 8px;
}
.round_6 {
	border-radius: 6px;
}
.round_4 {
	border-radius: 4px;
}


/* FLEXBOX */
.row-reverse {
	flex-direction: row-reverse;
}
.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex_column {
	flex-direction: column;
}


/* clear */
.clear {
	clear: both;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: block;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.cleardiv {
	clear: both;
}