.mb10{	margin-bottom: 10px;}

.btn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
}

h3 {
  background: #084db4;
  border-bottom: 5px solid #f3e324;
  padding: 8px 10px;
  font-size: 15px;
  color: white;
}

body {
  font-family: Verdana, Roboto, "Droid Sans", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", sans-serif;
}

strong {
  font-style: bold;
}

.subT {
  font-size: 10px;
}

.title {
  font-size: 18px;
  font-weight: bold;
}

.time {
  font-size: 12px;
}

.contents-inner {
  padding: 5px 10px;
}
.contents-inner p {
  font-size: 12px;
  line-height: 18px;
  margin:5px 0;
}

.contents-inner p a{
color: #ffeb04;
text-decoration:underline;
font-weight:bold;
}
.contents-inner .photoBox {
  margin: 10px 0;
  text-align: center;
}
.contents-inner .photoBox img {
  border: 1px solid #084db4;
  width: 280px;
}
.contents-inner .photoBoxcard{
  text-align: center;
}
.contents-inner .photoBoxcard img{
  width: 170px;
}

.contents-inner .photoBoxcard img.x{
  width: 15%;
  height: 15%;
  margin: 10px 0 5px 0;
}

.contents-inner .castBox {
  margin: 15px 0 20px 0;
  text-align: center;
}
.contents-inner .castBox img {
  border: 1px solid #084db4;
}

.contents-inner .castBox img {
  border: 1px solid #084db4;
}
.contents-inner .characterBox {
  margin: 10px 0;
  text-align: center;
}
.contents-inner .characterBox img {
	height: auto;
	width: 100%;
}
#sns {
  border-top: 5px solid #ffeb04;
padding: 12px 0 0;
/*    padding:0;*/
}
#sns .snsbox {
  width: 305px;
  margin: 0 auto;
  padding: 0 0 12px 0;
}
iframe.twitter-share-button {
    width: 100px!important;
}

#main .logo img {
  width: 100%;
}
#main .program {
  border-left: 10px solid #084db4;
  color: #084db4;
  padding: 5px 10px;
  font-size: 1em;
}

#oshirase {
	background: #ffffff;
	margin-top: 5px;
}
#news {
	background: #ebebeb;
	margin-top: 5px;

}
#news .newsBox {
  background: #ebebeb;
  padding: 10px;
}
#news .newsBox .innnerNews {
  background: white;
  padding: 10px;
}
#news .newsBox .innnerNews h4 {
  color: black;
  font-size: 14px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ffeb04;
}
#news .newsBox .innnerNews ul li {
  padding: 8px 0;
  font-size: 10px;
  border-bottom: 1px solid #ebebeb;
  letter-spacing: -1px;
}



#story_info .newsBox {
  background: #ebebeb;
  padding: 10px;
}
#story_info .newsBox .innnerNews {
  background: white;
  padding: 10px;
}
#story_info .newsBox .innnerNews h4 {
  color: black;
  font-size: 14px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ffeb04;
}
#story_info .newsBox .innnerNews ul li {
  padding: 8px 0;
  font-size: 10px;
  border-bottom: 1px solid #ebebeb;
  letter-spacing: -1px;
}


#nav .navList ul, #nav2 .navList ul {
  width: 100%;
  background: #ebebeb;
}
#nav .navList ul li, #nav2 .navList ul li {
  font-weight: bold;
  font-size: 15px;
  float: left;
  width: 49.6%;
  height: 40px;
  line-height: 40px;
  color: #084db4;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
}
#nav .navList ul li span, #nav2 .navList ul li span {
  background: url(../img/arrow.png) no-repeat left center;
  background-size: 10px 11px;
  padding-left: 15px;
  margin-left: 15px;
}

.sponcerArea {
  padding: 10px;
  background: #ebebeb;
  border-top: 5px solid #ffeb04;
  border-bottom: 5px solid #ffeb04;
}
.sponcerArea ul li {
  text-align: center;
  background: white;
  padding: 10px;
  /*margin-bottom: 10px;*/
}
.sponcerArea ul li:last-child {
  margin-bottom: 0;
}
.sponcerArea ul li a img {
  /*height: 35px;*/
}

#pSub .contents-inner .aboutText {
  padding: 15px 0;
  line-height: 20px;
}
#pSub .contents-inner .castText {
	padding: 10px 0 10px 15px;
}
#pSub .contents-inner .castText img{
  border: 1px solid #084db4;	
}
#pSub #sns {
  padding: 0;
}
#pSub #sns .snsbox {
  display: none;
}
#pSub #main {
  margin-bottom: 5px;
}

.bkList {
  background: #ebebeb;
  padding: 15px 10px;
}
.bkList li {
  background: white;
  border: 1px solid #e6d404;
  border-left: 5px solid #e6d404;
  padding: 8px 15px;
  line-height: 50px;
  min-height: 50px;
  margin-bottom: 10px;
}

