@charset "utf-8";



/**************************************
	contentsFcharacter
**************************************/

.momoSecChar{
	padding-bottom:40px;
	margin-bottom:30px;
	width:100%;

}



.momoSecChar .chaFt{
	background:url(../images/bkg/bkg_memo_md6.png) center top;
	padding-bottom:60px;
	background-size:99.15%;
	
	
}
div.chaEpsodeSec{
	width:100%;

}

#chaEpLi{
	width:100%;
	margin-right:-15px;
}

#chaEpLi li{
	float:left;
	width:199px;
	height:318px;
	background:url(../images/bkg/bkg_cha_ep2.png) no-repeat top left;
	margin-right:15px;

	padding-top:14px;
}

#chaEpLi li p.ph{
	margin-left:8px;
	margin-bottom:15px;
}
#chaEpLi li dt{
	text-align:center;
	margin-bottom:20px;
	font-size:0.785em;
	line-height:1em;	
}
#chaEpLi li dd{
	padding-left:15px;
	padding-right:15px;
	font-size:0.835em;

}

div#charaBox ul.characterSec{
	width:80%;
  margin: 0 auto 100px auto;
}

div#charaBox ul.characterSec li{
	width:49%;
	float:left;
	margin-right:2%;
}

div#charaBox ul.characterSec li img{
	width:100%;
}



#charaBox .characterSec li:nth-child(2n+2){
	margin-right:0%;
}



div#charaBox ul.characterSec2{
	width:95%;
	margin: 20px auto;
}

div#charaBox ul.characterSec2 li{
	width:18%;
	float:left;
	margin-right:1.25%;
	display:block;
}
#charaBox .characterSec2 li:nth-last-child(1){
	margin-right:0%;
}

div#charaBox ul.characterSec2 li img{
	width:100%;
}










/**************************************
	contentsFcharacter01-
**************************************/

#characters{
	background:#FFF;
	padding:0px;
	margin:0 2.5%;
	width:95%;

}
#characters #wrapper{
	width:auto;
	padding:35px 10px 200px 10px;
}
#characters #cnt01{
	background:url(../images/general/img_charactors_01_2.jpg) no-repeat left 6.5rem;
	width:95%;
	margin:0 2.5%;
	background-size:88%;
}
#characters h1 img{width:100%;}

#characters #cnt02{
	width:95%;
	background:url(../images/general/img_charactors_02_2.jpg) no-repeat left 6.5rem;
	margin:0 2.5%;
	background-size:88%;
}
#characters #cnt03{
	width:95%;
	background:url(../images/general/img_charactors_03_2.jpg) no-repeat left 6.5rem;
	margin:0 2.5%;
	background-size:88%;
}

#characters #cnt04{
	width:95%;
	background:url(../images/general/img_charactors_04_2.jpg) no-repeat left 6.5rem;
	margin:0 2.5%;
	background-size:88%;
}

#characters #cnt05{
	width:95%;
	background:url(../images/general/img_charactors_05_2.jpg) no-repeat left 6.5rem;
	margin:0 2.5%;
	background-size:88%;
}



@media screen and (min-width: 391px) and (max-width: 480px) {

#characters #cnt01{
	background:url(../images/general/img_charactors_01_2.jpg) no-repeat left 5.5rem;
	width:95%;
	margin:0 2.5%;
	background-size:78%;
}
#characters h1 img{width:100%;}

#characters #cnt02{
	width:95%;
	background:url(../images/general/img_charactors_02_2.jpg) no-repeat left 5.5rem;
	margin:0 2.5%;
	background-size:78%;
}
#characters #cnt03{
	width:95%;
	background:url(../images/general/img_charactors_03_2.jpg) no-repeat left 5.5rem;
	margin:0 2.5%;
	background-size:78%;
}

#characters #cnt04{
	width:95%;
	background:url(../images/general/img_charactors_04_2.jpg) no-repeat left 5.5rem;
	margin:0 2.5%;
	background-size:78%;
}

#characters #cnt05{
	width:95%;
	background:url(../images/general/img_charactors_05_2.jpg) no-repeat left 5.5rem;
	margin:0 2.5%;
	background-size:78%;
}

}



#characters #cnt01 p,#characters #cnt02 p,#characters #cnt03 p{
margin:0 auto;
font-size: 0.835em;
line-height: 1.5em;
padding-bottom: 27em;
}

#characters #cnt04 p{
margin:0 auto;
font-size: 0.835em;
line-height: 1.5em;
padding-bottom: 27em;
}


#characters #cnt05 p{
margin:0 auto;
font-size: 0.835em;
line-height: 1.5em;
padding-bottom: 27em;
}

@media screen and (max-width: 320px) {

#characters #cnt01 p,#characters #cnt02 p,#characters #cnt03 p{
margin:0 auto;
font-size: 0.835em;
line-height: 1.5em;
padding-bottom: 22em;
}

#characters #cnt04 p{
margin:0 auto;
font-size: 0.835em;
line-height: 1.5em;
padding-bottom: 22em;
}


