/* CSS Document */

/* ----- Magic ----- */

.magic_version
{
	font-weight:bold;
	font-size:2.5rem;
	color:#ab2669;
	text-align:center;
	padding:1.5em 0;
}

.link_btn
{
	display: inline-block;
	position: relative;
	padding: 0.75rem 0.25rem;
	text-decoration: none;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(255 255 255 / 66%);
	box-shadow: 0 1px 1px rgb(0 0 0 / 28%);
	font-size: 1.2rem;
}

.link_btn:hover {
  /*マウスオーバーしたとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  opacity:0.7;
}

.btn_color_red
{
	background: linear-gradient(#eeacac,#ee2818 20%,#ee2818 80%,#eeacac 100%);
}

.btn_color_green
{
	background: linear-gradient(#aceeac,#28ee18 20%,#28ee18 80%,#aceeac 100%);
}

.strike
{
	text-decoration:line-through;
	text-decoration-color:red;
}