.characterList li { display: inline-block; margin: 0 15px 15px 0; }
.characterList li a { color: #187ac9; font-weight: bold; font-size: 0.929em; }
.characterList li img { display: block; }
.characterList li .name { display: block; }

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

  .characterList ul {padding: 0; list-style-type: none; overflow:hidden;display:block;width:95%;margin:0 auto;}
  .characterList li {display:block; margin: 0 2% 15px 0; width:48.5%; float:left;}
  .characterList li:nth-child(2n) { margin-right:0%; }
  .characterList li a { color: #187ac9; font-weight: bold; font-size: 0.715em; text-decoration: none; }
  .characterList li img { display: block; width: 100%; }
  .characterList li .name { text-align: center; background-color:#f6ff00;white-space:nowrap;padding:10px 0;} 



#Individual ul {
    width: 97%;
    margin:0 1.5% 0 1.5% ;
    display: block;
    padding:50px 0 0 0;
    overflow:hidden;
}




#Individual ul.under {
    width: 97%;
    margin:0 1.5% 0 1.5% ;
    display: block;
    padding:0 0 50px 0;
    overflow:hidden;
}

#Individual ul li ,#Individual ul.under li {
	width:24%;
	float: left;
	margin-right:1.25%;
	margin-bottom:0.3em;
	list-style:none;
}

#Individual ul li:nth-child(4n) ,#Individual ul.under li:nth-child(4n)  {
	margin-right:0%;
}

#Individual ul li img,#Individual ul.under li img{
width:100.05%;
border: solid 3px #fff600;

}

#Individual ul li a img,#Individual ul.under li a img{
border: none;
width:100%;
}

#Individual ul li a:hover,#Individual ul.under li a:hover {
	opacity: 0.7;
}


#Individual .rightbox {
	width: 100%;
}

#Individual .rightbox2 {
	width: 100%;
}

#Individual .rightbox2 .status  {
    color:#fff600;
    font-size: 1.15em;
    padding-bottom: 10px
}


#Individual .rightbox2 .status span {
    color:#FFF !important;
    font-size: 1em;
    padding:5px 10px 0px;
    display:block;
}


#Individual .rightbox2  {
    color: #FFF;
    display: block;
    margin: 5px 0 10px 0;
}

.rightbox2 p.detail{
    font-size: 0.935em;
    line-height: 1.5em;
    width: 95%;
    margin-left: 2.5%;
    margin-top:-10px;
}

#Individual .chara_description,#Individual .chara_descriptionEn {
	/*margin-top: 100px;*/
	width: 100%;
	padding: 0 10px 24px 0;
	
} 
{
	/*margin-top: 100px;*/
	width: 100%;
	padding: 0 10px 24px 0;
	
}
#Individual .chara_description h4,#Individual .digi_box h4,#Individual .chara_descriptionEn h4,#Individual .digi_box .capEn h4{
    color: #FFF600;
    font-size: 1.5em;
    line-height: 0.725em;
    font-weight: bold;
    width:95%;margin-left:2.5%;    
}



#Individual .chara_description p.actor {
    color: #A8D6F8;
    font-size: 1.15em;
    line-height: 1.45em;
    width:95%;margin-left:2.5%;  
}

#Individual .digi_box .status { color: #fff600;font-size: 1.15em;line-height: 1.45em;    width:95%;margin:0 2.5%;}

#Individual .chara_description p.actor span {
	color: #FFF;
	margin-left:20px;
}

#Individual .digi_box .status span {
	color: #FFF;
	display:block;
	margin: 5px 0 10px 0;
}


#Individual .chara_description p.detail,#Individual .cap p.detail,#Individual .chara_descriptionEn p.detail,#Individual .capEn p.detail {
    font-size: 0.935em;
    line-height: 1.5em;
    width:95%;margin-left:2.5%;  

}

#Individual .digi_box {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #5ec1f5;
	width: 100%;
	padding: 30px 0 24px 0;
	overflow: hidden;
}

#Individual .digi_box .digi {

	width:47%;
	text-align:right;
}

#Individual p.chara {
width:50%;
margin:0 25%;
}



#Individual p.chara img {
	width:100%;
}




