@charset "UTF-8";

body {
  /* 画像ファイルの指定 */
  background-image: url(images/top-bg.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}

.demo1{
  display: inline-block;
  padding: 15px 45px;
  border: solid 1px #fff;
  border-radius: 0px;
  background: rgba(0,0,0,0.2);
  color: #fff;
  text-decoration: none;
  font-weight: light;
  font-family: Poornut, Book Antiqua, Helvetica, Arial, sans-serif;
}
.demo1:hover{
  color: #fff;
  background: #b496a1;
}