@charset "utf-8";
/* -----------------------------------------------------------------------
　準備中
--------------------------------------------------------------------------*/
.jyunbicyu {
	font-size:22px;
	text-align:center;
	color:#aaa;
	margin:150px 0 350px;
}

/* -----------------------------------------------------------------------
　当館について・コルビュジエについて　トップ
--------------------------------------------------------------------------*/
.page-wrap {
	padding:50px;
}


@media screen and (min-width:501px) and ( max-width:950px) {
	.page-wrap {
		padding:50px 30px;
	}
}

@media screen and (max-width: 500px) {
	.page-wrap {
		padding:55px 5% 40px;
	}
}

.tobira-title {
	font-size:32px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}

.tobira-subtitle-en {
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	margin-bottom:75px;
}

.tobira-left,
.tobira-right {
	transition: 0.2s ease-in-out;
}

@media print, screen and (min-width: 951px) {
	.tobira-inner {
		max-width:1200px;
		margin:0 auto;
		display:flex;
		justify-content: space-between;
	}
	.tobira-left {
		width:46%;
	}
	.tobira-right {
		width:49%;
		padding-top:5px;
	}
}

@media screen and (min-width:1001px) and ( max-width:1261px) {
	.tobira-left {
		width:49%;
	}
	.tobira-right {
		width:46%;
		padding-top:5px;
	}
}

@media screen and (min-width:951px) and ( max-width:1000px) {
	.tobira-left {
		width:52%;
	}
	.tobira-right {
		width:44%;
		padding-top:5px;
	}
}

@media screen and (max-width: 950px) {
	.tobira-inner {
		max-width:700px;
		margin:0 auto;
	}
	.tobira-left {
		margin-bottom:55px;
	}
}

.tobira-heading {
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-size:35px;
	line-height:1.3;
	margin:-0.1em 0 0.25em;
}

.tobira-sub-heading {
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-size:22px;
	line-height:1.3;
	padding-bottom: 0.8em;
	border-bottom:1px solid #000;
	margin-bottom:30px;
}

@media screen and (max-width: 1100px) {
	.tobira-title {
		font-size:30px;
	}
	.tobira-heading {
		font-size:32px;
	}
	.tobira-sub-heading {
		font-size:21px;
	}
}

.body-text {
	font-size:18px;
	line-height:1.9;
	text-align: justify;
	margin-bottom:22px;
}

.margin-bottom-large {
	margin-bottom:75px;
}

.margin-bottom-none {
	margin-bottom:0;
}

.body-text a {
	text-decoration:underline;
	color:#000;
	transition: 0.2s ease-in-out;
}

.body-text a:hover {
	color:#258fd7;
	text-decoration:underline;
	transition: 0.2s ease-in-out;
}

.body-signature {
	font-size:17.5px;
	line-height:1.85;
	text-align:right;
	margin:30px 0;
}

.tobira-img-01 {
	margin-bottom:28px;
}

.tobira-img-02 {
	max-width:460px;
	margin-bottom:28px;
}

.tobira-link-wrap {
	margin-top:50px;
}

.tobira-link-btn {
	display:block;
	border:1px solid #000;
	max-width:400px;
	padding:16px 40px 16px 21px;
	font-size:16px;
	color:#000;
	line-height:1.5;
	margin-bottom:20px;
	position:relative;
	transition: 0.4s ease-in-out;
}

.tobira-link-btn:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #000;
	position: absolute;
	top: 0;
	right: 22px;
	bottom: 0;
	margin: auto;
	transition: 0.4s ease-in-out;
}

.tobira-link-btn:hover {
	background:#a2cfee;
	transition: 0.4s ease-in-out;
}

.tobira-link-btn:hover:after {
	right: 15px;
	transition: 0.4s ease-in-out;
}

@media screen and (max-width: 700px) {
	.tobira-title {
		font-size:26px;
		margin-bottom:4px;
	}
	.tobira-subtitle-en {
		font-size:15px;
		margin-bottom:50px;
	}
	.tobira-heading {
		font-size:29px;
	}
	.tobira-sub-heading {
		font-size:18px;
	}
}

@media screen and (max-width: 500px) {
	.tobira-title {
		font-size:23px;
		margin-bottom:3px;
	}
	.tobira-subtitle-en {
		font-size:14.5px;
		margin-bottom:50px;
	}
	.tobira-heading {
		font-size:24px;
	}
	.tobira-sub-heading {
		font-size:17.5px;
	}
	.body-text {
		font-size:16px;
		line-height:1.7;
		margin-bottom:20px;
	}
	.body-signature {
		font-size:15.5px;
		margin:20px 0;
	}
	.margin-bottom-large {
		margin-bottom:50px;
	}
	.margin-bottom-none {
		margin-bottom:0;
	}
	.tobira-link-btn {
		padding:14px 35px 14px 17px;
		font-size:14.5px;
		margin-bottom:17px;
	}
	.tobira-link-btn:after {
		border-width: 7px 0 7px 10px;
		right: 19px;
	}
}

/* -------------------　日本語表記について　---------------------*/

.kakomi-wrap {
	max-width:1200px;
	margin:80px auto 50px;
}

.kakomi {
	max-width:1070px;
	border:1px solid #000;
	padding:40px 50px 25px;
}

.kakomi-title {
	font-size:18px;
	font-weight:bold;
	margin-bottom:30px;
}

.kakomi-text {
	font-size:16px;
	color:#333;
	line-height:1.7;
	text-align: justify;
	margin-bottom:18px;
}

@media screen and (max-width: 500px) {
	.kakomi-wrap {
		margin:50px auto 30px;
	}
	.kakomi {
		padding:20px 25px 14px;
	}
	.kakomi-title {
		font-size:16px;
		margin-bottom:25px;
	}
	.kakomi-text {
		font-size:15px;
	}
}

/* -------------------　リンク集　---------------------*/
.link-list-wrap {
	max-width:1200px;
	margin:90px auto 50px;
	border-top:1px solid #000;
	padding:60px 0 0;
}

.link-list-title {
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}

.link-list {
	max-width:880px;
	margin:0 auto;
}

.link-list li {
	display:inline;
}

.link-list li a {
	font-size:17px;
	line-height:2.7;
	white-space: nowrap;
	transition: 0.2s ease-in-out;
}

.link-list li a:hover {
	color:#258fd7;
	text-decoration:underline;
	transition: 0.2s ease-in-out;
}

@media screen and (max-width: 500px) {
	.link-list-wrap {
		margin:70px auto 20px;
		padding:40px 0 0;
	}
	.link-list-title {
		font-size:20px;
	}
	.link-list li a {
		font-size:15px;
		line-height:2;
	}
}

/* -----------------------------------------------------------------------
　展覧会など　トップ
--------------------------------------------------------------------------*/
.tobira-inner-single {
	max-width:1200px;
	margin:-15px auto 40px;
}

@media screen and (max-width: 500px) {
	.tobira-inner-single {
		margin:-10px auto 25px;
	}
}

.exhibition-box {
	border:1px solid #000;
}

@media print, screen and (min-width: 1201px) {
	.exhibition-box {
		padding:45px;
		display:flex;
		justify-content: space-between;
		margin-bottom:60px;
	}
	.exhibition-box-left {
		width:48%;
	}
	.exhibition-box-img-pc {
		width:48%;
	}
	.exhibition-box-img-sp {
		display:none !important;
	}
}

@media screen and (max-width: 1200px) {
	.exhibition-box {
		max-width:850px;
		padding:45px 60px 60px;
		margin:0 auto 50px;
	}
	.exhibition-box-img-pc  {
		display:none !important;
	}
}

.exhibition-box-img-pc,
.exhibition-box-img-sp {
	overflow:hidden;
}

