@charset "utf-8";

.detail {
	padding: 0;
	margin:20px;
	text-align:center;
}


.detail a.btn{
   display: block;            /* �u���b�N�� */
   padding: 0.3em;            /* �����̗]�� */
   border: 1px solid #000; /* �g�������� */
   border-radius: 0.65em;     /* �p���ۂ����� */
   text-decoration: none;     /* ���������� */
   background-color: #3f230e; /* �w�i�F */
   color:#ffebe2;

/*
	margin: 10px;
	border: solid 1px #900;
	background: #d20000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d74747), color-stop(50%,#d74747), color-stop(51%,#d20000), to(#d20000));
	background-image: -webkit-linear-gradient(top, #d74747, #d74747 50%, #d20000 51%, #d20000);
	background-image: -moz-linear-gradient(top, #d74747, #d74747 50%, #d20000 51%, #d20000);
	background-image: -ms-linear-gradient(top, #d74747, #d74747 50%, #d20000 51%, #d20000);
	background-image: -o-linear-gradient(top, #d74747, #d74747 50%, #d20000 51%, #d20000);
	background-image: linear-gradient(top, #d74747, #d74747 50%, #d20000 51%, #d20000);
	text-shadow: 0 -1px 1px #900;
	border-radius: 0.3em;
*/
}
.detail a:hover.btn {
   color: #3f230e;            /* �����F */
   background-color: #ffebe2; /* �w�i�F */
   border-color: #3f230e;        /* �g���̐F */
/*
	border: solid 1px #CCC;
	background: #900;
*/
}

.detail a.btn span {
	display: block;
	font-size: 85%;
}


form {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

form button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;   /* 一部ブラウザの立体効果を消す */
  appearance: none;   /* ブラウザ独自スタイルを消す */
  -webkit-appearance: none; /* Safari用 */
  cursor: pointer;/* クリックできることを示す */
}


form button img {
  transition: filter 0.3s ease; /* アニメーションで滑らかに */
}

form button:hover img {
  filter: brightness(80%); /* 80%の明るさ＝少し暗く */
}