@charset "UTF-8";
/* main {
  background-color: tomato;
  margin-left: 15%;
  margin-right: 15%;
} */
#date img {
  width: 70%;
}
.day{
  display: flex;
  justify-content: center;
}
@media screen and ( max-width:768px ) {
  #date img{
    width:60%;
  }
  }
@media screen and ( max-width:428px ) {
  #date img{
    width:40%;
  }
  .day{
    justify-content: flex-start;
  }
}

/*********************/
/******初期配置 *****/
/*******************/
#open,
#hinac,
#kaikann,
#kann,
.last{
  padding-top: 10%;
  padding-left:15%;
  padding-right:15%;
}
@media screen and ( max-width:428px ) {
  #open,
  #hinac,
  #kaikann,
  #kann,
  .last{
    padding-top: 5%;
    padding-left:3%;
    padding-right:3%;
  }
}
/***************************/
/* 写真のサイズ指定  住所のマークも含む*/
/***************************/
img{
  width: 80%;
}
.icon img{
  width:45%;
}
@media screen and ( max-width:428px ) {
  img{
    width:100%;
  }
  .icon img{
    width:30%;
  }
}

/***********************/
/**文章処理*/
/***********/
p{
  text-align: left;
  font-size: 20px;
  line-height: 1.7;
}
@media screen and ( max-width:428px ) {
  p{
    font-size:15px;
  }
}
.box{
  display: flex;
}
h1{
  font-size:60px;
}
@media screen and ( max-width:428px ) {
  h1{
    font-size: 40px;
  }
}
@media screen and ( max-width:320px ) {
  h1{
    font-size: 30px;
  }
}

/********/
/*建物名　営業時間　のせってい*/
/**********/
h2{
  font-size: 30px;
}
.box{
  margin-left: 20%;
  margin-bottom:1%;
}

@media screen and ( max-width:428px ) {
  .box{
    margin-left: 1%;
  }
}
@media screen and ( max-width:320px ) {
  h2{
    font-size: 25px;
  }
  .box p {
    font-size: 12px;
  }
}
hr{
  margin-bottom: 3%;

}
.mokuji {
  display: flex;
  flex-direction: column;
  /* gap:10%; */
  font-size: 30px;
  margin-left: 30%;
  margin-right: 30%;
}
@media screen and ( max-width:428px ) {
  .mokuji {

    font-size: 20px;
    margin-left: 1%;
    margin-right: 1%;
  }
}



#mokuji{
  margin-top: 3%;
}
#mokuji h2{
  text-align: center;
  margin-bottom: 3%;
}
/* ****************** */
/* 文字レイアウト */
/********************/
.bitu span,
.batter span,
.udo span,
.dennroku span,
.bagar span,
.mari span {
  font-size: 25px;
  padding-left:3%;
  padding-right: 3%;
  padding-top: 1%;
  padding-bottom: 1%;
}
.bitu,
.batter,
.udo,
.dennroku,
.bagar,
.mari{
  margin-top: 2%;
}
.bitu span{
background-color:tomato;
border-radius: 10px 10px 10px 10px ;
color: white;
}
.batter span{
  background-color: #BDBD69;
border-radius: 10px 10px 10px 10px;
color: white;
}
.udo span{
  background-color: #BCBE91;
border-radius: 10px 10px 10px 10px;
color: white;
}
.dennroku span{
  background-color:#FF8A2C;
  border-radius: 10px 10px 10px 10px;
  color: white;
}
.bagar span{
  background-color:#1A793D;
  border-radius: 10px 10px 10px 10px;
  color: white;
}
.mari span{
  background-color: #FFE500;
  border-radius: 10px 10px 10px 10px;
  color:white;
}