@charset "utf-8";
@media screen and (min-width : 641px) and (max-width : 1170px) {
.sec_wrap .sec_wrap_inner::before {
	left:-440px;
}
}
@media screen and (min-width : 641px) and (max-width : 1100px) {
.sec_opening .opening_calendar{
	padding-left: 10px;
	padding-right: 10px;
}
.sec_opening .calendar_tbl td{
	padding-left: 5px;
	padding-right: 5px;
}
}
@media screen and (min-width : 641px) and (max-width : 960px){
.sec_news .ttl_sec p{
	padding-right: 140px;
	background-size: 128px auto;
}
.sec_opening .ttl_sec p{
	padding-right: 150px;
	background-size: 150px auto;
}
}
@media screen and (min-width : 641px) and (max-width : 800px) {
.ttl_sec p{
	display: block;
	background-position: left bottom 2px;
}
.sec_mainvisual .mv_vector_lft{
	left: -304px;
}
.sec_mainvisual .mv_vector_rgt{
	right: -246px;
}
.sec_news .ttl_sec p,
.sec_opening .ttl_sec p,
.sec_event .ttl_sec p{
	padding: 0 0 20px;
}
}
@media screen and (max-width : 640px) {
/* start Common Pattern
================================================== */
.ttl_sec{
	margin-bottom: 32px;
	padding-left: 60px;
	-webkit-background-size: 50px auto;
	-moz-background-size: 50px auto;
	background-size: 50px auto;
	font-size: 150%;
	line-height: 1.2;
}
.ttl_sec p{
	display: block;
	background-position: 2px bottom;
}

/* Mainvisual
================================================== */
.sec_mainvisual{
	padding-bottom: 46px;
}
.sec_mainvisual .mv_outer{
	padding-top: 55px;
}
.sec_mainvisual .mv_outer:after{
	right: 0;
	width: calc(100% + 16px);
	background-image: url(/shared/templates/history_top/images/icon/mv_pattern_sp.jpg);
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	z-index: -2;
}
.sec_mainvisual .mv_inner::before {
    top:-55px;
	left:-16px;
	background-image:url(/shared/templates/history_top/images/icon/mv_vector_left_sp.png);
	width:137px;
	height:61px;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
.sec_mainvisual .mv_wrapper .container{
	padding-right: 0;
}
.sec_mainvisual .mv_des{
	right: 15%;
	bottom: 26px;
	left: 37px;
	font-size: 100%;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.94), 1px 1px 3px rgba(0, 0, 0, 0.94), 2px 2px 3px rgba(0, 0, 0, 0.94);
}
/* end Mainvisual
================================================== */

/* start News
================================================== */
.sec_wrap {
	padding: 1px 0 46px;
}
.sec_wrap .sec_wrap_inner{
	display: block;
	margin: 0;
	padding: 0;
}
.sec_wrap .sec_wrap_inner::before {
	display:none;
}
.sec_news,
.sec_opening{
	width: 100%;
	padding: 0;
}
.sec_news{
	position:relative;
	padding-bottom: 116px;
}
.sec_news::before {
	content:'';
	position:absolute;
    bottom: 25px;
	left:-16px;
	background-image: url(/shared/templates/history_top/images/icon/news_vector_lft_sp.png);
	width:165px;
	height:85px;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.sec_wrap .news_vector_lft{
	width: 184px;
	left: -36px;
	bottom: 31px;
}
.sec_news .ttl_sec p{
	padding: 0 0 10px;
	background-image: url(/shared/templates/history_top/images/icon/news_ttl_en_sp.png);
	-webkit-background-size: 139px auto;
	-moz-background-size: 139px auto;
	background-size: 139px auto;
}
.sec_news .list_news{
	margin-bottom: 18px;
}
.sec_news .news_item{
	padding: 19px 0 13px;
	font-size: 100%;
	line-height: 1.5;
}
.sec_news .news_date{
	margin-bottom: 8px;
	font-size: 87.5%;
	line-height: 1;
}
.sec_news .list_link li:not(:last-child){
	margin-right: 20px;
}
/* more_reading
================================================== */
.more_reading p a {
	padding-left: 24px;
	background-image:url(/shared/site_history/images/icon/arrow_link_sp.png);
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	background-size: 16px auto;
	font-size: 87.5%;
}

/* start Opening
================================================== */
.sec_opening{
	padding-bottom: 34px;
}
.opening_content {
	padding-right:0;
}
.sec_opening:after{
	width: calc(100% + 304px);
	height: 210px;
}
.sec_opening .ttl_sec p{
	padding: 0 0 10px;
	background-image: url(/shared/templates/history_top/images/icon/opening_ttl_en_sp.png);
	-webkit-background-size: 201px auto;
	-moz-background-size: 201px auto;
	background-size: 201px auto;
}
.sec_opening .opening_calendar{
	margin-right: 0;
	padding: 14px 22px 18px 24px;
}
.sec_opening .calendar_date{
	font-size: 73.2%;
}
.sec_opening .calendar_date span{
	font-size: 160%;
}
.sec_opening .calendar_tbl th{
	padding: 4px 8px 1px;
	font-size: 62.5%;
}
.sec_opening .calendar_tbl td{
	padding: 3px 6px 6px;
	font-size: 73.2%;
}
.sec_opening .calendar_tbl .event_day:after{
	right: 4px;
	bottom: 3px;
	width: 10px;
	height: 10px;
}
.sec_opening .calendar_tag{
	margin-top: 0;
}
.sec_opening .calendar_tag li{
	padding-left: 17px;
	font-size: 62.5%;
}
.sec_opening .calendar_tag li:before{
	width: 14px;
	height: 12px;
}
.sec_opening .calendar_tag li.tag_event{
	padding-left: 9px;
}
.sec_opening .calendar_tag li.tag_event:before{
	width: 10px;
	height: 10px;
}
.sec_opening .calendar_tag li:not(:last-child){
	margin-right: 17px;
}
/* end Opening
================================================== */

/* start Event
================================================== */
.sec_event{
	padding-bottom: 48px;
}
.sec_event .ttl_sec{
	padding-left: 56px;
}
.sec_event .ttl_sec p{
	padding: 0 0 10px;
	background-image: url(/shared/templates/history_top/images/icon/event_ttl_en_sp.png);
	-webkit-background-size: 252px auto;
	-moz-background-size: 252px auto;
	background-size: 252px auto;
}
.sec_event .art_exhibition{
	padding-bottom: 57px;
}
.sec_event .art_exhibition:after{
	top: 23.5%;
	background-image: url(/shared/templates/history_top/images/icon/event_bgr_pattern_sp.jpg);
	background-repeat: repeat-y;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	height: auto;
}
.sec_event .exhibition_list{
	display: block;
	margin: 0 0 14px;
}
.sec_event .exhibition_item{
	margin-bottom: 16px;
	padding: 0;
	width: 100%;
}
.sec_event .exhibition_item_inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8px;
}
.sec_event .exhibition_item_img{
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 120px;
	height: auto;
}
.sec_event .exhibition_item_img img{
	display: block;
}
.sec_event .exhibition_item_des{
	-webkit-box-flex: 1;
	-ms-flex: 1 auto;
	flex: 1 auto;
	padding: 0 0 0 10px;
}
.sec_event .exhibition_item_date{
	margin: -3px 0 3px;
	font-size: 75%;
	line-height: 1.5;
}
.sec_event .exhibition_item_date br{
	display: block;
}
.sec_event .exhibition_item:last-of-type{
	margin-bottom: 0;
}
.sec_event .exhibition_item_link{
	font-size: 87.5%;
	line-height: 1.7;
}
.sec_event .event_content{
	padding-top: 78px;
}
.sec_event .event_content::before {
    right: -16px;
    top: -46px;
	background-image:url(/shared/templates/history_top/images/icon/event_vector_rgt_sp.png);
	width:185px;
	height:63px;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.sec_event .event_list{
	margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px;
}
.sec_event .event_item{
	margin-bottom: 35px;
    padding: 0 15px;
	width: 50%;
}
.sec_event .event_item_inner{
	display: block;
}
.sec_event .event_item_img{
	margin-bottom: 20px;
	width: 100%;
}
.sec_event .event_item_des{
	padding-left: 0;
}
.sec_event .event_item_ttl{
	-webkit-background-size: 30px auto;
	-moz-background-size: 30px auto;
	background-size: 30px auto;
	font-size: 112.5%;
	line-height: 1.3;
}
.sec_event .event_item_ttl{
	padding:  11px 8px 10px;
}
.sec_event .event_item_ttl a{
	margin: -11px -8px -10px;
	padding: 11px 8px 10px 30px;
	background-position: 8px 18px;
	background-image:url(/shared/site_history/images/icon/arrow_link_sp.png);
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	background-size: 16px auto;
}
.sec_event .event_item_ttl br{
	display: none;
}
.sec_event .event_item:last-of-type{
	margin-bottom: 0;
}
.sec_event .event_list_dot{
	margin: 10px 0 0 17px;
}
.sec_event .event_list_dot li{
	font-size: 100%;
	line-height: 1.7;
}
/* end Event
================================================== */
#tmp_footer{
	padding-top: 59px;
}
#tmp_footer .footer_vector_lft{
	top: -57px;
	left: -16px;
	width: 184px;
}
/* start accessibility
================================================== */
.fsize_small #tmp_wrapper .ttl_sec p{
	background-position: 2px bottom;
}
.fsize_big2 #tmp_wrapper .sec_opening .calendar_tbl td{
	font-size: 1rem;
}
.no_javascript #tmp_wrapper .sec_event .exhibition_item_img img{
	height: auto;
}
/* end accessibility
================================================== */
}