.barcode_opener {cursor: pointer;}

#barcode_area span.nw7 {display: none;}
#barcode_area div.nw7 {display: block; margin: 0 auto; padding: 0.5em; background-color: #FFFFFF;}
#barcode_area div.now_time {text-align: center;}

@media screen and (max-width:767px){
  /*画面幅が767pxまでの時*/
  #barcode_area {text-align: left; letter-spacing: 0; font-size: 0.8em; font-weight: normal;}

  .btn_barcord {
    display:block;
    height:34px;
    width:34px;
    background: url(../images/mobile/btn_barcord.png) no-repeat top left;
    background-size: 34px 34px;
    margin-left:5px;
    text-indent: -9999px;
    float:left;
  }
}

@media screen and (min-width:767px){
  /*画面幅が781px以上の時*/
  #barcode_area {text-align: left; letter-spacing: 0; font-weight: normal; width: 400px; }
  .btn_barcord {display: none;}
}