@charset "UTF-8";

/* ===================================
	File Name   : pencil.css
	Description : Colored Pencil Drawing Page Layout CSS
	Editor      : Bface Nakamura
	Last Editor : Bface Nakamura

	Update Description :
	[2025/10/28] 新規作成
====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Visual Setting

====================================== */



/*===== ■1. Individual Redefinition =====*/
#Header h1 {
	position: absolute;
	top: 85px;
	right: 15px;
}

#MainContents {
	width: 700px;
	padding: 20px;
	background: #fff;
	color: #000;
}

#MainContents .Section {
	width: 700px;
}

#MainContents a {
	color: #000;
}



/*===== ■2. Visual Setting =====*/
#MainContents .exhibition {
	margin: 0px 0px 30px 0px;
}

#MainContents .exhibition h2 {
	margin:0;
	color: #ab81d8;
	font-weight: bold;
	font-size: 145%;
}

/*
#MainContents .exhibition span {
	float: right;
}


#MainContents .exhibition span {
  display: block;
  margin-top: 20px;
}

#MainContents .exhibition span figure {
  margin-bottom: 20px;
}*/

/*

#MainContents .exhibition span img {
	display: inline;
	padding: 0px 0px 0px 10px;
}

*/

#MainContents .exhibition span > p {
	color: #000;
	font-size: 108%;
	margin-top: 10px;
}

#MainContents .exhibition span > p:first-of-type {
  text-align: right;
}

#MainContents #Info2025 {
	margin: 10px auto 30px;
}
#MainContents span {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: flex-start;
  row-gap: 20px;
}

#MainContents span a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#MainContents span figure {
  width: 180px;
  height: 180px;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 10px 0 30px 0;
}

#MainContents span figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*
#MainContents figure {
	display: inline-flex;
	flex-direction: column;
	margin: 0;
}
  */
  
#MainContents span figure figcaption {
  margin-top: 15px;
  text-align: center;
}

#MainContents a:has(figure) {
	text-decoration: none;
}

.exhibition > p:last-of-type {
  margin: 10px 0;
  text-align: right;
}