@charset "utf-8";

.forSp {
	display: none;
}

.forPc {
	display: block;
}


/* メインイメージ */
.maimImg {
	margin-top: 3vw;
	margin-bottom: 3vw;
}

.maimImg img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}


/* タイトル */
h1 {
	font-size: 3.2vw;
	font-weight: 900;
	color: #333;
	font-family: Noto Serif JP, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	letter-spacing: 0.06em;
	margin-bottom: 3vw;
}

.red {
	font-size: 3.2vw;
	font-weight: 900;
	color: #C00;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	letter-spacing: 0.06em;
}

/* リード文　日程 */
.lead_schedule {
	display: flex;
	flex-direction: row-reverse;
}

.leadTxt {
	font-size: 1.2vw;
	line-height: 200%;
	width: 60%;
	padding-right: 3%;
}

.scheduleArea {
	width: 37%;
	padding-left: 2vw;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #4693CB;
	margin-bottom: 6vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
}

.scheduleTxt {
	font-size: 2vw;
	line-height: 190%;
	font-weight: 500;
	color: #4693CB;
}

.scheduleTxtBold {
	font-size: 136%;
	font-weight: 700;
}

/* 2コラム（展示作品） */
.twoColumns {
	display: flex;
	margin-bottom: 3vw;
}

.twoColumnsSpace8 {
	display: flex;
	margin-bottom: 8vw;
}

.circle {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8vw;
	font-weight: 300;
	color: #FFF;
	background-color: #536D89;
	text-align: center;
	height: 12vw;
	width: 12vw;
	border-radius: 6vw;
	margin-right: 5vw;
}

.rightCont {
	width: 66vw;
}

.artArea {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3vw;
}

.artArea img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
	padding-bottom: 0.5vw;
}

.artLeft {
	width: 56%;
}

.artRight {
	width: 36%;
}

