@charset "UTF-8";
/* ===================================================================
top.css
=================================================================== */
/* h1～h6 */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* H1 */
h1 {
	margin-top: 40px;
	margin-bottom: 30px;
}

h2 {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 300;
	line-height: 1.5;
	margin: 76px 0 35px;
	padding: 0;
	position: relative;
	color: #fff;
	text-align: center;
}

h2 span {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
}

.bg-gray h2,
.bg-gray h2 span {
	color: #000;
}

h3 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 20px;
	padding: 6px 3px;
	position: relative;
}

h4 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 8px;
}

h5 {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 4px;
}

/*	スライド
------------------------------------------------------------*/
.flexslider {
	margin: 90px 0 0;
	border: none;
}

.flex-caption {
	position: absolute;
	width: 100%;
	/*	padding: 2%;*/
	padding: 0 0 2.5%;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}

.flex-caption h2 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.5;
	margin: 20px 0 13px;
	padding: 0;
}

.flex-caption h3 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	margin: 0;
	padding: 0;
}

.flex-caption p {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.6;
	margin: 10px 0;
	padding: 0;
}

li.css a {
	border-radius: 0;
}

.slides a {
	text-decoration: none;
}

@media (max-width: 950px) {
	.flex-caption p {
		margin: 10px 0 25px;
	}
}

@media (max-width: 796px) {
	.flex-caption {
		position: relative;
		width: 100%;
		padding: 0.25% 2% 5%;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.88);
		color: #fff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
		font-size: 14px;
		line-height: 18px;
		text-align: center;
	}
	.flex-caption h2 {
		margin: 10px 0;
	}
	.flex-caption p {
		margin: 5px 0;
	}
}

