/*メニューバー*/
#menubar{
    width:100%; 
    position: fixed;
    top: 0px;
    z-index:10000;  /*x軸y軸z軸のz軸をめちゃ大きくする*/
}
#menubar ul{
    display:table;
    margin: 0 -10px 0 -10px; 
    padding: 0;
    background-color: #FFFFFF; }
#menubar li{
    display: table-cell;
    width:10%;
    padding:0;
    background-color: #c4d700; }
#menubar li a{
    display: block;
    margin:0 auto;
    padding:5px;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px; }
#menubar li a:hover{
    background-color: rgb(198, 192, 248);}

  nav li.currentj{
      border-bottom:10px solid #f49c2d;}
    /*メニューバー*/



/*中心を保つのとポインタを画像に変更する*/
body{
  background-color: #ffee7d;
  cursor:url(../image/icon.png) 30 30,auto;}



/* ----------------------------------------------------------
/* profile
---------------------------------------------------------- */
#character ul {
	width: 780px;
	display: table;
	}

#character ul li {
	width: 390px;
	text-align: center;
	display: table-cell;
	}

#character ul li .image {
	margin: 0 0 15px 0;
	}

@media (max-width: 768px){
#character ul {
	width: 80%;
	margin: auto;
	}

#character ul li {
	width: 50%;
	padding: 0 20px;
	}

#character ul li img {
	width: 100%;
	}
}

@media (max-width: 640px){
#character ul {
	width: 100%;
	}

#character ul li {
	padding: 0 10px;
	}
}