@charset "utf-8";
/*cssスライダーinputタイプ*/
.css-slider {
  width: 100%;
  height: auto;
}
/* ラジオボタンを非表示にする */
input[type=radio] {
  display: none;
}
.css-slider-body {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
  margin-bottom: 15px;
}
.css-slider-body li {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1s ease-in-out; /*ふわっとチェンジ*/
}
.slide-sam li video:hover,.slide-sam li img:hover{
opacity: 0.7;
cursor: pointer;
}

/*画像*/
#slide-celestial-model-01,
#slide-dinosaur-01{
  position: relative;
}
input[type="radio"]:not(:checked) ~ .css-slider-body li {
  opacity: 0;
}/* 対応するスライドだけ表示 */
input[type="radio"]#slide-celestial-model-1:checked ~ .css-slider-body li#slide-celestial-model-01,
input[type="radio"]#slide-celestial-model-2:checked ~ .css-slider-body li#slide-celestial-model-02,
input[type="radio"]#slide-celestial-model-3:checked ~ .css-slider-body li#slide-celestial-model-03, 
input[type="radio"]#slide-dinosaur-1:checked ~ .css-slider-body li#slide-dinosaur-01,
input[type="radio"]#slide-dinosaur-2:checked ~ .css-slider-body li#slide-dinosaur-02,
input[type="radio"]#slide-dinosaur-3:checked ~ .css-slider-body li#slide-dinosaur-03 {
  opacity: 1;
}