.artTtl {
	font-size: 1.2vw;
	line-height: 140%;
	background-image: url(../../n_exhibition/202602_metaverse/images/Lupe.png);
	background-repeat: no-repeat;
	background-position: left 0.7vw;
	padding-left: 2.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.btmTxt {
	font-size: 1.3vw;
	line-height: 180%;
	margin-top: 3vw;
	width: 100%;
	margin-bottom: 8vw;
}

/* 記念イベント */
.eventArea {
	display: flex;
	justify-content: space-between;
}

.eventTxtArea {
	width: 65%;
}

h3 {
	font-size: 3vw;
	line-height: 120%;
	font-weight: 500;
	color: #3383BA;
	margin-bottom: 0.1em;
	padding-bottom: 0.2em;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #3383BA;
}

.eventDate {
	font-size: 2.4vw;
	font-weight: 500;
	color: #3383BA;
	padding-bottom: 1.4vw;
}

.dateLarge {
	font-size: 128%;
	font-weight: 600;
}

.eventTxt {
	font-size: 1.2vw;
	line-height: 170%;
	padding-bottom: 1.4em;
}

.eventImg {
	width: 32%;
	position: relative;
}

.img01 {
	height: 14.5vw;
	width: 14.5vw;
	position: absolute;
	top: 0px;
	right: 0px;
}

.img02 {
	height: 14.5vw;
	width: 14.5vw;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.img01 img,
.img02 img {
	height: auto;
	width: 100%;
	border: 4px solid #FFF;
	border-radius: 20px;
}

.imgName01 {
	font-size: 1.2vw;
	position: absolute;
	left: 0px;
	top: 0px;
}

.imgName02 {
	font-size: 1.2vw;
	position: absolute;
	right: 0px;
	bottom: 01vw;
}

/* 書籍 */
.booksArea {
	display: flex;
	justify-content: space-between;
}

.listArea {
	width: 65%;	
}

.booksTxt {
	font-size: 1.2vw;
	line-height: 170%;
	padding-bottom: 1.2vw;
}

.bookList {
	padding-top: 1.4vw;
	list-style-type: none;
}

.bookList li {
	font-size: 1.2vw;
	line-height: 130%;
	padding-bottom: 0.5em;
}

.booksImg {
	width: 32%;
}

.booksImg img {
	height: auto;
	width: 100%;
}

@media screen and (max-width: 767.98px){ /*768-992*/

.forSp {
	display: block;
}

.forPc {
	display: none;
}


/* メインイメージ */
.maimImg {
	margin-top: 3vw;
	margin-bottom: 3vw;
}

.maimImg img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}


/* タイトル */
h1 {
	font-size: 5vw;
	font-weight: 900;
	color: #333;
	font-family: Noto Serif JP, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	letter-spacing: 0.06em;
	margin-bottom: 5vh;
}

.red {
	font-size: 6vw;
	font-weight: 900;
	color: #C00;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	letter-spacing: 0.06em;
}

/* リード文　日程 */
.lead_schedule {
	display: block;
	flex-direction: row-reverse;
}

.leadTxt {
	font-size: 3.4vw;
	line-height: 180%;
	width: 90%;
	padding-right: 3%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8vh;
	text-align: justify;
}

.scheduleArea {
	width: 90%;
	padding-left: 2vw;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #4693CB;
	margin-bottom: 6vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	margin-right: auto;
	margin-left: auto;
}

.scheduleTxt {
	font-size: 5vw;
	line-height: 160%;
	font-weight: 500;
	color: #4693CB;
}

.scheduleTxtBold {
	font-size: 136%;
	font-weight: 700;
}

/* 2コラム（展示作品） */
.twoColumns {
	display: block;
	margin-bottom: 3vw;
}

.twoColumnsSpace8 {
	display: block;
	margin-bottom: 3vw;
}

.circle {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4vw;
	font-weight: 300;
	color: #FFF;
	background-color: #536D89;
	text-align: center;
	height: 26vw;
	width: 26vw;
	border-radius: 13vw;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5vh;
}

.rightCont {
	width: 76%;
	margin-right: auto;
	margin-left: auto;
}

.artArea {
	display: flex;
	 flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom: 2vh;
}

.artArea img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
	padding-bottom: 1vh;
}

.artLeft {
	width: 100%;
}

.artRight {
	width: 100%;
}

.artTtl {
	font-size: 3.7vw;
	line-height: 140%;
	background-image: url(../../n_exhibition/202602_metaverse/images/Lupe.png);
	background-repeat: no-repeat;
	background-position: left 1vh;
	background-size: 7%;
	padding-left: 2.3em;
	padding-top: 0.5em;
	padding-bottom: 10vh;
}

.btmTxt {
	font-size: 3.5vw;
	line-height: 180%;
	margin-top: 0vw;
	margin-bottom: 12vh;
}

/* 記念イベント */
.eventArea {
	display: block;
	justify-content: space-between;
}

.eventTxtArea {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

h3 {
	font-size: 6vw;
	line-height: 120%;
	font-weight: 500;
	color: #3383BA;
	margin-bottom: 0.1em;
	padding-bottom: 0.2em;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #3383BA;
}

.eventDate {
	font-size: 5.5vw;
	font-weight: 500;
	color: #3383BA;
	padding-bottom: 4vh;
}

.dateLarge {
	font-size: 128%;
	font-weight: 600;
}

.eventTxt {
	font-size: 3vw;
	line-height: 170%;
	padding-bottom: 5vh;
}

.eventImg {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 12vh;
	position: static;
}

.img01 {
	height: 50vw;
	width: 50vw;
	position: static;
	top: 0px;
	right: 0px;
}

.img02 {
	height: 50vw;
	width: 50vw;
	position: static;
	left: 0px;
	bottom: 0px;
}

.img01 img,
.img02 img {
	height: auto;
	width: 100%;
	border: 4px solid #FFF;
	border-radius: 20px;
}

.imgName01 {
	font-size: 3vw;
	position: static;
	left: 0px;
	top: 0px;
}

.imgName02 {
	font-size: 3vw;
	position: static;
	right: 0px;
	bottom: 01vw;
}

/* 書籍 */
.booksArea {
	display: block;
	justify-content: space-between;
}

.listArea {
	width: 100%;	
}

.booksTxt {
	font-size: 3vw;
	line-height: 170%;
	padding-bottom: 2vh;
}

.bookList {
	padding-top: 0vw;
	list-style-type: circle;
	margin-bottom: 5vh;
}

.bookList li {
	font-size: 3.5vw;
	line-height: 130%;
	padding-bottom: 1.2em;
}

.booksImg {
	width: 100%;
	margin-bottom: 14vh;
}

.booksImg img {
	height: auto;
	width: 100%;
}




}