@media (max-width: 600px) {
	.flex-caption h2 {
		font-size: 14px;
		font-size: 1.4rem;
		margin: 10px 0 5px;
	}
	.flex-caption h3 {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.flex-caption p {
		margin: 5px 0 15px;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

/* 【展覧会・イベント・公募情報にて使用】Reset jquery.bxslider.css */
.bx-wrapper {
	left: 0;
	box-shadow: none;
	border: none;
}

/*	入館時間
------------------------------------------------------------*/
.today-info-block {
	padding: 20px 0;
	background: #000;
	color: #fff;
	overflow: hidden;
}

.today-info-inbox {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.today-info-inbox dl {
	width: 50%;
	border-left: 1px solid #666;
	padding: 0 30px;
	display: flex;
}

.today-info-inbox dl dt {
	width: 180px;
	margin-right: 20px;
	padding: 15px 0;
	text-align: center;
}

.today-info-inbox dl dt img {
	height: 20px;
}

.today-info-inbox dl dt.hongo {
	background: #8f2828;
}

.today-info-inbox dl dt.residency {
	background: #005f80;
}

@media (max-width: 1220px) {
	.today-info-inbox {
		width: 100%;
	}
	.today-info-inbox dl:first-of-type {
		border-left: none;
	}
}

@media (max-width: 960px) {
	.today-info-inbox dl dd {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

@media (max-width: 860px) {
	.today-info-inbox dl {
		display: block;
		padding: 0 20px;
	}
	.today-info-inbox dl dt,
	.today-info-inbox dl dd {
		width: 100%;
	}
	.today-info-inbox dl dt {
		margin-bottom: 10px;
		padding: 5px 0;
	}
	.today-info-inbox dl dd {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media (max-width: 520px) {
	.today-info-inbox dl {
		padding: 0 10px;
	}
	.today-info-inbox dl dt img {
		height: 15px;
		display: inline-block;
		vertical-align: middle;
	}
	.today-info-inbox dl dd {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/*	ボタン
------------------------------------------------------------*/
.btn-block {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: stretch;
	overflow: hidden;
}

.btn-block ul.link-btn {
	margin: 0 auto;
	display: flex;
}

.btn-block ul.link-btn li {
	width: 44px;
	height: 44px;
	margin: 0 8px;
}

/*	展覧会/イベント
------------------------------------------------------------*/
.item-block:nth-of-type(2) {
	border-top: 1px solid #666;
}

.item-block .bx-wrapper {
	width: 1200px;
	max-width: 1200px;
	margin: 0 auto;
}

.bg-gray .bx-wrapper {
	background: #f0f0f0;
}

.bg-black .bx-wrapper {
	background: #0d0d0d;
}

.item-block .bxSlider {
	width: 1200px;
	margin: 0 auto;
}

.item-block .bxSlider .item {
	width: 380px !important;
	margin: 0 32px 0 0;
	background: #fff;
	min-height: 500px;
}

.bg-gray.item-block .bxSlider .item:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.bg-black.item-block .bxSlider .item:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

.item-block .bxSlider .item a {
	text-decoration: none;
}

/*
.item-block .bxSlider .item a:hover .txt{
	text-decoration: underline;
}
*/
.item-block .bxSlider .item:last-child {
	margin: 0;
}

/* ラベル */
.item-block .bxSlider .item .label {
	margin: 0;
	padding: 6px 0;
	color: #fff;
	font-size: 1.3rem;
}

.item-block .bxSlider .item .label.current {
	background: #e60505;
}

.item-block .bxSlider .item .label.upcoming {
	background: #444;
}

/* テキスト関連 */
.item-block .bxSlider .item .txt {
	padding: 0 20px 20px;
	text-align: left;
}

.item-block .bxSlider .item .txt h3 {
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
}

.item-block .bxSlider .item .txt p {
	margin: 0;
	font-size: 13px;
	font-size: 1.3rem;
}

.item-block .bxSlider .item .txt p:nth-of-type(2) {
	margin: 10px 0 20px;
}

.item-block .bxSlider .item .txt dl {
	margin: 10px 0 20px;
	overflow: hidden;
}

.item-block .bxSlider .item .txt dl dt,
.item-block .bxSlider .item .txt dl dd {
	font-size: 12px;
	font-size: 1.2rem;
}

.item-block .bxSlider .item .txt dl dt {
	clear: left;
	float: left;
	width: 15.5%;
}

.item-block .bxSlider .item .txt dl dt:after {
	content: "：";
}

.item-block .bxSlider .item .txt dl dd {
	float: left;
	width: 84.5%;
}

/* ボタン */
.btn-block {
	padding: 60px 0 0;
}

.btn-block p {
	margin: 0 auto;
}

.btn-block p a {
	display: block;
	width: 300px;
	padding: 18px 0;
	background: #4d4d4d;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.btn-block p a:hover {
	background: #808080;
}

@media (max-width: 1290px) {
	.item-block .bx-wrapper {
		width: 90%;
		max-width: 100%;
		margin: 0 auto;
	}
	.item-block .bxSlider .item {
		width: 29.0vw !important;
		margin: 0 1.5vw 0 0;
		background: #fff;
		min-height: 39vw;
	}
}

@media (max-width: 1200px) {
	.item-block .bxSlider .item .txt dl dt,
	.item-block .bxSlider .item .txt dl dd {
		float: none;
		width: 100%;
	}
	.item-block .bxSlider .item .txt dl dd {
		margin-bottom: 10px;
	}
}

@media (max-width: 796px) {
	.exhibition-block h2,
	.event-block h2,
	.opencall-block h2 {
		margin: 30px 0 20px;
	}
	.item-block .bx-wrapper {
		width: 85%;
		max-width: 100%;
		margin: 0 auto;
}
	.item-block .bxSlider .item {
		width: 40.1vw !important;
		margin: 0 3vw 0 0;
		min-height: 31.92vw;
	}
}

@media (max-width: 660px) {
	.item-block .bx-wrapper {
		width: 85%;
		max-width: 100%;
		margin: 0 auto;
	}
	.item-block .bxSlider .item {
		width: 40vw !important;
		margin: 0 1.5 0 0;
		min-height: 31.92vw;
	}
}

@media (max-width: 600px) {
	.item-block .bx-wrapper {
		/*		width: 100%;*/
		max-width: 100%;
		margin: 0 auto;
	}
	.item-block .bxSlider .item {
		width: 100vw !important;
		margin: 0;
	}
}

/*	公募情報
------------------------------------------------------------*/
/*	新着情報
------------------------------------------------------------*/
.news-block .news-box {
	width: 1200px;
	margin: 0 auto -50px;
	display: flex;
	justify-content: space-between;
	text-align: left;
}

.news-block .left-block,
.news-block .right-block {
	width: 48%;
}

.news-block .left-block h3,
.news-block .right-block h3 {
	overflow: hidden;
	border-bottom: 2px solid #000;
}

.news-block .left-block h3 span,
.news-block .right-block h3 span {
	float: right;
}

.news-block .left-block h3 span a,
.news-block .right-block h3 span a {
	display: block;
	margin-top: 5px;
	padding: 2px 10px;
	background: #4d4d4d;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	text-decoration: none;
}

.news-block .left-block h3 span a:hover,
.news-block .right-block h3 span a:hover {
	background: #808080;
}

.news-block h3.ex-info {
	padding-left: 40px;
	background: url("../images/ico-ex-info.svg") no-repeat 0 5px;
	background-size: 30px 30px;
}

.news-block h3.public-info {
	padding-left: 40px;
	background: url("../images/ico-public-info.svg") no-repeat 0 5px;
	background-size: 30px 30px;
}

.news-block h3.news-info {
	padding-left: 40px;
	background: url("../images/ico-news-info.svg") no-repeat 0 5px;
	background-size: 30px 30px;
}

.news-block dl {
	overflow: hidden;
	margin-bottom: 50px;
}

.news-block dl dt {
	clear: left;
	float: left;
	width: 140px;
}

.news-block dl dt .ico_new {
	color: #fff;
	background: #ba061e;
	font-size: 11px;
	font-size: 1.1rem;
	margin-left: 10px;
	padding: 0 6px;
}

.news-block dl dd {
	float: left;
	width: calc(100% - 140px);
	margin-bottom: 10px;
}

@media (max-width: 1220px) {
	.news-block .news-box {
		width: 94%;
		margin: 0 3% -50px;
	}
}

@media (max-width: 950px) {
	.news-block .news-box {
		display: block;
}
	.news-block .left-block,
	.news-block .right-block {
		width: 100%;
	}
}

@media (max-width: 796px) {
	.news-block h2 {
		margin: 30px 0 20px;
	}
}

@media (max-width: 600px) {
	.news-block dl dt,
	.news-block dl dd {
		float: none;
		width: 100%;
		font-size: 15px;
		font-size: 1.5rem;
}
	.news-block dl dt {
		font-weight: 500;
	}
}

/*	登録クリエーター
------------------------------------------------------------*/
.creator-block {
	width: 100%;
	height: 950px;
	background: url("../images/top/bk-creator.png") no-repeat 0 0;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	overflow: hidden;
}

.creator-box ul.creator-list {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	overflow: hidden;
}

.creator-box ul.creator-list li {
	display: flex;
	box-sizing: border-box;
	width: 160px;
	height: 160px;
	margin: 0 48px 34px 0;
}

.creator-box ul.creator-list li img {
	width: 100%;
	height: auto;
}

.creator-box ul.creator-list li:nth-child(6n),
.creator-box ul.creator-list li:last-child {
	margin-right: 0;
}

.creator-box ul.creator-list li:nth-child(n+12) {
	margin-bottom: 0;
}

@media (max-width: 1220px) {
	.creator-box ul.creator-list {
		width: 94%;
		margin: 0 3%;
	}
}

@media (max-width: 1220px) {
	.creator-box ul.creator-list li {
		width: 13.65vw;
		height: 13.65vw;
		margin-right: 2vw;
		margin-bottom: 2vw;
	}
}

@media (max-width: 1100px) {
	.creator-block {
		height: 900px;
	}
}

@media (max-width: 1050px) {
	.creator-block {
		height: 820px;
	}
}

@media (max-width: 900px) {
	.creator-block {
		height: 780px;
	}
}

@media (max-width: 796px) {
	.creator-block {
		height: 650px;
	}
	.creator-block h2 {
		margin: 30px 0 20px;
	}
}

@media (max-width: 760px) {
	.creator-box ul.creator-list li {
		width: 13.64vw;
		height: 13.64vw;
		margin-right: 2vw;
		margin-bottom: 2vw;
	}
}

@media (max-width: 740px) {
	.creator-box ul.creator-list li {
		width: 13.63vw;
		height: 13.63vw;
		margin-right: 2vw;
		margin-bottom: 2vw;
	}
}

@media (max-width: 720px) {
	.creator-box ul.creator-list li {
		width: 13.62vw;
		height: 13.62vw;
		margin-right: 2vw;
		margin-bottom: 2vw;
	}
}

@media (max-width: 700px) {
	.creator-block {
		height: 780px;
	}
	.creator-block .btn-block {
		padding: 40px 0 0;
	}
	.creator-box ul.creator-list li {
		width: 16.63vw;
		height: 16.63vw;
		margin-right: 2vw;
		margin-bottom: 2vw;
	}
	.creator-box ul.creator-list li:nth-child(5n),
	.creator-box ul.creator-list li:last-child {
		margin-right: 0;
	}
	.creator-box ul.creator-list li:nth-child(6n) {
		margin-right: 2vw;
	}
	.creator-box ul.creator-list li:nth-child(n+15) {
		margin-bottom: 0;
	}
}

@media (max-width: 650px) {
	.creator-block {
		height: 730px;
	}
}

@media (max-width: 560px) {
	.creator-block {
		height: 1300px;
	}
	.creator-block .btn-block {
		padding: 25px 0 0;
	}
	.creator-box ul.creator-list li {
		width: 28.3vw;
		height: 28.3vw;
		margin-right: 3vw;
		margin-bottom: 3vw;
	}
	.creator-box ul.creator-list li:nth-child(3n),
	.creator-box ul.creator-list li:last-child {
		margin-right: 0;
	}
	.creator-box ul.creator-list li:nth-child(5n) {
		margin-right: 3vw;
	}
	.creator-box ul.creator-list li:nth-child(15n) {
		margin-right: 0;
	}
	.creator-box ul.creator-list li:nth-child(n+15) {
		margin-bottom: 3vw;
	}
}

@media (max-width: 560px) {
	.creator-block {
		height: 1335px;
	}
}

@media (max-width: 520px) {
	.creator-block {
		height: 1280px;
	}
}

@media (max-width: 515px) {
	.creator-block {
		height: 1280px;
}
	.creator-box ul.creator-list li {
		width: 28vw;
		height: 28vw;
	}
}

@media (max-width: 500px) {
	.creator-block {
		height: 1195px;
	}
}

@media (max-width: 460px) {
	.creator-block {
		height: 1150px;
	}
}

@media (max-width: 430px) {
	.creator-block {
		height: 1100px;
	}
}

@media (max-width: 420px) {
	.creator-block {
		height: 1070px;
	}
}

@media (max-width: 414px) {
	/* iPhone6,7,8 Plus */
	.creator-block {
		height: 1045px;
	}
	.creator-box ul.creator-list li {
		width: 29.3vw;
		height: 29.3vw;
	}
}

@media (max-width: 390px) {
	.creator-block {
		height: 980px;
	}
}

@media (max-width: 375px) {
	/* iPhoneX */
	.creator-block {
		height: 960px;
	}
	.creator-box ul.creator-list li {
		width: 30vw;
		height: 30vw;
		margin-right: 2vw;
		margin-bottom: 2vw;
	}
	.creator-box ul.creator-list li:nth-child(5n) {
		margin-right: 2vw;
	}
	.creator-box ul.creator-list li:nth-child(15n) {
		margin-right: 0;
	}
	.creator-box ul.creator-list li:nth-child(n+15) {
		margin-bottom: 2vw;
	}
}

@media (max-width: 350px) {
	.creator-block {
		height: 920px;
	}
}

/*	レジデンス・プログラム
------------------------------------------------------------*/
.link-box {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	overflow: hidden;
}

.link-box .item {
	width: calc((100% - 40px) / 2);
	margin: 0 40px 0 0;
}

@media all and (-ms-high-contrast: none) {
	/* IE11 */
	*::-ms-backdrop, .link-box .item {
		width: calc((100% - 80px) / 2);
		margin: 0 40px 0 0;
	}
}

@supports (-ms-ime-align: auto) {
	/* Edge */
	.link-box .item {
		width: calc((100% - 80px) / 2);
		margin: 0 40px 0 0;
	}
}

.link-box .item:last-of-type {
	margin: 0;
}

.link-box .item a {
	display: block;
	text-align: center;
	text-decoration: none;
	background: #fff;
}

.link-box .item a:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

.link-box .item a .item-image {
	height: auto;
}

.link-box .item a .item-image img {
	width: 100%;
}

.link-box .item a .item-label {
	position: relative;
	padding: 24px 0 26px;
	font-size: 24px;
	font-size: 2.4rem;
}

.link-box .item a:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 1220px) {
	.link-box {
		width: 94%;
		margin: 0 3%;
	}
}

@media (max-width: 800px) {
	.link-box .item {
		width: calc((100% - 20px) / 2);
		margin: 0 20px 0 0;
	}
}

@media (max-width: 796px) {
	.residency-block h2 {
		margin: 30px 0 20px;
	}
}

@media (max-width: 600px) {
	.link-box .item {
		width: 100%;
		margin: 0 0 30px;
	}
	.link-box .item:lst-of-type {
		margin: 0;
	}
	.residency-block .btn-block {
		padding: 40px 0 0;
	}
}

/*	過去の活動アーカイブ
------------------------------------------------------------*/
.archive-block .bx-wrapper {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.archive-block .bxSlider {
	width: 1200px;
	margin: 0 auto;
}

.archive-block .bxSlider .item {
	width: 540px !important;
	margin: 0;
	background: #0d0d0d;
}

.archive-block .bxSlider .item p {
	margin-top: 15px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #fff;
}

.archive-block .btn-block {
	padding: 80px 0 0;
}

.archive-block .bx-wrapper .bx-pager.bx-default-pager a:hover,
.archive-block .bx-wrapper .bx-pager.bx-default-pager a.active,
.archive-block .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #f0f0f0;
}

@media (max-width: 796px) {
	.archive-block h2 {
		margin: 30px 0 20px;
	}
}

/*	施設の紹介
------------------------------------------------------------*/
.facility-block {
	padding-top: 90px;
}

.facility-block h3 {
	margin-bottom: 14px;
}

.facility-block h3 img {
	height: 45px;
	padding-bottom: 8px;
}

.facility-block h3.hongo {
	border-bottom: 1px solid #8f2828;
}

.facility-block h3.residency {
	border-bottom: 1px solid #005f80;
}

.facility-block h4 {
	font-weight: 500;
	margin-bottom: 14px;
}

.facility-block img {
	width: 100%;
}

@media (max-width: 796px) {
	.facility-block {
		padding-top: 30px;
}
	.facility-block h4 {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media (max-width: 665px) {
	.facility-block h4 {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

@media (max-width: 600px) {
	.facility-block h4 {
		font-size: 15px;
		font-size: 1.5rem;
}
	.facility-block .btn-block {
		padding: 40px 0 0;
	}
}

/*	TOP
------------------------------------------------------------*/
#main-visual {
	margin-top: 150px;
	background: #000;
}
#main-visual img {
	width: 100%;
}
#main-visual #slider {
	margin: 0;
	padding: 0;
}
#main-visual #slider .flex-direction-nav a {
	display: none;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
}
#main-visual #slider .flex-direction-nav .flex-prev,
#main-visual #slider .flex-direction-nav .flex-next {
	background-size: 20px auto;
}
#main-visual #slider .flex-direction-nav .flex-prev {
	left: 0;
	opacity: 0.8;
}
#main-visual #slider .flex-direction-nav .flex-next {
	right: 0;
	opacity: 0.8;
}
#main-visual #carousel {
	max-width: 600px;
	margin: 0 auto;
	padding: 10px 0;
}

.top-section {
	padding: 70px 0;
}
.top-section:nth-child(even) {
	background: #f0f0f0;
}
.top-section .section-heading {
	margin: 0;
	padding: 0;
	font-size: 33px;
	font-size: 3.3rem;
	font-weight: 500;
	line-height: 1;
	color: #000;
	text-align: left;
}
.top-section .section-heading span {
	display: inline-block;
	margin-left: 15px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 400;
}

#top-schedule .container-box {
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
}

#top-schedule #schedule {
	width: calc(100% - 340px);
}
#top-schedule #schedule .tbl-schedule {
	margin-top: 20px;
}
#top-schedule #schedule .tbl-schedule th, #top-schedule #schedule .tbl-schedule td {
	padding: 20px;
}
#top-schedule #schedule .tbl-schedule th {
	width: 160px;
	padding-left: 25px;
	vertical-align: middle;
	font-weight: 500;
}
#top-schedule #schedule .tbl-schedule td h3 {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5em;
	font-weight: 400;
	background: none;
}
#top-schedule #schedule .tbl-schedule td h3:first-of-type {
	margin-top: -4.5px;
}
#top-schedule #schedule .tbl-schedule td p {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5em;
}
#top-schedule #schedule .tbl-schedule .td-open {
	width: 100px;
	text-align: center;
}

