/* for tieup articles */
.cta {
    margin: 0 0 0 -684px;
    position: fixed;
    bottom: 0;
    z-index: 999;
}
.cta a {
  display: flex;
  color: #111;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}
.cta a:hover {
  opacity: 0.85;
  animation-name: fadeOutCtaButton;
  animation-duration: 0.1s;
  animation-timing-function: ease-in;
}
@keyframes fadeOutCtaButton {
  0% {opacity: 1;}
  100% {opacity: 0.8;}
}
.ctaBox {
  width: 657px;
  padding:8px;
  bottom: 0;
  font-weight: bold;
  position: absolute;
  background: #1a73e8;
}
.cta .ctaBoxTxt {
  padding: 0 8px 0;
  font-size: 13px;
  color: white;
}
.cta .ctaBoxImg,
.cta .ctaBoxBtn {
  height: 39px;
}
.cta .ctaBoxBtn {
  width: 200px;
  color: #1a73e8;
  font-weight: bold;
  background: white;
  overflow: hidden;
  font-size: 14px;
  border-radius: 39px;
  text-align: center;
  line-height: 39px;
}
.cta .ctaBoxImg img {
  height: 100%;
}
.ctaFadeIn {
  display: block!important;
  animation-name: fadeInCta;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
}
.ctaFadeOut {
  display: none;
  animation-name: fadeOutCta;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}
.ctaBr {
  display: none;
}
@keyframes fadeInCta {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeOutCta {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.cap img {
  width: 100%;
}

/* rm76098 カラーバリエーション */
.cta--pattern-1.ctaBox {background-color: #1a73e8;}
.cta--pattern-1 .ctaBoxBtn {color: #1a73e8;}
.cta--pattern-2.ctaBox {background-color: #0f7d3e;}
.cta--pattern-2 .ctaBoxBtn {color: #0f7d3e;}
.cta--pattern-3.ctaBox {background-color: #e60012;}
.cta--pattern-3 .ctaBoxBtn {color: #e60012;}
.cta--pattern-4.ctaBox {background-color: #c25700;}
.cta--pattern-4 .ctaBoxBtn {color: #c25700;}
.cta--pattern-5.ctaBox {background-color: #000;}
.cta--pattern-5 .ctaBoxBtn {color: #000;}

/* subopt */
#masterChannel-news .cta,
#masterChannel-aiplus .cta,
#masterChannel-enterprise .cta {margin: 0 0 0 -690px;}
#masterChannel-news .ctaBox,
#masterChannel-aiplus .ctaBox,
#masterChannel-enterprise .ctaBox {width: 644px;}
#masterChannel-mobile .cta,
#masterChannel-pcuser .cta {margin: 0 0 0 -685px;}
#masterChannel-mobile .ctaBox,
#masterChannel-pcuser .ctaBox {width: 649px;}
#masterChannel-executive .cta {margin: 0 0 0 -690px;}
#masterChannel-executive .ctaBox {width: 654px;}
#masterChannel-nl .cta {margin: 0 0 0 -748px;}
#masterChannel-nl .ctaBox {width: 702px;}
#masterChannel-mm .cta {margin: 0 0 0 -670px;}
#masterChannel-mm .ctaBox {width: 629px;}
#masterChannel-ait .cta {margin: 0 0 0 -680px;}
#masterChannel-ait .ctaBox {width: 641px;}
#masterChannel-business .cta {margin: 0 0 0 -680px;}
#masterChannel-business .ctaBox {width: 641px;}
#masterChannel-tf .cta {margin: 0 0 0 -690px;}
#masterChannel-tf .ctaBox {width: 660px;}
#masterChannel-kn .cta {margin: 0 0 0 -720px;}
#masterChannel-kn .ctaBox {width: 674px;}
#masterChannel-fav .cta {margin: 0 0 0 -776px;}
#masterChannel-fav .ctaBox {width: 712px;}

/* spv */
.masterWrapOuterDefault {
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
}
.masterWrapOuterDefault .cta {
  width: 100%;
  margin: 0 0 0 0;
}
.masterWrapOuterDefault .ctaBox {
  width: calc(100% - 16px);
}
.masterWrapOuterDefault .cta .ctaBoxTxt {
  width: auto;
}
.masterWrapOuterDefault .cta .ctaBr {
  display: none;
}
.masterWrapOuterDefault .cta .ctaBr {
  display: block;
}