@charset "UTF-8";


/* staffページ専用
-----------------------------------------*/
.view{
	cursor:pointer;
	text-decoration:underline;
}


article.reverse div p.name span {
    font-size: .8em;
    margin: 0 0 5px;
}
.grid {
  display: grid; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 2fr 1fr; 
  grid-template-rows: auto 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "name image"
    "article article"; 
  width: 100%; 
  height: 100%;
	border-bottom: 1px dotted;
}

.name { grid-area: name; }
.name p.staffname {}
.name p.capacity {
	font-size: 1.4rem;
}

.image { grid-area: image; }
.image img{
width: 100%;
}
.article { grid-area: article; }

.article p{
    border: 1px solid #42210B;
    padding: 5px 10px;
	margin: 10px 0;
	font-size: 1.4rem;
}
@media (min-width: 768px) {

.grid {
  display: grid; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 1fr 150px; 
  grid-template-rows: auto 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "name image"
    "article image"; 
  width: 100%; 
  height: 100%; 
}

.article p{
    border: 1px solid #42210B;
    padding: 5px 10px;
	margin: 10px 15px 10px 0;
}


}

@media (min-width: 850px) {


}