.exhibition-box-img-pc img {
	width:100%;
	height:100%;
	object-fit: cover;
	transition: 0.4s ease-in-out;
}

.exhibition-box-img-sp img {
	transition: 0.4s ease-in-out;
} 

.exhibition-box-img-sp {
	margin-bottom:20px;
}

.vg-title-en {
	font-family: "Noto Serif JP", serif;
	font-size:36px;
	font-weight: 500;
	line-height:1;
	margin-bottom:5px;
}

.unbuilt-title-en {
	font-size:40px;
	font-weight:bold;
	line-height:1;
	margin-bottom:2px;
}

.exhibition-title {
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	padding-bottom:10px;
	border-bottom:1px solid #000;
	margin-bottom:24px;
}

.exhibition-name {
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-size:25px;
	line-height:1.5;
	margin-bottom:18px;
}

.exhibition-date {
	font-size:16.5px;
	letter-spacing:1px;
	margin-bottom:15px;
}

.exhibition-text {
	font-size:16px;
	line-height:1.8;
	text-align: justify;
}

.exhibition-link-btn {
	display:block;
	border:1px solid #000;
	max-width:320px;
	padding:16px 40px 16px 28px;
	font-size:15.5px;
	color:#000;
	letter-spacing:1px;
	line-height:1.5;
	margin:30px 0 0 auto;
	position:relative;
	transition: 0.4s ease-in-out;
}

.exhibition-link-btn-left {
	margin:40px auto;
}

.exhibition-link-btn:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #000;
	position: absolute;
	top: 0;
	right: 22px;
	bottom: 0;
	margin: auto;
	transition: 0.4s ease-in-out;
}

.exhibition-link-btn:hover {
	background:#a2cfee;
	transition: 0.4s ease-in-out;
}

.exhibition-link-btn:hover:after {
	right: 15px;
	transition: 0.4s ease-in-out;
}

@media screen and (max-width: 1200px) {
	.exhibition-link-btn {
		margin:40px auto 0;
	}
	.exhibition-link-btn-left {
		margin:40px auto;
	}
}

@media screen and (max-width: 700px) {
	.exhibition-box {
		padding:25px 30px 40px;
	}
	.vg-title-en {
		font-size:30px;
		margin-bottom:5px;
	}
	.unbuilt-title-en {
		font-size:34px;
		margin-bottom:2px;
	}
	.exhibition-title {
		font-size:14px;
	}
	.exhibition-name {
		font-size:23px;
	}
}

@media screen and (max-width: 500px) {
	.exhibition-box {
		padding:20px 5% 40px;
	}
	.vg-title-en {
		font-size:27px;
		margin-bottom:7px;
	}
	.unbuilt-title-en {
		font-size:31px;
		margin-bottom:4px;
	}
	.exhibition-name {
		font-size:20px;
	}
	.exhibition-date {
		font-size:16px;
	}
	.exhibition-text {
		font-size:15.5px;
	}
	.exhibition-link-btn {
		max-width:260px;
		padding:16px 40px 16px 19px;
		font-size:14px;
		letter-spacing:0;
	}
	.exhibition-link-btn:after {
		border-width: 7px 0 7px 10px;
		right: 15px;
	}
}

/* ---------------　展覧会など　トップ　エッセイ　--------------*/
#essay {
	scroll-margin-top: 40px;
}

@media screen and (max-width: 500px) {
	#essay {
		scroll-margin-top: 20px;
	}
}

.essay-box {
	max-width:1200px;
	margin:100px auto 0;
	padding:60px 100px 80px;
	border:1px solid #000;
}

.essay-title {
	font-size:25px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	margin-bottom:50px;
}

.essay-list {
	border-top:1px dotted #333;
}

.essay-list li {
	padding:14px 0 18px;
	text-align: justify;
	border-bottom:1px dotted #333;
}

.essay-list li a {
	display:block;
	font-size:17.5px;
	line-height:1.6;
	transition: 0.2s ease-in-out;
}

.essay-list li a span.katagaki {
	font-size:14.5px;
	transition: 0.2s ease-in-out;
}

.essay-list li a time.date {
	font-size:14.5px;
	color:#666;
	transition: 0.2s ease-in-out;
}

.essay-list li a:hover,
.essay-list li a:hover span.katagaki,
.essay-list li a:hover time.date {
	color:#258fd7;
	text-decoration:underline;
	transition: 0.2s ease-in-out;
}


@media print, screen and (min-width: 1201px) {
	.essay-br {
		display:none !important;
	}
}

@media screen and (max-width: 1200px) {
	.essay-box {
		max-width:850px;
		margin:70px auto 0;
		padding:45px 70px 60px;
	}
	.essay-title {
		font-size:23px;
		margin-bottom:40px;
	}
	.essay-list li a {
		font-size:17px;
		line-height:1.6;
	}
}

@media screen and (max-width: 700px) {
	.essay-box {
		margin:70px auto 0;
		padding:45px 50px 45px;
	}
	.essay-title {
		font-size:22px;
		margin-bottom:35px;
	}
	.essay-list li a {
		font-size:16px;
	}
}

@media screen and (max-width: 500px) {
	.essay-box {
		margin:60px auto 0;
		padding:40px 6% 40px;
	}
	.essay-title {
		font-size:18px;
		margin-bottom:30px;
	}
	.essay-list li a {
		font-size:15px;
	}
	.essay-list li a span.katagaki {
		font-size:13px;
	}
}

/* ---------------　展覧会など　過去の活動ボタン　--------------*/
.next-btn {
	display:block;
	border:1px solid #000;
	width:350px;
	padding:18px 40px 18px 20px;
	font-size:17px;
	color:#000;
	letter-spacing:1px;
	text-align:center;
	line-height:1.5;
	margin:85px auto 0;
	position:relative;
	transition: 0.4s ease-in-out;
}

.next-btn:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #000;
	position: absolute;
	top: 0;
	right: 22px;
	bottom: 0;
	margin: auto;
	transition: 0.4s ease-in-out;
}

.next-btn:hover {
	background:#a2cfee;
	transition: 0.4s ease-in-out;
}

.next-btn:hover:after {
	right: 15px;
	transition: 0.4s ease-in-out;
}

@media screen and (max-width: 1200px) {
	.next-btn {
		width:320px;
		margin:65px auto 0;
	}
}
@media screen and (max-width: 500px) {
	.next-btn {
		width:100%;
		margin:60px auto 0;
	}
}

/* -----------------------------------------------------------------------
　コレクション　トップ
--------------------------------------------------------------------------*/
.collection-inner-wrap {
	max-width:1460px;
	margin:-15px auto 0;
}

@media screen and (max-width: 500px) {
	.collection-inner-wrap {
		margin:-10px auto 0;
	}
}

.collection-lead-wrap {
	max-width:640px;
	margin:0 auto 120px;
}

.collection-lead {
	font-size:17px;
	line-height:1.8;
	text-align: justify;
}

@media print, screen and (min-width: 1201px) {
	.collection-index-wrap {
		display:flex;
		flex-wrap: wrap;
	}
	.collection-index-category-box {
		width:50%;
		border-right:1px solid #666;
		margin-bottom:130px;
	}
	.collection-index-category-box:nth-child(2n+1) {
		border-left:1px solid #666;
	}
}
@media screen and (max-width: 1200px) {
	.collection-lead-wrap {
		margin:0 auto 90px;
	}
	.collection-index-wrap {
		max-width:800px;
		margin:0 auto;
	}
	.collection-index-category-box {
		padding:50px 0 60px;
		border-bottom:1px solid #666;
	}
	.collection-index-category-box:first-child {
		border-top:1px solid #666;
	}
}

.collection-index-category-name {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:1;
	margin-bottom:20px;
	transition: 0.4s ease-in-out;
}