#top-schedule #calender {
	width: 300px;
}
#top-schedule #calender .calender-header {
	position: relative;
	height: 30px;
	margin-top: 20px;
	font-size: 23px;
	font-size: 2.3rem;
	line-height: 30px;
	text-align: center;
}
#top-schedule #calender .calender-header .prev,
#top-schedule #calender .calender-header .next {
	display: block;
	position: absolute;
	top: 0;
	width: 30px;
	height: 30px;
	background-color: #999;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 10px auto;
	background-image: url("../images/ico-link-dtl-02.svg");
}
#top-schedule #calender .calender-header .prev:hover,
#top-schedule #calender .calender-header .next:hover {
	background-color: #ccc;
}
#top-schedule #calender .calender-header .prev {
	left: 0;
	transform: scale(-1, 1);
}
#top-schedule #calender .calender-header .next {
	right: 0;
}
#top-schedule #calender .tbl-calender {
	display: flex;
	flex-wrap: wrap;
	border-top: solid 1px #bbb;
	border-left: solid 1px #bbb;
}
#top-schedule #calender .tbl-calender li {
	position: relative;
	width: calc(100% / 7);
	height: 50px;
	padding: 5px 0 0;
	border-right: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1em;
	text-align: center;
}
#top-schedule #calender .tbl-calender li.close {
	background: #ddd;
}
#top-schedule #calender .tbl-calender li .honkan,
#top-schedule #calender .tbl-calender li .kumin {
	position: absolute;
	left: 0;
	width: 100%;
	height: 13px;
}
#top-schedule #calender .tbl-calender li .honkan {
	bottom: 13px;
	background: #fc2727;
}
#top-schedule #calender .tbl-calender li .kumin {
	bottom: 0;
	background: #44a9fc;
}
#top-schedule #calender .tbl-calender.tbl-calender-head {
	border: none;
}
#top-schedule #calender .tbl-calender.tbl-calender-head li {
	height: 20px;
	margin-top: 10px;
	padding-top: 0;
	border: none;
}
#top-schedule #calender .list-color {
	margin-top: 10px;
}
#top-schedule #calender .list-color li {
	position: relative;
	margin-top: 5px;
	padding-left: 40px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 12px;
}
#top-schedule #calender .list-color li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 100%;
}
#top-schedule #calender .list-color li:nth-child(1) {
	margin-top: 0;
}
	#top-schedule #calender .list-color li:nth-child(1):before {
		background: #ddd;
}
#top-schedule #calender .list-color li:nth-child(2):before {
	background: #fc2727;
}
#top-schedule #calender .list-color li:nth-child(3):before {
	background: #44a9fc;
}
#top-schedule #calender .txt-notes {
		margin: 5px 0 0;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.5em;
}
#top-schedule #calender .link-access {
	position: relative;
	margin: 15px 0 0;
	width: 100%;
	min-width: auto;
	text-align: center;
}
#top-schedule #calender .link-access:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 20px;
	height: 100%;
	margin-left: -80px;
	background-image: url("../images/ico-access.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
}
#top-schedule #calender .link-access a:hover {
	background-color: #f4f4f4;
}

