@charset "utf-8";
.t-mv {
  position: relative;
  z-index: 1;
}
.t-mv__banner {
  position: relative;
  border: 1px solid var(--GRAY02);
}
.t-mv__banner__inner {
  text-align: center;
}
.t-mv__banner__catch {
  margin: 0 auto;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .t-mv {
    margin-top: -76px;
    margin-bottom: 53px;
  }
  .t-mv__banner__inner {
    width: 60%;
    padding: 36px 0;
    text-align: center;
  }
  .t-mv__banner__catch {
    width: max-content;
    background-color: var(--WHITE);
    font-size: var(--FZ_20);
  }
  .t-mv__banner .g-btnContainer {
    margin-top: 0;
  }
  .t-mv__banner__img {
    width: 40%;
    position: absolute;
    top: 50%;
    right: 4.4%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .t-mv {
    padding-block: 5%;
    margin-bottom: 30px;
  }
  .t-mv__banner__inner {
    width: 100%;
    padding: 22px 0 24px 0;
    text-align: center;
  }
  .t-mv__banner__catch {
    font-size: 13px;
  }
  .t-mv__banner .g-btnContainer {
    margin-top: 0;
  }
  .t-mv__banner__img {
    width: 100%;
    margin-bottom: 40px;
  }
}
.t-events__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 30px;
  column-gap: 3%;
}
.t-events__first .t-events__item {
  position: relative;
}
.g-event__content {
  text-align: center;
}
.g-event__place {
  font-weight: bold;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}
.g-event__h3 {
  font-weight: bold;
  letter-spacing: 0.2em;
  letter-spacing: 1.66;
  margin-bottom: 0.66em;
}
.g-event__data {
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 2.0;
}
.g-event__content .g-btnContainer {
  margin-top: var(--GAP_30);
}
.t-events__item__tag {
  position: absolute;
  left: 19px;
  top: -15px;
}
.__event__tokyo {
  background-color: rgba(181,149,65,0.1);
}
.__event__tokyo .g-event__place,
.__event__tokyo .__data__date,
.__event__tokyo .__data__venue {
  color: #B79846;
}
.__event__sendai {
  background-color: rgba(72,115,173,0.1);
}
.__event__sendai .g-event__place,
.__event__sendai .__data__date,
.__event__sendai .__data__venue {
  color: rgba(72,115,173,1);
}
.__event__okayama {
  background-color: rgba(213,125,85,0.1);
}
.__event__okayama .g-event__place,
.__event__okayama .__data__date,
.__event__okayama .__data__venue {
  color: rgba(213,125,85,1);
}
.__event__sample {
  background-color: rgba(136,162,77,0.1);
}
.__event__sample .g-event__place,
.__event__sample .__data__date,
.__event__sample .__data__venue {
  color: rgba(136,162,77,1);
}
@media screen and (min-width: 768px) {
  .t-events__item {
    flex-basis: 48%;
    flex-shrink: 0;
    padding: 27px 0;
  }
  .g-event__place {
    font-size: 14px;
  }
  .g-event__h3 {
    font-size: 30px;
  }
  .g-event__data {
    font-size: var(--FZ_18);
  }
  .t-events__item__img {
    width: 38.7%;
    height: 95%;
    position: absolute;
    top: 50%;
    right: 8.4%;
    transform: translateY(-50%);
  }
  .t-events__item__img img {
    height: 100%;
    object-fit: contain;
  }
  .t-events__first {
    margin-bottom: 30px;
  }
  .t-events__first .t-events__item {
    width: 100%;
  }
  .t-events__first .t-events__item .g-event__content {
    width: 48%;
  }
  .t-events__item__tag {
    width: 17%;
  }
}
@media screen and (max-width: 767px) {
  .t-events__item {
    flex-basis: 100%;
    flex-shrink: 0;
    padding: 27px 0;
  }
  .g-event__place {
    font-size: 14px;
  }
  .g-event__h3 {
    font-size: 20px;
  }
  .g-event__data {
    font-size: var(--FZ_14);
  }
  .t-events__item__img {
    width: 100%;
    margin-top: 30px;
  }
  .t-events__item__tag {
    width: 170px;
  }
}
.t-section__lead {
  margin: 0 auto 50px;
  letter-spacing: 0.02em;
  @media screen and (min-width: 768px) {
    width: 850px;
    font-size: var(--FZ_16_CONST);
  }
  @media screen and (max-width: 767px) {
    width: 100%;
    max-width: 600px;
    font-size: var(--FZ_15_CONST);
  }
}
.t-about {
  background-color: var(--BGCOLOR_GRAY_1);
}
.glad_bg {
  background: linear-gradient(#f8f8f0 0%, rgba(248, 248, 240, 0) 100%);
}
@media screen and (min-width: 768px){
  .t-shop .t-section__lead,
  .t-catalogSection .t-section__lead {
    text-align: center;
  }
}




@media screen and (min-width: 768px){
  .t-headingContainer--favorites .t-heading__ja{
    font-size: 25px;
    margin-bottom: 0;
  }
  .t-headingContainer--favorites .t-heading__en{
    font-size: 10px;
  }
}