@charset "utf-8";

@media print,screen and (min-width : 501px) {


#kisetsu{
  text-align: center;
  margin-top: 40px;
}
#kisetsu ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#kisetsu li{
  width: 370px;
  margin-top: 20px;
  font-size:14px;font-size:1.4rem;
}


#menu1{
  text-align: center;
  margin-top: 40px;
}

#choice{
  margin-top: 40px;
}

.itemlist{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.itemlist li{
  width: 360px;
  margin-top: 20px;
  font-size:14px;font-size:1.4rem;
}
.itemlist li span{
  background-color: #505050;
  color: #fff;
  padding: 2px 6px;
  display: inline-block;
  margin-bottom: 6px;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
.itemlist li .color1{ background-color: #c1272d; }
.itemlist li .color2{ background-color: #f15a24; }
.itemlist li .color3{ background-color: #f7931e; }
.itemlist li .color4{ background-color: #8c6239; }
.itemlist dt{
  text-align: center;
  color: #005037;
  font-size:18px;font-size:1.8rem;
  font-family:"NotoSerifJP-5";
}

#menu2{
  text-align: center;
  margin-top: 40px;
}

#menu3{
  margin-top: 40px;
}

#coffeemenu{
  margin-top: 40px;
}
#coffeemenu #waribiki{
  margin-top: 40px;
  text-align: center;
}
#coffeemenu .fb{
  margin-top: 40px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#coffeemenu .fb-left{
  width: 500px;
}
#coffeemenu .fb-right{
  width: 500px;
}
#coffeemenu h2{
  border-bottom:solid 1px #c8c8c8;
  font-size:18px;font-size:1.8rem;
}
#coffeemenu ul{
  margin: 20px 10px;
}
#coffeemenu li{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
  margin-top: 10px;
}
#coffeemenu #zei{
  text-align: right;
}




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

#kisetsu{
  text-align: center;
  margin-top: 20px;
}
#kisetsu ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#kisetsu li{
  width: 48%;
  margin-top: 10px;
  font-size:12px;font-size:1.2rem;
}



#menu1{
  text-align: center;
  margin-top: 20px;
}

#choice{
  margin-top: 20px;
}

.itemlist{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.itemlist li{
  width: 48%;
  margin-top: 10px;
  font-size:12px;font-size:1.2rem;
}
.itemlist li span{
  font-size:12px;font-size:1.2rem;
  background-color: #505050;
  color: #fff;
  padding: 2px 6px;
  display: inline-block;
  margin-bottom: 6px;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
.itemlist li .color1{ background-color: #c1272d; }
.itemlist li .color2{ background-color: #f15a24; }
.itemlist li .color3{ background-color: #f7931e; }
.itemlist li .color4{ background-color: #8c6239; }
.itemlist dt{
  text-align: center;
  color: #005037;
  font-family:"NotoSerifJP-5";
}

#menu2{
  text-align: center;
  margin-top: 20px;
}

#menu3{
  margin-top: 20px;
}

#coffeemenu{
  margin-top: 40px;
}
#coffeemenu #waribiki{
  margin-top: 20px;
  text-align: center;
}

#coffeemenu .fb{
  margin-top: 20px;
}
#coffeemenu h2{
  border-bottom:solid 1px #c8c8c8;
  font-size:18px;font-size:1.8rem;
}
#coffeemenu ul{
  margin: 20px 10px;
}
#coffeemenu li{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
  margin-top: 10px;
}
#coffeemenu #zei{
  text-align: right;
}

}