@charset "utf-8";

html, body { 
  margin: 0px;
  padding: 0px;
 }
body {
    font-family: "Noto Selif JP", serif; 
    font-size: 1em;
    color: #e6e6e6;
    line-height:1.3em;
    background-color: #dcd097;
    background-image: url(starbackground.png);
    
    background-position: center center; /* 中央に配置 */
    background-size: contain; /* ★ 画像全体を領域内に収める */
  
}
.sonota{
position:relative;
}
.modoru{
  position: absolute;
}
.kensaku{
  position:absolute;
  right:0;
}

.name{
  text-align:  center;
}
.mazyo{
  text-align:  center;

  }
.profileintro{
  margin: 10px auto 10px;
width: 270px;
height: 100px;
border-radius: 10px;
background-color:#916464;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.85em;
line-height: 1.3;
color: #302104;
  
}
.vlogflame{
  margin-top: 20px;
 text-align:  center; 
}
.vlog1{
margin: 5px auto;
  width: 300px;
height: 30px;
border-radius: 10px;
background-color: lightgray;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.8em;
color: #000000;
}

.vlog2{
margin: 5px auto;
width: 300px;
height: 30px;
border-radius: 10px;
background-color: lightgray;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.8em;
color: #000000;
}

.vlog3{
margin: 5px auto;
width: 300px;
height: 30px;
border-radius: 10px;
background-color: lightgray;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.8em;
color: #000000;
}

.sankaku{
margin: 5px auto;
width: 300px;
height: 15px;
border-radius: 5px;
background-color: lightgray;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.8em;
color: #000000;
  
}
.post{
  text-align:  center;
  margin-top: 20px;
}


.atpost{
  display: flex;
    justify-content: space-around;
    gap: 20px;
background-color: lightgray;
padding: 20px;
overflow: hidden;
}