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

  .evolutionList ul {padding: 0; list-style-type: none; overflow:hidden;display:block;width:95%;margin:0 auto;}
  .evolutionList li {display:block; margin: 0 2% 15px 0; width:48.5%; float:left;}
  .evolutionList li:nth-child(2n) { margin-right:0%; }
  .evolutionList li a { color: #187ac9; font-weight: bold; font-size: 0.715em; text-decoration: none; }
  .evolutionList li img { display: block; width: 100%; }
  .evolutionList 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%;
}





#evolution{width:100%;}

#evolution .evHeader{width:100%;overflow:hidden;margin-top:-45px;position:}
#evolution .evHeader .left{width:100%;text-align:center;}
#evolution .evHeader .right{width:0%;}

#evolution .evHeader .left h4 {width: 100%;border-bottom: 1px solid #53bcf4; padding: 20px ;font-size: 1.25em;display: inline-block;font-weight:}


ul.evoList{overflow: hidden;width:100%;margin:50px 0 80 0;position:absolute;bottom:-1%;left:-5%;z-index:12000;}
ul.evoList li{width:17%;float:left;list-style-type:none;margin:0 3% 3% 0;padding:0px;}

ul.evoList li.ac {width:17%;border:solid 3px #fff600;}
ul.evoList li img{width:100%;}


#evolution ul.charaEn {overflow: hidden;width: 100%;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;}


p.detail01{background-color:#fff600;color:#19a6f0;padding:3px 10px;font-size:0.875em;display:inline-block;}
p.name{color:#fff600;font-size:1em;margin-top:-7px;}
p.detail02{color:#fff600;font-size:0.785em;margin-top:-9px;white-space:nowrap;}

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


#evolution .charaMain .flow{width: 20%;margin: 0 auto;position: absolute;top: 195px;left: 36%;}
#evolution .charaMain .flow p{margin-bottom:70px;}
#evolution .charaMain .flow p img{width:100%;}


#evolution .charaMain .flow2 {width: 15%;margin: 0 auto;position: absolute;top: 260px;left: 36%;}
#evolution .charaMain .flow2 p{margin-bottom:70px;}
#evolution .charaMain .flow2 p img{width:100%;}

#evolution .charaMain .flow3 {width: 25%;margin: 0 auto;position: absolute;top: 260px;left: 36%;}
#evolution .charaMain .flow3 p{margin-bottom:70px;}
#evolution .charaMain .flow3 p img{width:100%;}


/* アグモン */
.digimon01 {position: relative;width: 95%;top: -132px;padding-top: 120%;}
.revInfo01 {position: absolute;width: 95%;top: 52px;}

#evolution .charaMain .digimon01 .rev01 {width: 14%;position: absolute;left: 24%;top: 145px;}
#evolution .charaMain .digimon01 .rev02 {width: 27%;position: absolute;right: 16%;top: 120px;padding-top: 25%;}
#evolution .charaMain .digimon01 .rev03 {width: 43%;position: absolute;left: -3%;top: 213px;padding-top: 28%;}
#evolution .charaMain .digimon01 .rev04 {width: 40%;position: absolute;right: 0%;top: 320px;padding-top: 26%;}


#evolution .charaMain .revInfo01 .info01 {position: absolute;top: 130px;left: 2%;padding-top: 5%;}
#evolution .charaMain .revInfo01 .info02 {position: absolute;right: -4%;padding-top: 49%;top: 120px;}
#evolution .charaMain .revInfo01 .info03 {position: absolute;top: 223px;left: 10px;padding-top: 51%;}
#evolution .charaMain .revInfo01 .info04 {position: absolute;right: 37%;padding-top: 62%;top: 320px;}

#evolution .charaMain .digimon01 .rev01 img,#evolution .charaMain .digimon01 .rev02 img,#evolution .charaMain .digimon01 .rev03 img,#evolution .charaMain .digimon01 .rev04 img {width:100%;}

/* ガブモン */
.digimon02 {position: relative;width: 95%;top: -122px;padding-top: 120%;}
.revInfo02 {position: absolute;width: 95%;top: 62px;}

#evolution .charaMain .digimon02 .rev01 {width: 14%;position: absolute;left: 24%;top: 125px;}
#evolution .charaMain .digimon02 .rev02 {width: 27%;position: absolute;right: 18%;top: 120px;padding-top: 17%;}
#evolution .charaMain .digimon02 .rev03 {width: 24%;position: absolute;left: 14%;top: 213px;padding-top: 26%;}
#evolution .charaMain .digimon02 .rev04 {width: 56%;position: absolute;right: -6%;top: 320px;    padding-top: 20%;}

#evolution .charaMain .revInfo02 .info01 {position: absolute;top: 110px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo02 .info02{position: absolute;right: -4%;padding-top: 33%;top: 120px;}
#evolution .charaMain .revInfo02 .info03 {position: absolute;top: 213px;left: 10px;padding-top: 55%;}
#evolution .charaMain .revInfo02 .info04 {position: absolute;right: 15%;padding-top: 62%;top: 290px;}

#evolution .charaMain .digimon02 .rev01 img,#evolution .charaMain .digimon02 .rev02 img,#evolution .charaMain .digimon02 .rev03 img,#evolution .charaMain .digimon02 .rev04 img {width:100%;}


/* ピヨモン */
.digimon03 {position: relative;width: 95%;top: -112px;padding-top: 163%;}
.revInfo03 {position: absolute;width: 95%;top: 72px;}

#evolution .charaMain .digimon03 .rev01 {width: 10%;position: absolute;left: 25%;top: 125px;}
#evolution .charaMain .digimon03 .rev02 {width: 43%;position: absolute;right: 4%;top: 120px;padding-top: 12%;}
#evolution .charaMain .digimon03 .rev03 {width: 31%;position: absolute;left: 6%;top: 213px;padding-top: 12%;}
#evolution .charaMain .digimon03 .rev04 {width: 61%;position: absolute;right: -10%;top: 320px;padding-top: 5%;}

#evolution .charaMain .revInfo03 .info01 {position: absolute;top: 110px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo03 .info02 {position: absolute;right: 7%;padding-top: 33%;top: 120px;}
#evolution .charaMain .revInfo03 .info03 {position: absolute;top: 213px;left: 10px;padding-top: 47%;}
#evolution .charaMain .revInfo03 .info04 {position: absolute;right: 10%;padding-top: 49%;top: 320px;}

#evolution .charaMain .digimon03 .rev01 img,#evolution .charaMain .digimon03 .rev02 img,#evolution .charaMain .digimon03 .rev03 img,#evolution .charaMain .digimon03 .rev04 img {width:100%;}


/* テントモン */
.digimon04 {position: relative;width: 95%;top: -102px;padding-top: 177%;}
.revInfo04 {position: absolute;width: 95%;top: 82px;}
#evolution .charaMain .digimon04 .rev01 {width: 19%;position: absolute;left: 20%;top: 110px;}
#evolution .charaMain .digimon04 .rev02 {width: 40%;position: absolute;right: 4%;top: 140px;}
#evolution .charaMain .digimon04 .rev03 {width: 31%;position: absolute;left: 6%;top: 253px;}
#evolution .charaMain .digimon04 .rev04 {width: 55%;position: absolute;right: -6%;top:340px;padding-top: 27%;}

#evolution .charaMain .revInfo04 .info01 {position: absolute;top: 110px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo04 .info02 {position: absolute;right: 7%;padding-top: 33%;top: 140px;}
#evolution .charaMain .revInfo04 .info03 {position: absolute;top: 253px;left: 0%;padding-top: 34%;}
#evolution .charaMain .revInfo04 .info04 {position: absolute;right: 14%; padding-top: 57%;top: 340px;}

#evolution .charaMain .digimon04 .rev01 img,#evolution .charaMain .digimon04 .rev02 img,#evolution .charaMain .digimon04 .rev03 img,#evolution .charaMain .digimon04 .rev04 img {width:100%;}


/* パルモン */
.digimon05 {position: relative;width: 95%;top: -102px;padding-top: 191%;}
.revInfo05 {position: absolute;width: 95%;top: 82px;}
#evolution .charaMain .digimon05 .rev01 {width: 19%;position: absolute;left: 20%;top: 110px;}
#evolution .charaMain .digimon05 .rev02 {width: 23%;position: absolute;right: 17%;top: 100px;padding-top:16%;}
#evolution .charaMain .digimon05 .rev03 {width: 37%;position: absolute;left: 5%;top: 253px;}
#evolution .charaMain .digimon05 .rev04 {width: 55%;position: absolute;right: -10%;padding-top: 100%;top:0px;}

#evolution .charaMain .revInfo05 .info01 {position: absolute;top: 110px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo05 .info02 {position: absolute;right: 9%;padding-top: 38%;top: 100px;}
#evolution .charaMain .revInfo05 .info03 {position: absolute;top: 253px;left: 5%;padding-top: 50%;}
#evolution .charaMain .revInfo05 .info04 {position: absolute;right: 24%;padding-top: 161%;top:0px;}

#evolution .charaMain .digimon05 .rev01 img,#evolution .charaMain .digimon05 .rev02 img,#evolution .charaMain .digimon05 .rev03 img,#evolution .charaMain .digimon05 .rev04 img {width:100%;}


/* gomamon */
.digimon06 {position: relative;width: 95%;top: -112px;padding-top: 177%;}
.revInfo06 {position: absolute;width: 95%;top: 72px;}
#evolution .charaMain .digimon06 .rev01 {width: 19%;position: absolute;left: 20%;top: 125px;}
#evolution .charaMain .digimon06 .rev02 {width: 25%;position: absolute;right: 15%;top: 150px;}
#evolution .charaMain .digimon06 .rev03 {width: 41%;position: absolute;left: 0px;top: 233px;padding-top:10%;}
#evolution .charaMain .digimon06 .rev04 {width: 50%;position: absolute;right: -6%;top: -50px;padding-top: 125%;}

#evolution .charaMain .revInfo06 .info01 {position: absolute;top: 125px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo06 .info02 {position: absolute;right: 7%;padding-top: 25%;top: 155px;}
#evolution .charaMain .revInfo06 .info03 {position: absolute;top: 233px;left: 10px;padding-top: 46%;}
#evolution .charaMain .revInfo06 .info04 {position: absolute;right: 38%;padding-top: 155%;top: -31px;}

#evolution .charaMain .digimon06 .rev01 img,#evolution .charaMain .digimon06 .rev02 img,#evolution .charaMain .digimon06 .rev03 img,#evolution .charaMain .digimon06 .rev04 img {width:100%;}



/* patamon */
.digimon07 {position: relative;width: 95%;top: -102px;padding-top: 182%;}
.revInfo07 {position: absolute;width: 95%;top: 62px;}
#evolution .charaMain .digimon07 .rev01 {width: 19%;position: absolute;left: 20%;top: 110px;}
#evolution .charaMain .digimon07 .rev02 {width: 32%;position: absolute;right: 7%; top: 138px;}
#evolution .charaMain .digimon07 .rev03 {width: 41%;position: absolute;left: 0px;top: 253px;}
#evolution .charaMain .digimon07 .rev04 {width: 50%;position: absolute;right: -40px;padding-top: 0%;top: 360px;}

#evolution .charaMain .revInfo07 .info01 {position: absolute;top: 110px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo07 .info02 {position: absolute;right: 7%;padding-top: 50%;top: 100px;}
#evolution .charaMain .revInfo07 .info03 {position: absolute;top: 253px;left: 10px;padding-top: 47%;}
#evolution .charaMain .revInfo07 .info04 {position: absolute;right: 28%;padding-top: 57%;top: 330px;}


#evolution .charaMain .digimon07 .rev01 img,#evolution .charaMain .digimon07 .rev02 img,#evolution .charaMain .digimon07 .rev03 img,#evolution .charaMain .digimon07 .rev04 img {width:100%;}


/* teilmon */
.digimon08 {position: relative;width: 95%;height: 1200px;}

#evolution .charaMain .digimon08 .rev01 {width: 28%;position: absolute;left: 10%;top: 61px;}
#evolution .charaMain .digimon08 .rev02 {width: 52%;position: absolute;right: 0px;top: 0px;padding-top: 8%;}
#evolution .charaMain .digimon08 .rev03 {width: 67%;position: absolute;right: -6%;top: 3%;padding-top: 86%;}



#evolution .charaMain .revInfo08 .info01 {position: absolute;top: 15%;left: 1%;padding-top: 34%;}
#evolution .charaMain .revInfo08 .info02 {position: absolute;left: 62%;padding-top: 65%;top: 10%;}
#evolution .charaMain .revInfo08 .info03 {position: absolute;left: 22%;padding-top: 139%;top: 10%;}




#evolution .charaMain .digimon08 .rev01 img,#evolution .charaMain .digimon08 .rev02 img,#evolution .charaMain .digimon08 .rev03 img,#evolution .charaMain .digimon08 .rev04 img{width:100%;}


/* makumon */
.digimon09 {position: relative;width: 95%;height: 1200px;}
#evolution .charaMain .digimon09 .rev01 {width: 36%;position: absolute;left: 3%;top: 61px;}
#evolution .charaMain .digimon09 .rev02 {width: 41%;position: absolute;right: 0px;top: 0px;padding-top: 15%;}
#evolution .charaMain .digimon09 .rev03 {width: 61%;position: absolute;left: 1%;top: 0px;padding-top: 82%;}

#evolution .charaMain .revInfo09 .info01 {position: absolute;top: 15%;left: 1%;padding-top: 22%;}
#evolution .charaMain .revInfo09 .info02 {position: absolute;left: 56%;padding-top: 100%;top: 3%;}
#evolution .charaMain .revInfo09 .info03 {position: absolute;left: 54%;padding-top: 158%;top: 0%;}

#evolution .charaMain .flow2 {width: 15%;margin: 0 auto;position: absolute;top: 260px;left: 36%;}
#evolution .charaMain .flow3 {width: 25%;margin: 0 auto;position: absolute;top: 230px;left: 31%;padding-top: 31%;}
#evolution .charaMain .flow4 {width: 25%;margin: 0 auto;position: absolute;top: 12%;left: 10%;padding-top: 110%;}


.flow2 img,.flow3 img,.flow4 img {width: 100%;}


#evolution .charaMain .digimon09 .rev01 img,#evolution .charaMain .digimon09 .rev02 img,#evolution .charaMain .digimon09 .rev03 img{width:100%;}





#evolution .charaOmega  {position: relative;width:100%;margin:130px auto 170px;padding-top:5%;}
#evolution .charaOmega  ul.omega01{overflow:hidden;display:block;margin-top:20px;width:90%;margin-left:8%;}
#evolution .charaOmega ul.omega01 li{float:left;list-style-type: none;color:#fff600;font-size:0.935em;text-align:center;}
#evolution .charaOmega ul.omega01 li:nth-child(1) {margin: 0px;width: 34%;}
#evolution .charaOmega ul.omega01 li:nth-child(2) {margin: 92px 0 0 0;width: 8%;}
#evolution .charaOmega ul.omega01 li:nth-child(3) {margin: 40px 0 0 0;width: 58%;}
#evolution .charaOmega .omega02{width:90%;}
#evolution .charaOmega .omega02 img{width:100%;}
#evolution .charaOmega .omega01 img,#evolution .charaOmega .omega02 img{width:100%;}
#evolution .charaOmega .nfoOmega {top: 557px;right: 118px;}
.infoOmega{margin-left:10%;}



#evolution .charaOrdin {position: absolute;width: 100%;margin: 0px auto 170px;top: 15%;padding-top: 150%;}
#evolution .charaOrdin  ul.ordin01{overflow:hidden;display:block;margin-top:20px;width:90%;margin-left:8%;}
#evolution .charaOrdin ul.ordin01 li{float:left;list-style-type: none;color:#fff600;font-size:0.935em;text-align:center;}
#evolution .charaOrdin ul.ordin01 {overflow: hidden;display: block;margin-top: -20px;width: 90%;margin-left: 8%;}
#evolution .charaOrdin ul.ordin01 li:nth-child(1) {margin: 51px 0 0 0;width: 34%;}
#evolution .charaOrdin ul.ordin01 li:nth-child(2) {margin: 92px 0 0 0;width: 8%;}
#evolution .charaOrdin ul.ordin01 li:nth-child(3) {margin: 25px 0 0 0;width: 50%;}
#evolution .charaOrdin .ordin02 {width: 95%; margin:0 2.5%;}
#evolution .charaOrdin .ordin01 img,#evolution .charaOrdin .ordin02 img{width:100%;}
#evolution .charaOrdin .nfoOrdin {top: 557px;right: 118px;}
.infoordin{margin-left:15%;}

.charaOrdinMargin{position: absolute;width: 100%;margin: 0px auto 170px;top: 15% !important;padding-top: 129% !important;}

h4.txtEvo{width: 100%;
border-top: 1px solid #53bcf4;
border-bottom: 1px solid #53bcf4;
padding: 20px 0;
font-size: 1.25em;
display: inline-block;
font-weight:bold;
text-align:center;}

h4.txtEvo span{font-size:0.5em;}


.evoPagenation{display:none;}



.caraLink1{position: absolute;text-align: center;font-size: 0.785em;z-index:10000;right:0%;}
.caraLink1 a{padding:5px 10px;background-color:#FFF;color: #19a6f0;display:block;text-decoration:underline;}
.caraLink1 a:hover{text-decoration:none;}


.caraLink2{position: absolute;text-align: center;font-size: 0.785em;z-index:10000;right:0%;}
.caraLink2 a{padding:5px 10px;background-color:#FFF;color: #19a6f0;display:block;text-decoration:underline;}
.caraLink2 a:hover{text-decoration:none;}


.caraLink3{position: absolute;text-align: center;font-size: 0.785em;z-index:10000;right:0%;}
.caraLink3 a{padding:5px 10px;background-color:#FFF;color: #19a6f0;display:block;text-decoration:underline;}
.caraLink3 a:hover{text-decoration:none;}


}

/* テイルモン、メイクーモンフッターキャラアイコン*/



@media screen and (min-width: 320px) and (max-width: 350px) {
.digimon08 {position: relative;width: 95%;height: 1260px !important;}}

@media screen and (min-width: 351px) and (max-width: 380px) {
.digimon08 {position: relative;width: 95%;height: 1430px !important;}}

@media screen and (min-width: 381px) and (max-width: 414px) {
.digimon08 {position: relative;width: 95%;height: 1520px !important;}}



@media screen and (min-width: 415px) and (max-width: 480px) {
.digimon08 {position: relative;width: 95%;height: 1720px !important;}}

@media screen and (min-width: 481px) and (max-width: 510px) {
.digimon08 {position: relative;width: 95%;height: 1830px !important;}}


@media screen and (min-width:  511px) and (max-width:540px) {
.digimon08 {position: relative;width: 95%;height:  1920px !important;}}

@media screen and (min-width:  551px) and (max-width:570px) {
.digimon08 {position: relative;width: 95%;height:  2030px !important;}}

@media screen and (min-width:  571px) and (max-width:600px) {
.digimon08 {position: relative;width: 95%;height:  2120px !important;}}

@media screen and (min-width:  601px) and (max-width:630px) {
.digimon08 {position: relative;width: 95%;height:  2230px !important;}}

@media screen and (min-width:  631px) and (max-width:660px) {
.digimon08 {position: relative;width: 95%;height:  2320px !important;}}

@media screen and (min-width:  661px) and (max-width:690px) {
.digimon08 {position: relative;width: 95%;height:  2430px !important;}}

@media screen and (min-width:  691px) and (max-width:700px) {
.digimon08 {position: relative;width: 95%;height:  2520px !important;}}

@media screen and (min-width:  701px) and (max-width:730px) {
.digimon08 {position: relative;width: 95%;height:  2630px !important;}}

@media screen and (min-width:  731px) and (max-width:768px) {
.digimon08 {position: relative;width: 95%;height:  2720px !important;}}



@media screen and (min-width: 351px) and (max-width: 380px) {
.digimon09 {position: relative;width: 95%;height: 1330px !important;}}

@media screen and (min-width: 381px) and (max-width: 414px) {
.digimon09 {position: relative;width: 95%;height: 1520px !important;}}

@media screen and (min-width: 415px) and (max-width: 444px) {
.digimon09 {position: relative;width: 95%;height: 1580px !important;}}

@media screen and (min-width: 415px) and (max-width: 480px) {
.digimon09 {position: relative;width: 95%;height: 1730px !important;}}

@media screen and (min-width: 481px) and (max-width: 510px) {
.digimon09 {position: relative;width: 95%;height: 1780px !important;}}


@media screen and (min-width:  511px) and (max-width:540px) {
.digimon09 {position: relative;width: 95%;height:  1820px !important;}}

@media screen and (min-width:  551px) and (max-width:570px) {
.digimon09 {position: relative;width: 95%;height:  1930px !important;}}

@media screen and (min-width:  571px) and (max-width:600px) {
.digimon09 {position: relative;width: 95%;height:  2020px !important;}}

@media screen and (min-width:  601px) and (max-width:630px) {
.digimon09 {position: relative;width: 95%;height:  2130px !important;}}


@media screen and (min-width:  631px) and (max-width:660px) {
.digimon09 {position: relative;width: 95%;height:  2220px !important;}}

@media screen and (min-width:  661px) and (max-width:690px) {
.digimon09 {position: relative;width: 95%;height:  2330px !important;}}

@media screen and (min-width:  691px) and (max-width:700px) {
.digimon09 {position: relative;width: 95%;height:  2420px !important;}}

@media screen and (min-width:  701px) and (max-width:730px) {
.digimon09 {position: relative;width: 95%;height:  2530px !important;}}

@media screen and (min-width:  731px) and (max-width:768px) {
.digimon09 {position: relative;width: 95%;height:  2820px !important;}}



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

    
  .evolutionList li { display: inline-block; margin: 0 15px 15px 0; }
  .evolutionList li a { color: #187ac9; font-weight: bold; font-size: 0.929em; }
  .evolutionList li img { display: block; }
  .evolutionList li .name { height: 50px; line-height: 50px; padding-left: 10px; background: #f6ff00 url(evolution/common/chara_arrow.png) no-repeat 160px center; }
  
  .en .evolutionList 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; }
  .evolutionDetail { 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(/evolution/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(/evolution/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;
}

#evolution{width:100%;}

#evolution .evHeader{width:100%;overflow:hidden;margin-top:-45px;}
#evolution .evHeader .left{width:40%;float:left;margin-top:25px;}
#evolution .evHeader .right{width:60%;float:right;}
#evolution .evHeader .left h4{border:#FFF solid 2px;padding:10px 20px;font-size:1.5em;display:inline-block;font-weight:normal;}

body#evo .contents-wrapper{width:1380px;}

body#evo .main-contents {
    background: url(/tri/images/cloud/cloud_l_03.png) no-repeat 0 10px;
    background-size: 46%;
    position: relative;
    padding-top: 120px;
    color: #fff;

    width: 1093px;
    float: right;
    padding-left: 30px;
}

body#evo .contents-wrapper .main-contents .pageTitle {
    padding-bottom: 15px;
    border-bottom: 1px solid #53bcf4;
    width: 79%;
}






body#evo .contents-wrapper .select-lang {
    position: absolute;
    top: 24px;
    right: 254px;
    z-index: 11;
    list-style-type: none;
    margin: 0;
    padding: 0;
}



#evolution .charaMain{width:100%;position:relative;margin-bottom:300px;boder-bottom:1px solid #53bcf4;}
#evolution .charaPt2{height:550px;}
#evolution .charaPt3{height:440px;}
#evolution .charaMain .flow {width: 111px;margin: 100px auto 0 370px;}
#evolution .charaMain .flow p{margin-bottom:70px;}

#evolution .charaMain .flow2 {width: 111px;margin: 195px auto 0 370px;}
#evolution .charaMain .flow2 p{margin-bottom:70px;}

#evolution .charaMain .flow3 {width: 111px;margin: 85px auto 0 350px;position:relative;}
#evolution .charaMain .flow3 p {margin-bottom: 70px;position: absolute;top: 0%;padding-top: 70%;}
#evolution .charaMain .flow4 {width: 111px;margin: 405px auto 0 180px;position: relative;}
#evolution .charaMain .flow4 p {margin-bottom: 70px;position: absolute;top: 0%;padding-top: 70%;}
/* アグモン */
.digimon01{}
#evolution .charaMain .digimon01 .rev01{position: absolute;top: -68px;left: 269px;}
#evolution .charaMain .digimon01 .rev02 {position: absolute;top: 5px;left: 485px;}
#evolution .charaMain .digimon01 .rev03 {position: absolute;top: 184px;}
#evolution .charaMain .digimon01 .rev04 {position: absolute;top: 302px;left: 491px;}

#evolution .charaMain .revInfo01 .info01{position:absolute;left: 138px;z-index:3000;}
#evolution .charaMain .revInfo01 .info02 {position: absolute;top: 93px;left: 691px;}
#evolution .charaMain .revInfo01 .info03{position:absolute;top:436px;left:120px;}
#evolution .charaMain .revInfo01 .info04 {position: absolute;top: 607px;right: 538px;}

/* ガブモン */
.digimon02{}
#evolution .charaMain .revInfo02 .info01{position:absolute;left: 138px;z-index:3000;}
#evolution .charaMain .digimon02 .rev01 {position: absolute;top: -111px;left: 244px;}
#evolution .charaMain .digimon02 .rev02 {position: absolute;top: 5px;left: 491px;}
#evolution .charaMain .digimon02 .rev03 {position: absolute;top: 204px;left: 140px;}
#evolution .charaMain .digimon02 .rev04 {position: absolute;top: 272px;left: 451px;}

#evolution .charaMain .revInfo02 .info02 { position: absolute;top: 18px;left: 711px;}
#evolution .charaMain .revInfo02 .info03 {position: absolute;top: 461px;left: 60px;}
#evolution .charaMain .revInfo02 .info04 {position: absolute;top: 617px;right: 378px;}


/* ピヨモン */
.digimon03{}
#evolution .charaMain .digimon03 .rev01 {position: absolute;top: -68px;left: 289px;}
#evolution .charaMain .digimon03 .rev02 {position: absolute;top: -25px;left: 455px;}
#evolution .charaMain .digimon03 .rev03 {position: absolute;top: 134px;left: 92px;}
#evolution .charaMain .digimon03 .rev04 {position: absolute;top: 282px;left: 500px;}

#evolution .charaMain .revInfo03 .info01 {position: absolute;left: 148px;}
#evolution .charaMain .revInfo03 .info02 {position: absolute;top: 153px;left: 491px;}
#evolution .charaMain .revInfo03 .info03 {position: absolute;top: 462px;left: 110px;}
#evolution .charaMain .revInfo03 .info04 {position: absolute;top: 607px;right: 323px;}


/* テントモン */
.digimon04{}
#evolution .charaMain .digimon04 .rev01 {position: absolute;top: -81px;left: 219px;}
#evolution .charaMain .digimon04 .rev02 {position: absolute;top: 3px;left: 475px;}
#evolution .charaMain .digimon04 .rev03 {position: absolute;top: 161px;left: 142px;}
#evolution .charaMain .digimon04 .rev04 {position: absolute;top: 359px;left: 480px;}

#evolution .charaMain .revInfo04 .info01 {position: absolute;left: 128px;}
#evolution .charaMain .revInfo04 .info02 {position: absolute;top: 138px;left: 691px;}
#evolution .charaMain .revInfo04 .info03 {position: absolute;top: 424px;left: 105px;}
#evolution .charaMain .revInfo04 .info04 {position: absolute;top: 642px;right: 387px;}


/* パルモン */
.digimon05{}
#evolution .charaMain .digimon05 .rev01 {position: absolute;top: -97px;left: 254px;}
#evolution .charaMain .digimon05 .rev02 {position: absolute;top: 14px;left: 477px;}
#evolution .charaMain .digimon05 .rev03 {position: absolute;top: 185px;left: 132px;}
#evolution .charaMain .digimon05 .rev04 {position: absolute;top: 252px;left: 490px;}

#evolution .charaMain .revInfo05 .info01 {position: absolute;left: 128px;}
#evolution .charaMain .revInfo05 .info02 {position: absolute;top: 8px;left: 621px;}
#evolution .charaMain .revInfo05 .info03 {position: absolute;top: 443px;left: 63px;}
#evolution .charaMain .revInfo05 .info04 {position: absolute;top: 342px;right: 237px;}


/* gomamon */
.digimon06{}
#evolution .charaMain .digimon06 .rev01 {position: absolute;top: -67px;left: 234px;}
#evolution .charaMain .digimon06 .rev02 {position: absolute;top: -16px;left: 467px;}
#evolution .charaMain .digimon06 .rev03 {position: absolute;top: 155px;left: 75px;}
#evolution .charaMain .digimon06 .rev04 {position: absolute;top: 262px;left: 470px;}

#evolution .charaMain .revInfo06 .info01 {position: absolute;left: 138px;top: 10px;}
#evolution .charaMain .revInfo06 .info02 {position: absolute;top: 40px;left: 631px;}
#evolution .charaMain .revInfo06 .info03 {position: absolute;top: 453px;left: 76px;}
#evolution .charaMain .revInfo06 .info04 {position: absolute;top: 655px;right: 466px;}



/* patamon */
.digimon07{}
#evolution .charaMain .digimon07 .rev01 {position: absolute;top: -98px;left: 255px;}
#evolution .charaMain .digimon07 .rev02 {position: absolute;top: -75px;left: 477px;}
#evolution .charaMain .digimon07 .rev03 {position: absolute;top: 124px;left: 40px;}
#evolution .charaMain .digimon07 .rev04 {position: absolute;top: 262px;left: 491px;}

#evolution .charaMain .revInfo07 .info01 {position: absolute;left: 178px;z-index: 3000;}
#evolution .charaMain .revInfo07 .info02 {position: absolute;top: 35px;left: 677px;}
#evolution .charaMain .revInfo07 .info03 { position: absolute;top: 500px;left: 90px;}
#evolution .charaMain .revInfo07 .info04 {position: absolute;top: 657px;right: 168px;}


/* teilmon */
.digimon08{}
#evolution .charaMain .digimon08 .rev01 {position: absolute;top: -68px;left: 199px;}
#evolution .charaMain .digimon08 .rev02 {position: absolute;top: -195px;left: 405px;}
#evolution .charaMain .digimon08 .rev03 {position: absolute;top: 265px;right: 0%;left: 20%;margin: 0 auto;}

#evolution .charaMain .revInfo08 .info01 {position: absolute;left: 138px;top: 89px;}
#evolution .charaMain .revInfo08 .info02 {position: absolute;top: 40px;left: 742px;}
#evolution .charaMain .revInfo08 .info03 {position: absolute;top: 772px;left: 536px;}


/* makumon */
.digimon09{}
#evolution .charaMain .digimon09 .rev01 {position: absolute;top: -68px;left: 149px;}
#evolution .charaMain .revInfo09 .info01 {position: absolute;left: 128px;top: 50px;}

#evolution .charaMain .digimon09 .rev02 {position: absolute;top: -155px;left: 455px;}
#evolution .charaMain .revInfo09 .info02 {position: absolute;top: 140px;left: 737px;}

#evolution .charaMain .digimon09 .rev03 {position: absolute;top: 315px;left: 0px;}
#evolution .charaMain .revInfo09 .info03 {position: absolute;top: 382px;left: 433px;}






.caraLink1{position: absolute;top:2.65%;text-align: center;font-size: 0.935em;z-index:10000;right:21%;}
.caraLink1 a{padding:5px 15px;background-color:#FFF;color: #19a6f0;display:block;text-decoration:underline;}
.caraLink1 a:hover{text-decoration:none;}




.caraLink2{position: absolute;top:6%;text-align: center;font-size: 0.935em;z-index:10000;right:21%;}
.caraLink2 a{padding:5px 15px;background-color:#FFF;color: #19a6f0;display:block;text-decoration:underline;}
.caraLink2 a:hover{text-decoration:none;}

.caraLink3{position: absolute;top:2.45%;text-align: center;font-size: 0.935em;z-index:10000;right:21%;}
.caraLink3 a{padding:5px 15px;background-color:#FFF;color: #19a6f0;display:block;text-decoration:underline;}
.caraLink3 a:hover{text-decoration:none;}


#evolution .charaOmega  {position: relative;width:71%;margin:70px auto 170px;padding-top:7%;}
#evolution .charaOmega  ul.omega01{overflow:hidden;display:block;}
#evolution .charaOmega  ul.omega01 li{float:left;list-style-type: none;color:#fff600;font-size:1.25em;text-align:center;}
#evolution .charaOmega  ul.omega01 li:nth-child(1){margin:0px;}
#evolution .charaOmega  ul.omega01 li:nth-child(2){margin:92px 13px 0 34px;}
#evolution .charaOmega  ul.omega01 li:nth-child(3){margin-top:55px;}
#evolution .charaOmega  .omega02{margin-left:-69px;}
#evolution .charaOmega .nfoOmega {top: 557px;right: 118px;}

#evolution .charaOrdin  {position: relative;width:71%;margin:70px auto 170px;padding-top:7%;}
#evolution .charaOrdin  ul.ordin01{overflow:hidden;display:block;}
#evolution .charaOrdin  ul.ordin01 li{float:left;list-style-type: none;color:#fff600;font-size:1.25em;text-align:center;}
#evolution .charaOrdin  ul.ordin01 li:nth-child(1){margin:22px 0 0 0;}
#evolution .charaOrdin  ul.ordin01 li:nth-child(2){margin:147px 13px 0 34px;}
#evolution .charaOrdin  ul.ordin01 li:nth-child(3){margin-top:5px;}
#evolution .charaOrdin  .ordin02{margin-left:-123px;}
#evolution .charaOrdin .infoordin {top: 557px;right: 118px;}




ul.evoList{overflow: hidden;
position: absolute;
top: -14px;
right: 220px;}

ul.evoList li{width:42px;height:42px;float:left;margin-right:5px;list-style-type:none;margin-top:25px;}
ul.evoList li a:hover{opacity:0.6;}
ul.evoList li.ac {width:42px;height:42px;border:solid 5px #fff600;}
ul.evoList li img{width:100%;}

.evoPagenation{width:838px;margin:100px auto 0 0px;border-bottom: 1px solid #53bcf4;overflow:hidden;padding:150px 0 5px;position:relative;}

.evoPagenation p:nth-child(1){float:left;}
.evoPagenation p:nth-child(2){float:right;}

h4.txtEvo{width:110%;font-size:3em;text-align:center;border-top:1px solid #53bcf4;border-bottom:1px solid #53bcf4;padding:15px;margin:30px 0;margin-left: -160px;}
h4.txtEvo span{font-size:0.7em;}



p.detail01{background-color:#fff600;color:#19a6f0;padding:3px 10px;font-size:1.125em;display:inline-block;}
p.name{color:#fff600;font-size:1.7em;margin-top:-7px;}
p.detail02{color:#fff600;font-size:0.875em;margin-top:-9px;}



}





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



#evolution{width:100%;}

#evolution .evHeader{width:100%;overflow:hidden;margin-top:-45px;position:}
#evolution .evHeader .left{width:100%;text-align:center;}
#evolution .evHeader .right{width:0%;}

#evolution .evHeader .left h4 {width: 100%;border-bottom: 1px solid #53bcf4; padding: 20px ;font-size: 1.25em;display: inline-block;font-weight:}


ul.evoList{overflow: hidden;width:100%;margin:50px 0 80 0;position:absolute;bottom:-1%;left:-5%;z-index:12000;}
ul.evoList li{width:17%;float:left;list-style-type:none;margin:0 3% 3% 0;padding:0px;}

ul.evoList li.ac {width:17%;border:solid 3px #fff600;}
ul.evoList li img{width:100%;}


#evolution ul.charaEn {overflow: hidden;width: 100%;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;}


p.detail01{background-color:#fff600;color:#19a6f0;padding:3px 10px;font-size:0.875em;display:inline-block;}
p.name{color:#fff600;font-size:1em;margin-top:-7px;}
p.detail02{color:#fff600;font-size:0.785em;margin-top:-9px;white-space:nowrap;}

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



#evolution .charaMain .flow{width: 20%;margin: 0 auto;position: absolute;top: 195px;left: 36%;}
#evolution .charaMain .flow p{margin-bottom:70px;}
#evolution .charaMain .flow p img{width:100%;}


#evolution .charaMain .flow2 {width: 15%;margin: 0 auto;position: absolute;top: 260px;left: 36%;}
#evolution .charaMain .flow2 p{margin-bottom:70px;}
#evolution .charaMain .flow2 p img{width:100%;}


#evolution .charaMain .flow3 {width: 15%;margin: 0 auto;position: absolute;top: 260px;left: 56%;}
#evolution .charaMain .flow3 p{margin-bottom:90px;}
#evolution .charaMain .flow3 p img{width:100%;}

/* アグモン */
.digimon01 {position: relative;width: 95%;top: -132px;padding-top: 120%;}
.revInfo01 {position: absolute;width: 95%;top: 52px;}

#evolution .charaMain .digimon01 .rev01 {width: 14%;position: absolute;left: 24%;top: 145px;}
.charaMain .digimon01 .rev02 {
    width: 27%;
    position: absolute;
    right: 16%;
    top: 70px;
    padding-top: 25%;
}
#evolution .charaMain .digimon01 .rev03 {width: 43%;position: absolute;left: -3%;top: 213px;padding-top: 28%;}
#evolution .charaMain .digimon01 .rev04 {width: 40%;position: absolute;right: 0%;top: 320px;padding-top: 26%;}


#evolution .charaMain .revInfo01 .info01 {position: absolute;top: 130px;left: 2%;padding-top: 5%;}
#evolution .charaMain .revInfo01 .info02 {
    position: absolute;
    right: -1%;
    padding-top: 49%;
    top: 0px;
}
#evolution .charaMain .revInfo01 .info03 {position: absolute;top: 223px;left: 10px;padding-top: 51%;}
#evolution .charaMain .revInfo01 .info04 {position: absolute;right: 37%;padding-top: 62%;top: 320px;}

#evolution .charaMain .digimon01 .rev01 img,#evolution .charaMain .digimon01 .rev02 img,#evolution .charaMain .digimon01 .rev03 img,#evolution .charaMain .digimon01 .rev04 img {width:100%;}

/* ガブモン */
.digimon02 {position: relative;width: 95%;top: -122px;padding-top: 120%;}
.revInfo02 {position: absolute;width: 95%;top: 62px;}

#evolution .charaMain .digimon02 .rev01 {width: 14%;position: absolute;left: 24%;top: 125px;}
#evolution .charaMain .digimon02 .rev02 {width: 27%;position: absolute;right: 18%;top: 120px;padding-top: 17%;}
#evolution .charaMain .digimon02 .rev03 {width: 24%;position: absolute;left: 14%;top: 213px;padding-top: 26%;}
#evolution .charaMain .digimon02 .rev04 {width: 56%;position: absolute;right: -6%;top: 320px;padding-top: 26%;}

#evolution .charaMain .revInfo02 .info01 {position: absolute;top: 110px;left: 10%;padding-top: 12%;}
#evolution .charaMain .revInfo02 .info02 {position: absolute;left: 80%;padding-top: 33%;top: 120px;}
#evolution .charaMain .revInfo02 .info03 {position: absolute;top: 213px;left: 10px;padding-top: 55%;}
#evolution .charaMain .revInfo02 .info04 {position: absolute;right: 15%;padding-top: 62%;top: 320px;}

#evolution .charaMain .digimon02 .rev01 img,#evolution .charaMain .digimon02 .rev02 img,#evolution .charaMain .digimon02 .rev03 img,#evolution .charaMain .digimon02 .rev04 img {width:100%;}


/* ピヨモン */
.digimon03 {position: relative;width: 95%;top: -112px;padding-top: 163%;}
.revInfo03 {position: absolute;width: 95%;top: 72px;}

#evolution .charaMain .digimon03 .rev01 {width: 10%;position: absolute;left: 25%;top: 125px;}
#evolution .charaMain .digimon03 .rev02 {width: 43%;position: absolute;right: 4%;top: 120px;padding-top: 12%;}
#evolution .charaMain .digimon03 .rev03 {width: 31%;position: absolute;left: 6%;top: 213px;padding-top: 12%;}
#evolution .charaMain .digimon03 .rev04 {width: 61%;position: absolute;right: -10%;top: 320px;padding-top: 5%;}

#evolution .charaMain .revInfo03 .info01 {position: absolute;top: 110px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo03 .info02 {position: absolute;right: 7%;padding-top: 36%;top: 120px;}
#evolution .charaMain .revInfo03 .info03 {position: absolute;top: 213px;left: 10px;padding-top: 50%;}
#evolution .charaMain .revInfo03 .info04 {position: absolute;right: 22%;padding-top: 49%;top: 320px;}

#evolution .charaMain .digimon03 .rev01 img,#evolution .charaMain .digimon03 .rev02 img,#evolution .charaMain .digimon03 .rev03 img,#evolution .charaMain .digimon03 .rev04 img {width:100%;}


/* テントモン */
.digimon04 {position: relative;width: 95%;top: -102px;padding-top: 177%;}
.revInfo04 {position: absolute;width: 95%;top: 82px;}
#evolution .charaMain .digimon04 .rev01 {width: 19%;position: absolute;left: 20%;top: 110px;}
#evolution .charaMain .digimon04 .rev02 {width: 40%;position: absolute;right: 4%;top: 140px;}
#evolution .charaMain .digimon04 .rev03 {width: 31%;position: absolute;left: 6%;top: 253px;}
#evolution .charaMain .digimon04 .rev04 {width: 55%;position: absolute;right: -6%;top:340px;padding-top: 27%;}

#evolution .charaMain .revInfo04 .info01 {position: absolute;top: 110px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo04 .info02 {position: absolute;right: 7%;padding-top: 35%;top: 140px;}
#evolution .charaMain .revInfo04 .info03 {position: absolute;top: 253px;left: 10px;padding-top: 32%;}
#evolution .charaMain .revInfo04 .info04 {position: absolute;right: 14%; padding-top: 57%;top: 340px;}

#evolution .charaMain .digimon04 .rev01 img,#evolution .charaMain .digimon04 .rev02 img,#evolution .charaMain .digimon04 .rev03 img,#evolution .charaMain .digimon04 .rev04 img {width:100%;}


/* パルモン */
.digimon05 {position: relative;width: 95%;top: -102px;padding-top: 191%;}
.revInfo05 {position: absolute;width: 95%;top: 82px;}
#evolution .charaMain .digimon05 .rev01 {width: 19%;position: absolute;left: 20%;top: 110px;}
#evolution .charaMain .digimon05 .rev02 {width: 23%;position: absolute;right: 17%;top: 100px;padding-top:16%;}
#evolution .charaMain .digimon05 .rev03 {width: 37%;position: absolute;left: 5%;top: 253px;padding-top: 14%;}
#evolution .charaMain .digimon05 .rev04 {width: 55%;position: absolute;right: -10%;padding-top: 80%;top: 0px;}

#evolution .charaMain .revInfo05 .info01 {position: absolute;top: 110px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo05 .info02 {position: absolute;right: 21%;padding-top: 40%;top: 100px;}
#evolution .charaMain .revInfo05 .info03 {position: absolute;top: 253px;left: 5%;padding-top: 67%;}
#evolution .charaMain .revInfo05 .info04 {position: absolute;right: 24%;padding-top: 153%;top: 0px;}

#evolution .charaMain .digimon05 .rev01 img,#evolution .charaMain .digimon05 .rev02 img,#evolution .charaMain .digimon05 .rev03 img,#evolution .charaMain .digimon05 .rev04 img {width:100%;}




/* gomamon */
.digimon06 {position: relative;width: 95%;top: -112px;padding-top: 177%;}
.revInfo06 {position: absolute;width: 95%;top: 72px;}
#evolution .charaMain .digimon06 .rev01 {width: 19%;position: absolute;left: 20%;top: 125px;}
#evolution .charaMain .digimon06 .rev02 {width: 25%;position: absolute;right: 15%;top: 130px;}
#evolution .charaMain .digimon06 .rev03 {width: 41%;position: absolute;left: 0px;top: 233px;padding-top:10%;}
#evolution .charaMain .digimon06 .rev04 {width: 50%;position: absolute;right: -6%;top: -50px;padding-top: 85%;}

#evolution .charaMain .revInfo06 .info01 {position: absolute;top: 125px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo06 .info02 {position: absolute;right: 21%;padding-top: 26%;top: 130px;}
#evolution .charaMain .revInfo06 .info03 {position: absolute;top: 233px;left: 10px;padding-top: 46%;}
#evolution .charaMain .revInfo06 .info04 {position: absolute;right: 40%;padding-top: 135%;top: -110px;}

#evolution .charaMain .digimon06 .rev01 img,#evolution .charaMain .digimon06 .rev02 img,#evolution .charaMain .digimon06 .rev03 img,#evolution .charaMain .digimon06 .rev04 img {width:100%;}










/* patamon */
.digimon07 {position: relative;width: 95%;top: -102px;padding-top: 202%;}
.revInfo07 {position: absolute;width: 95%;top: 62px;}
#evolution .charaMain .digimon07 .rev01 {width: 19%;position: absolute;left: 20%;top: 110px;}
#evolution .charaMain .digimon07 .rev02 {width: 32%;position: absolute;right: 9%; top: 100px;}
#evolution .charaMain .digimon07 .rev03 {width: 41%;position: absolute;left: 0px;top: 253px;}
#evolution .charaMain .digimon07 .rev04 {width: 50%;
    position: absolute;
    right: -40px;
    padding-top: 20%;
    top: 360px;
}

#evolution .charaMain .revInfo07 .info01 {position: absolute;top: 110px;left: 2%;padding-top: 10%;}
#evolution .charaMain .revInfo07 .info02 { position: absolute;right: 21%;padding-top: 47%; top: 100px;}
#evolution .charaMain .revInfo07 .info03 {position: absolute;top: 253px;left: 10px;padding-top: 44%;}
#evolution .charaMain .revInfo07 .info04 {position: absolute;
right: 28%;
padding-top: 78%;
top: 330px;}


#evolution .charaMain .digimon07 .rev01 img,#evolution .charaMain .digimon07 .rev02 img,#evolution .charaMain .digimon07 .rev03 img,#evolution .charaMain .digimon07 .rev04 img {width:100%;}


/* teilmon */
.digimon08 {position: relative;width: 95%;height: 2200px;}
#evolution .charaMain .digimon08 .rev01 {width: 26%;position: absolute;left: 17%;top: 2%;padding-top: 10%;}
#evolution .charaMain .digimon08 .rev02 {width: 51%;position: absolute;right: 0px;top: 0px;padding-top: 9%;}
#evolution .charaMain .digimon08 .rev03 {width: 65%;position: absolute;right: -5%;top: 2%;padding-top: 66%;}
#evolution .charaMain .revInfo08 .info01 {position: absolute;top: 8%;left: 10%;padding-top: 36%;}
#evolution .charaMain .revInfo08 .info02 {position: absolute;left: 67%;padding-top: 53%;top: 8%;}
#evolution .charaMain .revInfo08 .info03 {position: absolute;left: 33%;padding-top: 127%;top: 7%;}
#evolution .charaMain .flow2 {width: 10%;margin: 0 auto;position: absolute;top: 5%;left: 40%;padding-top: 40%;}
#evolution .charaMain .flow3 {width: 15%;margin: 0 auto;position: absolute;top: 4%;left: 36%;padding-top: 60%;}
#evolution .charaMain .flow4 {width: 15%;margin: 0 auto;position: absolute;top: 15%;left: 20%;padding-top: 65%;}

#evolution .charaMain .digimon08 .rev01 img,#evolution .charaMain .digimon08 .rev02 img,#evolution .charaMain .digimon08 .rev03 img,.digimon08 .rev04 img{width:100%;}






/* makumon */
.digimon09 {position: relative;width: 95%;height: 2200px;}
#evolution .charaMain .digimon09 .rev01 {width: 36%;position: absolute;left: 3%;top: 61px;}
#evolution .charaMain .digimon09 .rev02 {width: 41%;position: absolute;right: 0px;top: 0px;padding-top: 15%;}
#evolution .charaMain .digimon09 .rev03 {width: 61%;position: absolute;left: 1%;top: 0px;padding-top: 62%;}
#evolution .charaMain .revInfo09 .info01 {position: absolute;top: 12%;left: 3%;padding-top: 10%;}
#evolution .charaMain .revInfo09 .info02 {position: absolute;left: 67%;padding-top: 49%;top: 10%;}
#evolution .charaMain .revInfo09 .info03 {position: absolute;left: 57%;padding-top: 41%;top: 20%;}
#evolution .charaMain .flow2 {width: 10%;margin: 0 auto;position: absolute;top: 1%;left: 40%;padding-top: 46%;}
#evolution .charaMain .flow3 {width: 15%;margin: 0 auto;position: absolute;top: 0%;left: 36%;padding-top: 65%;}

#evolution .charaMain .digimon09 .rev01 img,#evolution .charaMain .digimon09 .rev02 img,#evolution .charaMain .digimon09 .rev03 img{width:100%;}





#evolution .charaOmega {position: relative;width: 100%;margin: 130px auto 170px;top: -50px;}

#evolution .charaOmega  ul.omega01{
overflow:hidden;display:block;
margin-top:20px;

width:90%;
margin-left:8%;
}

#evolution .charaOmega  ul.omega01 li{
float:left;list-style-type: none;
color:#fff600;font-size:0.935em;
text-align:center;


}

#evolution .charaOmega  ul.omega01 li:nth-child(1){
margin:0px;
width:34%;
}

#evolution .charaOmega  ul.omega01 li:nth-child(2){
margin:92px 0 0 0;
width:8%;
}

#evolution .charaOmega  ul.omega01 li:nth-child(3){
margin:40px 0 0 0;
width:58%;
}

#evolution .charaOmega  ul.omega01 li:nth-child(1) img{width:100%;}
#evolution .charaOmega  ul.omega01 li:nth-child(2) img{width:75%;margin-left:25%;display:block;}
#evolution .charaOmega  ul.omega01 li:nth-child(3) img{width:100%;}


#evolution .charaOmega  .omega02{width:90%;}
#evolution .charaOmega  .omega02 img{width:100%;}
#evolution .charaOmega .nfoOmega {top: 557px;right: 118px;}

.infoOmega{margin-left:10%;}


#evolution .charaOrdin {position: absolute;width: 100%;margin: 0px auto 170px;top: 11%;padding-top: 130%;}
#evolution .charaOrdin  ul.ordin01{overflow:hidden;display:block;margin-top:20px;width:90%;margin-left:8%;}
#evolution .charaOrdin ul.ordin01 li{float:left;list-style-type: none;color:#fff600;font-size:0.935em;text-align:center;}
#evolution .charaOrdin ul.ordin01 {overflow: hidden;display: block;margin-top: -20px;width: 90%;margin-left: 8%;}
#evolution .charaOrdin ul.ordin01 li:nth-child(1) {margin: 51px 0 0 0;width: 34%;}
#evolution .charaOrdin ul.ordin01 li:nth-child(2) {margin: 92px 0 0 0;width: 8%;}
#evolution .charaOrdin ul.ordin01 li:nth-child(3) {margin: 25px 0 0 0;width: 50%;}
#evolution .charaOrdin .ordin02 {width: 95%; margin:0 2.5%;}
#evolution .charaOrdin .ordin01 img,#evolution .charaOrdin .ordin02 img{width:100%;}
#evolution .charaOrdin .nfoOrdin {top: 557px;right: 118px;}
.infoordin{margin-left:15%;}

.charaOrdinMargin{position: absolute;width: 100%;margin: 0px auto 170px;top: 10% !important;padding-top: 120% !important;}

.evoPagenation{display:none;}

h4.txtEvo{width: 100%;
border-top: 1px solid #53bcf4;
border-bottom: 1px solid #53bcf4;
padding: 20px 0;
font-size: 1.25em;
display: inline-block;
font-weight:bold;
text-align:center;}

h4.txtEvo span{font-size:0.5em;}


.evoPagenation{display:none;}


.caraLink1{position: absolute;text-align: center;font-size: 0.935em;z-index:10000;right:0%;}
.caraLink1 a{padding:5px 15px;background-color:#FFF;color: #19a6f0;display:block;text-decoration:underline;}
.caraLink1 a:hover{text-decoration:none;}

.caraLink2{position: absolute;text-align: center;font-size: 0.935em;z-index:10000;right:0%;}
.caraLink2 a{padding:5px 15px;background-color:#FFF;color: #19a6f0;display:block;text-decoration:underline;}
.caraLink2 a:hover{text-decoration:none;}


.caraLink3{position: absolute;text-align: center;font-size: 0.935em;z-index:10000;right:0%;}
.caraLink3 a{padding:5px 15px;background-color:#FFF;color: #19a6f0;display:block;text-decoration:underline;}
.caraLink3 a:hover{text-decoration:none;}

}