@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") ;
}




.subnav {
}
.subnav li {
   margin: 5px 3px;
   height: 40px;
   width: 5.5em;
}

.subnav li a {
   padding:0;
   width: 100%;
}

.num_story {
	font-size: 1.6em;
    margin-bottom: 20px;
}
.story_txt {
	margin-bottom: 20px;
}
.staff {
	font-size: 0.8em;
	background-color: rgba(000,0,0,0.3);
	padding: 20px;
}

.tabmenu .btn {
    margin: 5px;
    width: 47%;
    font-size: 1.2em;
    font-weight: normal;
}



.story_ttl {
	margin-bottom: 30px
}
.story_name {
	font-size: 2em;
}

.story_img {
	margin: 20px 0;
}

.story_box {
   padding-bottom: 20px;
   padding-top: 20px;
   margin-bottom: 30px;
}


.intro_block {
   text-align: center;
   width: 90%;
   margin: 0 auto;
   line-height: 2.1em;
   padding-bottom: 100px;
}

.intro_block .read {
   font-size: 1.3em;
   margin-bottom: 0;
   line-height: 1.6em;
}

.story_box img {
	width: 100%;
}


@media screen and (min-width:960px) {
      #main::before {
     background: none;
   }


h2.ttl_detail {
   width: 50%;
   margin: 0 auto;
}

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

.story_box,.tabmenu {
   width: 600px;
   margin: 40px auto;
}
.subnav {
   width: 650px;
   margin: 40px auto;
}
.subnav li {
   width: 6em;
   margin: 5px;
}

.intro_block .read {
   font-size: 1.5em;
   padding-top: 50px;
}


.intro_block {
   font-size: 1.1em;
}




}