.ps_ra {position: relative;}
.main_popup{position: absolute; left: 0; top:260px; z-index: 1000}
.main_popup > ul {display: flex}
.main_popup > ul > li { }
.main_popup > ul > li > a{ }
.main_popup > ul > li > a{ }
.main_popup > .pc > button{position: absolute; right:-49px; top:0px}
.main_popup > .pc > button.on{}
.main_popup > .pc > button.off{display: none;}


@media (max-width:768px) {
  .pc{display: none}
  .mo{display: block;}
  .ps_ra {position: absolute;}
  .main_popup {width: 80%; left: 0 !important; right: 0; top:0; margin:10% auto; animation: pop 1.3s 2s both}
  .main_popup > ul {position: absolute; z-index: 10; display:block; width: 100%; }
.main_popup > ul > li {position: absolute; width: 100%}
  .main_popup > ul > li button {background: #fff; color:#000; font-size: 1.8rem; text-align: center; width: 100%; height: 70px; }
  .main_popup > ul > li img {width: 100%}

  .popup_bg {position: fixed; width:100%; height:100%; left:0; top:0; background: rgba(0,0,0,0.8); animation: pop 1.3s 2s both}
  

  @keyframes pop {
    from{top : -100%}
    top{s}
  }
}