@charset "utf-8";
@media screen and (max-width: 768px) {
  .content-titleWrap {
    overflow: hidden;
    display: block;
    position: relative;
  }
  .event .content-title-navIn {
    position: absolute;
    right: 0;
    top: 0;
    height: calc(190 / var(--vw-min) * 100vw);
  }
  .event .breadcrumbs li {
    white-space: nowrap;
  }
}
/*---------------------------------
* event / content
----------------------------------*/
.content__aroundWrap {
  height: calc(100% - var(--footerHeight));
}
.event {
  padding: min(calc(186 / var(--vw-min) * 100vw), 186px) 0 min(calc(310 / var(--vw-min) * 100vw), 310px);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .event {
    padding: calc(170 / var(--vw-min) * 100vw) 0 calc(190 / var(--vw-min) * 100vw);
  }
}
.event__content {
  width: min(calc(880 / var(--vw-min) * 100vw), 880px);
  margin: min(calc(70 / var(--vw-min) * 100vw), 70px) auto;
}

@media screen and (max-width: 768px) {
  .event__content {
    width: 100%;
    padding: 0;
    margin: calc(70 / var(--vw-min) * 100vw) 0 calc(48 / var(--vw-min) * 100vw);
  }
}

/*---------------------------------
* eventListWrap
----------------------------------*/
/* eventListWrap */
@media screen and (max-width: 768px) {
  .eventListWrap{
    width: 80%;
    margin: 0 auto;
  }
}

/* eventTit */
.eventTit{
  text-align: center;
  margin-bottom: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width: 768px) {
  .eventTit{
    font-size: calc(30 / var(--vw-min) * 100vw);
    margin-bottom: calc(80 / var(--vw-min) * 100vw);
  }
}

.eventTit > span{
  font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
  font-weight: 800;
  background: linear-gradient(transparent 70%, #b69848 30%);
  display: inline;
}
@media screen and (max-width: 768px) {
  .eventTit > span{
    font-size: calc(30 / var(--vw-min) * 100vw);
    line-height: 1.5;
  }
}

/* eventImg */
.eventImg img {
  width: 100%;
}

/* eventTxt */
.eventTxt{
  font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
  letter-spacing: 0.2em;
  line-height: 2;
  margin: min(calc(40 / var(--vw-min) * 100vw), 40px) 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .eventTxt{
      font-size: calc(24 / var(--vw-min) * 100vw);
      margin: calc(50 / var(--vw-min) * 100vw) 0;
  }
}

/* eventCast */
.eventCast{
  border: 1px solid #b64848;
  padding: min(calc(30 / var(--vw-min) * 100vw), 30px) min(calc(30 / var(--vw-min) * 100vw), 30px);
  font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
  letter-spacing: 0.2em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .eventCast{
    padding: calc(30 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
    font-size: calc(24 / var(--vw-min) * 100vw);
  }
}

/* eventCastTit */
.eventCastTit{
  background: linear-gradient(transparent 70%, #b64848 30%);
    display: inline;
    font-weight: 500;
}

/* eventSubtxt */
.eventSubtxt{
  margin-top: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width: 768px) {
  .eventSubtxt{
    font-size: calc(30 / var(--vw-min) * 100vw);
    margin-top: calc(80 / var(--vw-min) * 100vw);
  }
}

.eventSubtxt > span{
  font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
  font-weight: 800;
  background: linear-gradient(transparent 70%, #b64848 30%);
  display: inline;
}
@media screen and (max-width: 768px) {
  .eventSubtxt > span{
    font-size: calc(30 / var(--vw-min) * 100vw);
    line-height: 1.5;
  }
}


/*---------------------------------
* linkBox
----------------------------------*/
.linkBox {
  display: block;
  position: relative;
  width: min(calc(300 / var(--vw-min) * 100vw), 300px);
  height: min(calc(48 / var(--vw-min) * 100vw), 48px);
  color: #fff;
  background: url(../img/movie/linkbtn_off.png) no-repeat center center / contain;
  transition: all 0.3s ease;
  color: #fff;
  font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
  letter-spacing: 0.013em;
  font-family: source-han-serif-japanese, "bodoni-urw", serif;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  margin-top: 40px;
}
.linkBox button {
  color: #fff;
  display: block;
  cursor: pointer;
}
.linkBox a {
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.linkBox.is-active,
.linkBox:hover {
  color: #b64848;
  background: url(../img/movie/linkbtn_on.png) no-repeat center center / contain;
  cursor: pointer;
}
.linkBox.is-active a,
.linkBox:hover a {
  color: #b64848;
}
.interview .tabBtnWrap li .linkBox {
  margin-top: 0;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .linkBoxWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: calc(64 / var(--vw-min) * 100vw);
    margin-top: 0;
  }
  .linkBoxWrap li {
    width: calc((100% - calc(14 / var(--vw-min) * 100vw)) / 2);
  }
  .linkBox {
    height: min(calc(64 / var(--vw-min) * 100vw), 64px);
    font-size: calc(22 / var(--vw-min) * 100vw);
    letter-spacing: 0.08em;
    width: 60vw;
    margin: calc(40 / var(--vw-min) * 100vw) auto 0;
  }
  .interview .tabBtnWrap li .linkBox {
    margin-bottom: calc(5 / var(--vw-min) * 100vw);
  }
}