@charset "utf-8";
/* CSS Document */


/*==============================================================================================
●画面の横幅が980px以上
================================================================================================*/
@media screen and (min-width: 980px){


.order_area {
		width: 75%;
		margin: 0 auto;
		text-align: center;
	}
	
.btn-border {
		display: inline-block;
		/*max-width: 180px;*/
		text-align: center;
		font-size: 2rem;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		padding: 8px 16px;
		border-radius: 4px;
		transition: .4s;
		background-color: #FF0000;
		margin:0 auto 10px;
		width: 690px;
		border-bottom: 7px solid #AA0000;
		line-height: initial;
}
	
.btn-border:hover {
	background-color: #e49115;
	color: #FFF;
	border-bottom: 7px solid #B56B00;
	}
}

/*==============================================================================================
●画面の横幅が980px以下
==============================================================================================*/
@media screen and (max-width: 980px){

.order_area {
		width: 90%;
		margin: 5px 5% 0;
	}
	
	.btn-border {
		display: inline-block;
		/*max-width: 180px;*/
		font-size:1rem;
		color: #FFF;
		text-decoration: none;
		padding: 8px 16px;
		border-radius: 4px;
		transition: .4s;
		background-color: #FF0000;
		text-align: center;
		margin:0 auto 10px;
		width: 90%;
		border-bottom: 7px solid #AA0000;
	}

}