@charset "utf-8";

html {
  scroll-padding-top: 150px;
}

.content-title{
  margin-left: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
@media screen and (max-width: 768px) {
  .content-title{
    margin-left: calc(10 / var(--vw-min) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .content-titleWrap {
    overflow: hidden;
    display: block;
    position: relative;
  }
  .collaboration .content-title-navIn {
    position: absolute;
    right: 0;
    top: 0;
    height: calc(190 / var(--vw-min) * 100vw);
  }
  .collaboration .breadcrumbs li {
    white-space: nowrap;
  }
}
/*---------------------------------
* collaboration / content
----------------------------------*/
.content__aroundWrap {
  height: calc(100% - var(--footerHeight));
}
.collaboration {
  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) {
  .collaboration {
    padding: calc(170 / var(--vw-min) * 100vw) 0 calc(190 / var(--vw-min) * 100vw);
  }
}
.collaboration__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) {
  .collaboration__content {
    width: 100%;
    padding: 0;
    margin: calc(70 / var(--vw-min) * 100vw) 0 calc(48 / var(--vw-min) * 100vw);
  }
}

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

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

.collaborationTit > 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) {
  .collaborationTit > span {
    font-size: calc(30 / var(--vw-min) * 100vw);
    line-height: 1.5;
  }
}

.collaborationTit img{
  margin-bottom: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
@media screen and (max-width: 768px) {
  .collaborationTit img{
    margin-bottom: calc(20 / var(--vw-min) * 100vw);
  }
}

/* collaborationImg */
.collaborationImg{
  margin: min(calc(40 / var(--vw-min) * 100vw), 40px) 0;
}
.collaborationImg img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .collaborationImg{
    margin: calc(50 / var(--vw-min) * 100vw) 0;
  }
}

/* collaborationTxt */
.collaborationTxt {
  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) {
  .collaborationTxt {
    font-size: calc(24 / var(--vw-min) * 100vw);
    margin: calc(50 / var(--vw-min) * 100vw) 0;
  }
}

/* collaborationCast */
.collaborationCast {
  border: 1px solid #b69848;
  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) {
  .collaborationCast {
    padding: calc(30 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
    font-size: calc(24 / var(--vw-min) * 100vw);
  }
}

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

.collaborationSubtxt > 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) {
  .collaborationSubtxt > span {
    font-size: calc(30 / var(--vw-min) * 100vw);
    line-height: 1.5;
  }
}

/* collaborationNav */
.collaborationNav ul{
  display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.collaborationNav li{
  width: calc(100% / 4);
  padding: 5px;
}
@media screen and (max-width: 768px) {
  .collaborationNav ul{
    flex-direction: column;
  }
  .collaborationNav li{
    width: 100%;
  }
}

/* collabo */
.collaboA,
.collaboB,
.collaboC{
  font-weight: 800;
}
.collaboA{
  color: #bf954a;
}
.collaboB{
  color: #b64848;
}

/* iv */
.iv{
  margin-top: min(calc(50 / var(--vw-min) * 100vw), 50px);
  margin-bottom: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
@media screen and (max-width: 768px) {
  .iv{
    margin-top: calc(80 / var(--vw-min) * 100vw);
    margin-bottom: calc(40 / var(--vw-min) * 100vw);
  }
}

/* icon */
.icon{
  font-size: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
@media screen and (max-width: 768px) {
  .icon{
    font-size: calc(17 / var(--vw-min) * 100vw);
  }
}

/*---------------------------------
* youtube
----------------------------------*/
.youtubeWrap {
    display: flex;
    justify-content: center;
}


.youtubeWrap iframe {
    width: min(calc(720 / var(--vw-min) * 100vw), 720px);
    height: min(calc(404 / var(--vw-min) * 100vw), 404px);
}

@media screen and (max-width:768px) {
    .youtubeWrap iframe {
        width: 100%;
        height: calc(340 / var(--vw-min) * 100vw);
    }
}

/*---------------------------------
* 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;
}
.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;
}

@media screen and (max-width: 768px) {
  .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);
  }
}

.linkBox_nav{
  width: min(calc(210 / var(--vw-min) * 100vw), 210px);
}
@media screen and (max-width: 768px) {
  .linkBox_nav{
    width: 100%;
    margin: calc(10 / var(--vw-min) * 100vw) auto 0;
  }
}