@charset "utf-8";

/*----- map.html CSS -----*/

/* detail */
.detail{
  margin: 20px 30px 40px;
}
.detail p{
  text-align: left;
}
.detail p.head{
  font-size: 16px; font-weight: bold;
  border-bottom: 1px dotted #ccccff;
  padding: 5px 14px 0px;
}
.detail p.title{
  font-size: 14px;
  padding: 5px;
}
.detail p.text{
  padding: 0px 5px 0px 30px;
}
.detail li{
  margin: 20px; padding: 10px;
  border-radius: 10px;
}
.detail li.sub{
  margin-left: 50px;
}
@media(max-width:599px){/* for mobile */
  .detail p.text{
    font-size: 12px;
  }
  .detail li{
    margin: 20px 10px;
  }
  .detail li.sub{
    margin-left: 30px;
  }
}
.portal li{
  background: #e5e5ff;
}
.portal li.sub{
  background: #efefff;
}
.kuku li{
  background: #ffdbdb;
}
.kuku li.sub,
.game li.sub.kuku{
  background: #ffe5e5;
}
.shura li{
  background: #ead6ff;
}
.shura li.sub,
.game li.sub.shura{
  background: #f2e5ff;
}
.game li.cat{
  background: #efefff;
}
.detail a:link,
.detail a:visited,
.detail a:active{
	color: #7f7fff;
	text-decoration: none;
}
.detail a:hover{
	color: #ff7f7f;
	text-decoration: none;
}