#characters #cnt05 p{
margin:0 auto;
font-size: 0.835em;
line-height: 1.5em;
padding-bottom: 22em;
}

}


ul.chaEpLi{
	width:95%;
	padding:0px 2.5%;
}




  @media (min-width: 481px) and (max-width: 768px) {
.chaEpLi li {
    float: left;
    width: 49%;
    height: 25em;
    background: transparent url("../images/bkg/bkg_cha_ep2.png") no-repeat 	scroll left top / 100% auto;
    margin-right: 2%;
    padding: 14px 0px 10%;
    display: block;
}

.chaEpLi li:nth-child(2n+2){
margin-right:0%;

}

  }




  @media (min-width: 320px) and (max-width: 480px) {
.chaEpLi li {
    float: left;
    width: 49%;
    height: 19em;
    background: transparent url("../images/bkg/bkg_cha_ep2.png") no-repeat 	scroll left top / 100% auto;
    margin-right: 2%;
    padding: 14px 0px 10%;
    display: block;
}

.chaEpLi li:nth-child(2n+2){
margin-right:0%;

}

  }



.chaEpLi li p.ph{

	margin-bottom:15px;
}
.chaEpLi li p.ph img{
width:95%;
margin:0 auto;
display:block;
}

.chaEpLi li dt{
	text-align:center;
	margin-bottom:12px;
	margin-top:-3px;
	font-size:0.925em;line-height:1.4em;
	font-weight:bold;	
}
.chaEpLi li dd{
	padding-left:15px;
	padding-right:15px;
	font-size:0.925em;line-height:1.4em;
}
.chaHd {
	width:100%;
	overflow: hidden;
	position:relative;
	font-size:1em;
	margin:15px auto 0 auto;
	height:50px;
	background:url(../images/bkg/bkg_memo_char_hd.png) no-repeat top left;
	background-size:100%;

}
.chaHd p.indent {width:12%;position:absolute;top:12px;display:none;}
.chaHd p.indent img{width:100%;}

.chaHd p.fTitle{
	font-size:0.785em;
	color: #444342;
	text-align: center;
	display: block;
	padding:12px 0 3px 0;


}
.chaHd h2{font-size:1.2em;color:#444342;text-align:center;line-height:1em;font-weight:bold;}

.chaHd p.nob{font-size:0.685em;color:#5e5d5a;position:absolute;bottom:0px;right:20px;font-weight:normal;}

.fileText{font-size:0.835em;line-height:1.8em;padding:0 30px;margin:-15px 0px 20px 0px !important;}

div.chaEpsodeSec {
	width:100% !important;
	line-height:1.9em;
}
.momoSecChar {
	width: 100% !important;
}
.momoSecChar .chaFt {
	width: auto !important;
}



#slideBox {
	overflow: hidden;
	width: 100%;
/*	min-height: 1000px;*/
}
#slideBox .sliderItem {
}

div.bnr3Clm ul{overflow:hidden;width:100%;}

div.bnr3Clm ul#scroller-header li a{opacity:0.4;}
div.bnr3Clm ul#scroller-header li a:hover{opacity:1.0;}
div.bnr3Clm ul#scroller-header li a.selected {opacity:1.0;}
div.bnr3Clm ul#scroller-header li img{width:100%;}

div.bnr3Clm ul#scroller-header li {width:49%;margin-right:2%;float:left;}
div.bnr3Clm ul#scroller-header li:nth-child(2n+2) {margin-right:0%;}

#scroller-header a {
	text-decoration:none; 
	color:#867863; 
	padding:0 2px;
	opacity:0.6;
}



#scroller-header a:hover {
	text-decoration:none; 
	color:#4b412f
}

a.selected {
	text-decoration:underline !important; 
	color:#4b412f !important;
}

#scroller-header {width:95%;margin:0 auto;}

#scroller-body {
width:100%;

}

#mask {
	width:100%;
	overflow:hidden;
	margin:0 auto;
}

#panel {
width:100%;
}

#panel .panelItem {
width:100%;
float:left;
}

/* Extra styling for each panel*/
/*
#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}

	#panel ul li {
		padding:5px;
		color:#557482;
		border-bottom:1px dotted #ccc;
	}

	#panel ul li.last {
		border-bottom:none !important;
	}

#panel-1 {
}

#panel-2 {
}

#panel-3 {
}*/

#charaBox {
	margin-bottom: 30px;
}



.epLink{padding:25px 10px ;overflow:hidden;}
.epLink h3{font-size:1.5em;font-weight:bold;margin:0 12px 0 -12px;}
.epLink span{font-size:1em;display:block;font-weight:bold;}
.epLink ul {widht:100%;overflow:hidden;padding:10px 0 35px 0;clear:both;}
.epLink ul li{width:18%;margin-right:3%;margin-bottom:12px;background-color:#5a5a5a;padding:12px 5px;font-size:0.875em;text-align:center;float:left;}
.epLink ul li a{color:#FFF;text-decoration:underline;}
.epLink ul li a:hover{color:#FFF;text-decoration:none;}