@charset "utf-8";

#headerMenu2.fifth_aniv_header_menu ul:nth-child(2) {
	margin:0 3% 0.95%;
}

.okawari_title {
	width:72%;
	margin:0 auto 1%;
}

#cp8th2nd {
  position: fixed;
  cursor: pointer;
  z-index: 100;
}

#cpTen {
  display: none;
  bottom: 188px;
  left: 5px;
  width: 80px;
}

#cp8th2nd {
  display: none;
  bottom: 95px;
  left: 5px;
  width: 80px;
}

.cp8th2nd .modalbox-inner {
  width: 330px;
  height: 151px;
  padding: 23% 6% 0;
  box-sizing: border-box;
  background: url(/social/shirodora/img/8th_anniversary_okawari/cp_okawari_bg.png) no-repeat;
  background-size: 100% 100%;
}

@media (orientation: landscape) {
  .isSP .cp8th2nd .modalbox-inner {
    width: 240px !important;
    height: 110px !important;
  }
}

.cp8th2nd .modalbox-close {
  right: -20px;
  top: -16px;
  width: 50px;
  height: 50px;
  background: url(/social/shirodora/img/7th_anniversary/btn_close.png) no-repeat;
  background-size: 100% 100%;
}

.cp8th2nd .fifth_aniv_header_menu {
  position: static;
}

.cp8th2nd .fifth_aniv_header_menu ul {
  margin: 0 0 0.95%;
  padding: 0;
}

@media screen and (min-width: 737px) {

  #cp8th2nd:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }

  #cpTen {
    bottom: 288px;
    left: 15px;
    width: 132px;
  }

  #cp8th2nd {
    bottom: 150px;
    left: 15px;
    width: 132px;
  }

  .cp8th2nd .modalbox-inner {
    width: 552px;
    height: 253px;
    padding: 125px 30px 0;
  }

  .cp8th2nd .modalbox-close {
    right: -26px;
    top: -34px;
    width: 79px;
    height: 79px;
    background: url(/social/shirodora/img/7th_anniversary/btn_close.png) no-repeat;
    background-size: 100% 100%;
  }

}