/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pciimmgg { display: block !important; }
.spiimmgg { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pciimmgg { display: none !important; }
.spiimmgg { display: block !important; }
}


.button {
  padding: 1em;
}

.button2 {
  padding: 2em;
}

.button3 {
  padding: 3em;
}

.img_wrap{
  border: 1px solid #ddd;
  width: 300px;
  height: 226px;
  margin: 0 auto;
  overflow: hidden;
  background: #000;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}