/*150403追記_s*/
.bkList li.gia{ border: 1px solid #e64819; border-left: 5px solid #e64819;}
.bkList li.tig{ border: 1px solid #fff601; border-left: 5px solid #fff601;}
.bkList li.carp{ border: 1px solid #e70012; border-left: 5px solid #e70012;}
.bkList li.dra{ border: 1px solid #1fb1ea; border-left: 5px solid #1fb1ea;}
.bkList li.bay{ border: 1px solid #003b83; border-left: 5px solid #003b83;}
.bkList li.swa{ border: 1px solid #083090; border-left: 5px solid #083090;}
.bkList li.eag{ border: 1px solid #7f0117; border-left: 5px solid #7f0117;}
.bkList li.lion{ border: 1px solid #0a1d57; border-left: 5px solid #0a1d57;}
.bkList li.marine{ border: 1px solid #1d0f0c; border-left: 5px solid #1d0f0c;}
.bkList li.haw{ border: 1px solid #fccf00; border-left: 5px solid #fccf00;}
.bkList li.buf{ border: 1px solid #ad7b00; border-left: 5px solid #ad7b00;}
.bkList li.fig{ border: 1px solid #d6ac1a; border-left: 5px solid #d6ac1a;}
/*150403追記_e*/



.bkList li:last-child {
  margin-bottom: 15px;
}



/*.bkList li:hover {
  opacity: .8;
}*/

.boto {
  border-bottom: 1px solid #ffeb04;
}

.aboutPhoto {
  width: 146px;
  border-left: 5px solid #ffeb04;
  float: left;
  margin-right: 10px;
}
.castPhoto {
	height: 100px;
	border-left: 5px solid #ffeb04;
	float: left;
	margin-right: 10px;
}

.btn {
  text-align: center;
}
.btn:hover {
  opacity: .8;
}

.basebtn, .graybtn {
  text-align: center;
  width: 260px;
  margin: 10px auto 20px;
}
.basebtn a, .graybtn a {
  line-height: 59px;
  font-size: 20px;
  color: white;
  font-weight: bold;
  padding: 15px 20%;
}

.basebtn a {
  background: #084db4;
  border-bottom: 5px solid #ffeb04;
}

.graybtn a {
  background: #a8a8a8;
  border-bottom: 5px solid #282828;
}

.smallbtn {
  font-size: 12px !important;
  line-height: 46px;
}

.fb-bnr {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  background: #3b5998;
  border-bottom: 5px solid #1a3879;
  padding: 10px;
  width: 260px;
  margin: 10px auto;
}
.fb-bnr img {
  width: 1em;
  margin-right: 10px;
}

.fb {
  color: white !important;
}

.bkBtn {
  width: 300px;
  margin: 0 auto;
}
.bkBtn .basebtn, .bkBtn .graybtn {
  float: left;
  text-align: center;
  margin: 10px 0;
}
.bkBtn .basebtn a, .bkBtn .graybtn a {
  font-size: 15px;
  color: white;
  font-weight: normal;
  padding: 15px 10px;
}
.bkBtn .basebtn {
  width: 160px;
}
.bkBtn .graybtn {
  width: 70px;
}
.bkBtn .graybtn .before, .bkBtn .graybtn .before2 {
  background: url(/sp/figure_junior2015/img/contents/before_arrow.png) no-repeat left center;
  background-size: 8px 9px;
  padding-left: 15px;
}
.bkBtn .graybtn .next, .bkBtn .graybtn .next2 {
  background: url(/sp/figure_junior2015/img/contents/next_arrow.png) no-repeat right center;
  background-size: 8px 9px;
  padding-right: 15px;
}


#paging:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
#paging{display: inline-block;} 

/* Hides from IE Mac \*/
* html #paging {height: 1%;}
#paging{display:block;}
/* End Hack */ 

#paging {
  width: 300px;
  margin: 0 auto;
}
#paging .prev {
  float: left;
  text-align: center;
  margin: 10px 0;
  width: 70px;
   overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
}
#paging .prev a {
  background: #a8a8a8;
  border-bottom: 5px solid #282828;
  font-size: 15px;
  color: white;
  font-weight: normal;
  padding: 15px 10px;
  
}
#paging .next {
	float: right;
	text-align: center;
	margin: 10px 0;
	width: 70px;
	overflow: hidden;
	  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
}
#paging .next a {
  background: #a8a8a8;
  border-bottom: 5px solid #282828;
  font-size: 15px;
  color: white;
  font-weight: normal;
  padding: 15px 10px;
}
.videoBox {
	margin-bottom:20px;
}
.movie_title {
 	  font-size: 10px;
	  margin:5px 0 8px 8px;
	  font-weight:bold;
}
.bar {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 2px dashed #cccccc;
}

.videoBox img {
vertical-align: bottom;
margin-left: 5px;
    height:auto;

}

@media screen and (max-device-width: 480px) {
.iframe_box{
height:155px;
overflow:auto;
-webkit-overflow-scrolling: touch;}
}

.dataInfo {
color: #de3413;
font-weight:bold;
margin-bottom:5px;
}