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

.button01 {
  position:relative;
  margin:10px;
  display:inline-block;
  padding:8px 25px 8px 25px;
  border:2px solid #c69d18;
  background:none;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:1px;
  cursor:pointer;
}
 
.button01:after {
  position: absolute;
  top:2px;
  left:-4px;
  content:"";
  height:100%;
  width:100%;
  z-index:-999;
  -webkit-transform: rotate(-1deg);
     -moz-transform: rotate(0deg);
}
 
.yellow:after { background:#f4ec5a; }
.blue:after   { background:#1BAED4; }
.green:after  { background:#16C77B; }
.pink:after   { background:#F090C6; }
.orange:after   { background:#FFC92A; }
.murasaki:after   { background:#805DBB; }
.cyairo:after   { background:#CBB996; }
.kimidori:after   { background:#A3CF4D; }
.sanwablue:after   { background:#3071B9; }

.button_wrapper{
   text-align:center;
}

.fontcolor_shiro{
	color: #FFFFFF;
}

.backcoloryellow{
	background-color: rgba(255,243,90,0.21);
}