@font-face{
  font-family:"YakuHanJP-Bold";
  src:url("../fonts/YakuHanJP-Bold.eot?#iefix");
  src:url("../fonts/YakuHanJP-Bold.eot?#iefix") format("eot"),url("../fonts/YakuHanJP-Bold.woff2") format("woff2"),url("../fonts/YakuHanJP-Bold.woff") format("woff");
}
@font-face{
  font-family:"YakuHanJP-Regular";
  src:url("../fonts/YakuHanJP-Regular.eot?#iefix");
  src:url("../fonts/YakuHanJP-Regular.eot?#iefix") format("eot"),url("../fonts/YakuHanJP-Regular.woff2") format("woff2"),url("../fonts/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "SST W01 Light";
  src: url('../fonts/SSTW02Light.woff2') format('woff2'),
       url('../fonts/SSTW02Light.woff') format('woff'),
       url('../fonts/SSTW02Light.ttf') format('truetype'),
       url('../fonts/SSTW02Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

.red-custom {
  background-color: rgba(220,40,40,.85)!important;
}
.orange-custom {
  background-color: rgba(186,89,18,.85)!important;
}
.green-custom {
  background-color: rgba(24,127,154,.85)!important;
}
.blue-custom {
  background-color: rgba(0,112,204,.85)!important;
}
.purple-custom {
  background-color: rgba(175,30,210,.85)!important;
}
.image-content-full {
  background-size: cover;
}

.collab-content {
  width: 100%;
  background-size: cover;
  background-position: center;
}
.collab-content img {
  width: 100%;
}
.collab-content-fixed {
  width: 100%;

  background-size: cover;
  background-position: center;
      margin: .25rem;
}
.collab-content-fixed .copy,
.collab-content .copy {
  position: absolute;
    bottom: 1.25rem;
    margin-right: 1.5625rem;
    z-index: 4;
}
.collab-content-fixed .copy .cta span,
.collab-content .copy .cta span {
      display: block;
    float: left;
    padding: .5625rem .875rem .75rem .8125rem;
    text-decoration: none;
    font-family: "YakuHanJP-Regular","ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,sans-serif;
    font-size: .6875rem;
    color: #222;
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    line-height: 1.125rem;
    margin: 0;
}
.collab-content-fixed .copy .title span,
.collab-content .copy .title span {
      display: block;
    float: left;
    padding: .5625rem .875rem .75rem .8125rem;
    text-decoration: none;
    font-size: 100%;
    color: #fff;
    line-height: 1.125rem;
    margin: 0;
}
.collab-text-center {
  text-align: center;
}
.collab-text-center h1 {
   bottom: .3125rem;
    font-family: "SST W01 Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    left: 0;
    font-size: 2.1rem;
    letter-spacing: 0.3rem;
    right: 0;
    text-align: center;
}
.collab-desktop {
  display: block;
}
.collab-mobile {
  display: none;
}
.collab-share-link.open{border-left:.0625rem solid #999;width:10.375rem!important; padding:0 0.5em!important;}
.collab-video-overlay {
  height: 100%;
}
.section-top {
  padding-top: 3.625rem;
}

.collab-half-video {
  padding: 0!important;
  height: 300px;
}
.collab-half-video .media-panel-inner--in-view {
  padding: 0!important;
  height: 100%!important;
}

@media only screen and (max-width: 767px) {
  .collab-content-left {
    margin-bottom: 1.6875rem;
  }
  .collab-content-left p {
    margin-top: 0;
  }
  .collab-text-center {
    margin-left: 0
  }
  .hero-slim {
    margin-bottom: 0;
  }
  .collab-desktop {
    display: none;
  }
  .collab-mobile {
    display: block;
  }
  .section>section {
    padding: 0 0 1.6875rem;
  }
  .section-top {
    padding-top: 1.6875rem;
  }
  .media-grid-tile.ctt-youtube.pop-out .controls {
    top: 0;
  }
}
@media only screen and (max-width: 414px) {
  .media-grid-tile .copy {
        margin-right: 0;
  }
  .media-grid-tile .copy .title {
        font-size: .7375rem;
  }
}
@media only screen and (max-width: 320px) {
  .collab-content .copy,
  .collab-content-fixed .copy,
  .media-grid-tile .copy {
    bottom: 0.5rem;
  }
  .collab-content-fixed .copy  .cta .copy-cta,
  .media-grid-tile .copy .title {
        font-size: .6375rem;
  }
  .collab-content .copy .title span,
  .media-grid-tile .copy .cta .copy-cta,
  .media-grid-tile .copy .cta span,
  .media-grid-tile .copy .title .copy-title {
    padding: .5375rem;
  }
}