@charset "UTF-8";#multipopup {}#multipopup * {box-sizing: border-box;}#multipopup > div {display: none;}.popup {  position: fixed;  background: #fff;  transition: .2s;    z-index: inherit;  box-sizing: border-box;  font-weight: bold;  text-align: center;}.popup-R {  width: 350px;   bottom: 0;  right: -350px;}.popup-B {  width: 350px;    bottom: -255px;  right:0;}.popup-T {  width: 350px;  top: -255px;  right: 0;}.popup-TR {  width: 350px;  top: 0;  right: -350px;}.popup a {display: block;overflow: hidden;}.popup a:hover img {transform: scale(1.0125);transition: .2s}.popup a img {width: 100%;height: auto;vertical-align: bottom;transition: .2s}.popup-closed, .popup-active {z-index: 10;}.popup-R.popup-closed,.popup-TR.popup-closed {  right: -345px;}.popup-B.popup-closed {  bottom: -240px;}.popup-T.popup-closed {  top: -240px;}.popup.popup-R.popup-active,.popup.popup-TR.popup-active {  right: 0;  transition: .7s right;    }.popup.popup-B.popup-active {  bottom:0;  transition: .7s bottom;}.popup.popup-T.popup-active {  top:0;  transition: .7s top;}.popup-toggle {display:none;}.popup-closed .popup-toggle,.popup-active .popup-toggle {  position: absolute;  display: block;  width: 25px;   height: 25px;  background: #fff;  cursor: pointer;  font-size: 18px;  font-weight: bold;}.popup-R .popup-toggle {  top: 0;  left: -25px;  border-radius: 8px 0 0 8px;}.popup-B .popup-toggle {  top: -24px;  left: 0;  border-radius: 8px 8px 0 0;}.popup-T .popup-toggle {  bottom: -25px;  left: 0;  border-radius: 0 0 8px 8px;}.popup-TR .popup-toggle {  bottom: 0;  left: -25px;  border-radius: 8px 0 0 8px;}.popup-toggle::before {  display: block;  position: absolute;  content: "";  width: 10px;  height: 10px;  top: 6px;  left: 5px;  border-top: 2px solid #888;  border-left: 2px solid #888;  transition: .5s;}.popup-R.popup-closed .popup-toggle::before,.popup-TR.popup-closed .popup-toggle::before {  left: 10px;  transform: rotate(45deg) scale(1,-1);}.popup-B.popup-closed .popup-toggle::before {  transform: rotate(45deg) scale(1,1);  top:10px;left:6px;}.popup-T.popup-closed .popup-toggle::before {  transform: rotate(45deg) scale(-1,-1);  top:5px;left:6px;}.popup-R.popup-active .popup-toggle::before,.popup-TR.popup-active .popup-toggle::before {  left: 5px;  transform: rotate(45deg) scale(-1,1);}.popup-B.popup-active .popup-toggle::before {  transform: rotate(45deg) scale(-1,-1);  top:5px;left: 6px;}.popup-T.popup-active .popup-toggle::before {  transform: rotate(45deg) scale(1,1);  top:10px;left:6px;}@media screen and (max-width:768px) {  #multipopup {display:none;}}



#popup_newcomerB.popup,#popup_newcomerR.popup,#popup_newcomerT.popup, #popup_newcomerTR.popup {border-left: 1px solid #cc3e6c;}
#popup_newcomerT.popup, #popup_newcomerTR.popup {border-bottom: 1px solid #cc3e6c;}
#popup_newcomerB .popup-toggle, #popup_newcomerR .popup-toggle,#popup_newcomerT .popup-toggle, #popup_newcomerTR .popup-toggle {background-color: #cc3e6c;}
#popup_newcomerB .popup-toggle, #popup_newcomerT .popup-toggle {left:-1px;}
#popup_newcomerTR .popup-toggle {bottom:-1px;}
#popup_newcomerB .popup-toggle::before, #popup_newcomerR .popup-toggle::before, #popup_newcomerT .popup-toggle::before, #popup_newcomerTR .popup-toggle::before {border-color: #fff;}

#popup_enegy_lineup.popup{
  border-left: 1px solid #8e8a43;
}
#popup_enegy_lineup .popup-toggle{
  background-color: #8e8a43;
  left:-1px;
}
#popup_enegy_lineup .popup-toggle::before{
  border-color: #fff;
}
@media print{
  #popup_enegy_lineup{
    display: none;
  }
}

#popup_mail_entry.popup{
  left: 0;
  right: 0;
  bottom: -235px;
  width: 1004px;
  margin: 0 auto;
  background: none;
  pointer-events: none; 
}
#popup_mail_entry.popup.popup-active{
  bottom: 0;
}
#popup_mail_entry.popup a{
  display: block;
  width: 200px;
  margin-left: auto;
  pointer-events: all; 
}
#popup_mail_entry.popup .popup-toggle{
  left: auto;
  right: 200px;
  transform: translateX(100%);
  pointer-events: all; 
}
/* 
#popup_wpd_energy4.popup{
  border-left: 1px solid #149b81;
}
#popup_wpd_energy4Cp.popup{
  border-left: 1px solid #048c7d;
}
#popup_wpd_energy4 .popup-toggle{
  background-color: #149b81;
  left:-1px;
}
#popup_wpd_energy4Cp .popup-toggle{
  background-color: #048c7d;
  left:-1px;
}
#popup_wpd_energy4 .popup-toggle::before,
#popup_wpd_energy4Cp .popup-toggle::before{
  border-color: #fff;
}
@media print{
  #popup_wpd_energy4,
  #popup_wpd_energy4Cp{
    display: none;
  }
}