#top-exhibition .sub-heading {
	height: 50px;
	margin: 90px 0 0;
	padding: 0;
	background: #de220b;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 50px;
	font-weight: 400;
	color: #fff;
	text-align: center;
}
	#top-exhibition .sub-heading:first-of-type {
		margin-top: 20px;
}

#top-exhibition .sub-heading-scedule {
	background: #748085;
}

#top-exhibition .box-exhibition {
	margin: 30px 0 0;
	padding: 60px;
	background: #fff;
	display: flex;
	justify-content: space-between;
}
#top-exhibition .box-exhibition .image {
	width: 380px;
}
#top-exhibition .box-exhibition .image img {
	width: 100%;
}
#top-exhibition .box-exhibition .image .caption {
	margin: 10px 0 0;
	font-size: 13px;
	font-size: 1.3rem;
	color: #555;
}
#top-exhibition .box-exhibition .text {
	width: calc(100% - 420px);
}
#top-exhibition .box-exhibition .text .ttl-exhibition,
#top-exhibition .box-exhibition .text .subttl-exhibition,
#top-exhibition .box-exhibition .text .smlttl-exhibition {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-weight: 500;
}
#top-exhibition .box-exhibition .text .ttl-exhibition {
	font-size: 24px;
	font-size: 2.4rem;
}
#top-exhibition .box-exhibition .text .subttl-exhibition {
	margin-top: 15px;
	font-size: 20px;
	font-size: 2.0rem;
}
#top-exhibition .box-exhibition .text .txt-info {
	margin: 25px 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7em;
}
#top-exhibition .box-exhibition .text .smlttl-exhibition {
	margin-top: 30px;
	font-size: 20px;
	font-size: 2.0rem;
}
#top-exhibition .box-exhibition .text .txt-detail {
	margin: 20px 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.9em;
	text-align: justify;
}
#top-exhibition .box-exhibition .text .link-detail {
	float: right;
	margin: 60px 0 0;
}
#top-exhibition .box-exhibition .text .link-detail a {
	background-color: #666;
	border-color: #aaa;
}
.exhibition-block-box {
	margin-bottom: 48px;
	padding: 66px 66px 66px;
	background: #fff;
	overflow: hidden;
}
@media (max-width: 790px) {
	.exhibition-block-box{
		 padding: 10px 20px;
	}
}

