@charset "UTF-8";

body{
  font-family: 'Verdana', 'Geneva', 'Tahoma', 'YU Gothic UI', 'ヒラギノ丸ゴシック ProN（Pro）', 'sans-serif';

  
  width: 1000px;
  margin: auto; 
}


img{width: 50%;
height: auto;
margin: 10% 20%;
align-items: center;
}

.modoru{
  font-size: 20px;
  text-align: center;
  background-color: chartreuse;
  padding: 10px;
  margin: 0 20%;
}
.modoru a{
  color: #157209;
  font-weight: bold;
}

/* 家具屋の指定 */
.kakuu{
  text-align: right;
  margin-right: 20%;
}

/* 以下は旅友の指定 */
main{
  max-width: 80%;
  margin: 0 auto;
}
table{
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
td{
  padding: 10px;
  /* padding-left: 5%;
  padding-right: 10%;
  padding-top: 5%; */
  border: #333333 1px dotted;
}

h3{
  text-align: center;
  font-size: 24px;
  color: #ff00ff;
}

h4{
  color: #ff00ff;
}

h6{
  text-align: center;
  padding: 5px;
  border: #ff00ff 1px double;
  font-size: 16px;
  margin: 0 30px;
}

h5{
  text-align: center;
}

@media screen and (max-width:768px){


  body{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
  }
  
  img{
    width: 60%;
    height: auto;
    object-fit: contain;
  }

table,td{
  display: block;
}

}