@charset "Shift_JIS";
/*レイアウトリセット*/
* p,h3{
  padding:0;
  margin : 0px;
}
h1{
  font-size : 25px;
  text-indent : 0.5em;
  padding : 0;
  background: linear-gradient(transparent 75%, #11B1F7 25%);

}
ul{
  display: flex;
  list-style-type: none;
  flex-wrap:wrap;
}
li{
  margin:2px 4px;
  object-fit:cover;
}
img{
  width:200px;
  height:133px;
}
span{
  background: linear-gradient( transparent 70%,#65CDFA 30%);
  font-size : large;
}

#logo{
  width: 500px;
  padding: 12px 20px;
  font-size: 45px;
  font-weight: bold;
  color: #ffffff;

  /* 青グラデーション */
  background: linear-gradient(90deg, #2aa0d8, #1e88c8);

  /* 影で少し立体感 */
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);

  /* 文字影（画像っぽくする） */
  text-shadow: 2px 2px 3px rgba(0,0,0,0.4);

  position: relative;
}

/* 右側の白ライン3本 */
#logo::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 150%;
  background: repeating-linear-gradient(
    to right,
    white,
    white 20px,
    transparent 60px,
    transparent 20px
  );
}

.midashi-simple{
  font-size: 22px;
  font-weight: bold;
  margin: 20px 0;
  display: inline-block;
  border-bottom: 4px solid #2aa0d8;
  padding-bottom: 3px;
}
``