@charset "UTF-8";
/*
	Title	   : アニメ『賢者の孫』公式サイト
	URI            : http://kenja-no-mago.jp
	Designer       : GRAPHNETWORK
	Designer's URI : http://graphnetwork.com/
*/


#main::before {
  background-image: url("../story/img/story_bg_sp.jpg") ;
}

h2.ttl_detail::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 65px;
    background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 75%, transparent);
    background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 75%, transparent);
}

h2.ttl_detail {
    width: 100%;
    margin: 40px auto 20px auto;
    font-size: 1.4em;
}

@media screen and (min-width:960px) {
h2.ttl_detail {
    width: 740px;
    margin: 40px auto 20px auto;
}
}
/*#movie {
	padding: 0 22px;
}*/
.movie_list  {
   width: 90%;
   margin: 0 auto;
}

.movie_list li {
   position: relative;
   padding-bottom: 56.25%;
   margin-bottom: 40px;
   border:solid 6px #000;
}

.movie_list li iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


@media screen and (min-width:960px) {



  #main::before {
    background: none;
  }
  #main {
    background-image: url("../story/img/story_bg.jpg");
  }

.movie_list li {
   margin-bottom: 60px;
}

   .movie_list  {
     width: 700px;
   }


}


.subnav {
	margin-bottom: 30px;
}
.unit_movie {
	margin-bottom: 40px;
}
@media screen and (min-width:960px) {
	.unit_movie {
		width: 700px;
		margin: 0 auto 50px auto;
	}
}

.h2_cts {
    border-bottom: dashed 1px #a08226;
    padding-bottom: 7px;
    font-size: 1.4em;
    color: #ceab3f;
    margin-bottom: 20px;
    line-height: 1.6em;
}

.movie_category {
	margin-bottom: 100px;
}

@media screen and (min-width:960px) {
.movie_category {
	margin-bottom: 120px;
}
}