/* キャラクター */
/*個別 ----------*/
.taichi .chara {

	top: 30px;
	left: 75px;
}
.yamato .chara {

	top: 50px;
	left: 30px;
}
.sora .chara {

	top: 45px;
	left: 65px;
}
.koshiro .chara {

	top: 45px;
	left: 25px;
}
.mimi .chara {

	top: 70px;
	left: 20px;
}
.joe .chara {

	top: 60px;
	left: 15px;
}
.takeru .chara {
	width:110%;
	top: 75px;
	left: 0px;
}
.hikari .chara {

	top: 65px;
	left: 60px;
}

.meiko .chara {

	top: 95px;
	left: 20px;
}

.nishijima .chara {

	top: 65px;
	left: 25px;
}

.himekawa .chara {

	top: 65px;
	left: 30px;
}

.hackmon .chara {

	top: 65px;
	left: 30px;
}


.bakumon .chara {

	top: 65px;
	left: 30px;
}

/* デジモン */
#Individual .digi_box .digi img.agumon {
width:60%;
}
#Individual .digi_box .digi img.gabumon {
width:91.2%;
}
#Individual .digi_box .digi img.piyomon {
width:100%;
}
#Individual .digi_box .digi img.tentomon {
width:80%;
}
#Individual .digi_box .digi img.palmon {
width:88%;
}
#Individual .digi_box .digi img.gomamon {
width:80%;
}
#Individual .digi_box .digi img.patamon {
width:66%;
}
#Individual .digi_box .digi img.tailmon {
width:86%;
}

#Individual .digi_box .digi img.meikumon  {
width:75%;
}


#Individual .digi_box .digi{display:block;margin:0 auto;}

img.digimonNon{display:none;}












  .left_arrow { display:none; }
  .right_arrow { display:none;}
  
  
.main-contents-body{border-bottom-style:none;}  




#evolution ul.charaEn {overflow: hidden;width: 95%;margin: 0 auto;font-size:1em;}
#evolution ul.charaEn li {float: left;width: 47%;margin-right: 3%;}
#evolution ul.charaEn li a {display: block;color: #187ac9;font-weight: bold;}
#evolution ul.charaEn li a .name {font-size:1.25em;line-height:1.25em;padding:10px;}
#evolution ul.charaEn  li:nth-child(2n) {margin-right: 0px;}
#evolution ul.charaEn  li img {width: 100%;margin: 0px;padding: 0px;}


  }
  
  
  
  
  
  
  
  
