@charset "UTF-8";


.content-back-image .circle-link {
  overflow: hidden;
}

.content-back-image .circle-link a {
  display: block;
  height: 100%;
}

.blog-wrapper .blog-list .blog-item {
  list-style-type: none;

  border: 1px solid #90b722;

  margin: 1%;
  text-align: center;
  width: 22%;
  height: auto;
}

.blog-wrapper .blog-list .blog-item a {
  display: block;
  padding: 30px 0;
}

.blog-wrapper .blog-list .blog-item_image {
  margin: 0;
  max-height: 195px;
  overflow: hidden;
}

.blog-wrapper .blog-list time{
  display: block;
  margin-top: 10px;
}
.report-text{
  font-size: 25px;
  text-align: center;
  margin-top: 20px;
}
.report-text:first-child{
  margin-top: 0;
}  

#broccoli-point{
  padding-bottom: 20px;
}

/* スマートフォン向け */
@media all and ( max-width:639px ) {

h3.catchphrase {
  text-align: center;
  font-size: 1.6em;
}

.content-back-image {
  position: relative;
  margin: 20% auto;
  width: 90%;
  height: auto;
}

.content-back-image .four-edge-first {
  position: absolute;
  top: -20%;
  left: 0;

  margin: 0;
  padding: 0;
  width: 100px;
  height: 100px;
  background-color: #ff6633;
  border-radius: 90%;
}

.content-back-image .four-edge-first .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-first .message-wrapper .message {
  position: absolute;
  margin: 8% 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,15%);

  width: 70%;
  height: auto;
  color: white;
  font-size: .9em;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-seccond {
  position: absolute;
  top: -20%;
  right: 0;

  margin: 0;
  padding: 0;
  width: 100px;
  height: 100px;
  background-color: #007130;
  border-radius: 90%;
}

.content-back-image .four-edge-seccond .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-seccond .message-wrapper .message {
  position: absolute;
  margin: 8% 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,40%);

  width: 70%;
  height: auto;
  color: white;
  font-size: .9em;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-third {
  position: absolute;
  bottom: -20%;
  left: 0;

  margin: 0;
  padding: 0;
  width: 100px;
  height: 100px;
  background-color: #aa89bd;
  border-radius: 90%;
}

.content-back-image .four-edge-third .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-third .message-wrapper .message {
  position: absolute;
  margin: 8% 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,80%);

  width: 70%;
  height: auto;
  color: white;
  font-size: .9em;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-fourth {
  position: absolute;
  bottom: -20%;
  right: 0;

  margin: 0;
  padding: 0;
  width: 100px;
  height: 100px;
  background-color: #3399cc;
  border-radius: 90%;
}

.content-back-image .four-edge-fourth .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-fourth .message-wrapper .message {
  position: absolute;
  margin: 8% 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,80%);

  width: 70%;
  height: auto;
  color: white;
  font-size: .9em;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .central-wrapper {
  width: 60%;
  height: auto;

  position: absolute;
  left: 50%;
  top: 70%;
  transform: translate(-50%,-70%);
}

.content-back-image .central-wrapper .central-movie-block {
  background-color: #ff9966;
  border: 2px solid #535353;
  border-radius: 10px;
  padding-bottom: 20px;
}

.content-back-image .central-wrapper .central-movie-block figure{
  width: 70%;
  height: auto;
  margin: 0 auto 5%;
}

.content-back-image .central-wrapper .central-slogan-block {
  display: table;
  background-color: #fff;
  text-align: center;
  margin: auto;
  margin-top: 5%;
}

.content-back-image .central-wrapper .central-slogan-block .slogan {
  text-align: center;
  margin: auto;
  padding: 0;
  color: #75be75;
  font-size: 1.8em;
  font-weight: bold;
}

.content-back-image .movie-comment {
  text-align: center;
  color: #000;
  font-size: .8em;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.4;
}

.purchase-list {

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin: 0;
  padding-left: 0;
}

.purchase-list .purchase-item {
  list-style-type: none;
}

.purchase-list .purchase-item .purchase {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
  margin: 0;
}

.spot-sale {
  margin: 0 auto 5%;
  width: 90%;
  height: auto;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: unset;
  align-items: center;
}

.spot-sale figure.picture {
  margin: 0 auto 2%;
  width: 100%;
  height: auto;
}

.spot-sale .sale-info {
  margin: 2% auto 0;
  width: 100%;
  height: auto;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.spot-sale .sale-info p.title {
  margin: auto;
}

.spot-sale .sale-info p.title strong {
  line-height: 1.4;
  letter-spacing: 2px;

  text-align: center;
  font-size: 1.6em;
}

.spot-sale .sale-info p.title strong span {
  display: inline-block;
  font-size: 1em;
}

.spot-sale .sale-info p.title strong span.star {
  display: block;
}

.spot-sale .sale-info p.message {
  width: 80%;
}

.spot-sale .sale-info p.message strong {
  line-height: 1.4;
  letter-spacing: 2px;

  font-size: 1.2em;
}

.spot-sale .sale-info iframe {
  aspect-ratio: 1/1;

  width: 100%;
  height: 100%;
}

.description {
  margin: auto auto 3%;
  width: 90%;
  height: auto;
}

.description .location {
  text-align: center;
}

.description .location strong {
  font-size: 1.3em;
}

.description .time {
  text-align: center;
  font-size: 1.2em;
}

.description address {
  text-align: center;
  font-size: 1.2em;
}

.description .notes {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}

.description .notes tel {
  margin: auto .5%;
  font-size: 1em;
}

.instagram-wrapper {
  background-color: #336633;
  border: none;
  border-radius: 20px;
  margin: 2% auto;
  width: 90%;
  height: auto;
}

.instagram-wrapper a:link,
.instagram-wrapper a:hover,
.instagram-wrapper a:active,
.instagram-wrapper a:visited {
  text-decoration: none;

  display: block;
  padding: .5%;
}

.instagram-wrapper a .instagram-link-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.instagram-wrapper a .instagram-link-list .instagram-link-item {
  list-style-type: none;
}

.instagram-wrapper a .instagram-link-list .decoration {
  margin-left: 3%;
  color: white;
  font-size: 1.4em;
  font-weight: bold;
}

.purchase-wrapper {
  margin: 5% auto auto;
}

.purchase-wrapper .comment {
  margin: 0 auto 5%;
  width: 90%;
  height: auto;
  text-align: center;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.4;
}

.purchase-wrapper .slogan {
  text-align: center;
  margin: auto;
  padding: 0;
  color: #ff9933;
  font-size: 2.0em;
  font-weight: bold;
}

.sagamix-block {
  margin: auto auto 5%;
  width: 90%;
  height: auto;
}

.sagamix-block .sagamix-list {
  padding-left: 0;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: unset;
  align-items: center;
}

.sagamix-block .sagamix-list .sagamix-item {
  list-style-type: none;

  width: 100%;
  height: auto;
  margin: 0 5%;
}

.sagamix-block .sagamix-list .sagamix-style {
  background-color: #f4efef;
  box-shadow: 3px 3px 4px 0px rgba(0,0,0,.8);
  padding: 5px 40px 20px;
}

.sagamix-block .sagamix-list .sagamix-style figure {
  width: 100%;
  height: auto;

  margin: 0;
}

.sagamix-block .sagamix-list .sagamix-style figure img {
  width: 80%;
  height: auto;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .three-month {
  margin: auto;

  font-size: 1.6em;
  font-weight: bold;
  letter-spacing: 2px;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-class {
  list-style-type: none;
  position: relative;

  left: 10px;

  width: Calc(100%/2);
  height: auto;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-class:before {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 5px;
  left: -20px;
  content: "";
  background: #99cc66;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-price {
  list-style-type: none;
}

.sagamix-block .sagamix-list .sagamix-style .locale {
  text-align: right;
  font-weight: bold;
  letter-spacing: 2px;
}

.sagamix-block .sagamix-list .sagamix-style .locale a:link,
.sagamix-block .sagamix-list .sagamix-style .locale a:hover,
.sagamix-block .sagamix-list .sagamix-style .locale a:active,
.sagamix-block .sagamix-list .sagamix-style .locale a:visited {
  color: #111;
}

.sagamix-block .sagamix-list .map-style .title {
  margin: 5% auto;
  text-align: center;

  color: #ff6666;
  font-size: 2.4em;
  font-weight: normal;
}

.sagamix-block .sagamix-list .map-style .area-map figure.modal-trigger {
  position: relative;
  margin: 0;

  width: 100%;
  height: auto;
}

.sagamix-block .sagamix-list .map-style .area-map figure.modal-trigger .click-area {
  z-index: 9;
  position: absolute;

  margin: 0;
  padding: 0;
  width: 40%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-80%,80%);
}

.information-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.information-list .information-item {
  list-style-type: none;
}

.information-list .information-item .information {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
}

.information-wrapper {
  background-color: #feffef;
  border: 10px solid #f7f68d;

  margin: auto;
  padding: 10px 30px;
  width: min(80%, 900px);
  height: 240px;
  overflow-y: scroll;
}

.information-wrapper .information-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: unset;
  align-items: stretch;
}

.information-wrapper .information-list .information-recent {
  list-style-type: none;

  width: 15%;
  height: auto;
  font-size: .9em;
}

.information-wrapper .information-list .information-recent span.new {
  padding: 5px;
  background-color: #ff2e89;
  color: white;
  font-size: .7em;
  border: 3px solid #ff8a34;
  border-radius: 10px;
}

.information-wrapper .information-list .information-date {
  list-style-type: none;

  margin-left: 10%;
  width: 75%;
  height: auto;
  font-size: .9em;
}

.information-wrapper .information-list .information-description {
  list-style-type: none;

  display: block;
  margin-top: 3%;

  width: 100%;
  height: auto;
  font-size: .9em;
}

.recently-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.recently-list .recently-item {
  list-style-type: none;
}

.recently-list .recently-item .recently {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
}

.blog-wrapper .blog-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
}

.blog-wrapper .blog-list .blog-item {
  list-style-type: none;

  border: 1px solid #90b722;

  margin: 3% 1%;
  text-align: center;
  width: max(60%, 440px);
  height: auto;
}

.blog-wrapper .blog-list .blog-item a:link,
.blog-wrapper .blog-list .blog-item a:hover,
.blog-wrapper .blog-list .blog-item a:active,
.blog-wrapper .blog-list .blog-item a:visited {
  text-decoration: none;
}

.blog-wrapper .blog-list .blog-item a time {
  color: black;
  font-size: .7em;
}

.report-text{
  font-size: 20px;
}

}


/* タブレット向け */
@media all and ( min-width:640px ) and ( max-width:1023px ) {

h3.catchphrase {
  text-align: center;
  font-size: 1.6em;
}

.content-back-image {
  position: relative;

  margin: auto auto 5%;
  width: 90%;
  height: auto;
}

.content-back-image .four-edge-first {
  position: absolute;
  top: 0;
  left: 0;

  margin: 0;
  padding: 0;
  width: 150px;
  height: 150px;
  background-color: #ff6633;
  border-radius: 90%;
}

.content-back-image .four-edge-first .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-first .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,30%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-seccond {
  position: absolute;
  top: 0;
  right: 0;

  margin: 0;
  padding: 0;
  width: 150px;
  height: 150px;
  background-color: #007130;
  border-radius: 90%;
}

.content-back-image .four-edge-seccond .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-seccond .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,80%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-third {
  position: absolute;
  bottom: 0;
  left: 0;

  margin: 0;
  padding: 0;
  width: 150px;
  height: 150px;
  background-color: #aa89bd;
  border-radius: 90%;
}

.content-back-image .four-edge-third .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-third .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,80%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-fourth {
  position: absolute;
  bottom: 0;
  right: 0;

  margin: 0;
  padding: 0;
  width: 150px;
  height: 150px;
  background-color: #3399cc;
  border-radius: 90%;
}

.content-back-image .four-edge-fourth .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-fourth .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,220%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .central-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.content-back-image .central-wrapper .central-movie-block {
  background-color: #ff9966;
  border: 2px solid #535353;
  border-radius: 10px;
  padding-bottom: 20px;
}

.content-back-image .central-wrapper .central-movie-block figure{
  width: 70%;
  height: auto;
  margin: 0 auto 5%;
}

.content-back-image .central-wrapper .central-slogan-block {
  display: table;
  background-color: #fff;
  text-align: center;
  margin: auto;
  margin-top: 5%;
}

.content-back-image .central-wrapper .central-slogan-block .slogan {
  text-align: center;
  margin: auto;
  padding: 0;
  color: #75be75;
  font-size: 4.0em;
  font-weight: bold;
}

.content-back-image .movie-comment {
  margin-bottom: 0;
  text-align: center;
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.4;
}

.purchase-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.purchase-list .purchase-item {
  list-style-type: none;
}

.purchase-list .purchase-item .purchase {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
}

.spot-sale {
  margin: 0 auto 5%;
  width: 90%;
  height: auto;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: unset;
  align-items: center;
}

.spot-sale figure.picture {
  margin: 0 auto 2%;
  width: 100%;
  height: auto;
}

.spot-sale .sale-info p.title {
  margin: auto;
}

.spot-sale .sale-info p.title strong {
  line-height: 1.4;
  letter-spacing: 2px;

  text-align: center;
  font-size: 1.6em;
}

.spot-sale .sale-info p.title strong span {
  display: inline-block;
  font-size: 1em;
}

.spot-sale .sale-info p.message {
  width: 80%;
}

.spot-sale .sale-info p.message strong {
  line-height: 1.4;
  letter-spacing: 2px;

  font-size: 1.2em;
}

.spot-sale .sale-info iframe {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
}

.description {
  margin: auto auto 3%;
  width: 90%;
  height: auto;
}

.description .location {
  text-align: center;
}

.description .location strong {
  font-size: 2.0em;
}

.description .time {
  text-align: center;
  font-size: 1.2em;
}

.description address {
  text-align: center;
  font-size: 1.2em;
}

.description .notes {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}

.description .notes tel {
  margin: auto .5%;
  font-size: 1em;
}

.instagram-wrapper {
  background-color: #336633;
  border: none;
  border-radius: 20px;
  margin: 2% auto;
  width: 75%;
  height: auto;
}

.instagram-wrapper a:link,
.instagram-wrapper a:hover,
.instagram-wrapper a:active,
.instagram-wrapper a:visited {
  text-decoration: none;

  display: block;
  padding: .5%;
}

.instagram-wrapper a .instagram-link-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.instagram-wrapper a .instagram-link-list .instagram-link-item {
  list-style-type: none;
}

.instagram-wrapper a .instagram-link-list .decoration {
  margin-left: 3%;
  color: white;
  font-size: 1.4em;
  font-weight: bold;
}

.purchase-wrapper {
  margin: 5% auto auto;
}

.purchase-wrapper .comment {
  margin-top: 0;
  text-align: center;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.4;
}

.purchase-wrapper .slogan {
  text-align: center;
  margin: auto;
  padding: 0;
  color: #ff9933;
  font-size: 2.6em;
  font-weight: bold;
}

.sagamix-block {
  margin: auto auto 5%;
  width: 90%;
  height: auto;
}

.sagamix-block .sagamix-list {
  padding-left: 0;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: unset;
  align-items: center;
}

.sagamix-block .sagamix-list .sagamix-item {
  list-style-type: none;

  width: 100%;
  height: auto;
  margin: 0 5%;
}

.sagamix-block .sagamix-list .sagamix-style {
  background-color: #f4efef;
  box-shadow: 3px 3px 4px 0px rgba(0,0,0,.8);
  padding: 5px 40px 20px;
}

.sagamix-block .sagamix-list .sagamix-style figure {
  width: 100%;
  height: auto;

  margin: 0;
}

.sagamix-block .sagamix-list .sagamix-style figure img {
  width: 80%;
  height: auto;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .three-month {
  margin: auto;

  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: 2px;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-class {
  list-style-type: none;
  position: relative;

  left: 10px;

  width: Calc(100%/2);
  height: auto;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-class:before {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 5px;
  left: -20px;
  content: "";
  background: #99cc66;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-price {
  list-style-type: none;
}

.sagamix-block .sagamix-list .sagamix-style .locale {
  text-align: right;
  font-weight: bold;
  letter-spacing: 2px;
}

.sagamix-block .sagamix-list .sagamix-style .locale a:link,
.sagamix-block .sagamix-list .sagamix-style .locale a:hover,
.sagamix-block .sagamix-list .sagamix-style .locale a:active,
.sagamix-block .sagamix-list .sagamix-style .locale a:visited {
  color: #111;
}

.sagamix-block .sagamix-list .map-style .title {
  margin: 5% auto;
  text-align: center;

  color: #ff6666;
  font-size: 2.4em;
  font-weight: normal;
}

.sagamix-block .sagamix-list .map-style .area-map figure.modal-trigger {
  position: relative;
  margin: 0;

  width: 100%;
  height: auto;
}

.sagamix-block .sagamix-list .map-style .area-map figure.modal-trigger .click-area {
  z-index: 9;
  position: absolute;

  margin: 0;
  padding: 0;
  width: 40%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-80%,80%);
}

.information-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.information-list .information-item {
  list-style-type: none;
}

.information-list .information-item .information {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
}

.information-wrapper {
  background-color: #feffef;
  border: 10px solid #f7f68d;

  margin: auto;
  padding: 10px 30px;
  width: min(80%, 900px);
  height: 240px;
  overflow-y: scroll;
}

.information-wrapper .information-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: unset;
  align-items: stretch;
}

.information-wrapper .information-list .information-recent {
  list-style-type: none;

  min-width: 12%;
  height: auto;
  font-size: .9em;
}

.information-wrapper .information-list .information-recent span.new {
  padding: 5px;
  background-color: #ff2e89;
  color: white;
  font-size: .7em;
  border: 3px solid #ff8a34;
  border-radius: 10px;
}

.information-wrapper .information-list .information-date {
  list-style-type: none;

  min-width: 20%;
  height: auto;
  font-size: .9em;
}

.information-wrapper .information-list .information-description {
  list-style-type: none;

  display: block;
  margin-top: 1%;
  margin-left: 12%;

  width: 100%;
  height: auto;
  font-size: .9em;
}

.recently-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.recently-list .recently-item {
  list-style-type: none;
}

.recently-list .recently-item .recently {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
}

.blog-wrapper .blog-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
}

.blog-wrapper .blog-list .blog-item {
  list-style-type: none;

  border: 1px solid #90b722;

  margin: 3% 1%;
  text-align: center;
  width: 45%;
  height: auto;
}

.blog-wrapper .blog-list .blog-item a:link,
.blog-wrapper .blog-list .blog-item a:hover,
.blog-wrapper .blog-list .blog-item a:active,
.blog-wrapper .blog-list .blog-item a:visited {
  text-decoration: none;
}

.blog-wrapper .blog-list .blog-item a time {
  color: black;
  font-size: .7em;
}

}


/* ネットブック向け */
@media all and ( min-width:1024px ) and ( max-width:1499px ) {

h3.catchphrase {
  text-align: center;
  font-size: 1.8em;
}

.content-back-image {
  position: relative;

  margin: auto;
  width: min(90%, 1024px);
  height: auto;
}

.content-back-image .four-edge-first {
  position: absolute;
  top: 0;
  left: 0;

  margin: 0;
  padding: 0;
  width: 170px;
  height: 170px;
  background-color: #ff6633;
  border-radius: 90%;
}

.content-back-image .four-edge-first .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-first .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,30%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-seccond {
  position: absolute;
  top: 0;
  right: 0;

  margin: 0;
  padding: 0;
  width: 170px;
  height: 170px;
  background-color: #007130;
  border-radius: 90%;
}

.content-back-image .four-edge-seccond .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-seccond .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,30%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-third {
  position: absolute;
  bottom: 0;
  left: 0;

  margin: 0;
  padding: 0;
  width: 170px;
  height: 170px;
  background-color: #aa89bd;
  border-radius: 90%;
}

.content-back-image .four-edge-third .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-third .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,60%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-fourth {
  position: absolute;
  bottom: 0;
  right: 0;

  margin: 0;
  padding: 0;
  width: 170px;
  height: 170px;
  background-color: #3399cc;
  border-radius: 90%;
}

.content-back-image .four-edge-fourth .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-fourth .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,60%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .central-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.content-back-image .central-wrapper .central-movie-block {
  background-color: #ff9966;
  border: 2px solid #535353;
  border-radius: 10px;
  padding-bottom: 20px;
}

.content-back-image .central-wrapper .central-movie-block figure{
  width: 70%;
  height: auto;
  margin: 0 auto 5%;
}

.content-back-image .central-wrapper .central-slogan-block {
  display: table;
  background-color: #fff;

  margin: auto;
  margin-top: 5%;
}

.content-back-image .central-wrapper .central-slogan-block .slogan {
  text-align: center;
  margin: auto;
  padding: 0;
  color: #75be75;
  font-size: 4.0em;
  font-weight: bold;
}

.content-back-image .movie-comment {
  text-align: center;
  color: #000;
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.4;
}

.purchase-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.purchase-list .purchase-item {
  list-style-type: none;
}

.purchase-list .purchase-item .purchase {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
  margin: 0;
}

.spot-sale {
  margin: 0 auto 3%;
  width: min(100%, 1024px);
  height: auto;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: stretch;
}

.spot-sale figure.picture {
  margin: 0 2%;
  width: 55%;
  height: auto;
}

.spot-sale .sale-info {
  margin: 0;
  width: 45% !important;
  height: auto;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.spot-sale .sale-info p.title {
  margin: auto;
  font-size: 1.2em;
}

.spot-sale .sale-info p.title strong {
  line-height: 1.4;
  letter-spacing: 2px;
}

.spot-sale .sale-info p.message {
  flex-grow: 1;
}

.spot-sale .sale-info p.message strong {
  line-height: 1.4;
  letter-spacing: 2px;
}

.spot-sale .sale-info iframe {
  flex-grow: 4;

  width: 100%;
  height: 100%;
}

.description {
  margin: auto auto 3%;
  width: min(80%, 1024px);
  height: auto;
}

.description .location {
  text-align: center;
}

.description .location strong {
  font-size: 2.0em;
}

.description .time {
  text-align: center;
  font-size: 1.2em;
}

.description address {
  text-align: center;
  font-size: 1.2em;
}

.description .notes {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}

.description .notes tel {
  margin: auto .5%;
  font-size: 1em;
}

.instagram-wrapper {
  background-color: #336633;
  border: none;
  border-radius: 20px;
  margin: 2% auto;
  width: 60%;
  height: auto;
}

.instagram-wrapper a:link,
.instagram-wrapper a:hover,
.instagram-wrapper a:active,
.instagram-wrapper a:visited {
  text-decoration: none;

  display: block;
  padding: .5%;
}

.instagram-wrapper a .instagram-link-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.instagram-wrapper a .instagram-link-list .instagram-link-item {
  list-style-type: none;
}

.instagram-wrapper a .instagram-link-list .decoration {
  margin-left: 3%;
  color: white;
  font-size: 1.4em;
  font-weight: bold;
}

.purchase-wrapper {
  margin: 5% auto auto;
}

.purchase-wrapper .comment {
  margin-top: 0;
  text-align: center;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.4;
}

.purchase-wrapper .slogan {
  text-align: center;
  margin: auto;
  padding: 0;
  color: #ff9933;
  font-size: 2.2em;
  font-weight: bold;
}

.sagamix-block {
  margin: auto auto 5%;
  width: min(100%, 1024px);
  height: auto;
}

.sagamix-block .sagamix-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: flex-end;
}

.sagamix-block .sagamix-list .sagamix-item {
  list-style-type: none;

  width: 100%;
  height: auto;
  margin: 0 5%;
}

.sagamix-block .sagamix-list .sagamix-style {
  background-color: #f4efef;
  box-shadow: 3px 3px 4px 0px rgba(0,0,0,.8);
  padding: 5px 40px 20px;
}

.sagamix-block .sagamix-list .sagamix-style figure {
  width: 100%;
  height: auto;

  margin: 0;
}

.sagamix-block .sagamix-list .sagamix-style figure img {
  width: 90%;
  height: auto;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .three-month {
  margin: auto;

  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: 2px;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-class {
  list-style-type: none;
  position: relative;

  left: 10px;

  width: Calc(100%/2);
  height: auto;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-class:before {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 5px;
  left: -20px;
  content: "";
  background: #99cc66;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-price {
  list-style-type: none;
}

.sagamix-block .sagamix-list .sagamix-style .locale {
  text-align: right;
  font-weight: bold;
  letter-spacing: 2px;
}

.sagamix-block .sagamix-list .sagamix-style .locale a:link,
.sagamix-block .sagamix-list .sagamix-style .locale a:hover,
.sagamix-block .sagamix-list .sagamix-style .locale a:active,
.sagamix-block .sagamix-list .sagamix-style .locale a:visited {
  color: #111;
}

.sagamix-block .sagamix-list .map-style .title {
  margin: 5% auto;
  text-align: center;

  color: #ff6666;
  font-size: 2.4em;
  font-weight: normal;
}

.sagamix-block .sagamix-list .map-style .area-map figure.modal-trigger {
  position: relative;
  margin: 0;

  width: 100%;
  height: auto;
}

.sagamix-block .sagamix-list .map-style .area-map figure.modal-trigger .click-area {
  z-index: 9;
  position: absolute;

  margin: 0;
  padding: 0;
  width: 40%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-80%,80%);
}

.information-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.information-list .information-item {
  list-style-type: none;
}

.information-list .information-item .information {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
}

.information-wrapper {
  background-color: #feffef;
  border: 10px solid #f7f68d;

  margin: auto;
  padding: 10px 30px;
  width: min(80%, 900px);
  height: 240px;
  overflow-y: scroll;
}

.information-wrapper .information-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: unset;
  align-items: stretch;
}

.information-wrapper .information-list .information-recent {
  list-style-type: none;

  width: 10%;
  height: auto;
  font-size: .9em;
}

.information-wrapper .information-list .information-recent span.new {
  padding: 5px;
  background-color: #ff2e89;
  color: white;
  font-size: .7em;
  border: 3px solid #ff8a34;
  border-radius: 10px;
}

.information-wrapper .information-list .information-date {
  list-style-type: none;

  width: 20%;
  height: auto;
  font-size: .9em;
}

.information-wrapper .information-list .information-description {
  list-style-type: none;

  width: 70%;
  height: auto;
  font-size: .9em;
}

.recently-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.recently-list .recently-item {
  list-style-type: none;
}

.recently-list .recently-item .recently {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
}

.blog-wrapper .blog-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
}

.blog-wrapper .blog-list .blog-item {
  list-style-type: none;

  border: 1px solid #90b722;

  margin: 1%;
  text-align: center;
  width: 22%;
  height: auto;
}

.blog-wrapper .blog-list .blog-item a:link,
.blog-wrapper .blog-list .blog-item a:hover,
.blog-wrapper .blog-list .blog-item a:active,
.blog-wrapper .blog-list .blog-item a:visited {
  text-decoration: none;
}

.blog-wrapper .blog-list .blog-item a time {
  color: black;
  font-size: .7em;
}

}


/* パソコン向け */
@media all and ( min-width:1500px ) {

h3.catchphrase {
  text-align: center;
  font-size: 2.0em;
}

.content-back-image {
  position: relative;

  margin: auto;
  width: min(90%, 1200px);
  height: auto;
}

.content-back-image .four-edge-first {
  position: absolute;
  top: 0;
  left: 0;

  margin: 0;
  padding: 0;
  width: 210px;
  height: 210px;
  background-color: #ff6633;
  border-radius: 90%;
}

.content-back-image .four-edge-first .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-first .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,30%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-seccond {
  position: absolute;
  top: 0;
  right: 0;

  margin: 0;
  padding: 0;
  width: 210px;
  height: 210px;
  background-color: #007130;
  border-radius: 90%;
}

.content-back-image .four-edge-seccond .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-seccond .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,60%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-third {
  position: absolute;
  bottom: 0;
  left: 0;

  margin: 0;
  padding: 0;
  width: 210px;
  height: 210px;
  background-color: #aa89bd;
  border-radius: 90%;
}

.content-back-image .four-edge-third .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-third .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,60%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .four-edge-fourth {
  position: absolute;
  bottom: 0;
  right: 0;

  margin: 0;
  padding: 0;
  width: 210px;
  height: 210px;
  background-color: #3399cc;
  border-radius: 90%;
}

.content-back-image .four-edge-fourth .message-wrapper {
  position: relative;
}

.content-back-image .four-edge-fourth .message-wrapper .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,60%);

  width: 70%;
  height: auto;
  color: white;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.2;
}

