/* 調整用スタイル */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
}

a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

/*body{
  color: #b6dff8;  
}*/

/* 全体レイアウト */
body {
    margin: 0;
    padding: 0;
   background-image: linear-gradient(0deg, #727f89 0%, #556471 40%, #344755 80%);
    background-repeat: no-repeat;
    background-color: #344755; /* ベースとなる単色 */
    /* ここを触ることでグラデーションの適用範囲を変えられます */
    background-size: 100% 200%; /* 幅100%、高さ80% */
    /* 3. グラデーションの開始位置を調整する (通常は 0 0 または top left) */
    background-position: top center;
  overflow-x: hidden; /* 横方向のスクロールバーが出ないように */
    color: #1f1930;
    padding-top: 70px;
    padding-bottom: 50px;
    line-height: 1.6;
}



html, body {
  height: 100%;
}



section{
  text-align: center;
}
.nakami {
    max-width: 60%;
    text-align: center;
    /* ★重要：左右の余白を auto にすることで中央に寄ります */
    margin: 0 auto; 
}

main {
  /* text-align: center; */
  /* background: linear-gradient(to bottom, #0A0A0F 0%, #1B1F2A 100%); /* ← 以前のグラデーションは削除 */
  background: transparent; /* 背景を透明にする */
  height: 100%;
  justify-content: center;
  align-items: flex-start; 
}

.main {
  padding-top: 70px;
text-align: center;
}



p {
    background-color: #adadad;
    padding: 10px;
    text-align: center;
    /* ★重要：pタグにも max-width があるので左右 auto が必要です */
    margin: 5px auto; 
    max-width: 80%;
    border-radius: 5px; /* お好みで：少し角を丸くすると見やすいです */
}
a{
    text-align: center;
}

.menu {
    /* メニュー全体も中央に寄せる */
    text-align: center;
    margin-top: 30px;
}
.uoo{
    text-align: center;
    margin: 20px;
    margin-top: 30px;
    color: #cdf0ff;;
}

.hosoku{
    font-size: small;
    color: #303257;
}

h3{
    color: rgb(55, 61, 116);
}

.setumei{
    color: #242424;
}
.sinkimoji {
    display: block; /* aタグをブロック要素にして中央寄せしやすくする */
    text-align: center;
    margin-top: 30px;
}

.all{
    background-color: rgb(226, 226, 226);
    max-width: 80%;
    text-align: center;
        margin: 0 auto; 
}