@charset "utf-8";


/*---------------------------------------------
 **  PC用
---------------------------------------------*/
/*サイト共通パーツ設定*/

.animation {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
 -webkit-transition: all .3s; 	transition: all .3s;
}

.animation:hover {
	-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
 -webkit-transition: all .3s; transition: all .3s;
}

/*ボタン*/
.bt_01{
  color:#FFF !important;
  display: inline-block;
  font-size: 1.8rem;
  text-align:center;
  padding: 1.3rem 4.5rem;
  position:relative;
  text-decoration:none !important;
  transition: 0.5s;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
	/* box-shadow */
  box-shadow:5px 3px 10px -1px rgba(0,0,0,0.2);
  shadowColor:"rgba(0,0,0,0.05)",
	shadowOffset:{width:5,height:5;},
  shadowOpacity:1,
	shadowRadius:10,
	borderWidth:0,
	borderColor:"#000000",
	borderTopLeftRadius:6,
	borderTopRightRadius:6,
	borderBottomLeftRadius:6,
	borderBottomRightRadius:6;
}
.bt_01:hover{opacity:0.5;color: #FFF!important;}
.bt_01:after{width: 12px;height: 12px;position: absolute;top: 39%;right: 1.5rem;background: url(../img/common/bt_icon.png) no-repeat;background-size:100%;content: '';}


/*---------------------------------------------
 **  SP用
---------------------------------------------*/
@media screen and (max-width: 740px) {
.bt_01{font-size: 16px;text-align: center;}

.bt_01{width:calc((100%)) !important;margin:0 0 0px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
/* Firefox v3.5+ */padding: 11px 5% 11px 5% !important;display:block !important;}
.bt_01:after{right: 1.0rem;}


}