#top-event .list-event {
	margin-top: 30px;
	border-top: solid 1px #bbb;
}
#top-event .list-event li {
	padding: 20px 0;
	border-bottom: solid 1px #bbb;
	display: flex;
	justify-content: space-between;
	background:none;
	margin:unset;
}
#top-event .list-event li .date {
	width: 230px;
	line-height: 24px;
}
#top-event .list-event li .date span {
	float: right;
	display: inline-block;
	width: 135px;
	height: 21px;
	margin-top: 1.5px;
	border: solid 1px #bbb;
	border-radius: 2px;
	background:none;
	color:#333;
	padding: unset;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 19px;
	text-align: center;
}
#top-event .list-event li .title {
	width: calc(100% - 250px);
}
#top-event .list-event li .title h3, #top-event .list-event li .title p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5em;
	background:none;
	font-weight: 400;
}
#top-event .list-event li .title p {
	margin-top: 5px;
}
#top-event .list-event li .title a {
	text-decoration: none;
}

#top-event .link-event {
	width: 150px;
	height: 40px;
	margin: 40px 0 0;
	margin-left: calc(100% - 150px);
}
#top-event .link-event a {
	display: block;
	width: 100%;
	height: 100%;
	border: solid 1px #999;
	background: transparent;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
}

#top-news .list-news {
	margin-top: 30px;
	border-top: solid 1px #bbb;
}
#top-news .list-news li {
	padding: 20px 0;
	border-bottom: solid 1px #bbb;
	display: flex;
	justify-content: space-between;
}
#top-news .list-news li .date {
	width: 270px;
	line-height: 24px;
}
#top-news .list-news li .date span {
	float: right;
	display: inline-block;
	width: 80px;
	height: 21px;
	margin-top: 1.5px;
	background: #fff;
	border: solid 1px #bbb;
	border-radius: 2px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 19px;
	text-align: center;
}
#top-news .list-news li .date span.new {
	width: 60px;
	margin-right: 15px;
	background: #d40505;
	color: #fff;
}
#top-news .list-news li .title {
	width: calc(100% - 300px);
}
#top-news .list-news li .title h3, #top-news .list-news li .title p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5em;
	background-color:transparent;
	font-weight: 400;
}
#top-news .list-news li .title p {
	margin-top: 5px;
}
#top-news .list-news li .title a {
	text-decoration: none;
}