@media screen and (min-width: 769px) { 
   #headChara img {width: 60%;}
  .characterList ul {    
   margin: 0 0 0 5px;
    padding: 0 0 80px 0;
    list-style-type: none;
    border-bottom: 1px solid #53bcf4; }

    
  .characterList li { display: inline-block; margin: 0 15px 15px 0; }
  .characterList li a { color: #187ac9; font-weight: bold; font-size: 0.929em; }
  .characterList li img { display: block; }
  .characterList li .name { text-align:center;height: 50px; line-height: 50px; padding-left: 10px; background: #f6ff00 url(/movie/digimon-adventure/character/common/chara_arrow.png) no-repeat 160px center; }
  
  .en .characterList li a { font-size: .715em; }
  .nav-chara { position: absolute; top: 15px; right: 5px; padding: 0; }
  .nav-chara li { display: inline-block; width: 50px; margin-left: 5px; box-sizing: border-box; }
  .nav-chara li img { width: 100%; border: solid 3px #fff600; }
  .nav-chara li a img { border: none; }
  .left_arrow { position: absolute; top: 300px; left: 0; }
  .right_arrow { position: absolute; top: 300px; right: 0; }
  .chara_txt { margin: 57px 35px 24px 0px; width: 555px; float: right; }
  .chara_txt h4 { color: #fff600; font-size: 2.286em; font-weight: normal; margin: 0 0 0px; line-height: 1.4; }
  .chara_txt .actor { color: #a8d6f8; font-size: 1.429em; padding-bottom: 12px; margin: 0; }
  .chara_txt .actor span { color: #fff; margin-left: 20px; }
  .chara_txt .detail { line-height: 1.85em; padding-bottom: 24px; margin: 0; }
  .en .chara_txt { width: 535px; margin-right: 55px; }
  .en .chara_txt h4 { color: #fff600; font-size: 2.60571429em; }
  .en .chara_txt .detail { font-size: 1.143em; }
  .en .chara_description .chara img { width: 58%; }
  .en .digi_description { padding-left: 232px; }
  .en .digi_description .digi { width: 220px; }
  .en .digi_description .digi img { width: 52.5%; }
 
  .chara_description .chara img { width: 80%; }
  .digi_description { padding: 30px 0 24px 275px; position: relative; }
  .digi_description .digi { position: absolute; width: 260px; text-align: right; top: 30px; left: 0; }
  .digi_description .digi img { width: 60%; }
  .digi_description .status { color: #fff600; padding-bottom: 10px; margin: 0; }
  .digi_description .actor { color: #fff; }
  .characterDetail { padding-bottom: 20px; margin-bottom: 150px; border-bottom: 1px solid #5ec1f5; }
  .taichi .chara { position: absolute; top: 30px; left: 75px; }
  .en .taichi .chara { left: 70px; }
  


#Individual {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #5ec1f5;
	position: relative;
	overflow: hidden;
	margin-top:-35px;

	padding-bottom: 45px;
}
#Individual ul {
	position: absolute;
	top: 15px;
	right: 0px;
}

#Individual ul.under {
	position:absolute;
	top:71px;
	right 0px;
}


#Individual ul,#Individual ul.under  {
	overflow: hidden;
}

#Individual .rightbox {
	/*margin: 100px 50px 24px 0px;*/
	margin: 92px 35px 24px 0px;
	width: 555px;
	float: right;
}

#Individual .rightbox2 {
	/*margin: 100px 50px 24px 0px;*/
	margin: 92px 35px 24px 0px;
	width: 435px;
	float: right;
}

#Individual .rightbox2 .status span {
    color: #FFF;
    display: block;
    padding-top: 7px;
    font-size: 1.65em;
    margin-bottom: 10px;
}


#Individual .rightbox2  {
    color: #fff600;
    font-size: 0.935em;
    padding-bottom: 10px;
}

.rightbox2 p.detail{
	color:#FFF !important;
	font-size: 1.125em !important;
    line-height: 1.8em;
    margin-top:10px !important;
}


#Individual .chara_description {
	/*margin-top: 100px;*/
	width: 100%;
	padding: 0 10px 24px 0;
	
}
#Individual .chara_description h4{
	color: #fff600;
	font-size: 2.28em;
	line-height:0.725em;

	font-weight:normal;
}
#Individual .chara_description p.actor {
	color: #a8d6f8;
	font-size: 1.43em;
	padding-bottom: 12px;
	line-height:1.45em;
}
#Individual .chara_description p.actor span {
	color: #ffffff;
	margin-left: 20px;
}
#Individual .chara_description p.detail {
	font-size: 1em;
	line-height: 1.8em;
	margin-top:-10px;
}

#Individual .digi_box {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #5ec1f5;
	width: 100%;
	padding: 30px 0 24px 0;
	overflow: hidden;
}

#Individual .digi_box .digi {
	float: left;
	width:47%;
	text-align:right;
}

/* キャラクター */
/*個別 ----------*/
.taichi .chara {
    position: absolute;
    top: 30px;
    left: 0px;
}

.yamato .chara {
    position: absolute;
    top: 50px;
    left: -10px;
}

.sora .chara {
    position: absolute;
    top: 45px;
    left: -20px;
}

.koshiro .chara {
    position: absolute;
    top: 45px;
    left: -20px;
}

.mimi .chara {
    position: absolute;
    top: 70px;
    left: -15px;
}


.hikari .chara {
    position: absolute;
    top: 65px;
    left: 10px;
}


.joe .chara {
	position: absolute;
	top: 60px;
	left: 15px;
}
.takeru .chara {
	position: absolute;
	top: 75px;
	left: 0px;
}



.meiko .chara {
    position: absolute;
    top: 95px;
    left: 30px;
}

.nishijima .chara {
    position: absolute;
    top: 65px;

}

.himekawa .chara {
    position: absolute;
    top: 65px;

}

.hackmon .chara {position:absolute;top: 45px;left:30px;}
.hackmon .chara img{width:60% !important;}


.bakumon .chara {position:absolute;top: 45px;left:30px;}
.bakumon .chara img{width:80% !important;}




/* デジモン */