.content-back-image .central-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.content-back-image .central-wrapper .central-movie-block {
  background-color: #ff9966;
  border: 2px solid #535353;
  border-radius: 10px;
  padding-bottom: 20px;
}

.content-back-image .central-wrapper .central-movie-block figure{
  width: 70%;
  height: auto;
  margin: 0 auto 5%;
}

.content-back-image .central-wrapper .central-slogan-block {
  display: table;
  background-color: #fff;
  text-align: center;
  margin: auto;
  margin-top: 5%;
}

.content-back-image .central-wrapper .central-slogan-block .slogan {
  text-align: center;
  margin: auto;
  padding: 10px 25px;
  color: #75be75;
  font-size: 4.0em;
  font-weight: bold;
}

.content-back-image .movie-comment {
  text-align: center;
  color: #000;
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.4;
}

.purchase-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.purchase-list .purchase-item {
  list-style-type: none;
}

.purchase-list .purchase-item .purchase {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
}

.spot-sale {
  margin: 0 auto 3%;
  width: min(100%, 1200px);
  height: auto;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: stretch;
}

.spot-sale figure.picture {
  margin: 0 2%;
  width: 55%;
  height: auto;
}

.spot-sale .sale-info {
  margin: 0;
  width: 45% !important;
  height: auto;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.spot-sale .sale-info p.title {
  margin: auto;
  font-size: 1.2em;
}

.spot-sale .sale-info p.title strong {
  line-height: 1.4;
  letter-spacing: 2px;
}

.spot-sale .sale-info p.message {
  flex-grow: 1;
}

.spot-sale .sale-info p.message strong {
  line-height: 1.4;
  letter-spacing: 2px;
}

.spot-sale .sale-info iframe {
  flex-grow: 4;

  width: 100%;
  height: 100%;
}

.description {
  margin: auto auto 3%;
  width: min(80%, 1200px);
  height: auto;
}

.description .location {
  text-align: center;
}

.description .location strong {
  font-size: 2.0em;
  color: #336633;
}

.description .time {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.5;
}

.description address {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.5;
}

.description .notes {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #ff2e89;
}

.description .notes tel {
  margin: auto .5%;
  font-size: 1em;
}

.instagram-wrapper {
  background-color: #336633;
  border: none;
  border-radius: 20px;
  margin: 0 auto;
  width: 40%;
  height: auto;
}

.instagram-wrapper a:link,
.instagram-wrapper a:hover,
.instagram-wrapper a:active,
.instagram-wrapper a:visited {
  text-decoration: none;

  display: block;
  /*padding: .5%;*/
}

.instagram-wrapper a .instagram-link-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.instagram-wrapper a .instagram-link-list .instagram-link-item {
  list-style-type: none;
}

.instagram-wrapper a .instagram-link-list .decoration {
  margin-left: 3%;
  color: white;
  font-size: 1.4em;
  font-weight: bold;
}

.purchase-wrapper {
  margin: 5% auto auto;
}

.purchase-wrapper .comment {
  margin-top: 0;
  text-align: center;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 1.4;
}

.purchase-wrapper .slogan {
  text-align: center;
  margin: auto;
  padding: 0;
  color: #ff9933;
  font-size: 2.8em;
  font-weight: bold;
}

.sagamix-block {
  margin: auto auto 5%;
  width: min(100%, 1200px);
  height: auto;
}

.sagamix-block .sagamix-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: flex-end;
}

