@charset "UTF-8";


/*----------------------------------------------------------------------------*/
#coverart {
	width: 1200px;
	height: 500px;
	position: relative;
	top: -46px;
	margin: 0 auto;
}

#coverart .pane {
	width: 100%;
	height: 100%;
	position: relative;
}

#coverart .pane li {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#coverart .information {
	width:1150px;
	margin: 0 auto;
	color: #ffffff;
	font-size: 20px;
	position: absolute;
	bottom: 77px;
	z-index: 1000;
	padding:25px;
	/*background:rgba(255,255,255,0.9);*/
	background:rgba(204,0,0,0.9);
	line-height:1.4;
}

#coverart .information a{
	color:#ffffff;
}



/*----------------------------------------------------------------------------*/
#exhibition {
	width: 100%;
/*	height: 297px; */
	padding: 33px 0;
	margin: 0 0 25px;
	background-color: #EEEEEE;
}

#exhibition h2 {
	margin: 0 0 26px;
	height: auto;
}

#exhibition li {
	width: 477px;
	height: 100%;
	position: relative;
}
#exhibition li:last-child { float: right; }
#exhibition li:first-child { float: left; }

#exhibition .schedule {
	font-size: 14px;
	color: #000000;
	margin: 0 0 20px;
}
#exhibition .schedule span {
	font-size: 20px;
}

#exhibition h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	letter-spacing: 0.1em;
	color: #836E32;
	width: 324px;
}
#exhibition h3 a { color: #836E32; text-decoration: none; }

#exhibition .appendix {
	width: 480px;
/*	position: absolute; */
	top: 158px;
	font-size: 10px;
	font-weight: bold;
	line-height: 160%;
	letter-spacing: 0.1em;
/*	height: 116px; */
/*	overflow: hidden; */
	margin-top: 80px;
}

#exhibition .appendix.jp { width: 324px; }
#exhibition .appendix dt { float: left; }
#exhibition .appendix dd { float: left; width: 280px; padding: 0 0 6px; }

/*#exhibition .appendix.en dd { width: 400px; }
#exhibition .appendix.ch dd { width: 420px; }
#exhibition .appendix.ko dd { width: 420px; }
#exhibition .appendix.tc dd { width: 420px; }
*/

#exhibition .appendix.en dt { clear:both; }
#exhibition .appendix.ch dt { clear:both; }
#exhibition .appendix.ko dt { clear:both; }
#exhibition .appendix.tc dt { clear:both; }

#exhibition .appendix.en dd { float: left; width: 260px; padding: 0 0 6px; }
#exhibition .appendix.ch dd { float: left; width: 260px; padding: 0 0 6px; }
#exhibition .appendix.ko dd { float: left; width: 260px; padding: 0 0 6px; }
#exhibition .appendix.tc dd { float: left; width: 260px; padding: 0 0 6px; }


#exhibition .fig {
	position: absolute;
	top: 26px;
	right: 0;
}

#exhibition .fig.ko {
	position: absolute;
	top: 15px;
	right: 0;
}

.top .contents { margin-bottom: 50px; }
.top .fl {
	/*width: 690px;*/
	width:100%;
	margin-top:50px;
}

.top .fl > ul li:first-child{
	position:relative;
	/*float:left;
	width:300px;*/
	margin:0 0 50px 0;
}

.top .fl > ul li:last-child{
	position:relative;
	/*float:left;
	width:330px;*/
	margin:0 0 50px;
}

.top .fl > ul li.longscale { width: 630px; }

.top .fl h2 {
	margin: 0 0 35px;
}

.top .headlines {
	font-size: 12px;
	color: #000000;
	line-height: 120%;
	letter-spacing: 0.1em;
/*	height: 328px;*/
	/*overflow-y: hidden;*/
}
.top .headlines.jp {
	font-size: 12px;
	color: #000000;
	line-height: 120%;
	letter-spacing: 0.1em;
	height: 125px;
	overflow-y: scroll;
}

.top .headlines dt {
	width: 84px;
	float: left;
	padding: 5px 2px;
}

.top .headlines dd {
	/*float: left;*/
	padding: 5px 2px;
}
/*.top .fl > ul li:first-child .headlines dd { width: 200px; }
.top .fl > ul li:last-child .headlines dd { width: 230px; }
.top .fl > ul li.longscale .headlines dd { width: 530px; }*/


.top .headlines dd a {
/*	border-bottom: dotted 1px #000000; */
	color: #000000;
}

.top .fr {
	/*width: 280px;*/
}

.top .rss {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 10px;
	left: 210px;
}
.top .view {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 10px;
	left: 260px;
}

