/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */
.btnNext,
.btnBack{
		display:block;
	background:url(btn-bg_sp.png) repeat 0 0;
		width:100%;
		height:50px;
		color:#FFFFFF;
		text-decoration:none;
		
		font-size:20px;
		text-align:center;
		padding:12px 0 0;
		margin-top: 20px;
		}
		
	.btnNext:hover,
	.btnBack:hover{
		opacity:0.7;
		transition:0.3s;
		-webkit-transition:0.3s;
		text-decoration:none;
		color:#FFFFFF;
		}
.btnNext2,
.btnBack2{
		display:block;
	background:url(btn-bg2_sp.png) repeat 0 0;
		width:100%;
		height:50px;
		color:#FFFFFF;
		text-decoration:none;
		font-size:20px;
		text-align:center;
		padding:12px 0 0;
		margin-top: 20px;
		}
		
	.btnNext2:hover,
	.btnBack2:hover{
		opacity:0.7;
		transition:0.3s;
		-webkit-transition:0.3s;
		text-decoration:none;
		color:#FFFFFF;
		}

.btn, button {
	background-image: url(btn_bg_sp.png);
	background-size: 100%;
	font-size: 1.3rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding: 25px 10px;
	transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
	display: inline-block;
	cursor: pointer;
	width: 70%;
	min-width: 300px;
	outline: none;
	vertical-align: middle;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	color: #fff;
}
.btn:hover, button:hover {
	color: #c61c1c;
}
.r_btn, button {
	background: #f5ba04;
	font-size: 1.6rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
	display: inline-block;
	cursor: pointer;
	width: 80%;
	min-width: 300px;
	outline: none;
	vertical-align: middle;
	text-align: center;
	position: relative;
	overflow: hidden;
	color: #fff;
	padding-top: 15px;
	padding-right: 10%;
	padding-bottom: 15px;
	padding-left: 10%;
}
.r_btn:hover, button:hover {
	background: #F59004;
	color: #fff;
}

.h_btn2, button {
	background: #b5cf33;
	font-size: 1.3rem;
	text-transform: uppercase;
	padding: 15px 10px;
	transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
	display: inline-block;
	cursor: pointer;
	width: 70%;
	min-width: 300px;
	outline: none;
	vertical-align: middle;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	color: #fff;
}
.h_btn2:hover, button:hover {
	background: #42210b;
	color: #fff;
}

/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media all and (min-width: 768px) {
	
.btnNext{
		display:block;
background:url(btn_bg.png) no-repeat;
		background-size:100%;
		width:351px;
		height:54px;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		font-size:20px;
		padding:36px 20px 0 0;
		line-height:0;
		border: none;
		border-radius: 0;
	margin-top: 30px;
		}
		
	.btnNext:hover{
		opacity:0.7;
		transition:0.3s;
		-webkit-transition:0.3s;
		text-decoration:none;
		color:#FFFFFF;
		}

.btnNext2{
		display:block;
background:url(btn_bg02.png) no-repeat;
		background-size:100%;
		width:351px;
		height:54px;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		font-size:20px;
		padding:36px 20px 0 0;
		line-height:0;
		border: none;
		border-radius: 0;
	margin-top: 30px;
		}
		
	.btnNext2:hover{
		opacity:0.7;
		transition:0.3s;
		-webkit-transition:0.3s;
		text-decoration:none;
		color:#FFFFFF;
		}

	
	
.btn, button {
	width: 400px;
}
	
	.r_btn, button {
	width: 200px;
	min-width: 200px;
		padding: 10px 10px;
}
}