@charset "utf-8";

/* common */
/* -------------------- */
#bannerCookie {
  z-index: 10000;
}

#bannerCookie.f-accept-on {
  display: none;
}

.l-banner_cookieWrap {
  display: block;
  position: fixed;
  bottom: 0;
  background-color: rgba(0, 0, 0, .85);
  width: 100%;
  opacity: 1;
}

#bannerCookie .l-banner_cookieWrap.f-accept-on {
  opacity: 0;
  transition: 1s;
}

.with_overlayad ~ #bannerCookie .l-banner_cookieWrap {
  bottom: 116px;
}

.with_overlayad ~ #bannerCookie .l-banner_cookieWrap.bannerClose {
  bottom: 0;
  transition: 1s;
}

.l-banner_cookieContainer {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  opacity: 1;
}

.l-banner_cookieContainer.f-accept-on {
  opacity: 0;
  transition: .5s;
}

.l-banner_cookieBlock {
  width: 728px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 70px;
  min-height: 70px;
  padding: 0 10px;
  box-sizing: border-box;
}

.c-banner_cookieAcceptText {
  font-size: 13px;
  line-height: 1.4;
  color: #fff;
  padding-right: 20px;
}

.c-banner_cookieAcceptLinkBlock {
  display: inline-block;
}

a.c-banner_cookieAcceptLink {
  color: #fff;
  text-decoration: underline;
}

.c-banner_cookieAcceptBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #094FCA;
  color: #fff;
  border: none;
  width: 115px;
  min-width: 115px;
  height: 32px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
}

.c-banner_cookieAcceptBtn:hover {
  background-color: #2d76f3;
  transition: .3s;
}

.c-banner_cookieAcceptCloseBtn {
  position: absolute;
  top: 15px;
  right: 20px;
  background-color: #707070;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

.c-banner_cookieAcceptCloseBtn:hover {
  background-color: #999;
  transition: .3s;
}

.c-banner_cookieAcceptCloseBtn:before,
.c-banner_cookieAcceptCloseBtn:after {
  content: '';
  width: 12px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 11px;
  left: 6px;
}

.c-banner_cookieAcceptCloseBtn:before {
  transform: rotate(-45deg);
}

.c-banner_cookieAcceptCloseBtn:after {
  transform: rotate(45deg);
}

@media only screen and (max-width: 767px) {

  .with_overlayad_sp ~ #bannerCookie .l-banner_cookieWrap{
    bottom: 50px;
  }

  .with_overlayad_sp ~ #bannerCookie  .l-banner_cookieWrap.bannerClose {
    bottom: 0;
  }

   .l-banner_cookieBlock {
    width: 100%;
    height: auto;
    padding: 12px 15px;

  }

  .c-banner_cookieAcceptText {
    font-size: 12px;
  }

  .c-banner_cookieAcceptBtn {
    font-size: 11px;
    min-width: 90px;
  }

  .c-banner_cookieAcceptCloseBtn {
    top: -12px;
    right: 20px;
    border-radius: 24px;
  }

}


/* fe top */
/* -------------------- */
#wrap_top {
  padding-bottom: 180px;
}

#wrap_top.f-accept-on {
  padding-bottom: 110px;
}

#wrap_top.bannerClose {
  padding-bottom: 70px;
}

#wrap_top.bannerClose.f-accept-on {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {

  #wrap_top {
    padding-bottom: 90px;
  }

  #wrap_top.f-accept-on {
    padding-bottom: 0;
  }

}


/* news clip */
/* -------------------- */
#wrap_clip {
  padding-bottom: 70px;
}

#wrap_clip.f-accept-on {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {

  #wrap_clip {
    padding-bottom: 120px;
  }

  .with_overlayad-sp+#bannerCookie .l-banner_cookieWrap {
    bottom: 50px;
  }


}


/* search */
/* -------------------- */
.l-wrap {
  padding-bottom: 70px;
}

.l-wrap.f-accept-on {
  padding-bottom: 0;
}

/* reuters */
/* -------------------- */
.l-wrap.reuters {
  padding-bottom: 180px;
}

.l-wrap.reuters.f-accept-on {
  padding-bottom: 110px;
}

.l-wrap.reuters.bannerClose {
  padding-bottom: 70px;
}

.l-wrap.reuters.bannerClose.f-accept-on {
  padding-bottom: 0;
}

/* guide */
/* -------------------- */
#wrap_guide{
  padding-bottom: 70px;
}

#wrap_guide.f-accept-on{
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #wrap_guide{
    padding-bottom: 100px;
  }
}

/* news pickup & release */
/* -------------------- */

.wrap.pickup-top,
.wrap.ip-top,
.wrap.pickup-detail {
  padding-bottom: 180px;
}

.wrap.pickup-top.f-accept-on,
.wrap.ip-top.f-accept-on,
.wrap.pickup-detail.f-accept-on{
  padding-bottom: 110px;
}

.wrap.pickup-top.bannerClose,
.wrap.ip-top.bannerClose,
.wrap.pickup-detail.bannerClose {
  padding-bottom: 70px;
}

.wrap.pickup-top.bannerClose.f-accept-on,
.wrap.ip-top.bannerClose.f-accept-on,
.wrap.pickup-detail.bannerClose.f-accept-on {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {

  .wrap.pickup-top,
  .wrap.ip-top,
  .wrap.pickup-detail, {
    padding-bottom: 90px;
  }

  .wrap.pickup-top.f-accept-on,
  .wrap.ip-top.f-accept-on,
  .wrap.pickup-detail.f-accept-on {
    padding-bottom: 0;
  }

}