/*カフェメニューページCSS*/

body {

  background-color:olivedrab; 　
  background-repeat: no-repeat;                 
  background-attachment: fixed;                 
  background-size: 35%;                       
  background-position: 98% 2%;                 

}

body{
font-family:"游明朝",selif,"Arial";
}

h1 {
  text-align: center;
}

h2 {
  text-align: center;
}

h3 {
  text-align: center;
}

h4 {
  text-align: center;
}

h5 {
  text-align: center;
}

h6 {
  text-align: center;
  background-color: rgba(128,128,0,0.5);
}

p {
  text-align: left;
  padding-left: 30px
}

.floating-button { 
position: fixed;
 right: 20px; 
top: 20px;
z-index: 9999; 
display: block; background-color:darkred; /* ボタンの背景色 */ 
color: white; /* 文字色 */ 
width: 150px; /* ボタンの幅 */ 
height: 60px; /* ボタンの高さ */ 
text-align: center; line-height: 60px; /* ボタン内のテキストの位置を中央にする */ 
font-size: 20px; /* テキストサイズ */  
border-radius: 10%; /* 丸い形状を作る */
box-shadow: 0px 2px 10px rgb(0 0 0/ 0.8); /* 影の効果 */
animation: move 5s infinite;/*アニメーション化*/
 } .floating-button:hover { background-color:orange; /* ホバー時の背景色 */
 }
@keyframes move {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(4deg, 4deg);
  }
  10% {
    transform: skew(-3deg, -3deg);
  }
  15% {
    transform: skew(2deg, 2deg);
  }
  20% {
    transform: skew(-1deg, -1deg);
  }
  25% {
    transform: skew(0.6deg, 0.6deg);
  }
  30% {
    transform: skew(-0.4deg, -0.4deg);
  }
  35% {
    transform: skew(0.2deg, 0.2deg);
  }
}