/* マージン、パディング */
.mg_left {
	margin-left:0 !important;
}

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

.mg-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.mgBottom-30 {
	margin-bottom: -30px !important;
}

.mgBottom-20 {
	margin-bottom: -20px !important;
}

.mgBottom-10 {
	margin-bottom: -10px !important;
}

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

.mgBottom2 {
	margin-bottom: 2px !important;
}

.mgBottom5 {
	margin-bottom: 5px !important;
}

.mgBottom10 {
	margin-bottom: 10px !important;
}

.mgBottom20 {
	margin-bottom: 20px !important;
}

.mgBottom30 {
	margin-bottom: 30px !important;
}

.mgBottom40 {
	margin-bottom: 40px !important;
}

.mgBottom50 {
	margin-bottom: 50px !important;
}

.mgBottom80 {
	margin-bottom: 80px !important;
}

.mgBottom100 {
	margin-bottom: 100px !important;
}

.pdLeft06em {
	padding-left: .6em !important;
}

.mgLeft-10 {
	margin-left: -10px !important;
}

.mgLeft-5 {
	margin-left: -5px !important;
}

.mgLeft3 {
	margin-left: 3px !important;
}

.mgLeft4 {
	margin-left: 4px !important;
}

.mgLeft5 {
	margin-left: 5px !important;
}

.mgLeft7 {
	margin-left: 7px !important;
}

.mgLeft10 {
	margin-left: 10px !important;
}

.mgLeft15 {
	margin-left: 15px !important;
}

.mgLeft25 {
	margin-left: 25px !important;
}

.mgLeft30 {
	margin-left: 30px !important;
}

.mgLeft50 {
	margin-left: 50px !important;
}




.mgRight3 {
	margin-right: 3px !important;
}

.mgRight5 {
	margin-right: 5px !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;
}

.mgRight130 {
	margin-right: 130px !important;
}

.mgTop-60 {
	margin-top: -60px !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;
}

.mgTop5 {
	margin-top: 5px !important;
}

.mgTop8 {
	margin-top: 8px !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;
}

.pdLeft30 {
	padding-left: 30px !important;
}

.pdTop10 {
	padding-top: 10px !important;
}

.pdTop20 {
	padding-top: 20px !important;
}

.pdTop30 {
	padding-top: 30px !important;
}

.pdTop50 {
	padding-top: 50px !important;
}

.pdBottom20 {
	padding-bottom: 20px !important;
}

.pdBottom30 {
	padding-bottom: 30px !important;
}

.pdBottom40 {
	padding-bottom: 40px !important;
}

.pdBottom300 {
	padding-bottom: 300px !important;
}

.pdRight20 {
	margin-right: 20px !important;
}

.pdLeftRight20 {
	margin-right: 20px;
	margin-left: 20px;
}


/* フォントサイズ */
.font2 {
	font-size: 2em !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;
}

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

.font050 {
	font-size: 50% !important;
}

.font8px {
	font-size: 8px !important;
}

.font＿palt {
	font-feature-settings: "palt";
}

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

.font_b500 {
	font-weight: 500 !important;
}

.font_normal {
	font-weight: normal !important;
}

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

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


/* フォントカラー */
.txt_mustard {
	color: rgb(227, 182, 88) !important;
}

.txt_black {
	color: #000 !important;
}

.txt_fff {
	color: #fff !important;
}

.txt_pink {
	color: #b53781 !important;
}

.txt_yamabuki {
	color: #bd9a4a !important;
}


.txt_red {
	color: #d11520 !important;
}

.txt_orange {
	color: #dd7108 !important;
}


/*bgカラー */
.bg_fff {
	background-color: #fff;
}

.bg_000 {
	background-color: #000;
}

.bg_f5f5f5 {
	background-color: #f5f5f5;
}



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

.line_h_15em {
	line-height: 1.5em !important;
}


/* 幅 */
.width70 {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.width80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.width250 {
	width: 250px;
}

.width300 {
	width: 300px;
}

.width_cast {
	width: 100%;
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

.width_staff {
	width: 100%;
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
}

.width520 {
	width: 100%;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}


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


/* 整列 */
.left {
	float: left !important;
}

.right {
	float: right !important;
}

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

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

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

.v_none {
	display: none;
}

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


/* レタースペース */
.l_space_10 {
	letter-spacing: 10px !important;
}

.l_space_5 {
	letter-spacing: 5px !important;
}

.l_space_3 {
	letter-spacing: 3px;
}

.l_space_1 {
	letter-spacing: 1px !important;
}

.l_space_0 {
	letter-spacing: 0 !important;
}

.l_space_-2 {
	letter-spacing: -2px;
}


/* アンダーライン */
.under {
    background: linear-gradient(transparent 50%, #ff9 50%);
}

.under_red {
    background: linear-gradient(transparent 90%, #d7073a 20%);
}

.under_orange {
    background: linear-gradient(transparent 90%, #fea222 20%);
}


/* 角丸 */
.round_8 {
	border-radius: 8px; /* CSS3草案 */  
	-webkit-border-radius: 8px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px; /* Firefox用 */
}

.round_6 {
	border-radius: 6px; /* CSS3草案 */  
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px; /* Firefox用 */
}

.round_4 {
	border-radius: 4px; /* CSS3草案 */  
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px; /* Firefox用 */
}


/* FLEXBOX */
.row-reverse {
	flex-direction: row-reverse;
}

.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex_column {
	flex-direction: column;
}


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

.cleardiv {
	clear: both;
}

@media screen and (max-width: 640px) {
.flex_center {
	display: inline-block;
	justify-content: center;
	align-items: center;
}

.pc_center {
	text-align: justify !important;
 	text-justify: inter-ideograph !important;
}
}

