@charset "utf-8";

.store_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 629px;
  padding: 44px 0 0;
  margin: 0 auto;
}
.store_list section {
  position: relative;
  width: 292px;
  height: 365px;
  padding: 5px 0 0;
  margin: 0 10px 66px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/frame.png) 0 0 no-repeat;
  text-align: center;
}
.store_list h2 {
  position: absolute;
  bottom: 344px;
  right: 0;
  left: 0;
  line-height: 0;
}
.store_list .pop {
  position: relative;
  display: block;
  height: 253px;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.store_list .pop img {
  position: absolute;
  top: auto; right:0; left: 0; bottom: 0;
  margin: auto;
}
.store_list .pop:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.store_list .btns {
  position: absolute;
  bottom: 13px;
  left: 18px;
}

.store_list .btns a {
  display: block;
  width: 89px;
  height: 45px;
  margin: 0 5px 0 0;
  float: left;
}
.store_list .ps4,
.store_list .ps4 img {
  background: url(../img/btn_01.png) 0 0 no-repeat;
}
.store_list .vita,
.store_list .vita img {
  background: url(../img/btn_02.png) 0 0 no-repeat;
}
.store_list .nsw,
.store_list .nsw img {
  background: url(../img/btn_03.png) 0 0 no-repeat;
}

.store_list .btn_detail {
  position: absolute;
  bottom: 18px;
  left: 51px;
}
.store_list .btn_detail,
.store_list .btn_detail img {
  display: block;
  width: 187px;
  height: 57px;
  background: 0 0 no-repeat;
}
.store_list .btn_detail {
  background-image: url(../img/btn.png);
}


.pc-hide {
  display: none;
}
@media screen and (max-width:960px) {
  .smart-hide {
    display: none;
  }
  .pc-hide {
    display: block;
  }
}

@media screen and (min-width:961px) {
  .store_list {
    overflow: hidden;
    width: auto;
    padding: 44px 0 0;
    margin: 0 auto;
  }
  .store_list section {
    margin: 0 5px 66px;
  }
  .store_list .btns a img {
    display: block;
    width: 89px;
    height: 45px;
    background-position: 0 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
  .store_list .btn_detail img {
    background-image: url(../img/btn.png);
    background-position: 0 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
  .store_list .btns a:hover img,
  .store_list .btn_detail a:hover img {
    opacity: 1;
  }
}