.sagamix-block .sagamix-list .sagamix-item {
  list-style-type: none;

  width: 100%;
  height: auto;
  margin: 0 5%;
}

.sagamix-block .sagamix-list .sagamix-style {
  background-color: #f4efef;
  box-shadow: 3px 3px 4px 0px rgba(0,0,0,.8);
  padding: 5px 40px 20px;
}

.sagamix-block .sagamix-list .sagamix-style figure {
  width: 100%;
  height: auto;

  margin: 0;
}

.sagamix-block .sagamix-list .sagamix-style figure img {
  width: 90%;
  height: auto;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .three-month {
  margin: auto;

  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: 2px;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-class {
  list-style-type: none;
  position: relative;

  left: 10px;

  width: Calc(100%/2);
  height: auto;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-class:before {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 5px;
  left: -20px;
  content: "";
  background: #99cc66;
}

.sagamix-block .sagamix-list .sagamix-style .season-sale .sales-list .sales-price {
  list-style-type: none;
}

.sagamix-block .sagamix-list .sagamix-style .locale {
  text-align: right;
  font-weight: bold;
  letter-spacing: 2px;
}

.sagamix-block .sagamix-list .sagamix-style .locale a:link,
.sagamix-block .sagamix-list .sagamix-style .locale a:hover,
.sagamix-block .sagamix-list .sagamix-style .locale a:active,
.sagamix-block .sagamix-list .sagamix-style .locale a:visited {
  color: #111;
}

.sagamix-block .sagamix-list .map-style .title {
  margin: 5% auto;
  text-align: center;

  color: #ff6666;
  font-size: 2.4em;
  font-weight: normal;
}

.sagamix-block .sagamix-list .map-style .area-map figure.modal-trigger {
  position: relative;
  margin: 0;

  width: 100%;
  height: auto;
}

.sagamix-block .sagamix-list .map-style .area-map figure.modal-trigger .click-area {
  z-index: 9;
  position: absolute;

  margin: 0;
  padding: 0;
  width: 40%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-80%,80%);
}

.information-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.information-list .information-item {
  list-style-type: none;
}

.information-list .information-item .information {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
}

.information-wrapper {
  background-color: #feffef;
  border: 10px solid #f7f68d;

  margin: auto;
  padding: 10px 30px;
  width: min(80%, 1200px);
  height: 240px;
  overflow-y: scroll;
}

.information-wrapper .information-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: unset;
  align-items: stretch;
}

.information-wrapper .information-list .information-recent {
  list-style-type: none;

  width: 10%;
  height: auto;
  font-size: .9em;
}

.information-wrapper .information-list .information-recent span.new {
  padding: 5px;
  background-color: #ff2e89;
  color: white;
  font-size: .7em;
  border: 3px solid #ff8a34;
  border-radius: 10px;
}

.information-wrapper .information-list .information-date {
  list-style-type: none;

  width: 20%;
  height: auto;
  font-size: .9em;
}

.information-wrapper .information-list .information-description {
  list-style-type: none;

  width: 70%;
  height: auto;
  font-size: .9em;
}

.recently-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  margin-bottom: 0;
}

.recently-list .recently-item {
  list-style-type: none;
}

.recently-list .recently-item .recently {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 2px;
}

.blog-wrapper {
  margin: auto;
  width: min(100%, 1500px);
  height: auto;
}

.blog-wrapper .blog-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
}
.blog-wrapper .blog-list .blog-item a:link,
.blog-wrapper .blog-list .blog-item a:hover,
.blog-wrapper .blog-list .blog-item a:active,
.blog-wrapper .blog-list .blog-item a:visited {
  text-decoration: none;
}

.blog-wrapper .blog-list .blog-item a time {
  color: black;
  font-size: .7em;
}

}