#top-news .link-news {
	width: 150px;
	height: 40px;
	margin: 40px 0 0;
	margin-left: calc(100% - 150px);
}
#top-news .link-news a {
	display: block;
	width: 100%;
	height: 100%;
	border: solid 1px #999;
	background: transparent;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
}

#top-link .list-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#top-link .list-link li {
	width: 24%;
	background: #ededed;
}
#top-link .list-link li img {
	width: 100%;
}
#top-link .list-link li h3 {
	margin: 0;
	padding: 14px 0;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 32px;
	font-weight: 400;
	text-align: center;
}
#top-link .list-link li a {
	text-decoration: none;
}

@media (max-width: 1220px) {
	.top-section .container-box {
		width: calc(100% - 40px);
	}
	.top-section table {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#top-schedule #schedule {
		width: calc(100% - 320px);
	}
	#top-exhibition .box-exhibition {
		padding: 20px;
	}
		#top-exhibition .box-exhibition .text {
			width: calc(100% - 400px);
	}
}

@media (max-width: 830px) {
	#main-visual {
		margin-top: 118px;
	}
		#main-visual #slider .flex-direction-nav a {
			display: block;
	}
		#main-visual #carousel {
			display: none;
	}
}

@media (max-width: 790px) {
	.top-section {
		padding: 20px 0 30px;
	}
	.top-section .section-heading {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.top-section .section-heading span {
		font-size: 15px;
		font-size: 1.5rem;
	}
	#top-schedule .container-box {
		flex-wrap: wrap;
	}
	#top-schedule #schedule {
		width: 100%;
	}
	#top-schedule #schedule .tbl-schedule th, #top-schedule #schedule .tbl-schedule td {
		padding: 10px;
	}
	#top-schedule #schedule .tbl-schedule td h3 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#top-schedule #schedule .tbl-schedule td p {
		font-size: 14px;
		font-size: 1.4rem;
	}
	#top-schedule #calender {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
	#top-exhibition .sub-heading {
		height: 40px;
		margin-top: 25px;
		line-height: 40px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	#top-exhibition .sub-heading:first-of-type {
		margin-top: 30px;
	}
	#top-exhibition .box-exhibition {
		margin-top: 15px;
		padding: 25px 35px;
		flex-direction: column;
	}
	#top-exhibition .box-exhibition .image {
		width: 100%;
		max-width: 380px;
		margin: 0 auto;
	}
	#top-exhibition .box-exhibition .text {
		margin-top: 20px;
		width: 100%;
	}
	#top-exhibition .box-exhibition .text .ttl-exhibition {
		font-size: 20px;
		font-size: 2rem;
	}
	#top-exhibition .box-exhibition .text .subttl-exhibition {
		margin-top: 5px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	#top-exhibition .box-exhibition .text .txt-info {
		margin-top: 10px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	#top-exhibition .box-exhibition .text .smlttl-exhibition,
	#top-exhibition .box-exhibition .text .txt-detail {
		display: none;
	}
	#top-exhibition .box-exhibition .text .link-detail {
		float: none;
		width: 150px;
		margin-top: 20px;
		margin-right: auto;
		margin-left: auto;
	}
	#top-event .list-event li {
		flex-wrap: wrap;
	}
	#top-event .list-event li .date {
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
	}
	#top-event .list-event li .date span {
		float: none;
		margin-top: 0;
		margin-left: 2px;
		font-size: 11px;
		font-size: 1.1rem;
		width:120px;
	}
	#top-event .list-event li .title {
		width: 100%;
		margin-top: 10px;
	}
	#top-event .list-event li .title h3, #top-event .list-event li .title p {
		font-size: 14px;
		font-size: 1.4rem;
	}
	#top-event .link-event {
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
	}
	#top-event .link-event a {
		font-size: 14px;
		font-size: 1.4rem;
	}
	#top-news .list-news li {
		flex-wrap: wrap;
	}
	#top-news .list-news li .date {
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
	}
	#top-news .list-news li .date span {
		float: none;
		margin-top: 0;
		margin-left: 10px;
		font-size: 11px;
		font-size: 1.1rem;
	}
	#top-news .list-news li .title {
		width: 100%;
		margin-top: 10px;
	}
	#top-news .list-news li .title h3, #top-news .list-news li .title p {
		font-size: 14px;
		font-size: 1.4rem;
	}
	#top-news .link-news {
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
	}
	#top-news .link-news a {
		font-size: 14px;
		font-size: 1.4rem;
	}
	#top-link .list-link li {
		width: 48%;
		margin-top: 4%;
	}
	#top-link .list-link li:nth-child(1), #top-link .list-link li:nth-child(2) {
		margin-top: 0;
	}
	#top-link .list-link li h3 {
		padding: 7px 0;
		font-size: 14px;
		font-size: 1.4rem;
	}
}
.fGnavi{
	margin-top:0px;
}

