@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;
}
.listarea{
width: 90%;
margin: 0 auto;
}
.listarea_age{
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
padding-bottom: 2rem;
}
.listarea_age h2{
font-size: 2.5rem;
}
.listarea_age p.action{
max-width: 20%;
height: auto;
padding: 0;
}
.listarea_TopList li{
border: #DCDCDC solid 1px;

padding: 2rem;
max-height: 100vh;
margin: 2rem 0;
}
.listarea_TopList li p.listarea_desc{
border-top: solid 1px #cccccc;
padding-top: 2rem;
}
/* ここからパソコン用画面の設定
------------------------------------------------------------*/
@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;
}

.listarea{
width: 60%;
margin: 0 auto;
}
.listarea_age{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding-bottom: 0rem;
}
.listarea_age h2{
font-size: 2.5rem;
}
.listarea_age p.action{
max-width: 30%;
height: auto;
padding: 3rem 0 0 0;
}
.listarea_TopList li{
border: #DCDCDC solid 1px;
display: grid;
grid-template-columns: 1fr 6fr;
gap: 2rem;
padding: 2rem;
max-height: 100vh;
margin: 2rem 0;
}
.listarea_TopList li p.listarea_desc{
border-top: none;
border-left: solid 1px #cccccc;
padding-left: 2rem;
}
}