/* -------------------------------------
	Modules
------------------------------------- */
/* Write modules here */

/* -------------------------------------
 	Parts
------------------------------------- */
/*  Button
------------------------------- */
.btn_3d_base {
	box-sizing: border-box;
	display: block;
	height: 50px;
	border-radius: 3px;
	color: #fff;
	position: relative;
}
.btn_3d_base:active,
.btn_3d_base:checked {
	top: 4px;
	box-shadow: 0 0 0 transparent !important;
}

/*  Clearfix
------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*  Effect
------------------------------- */
/* Mouse Hover */
.opacity_80_hover:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}

/* Text Decoration */
.txtd_none {
	text-decoration: none;
}
.txtd_none_hover:hover {
	text-decoration: none;
}

/* Transition */
.transition_04s:hover {
	transition: 0.4s;
}

/*  Form
------------------------------- */
.form_style_reset {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	background: 0;
	border-width: 0;
	margin: 0;
}
.form_style_reset_select {
	padding: 0;
	background: 0;
	border-width: 0;
	margin: 0;
}
.form_focus_reset:focus {
	outline: none;
}

/*  Heading
------------------------------- */
.heading_check {
	box-sizing: border-box;
	height: 46px;
	padding-left: 50px;
	background: url(../img/common/icon_title.png) 0 0 no-repeat;
	border-bottom: 2px solid #b3e1e1;
	margin-top: 44px;
	font-size: 24px;
	font-weight: bold;
	color: #4a4a4a;
}
@media screen and (max-width: 640px), screen and (orientation: landscape) and (max-width: 738px) {
	.heading_check {
		margin-top: 22px;
	}
}


/*  Text
------------------------------- */
.text_image {
	display: block;
	height: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
}

/* -------------------------------------
	Adjustments
------------------------------------- */
/*  Align
------------------------------- */
/* Text */
.ta_l {
	text-align: left !important;
}
.ta_c {
	text-align: center !important;
}
.ta_r {
	text-align: right !important;
}
.ta_j {
	text-align: justify !important;
}

/* Vertical */
.va_t {
	vertical-align: top !important;
}
.va_m {
	vertical-align: middle !important;
}
.va_bl {
	vertical-align: baseline !important;
}
.va_b {
	vertical-align: bottom !important;
}

/*  Border
------------------------------- */
.bd_none {
	border: 0 !important;
}

/*  Display
------------------------------- */
.d_b {
	display: block !important;
}
.d_ib {
	display: inline-block !important;
}
.d_il {
	display: inline !important;
}

/*  Float
------------------------------- */
.fl_l {
	float: left !important;
}
.fl_r {
	float: right !important;
}
.fl_n {
	float: none !important;
}

/*  Font
------------------------------- */
/* Family */
/* Write font-family parts here */

/* Size */
/* Write font-size parts here */

/* Weight */
.fw_n {
	font-weight: normal !important;
}
.fw_b {
	font-weight: bold !important;
}
.fw_lr {
	font-weight: lighter !important;
}
.fw_br {
	font-weight: bolder !important;
}

/*  Margin
------------------------------- */
.mgb_0 {
	margin-bottom: 0 !important;
}
.mgb_5 {
	margin-bottom: 5px !important;
}
.mgb_10 {
	margin-bottom: 10px !important;
}
.mgb_15 {
	margin-bottom: 15px !important;
}
.mgb_20 {
	margin-bottom: 20px !important;
}
.mgb_25 {
	margin-bottom: 25px !important;
}
.mgb_30 {
	margin-bottom: 30px !important;
}
.mgb_35 {
	margin-bottom: 35px !important;
}
.mgb_40 {
	margin-bottom: 40px !important;
}
.mgb_45 {
	margin-bottom: 45px !important;
}
.mgb_50 {
	margin-bottom: 50px !important;
}
.mgb_55 {
	margin-bottom: 55px !important;
}
.mgb_60 {
	margin-bottom: 60px !important;
}
.mgb_65 {
	margin-bottom: 65px !important;
}
.mgb_70 {
	margin-bottom: 70px !important;
}
.mgb_75 {
	margin-bottom: 75px !important;
}
.mgb_80 {
	margin-bottom: 80px !important;
}
.mgb_85 {
	margin-bottom: 85px !important;
}
.mgb_90 {
	margin-bottom: 90px !important;
}
.mgb_95 {
	margin-bottom: 95px !important;
}
.mgb_100 {
	margin-bottom: 100px !important;
}

/* -------------------------------------
  Responsive
------------------------------------- */
/*  PC / SP Only
------------------------------- */
/* PC Only */
.pc_only {
	display: block;
}
@media screen and (max-width: 640px), screen and (orientation: landscape) and (max-width: 738px) {
	.pc_only {
		display: none;
	}
}

/* SP Only */
.sp_only {
	display: none;
}
@media screen and (max-width: 640px), screen and (orientation: landscape) and (max-width: 738px) {
	.sp_only {
		display: block;
	}
	br.sp_only,
	a.sp_only,
	span.sp_only {
		display: inline;
	}
}