﻿header {
  padding-bottom: 1em;
}
header .top-bar {
  background: #eeeeee;
  padding: 5px 10px;
  margin-bottom: 1em;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 767px) {
  header .top-bar {
    font-size: small;
  }
}
header .top-bar .links a {
  margin: 1em;
}
header .main-column {
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 767px) {
  header .main-column {
    flex-wrap: wrap;
    padding: 0 15px;
  }
}
@media print, screen and (max-width: 767px) {
  header .main-column h1 {
    width: 120px;
    margin-bottom: 1em;
  }
}
header .main-column .banners {
  display: flex;
  justify-content: center;
}
@media print, screen and (max-width: 767px) {
  header .main-column .banners {
    flex-wrap: wrap;
    width: 100%;
  }
}
header .main-column .auth {
  display: flex;
  flex-wrap: nowrap;
}
header .main-column .auth a {
  white-space: nowrap;
}

.history {
  max-width: 1118px;
  margin: 0 auto;
}
.history .title {
  font-size: x-large;
  font-weight: bold;
  padding: 1em;
}
.history .flower-item {
  padding: 1em;
}
.history .flower-item img {
  width: 100%;
  margin-bottom: 1em;
}
.history .flower-item .item-name {
  margin-bottom: 20px;
  font-weight: bold;
  color: #9a947e;
}
.history .flower-item .price {
  font-weight: bold;
  color: #000;
}
.history .flower-item .price span.tax {
  font-weight: normal;
  font-size: small;
}
@media print, screen and (max-width: 767px) {
  .history .flower-item .price span.tax {
    font-size: x-small;
  }
}

.recommends {
  max-width: 1118px;
  margin: 0 auto;
}
.recommends img {
  margin-bottom: 1em;
}
.recommends .title {
  font-size: x-large;
  font-weight: bold;
  padding: 1em;
}
.recommends .recommend-items {
  display: flex;
  flex-wrap: wrap;
}
.recommends .recommend-items .banner {
  width: 20%;
  padding: 1em;
}
@media print, screen and (max-width: 767px) {
  .recommends .recommend-items .banner {
    width: 50%;
  }
}
.recommends .recommend-items .banner .item-title {
  margin-bottom: 1em;
  font-weight: bold;
  color: #9a947e;
}
.recommends .recommend-items .banner p {
  color: #333333;
}/*# sourceMappingURL=common.css.map */