body{   background: #ffffff;}

#all{
  width: 100%;
  font-family: YuGothic,'Yu Gothic',sans-serif;
  padding-bottom: 100px;
        }

a{
     text-decoration: none;
   }

#top{ 
  position: fixed;
  top: 0px;
  background: #ffffff;
  z-index: 30;
  height: 37px;
  width: 99%;
  padding: .5em;
  text-align: center;
  border-bottom: solid 1px;
            }

nav#global {  
  width: 98%;
  display: table-cell;
  float: left;
  font-size: .9em;
  padding: 1em 0em;
                     }

a.link{
  text-decoration: none;
  color: #232323;
  padding: 5px 1.5em;
  margin: 10px;
  border-radius: 20px;
         }

a.link:hover{
  background:  rgba(238, 130, 124, 0.6);
  color: #ffffff;
                       }

span.now{
  background: rgba(238, 130, 124, 0.6);
  color: #ffffff;
  padding: 5px 1.5em;
  margin: 10px;
  border-radius: 20px;
               }

/*ここから本文*/
#wrapper{
  position: relative;
  top: 70px;
  z-index: 10;
  width: 80%;
  margin: 40px auto;
                  }

a.work{
     text-decoration: none;
     width: 77%;
     display: block;
     padding: 20px 20px;
     border-radius: 10px;
     margin: 10px auto;
     color: #6b00c0;
     background: #fef5ff;
              }

a.work:hover{
      border: solid .5px #747474;
      color: #747474;
      background: #ffffff;
                        }
/*ここからボタンコーナー*/
  a.clap{
     position: fixed;
     top:50px;
     left: 0px;
     text-align: center;
     text-decoration: none;
     font-size: 1em;
     background: #f34971;
     color: #fefefe;
     border: solid .5px #f34971;
     padding: .7em 2.5em;
     margin: 8px auto 0px 10px;
     border-radius: 3px;
                       }
  a.clap:hover{
     background: #ffffff;
     color: #da536e;
     border: solid .5px #f34971;
                                    }