@charset "utf-8";
/* CSS Document */
body{background-image: url(img/bgp.png);background-size: cover;background-repeat: no-repeat;}
.menu {
	
	position: fixed;
	top: 2.4vw;
	left: 2vw;
	width: 3.2vw;
	z-index: 910;
}

.world {
		width: 2vw;
		height: 2vw;
}
  .world a:link,a:visited{ display:block;	
	  	width:100%;
		height:100%;
		background: url(img/pworld1.png);
		background-position:center;
		background-size:cover;
	  background-repeat: no-repeat;}
    .world a:hover{background:url(img/pworld2.png);background-size:cover;}
    .world a:active{background:url(img/pworld2.png);background-size:cover;}

.personage-box0{height: 80%;width: 90%;left: 6%;top:12%;position: absolute;display: flex;flex-direction: column;align-items: stretch;overflow-y: scroll;}.personage-box0::-webkit-scrollbar {display: none;}
h2{font-family:arial;text-align:left;color: #AAAAAA; font-size:0.6vw;font-weight:lighter;margin: 2vw 0.5vw;}
.personage-y{display: flex;align-items: center;}
.personage-box1{display: flex;flex-wrap: wrap;align-content: flex-start;margin-left: 3vw;}

.personage-boxmin{height: 8vw;width: 6vw;display: flex;flex-direction: column;align-items: center;margin-bottom: 1vw;}
.personage-headbox{height: 5vw;width: 5vw;}
.personage-tagbox{height: 4.8vw;width: 1.2vw;position: absolute; display: flex;flex-direction: column-reverse;}
.personage-tag{height: 1.2vw;width: 1.2vw;background-size: contain;background-repeat: no-repeat; z-index: 1;}
.personage-tag a{height: 1.2vw;width: 1.2vw;z-index: 2;position: absolute;}
.personage-head{height: 5vw;width: 5vw;background-size:cover;background-image: url(img/head.png);border-radius: 50%;}
.personage-head a{height: 5vw;width: 5vw;border-radius: 50%;position: absolute;}
.personage-headname{height: 1vw;}
.personage-headname h1{font-family:arial;color: #FFFFFF;text-align: center;font-size:0.6vw;letter-spacing:0.02vw;font-weight:lighter;margin: 0;}

.tagvic{background-image: url(../org/img/vic00.png);}

#headAIJ{background-image: url(img/headaij2.png);}
#headAI0{background-image: url(img/ai0.png);}
#headhx{background-image: url(img/headhx.png);}
#Lans{background-image: url(img/Lans0.png)}
#Lala{background-image: url(img/Lalac.png)}

@media(max-width:1440px){body{background-image: url(img/0.png;)}.menu{width: 6.4vw;}.world{height: 6vw;width: 6vw;}h2{font-size:1.8vw;margin: 6vw 1.5vw;}.personage-box0{top:8%}.personage-box1{margin-left: 0vw;}.personage-headbox{height: 15vw;width: 15vw;}.personage-boxmin{height: 20vw;width: 18vw;margin-bottom: 2vw;}.personage-head{height: 15vw;width: 15vw;}.personage-head a{height: 15vw;width: 15vw;}.personage-headname{height: 3vw;}.personage-headname h1{font-size: 1.8vw;}.personage-tagbox{height: 14.4vw;width: 3.6vw;}.personage-tag{height: 3.6vw;width: 3.6vw;}.personage-tag a{height: 3.6vw;width: 3.6vw;}}