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


img.all {
 padding: 0;
 margin: 0;
 max-width: 100%;
 line-height: 0;
 background: #f5f2e9;
 display: block;
 vertical-align: bottom;
}



.LINK{
 display: block;
 vertical-align: bottom;
 padding:0;
 margin:0;
 line-height: 0;
 max-width: 100%;
}

.pc a:hover img{
  opacity: .2;}


.video {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}