.collection-index-category-inner {
	display:flex;
	justify-content: space-between;
	padding:0 12%;
	margin-bottom:40px;
	transition: 0.4s ease-in-out;
}

@media screen and (min-width:1201px) and (max-width:1400px) {
	.collection-index-category-inner {
		padding:0 10%;
		transition: 0.4s ease-in-out;
	}
}

@media screen and (max-width: 1200px) {
	.collection-index-category-name {
		font-size:22px;
		margin-bottom:70px;
		transition: 0.4s ease-in-out;
	}
	.collection-index-category-inner {
		padding:0 6%;
		margin-bottom:60px;
		transition: 0.4s ease-in-out;
	}
}

.collection-index-artwork-box {
	width:40%;
	display:flex;
	align-items: center;
	transition: 0.4s ease-in-out;
}

.collection-index-artwork-box-single {
	width:41%;
	margin:0 auto 40px;
	display:flex;
	align-items: center;
	transition: 0.4s ease-in-out;
}

@media screen and (max-width: 1200px) {
	.collection-index-artwork-box-single {
		width:45%;
		margin:0 auto 60px;
	}
}

@media print, screen and (min-width: 1561px) {
	.collection-index-artwork-box,
	.collection-index-artwork-box-single {
		height:380px;
	}
}

@media screen and (min-width:1201px) and (max-width:1560px) {
	.collection-index-artwork-box,
	.collection-index-artwork-box-single {
		height:24.3589vw;
	}
}

@media screen and (min-width:1201px) and (max-width:1400px) {
	.collection-index-artwork-box {
		width:42%;
		transition: 0.4s ease-in-out;
	}
	.collection-index-artwork-box-single {
		width:48%;
		transition: 0.4s ease-in-out;
	}
}

.tate90 {
	width:90%;
	margin:0 auto;
}

.tate85 {
	width:85%;
	margin:0 auto;
}

.tate80 {
	width:80%;
	margin:0 auto;
}

.tate75 {
	width:75%;
	margin:0 auto;
}

figcaption.artwork-caption {
	padding-top:5px;
	font-size:13px;
	line-height:1.45;
	transition: 0.4s ease-in-out;
}

@media screen and (max-width: 800px) {
	.collection-lead-wrap {
		margin:0 auto 65px;
	}
	.collection-index-category-inner {
		padding:0 4%;
	}
	.collection-index-artwork-box-single {
		width:52%;
		transition: 0.4s ease-in-out;
	}
}

@media screen and (max-width:500px) {
	.collection-lead-wrap {
		margin:0 auto 50px;
	}
	.collection-lead {
		font-size:16px;
		line-height:1.8;
	}
	.collection-index-category-name {
		font-size:19px;
		margin-bottom:50px;
	}
	.collection-index-category-inner {
		padding:0 3%;
		margin-bottom:37px;
	}
	.collection-index-artwork-box {
		width:43%;
		transition: 0.4s ease-in-out;
	}
	.collection-index-artwork-box-single {
		width:57%;
		margin:0 auto 37px;
		transition: 0.4s ease-in-out;
	}
	figcaption.artwork-caption {
		padding-top:4px;
		font-size:12px;
	}
}

.collection-index-artwork-box a,
.collection-index-artwork-box-single a {
	transition: 0.4s ease-in-out;
}

.collection-index-artwork-box a:hover,
.collection-index-artwork-box-single a:hover {
	opacity:0.8;
	transform:scale(1.03,1.03);
	transition: 0.4s ease-in-out;
}

.collection-index-artwork-box a:hover .artwork-caption,
.collection-index-artwork-box-single a:hover .artwork-caption {
	color:#258fd7;
	transition: 0.4s ease-in-out;
}

/* ------------------　コレクション カテゴリー　リンクボタン　----------------------*/

.collection-index-link-btn {
	position:relative;
	display:block;
	width:240px;
	height:48px;
	background:#000;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:48px;
	padding-right:20px;
	margin:30px auto 0;
	transition: 0.2s ease-in-out;
}

.collection-index-link-btn:after {
	content: '';
	width: 9px;
	height: 9px;
	border: 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 19px;
	bottom: 0;
	margin: auto;
	transition: 0.2s ease-in-out;
}

@media print, screen and (min-width: 501px) {
	.collection-index-link-btn:hover {
		background:#258fd7;
		transition: 0.4s ease-in-out;
	}
	.collection-index-link-btn:hover:after {
		right: 15px;
		transition: 0.4s ease-in-out;
	}
}

@media screen and (max-width:500px) {
	.collection-index-link-btn {
		width:240px;
		height:48px;
		font-size:13px;
		line-height:48px;
	}
}


/* -----------------------------------------------------------------------
　コレクション　カテゴリートップ
--------------------------------------------------------------------------*/
.collection-catetop-wrap {
	padding:10px 50px 30px;
}


@media screen and (min-width:501px) and ( max-width:950px) {
	.collection-catetop-wrap {
		padding:10px 30px 30px;
	}
}

@media screen and (max-width: 500px) {
	.collection-catetop-wrap {
		padding:15px 5% 30px;
	}
}

.collection-cate-title {
	font-size:33px;
	font-weight:bold;
	line-height:1;
	margin-bottom:140px;
}

@media screen and (max-width:1300px) {
	.collection-cate-title {
		font-size:32px;
		margin-bottom:100px;
	}
}

@media screen and (max-width:1000px) {
	.collection-cate-title {
		font-size:30px;
		margin-bottom:70px;
	}
}

@media screen and (max-width:800px) {
	.collection-cate-title {
		font-size:26px;
		margin-bottom:60px;
	}
}

@media screen and (max-width:500px) {
	.collection-cate-title {
		font-size:24px;
		margin-bottom:40px;
	}
}

@media print, screen and (min-width: 1001px) {
	.collection-cate-inner-wrap {
		max-width:1400px;
		margin:50px auto 30px;
		padding:0 30px;
		display:flex;
		justify-content: space-between;
	}
	.collection-cate-body-wrap {
		width:43%;
		border-right:1px solid #333;
		padding-right:5%;
	}
	.cate-collection-wrap {
		width:52%;
	}
}

@media screen and (min-width:1201px) and (max-width:1300px) {
	.collection-cate-inner-wrap {
		padding:0;
	}
	.collection-cate-body-wrap {
		width:44%;
	}
	.cate-collection-wrap {
		width:50%;
	}
}

@media screen and (min-width:1001px) and (max-width:1200px) {
	.collection-cate-inner-wrap {
		padding:0;
	}
	.collection-cate-body-wrap {
		width:48%;
	}
	.cate-collection-wrap {
		width:46%;
	}
}

@media screen and (max-width:1000px) {
	.collection-cate-inner-wrap {
		margin:30px auto 0;
	}
	.collection-cate-body-wrap {
		padding-bottom:40px;
		border-bottom:1px solid #333;
		margin-bottom:90px;
	}
}

@media screen and (max-width:700px) {
	.collection-cate-inner-wrap {
		margin:20px auto 10px;
	}
	.collection-cate-body-wrap {
		padding-bottom:30px;
		margin-bottom:50px;
	}
}

@media screen and (max-width:500px) {
	.collection-cate-inner-wrap {
		margin:10px auto 10px;
	}
}

.collection-body-text {
	font-size:18px;
	line-height:2;
	text-align: justify;
	margin-bottom:40px;
}

@media screen and (max-width:580px) {
	.collection-body-text {
		font-size:17px;
	}
}
@media screen and (max-width:500px) {
	.collection-body-text {
		font-size:16px;
		line-height:1.85;
	}
}

.cate-collection-list {
	display:flex;
	flex-wrap: wrap;
}

.cate-artwork-item {
	display:flex;
	align-items: center;
}

.tate-1 {
	width:80%;
	margin:0 auto;
}

.tate-2 {
	width:70%;
	margin:0 auto;
}