.top .dotted {
	/*width: 610px;*/
	width:100%;
	height: 1px;
	border: none;
	border-bottom: dotted 1px #5E2F4E;
	margin: 10px 0 30px;
}

.top .guide {
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0.1em;
	color: #000000;
	/*width: 600px;*/
}

.top .guide dt,
.top .guide dd{
	padding-bottom:12px;
	line-height:1.6;
}

.top .guide dt{
	float:left;
	clear:left;
}

.top .guide dd{
	padding-left:90px;
}

/*.top .guide dt { float: left; width: 90px; }
.top .guide dd { float: left; width: 510px; padding: 0 0 12px; }*/

.top.en .guide dt { width: 170px; }
/*.top.en .guide dd { width: 430px; }*/
.top .calendar {
/*	margin: 14px 0 22px; */
	margin: 0 0 22px;
}

.top l-sns{
	box-sizeing:border-box;
}


.top .banner {
	
}

.top .banner li { float: left; }
.top .banner li:first-child { margin-bottom: 23px; }
.top .banner li:nth-child(2) { margin: 0 4px 5px 1px; }
.top .banner li:nth-child(4) { margin: 0 2px 4px 1px; }
.top .banner li:nth-child(5) { margin: 0 0 2px; }
.top .banner li:nth-child(6) { margin: 5px 0px 4px 1px; }
.top .banner li:nth-child(7) { margin: 0px 0px 0px 2px; }

