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

/* ホバーすると拡大するボタン */
.button2 {
	display: inline-block;
	width: 120px;
	height: 50px;
	border-bottom: 2px solid #ccc;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height:50px;
	font-size:12px;
	background-color:#bce2e8;
}
.button2:hover {
	background: -webkit-linear-gradient(#6c9401 , #b3fb01);
	background: linear-gradient(#6c9401 , #b3fb01);
}

.button3 {
	display: inline-block;
	width: 50%;
	height: 50px;
	color: #000;
	text-decoration: none;
	text-align: center;
	line-height:50px;
	font-size:12px;
	background-color:#ffd900;
}
.button3:hover {
	background: -webkit-linear-gradient(#6c9401 , #b3fb01);
	background: linear-gradient(#6c9401 , #b3fb01);
}

/* アクティブページボタン */
.button {
	display: inline-block;
	width: 120px;
	height: 70px;
	border-bottom: 2px solid #fff;
	color: #000;
	text-decoration: none;
	text-align: center;
	line-height:70px;
	font-size:13px;
}
.button:hover {
}


@media only screen and (min-width: 482px) {
/* ホバーすると拡大するボタン */
.button2 {
	display: inline-block;
	width: 120px;
	height: 50px;
	border-bottom: 2px solid #ccc;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height:50px;
	font-size:11px;
	background-color:#bce2e8;
}
.button2:hover {
	background: -webkit-linear-gradient(#6c9401 , #b3fb01);
	background: linear-gradient(#6c9401 , #b3fb01);
}

.button3 {
	display: inline-block;
	width: 25%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size:12px;
	background-color:#666;
}
.button3:hover {
	background: -webkit-linear-gradient(#6c9401 , #b3fb01);
	background: linear-gradient(#6c9401 , #b3fb01);
}

/* アクティブページボタン */
.button {
	display: inline-block;
	width: 120px;
	border-bottom: 1.5px solid #ccc;
	border-top: 1.5px solid #ccc;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size:16px;
	background-color:#FFF;
}
.button:hover {
}


}


@media only screen and (min-width: 769px) {
/* ホバーすると拡大するボタン */
.button2 {
	display: inline-block;
	width: 120px;
	border-bottom: 1.5px solid #ccc;
	border-top: 1.5px solid #ccc;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size:16px;
	background: -webkit-linear-gradient(#89c3eb , #223a70);
	background: linear-gradient(#89c3eb , #223a70);
}
.button2:hover {
	background: -webkit-linear-gradient(#ffec47 , #fcc800);
	background: linear-gradient(#ffec47 , #fcc800);
	color: #fff;
}

.button3 {
	display: inline-block;
	width: 25%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size:16px;
	background-color:#666;
}
.button3:hover {
	background: -webkit-linear-gradient(#6c9401 , #b3fb01);
	background: linear-gradient(#6c9401 , #b3fb01);
}

/* アクティブページボタン */
.button {
	display: inline-block;
	width: 120px;
	border-bottom: 1.5px solid #ccc;
	border-top: 1.5px solid #ccc;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size:16px;
	background-color:#FFF;
}
.button:hover {
}


}