@charset "utf-8";
/* exhibitionと共通 */
.titarea{
	background-image: url(../images/bg_tit.webp);
	background-repeat: no-repeat;
	}
.titarea h1{
width:100%;
font-family: "Noto Serif JP", serif;
font-size: 2rem;
padding-left: 1rem;
line-height: 1.2;
}
.titarea p{
width:100%;
padding: 1rem;
display: flex;
justify-content: flex-end;
}
.titarea p img{
display: block;
height: 3rem;
width: auto;
}
/*artistここから*/
.search_area{
width: 90%;
margin: 0 auto;
}
.search_area ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 2rem;
}
.search_area li{
width: 20%;
text-align: center;
line-height: 1;
padding: 0.5rem;
}
.listarea{
width: 90%;
margin: 0 auto;
}
.listarea li.search_tit{
margin: 2rem 0 0;
display: flex;
justify-content: space-around;
}
.listarea_artistList{
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: center;
}
.listarea_artistList li{
border: #DCDCDC solid 1px;
padding: 1rem;
max-height: 100vh;
margin: 2rem 0;
width: 100%;
}

.artistList_Solo h2{
font-size: 1.4rem;
font-weight: 400;
margin-bottom: 1rem;
line-height: 1.2;
}
.artistList_Solo h2 span{
color: #aaaaaa;
font-size: 1rem;
}
.artistList_Solo p{
margin-bottom: 2rem;
}
/**/
.artistList_Solo p.action {
text-align: center;
    max-width: 13%;
    height: auto;
    padding: 0;
				margin: 0 auto;
}

.btn_return a {
  display: block; 
  width: 160px;  
  height: 50px;  
  background-color: #cdcecd; 
  color: white; 
  text-decoration: none; 
  text-align: center;
  line-height: 40px; 
  padding-top: 10px; 
  box-sizing: border-box; 
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
		margin: 2rem auto;
}
.btn_return a:hover {
  background-color: #e6e0cb;
		}
/* ここからパソコン用画面の設定
------------------------------------------------------------*/
@media screen and (min-width:756px){
.titarea{
	display: flex;
	align-items: flex-end;
	background-image: url(../images/bg_tit.webp);
	background-repeat: no-repeat;
	}
.titarea h1{
width:70%;
font-family: "Noto Serif JP", serif;
font-size: 2rem;
padding-left: 1rem;
margin-bottom: 1rem;
margin-left: 10%;
}
.titarea p{
width:20%;
height: 150px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding: 1rem;
margin-right: 10%
}
.titarea p img{
display: block;
height: 3rem;
width: auto;
}
.search_area{
width: 70%;
margin: 0 auto;
}
.search_area li{
width: 9%;
text-align: center;
line-height: 1;
padding: 0.5rem;
}
.listarea{
width: 70%;
margin: 0 auto;
}
.listarea li.search_tit{
margin-top: 4rem;
display: flex;
justify-content: space-between;
}
.listarea_artistList{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
gap: 20px;
}
.listarea_artistList li{
border: #DCDCDC solid 1px;
padding: 2rem;
max-height: 100vh;
margin: 2rem 0;
width: 32%;
}

}