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

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

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

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

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

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

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

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



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

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

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

.mgLeft8 {
	margin-left: 8px !important;
}

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

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

.mgLeft16 {
	margin-left: 16px !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;
}

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

.mgTop-30 {
	margin-top: -30px !important;
}

.mgTop-20 {
	margin-top: -20px !important;
}

.mgTop-15 {
	margin-top: -15px !important;
}

.mgTop-10 {
	margin-top: -10px !important;
}

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

.mgTop0 {
	margin-top: 0px !important;
}

.mgTop2 {
	margin-top: 2px !important;
}

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

.mgTop8 {
	margin-top: 8px !important;
}

.mgTop10 {
	margin-top: 10px !important;
}

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

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

.pdTop0 {
	padding-top: 0px !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;
}

.font30 {
	font-size: 3em !important;
}

.font25 {
	font-size: 2.5em !important;
}

.font20 {
	font-size: 2em !important;
}

.font18 {
	font-size: 1.8em !important;
}

.font15 {
	font-size: 1.5em !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;
}

.font06 {
	font-size: 0.6em !important;
}

.font055 {
	font-size: 0.55em !important;
}

.font045 {
	font-size: 0.45em !important;
}

.font_400 {
	font-weight: 400 !important;
}

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

.font_b600 {
	font-weight: 600 !important;
}

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

.font_b900 {
	font-weight: 900 !important;
}


/* フォントカラー */
.txt_red {
	color: #F5505D !important;
}

.txt_black {
	color: #000 !important;
}

.txt_gray {
	color: #999 !important;
}

.txt_lightgray {
	color: #bbb !important;
}

.txt_white {
	color: #fff !important;
}

.txt_f36b62 {
	color: #f36b62 !important;
}

.txt_444 {
	color: #444 !important;
}

.txt_pink {
	color: #EF6BA0 !important;
}


/* アンダーライン */
.under_green {
    border-radius: 80% 50% 60% 5%/80% 75% 15% 75%;
    background: linear-gradient(transparent 60%, #CCFF66 60%);
}

.under_dot {
	border-bottom: 2px dotted #fa607c;
}



/* 背景カラー */
.bg_white {
	background-color: #fff !important;
}

.bg_cbc3bf {
	background-color: #cbc3bf !important;
}

.bg_d0cdcd {
	background-color: #d0cdcd !important;
}

.bg_c7d0d4 {
	background-color: #c7d0d4 !important;
}

.bg_fafafa {
	background-color: #fafafa !important;
}


/* 整列 */
.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;
}

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

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

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


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

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

.l_space1_5 {
	letter-spacing: 1.5px !important;
}

.l_space_2 {
	letter-spacing: 2px !important;
}

.l_space_3 {
	letter-spacing: 3px !important;
}

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


/* 角丸 */
.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用 */
}


/* シャドウ */
.shadow01 {
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}


/* 画像のfilter */
.img_brightness120 {
  filter: brightness(120%);
}

.img_brightness130 {
  filter: brightness(130%);
}


.img_opacity80 {
  opacity: 0.8;
}

.no_link {
	pointer-events: none !important;
}


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

.cleardiv {
	clear: both;
}