@charset "UTF-8";

@media screen and (max-width: 980px){
  .sTop{
    width:100% !important;
    margin: 0;
  }

  .subMenu span{
    display:none;
  }
  .inner{
    flex-wrap: wrap;
  }
  .inner{
    width:100%;
  }
  .subMenuWrapper.fixed {
    height: 48px;
  }

  #contents00{
    margin-top: 30%;
  }

  .movie{
    position: relative;
  width: 100%;
  padding-top: 56.25%;
  }
  .movie iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  #award_area .txt_block{
    width: calc(100% - 390px);
    padding:0 1rem;
    box-sizing: border-box;
  }
  .jude_area{
    margin-bottom:3rem;
  }
  .jude_block {
    width: 100%;
margin-bottom:2rem;
  }
  .jude_box .txt {
      width: 140px;
      float: left;
      margin-left:1rem;
      font-size:1rem;
}
.height_judge{
  min-height:0 !important;
  padding:1rem;
  box-sizing: border-box;
  margin-bottom:2rem;
}
.jude_block_d.height_judge.last{
  display:none;
}
#history_area p{
  margin-left:1rem;
}
.jcarousel-skin-tango .jcarousel-container{
  width:640px;
  margin:0 auto;
}
.support_block,
.support_block02{
  padding:1rem;
}
footer ul{
  display:flex;
  flex-wrap: wrap;
  width:100%;
}
footer ul li{
  width:33%;
  margin:0 0 1rem 0;
  text-align: center;
}
.btn_pagetop {
    width: 100%;
    padding-right:1rem;
    box-sizing: border-box;;
  }
}

@media screen and (max-width: 841px){
  #judge_area .judge_block > dd > ul {
    justify-content: center;
  }
  #judge_area .judge_member_block {
    width: auto;
  }
}
@media screen and (max-width: 726px){
  .subMenu{
    background-color: rgba(255, 255, 255, 0.5);
  }
  .subMenu, .subMenuWrapper.fixed .subMenu{
    position: fixed;
    width: auto;
    top: 0;
    right: 0;
    /* reset .subMenu.fixed */
    left: auto;
  }
  .subMenuWrapper.fixed {
    height: 0;
  }
  .subMenu .inner{
    display: none;
  }
  .subMenu .inner a{
    width: 100%;
  }

  .subMenu.open{
    background-color: #000;
  }
  .subMenu.open .inner{
    display: flex;
    flex-direction: column;
    width: 150px;
    margin: 0;
    padding: 0;
  }
  .subMenu.open .mask{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .subMenu .button{
    display: block;
    padding: 14px;
    width: 24px;
  }
  .subMenu.open .button{
    display: none;
  }

  .jcarousel-skin-tango .jcarousel-container{
    width:320px;
    margin:2rem auto;
  }
}
@media screen and (max-width: 660px){
  .wrap{
    background: url(../img/bg_body3.png) center top no-repeat;
    background-size: contain;
  }
  a.subNavBtn p {
    font-size: 0.9rem;
  }
  .about_block .txt_box{
    width:100%;
    min-width: 300px;
    padding:1rem;
  }

}
@media screen and (max-width: 596px){
  .support_block02 .support_shilver li{
    margin-right:30px;
}
}
@media screen and (max-width: 550px){
  footer ul li{
    width:50%;
    margin:0 0 2rem 0;
    text-align: center;
  }
}

@media screen and (max-width: 470px){
  h1 img {
    width: 80%;
    padding: 90px 50px;
  }
  h4.movie-title {
    margin: 30px 0 30px;
  }
  .lead span {
    font-size: 1.6rem;
    box-sizing: border-box;
  }
  .about_block .txt_box,
  .award_block .txt_box{
    width: 100%;
    min-width: auto;
    padding: 0;
  }
  #award_area {
    width: 100%;
  }
  footer ul li {
    width: 40%;
    padding: 0.5rem;
    margin: 0 auto 2rem;
  }
  footer p {
    font-size: 0.5rem;
}
@media screen and (max-width: 414px){
  #news_area {
    margin-top: 4rem;
  }
  #news_area ul li {
    line-height: 1.2;
  }
  #news_area ul li span{
    display: block;
  }
  #judge_area .judge_block > dd > ul {
    justify-content: center;
  }
  #judge_area .judge_member_block {
    min-width: auto;
  }
  #judge_area .judge_member_block dl {
    justify-content: center;
  }
  #judge_area .judge_member_block .name_box {
    display: block;
    flex: auto;
    text-align: center;
  }
  #judge_area .judge_member_block .description_box {
    margin: 10px 15px;
  }
  #award_area .work {
    width: 100%;
  }
  #award_area .work-thumbnail-grandprix {
    width: auto;
    padding: 0 19px;
  }
  #award_area .workaward_movie {
    width: 100%;
    padding: 0px 35px 7rem;
  }
  #about_history .about_text {
    width: 80%;
    padding: 0 0 80px;
  }
  #about_history .history_content li {
      display: inline-block;
      width: 45%;
      padding: 0 5px;
   }
   #award_area .workaward_movie {
    padding: 0px 2rem 7rem;
}

}
@media screen and (max-width: 374px){
  #news_area ul li br {
	  display:block;
  }
  .jcarousel-skin-tango .jcarousel-container {
    width: 280px;
  }
  .jcarousel-skin-tango .jcarousel-next-horizontal{
    right: -24px;
    background-size: 12px;
  }
  .jcarousel-skin-tango .jcarousel-prev-horizontal{
    left: -24px;
    background-size: 12px;
  }
  .dhuLogo img{
    width:100%;
    padding-top:0.2rem;
  }
}

}