@media print, screen and (min-width: 1301px) {
	.cate-artwork-item {
		width:28%;
		margin:0 4% 55px;
		transition: 0.2s ease-in-out;
	}
	.cate-artwork-item:nth-child(3n) {
    	margin-right:0;
	}
	.cate-artwork-item:nth-child(3n+1) {
    	margin-left:0;
	}
}

@media screen and (min-width:1201px) and (max-width:1300px) {
	.cate-artwork-item {
		width:30%;
		margin:0 2.5% 55px;
		transition: 0.2s ease-in-out;
	}
	.cate-artwork-item:nth-child(3n) {
    	margin-right:0;
	}
	.cate-artwork-item:nth-child(3n+1) {
    	margin-left:0;
	}
}

@media screen and (min-width:1001px) and (max-width:1200px) {
	.cate-artwork-item {
		width:42%;
		margin:0 8% 60px;
		transition: 0.2s ease-in-out;
	}
	.cate-artwork-item:nth-child(2n) {
    	margin-right:0;
	}
	.cate-artwork-item:nth-child(2n+1) {
    	margin-left:0;
	}
}

@media screen and (min-width:701px) and (max-width:1000px) {
	.cate-artwork-item {
		width:28%;
		margin:0 4% 55px;
		transition: 0.2s ease-in-out;
	}
	.cate-artwork-item:nth-child(3n) {
    	margin-right:0;
	}
	.cate-artwork-item:nth-child(3n+1) {
    	margin-left:0;
	}
}

@media screen and (max-width:700px) {
	.cate-artwork-item {
		width:42%;
		margin:0 8% 50px;
		transition: 0.2s ease-in-out;
	}
	.cate-artwork-item:nth-child(2n) {
    	margin-right:0;
	}
	.cate-artwork-item:nth-child(2n+1) {
    	margin-left:0;
	}
}

@media screen and (max-width:500px) {
	.cate-artwork-item {
		width:45%;
		margin:0 5% 30px;
		transition: 0.2s ease-in-out;
	}
}

.cate-artwork-item a {
	transition: 0.4s ease-in-out;
}

.cate-artwork-item a:hover {
	opacity:0.8;
	transform:scale(1.03,1.03);
	transition: 0.4s ease-in-out;
}

.cate-artwork-item a:hover .artwork-caption {
	color:#258fd7;
	transition: 0.4s ease-in-out;
}

.collection-cnt {
	padding-top:20px;
	font-size:13px;
}

/* ------------------　コレクション リンクボタン　----------------------*/
.foot-btn-wrap {
	text-align:center;
	padding:60px 0;
}

.link-btn {
	position:relative;
	display:inline-block;
	padding:18px 50px 18px 30px;
	background:#000;
	font-size:15px;
	letter-spacing:0.05em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:1.45;;
	transition: 0.2s ease-in-out;
}

.link-btn:after {
	content: '';
	width: 9px;
	height: 9px;
	border: 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 19px;
	bottom: 0;
	margin: auto;
	transition: 0.2s ease-in-out;
}

@media print, screen and (min-width: 501px) {
	.link-btn:hover {
		background:#258fd7;
		transition: 0.4s ease-in-out;
	}
	.link-btn:hover:after {
		right: 15px;
		transition: 0.4s ease-in-out;
	}
}

@media screen and (max-width:500px) {
	.foot-btn-wrap {
		padding:40px 0;
	}
	.link-btn {
		font-size:13px;
	}
}

/* -----------------------------------------------------------------------
　コレクション　パンくず
--------------------------------------------------------------------------*/
.breadcrumb {
	margin-bottom:70px;
}

.breadcrumb ol {
	 display: flex;
}

.breadcrumb li {
	position:relative;
}

.breadcrumb li + li {
	margin-left:36px;
}

.breadcrumb li + li::before {
	content:"";
    display:inline-block;
    width: 1px;
    height: 16px;
    background-color: black;
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    left: -19px;
}

.breadcrumb li a {
	font-size:16px;
	letter-spacing:0.1em;
	transition: 0.2s ease-in-out;
}

.breadcrumb-catetop li a {
	font-size:17px;
}

.breadcrumb li a:hover {
	color:#258fd7;
	text-decoration:underline;
	transition: 0.2s ease-in-out;
}

@media print, screen and (min-width: 1301px) {
	.breadcrumb-catetop {
		margin-bottom:50px;
	}
}

@media screen and (max-width: 1300px) {
	.breadcrumb-catetop {
		margin-bottom:40px;
	}
}

@media screen and (max-width: 1000px) {
	.breadcrumb {
		margin-bottom:30px;
	}
}

@media screen and (max-width: 700px) {
	.breadcrumb li + li::before {
		height: 15px;
	}
	.breadcrumb li a {
		font-size:15px;
	}
	.breadcrumb-catetop li a {
		font-size:16.5px;
	}
}

@media screen and (max-width: 500px) {
	.breadcrumb li + li::before {
		height: 14px;
	}
	.breadcrumb li a {
		font-size:14px;
	}
	.breadcrumb-catetop li a {
		font-size:16px;
	}
}


/* -----------------------------------------------------------------------
　コレクション　作品ページ
--------------------------------------------------------------------------*/
@media print, screen and (min-width: 1301px) {
	.collection-page-wrap {
		padding:10px 40px 40px;
	}
}

@media screen and (min-width:1001px) and ( max-width:1300px) {
	.collection-page-wrap {
		padding:10px 30px 40px 20px;
	}
}

@media screen and (min-width:701px) and ( max-width:1000px) {
	.collection-page-wrap {
		padding:10px 40px 40px;
	}
}

@media screen and (max-width: 700px) {
	.collection-page-wrap {
		padding:10px 35px 40px;
	}
}

@media screen and (max-width: 500px) {
	.collection-page-wrap {
		padding:15px 5% 30px;
	}
}

@media print, screen and (min-width: 1001px) {
	.artwork-title-wrap-sp {
		display:none !important;
	}
	.collection-page-inner-wrap {
		max-width:1400px;
		margin:50px auto 50px;
		padding:0 30px;
		display:flex;
		justify-content: space-between;
	}
	.collection-page-artwork-wrap {
		width:52%;
		padding:6px 5% 0 0;
	}
	.collection-page-body-wrap {
		width:48%;
	}
}
@media screen and (min-width:1001px) and ( max-width:1300px) {
	.collection-page-inner-wrap {
		padding:0 25px 0 25px;
	}
	.collection-page-artwork-wrap {
		padding:6px 4% 0 0;
	}
}

@media screen and (max-width: 1000px) {
	.artwork-title-wrap-pc {
		display:none !important;
	}
	.collection-page-inner-wrap {
		width:100%;
		padding:30px 0 30px;
		margin:0 auto 20px;
	}
	.collection-page-artwork-wrap {
		max-width:600px;
		margin:0 auto;
		margin-bottom:60px;
	}
	.collection-page-body-wrap {
		max-width:700px;
		margin:0 auto;
	}
}

@media screen and (max-width: 500px) {
	.collection-page-inner-wrap {
		padding:10px 0 30px;
		margin:0 auto 15px;
	}
}

.collection-page-artwork-yoko {
	width:100%;
}

.collection-page-artwork-tate-1 {
	width:85%;
	margin:0 auto;
}

.collection-page-artwork-tate-2 {
	width:67%;
	margin:0 auto;
}

.artwork-title-wrap-pc {
	margin-bottom:70px;
}

.collection-page-title {
	font-size:30px;
	font-weight:bold;
	letter-spacing:0.02em;
	line-height:1.4;
}

@media screen and (max-width:1400px) {
	.artwork-title-wrap-pc {
		margin-bottom:65px;
	}
	.collection-page-title {
		font-size:28px;
	}
}

