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

/* ホバーすると拡大するボタン */
.bt1 {
	display: inline-block;
	width: 90%;
	height: 120px;
	background: -webkit-linear-gradient(#fe5f95 , #ff3f7f);
	background: linear-gradient(#fe5f95 , #ff3f7f);
	border: 1px solid #fe3276;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.bt1:hover {
	-webkit-transform: scale(1.1) rotate(-15deg);
	transform: scale(1.1) rotate(-15deg);
}

.bt2 {
	display: inline-block;
	width: 90%;
	height: 120px;
	background: -webkit-linear-gradient(#228b22 , #9acd32);
	background: linear-gradient(#228b22 , #9acd32);
	border: 1px solid #9acd32;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.bt2:hover {
	-webkit-transform: scale(1.1) rotate(-15deg);
	transform: scale(1.1) rotate(-15deg);
}

.bt3 {
	display: inline-block;
	width: 90%;
	height: 120px;
	background: -webkit-linear-gradient(#1e90ff , #00bfff);
	background: linear-gradient(#1e90ff , #00bfff);
	border: 1px solid #00bfff;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.bt3:hover {
	-webkit-transform: scale(1.1) rotate(-15deg);
	transform: scale(1.1) rotate(-15deg);
}

.bt4 {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 120px;
	background: -webkit-linear-gradient(#ff4500 , #ee7800);
	background: linear-gradient(#ff4500 , #ee7800);
	border: 1px solid #ffcc00;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.bt4:hover {
	-webkit-transform: scale(1.1) rotate(-15deg);
	transform: scale(1.1) rotate(-15deg);
}

.bt5 {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 120px;
	background: -webkit-linear-gradient(#5d310c , #8b4513);
	background: linear-gradient(#5d310c , #8b4513);
	border: 1px solid #5d310c;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.bt5:hover {
	-webkit-transform: scale(1.1) rotate(-15deg);
	transform: scale(1.1) rotate(-15deg);
}