.shohin1 {
        width: 400px;
        height: 300px;
        background: url("/image/sportspark/btn_a_01_x.png") no-repeat;
        display: inline-block;
    }
    .shohin1:hover {
        background: url("/image/sportspark/btn_b_01_x.png") no-repeat;
    }

    .shohin2 {
        width: 400px;
        height: 300px;
        background: url("/image/sportspark/btn_a_02_x.png") no-repeat;
        display: inline-block;
    }
    .shohin2:hover {
        background: url("/image/sportspark/btn_b_02_x.png") no-repeat;
    }

    .shohin3 {
        width: 400px;
        height: 300px;
        background: url("/image/sportspark/btn_a_03_x.png") no-repeat;
        display: inline-block;
    }
    .shohin3:hover {
        background: url("/image/sportspark/btn_b_03_x.png") no-repeat;
    }

    .shohin4 {
        width: 400px;
        height: 300px;
        background: url("/image/sportspark/btn_a_04_x.png") no-repeat;
        display: inline-block;
    }
    .shohin4:hover {
        background: url("/image/sportspark/btn_b_04_x.png") no-repeat;
    }

    .shohin5 {
        width: 400px;
        height: 300px;
        background: url("/image/sportspark/btn_a_05_x.png") no-repeat;
        display: inline-block;
    }
    .shohin5:hover {
        background: url("/image/sportspark/btn_b_05_x.png") no-repeat;
    }

    .shohin6 {
        width: 400px;
        height: 300px;
        background: url("/image/sportspark/btn_a_06_x.png") no-repeat;
        display: inline-block;
    }
    .shohin6:hover {
        background: url("/image/sportspark/btn_b_06_x.png") no-repeat;
    }

    .shohin7 {
        width: 400px;
        height: 300px;
        background: url("/image/sportspark/btn_a_07_x.png") no-repeat;
        display: inline-block;
    }
    .shohin7:hover {
        background: url("/image/sportspark/btn_b_07_x.png") no-repeat;
    }

    .shohin8 {
        width: 400px;
        height: 300px;
        background: url("/image/sportspark/btn_a_08_x.png") no-repeat;
        display: inline-block;
    }
    .shohin8:hover {
        background: url("/image/sportspark/btn_b_08_x.png") no-repeat;
    }

    .shohin9 {
        width: 400px;
        height: 300px;
        background: url("/image/sportspark/btn_a_09_x.png") no-repeat;
        display: inline-block;
    }
    .shohin9:hover {
        background: url("/image/sportspark/btn_b_09_x.png") no-repeat;
    }

    .shohin10 {
        width: 400px;
        height: 300px;
        background: url("/image/sportspark/btn_a_10_x.png") no-repeat;
        display: inline-block;
    }
    .shohin10:hover {
        background: url("/image/sportspark/btn_b_10_x.png") no-repeat;
    }

@media screen and (max-width: 767px) {
  .shohin1 {
        width: 80vw;
        height: 60vw;
        background-size:     cover ! important;
        background-position: center center ! important;
  }
} 

@media screen and (max-width: 767px) {
  .shohin2 {
        width: 80vw;
        height: 60vw;
        background-size:     cover ! important;
        background-position: center center ! important;
  }
} 

@media screen and (max-width: 767px) {
  .shohin3 {
        width: 80vw;
        height: 60vw;
        background-size:     cover ! important;
        background-position: center center ! important;
  }
} 

@media screen and (max-width: 767px) {
  .shohin4 {
        width: 80vw;
        height: 60vw;
        background-size:     cover ! important;
        background-position: center center ! important;
  }
} 

@media screen and (max-width: 767px) {
  .shohin5 {
        width: 80vw;
        height: 60vw;
        background-size:     cover ! important;
        background-position: center center ! important;
  }
} 

@media screen and (max-width: 767px) {
  .shohin6 {
        width: 80vw;
        height: 60vw;
        background-size:     cover ! important;
        background-position: center center ! important;
  }
} 

@media screen and (max-width: 767px) {
  .shohin7 {
        width: 80vw;
        height: 60vw;
        background-size:     cover ! important;
        background-position: center center ! important;
  }
} 

@media screen and (max-width: 767px) {
  .shohin8 {
        width: 80vw;
        height: 60vw;
        background-size:     cover ! important;
        background-position: center center ! important;
  }
} 

@media screen and (max-width: 767px) {
  .shohin9 {
        width: 80vw;
        height: 60vw;
        background-size:     cover ! important;
        background-position: center center ! important;
  }
} 

@media screen and (max-width: 767px) {
  .shohin10 {
        width: 80vw;
        height: 60vw;
        background-size:     cover ! important;
        background-position: center center ! important;
  }
}