.contents_block .led_animation_wrapper.sk_s,
.contents_block .led_animation_wrapper.sk_p{
  position:relative;
  height:360px;
}
.contents_block .led_animation_wrapper.skm_s,
.contents_block .led_animation_wrapper.skm_p{
  position:relative;
  height:360px;
}

.contents_block .led_animation_wrapper.sk_s .led_animation_box,
.contents_block .led_animation_wrapper.sk_p .led_animation_box,
.contents_block .led_animation_wrapper.skm_s .led_animation_box,
.contents_block .led_animation_wrapper.skm_p .led_animation_box{
  position:absolute;
  z-index:1;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.contents_block .led_animation_wrapper.sk_s .static_img{
  width:49.8%;
  transform: translate(-48%,-48.5%);
}
.contents_block .led_animation_wrapper.sk_p .static_img{
  width:50.1%;
  transform: translate(-47.5%,-47.8%);
}
.contents_block .led_animation_wrapper.skm_s .static_img{
  width:50.7%;
  transform: translate(-47.2%,-50.1%);
}
.contents_block .led_animation_wrapper.skm_p .static_img{
  width:50.1%;
  transform: translate(-47.2%,-50.1%);
}
.contents_block .led_animation_wrapper .static_img{
  position:absolute;
  z-index:2;
  top: 50%;
  left: 50%;
  opacity:1;
  filter:brightness(1);
  transition:opacity 2s,filter 1s;
}
.contents_block #led_animation_show:checked+.other_slider .led_animation_wrapper .static_img{
  opacity:0;
  filter:brightness(0.5);
}
.contents_block .other_detail .led_switch{
  font-size:18px;
  margin-top:1.5em;
  margin-bottom:1em;
}
.contents_block .other_detail .led_switch>div{
  display:flex;
}
.contents_block .other_detail .led_switch>div label{
  user-select:none;
  cursor:pointer;
  display:block;
  height:100%;
}
.contents_block .other_detail .led_switch>div>dd{
  position:relative;
  transition:background .5s;;
  width:4.6em;
  padding:.2em .3em;
  border-radius:1em;
  margin-left:.5em;
  box-sizing:border-box;
  background:#aaa;
}
.contents_block #led_animation_show:checked+.other_slider .other_detail .led_switch>div>dd{
  background:#5874ff;
}
.contents_block .other_detail .led_switch>div>dd .circle,
.contents_block .other_detail .led_switch>div>dd .text{
  top:50%;
  transform:translateY(-50%);
  transition:left .5s,color .5s;
}
.contents_block .other_detail .led_switch>div>dd .circle{
  position:absolute;
  left:.3em;
}
.contents_block .other_detail .led_switch>div>dd .text{
  width: 2.5em;
  display: inline-block;
  text-align: center;
  position:absolute;
  left:1.7em;
}
.contents_block #led_animation_show:checked+.other_slider .other_detail .led_switch>div>dd .circle{
  left:3em;
}
.contents_block #led_animation_show:checked+.other_slider .other_detail .led_switch>div>dd .text{
  left:0;
}
.contents_block .other_detail .led_switch>div>dd .text::after{
  content:"OFF";
  color:#333;
}
.contents_block .other_detail .led_switch>div>dd .circle{
  color:#333;
}
.contents_block #led_animation_show:checked+.other_slider .other_detail .led_switch>div>dd .text::after{
  content:"ON";
  color:#fff;
}
.contents_block #led_animation_show:checked+.other_slider .other_detail .led_switch>div>dd .circle{
  color:#fff;
}
#led_animation_show{
  display:none !important;
  width:0px;
  height:0px;
  position:absolute;
}

@media screen and (max-width:479px){
  .contents_block .other_detail .led_switch{
    font-size: 4vw;
    margin-top: 1em;
    margin-bottom: 0.5em;
  }
  .contents_block .led_animation_wrapper.sk_s .static_img{
    left: 50%;
    top: 50%;
    transform: translate(-47.5%,-48.3%);
    width: 48.8vw;
  }
  .contents_block .led_animation_wrapper.sk_p .static_img{
    width:49vw;
  }
  .contents_block .led_animation_wrapper.skm_s .static_img{
    transform: translate(-47.5%,-50.3%);
    width:50vw;
  }
  .contents_block .led_animation_wrapper.sk_s .led_animation_box,
  .contents_block .led_animation_wrapper.sk_p .led_animation_box,
  .contents_block .led_animation_wrapper.skm_s .led_animation_box,
  .contents_block .led_animation_wrapper.skm_p .led_animation_box{
    width:50vw;
  }
  .contents_block .led_animation_wrapper{
    height:100vw;
  }
}