body {
    font-size: 13px;
  margin: 0;
  font-family: "MS Gothic", sans-serif;
  background: #fff;
  color: #000;
  background-image: url("img/stripe.png");
  background-repeat: repeat;     /* ← タイル状に並べる */
  background-position: top left; /* ← 左上から開始 */

}

.container {

  max-width: 500px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}
.top-img{
    text-align: center;


}

    	.ti5{
text-align: center;

	}
.menu-buttons{
  margin-top:20px;
}

.menu-btn{
  display:inline-block;
  padding:10px 25px;
  margin:10px;
  border:3px double #000;
  text-decoration:none;
  color:#000;
  font-weight:bold;
  background:#fff;
  transition:none;
}

/* ホバー時（マウスを乗せた時） */


/* ホバー時（即切り替え） */
.menu-buttons{
  display:flex;
  flex-direction:column;
  align-items:center;

  margin-top:30px;
}

.img-btn{
  display:block;
  width:300px;   /* ボタン画像の横幅に合わせて調整 */
  height:80px;   /* ボタン画像の高さに合わせて調整 */
  background-repeat:no-repeat;
  background-size:contain;
  transition:none;  /* フェードなし */
}

/* 通常画像 */
.btn-nan{
  background-image:url("img/nanbtn.png");
}

.btn-bng{
  background-image:url("img/bngbtn.png");
}

.btn-snt{
  background-image:url("img/sntbtn.png");
}

/* ホバー画像 */
.btn-nan:hover{
  background-image:url("img/nanbtn2.png");
}

.btn-bng:hover{
  background-image:url("img/bngbtn2.png");
}

.btn-snt:hover{
  background-image:url("img/sntbtn2.png");
}

/* 押したとき */
.img-btn:active{
  transform:translateY(3px);
}


.btn-back:hover img{
  content:url(img/modoru2.png);
}
.floating-button{
    margin-top: 30px;
  text-align: center;
}
@media (hover: none) {
.btn-nan:hover,
.btn-snt:hover,
.btn-bng:hover,
.mail-back:hover img,
.btn-back:hover img,
  .footer-btn a:hover img{
    content: none;
  }

}