@charset "UTF-8";



/* メインビジュアル */
body > div.top_visual {
	min-width: 1000px;
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	padding-top: 87px;
}

body > div.top_visual ul {
	width: 100%;
	height: 500px;
	overflow: hidden;
}

body > div.top_visual ul > li {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	list-style-type: none;
	position: relative;
}

@media screen and (min-width:1921px){
body > div.top_visual ul > li {
	background-size: cover;
}
}

body > div.top_visual ul > li > a {
	width: 100%;
	height: 100%;
	display: block;
}

body > div.top_visual ul > li > a > img {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -500px;
	opacity: 0;
}

/*
body > div.top_visual > div.top_visual-overlay {
	width: auto;
	height: 100%;
	padding-top: 100px;
	opacity: 0;
}

body > div.top_visual > div.top_visual-overlay > a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

body > div.top_visual > div.top_visual-overlay > a img {
	width: 1000px;
	height: 466px;
	margin-left: -500px;
	position: absolute;
	top: 0;
	left: 50%;
}
*/


/* コンテンツ部 */
body > section.top_content {
	width: 1000px;
	height: auto;
	margin: 30px auto 0px auto;
}

/* コンテンツ 左 */
body > section.top_content > div.content-left {
	float: left;
}

body > section.top_content > div.content-left h2 {
	height: 32px;
	text-align: center;
	margin-bottom: 30px;
}

