div.cate{
	display: block;
	line-height: 1.2em;
}
div.rank{
  display: inline-block;
  font-weight: bold;
   color: #6fb7a9;
}
div.cnt{
  display: inline-block;
   color: #6fb7a9;
}
div.no{
  display: inline-block;
}


/* ----------------------------------------- */
@media only screen and (min-width: 550px) {
	div#list ul.detail{
	  max-width: 800px;
	  width: 100%;
	}
	div#list ul.detail li{
	  position: relative;
	  width: 150px;
	  height: 200px;
	}
	div#list ul.detail li a span.title{
	  position: absolute;
	  top: calc(200px - 3.2em);
	  left: 0;
	  width: 6.5em;
	  padding-left: 5px;
	}
	div#list ul.detail li a span.msg{
	  position: absolute;
	  top: calc(200px - 1.2em);
	  left: 0;
	}
}
/* ----------------------------------------- */
@media only screen and (max-width: 549px) {
	div#list ul.detail{
	  width: 100%;
	}
	div#list ul.detail li{
	  position: relative;
	  width: 100px;
	  height: 150px;
	}
	div#list ul.detail li a span.title{
	  position: absolute;
	  top: calc(150px - 2em);
	  left: 0;
	  width: 3.5em;
	  padding-left: 5px;
	}
}





div.stuff{
  display: block;
  margin: 0 auto;
}
div.stuff img{
  display: inline-block;
  width: 250px;
  border-radius: 30px;
  margin-right: 20px;
}
div.stuff div.detail{
  display: inline-block;
  vertical-align:  top;
  max-width: 700px;
}
div.stuff div.detail span.roma{
  margin: 0 0 0 30px;
  color: #6fb7a9;
  font-size: 1.2em;
  vertical-align: super;
}
div.stuff div.detail p.sentence{
  margin: 10px 0 20px 0;
  line-height: 1.5em;
}
div.stuff div.detail div.like{
  margin: 10px 0;
}
div.stuff div.detail div.like ul{
  margin: 10px 0 0 10px;
  line-height: 1.2em;
}
div.stuff div.detail div.shikaku{
  margin: 20px 0;
  line-height: 1.2em;
  background: #ffffe0;
  border: 1px solid #B3BCA7;
  border-radius: 10px;
}
div.stuff div.detail div.shikaku ul{
  margin: 10px 0 10px 10px;
}
div.stuff div.detail div.shikaku ul li span.school{
  font-size: 80%;
}
div.stuff div.detail div.shikaku ul li span.date{
  display: inline-block;
  width: 3.8em;
  vertical-align: text-bottom;
}
div.stuff div.detail div.shikaku ul li span.name{
  display: inline-block;
}
@media only screen and (max-width: 549px) {
	div.stuff div.detail div.shikaku ul li span.name{
	  display: block;
	  margin: 0 0 5px 4em;
	}
}