#contents_works_oracle_wrapper{
  max-width: 810px;
  width: auto;
  font-family: 'Noto Sans JP', serif;
}
#contents_works_oracle_wrapper #contents{
  margin-bottom: 80px;
}
#contents_works_oracle_wrapper #contents img{
  width: 100%;
}
#contents_works_oracle_wrapper #contents h1{
  text-align: center;
}
#contents_works_oracle_wrapper #contents h1 img{
  width: 100%;
}
#contents_works_oracle_wrapper #contents .title{
  background: #eee;
  padding: 40px;
}
#contents_works_oracle_wrapper #contents .title h2{
  font-size: 28px;
  font-weight: bold;
  font-family: 'Noto Sans JP', serif;
  margin-bottom: 20px;
  color: #333;
}
#contents_works_oracle_wrapper #contents .title h2 span{
  font-size: 28px;
  font-weight: bold;
  font-family: 'Noto Sans JP', serif;
	background:linear-gradient(transparent 60%, rgb(255, 252, 102) 60%);
  padding: 0 2px;
}
#contents_works_oracle_wrapper #contents .title p{
  font-size: 18px;
  font-family: 'Noto Sans JP', serif;
}
#contents_works_oracle_wrapper #contents .video{
  padding: 0 40px 40px;
  background: #eee;
}


#contents_works_oracle_wrapper .nominate {
  margin-bottom: 30px;
  text-align: center;
}
#contents_works_oracle_wrapper .nominate img {
  max-width: 100%;
  width: 450px;
}
#contents_works_oracle_wrapper .sp_rank_vote {
  text-align: center;
}
#contents_works_oracle_wrapper video{
  width: 100%;
}

@media screen and (max-width: 768px) {
  #contents_works_oracle_wrapper #contents {
    padding: 20px;
    margin-bottom: 40px;
  }
  #contents_works_oracle_wrapper #contents .title {
    padding: 20px;
  }
  #contents_works_oracle_wrapper #contents .title h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  #contents_works_oracle_wrapper #contents .title p {
    font-size: 16px;
  }
  #contents_works_oracle_wrapper #contents .video {
    padding: 0 20px 20px;
  }
  #contents_works_oracle_wrapper .nominate {
    margin-bottom: 30px;
    text-align: center;
  }
  #contents_works_oracle_wrapper .nominate img {
    width: 90%;
    max-width: 600px;
  }	
  #contents_works_oracle_wrapper .sp_rank_vote {
    text-align: center;
  }
  #contents_works_oracle_wrapper .sp_rank_vote img {
    max-width: 90%;
  }
}