@media screen and (max-width:1200px) {
	.artwork-title-wrap-sp {
		margin-bottom:65px;
	}
	.collection-page-title {
		font-size:27px;
	}
}

@media screen and (max-width:1000px) {
	.artwork-title-wrap-sp {
		margin-bottom:60px;
	}
	.collection-page-title {
		font-size:27px;
	}
}

@media screen and (max-width:600px) {
	.collection-page-title {
		font-size:25px;
	}
}

@media screen and (max-width:500px) {
	.artwork-title-wrap-sp {
		margin-bottom:40px;
	}
	.collection-page-title {
		font-size:22px;
	}
}

.artwork-desc-wrap {
	margin-bottom:50px;
}

/* ------------------　コレクション　作品詳細　-------------------*/

.artwork-spec {
	border:1px solid #aaa;
	padding:20px 30px;
}

dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

dt {
	width: 37%;
	padding: 6px 0;
	font-size:15px;
}

dd {
	width: 63%;
	padding: 6px;
	font-size:15px;
}

@media print, screen and (min-width: 481px) {
	.artwork-spec {
		max-width:400px;
	}
}

@media screen and (min-width:481px) and ( max-width:1000px) {
	.artwork-spec {
		margin:0 auto;
	}
}

@media screen and (max-width:480px) {
	.artwork-spec {
		width:100%;
	}
	dt,
	dd {
		font-size:14px;
	}
}

/* -----------------------------------------------------------------------
　下層ページ　基本デザイン
--------------------------------------------------------------------------*/
.page-inner {
	max-width:800px;
	margin:0 auto;
}

.page-inner-wide {
	max-width:960px;
	margin:0 auto;
}

.page-title {
	font-size:30px;
	font-weight:bold;
	display: flex;
	align-items: center;
	margin-bottom:80px;
}

.page-title:after {
    content: "";
    height: 1px; /* 線の高さ */
    flex-grow: 1; /* 横幅いっぱい */
    background-color: #000;
    margin-left: 20px;
}

.page-heading {
	font-size:24px;
	font-weight:bold;
	line-height:1.45;
	color:#000;
	position: relative;
	padding-left:25px;
	margin:80px 0 28px;
}

.page-heading-first {
	margin:0 0 28px;
}

.page-heading:before {
        background: #000;
        content: "";
        height: 25px;
        width: 10px;
        left: 0;
        position: absolute;
        top: 0.2em;
}

.page-heading span.small {
	font-size:18px;
	font-weight:normal;
	margin-left:8px;
}

@media screen and (max-width:700px) {
	.page-title {
		font-size:28px;
	}
	.page-heading {
		font-size:22px;
		padding-left:23px;
	}
	.page-heading:before {
		height: 23px;
	}
	.page-heading span.small {
		font-size:16px;
	}
}

@media screen and (max-width:500px) {
	.page-title {
		font-size:22px;
		margin-bottom:50px;
	}
	.page-heading {
		font-size:18px;
		padding-left:20px;
		margin:40px 0 25px;
	}
	.page-heading-first {
		margin:0 0 25px;
	}
	.page-heading:before {
		height: 19px;
	}
	.page-heading span.small {
		font-size:15px;
		margin-left:5px;
	}
}

figure.img-in-body {
	margin:40px 0;
}

figcaption {
	padding-top:7px;
	font-size:14px;
	line-height:1.5;
}

figcaption.align-right {
	text-align:right;
}

figcaption span.small {
	font-size:13px;
	letter-spacing:0.02em;
}

@media screen and (max-width:500px) {
	figure.img-in-body {
		margin:25px 0;
	}
	figcaption {
		font-size:13px;
	}
	figcaption span.small {
		font-size:12px;
	}
}

.vg-bnr {
	display:block;
	margin:50px 0;
	transition: 0.4s ease-in-out;
}

@media print, screen and (min-width: 601px) {
	.vg-bnr-sp {
		display:none !important;
	}
	.vg-bnr:hover {
		transform:scale(1.02,1.02);
		transition: 0.4s ease-in-out;
	}
}

@media screen and (max-width: 600px) {
	.vg-bnr-pc {
		display:none !important;
	}
}

/* -----------------------------------------------------------------------
　展示空間のCGについて
--------------------------------------------------------------------------*/
.img-3dmodels-wrap {
	display:flex;
	flex-wrap: wrap;
}

.img-3dmodel {
	width:49%;
	margin:0 1% 23px;
}

.img-3dmodel:nth-child(2n) {
    margin-right:0;
}

.img-3dmodel:nth-child(2n+1) {
    margin-left:0;
}

@media screen and (max-width: 900px) {
	.img-3dmodel {
		margin:0 1% 15px;
	}
}

