img
{margin: auto;}
menu,
ul {  margin: auto;
  display: flex;
  list-style: none;
  padding: 0;
  width: 600px;
}

li {
  flex-grow: 1;
}

p#greeting{ margin: auto;text-align:left;}

img#logo{
  width: 60%;
  margin: auto;
  display: block;
}
body{background-color:#FFFAFA;
text-align:center;
}

@media screen and (max-width:1200px)
{
.left{display:none;}
.top{
 display: flex;
 
flex-direction: column; /* 子要素を縦方向に並べる */
flex-wrap: wrap;
}

.nico{float: left;
display: block;


}

#mini_img
{width:80%;
height:auto;}

#new_img{width:80%;}
}


@media screen and (min-width:1201px)
{
main{display: flex;}


.left{ 
margin:20px;
width:15%;
background-color:#FFFFFF;}

img#nicotto_bn{ margin: auto;
  display: block;
width:80%;}

.top{
 display: flex;
 
flex-direction: column; /* 子要素を縦方向に並べる */
flex-wrap: wrap;
width:85%;
}

.top_1{ display: flex;
 



}
.nico{float: left;
display: block;
width:50%;


}

#mini_img
{width:60%;
height:auto;}

.new{
width:50%;

}
#new_img{width:80%;}

}
.contents{

background-color:#FFFFFF;

}