.calendar table td.show { background-color: #FFFFFF!important; }

.footer-above{
	text-align:right;
	margin-right:20px;
	margin-bottom:20px;
}

.footer-above p{
	margin-top:5px;
	font-size:11px;
}

/*----------------------------------------------------------------------------*/

.top-calender{
    max-width:1200px;
    margin:0 auto;
}

.m__cal .main-cnt .table-cnt tbody td.daily-today,
.m__cal .main-cnt .table-cnt tbody td:hover{
	outline:1px solid #9C0168; 
}

.m__cal .main-cnt .table-cnt tbody td:hover{
	outline:1px solid #9C0168; 
	background-color:#9C0168 !important;
	color:#fff;
}

/*.has-events{
	background-color:rgba(215,153,194,.7);
}*/

.m__cal .main-cnt .tip > div ul li a{
	color:#000;
}

.m__cal{
	position:relative;
	max-width:1200px;
	margin-bottom:50px;
	z-index:1000;
}

.m__cal:after {
 clear:both;
 content:"";
 display:table
}
.m__cal>div {
 position:relative;
 height:60px
}
.m__cal>h2 {
 display:none
}
.m__cal .main-cnt {
 /*float:left;*/
 padding:0 10px;
 max-width:1120px;
 margin:0 auto;
 position:relative;
}
.m__cal .main-cnt .monthly-box {
 display:none
}
.m__cal .main-cnt .monthly-box.active {
 display:block
}
.m__cal .main-cnt .box-header {
	margin-bottom:15px;
	line-height:1;
}

.m__cal .main-cnt .box-header:after {
 clear:both;
 content:"";
 display:table
}

.m__cal .main-cnt .box-header .left {
	float:left;
	font-size:16px;
}

.m__cal .main-cnt .box-header .left span{
	padding-right:15px;
	padding-left:15px;
}

.m__cal .main-cnt .box-header .left span em{
	font-style:normal;
	font-size:20px;
	font-weight:bold;
}

.m__cal .main-cnt .box-header .right{
	float:right;
	padding-top:8px;
}

.m__cal .main-cnt .box-header .right span:first-child{
	color:rgba(215,153,194,.7);
}

.m__cal .main-cnt .box-header .right span:last-child{
	color:#ddd;
}


.m__cal .main-cnt .table-cnt {
	width:100%;
	height:50px;
	table-layout:fixed
}

.m__cal .main-cnt .table-cnt thead {
 display:none
}
.m__cal .main-cnt .table-cnt tbody td {
 text-align:center;
 font-size:14px;
 vertical-align:middle;
 line-height:1;
}
.m__cal .main-cnt .table-cnt tbody td span {
	display:block;
	margin-top:8px;
	font-size:11px
}
.m__cal .main-cnt .table-cnt tbody td.close {
 background:#ddd;
}
.m__cal .main-cnt .table-cnt tbody td.sunday span {
 color:#D93825
}
.m__cal .main-cnt .tip {
 white-space:nowrap;
 display:none;
 position:absolute;
 bottom:50px;
 padding-bottom:17px;
 background:url('../img/top/tip_arrow.png') center bottom no-repeat
}
.m__cal .main-cnt .tip>div {
 background:#FFF;
 padding:1em;
 border:1px solid #B6B5B5;
 border-bottom:none
}
.m__cal .main-cnt .tip>div ul li {
 font-size:12px;
 line-height:1.4
}
.m__cal .main-cnt .tip>div .close {
 display:none
}
.m__cal .main-cnt .tip>div .none-exhibit {
 display:none
}
.m__cal .main-cnt .tip.close {
 background:url('../img/top/tip_red-arrow.png') center bottom no-repeat;
 padding-bottom:18px
}
.m__cal .main-cnt .tip.close>div {
 border:1px solid #b93825;
 border-bottom:none
}
.m__cal .main-cnt .tip.close>div .close {
 display:block
}
.m__cal .main-cnt .tip.close>div .close li {
 color:#b93825
}
.m__cal .main-cnt .tip.close>div .events {
 display:none
}
.m__cal .main-cnt .tip.none-exhibit>div .none-exhibit {
 display:block
}
.m__cal .main-cnt .tip.none-exhibit>div .events {
 display:none
}

.m__cal .prev-month,
.m__cal .next-month{
	display:block;
	width:30px;
	height:30px;
	box-sizing:border-box;
	position:relative;
	z-index:1;
}

.m__cal .prev-month{
	/*float:left;*/
	/*left:-10px;*/
	position:absolute;
	top:0;
	left:0;
}

.m__cal .next-month{
	/*float:right;*/
	position:absolute;
	top:0;
	right:0;
}

.m__cal .prev-month a,
.m__cal .next-month a{
	display:block;
	position:absolute;
	top:44px;
	height:30px;
	width:30px;
	background-image:url(../img/top/calendar-arrow.png);
	background-repeat:no-repeat;
}

.m__cal .prev-month a {
	background-position:0;
}

.m__cal .next-month a {
	background-position:-30px;
}



@media screen and (max-width:1200px) {

.m__cal .main-cnt {
 padding:0 40px;
}

}




.f-exhibition{
	margin-bottom:50px;
}

.f-exhibition *,
.f-exhibition *::before,
.f-exhibition *::after{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.f-exhibition div::after,
.f-exhibition ul::after{
    content:"";
    display:block;
    clear:both;
}

.f-exhibition a{
	color:#000;
	text-decoration:none;
}

.f-exhibition h2{
	margin-bottom:35px;
}

.f-exhibition img{
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}

.f-exhibition li img{
	height:180px;
	object-fit:contain;
	object-position:50% 50%;
	font-family:'object-fit: contain; object-position: 50% 50%;';
}

.f-exhibition li{
	float:left;
	width:310px;
	margin-right:25px;
	padding:10px;
	border:1px solid #ccc;
	text-align:center;
}

.f-exhibition li:nth-child(3n){
	margin-right:0;
}


.f-exhibition li:nth-child(n+4){
	margin-top:25px;
}

.f-exhibition li p,
.f-exhibition li h3{
	padding-top:15px;
	text-align:left;
	
}

.f-exhibition li h3{
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	letter-spacing:0.1em;
	color:#836E32;
}

.f-exhibition-view{
	margin-top:15px;
	text-align:right;
}

.f-exhibition-view a{
	line-height:1;
}

.f-exhibition-view a img{
	vertical-align:middle;
}

.easy_japanese-banner{
	margin-top:35px;	
}

.related-banner{
	margin:15px auto;
}

.social-banner ul,
.related-banner ul{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.related-banner ul li:nth-child(n+2){
	margin-left:16px;
}

.social-banner ul li:nth-child(n+2){
	margin-left:10px;
}

/*.info-box{
	margin-bottom:50px;
}*/

.info-box h2{
    margin: 0 0 35px;
}

.info-box > ul li{
    position: relative;
    margin: 0 0 50px 0;
}



#main.top.en .f-exhibition h2,
#main.top.ch .f-exhibition h2,
#main.top.tc .f-exhibition h2,
#main.top.ko .f-exhibition h2{
	display:none;
}

#main.top.en .f-exhibition,
#main.top.ch .f-exhibition,
#main.top.tc .f-exhibition,
#main.top.ko .f-exhibition{
	margin-top:50px;
}




@media screen and (max-width: 767px) {

body{width:100%;}
#coverart .information {
	width:95%;
	margin: 0 auto;
	color: #ffffff;
	font-size: 20px;
	position: absolute;
	bottom: 77px;
	z-index: 1000;
	padding:25px;
	/*background:rgba(255,255,255,0.9);*/
	background:rgba(204,0,0,0.9);
	line-height:1.4;
}

#coverart .information a{
	color:#ffffff;
}

}