﻿body{
  background-color:#F7F7F7;
}
.display-one-line {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.display-two-line {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.display-three-line {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.display-four-line {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
header{
  background-color: #fff;
}
header div.logo img{
  max-width: 20vw;
  height: auto;
  border-radius: 100%;
}
header div.content h1{
  font-size: 5vw;
  font-weight: 550;
}
header div.content p{
  font-size: 3.5vw;
  margin-bottom: 0;
}
header div.description-block{
  font-size: 3.5vw;
}
header div.description-block .address p:first-child{
  color: #8E8E8E;
}
header div.description-block .address p:last-child{
  color: #0F2344;
}
header div.follow-block div{
  font-size: 3.5vw;
  background-color:#F2F2F2;
  border-radius: 2vw;
}
header div.menu-block div{
  position: relative;
  font-size: 3.5vw;
  color:#8E8E8E;
}
header div.menu-block div.status{
  color: #333;
}
header div.menu-block div.status:after{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height:0.7vw;
  border-radius: 1vw;
  bottom: 0;
  background-color: #1d1d1d;
}
main div.items{
  font-size: 3.5vw;
  background-color: #fff;
  border-radius: 2vw;
}

main div.items .item-time{
  font-size: 3.8vw;
  color:#B9B9BA;
}
main div.items .item-content h3{
  font-size:4.1vw;
  font-weight: 400;
}
main div.items .item-content p{
  font-size: 3.5vw;
  color:#B9B9BA;
}
main div.items .item-content img{
  max-width: 100%;
  height: auto;
}
