main {
  position: relative;
  width: 100%;
  height: 100%;
}

.pc_show {
  visibility: visible; }

.sp_show {
  visibility: hidden; }

.dummy {
  width: 1280px;
  display: none;
  margin: 0 auto; }

.slide_container {
  position: relative;
  display: block;
  background: #000;
  width: 100%;
  height: 568px; }
  .slide_container .slider {
    width: 1920px;
    max-width: 1920px;
    height: 568px;
    left: 50%;
    margin-left: -960px;
    position: absolute;
    display: block; }
    .slide_container .slider #pagination, .slide_container .slider #pagination2 {
      position: relative; }
      .slide_container .slider #pagination img, .slide_container .slider #pagination2 img {
        position: absolute;
        visibility: hidden; }
    .slide_container .slider canvas {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: 2; }
    .slide_container .slider img {
      width: 100%;
      max-width: 100%;
      position: relative;
      z-index: 0; }

@media screen and (max-width: 767px) {
  .pc_show {
    visibility: hidden; }

  .sp_show {
    visibility: visible; }

  .slide_container #slider_sp {
    width: 100%;
    max-width: 100%;
    left: 0;
    margin-left: 0;
    position: absolute;
    display: block; }
    .slide_container #slider_sp #pagination, .slide_container #slider_sp #pagination2 {
      position: relative; }
      .slide_container #slider_sp #pagination img, .slide_container #slider_sp #pagination2 img {
        position: absolute;
        visibility: hidden; }
    .slide_container #slider_sp canvas {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(0, 0);
      z-index: 2; }

  .dummy {
    width: 100%; } }

/*# sourceMappingURL=top.css.map */