body > section.top_content > div.content-left > div.top_exhibition {
	background-color: #ffffff;
	width: 570px;
	min-height: 240px;
	height: auto;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-thumb {
	width: 170px;
	height: 240px;
	float: left;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-thumb > a:hover {
	opacity: 0.7;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-thumb > a img {
	width: 100%;
	height: auto;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info {
	width: 360px;
	height: auto;
	padding: 20px;
	float: right;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info > p.exhibition-category {
	color: #ffffff;
	background-color: #c0b5b0;
	font-size: 12px;
	line-height: 1;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 3px;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info > h3 {
	font-size: 133.3%; /* 20px */
	font-weight: normal;
	line-height: 1.4;
	margin: 10px 0px;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info > h3 > a {
	color: #333333;
	text-decoration: none;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info > h3 > a:hover {
	text-decoration: underline;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info > dl {
	margin: 10px 0px;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info > dl > dt:before {
	content: "";
	background-image: url(../images/contents/top/exhibition-date-icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info > dl > dt {
	color: #1e8582;
	height: 16px;
	font-size: 100%; /* 15px */
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0.2em;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info > dl > dd {
	display: block;
	font-size: 93.3%; /* 15px */
	line-height: 1.3;
	padding-left: 21px;
}

body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info > p.exhibition-overview {
	font-size: 14px;
	line-height: 1.4;
}


body > section.top_content > div.content-left > div.top_exhibition + div.top_exhibition {
	margin-top: 20px;
}


body > section.top_content > div.content-left > div.top_permanent-exhibition{
	background-color: #ffffff;
	width: 560px;
	height: auto;
	margin-top: 40px;
	padding: 5px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div {
	background-color: #1e8582;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 277.5px;
	height: 222px;
	margin: 5px 5px 0px 0px;
	float: left;
	display: table;
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div > a {
	color: #ffffff;
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(1) > a {
	background-color: rgba(255,255,255,0);
	transition: background-color 0.2s ease-in 0s;
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(2) > a,
body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(3) > a,
body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(4) > a,
body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(5) > a,
body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(6) > a {
	background-color: rgba(0,0,0,0.33);
	transition: background-color 0.2s ease-in 0s;
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(1) > a:hover {
	background-color: rgba(255,255,255,0.33);
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(2) > a:hover,
body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(3) > a:hover,
body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(4) > a:hover,
body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(5) > a:hover,
body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(6) > a:hover {
	background-color: rgba(0,0,0,0.66);
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div > a > img {
	display: block;
	margin: 0px auto 20px auto;
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div > a > span {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	display: block;
	margin: 0px 40px;
	text-align: left;
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:first-child > a > span {
	font-weight: normal;
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(even) {
	margin-right: 0px;
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:first-child,
body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(2) {
	margin-top: 0px;
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(2) {
	background-image: url(../images/contents/top/bg_permanent-1.jpg);
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(3) {
	background-image: url(../images/contents/top/bg_permanent-2.jpg);
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(4) {
	background-image: url(../images/contents/top/bg_permanent-3.jpg);
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(5) {
	background-image: url(../images/contents/top/bg_permanent-4.jpg);
}

body > section.top_content > div.content-left > div.top_permanent-exhibition > div:nth-of-type(6) {
	background-image: url(../images/contents/top/bg_permanent-5.jpg);
}



/* コンテンツ 右 */
body > section.top_content > div.content-right {
	float: right;
}

body > section.top_content > div.content-right > h2 {
	background-repeat: no-repeat;
	width: 100%;
	height: 32px;
	line-height: 1;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 10px;
	position: relative;
}

body > section.top_content > div.content-right > h2.news {
	background-image: url(../images/contents/top/news-icon.png);
	background-position: left 95px bottom 0px;
}

body > section.top_content > div.content-right > h2.news > span {
	display: block;
	position: absolute;
	top: 13px;
	right: 0;
}

body > section.top_content > div.content-right > h2.calendar {
	padding-left: 30px;
}

body > section.top_content > div.content-right > h2.calendar {
	background-image: url(../images/contents/top/calendar-icon.png);
	background-position: left 65px bottom 0px;
}

body > section.top_content > div.content-right > div.top_news {
	background-color: #ffffff;
	width: 350px;
	height: 430px;
	margin-bottom: 20px;
	padding: 20px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper {
	width: 100%;
	height: 100%;
	overflow: auto;
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-thumb {
	background-color: #f1f5f4;
	width: 90px;
	height: 90px;
	border-radius: 45px;
	overflow: hidden;
	float: left;
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-thumb > a > img {
	width: 100%;
	height: auto;
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-info {
	width: 220px;
	height: auto;
	padding: 0px 10px;
	float: right;
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-info > dl {
	width: 170px;
	margin-bottom: 10px;
	border-radius: 2px;
	border: 1px #c0b5b0 solid;
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-info > dl > dt {
	color: #ffffff;
	background-color: #c0b5b0;
	width: 50%;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	padding: 5px 0px;
	float: left;
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-info > dl > dd {
	width: 50%;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	padding: 5px 0px;
	float: right;
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-info > h3 {
	color: #1e8582;
	font-size: 93.3%; /* 14px */
	font-weight: bold;
	line-height: 1.2;
}
body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-info > h3 > a {
	color: #1e8582;
	font-size: 100%; /* 14px */
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-info > h3 > a:hover {
	text-decoration: underline;
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-info > p.overview {
	font-size: 86.7%; /* 13px*/
	line-height: 1.4;
}

body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post + div.news_post {
	margin-top: 20px;
}

body > section.top_content > div.content-right > div.top_calendar {
	background-color: #ffffff;
	width: 350px;
	height: auto;
	margin-bottom: 40px;
	padding: 20px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

body > section.top_content > div.content-right > div.top_calendar > div.calendar-wrapper {
	width: 100%;
	height: auto;	
}

body > section.top_content > div.content-right > div.top_calendar > div.calendar-wrapper > iframe {
	width: 100%;
	height: 100%;	
}

body > section.top_content > div.content-right > div.toplink_banner-side {
	background-color: #f0ebe9;
	width: 390px;
	height: auto;
	padding: 20px 0px;
}

body > section.top_content > div.content-right > div.toplink_banner-side > ul {
	margin: 0px auto;
}

body > section.top_content > div.content-right > div.toplink_banner-side > ul > li {
	display: block;
	margin: 0px auto;
	text-align: center;
}

body > section.top_content > div.content-right > div.toplink_banner-side > ul > li + li {
	margin-top: 20px;
}



/* 下部各種リンク */
body > section.top_links {
	width: 100%;
	margin: 40px auto 0px auto;
	text-align: center;
}

body > section.top_links > div.toplink_banner {
	background-color: #e6dedb;
	width: 100%;
	height: 40px;
	padding: 10px 0px;
}

body > section.top_links > div.toplink_banner > ul > li {
	width: auto;
	height: 40px;
	display: inline-block;
}

body > section.top_links > div.toplink_banner > ul > li a img {
	width: auto;
	height: 100%;
}

body > section.top_links > div.toplink_banner > ul > li + li {
	margin-left: 10px;
}

body > section.top_links > div.toplink_text {
	width: 100%;
	padding: 20px 0px;
}

body > section.top_links > div.toplink_text > ul > li {
	display: inline-block;
	padding: 0px 20px;
}

body > section.top_links > div.toplink_text > ul > li a {
	color: #4a433e;
	background-image: url(../images/contents/top/toplink-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
}

body > section.top_links > div.toplink_text > ul > li a:hover {
	text-decoration: underline;
}

body > section.top_links > div.toplink_text > ul > li + li {
	border-left: 1px #dfdcda solid;
}
.sp_top_verDB {
	display: none;
}
@media screen and (max-width: 736px) {
	body > section.top_content {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sp_top_verDB {
		display: block;
	}
	.sp_top_verDN {
		display: none;
	}
	body > section.top_content > div.content-left > div.top_exhibition {
		width: 100%;
		min-height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-thumb {
		width: 30%;
		padding: 0 10px 0 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	body > section.top_content > div.content-left > div.top_exhibition > div.exhibition-info {
		width: 70%;
		padding: 3%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	body > section.top_content > div.content-left > div.top_permanent-exhibition {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		box-shadow: none;
		padding: 0;
	}
	body > section.top_content > div.content-left > div.top_permanent-exhibition > div {
		width: 100%;
		margin: 0;
		margin-bottom: 5px;
		height: auto;
	}
	body > section.top_content > div.content-left,
	body > section.top_content > div.content-right {
		float: none;
		width: 100%;
	}
	body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-thumb {
	    background-color: #f1f5f4;
	    line-height: 0;
	    width: 20%;
	    height: 20%;
	    border-radius: 50%;
	    overflow: hidden;
	    float: left;
	}
	body > section.top_content > div.content-right > div.top_news > div.news_wrapper > div.news_post > div.news-info {
		width: 80%;
		padding: 0 3%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	body > section.top_content > div.content-right > div.top_news {
		width: 100%;
		height: auto;
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	body > section.top_content > div.content-right.sp_top_verDB > div.top_news > div.news_wrapper {
		overflow: hidden;
	}
	body > section.top_content > div.content-right > div.toplink_banner-side,
	body > section.top_content > div.content-right > div.top_calendar {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
		background: #fff;
	}
	body > section.top_content > div.content-right > div.toplink_banner-side > ul > li + li {
		margin-top: 5px;
	}
	body > section.top_links > div.toplink_banner {
		height: auto;
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	body > section.top_links {
		margin-top: 20px;
	}
	body > section.top_links > div.toplink_banner > ul {
		overflow: hidden;
	}
	body > section.top_links > div.toplink_banner > ul > li {
		height: auto;
		margin-bottom: 5px;
		width: 49%;
		float: left;
		margin-right: 2%;
		display: block;
	}
	body > section.top_links > div.toplink_banner > ul > li:nth-child(3n) {
		clear: left;
		margin-right: 2%;
	}
	body > section.top_links > div.toplink_banner > ul > li + li {
		margin-right: 0;
	}
	body > section.top_links > div.toplink_banner > ul > li > a > img {
		width: 100%;
	}
	body > section.top_links > div.toplink_banner > ul > li + li {
		margin-left: 0;
	}
	body > section.top_content > div.content-right > div.toplink_banner-side > ul > li > a > img {
		width: 100%;
	}
	body > section.top_content > div.content-right > h2.calendar {
		padding-left: 0;
		background-size: 20px;
	}
	body > section.top_content > div.content-right > h2.calendar > span,
	body > section.top_content > div.content-left h2 span,
	body > section.top_content > div.content-right > h2.news {
		font-size: 150%;
		background: none;
		height: auto;
		font-weight: bold;
	}
	body > section.top_content > div.content-right > h2.news {
	    background-image: url(../images/contents/top/news-icon.png);
    	background-position: left 95px bottom 0px;
    	background-repeat: no-repeat;
    	background-size: 20px;
	}
	body > section.top_content > div.content-right > h2.calendar,
	body > section.top_content > div.content-left h2 {
		height: auto;
		margin-bottom: 20px;
		margin-top: 30px;
	}
	body > section.top_content > div.content-right > h2.calendar > img,
	body > section.top_content > div.content-left h2 > img {
		display: none;
	}
	body > section.top_content > div.content-right > h2.news > span {
		top: 6px;
	}
	body > section.top_content > div.content-right > h2.calendar > a {
		position: absolute;
		right: 0;
		top: 6px;
	}
	body > section.top_content > div.content-right > h2.calendar > a ,
	body > section.top_content > div.content-right > h2.news > span > a {
		color: #1e8582;
		font-size: 87.5%;
		font-weight: bold;
		border: 1px solid #1e8582;
		display: block;
		text-align: center;
		border-radius: 4px;
		text-decoration: none;
		padding: 5px 10px 4px;
	}
	body > section.top_content > div.content-left > div.top_permanent-exhibition > div:first-child > a > .top_permanentLink {
		text-align: center;
		display: block;
		padding: 10px 0;
		position: relative;
	}
	body > section.top_content > div.content-left > div.top_permanent-exhibition > div:first-child > a > .top_permanentLink:after {
	    content: "";
	    background-image: url(../images/sp/icon_pc2.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    width: 18px;
	    height: 14.5px;
	    padding-left: 10px;
	    display: inline-block;
	    vertical-align: text-top;
	}
	body > section.top_content > div.content-left > div.top_permanent-exhibition > div > a {
		padding: 20px 0;
	}
	body > section.top_content > div.content-left > div.top_permanent-exhibition > div > a > span {
		margin: 0 20px;
	}
}