@charset "Shift_JIS";

/* -----------------------------
	POPUP
-------------------------------- */
#pagetop { z-index: 98;}
#GO_Pop_Frame { display: none;}

#GO_Pop_Frame img { max-width: 100%; opacity: 1.0 !important;}
#GO_Pop_Frame .pop-close     { padding: 5px 0; text-align: right;}
#GO_Pop_Frame .pop-close-btn { 
  width: 26px; height: 26px; display: inline-block; font-size: 0; text-indent: -9999px; cursor: pointer;
  background: url("close.png") left top no-repeat; -webkit-background-size: 26px 26px; background-size: 26px 26px;
}

@media only screen and (min-width: 767px) {
  
  #GO_Pop_Frame .for-sp { display: none;}
  #GO_Pop_Frame { position: fixed; bottom: 18px; right: 18px; z-index: 1000;}
  #GO_Pop_Frame .go-pop-list { text-align: right;}
  
}

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

  #GO_Pop_Frame .for-pc { display: none;}
  #GO_Pop_Frame { width: 100%; position: fixed; bottom: 10px; right: 10px; z-index: 1000;}
  #GO_Pop_Frame.with-sort { bottom: 60px; right: 10px; z-index: 1000;}
  #GO_Pop_Frame .go-pop-list { padding: 0 0 0 10px; text-align: center;}
  #GO_Pop_Frame .go-pop-list li.harf { width: 60%; text-align: center; margin: 0 auto; position: absolute; left: 20%; bottom: 20px;}
  
}