@charset "UTF-8";





/* ==================================================
	button
================================================== */

.button {
	display: inline-block;
	vertical-align: bottom;
	padding: .5em 1.2em;
	font-size: 1.6rem;
	line-height: 1.2;
	background-color: #d7410b;
	border-radius: 0 4px;
	transition: .2s;
}

.button:link,
.button:visited,
.button:hover,
.button:focus {
	color: #fff;
	text-decoration: none;
}

.button.slim {
	padding: .4em 1.2em;
	font-size: 1.3rem;
}

.button.sslim {
	padding: .4em 1.2em;
	font-size: 1.1rem;
}

.button.critical { background-color: #d7410b; }
.button.primary { background-color: #0096d6; }
.button.secondary { background-color: #767676; }

/* hover */
.button:hover, .button.critical:hover { background-color: #c1401a; }
.button.primary:hover { background-color: #007dba; }
.button.secondary:hover { background-color: #5a5a5a; }



/* white -------------------- */

.button.white {
	background-color: #fff;
}
.button.white:link,
.button.white:visited {
	color: #0096d6;
}
.button.white:hover,
.button.white:focus {
	color: #069;
}





/* ==================================================
	line_button
================================================== */

.button.line {
	display: inline-block;
	vertical-align: bottom;
	padding: .5em 1.2em;
	color: #0096d6;
	font-size: 1.6rem;
	line-height: 1.2;
	background-color: transparent;
	border: 1px solid #0096d6;
	border-radius: 4px;
	transition: .2s;
}

.button.line:link,
.button.line:visited,
.button.line:hover,
.button.line:focus {
	text-decoration: none;
}

.button.line.slim {
	padding: .4em 1.2em;
	font-size: 1.3rem;
}

.button.line.sslim {
	padding: .4em 1.2em;
	font-size: 1.1rem;
}

.button.line.primary {
	color: #0096d6;
	border-color: #0096d6;
}
.button.line.critical {
	color: #d7410b;
	border-color: #d7410b;
}
.button.line.secondary {
	color: #767676;
	border-color: #767676;
}

/* hover */
.button.line:hover {
	color: #fff;
}
.button.line.primary:hover {
	background-color: #0096d6;
}
.button.line.critical:hover {
	background-color: #d7410b;
}
.button.line.secondary:hover {
	background-color: #767676;
}



/* white -------------------- */

.button.line.white:link,
.button.line.white:visited {
	color: #fff;
	border-color: #fff;
}
.button.line.white:hover,
.button.line.white:focus {
	color: #0096d6;
	background-color: #fff;
}



/* white2 -------------------- */

.button.line.white2:link,
.button.line.white2:visited {
	color: #fff;
	border-color: #fff;
}
.button.line.white2:hover,
.button.line.white2:focus {
	color: #000;
	background-color: #fff;
}



/* black -------------------- */

.button.line.black:link,
.button.line.black:visited {
	color: #000;
	border-color: #000;
}
.button.line.black:hover,
.button.line.black:focus {
	color: #fff;
	background-color: #000;
}



/* black2 -------------------- */

.button.line.black2:link,
.button.line.black2:visited {
	color: #fff;
	background-color: #000;
	border-color: #000;
}
.button.line.black2:hover,
.button.line.black2:focus {
	color: #000;
	background-color: #fff;
	border-color: #000;
}





/* ==================================================
	line_button (old style)
================================================== */

[class*="line_button"] {
	display: inline-block;
	vertical-align: bottom;
	padding: .5em 1.2em;
	color: #0096d6;
	font-size: 1.6rem;
	line-height: 1.2;
	border: 1px solid #0096d6;
	border-radius: 4px;
	transition: .2s;
}

[class*="line_button"]:link,
[class*="line_button"]:visited,
[class*="line_button"]:hover,
[class*="line_button"]:focus {
	text-decoration: none;
}

[class*="line_button"].slim {
	padding: .4em 1.2em;
	font-size: 1.3rem;
}

[class*="line_button"].sslim {
	padding: .4em 1.2em;
	font-size: 1.1rem;
}

[class*="line_button"].critical {
	color: #d7410b;
	border-color: #d7410b;
}
[class*="line_button"].secondary {
	color: #767676;
	border-color: #767676;
}

/* hover */
[class*="line_button"]:hover {
	color: #fff;
	background-color: #0096d6;
}
[class*="line_button"].critical:hover {
	background-color: #d7410b;
}
[class*="line_button"].secondary:hover {
	background-color: #767676;
}



/* white -------------------- */

.line_button_w:link,
.line_button_w:visited {
	color: #fff;
	border-color: #fff;
}
.line_button_w:hover,
.line_button_w:focus {
	color: #0096d6;
	background-color: #fff;
}