#Individual .digi_box .digi img.agumon {
width:60%;
}
#Individual .digi_box .digi img.gabumon {
width:91.2%;
}
#Individual .digi_box .digi img.piyomon {
width:100%;
}
#Individual .digi_box .digi img.tentomon {
width:80%;
}
#Individual .digi_box .digi img.palmon {
width:88%;
}
#Individual .digi_box .digi img.gomamon {
padding-top:30px;
width:80%;
}
#Individual .digi_box .digi img.patamon {
width:66%;
}
#Individual .digi_box .digi img.tailmon {
width:86%;
}

#Individual .digi_box .digi img.meikumon  {
width:75%;
}





#Individual .digi_box .cap {;
	float: left;
	width:50.5%;
	padding-left:2.5%;
}
#Individual .digi_box .cap h4 {
	color: #fff600;
    font-size: 2.28em;
    line-height: 0.725em;
	font-weight:normal;
}
#Individual .digi_box .cap p.status {
	color: #fff600;
font-size: 0.935em;
padding-bottom: 10px;
}
#Individual .digi_box .cap p.status span{
	color: #FFF;
	display:block;
	padding-top: 7px;
    font-size: 1.65em;
    margin-bottom:-10px;
}

#Individual .digi_box .cap p.actor {
    font-size: 1.43em;
    line-height: 0.35em;
	padding-bottom: 12px;
}
#Individual .digi_box .cap p.detail {
	font-size:1em;
	line-height: 1.8em;
}
#Individual .left_arrow {
	position: absolute;
	top: 300px;
	left: 0px;
}
#Individual .right_arrow {
	position: absolute;
	top: 300px;
	right: 0px;
}


#Individual ul li ,#Individual ul.under li {
	width:45px;
	float: left;
	margin-right:10px;
	list-style:none;
}

#Individual ul li img,#Individual ul.under li img{
border: solid 3px #fff600;
width:111.5%;
}

#Individual ul li a img,#Individual ul.under li a img{
border: none;
width:111.5%;
}

#Individual ul li a:hover,#Individual ul.under li a:hover {
	opacity: 0.7;
}
#Individual .left_arrow a:hover,
#Individual .right_arrow a:hover {
	opacity: 0.7;
}

#Individual .chara img {
	width: 70%;
}


#evolution ul.charaEn li a {
	display: block;
	width: 182px;
	height: 232px;
	color: #187ac9;
	font-size: 0.625em;
	font-weight: bold;
	line-height: 0.825em;
}
#evolution ul.charaEn li a .name {
	width :182px;
	height: 50px;
	line-height: 50px;
	background: url(/movie/digimon-adventure/character/chara_arrow.png) no-repeat 160px center #f6ff00;
}

#evolution ul.charaEnli a span {
	padding-left: 10px;
}
#evolution ul.charaEn li a:hover {
	text-decoration: none;
}




#evolution ul.nameEn li a {
	display: block;
	width: 182px;
	height: 232px;
	color: #187ac9;
	font-size: 0.625em;
	font-weight: bold;
	line-height: 50px;
}
#evolution ul.nameEn li a .name {
	width :182px;
	height: 50px;
background-image:none;
	/*
	background: url(/movie/digimon-adventure/character/chara_arrow.png) no-repeat 160px center #f6ff00;
*/
}

#evolution ul.nameEn li a span {
	padding-left: 3px;
}
#evolution ul.nameEn li a:hover {
	text-decoration: none;

   }

#Individual .chara_descriptionEn {
	/*margin-top: 100px;*/
	width: 100%;
	padding: 0 10px 24px 0;
}

#Individual .chara_descriptionEn h4{
	color: #fff600;
	font-size: 2.28em;
	line-height:1em;

	font-weight:normal;
}

#Individual .digi_box .capEn h4{
	color: #fff600;
    font-size: 2.28em;
    line-height: 1m;
	font-weight:normal;
}

#Individual .chara_descriptionEn p.actor {
    color: #A8D6F8;
    font-size: 1.15em;
    line-height: 1.45em;
    width:95%;margin-left:2.5%;  
}



#Individual .chara_descriptionEn p.actor span {
	color: #FFF;
	margin-left:20px;
}



#Individual .chara_descriptionEn p.detail {
	font-size: 1m;
	line-height: 1.5em;

}

#Individual .digi_box .capEn p.detail {
	font-size: 1m;
	line-height: 1.5em;
}

#Individual .digi_box .capEn p.actor {
    font-size: 1.43em;
    line-height: 0.35em;
	padding-bottom: 12px;
}



}