@media print, screen and (min-width: 768px) {
  .content-inner {
    padding-top: 20px;
  }
}

.m-box-ttl .ttl-img.ttl-event {
  top: 15vw;
  width: 65vw;
  left: calc(50% - 32.5vw);
}

@media print, screen and (min-width: 768px) {
  .m-box-ttl .ttl-img.ttl-event {
    top: 80px;
    width: 404px;
    left: calc(50% - 202px);
  }
}

.u-event {
  padding: 7.4vw 4vw;
}

@media print, screen and (min-width: 768px) {
  .u-event {
    padding: 0 58px 46px;
    max-width: 1000px;
    width: 77vw;
    margin: -31px auto 0;
  }
}

.u-event .event-content {
  padding-bottom: 21vw;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-content {
    padding-bottom: 140px;
  }
}

.u-event .event-content:last-of-type {
  padding-bottom: 2.6vw;
}

.u-event .event-content:not(:last-child):after {
  content: "";
  background: url(./../../img/common/food_line.png) repeat-x;
  background-size: auto 4.18vw;
  width: 100%;
  /* height: 5vw; */
  position: absolute;
  margin: 8vw 0;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-content:not(:last-child):after {
    background-size: auto;
    height: 30px;
    margin: 60px 0;
  }
}
.u-event .event-header {
  padding-bottom: 4.7vw;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-header {
    padding-bottom: 23px;
  }
}

.u-event .event-header .event-tag {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.u-event .event-header .event-tag tag {
  background: #e73569;
  padding: 1.7vw 3.3vw 1.4vw;
  border-radius: 3.4vw;
  margin-right: 2.9vw;
  color: #fff;
  font-size: 3vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1vw;
  /* margin-right: 2.9vw; */
}

@media print, screen and (min-width: 768px) {
  .u-event .event-header .event-tag tag {
    padding: 6px 18px;
    font-size: 16px;
    margin-right: 12px;
  }
}

.u-event .event-header .event-tag tag.event-tag-finish {
  background: #e90104;
}

.u-event .event-header h2 {
  color: #594639;
  text-align: left;
  font-size: 5vw;
  font-weight: 800;
  line-height: 1.6;
  padding: 2vw 0 2.1vw;
  letter-spacing: 0.23vw;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-header h2 {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.3px;
    padding: 11px 0 0;
  }
}

.u-event .event-header time {
  color: #e73569;
  line-height: 0;
  font-size: 3vw;
  letter-spacing: 0.13vw;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-header time {
    font-size: 15px;
    letter-spacing: 1px;
    padding: 10px 0;
  }
}

.u-event .event-header .event-tag {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.u-event .event-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.u-event .event-body-left {
  width: 30%;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-body-left {
    width: 200px;
    
  }
}

.u-event .event-body-left-img-wrapper {
  border: 1px solid #e5215a;
  border-radius: 2vw;
  width: 100%;

  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-body-left-img-wrapper {
  /*  height: inherit; */s
      border-radius: 6px;
  }
}

.u-event .event-body-left img {
  width: auto;
  
}

.u-event .event-body-right {
  width: 65%;
  margin-left: 5%;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-body-right {
    width: calc(100% - 200px - 25px);
  }
}

@media print, screen and (min-width: 768px) {
  .u-event .event-body-right {
    margin-left: 25px;
  }
}

.u-event .event-body-right .event-body-main-text {
  margin-top: -1.2vw;
  font-size: 3.24vw;
  line-height: 1.68;
  letter-spacing: -0.1vw;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-body-right .event-body-main-text {
    font-size: 16px;
    margin-top: -6px;
    line-height: 1.74;
    letter-spacing: 0.12px;
  }
}


.u-event .event-body-right aside {
  padding-top: 0.5vw;
  font-size: 3.2vw;
  letter-spacing: 0.5px;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-body-right aside {
    font-size: 16px;
    line-height: 1.8;
    padding-top: 10px;
  }
}

.u-event .event-body-right aside .event-additional-info {
  padding-bottom: 3.55vw;
}

@media print, screen and (min-width: 768px) {
  .u-event .event-body-right aside .event-additional-info {
    padding-bottom: 19px;
  }
}

.u-event .event-body-right aside .event-additional-info .event-additional-info-title {
  color: #e73569;
}

.u-event .event-body-right aside .event-additional-info .event-additional-info-text {
  line-height: 1.7;
}

.u-event .event-content a:hover .detail-button {
  opacity: 0.8;
}