@charset "UTF-8";
.t-button {
  position: relative;
  display: inline-block;
  padding: .5em 4em;
  border: 1px solid #333;
  z-index: 1;
  color: #333;
  text-align: center;
  text-decoration: none;
  transition: .3s;
}
.t-button:hover {
  text-decoration: none;
  color: #fff;
}
.t-button::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #333;
  transform-origin: center center;
  transform: scale(0, 1);
  transition: transform .3s;
}
.t-button:hover::before {
  transform: scale(1, 1);
}
/*///--///*/
img.img-zoom:hover {
  -moz-transform: scale(1.03,1.03);
-webkit-transform: scale(1.03,1.03);
-o-transform: scale(1.03,1.03);
-ms-transform: scale(1.03,1.03);
}
a div.t-button-div-outer {
  position: absolute;
  width:100%;
  display: block;
  bottom:40px;
  left: 0;
  text-align: center;
}
a div.t-button-div {
  position: relative;
  display: inline-block;
  width:80%;
  padding: 10px 10px;
  border: 1px solid #333;
  z-index: 1;
  color: #333;
  text-align: center;
  text-decoration: none;
  transition: .3s;
  background-color:rgba(255,255,255,0.82);
}
a:hover div.t-button-div {
  text-decoration: none;
  color: #fff;
  opacity: 1;
	filter: alpha(opacity=100);
}
a div.t-button-div::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #333;
  transform-origin: center center;
  transform: scale(0, 1);
  transition: transform .3s;
}
a:hover div.t-button-div::before {
  transform: scale(1, 1);
}




#mediaQ------------------------------------------------------------------------------------------------780{}
@media screen and (max-width: 780px) {
	
}




#mediaQ--------------------------------------------------------------------------------------------479{}
@media screen and (max-width: 479px) {

}