@media (max-width: 790px) {
	.exhibition-block-box{
		width: 100% !important;
		margin: 0 0% 40px !important;
		padding: 0;
	}
	.exhibition-block-box .label{
		width: 100%;
	}
	.exhibition-block-box h4{
		margin-top: 25px;
		font-size: 1.6rem;
	}
	.exhibition-block-box h4,
	.exhibition-block-box h5,
	.exhibition-block-box h6,
	.exhibition-block-box .imgLeftS .txtBox h6,
	.exhibition-block-box p,
	.exhibition-block-box .imgLeftS .txtBox dl{
		margin-left: 3%;
		margin-right: 3%;
	}
	.exhibition-block-box dl{
		margin: 18px 3% 15px;
	}
	.exhibition-block-box .imgLeftS{
		margin-top: 30px;
	}
	.exhibition-block-box .imgLeftS .imgBox{
		float: none;
		width: 94% !important;
		margin: 0 3% 20px !important;
	}
	.exhibition-block-box .imgLeftS .imgBox img{
		width: 100%;
	}
	.exhibition-block-box .imgLeftS .txtBox{
		float: none;
		width: 100%;
	}
	.exhibition-block-box .link{
		float: none;
		width: 175px;
		margin: 25px auto 40px;
	}

}
/*	重要なお知らせ
------------------------------------------------------------*/

.msg{
	width: 1200px;
	border: 1px solid #d1352f;
	background:#ffeff2 url(../images/ico_important.png) no-repeat 20px center;
	margin: -30px auto 50px;
	padding: 20px 60px 16px 70px;
}
@media (max-width: 1220px) {
	.msg{
		width: calc(100% - 40px);
		margin: -40px auto 30px;
	}
}
@media (max-width: 790px) {
	.msg{
		margin: 0px auto 20px;
	}
}