@charset "utf-8";

/* ----------------------------------------------------- */
/*   PriBiz ボタンスタイル                 */
/* ----------------------------------------------------- */

/* ボタン
--------------------------------------------------------- */
.btn {
	height: 30px;
	min-width: 80px;
	padding: 0px 8px;
	background: #61686e;
	border: solid 1px #4a5157;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

.btn:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

.btn-small {
	height: 20px;
	min-width: 40px;
	padding: 1px 16px;
	border-radius: 12px;
	font-size: 12px;
	line-height: 21px;
}

.btn-xsmall {
	height: 20px;
	min-width: 40px;
	padding: 1px;
	border-radius: 12px;
	font-size: 12px;
	line-height: 18px;
}

.btn-circle {
	width: 36px;
	min-width: 36px;
	height: 36px;
	line-height: 36px;
	padding: 0;
	background: #ff9602;
	border-color: #ec8b21;
	border-radius: 18px;
	font-family: "MS UI Gothic", "Hiragino Kaku Gothic Pro", meiryo, Arial,
		Osaka, Sans-serif;
	font-weight: bold;
}

/* 青色 */
.btn-blue {
	background: #529af3;
}

/* 緑色 */
.btn-green {
	background: #53cb53;
}

/* 灰色 */
.btn-gray {
	background: #d3d3d3;
}

/* タブボタン */
a.btn-tab {
	height: 36px;
	padding: 0px 10px;
	font-size: 15px;
	font-weight: bold;
	line-height: 36px;
}

a.btn-tab.blue {
	background: #fff;
	border: solid 2px #529af3;
	color: #529af3 !important;
}

a.btn-tab.blue.active {
	background: #529af3;
	color: #fff !important;
}

a.btn-tab.green {
	background: #fff;
	border: solid 2px #53cb53;
	color: #53cb53 !important;
}

a.btn-tab.green.active {
	background: #53cb53;
	color: #fff !important;
}

/* 遷移ボタン */
.btn-transition {
	height: 36px;
	padding: 0px 30px;
	background: #ff9602;
	border-color: #ec8b21;
	border-radius: 20px;
	font-size: 15px;
	font-weight: bold;
	line-height: 39px;
}

.btn-kyakka {
	height: 36px;
	padding: 0px 30px;
	background: #ff0000;
	border-color: #ff0000;
	border-radius: 20px;
	font-size: 15px;
	font-weight: bold;
	line-height: 39px;
	margin-top:-32px;
	min-width:120px;
}

.btn-approve {
	height: 36px;
	padding: 0px 30px;
	background: #32A032;
	border-color: #32A032;
	border-radius: 20px;
	font-size: 15px;
	font-weight: bold;
	line-height: 39px;
	margin-top:-32px;
	min-width:120px;
}

/* 注文確定画面のキャンセルボタン */
.btn-cancel-transition {
	height: 36px;
	padding: 0px 30px;
	background: #df2202;
	border-radius: 20px;
	font-size: 15px;
	font-weight: bold;
	line-height: 39px;
}

/* スペーサー */
.btn-space-ls {
	margin-left: 5px;
}

.btn-space-rs {
	margin-right: 5px;
}

.btn-space-lm {
	margin-left: 10px;
}

.btn-space-rm {
	margin-right: 10px;
}

.btn-space-ll {
	margin-left: 20px;
}

.btn-space-rl {
	margin-right: 20px;
}