@media screen and (max-width: 600px) {
	.img-3dmodel {
		margin:0 1% 10px;
	}
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.movie-in-body {
	margin-bottom:120px;
}

.movie-in-body video {
	width:100%;
	vertical-align:bottom;
}

.img-wire {
	margin-bottom:50px;
}

@media screen and (max-width: 900px) {
	.movie-in-body {
		margin-bottom:80px;
	}
	.img-wire {
		margin-bottom:40px;
	}
}

@media screen and (max-width: 600px) {
	.movie-in-body {
		margin-bottom:50px;
	}
	.img-wire {
		margin-bottom:30px;
	}
}

/* -----------------------------------------------------------------------
　収蔵点数　テーブル
--------------------------------------------------------------------------*/
.collection-number-table {
	max-width:500px;
	margin-bottom:30px;
}

table.collection-number {
	width:100%;
	border-collapse:  collapse;
}

table.collection-number th,
table.collection-number td {
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	padding:15px 5px;
	vertical-align: middle;
}

table.collection-number th {
	text-align:left;
	font-size:16px;
}

table.collection-number th small {
	font-size:14px;
}

table.collection-number td {
	text-align:right;
	font-size:17px;
	white-space: nowrap;
}

@media screen and (max-width:500px) {
	.collection-number-table {
		margin-bottom:20px;
	}
	table.collection-number th {
		font-size:14.5px;
	}
	table.collection-number th small {
		font-size:13px;
	}
	table.collection-number td {
		font-size:15px;
		white-space: nowrap;
	}
}

/* -----------------------------------------------------------------------
　世界文化遺産
--------------------------------------------------------------------------*/
@media print, screen and (min-width: 1001px) {
	.heritage-top-wrap {
		max-width:1400px;
		margin:50px auto 30px;
	}
	.heritage-top-wrap-inner {
		display:flex;
		justify-content: space-between;
	}
	.heritage-top-body-wrap {
		width:38%;
	}
	.heritage-all-wrap {
		width:55%;
	}
	.heritage-body-text-sp {
		display:none !important;
	}
}

@media screen and (min-width:1001px) and (max-width:1400px) {
	.heritage-top-body-wrap {
		width:40%;
	}
}

@media screen and (max-width:1000px) {
	.heritage-top-body-wrap {
		margin-bottom:70px;
	}
	.heritage-body-text-pc {
		display:none !important;
	}
}

.heritage-all-title {
	font-size:20px;
	font-weight:bold;
	line-height:1;
	color:#000;
	margin-bottom:25px;
}

@media print, screen and (min-width: 501px) {
	.heritage-list {
		display:flex;
		flex-wrap: wrap;
	}
}

.heritage-item a {
	display:block;
	border-top:1px solid #000;
	border-left:1px solid #000;
	padding:24px 0 0 28px;
	transition: 0.4s ease-in-out;
}

.heritage-item a img {
	transition: 0.4s ease-in-out;
}

.heritage-item a:hover {
	transform:scale(1.02,1.02);
	background:#dfecf5;
	transition: 0.4s ease-in-out;
}

.heritage-item a:hover img {
	opacity:0.9;
	transition: 0.4s ease-in-out;
}

@media print, screen and (min-width: 1001px) {
	.heritage-item {
		width:46%;
		margin:0 4% 50px;
		transition: 0.2s ease-in-out;
	}
	.heritage-item:nth-child(2n) {
    	margin-right:0;
	}
	.heritage-item:nth-child(2n+1) {
    	margin-left:0;
	}
}

@media screen and (min-width:801px) and (max-width:1000px) {
	.heritage-item {
		width:30%;
		margin:0 2.5% 50px;
		transition: 0.2s ease-in-out;
	}
	.heritage-item:nth-child(3n) {
    	margin-right:0;
	}
	.heritage-item:nth-child(3n+1) {
    	margin-left:0;
	}
}

@media screen and (min-width:501px) and (max-width:800px) {
	.heritage-item {
		width:46%;
		margin:0 4% 50px;
		transition: 0.2s ease-in-out;
	}
	.heritage-item:nth-child(2n) {
    	margin-right:0;
	}
	.heritage-item:nth-child(2n+1) {
    	margin-left:0;
	}
}

@media screen and (min-width:501px) and (max-width:650px) {
	.heritage-item {
		width:47%;
		margin:0 3% 40px;
	}
}

@media screen and (max-width:500px) {
	.heritage-item {
		margin-bottom:40px;
		transition: 0.2s ease-in-out;
	}
}

.heritage-link-title {
	font-size:17px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:5px;
}

.heritage-link-title small {
	font-size:16px;
	font-weight:bold;
}

.heritage-link-nation {
	font-size:16px;
	margin-bottom:25px;
}

@media screen and (max-width:700px) {
	.heritage-all-title {
		font-size:19px;
	}
	.heritage-link-title {
		font-size:16px;
	}
	.heritage-link-title small {
		font-size:15px;
	}
	.heritage-link-nation {
		font-size:15px;
	}
}

@media screen and (max-width:500px) {
	.heritage-all-title {
		font-size:18px;
	}
	.heritage-link-title {
		font-size:15.5px;
	}
	.heritage-link-title small {
		font-size:14.5px;
	}
	.heritage-link-nation {
		font-size:14.5px;
	}
}

/* -------------------　世界遺産　引用　-----------------------*/
.blockquote-heritage {
	margin:35px 0;
	padding:30px 35px 15px 45px;
	background:#f3f3f3;
}

ol.heritage-list li {
	font-size:17px;
	line-height:1.8;
	text-align: justify;
	text-indent:-15px;
	padding-left:15px;
	margin-bottom:20px;
}

ol.heritage-list li span {
	display:inline-block;
	font-size:17.5px;
	width:15px;
}

@media screen and (max-width:500px) {
	.blockquote-heritage {
		padding:25px 30px 10px 40px;
	}
	ol.heritage-list li {
		font-size:16px;
		text-indent:-12px;
		padding-left:12px;
	}
	ol.heritage-list li span {
		width:12px;
	}
}

/* -----------------------------------------------------------------------
　お問い合わせ
--------------------------------------------------------------------------*/
.contact-caution-box {
	max-width:700px;
	margin:0 auto 60px;
	border:1px solid #c00;
	padding:25px 40px;
}

.contact-caution-text {
	font-size:16px;
	color:#c00;
	line-height:1.9;
}

.info-list {
	display:block;
	width: 100%;
	max-width:700px;
	margin: 30px auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	padding:30px 0;
}

.info-list dt {
	font-size: 19px;
	font-weight: bold;
	line-height:1.7;
	width:100%;
}

.info-list dd {
	font-size: 19px;
	line-height:1.7;
	margin: 0 0 1em 0; /* 下にスペース */
	width:100%;
}

.info-list dd a {
	text-decoration:underline;
	transition: 0.2s ease-in-out;
}

.info-list dd a:hover {
	color:#258fd7;
	transition: 0.2s ease-in-out;
}

@media print, screen and (min-width: 701px) {
	.info-list {
		display: flex;
		flex-wrap: wrap;
	}
	.info-list dt,
	.info-list dd {
		margin: 0 0 0.6em 0;
	}
	.info-list dt {
		flex: 0 0 10em; /* 左カラム固定 */
		font-weight: bold;
	}
	.info-list dd {
		flex: 1 0 calc(100% - 10em); /* 右カラム可変 */
	}
}

@media screen and (max-width:500px) {
	.contact-caution-box {
		margin:0 auto 40px;
		padding:18px 25px;
	}
	.contact-caution-text {
		font-size:15px;
	}
	.info-list dt {
		font-size: 17px;
	}
	.info-list dd {
		font-size: 17px;
	}
}

/* -----------------------------------------------------------------------
　沿革
--------------------------------------------------------------------------*/
.history {
	display:block;
	width: 100%;
	margin: 90px auto 60px;
}

.history dt {
	font-size: 18px;
	font-weight:bold;
	line-height:1.7;
	letter-spacing:0.02em;
	width:100%;
}

.history dd {
	font-size: 18px;
	line-height:1.7;
	width:100%;
}

@media print, screen and (min-width: 701px) {
	.history {
		display: flex;
    	flex-wrap: wrap;
	}
	.history dt,
	.history dd {
		padding: 0.6em 0;
	}
	.history dt:first-of-type {
		padding: 0 0 0.6em 0;
	}
	.history dd:first-of-type {
		padding: 0 0 0.6em 2em;
	}
	.history dt:last-of-type {
		padding: 0.6em 0 0 0;
	}
	.history dd:last-of-type {
		padding: 0.6em 0 0 2em;
	}
	.history dt {
		flex: 0 0 7em; /* 左カラム固定 */
		border-right:1px solid #999;
		position:relative;
	}
	.history dd {
		flex: 1 0 calc(100% - 7em); /* 右カラム可変 */
		padding-left:2em;
	}
}

@media screen and (max-width:700px) {
	.history {
		margin: 50px auto 30px;
	}
	.history dt,
	.history dd {
		padding: 0 0;
	}
	.history dd {
		margin-bottom:17px;
	}
}

@media screen and (max-width:500px) {
	.history dt {
		font-size: 16px;
	}
	.history dd {
		font-size: 16px;
	}
}

/* -----------------------------------------------------------------------
　エッセイ・論考
--------------------------------------------------------------------------*/
.essay-corner-title {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin-bottom:50px;
}

.essay-wrap {
	max-width:920px;
	margin:0 auto;
	border:1px solid #333;
	border-radius:20px;
	padding:50px 70px 70px;
}

.essay-date {
	display: block;
	font-size:15px;
	letter-spacing:0.02em;
	margin-bottom:8px;
}

.essay-page-title {
	font-size:29px;
	font-weight:bold;
	letter-spacing:0.02em;
	margin-bottom:45px;
}

.essay-author {
	font-size:18px;
	text-align:right;
	padding-bottom:30px;
	border-bottom:1px dotted #333;
	margin-bottom:40px;
}

@media screen and (max-width:1000px) {
	.essay-corner-title {
		margin-bottom:35px;
	}
	.essay-wrap {
		padding:50px 60px 60px;
	}
	.essay-page-title {
		font-size:28px;
	}
}

@media screen and (max-width:800px) {
	.essay-title-br {
		display:none !important;
	}
	.essay-corner-title {
		margin-bottom:30px;
	}
	.essay-wrap {
		padding:40px 8% 50px;
	}
	.essay-page-title {
		font-size:25px;
	}
	.essay-author {
		font-size:16px;
	}
}

@media screen and (max-width:500px) {
	.essay-corner-title {
		font-size:19px;
		margin-bottom:30px;
	}
	.essay-wrap {
		padding:25px 6% 30px;
	}
	.essay-date {
		font-size:14px;
	}
	.essay-page-title {
		font-size:20px;
		margin-bottom:25px;
	}
	.essay-author {
		font-size:15px;
		padding-bottom:25px;
		margin-bottom:25px;
	}
}

/* -----------　エッセイ　注意書き　---------------*/
.essay-heading {
	font-size:22px;
	font-weight:bold;
	margin:60px 0 20px;
}

.essay-sub-heading {
	font-size:19px;
	font-weight:bold;
	margin:40px 0 20px;
}

@media screen and (max-width:700px) {
	.essay-heading {
		font-size:20px;
	}
	.essay-sub-heading {
		font-size:18px;
		margin:30px 0 20px;
	}
}

@media screen and (max-width:500px) {
	.essay-heading {
		font-size:18px;
	}
	.essay-sub-heading {
		font-size:16px;
	}
}

.essay-heading span.small {
	font-size:0.7em;
	font-weight:bold;
}

.body-text span.small {
	font-size:0.75em;
	margin:0 0.2em;
}

.body-text span.small2 {
	font-size:0.9em;
}

.foot-note-wrap {
	margin-top:60px;
}

.foot-note-title {
	font-size:15px;
	margin-bottom:10px;
}

.foot-note-text {
	font-size:14px;
	text-align: justify;
	margin-bottom:10px;
	text-indent:-2.65em;
	padding-left:2.65em;
}

.foot-note-text02 {
	font-size:14px;
	text-align: justify;
	margin-bottom:10px;
	text-indent:-2.2em;
	padding-left:2.2em;
}

.foot-note-prof-name {
	font-size:15px;
	margin-bottom:3px;
}

.foot-note-prof-text {
	font-size:14px;
	text-align: justify;
}

@media screen and (max-width:500px) {
	.foot-note-wrap {
		margin-top:45px;
	}
	.foot-note-title {
		font-size:14px;
	}
	.foot-note-text,
	.foot-note-text02 {
		font-size:13px;
	}
}

/* -----------　文中画像　---------------*/
.icon-inline-01,
.icon-inline-02 {
	display:inline;
	margin:0 2px;
	vertical-align:middle;
}

.icon-inline-01 {
	width:1.6em;
}

.icon-inline-02 {
	width:2.1em;
}

/* -----------　並列画像　---------------*/
@media print, screen and (min-width: 701px) {
	.img-2col-inner {
		display:flex;
		justify-content: space-between;
	}
	.img-essay04-02 {
		width:54.5%;
	}
	.img-essay04-03 {
		width:44%;
	}
	.img-essay04-07 {
		width:52.2%;
	}
	.img-essay04-08 {
		width:46.45%;
	}
	.img-essay04-09 {
		width:63%;
	}
	.img-essay04-10 {
		width:35.5%;
	}
}

@media screen and (max-width:700px) {
	.img-essay04-02,
	.img-essay04-07,
	.img-essay04-09 {
		margin-bottom:17px;
	}
}

.img-essay04-05 {
	max-width:320px;
}

.img-essay04-12 {
	max-width:500px;
}

/* -----------　エッセイ05 動画　---------------*/
.mov-kato-01,
.mov-kato-02 {
	position:relative;
	padding:62.5% 0 0 0;
}

.mov-kato-01 iframe,
.mov-kato-02 iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.mov-kato-01 {
	margin-bottom:60px;
}

.mov-kato-02 {
	margin-bottom:80px;
}

@media screen and (max-width:500px) {
	.mov-kato-01 {
		margin-bottom:30px;
	}
	.mov-kato-02 {
		margin-bottom:50px;
	}
}

/* -----------　エッセイ05 表　---------------*/
.essay05-table-title {
	font-size:17px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

.essay05-table {
	max-width:660px;
	margin:0 auto;
}

@media screen and (max-width:500px) {
	.essay05-table-title {
		font-size:15px;
	}
}

/* -----------　エッセイ08 画像　---------------*/
.essay-08-wrap {
	padding:20px 0 10px 40px;
}

.img-essay-08-01 {
	max-width:140px;
}

.img-essay-08-02 {
	max-width:180px;
}

.img-essay-08-03 {
	max-width:220px;
}

.img-essay-08-05 {
	margin-top:30px;
	max-width:220px;
}

.img-essay-08-06 {
	max-width:160px;
}

.img-essay-08-09 {
	margin-top:30px;
	max-width:180px;
}

.img-essay-08-11 {
	max-width:300px;
}

/* -----------------------------------------------------------------------
　活動記録　一覧
--------------------------------------------------------------------------*/
.archives-all-box {
	max-width:1160px;
	margin:0 auto;
	padding:50px 100px;
	border:1px solid #000;
}

.archives-all-title {
	font-size:28px;
	font-weight:bold;
	letter-spacing:0.05em;
	text-align:center;
	margin-bottom:50px;
}

@media (max-width: 1160px) {
	.archives-all-box {
		padding:40px 70px;
	}
	.archives-all-title {
		margin-bottom:40px;
	}
}

@media (max-width: 900px) {
	.archives-all-box {
		padding:30px 50px;
	}
	.archives-all-title {
		font-size:26px;
		margin-bottom:30px;
	}
}

@media (max-width: 600px) {
	.archives-all-box {
		padding:30px 5%;
	}
	.archives-all-title {
		font-size:23px;
		margin-bottom:20px;
	}
}

@media (max-width: 500px) {
	.archives-all-box {
		padding:20px 5%;
	}
	.archives-all-title {
		font-size:21px;
		margin-bottom:15px;
	}
}

.archive-list li {
	padding-bottom:25px;
	border-bottom:1px dotted #aaa;
	margin-bottom: 25px;
}

.archive-list li:first-child {
	border-top:1px dotted #aaa;
	padding-top:25px;
}

.archive-list li a {
	display: flex;
	gap: 2em;
	align-items: baseline;
	transition: 0.1s ease-in-out;
}

.archive-list li.no-link {
	display: flex;
	gap: 2em;
	align-items: baseline;
}

.archive-list time {
	font-size:17px;
	letter-spacing:0.05em;
	white-space: nowrap;
}

.archive-list .archive-title {
 	font-size:17px;
}

@media (max-width: 600px) {
	.archive-list li {
		padding-bottom:18px;
		margin-bottom: 18px;
	}
	.archive-list li:first-child {
		padding-top:18px;
	}
	.br-archive-list {
		display:none !important;
	}
	.archive-list li a {
		display: block;
		text-decoration: none;
	}
	.archive-list li.no-link {
		display: block;
	}
	.archive-list time {
		display: block;
		margin-bottom: 0.2em;
  		font-size: 15px;
		color: #555;
	}
	.archive-list .archive-title {
 		font-size:16px;
	}
}

.archive-list li a:hover time,
.archive-list li a:hover .archive-title {
	color:#258fd7;
	text-decoration:underline;
	transition: 0.1s ease-in-out;
}

/* -----------------------------------------------------------------------
　活動記録　記事ページ
--------------------------------------------------------------------------*/
.activity-article {
	max-width:850px;
	margin:10px auto 0;
}

.activity-header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	background:#efefef;
	padding:7px 20px;
	border-radius:6px;
	margin-bottom: 40px;
}

.article-category {
	font-size: 20px;
	font-weight: bold;
}

.article-date {
	font-size: 16px;
	letter-spacing:0.02em;
}

.activity-body {
	padding:0 10px;
}

figure.activity-top-img {
	margin-bottom:30px;
}

figure.activity-body-img-small {
	max-width:600px;
}

figure.activity-body-img-small2 {
	max-width:400px;
	margin:40px 0;
}

figure.activity-body-img-small3 {
	max-width:460px;
}

figure.activity-body-img-small4 {
	max-width:400px;
}

figure.activity-body-img-small5 {
	max-width:350px;
}

figure.activity-body-img-small6 {
	max-width:370px;
	margin-bottom:40px;
}

figure.activity-body-img-small7 {
	max-width:130px;
	margin-bottom:40px;
}

.activity-img-tate {
	max-width:350px;
	margin:0 auto;
}

.activity-body-inner {
	padding-bottom:15px;
	border-bottom:1px solid #aaa;
}

.activity-title-wrap {
	padding-bottom:25px;
	border-bottom:1px solid #aaa;
	margin-bottom:25px;
}

.activity-title {
	font-size:26px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
}

.activity-title span.normal {
	font-size:26px;
	font-weight:normal;
}

.activity-subtitle {
	font-size:20px;
	line-height:1.6;
}

.activity-heading {
	font-size:22px;
	font-weight:bold;
	line-height:1.5;
	margin:50px 0 15px;
}

.body-border-top {
	margin-top:40px;
	border-top:1px dotted #666;
	padding-top:20px;
}

.body-text-small {
	font-size:16px;
	line-height:1.9;
	text-align: justify;
	margin-bottom:30px;
}

.body-text-small span.bold {
	font-size:16px;
	font-weight:bold;
}

.body-text-kome {
	font-family: 'ヒラギノ角ゴ Pro W3','Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:16px;
	line-height:1.7;
	margin-bottom:30px;
}

.body-text-kome a {
	text-decoration:underline;
	color:#000;
	transition: 0.2s ease-in-out;
}

.body-text-kome a:hover {
	color:#258fd7;
	text-decoration:underline;
	transition: 0.2s ease-in-out;
}

.video-wrap {
	margin:40px 0;
	position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.body-copy-right {
	font-size:13px;
	margin:30px 0;
}

@media (max-width: 600px) {
	.activity-article {
		margin:0 auto;
	}
	.activity-header {
		padding:5px 12px;
		margin-bottom: 25px;
	}
	.article-category {
		font-size: 16px;
	}
	.article-date {
		font-size: 14px;
	}
	figure.activity-top-img {
		margin-bottom:20px;
	}
	.activity-img-tate {
		width:50%;
	}
	.activity-title-wrap {
		padding-bottom:16px;
	}
	.activity-title,
	.activity-title span.normal {
		font-size:20px;
		line-height:1.45;
	}
	.activity-subtitle {
		font-size:17px;
	}
	.activity-heading {
		font-size:18px;
		margin:35px 0 10px;
	}
	.body-text-small,
	.body-text-small span.bold {
		font-size:15px;
		line-height:1.7;
	}
	.body-text-kome {
		font-size:15px;
	}
	.video-wrap {
		margin:30px 0;
	}
	.body-copy-right {
		font-size:12px;
		margin:20px 0;
	}
}

.activity-body-list01 {
	margin:30px 0;
	background:#efefef;
	border-radius:15px;
	padding:29px 30px 17px;
}

.activity-body-list01 li {
	font-size:18px;
	text-indent:-16px;
	padding-left:16px;
	margin-bottom:12px;
}

.activity-body-list01 li::before {
  content: "-";
  margin-right: 8px;
}

@media (max-width: 600px) {
	.activity-body-list01 {
		padding:20px 20px 15px;
	}
	.activity-body-list01 li {
		font-size:16px;
		text-indent:-16px;
		padding-left:16px;
		margin-bottom:10px;
	}
}

.activity-sub-heading {
	font-size:19px;
	font-weight:bold;
	padding-bottom:3px;
	border-bottom:1px solid #666;
	margin:40px 0 20px;
}

.activity-content-list dt {
	width:100%;
	font-size:16.5px;
	font-weight:bold;
	padding:0;
	line-height:1.5;
	margin-bottom:3px;
}

.activity-content-list dd {
	width:100%;
	font-size:15px;
	padding:0;
	line-height:1.5;
	margin-bottom:20px;
}

@media (max-width: 600px) {
	.activity-sub-heading {
		font-size:17px;
	}
	.activity-content-list dt {
		font-size:15px;
	}
	.activity-content-list dd {
		font-size:13px;
	}
}

.activity-list-disc {
	padding-left: 1.2em;
}

.activity-list-disc li {
	list-style-type: disc;
	font-size:18px;
	margin-bottom:7px;
}

@media screen and (max-width: 500px) {
	.activity-list-disc li {
		font-size:16px;
		margin-bottom:3px;
	}
}

/* -----------------------------------------------------------------------
　ル・コルビュジエの生涯
--------------------------------------------------------------------------*/
.biography-wrap {
	max-width:1200px;
	margin:30px auto 30px;
}

.biography-page-title {
	margin-bottom:10px;
}

.page-subtitle {
	font-size:20px;
	line-height:1.5;
	margin-bottom:100px;
}

@media screen and (max-width:700px) {
	.page-subtitle {
		font-size:18px;
	}
}

@media screen and (max-width:500px) {
	.biography-wrap {
		margin:0 auto 30px;
	}
	.page-subtitle {
		font-size:15px;
		margin-bottom:50px;
	}
}

.biography-timeline {
	list-style: none;
	padding: 0;
	margin: 0;
}

.timeline-meta {
	display: flex;
	gap: 2em;
	min-width: 10em; /* 年＋年齢をある程度揃える */
}

.biography-timeline li {
		margin-bottom: 40px;
	}

@media (min-width: 800px) {
	.biography-timeline li {
		display: flex;
	}
}

.timeline-meta time {
	font-weight:bold;
	font-size:17px;
}

.timeline-meta span.age {
	font-size:17px;
}

.timeline-event {
	font-size:17px;
	text-align: justify;
}

@media screen and (max-width:800px) {
	.biography-timeline li {
		margin-bottom: 30px;
	}
	.timeline-meta time {
		font-size:16px;
	}
	.timeline-meta span.age {
		font-size:16px;
	}
	.timeline-event {
		font-size:16px;
	}
}

@media screen and (max-width:500px) {
	.timeline-meta time {
		font-size:15px;
	}
	.timeline-meta span.age {
		font-size:15px;
	}
	.timeline-event {
		font-size:15px;
	}
}

.biography-foot-note {
	font-size:14px;
	margin:100px 0 50px;
}

@media screen and (max-width:500px) {
	.biography-foot-note {
		font-size:13px;
		margin:60px 0 30px;
	}
}

/* -----------------------------------------------------------------------
　文献資料一覧
--------------------------------------------------------------------------*/
.publications-list-wrap {
	max-width:1200px;
	margin:30px auto 30px;
}
@media screen and (max-width:500px) {
	.publications-list-wrap {
		margin:0 auto 30px;
	}
}

@media (min-width: 1001px) {
	.publications-list-inner {
		display:flex;
		justify-content: space-between;
	}
	.publications-list-block {
		width:48%;
	}
}

@media (max-width: 1000px) {
	.publications-list-block2 {
		margin-top:80px;
	}
}

@media screen and (max-width:500px) {
	.publications-list-block2 {
		margin-top:40px;
	}
}

/* 視覚的に非表示（スクリーンリーダーには読まれる） */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

.books {
  list-style: none;
  padding: 20px 0 0;
  margin: 0;
}

@media screen and (max-width:500px) {
	.books {
		padding: 10px 0 0;
	}
}

.books-item {
  margin-bottom:25px;
}

.books-item h3 {
	margin-bottom:3px;
}

/* cite は斜体で示すのが慣例 */
.books-item cite {
	font-size: 19px;
	font-weight: bold;
	line-height:1.1;
	font-style: italic;
}

.books-meta {
	margin: 0;
	font-size: 16px;
}

.books-meta span.author,
.books-meta time {
	font-size: 16px;
}

@media screen and (max-width:500px) {
	.books-item {
		margin-bottom:20px;
	}
	.books-item cite {
		font-size: 15px;
		line-height:1.1;
	}
	.books-meta {
		font-size: 14px;
	}
	.books-meta span.author,
	.books-meta time {
		font-size: 14px;
	}
}