@charset "UTF-8";
/* CSS Document */

/*read speakerで使用 1/3*/
#newsBox .menuBox.rs form{ padding: 0 0 15px 0}
.top_readspeaker { }
br.rs_pause{height: 0;}
body.rs{ position: relative;}
#xp1{ position: fixed; left:30px; bottom: 30px; z-index: 999999;}
#rs_top_txt{ display: none;}

/* MAIN VISUAL */
#mainVisualWrapper { padding:0 0 0 0; position:fixed; width:100%; top:0px; left:0px; z-index:10; }
#mainVisual { width:100%; margin:0 auto 0 auto; padding:0 0 0 0; position:relative; z-index:5; clear:both;  }
#mainVisual .logoBox { position:absolute; bottom:56px; left:71px; width:10%; max-width:281px; min-width:120px; z-index:999998;  } 
#mainVisual .scrollBtn { width:100%; text-align:center; position:absolute; left:0px; bottom:35px; cursor:pointer; transition-property: bottom; transition-duration:0.5s; transition-timing-function:ease-out; transition-delay:0s; z-index:999998; -webkit-transition-property: bottom; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease-out; -webkit-transition-delay:0s; }
#mainVisual .scrollBtn:hover { bottom:25px; }
#mainVisualContent { overflow:visible; }
#mainVisualContent li {  }
#mainVisualContent li .teaserLink { width:836px; margin:185px auto 0 auto; padding:0 100px 0 164px; }
#mainVisualContent li .teaserLink #countDownDays { float:left; }
#mainVisualContent li .teaserLink #teaserLogo { float:right; }
#mainVisualContent li#teaserSite5 { text-align:center; min-width:1260px; width:100%; overflow:visible; }
#mainVisualContent li#teaserSite6 { text-align:center; min-width:1260px; width:100%; overflow:visible; }
#mainVisualContent li a:link,
#mainVisualContent li a:visited { text-align:center; width:100%; transition-property:opacity; transition-duration:1s; transition-timing-function:ease-out; height:100%; display:block; }
#mainVisualContent li a:hover,
#mainVisualContent li a:active { text-align:center; width:100%; opacity:0.7; }
#mainVisualContent li img { width:auto; max-width:100%; margin:0 auto 0 auto; height:auto; max-height:100%; position:relative; }
#mainVisualContent li#teaserSite5 .backstretch img { bottom:0px !important; top:auto !important; left:0px !important; }
#mainVisualContent li#teaserSite7 .backstretch img { bottom:0px !important; top:auto !important; left:0px !important; }
#mainVisualContent li#teaserSite5 span { position:absolute; top:28% !important; left:68% !important; width:auto; max-width:30%; display:inline-block; overflow:visible; }
#mainVisualContent li#teaserSite7 span { position:absolute; top:38% !important; left:68% !important; width:auto; max-width:30%; display:inline-block; overflow:visible; }
#mainVisualContent li#teaserSite6 .backstretch img { bottom:0px !important; top:auto !important; left:0px !important; }

#mainVisualContent li span.caption { position:absolute; bottom:60px; right:0; display:block; font-size:1rem; line-height:18px; color:#000; text-align:right; width:100%; padding:0 10px 0 0; box-sizing:border-box; }
#mainVisualContent li span.caption02 { position:absolute; bottom:60px; right:0; display:block; font-size:1rem; line-height:18px; color:#000; text-align:right; width:100%; padding:0 10px 0 0; box-sizing:border-box; }

/*20190912 庭園開放 1/2*/
#mainVisualContent li#garden201909 span {}
#mainVisualContent li#garden201909 span.span01{ position:absolute; top:50% !important; left:10% !important; transform: translateY(-50%); display:inline-block; overflow:visible; width: 80%; text-align: center; }
#mainVisualContent li#garden201909 .pc{ display: block;}
#mainVisualContent li#garden201909 .sp{ display: none;}

/*20191220 ラリック展スライド 1/3*/
#mainVisualContent li#teaser_lalique span {}
#mainVisualContent li#teaser_lalique span.span01{ position:absolute; top:130px !important; left:2% !important; display:inline-block; overflow:visible; max-width: 46.4%; }
#mainVisualContent li#teaser_lalique span.span02{ position:absolute; top:130px !important; right:2% !important; display:inline-block; overflow:visible; max-width: 25.1%; }
#mainVisualContent li#teaser_lalique span.span01 .pc,#mainVisualContent li#teaser_lalique span.span02 .pc{ display: block;}
#mainVisualContent li#teaser_lalique span.span01 .tab,#mainVisualContent li#teaser_lalique span.span02 .tab{ display: none;}
#mainVisualContent li#teaser_lalique span.span01 .sp,#mainVisualContent li#teaser_lalique span.span02 .sp{ display: none;}

/*20201222 冬期休館 1/2*/
#mainVisualContent li#winterClose span {}
#mainVisualContent li#winterClose span.span01{ position:absolute; top:50% !important; left:0 !important; transform: translateY(-50%); display:inline-block; overflow:visible; width: 100%; text-align: center; background-color: hsla(42,49%,50%,0.90); padding: 30px; box-sizing: border-box; }
#mainVisualContent li#winterClose span.span01 img{ max-width: 90%;}
#mainVisualContent li#winterClose .pc{ display: block;}
#mainVisualContent li#winterClose .sp{ display: none;}

/* NEWS */
/*20200730 1/3 上書き*/#newsBox { padding:30px 0 55px 0px; width:1260px; margin:0 auto 0 auto; background:#fff; min-height: 340px; position: relative; }
/*29180712上書き*/#newsBox h2 { width:114px; float:left; padding:0 0 0 20px; margin:0 20px 0 0; }
/*29180712追加*/
#newsBox .lBox{ width: 900px; float: left;}
#newsBox .lBox #newsArea{ margin: 0 0 20px 0;}
#newsBox .lBox #programArea{ }
/*end 29180712追加*/
/*29180712上書き*/#newsBox .latestNews { width:700px; float:left; }
#newsBox .latestNews table { width:100%; }
#newsBox .latestNews table tr th { padding:5px 10px; font-size:1.4rem; text-align:left; width:100px; color:#000; font-weight:normal; vertical-align: top;}
#newsBox .latestNews table tr td { padding:5px 0px 5px 10px; font-size:1.4rem; text-align:left; }
#newsBox a:link,
#newsBox a:visited { color:#000; text-decoration:none; }
#newsBox a:hover,
#newsBox a:active { color:#999; text-decoration:none; }

#newsBox .menuBox { width:245px; float:right; padding:0 20px 0 0; }
#newsBox .menuBox form { width:245px; float:left; padding:0 0 26px 0; display:block; }
#newsBox .menuBox form input { float:left; }
#newsBox .menuBox #searchInput { background:#e6e6e6; width:201px; padding:2px 5px; margin:0; height:22px; border:none; outline:none; display:block; }
#newsBox .menuBox #searchSubmit { background:#e6e6e6 url(../../img/btn_search_01.gif) no-repeat; height:26px; width:34px; padding:0; margin:0; border:none; outline:none; display: block; cursor:pointer; }

/*20200730 2/3 Twitter埋め込み*/
#newsBox #news_sns{ position: absolute; right: 20px; top:115px; width: 355px; }
#newsBox #news_sns .snsBox { width:258px; clear:both; margin: 0 auto; padding: 10px 0 0 0;}
#newsBox #news_sns .snsBox ul { }
#newsBox #news_sns .snsBox ul li.facebookBtn02 { width:75px; }
#newsBox #news_sns .snsBox ul li.tweetBtn02 { width:74px; }
#newsBox #news_sns .snsBox ul li.instagramtBtn02 { width:76px; }
#newsBox #news_sns .snsBox ul li.youtubeBtn02 { width:33px; }
#newsBox #news_sns .snsBox ul li { float:left; }


#contentBox { width:1260px; margin:0 auto 0 auto; padding:0 0 150px 0; background:#fff; }
#mainContent { width:860px; float:right; padding:0 0 0 0; }
#gridBox { }
#gridBox li.largeGrid { width:405px; float:left; margin:0 25px 25px 0; }
#gridBox li.smallGrid { width:190px; float:left; margin:0 25px 25px 0; }

#subContent { width:380px; float:left; padding:0 0 0 0; }
#subContent #calendarBox {
	width:380px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#subContent #calendarBox table { width:280px; margin:0 auto 0 auto; }
/*20160322　カレンダー修正（この行上書きしてください）*/#subContent #calendarBox table tr td { text-align:center; vertical-align:middle; font-size:100%; width:40px; height:44px; }
#subContent #calendarBox table tr td.sunday { color:#ff4646; }
#subContent #calendarBox table tr td.monday { color:#333; }
#subContent #calendarBox table tr td.tuesday { color:#333; }
#subContent #calendarBox table tr td.wednesday { color:#333; }
#subContent #calendarBox table tr td.thursday { color:#333; }
#subContent #calendarBox table tr td.friday { color:#333; }
#subContent #calendarBox table tr td.saturday { color:#9b9b9b; }
#subContent #calendarBox table tr td.holiday { color:#ff4646; }
#subContent #calendarBox table tr td.today { background:url(../../img/ico_calendar_01.gif) center top no-repeat; }
#subContent #calendarBox table tr td span { display:inline-block; padding:0 2px; }
#subContent #calendarBox table tr td span.today { border:#333 solid 1px; }
/*20200501調整 1/2*//*20160404カレンダー修正（この行上書きしてください）*/#subContent #calendarBox table tr td span.closed { border:#cccccc/*#fff*/ solid 1px; background:#cccccc/*#fff*/; }
#subContent #calendarBox table tr td span.event { border:#f5f500 solid 1px; background:#f5f500;  }
#subContent #calendarBox table tr td.sunday a:link,
#subContent #calendarBox table tr td.sunday a:visited { color:#ff4646; text-decoration:none; }
#subContent #calendarBox table tr td.sunday a:hover,
#subContent #calendarBox table tr td.sunday a:active { color:#ff4646; text-decoration:underline; }
#subContent #calendarBox table tr td.monday  a:link,
#subContent #calendarBox table tr td.monday  a:visited { color:#333; text-decoration:none; }
#subContent #calendarBox table tr td.monday  a:hover,
#subContent #calendarBox table tr td.monday  a:active { color:#333; text-decoration:underline; }
#subContent #calendarBox table tr td.tuesday a:link,
#subContent #calendarBox table tr td.tuesday a:visited { color:#333; text-decoration:none; }
#subContent #calendarBox table tr td.tuesday a:hover,
#subContent #calendarBox table tr td.tuesday a:active { color:#333; text-decoration:underline; }
#subContent #calendarBox table tr td.wednesday a:link,
#subContent #calendarBox table tr td.wednesday a:visited { color:#333; text-decoration:none; }
#subContent #calendarBox table tr td.wednesday a:hover,
#subContent #calendarBox table tr td.wednesday a:active { color:#333; text-decoration:underline; }
#subContent #calendarBox table tr td.thursday a:link,
#subContent #calendarBox table tr td.thursday a:visited { color:#333; text-decoration:none; }
#subContent #calendarBox table tr td.thursday a:hover,
#subContent #calendarBox table tr td.thursday a:active { color:#333; text-decoration:underline; }
#subContent #calendarBox table tr td.friday a:link,
#subContent #calendarBox table tr td.friday a:visited { color:#333; text-decoration:none; }
#subContent #calendarBox table tr td.friday a:hover,
#subContent #calendarBox table tr td.friday a:active { color:#333; text-decoration:underline; }
#subContent #calendarBox table tr td.saturday a:link,
#subContent #calendarBox table tr td.saturday a:visited { color:#9b9b9b; text-decoration:none; }
#subContent #calendarBox table tr td.saturday a:hover,
#subContent #calendarBox table tr td.saturday a:active { color:#9b9b9b; text-decoration:underline; }
#subContent #calendarBox table tr td.holiday a:link,
#subContent #calendarBox table tr td.holiday a:visited { color:#ff4646; text-decoration:none; }
#subContent #calendarBox table tr td.holiday a:hover,
#subContent #calendarBox table tr td.holiday a:active { color:#ff4646; text-decoration:underline; }

#subContent #calendarBox .dateBox { }
#subContent #calendarBox .dateBox table { margin:0 auto 30px auto; width:280px; }
#subContent #calendarBox .dateBox table tr td.day { font-size:400%; font-weight:bold; width:80px; vertical-align:middle; padding:0 0 0 0; height:48px; text-align:center; }
#subContent #calendarBox .dateBox table tr td.month { font-size:150%; line-height:18px; text-align:left; vertical-align:top; padding:3px 0 0 0; height:auto; width:auto; }
#subContent #calendarBox .dateBox table tr td.year { font-size:150%; line-height:18px; text-align:left; vertical-align:bottom; padding: 0 0 3px 0; height:auto; width:auto; }
#subContent #calendarBox .dateBox h3 { width:280px; margin:0 auto 0 auto; font-size:116%; text-align:center; }
/*20160404カレンダー修正（この行上書きしてください）*/#subContent #calendarBox .dateBox p { width:280px; margin:0 auto 3px; display:block; font-size:100%; text-align:left; }
/*20160404カレンダー修正（この行上書きしてください）*/#subContent #calendarBox .dateBox p span.eventDay { background:url(../../img/ico_calendar_02.gif) left no-repeat; padding:0 12px 0 15px; }
/*20200501調整 2/2*//*20160404カレンダー修正（この行上書きしてください）*/#subContent #calendarBox .dateBox p span.closedDay { background:url(../../img/ico_calendar_03.gif) left no-repeat; padding:0 12px 0 15px; }
/*20160404カレンダー修正（この行上書きしてください）*/#subContent #calendarBox .dateBox p span.exihibitionDay { background:url(../../img/ico_calendar_04.png) left no-repeat; padding:0 12px 0 15px; }
/*20160404カレンダー修正（この行上書きしてください）*/#subContent #calendarBox .dateBox p span.opengardenDay { background:url(../../img/ico_calendar_05.png) left no-repeat; padding:0 12px 0 15px; }/*end 20160322　カレンダー修正（この行上書きしてください）1/2*/
/*20160404カレンダー修正（この行上書きしてください）*//*20160322カレンダー夜間 1/2*/
#subContent #calendarBox .dateBox p span.openNight { background:url(../../img/ico_calendar_06.png) left no-repeat; padding:0 0 0 15px; }
/*end20160322カレンダー夜間 1/2*/


#subContent #calendarBox .bx-wrapper .bx-conrtols-direction a { top:15px; }
#subContent .snsBox { /* width:256px; */
	width:258px;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#subContent .snsBox ul { margin:0 0 15px 0; }
#subContent .snsBox ul li.facebookBtn { width:56px; }
#subContent .snsBox ul li.tweetBtn { width:56px; }
#subContent .snsBox ul li.pinterestBtn { width:56px; }
#subContent .snsBox ul li.youtubeBtn { width:33px; }
#subContent .snsBox ul li.instagramtBtn { width:56px; }

#subContent .snsBox ul li.facebookBtn02 { width:75px; }
#subContent .snsBox ul li.tweetBtn02 { width:74px; }
#subContent .snsBox ul li.instagramtBtn02 { width:76px; }
#subContent .snsBox ul li.youtubeBtn02 { width:33px; }
#subContent .snsBox ul li { float:left; }

#subContent #ttmtoday {
	width:280px;
	color:#333;
	font-size:116%;
	font-weight:bold;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#subContent #exhibitionBox { width:380px; margin:0 auto 40px auto; padding:0 0 0 0; }
#subContent #exhibitionBox h3 { border-bottom:#939393 solid 1px; padding:0 0 7px 0; width:280px; margin:0 auto 14px auto; }
#subContent #exhibitionBox .exhibitionBox { width:280px; margin:0 auto 0 auto; }
#subContent #exhibitionBox .exhibitionBox a:link,
#subContent #exhibitionBox .exhibitionBox a:visited { color:#000; text-decoration:none; }
#subContent #exhibitionBox .exhibitionBox a:hover,
#subContent #exhibitionBox .exhibitionBox a:active { color:#000; text-decoration:underline; }
#subContent #exhibitionBox .exhibitionBox p.date { color:#888888; font-weight:normal; margin:0 0 10px 0; line-height:16px; padding:0; }
#subContent #exhibitionBox .exhibitionBox p { color:#333; font-size:116%; font-weight:bold; margin:0 0 20px 0; line-height:16px; padding:0; }
#subContent #exhibitionBox .bx-wrapper .bx-conrtols-direction a { top:0px; }
#subContent #eventBox { width:380px; margin:0 auto 40px auto; padding:0 0 0 0; }
#subContent #eventBox .eventBox { width:280px; margin:0 auto 0 auto; }
#subContent #eventBox h3 { border-bottom:#939393 solid 1px; padding:0 0 7px 0; width:280px; margin:0 auto 14px auto; }
#subContent #eventBox .eventBox { width:280px; margin:0 auto 0 auto; }
#subContent #eventBox .eventBox a:link,
#subContent #eventBox .eventBox a:visited { color:#000; text-decoration:none; }
#subContent #eventBox .eventBox a:hover,
#subContent #eventBox .eventBox a:active { color:#000; text-decoration:underline; }
#subContent #eventBox .eventBox p.date { color:#888888; font-weight:normal; margin:0 0 10px 0; line-height:16px; padding:0; /*20191204 プログラム日付非表示の設定 → */display: none; }
#subContent #eventBox .eventBox p { color:#333; font-size:116%; font-weight:bold; margin:0 0 20px 0; line-height:16px; padding:0; }
#subContent #eventBox .bx-wrapper .bx-conrtols-direction a { top:10px; }

#wrapper { padding:0 0 0 0; position:relative; width:100%; background:#fff; margin:0 auto 0 auto; z-index:999998; }
#wrapperScroll { position:fixed; top:1px; left:0px; }

/*20160322　カレンダー修正（この行上書きしてください）2/2*//*20150406 カレンダーアンダーライン*/
#subContent #calendarBox table tr td.ud_green{ /* border-bottom: 2px solid #29c700; */ background:url(../../img/bg_calendar_02.png) center 32px repeat-x; }
#subContent #calendarBox table tr td.ud_brown{ /* border-bottom: 2px solid #f67a06; */ background:url(../../img/bg_calendar_01.png) center 32px repeat-x; }
#subContent #calendarBox table tr td.today.ud_green { background:url(../../img/ico_calendar_01.gif) center top no-repeat,url(../../img/bg_calendar_02.png) center 32px repeat-x; }
#subContent #calendarBox table tr td.today.ud_brown { background:url(../../img/ico_calendar_01.gif) center top no-repeat,url(../../img/bg_calendar_01.png) center 32px repeat-x; }
/*end 20160322　カレンダー修正（この行上書きしてください）2/2*//*end_20150406 カレンダーアンダーライン*/

/*20160322　カレンダー夜間 2/2*/
#subContent #calendarBox table tr td.ud_night{ background:url(../../img/bg_calendar_03.png) center 32px repeat-x; }
#subContent #calendarBox table tr td.today.ud_night{ background:url(../../img/ico_calendar_01.gif) center top no-repeat,url(../../img/bg_calendar_03.png) center 32px repeat-x; }
/*end_20160322 カレンダー夜間*/

/*20170316　バナーぐるっとパス*/
.topBnr{ margin: 20px 0 0 0;}
.topBnr a img:hover{ opacity: 0.6;}

/*20200227　臨時休業 1/3*/
#extraClosed{ width: 100%; height: 100%; background-color: #ddd; position: relative; font-size: 1.8vw; line-height: 1.8; transition: all 0.5s !important;}
#extraClosed .inner{ padding: 20px; max-width: 1200px; width: 80%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#extraClosed .inner .tit{ font-weight: bold; font-size: 150%; margin: 0 0 10px 0;}
#extraClosed .inner .small{ font-size: 80%;}
#extraClosed .logo { position:absolute; bottom:56px; left:71px; width:10%; max-width:281px; min-width:120px; z-index:999998;  } 
#extraClosed a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: hsla(0,0%,0%,0.00); z-index:999; }
#extraClosed:hover{ background-color: #aaa; }
/*20210527 予約 1/3*/
#extraClosed a.yoyaku { max-width: 1200px !important; width: 80% !important; font-size: 2.8rem; line-height: 1.4; color: #ff0000; font-weight: bold; text-decoration: none;  background-color: hsla(0,0%,100%,0.50); padding: 1em 1em; box-sizing: border-box; margin: 0 0 2.5vw; border: 1px solid #ff0000; font-feature-settings: "palt" 1; text-align: center; display: block; z-index: 9999999; height: auto !important; top: 10vw; left: 50%; transform: translateX(-50%) ;}
#extraClosed a.yoyaku span{ font-size: 80%;}
#extraClosed a.yoyaku:hover{background-color: hsla(0,0%,100%,1);}
#extraClosed .inner{ margin-top: 4vw;}

/*20200526　再開 1/2*/
#reopen,#reopen02{ width: 100%; height: 100%;  position: relative; font-size: 1.8vw; line-height: 1.8;}
#reopen span,#reopen02 span{ position:absolute; top:105px !important; left:50% !important; transform: translateX(-50%); display:inline-block; overflow:visible; width: 80%; text-align: center; }
#reopen span .pc,#reopen02 span .pc{ display: block;}
#reopen span .sp,#reopen02 span .sp{ display: none;}

/*20200527 東京モダン生活展スライド 1/5*/
#mainVisualContent li#teaser_UrbanLifeinModernTokyo span.span01{ position:absolute; top:130px !important; bottom: 100px; right:0 !important; display:inline-block; width: 44%; text-align: center; }
#mainVisualContent li#teaser_UrbanLifeinModernTokyo span.span01 .pc{ max-width: 90%; }
#mainVisualContent li#teaser_UrbanLifeinModernTokyo span.span02.pc{ position:absolute; top:0 !important; left:0 !important; display:inline-block; width: 56%; height: 100%; background-image: url("../../img/img_mainphoto_UrbanLifeinModernTokyo_img_pc.jpg") ; background-position: center center; background-repeat: no-repeat; background-size: cover;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .pc{ display: block;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .tab{ display: none;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .sp{ display: none;}

/*20200903 生命の庭スライド 1/3*/
/*#mainVisualContent li#teaser_GardenOfLife{ background-color: #fff;}*/
#mainVisualContent li#teaser_GardenOfLife span.span01{ position:absolute; top:130px !important; bottom: 100px; right:0 !important; display:inline-block; width: 100%; text-align: center; }
#mainVisualContent li#teaser_GardenOfLife span.span01 .pc{ max-width: 90%; }
#mainVisualContent li#teaser_GardenOfLife .pc{ display: block;}
#mainVisualContent li#teaser_GardenOfLife .tab{ display: none;}
#mainVisualContent li#teaser_GardenOfLife .sp{ display: none;}

/*20210105 ポスター展 1/4*/
#mainVisualContent li#teaser_PostersOfThe20th span.span01{ position:absolute; top:130px !important; bottom: 100px; right:0 !important; display:inline-block; width: 100%; text-align: center; }
#mainVisualContent li#teaser_PostersOfThe20th span.span01 .pc{ max-width: 90%; }
#mainVisualContent li#teaser_PostersOfThe20th .pc{ display: block;}
#mainVisualContent li#teaser_PostersOfThe20th .tab{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th .sp{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th02 span.span01,#mainVisualContent li#teaser_PostersOfThe20th03 span.span01,#mainVisualContent li#teaser_PostersOfThe20th04 span.span01{ position:absolute; top:130px !important; bottom: 100px; right:0 !important; display:inline-block; width: 100%; text-align: center; }
#mainVisualContent li#teaser_PostersOfThe20th02 span.span01 .pc,#mainVisualContent li#teaser_PostersOfThe20th03 span.span01 .pc,#mainVisualContent li#teaser_PostersOfThe20th04 span.span01 .pc{ max-width: 90%; }
#mainVisualContent li#teaser_PostersOfThe20th02 .pc,#mainVisualContent li#teaser_PostersOfThe20th03 .pc,#mainVisualContent li#teaser_PostersOfThe20th04 .pc{ display: block;}
#mainVisualContent li#teaser_PostersOfThe20th02 .tab,#mainVisualContent li#teaser_PostersOfThe20th03 .tab,#mainVisualContent li#teaser_PostersOfThe20th04 .tab{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th02 .sp,#mainVisualContent li#teaser_PostersOfThe20th03 .sp,#mainVisualContent li#teaser_PostersOfThe20th04 .sp{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th02 span.caption,#mainVisualContent li#teaser_PostersOfThe20th03 span.caption,#mainVisualContent li#teaser_PostersOfThe20th04 span.caption{ width: 90%; margin: 0 5%; text-align: left;}

/*20210402 建物公開2021 1/3*/
#mainVisualContent li#teaser_ArtDeco2021 span.span01{ position:absolute; top:130px !important; bottom: 100px; right: 0; display:flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; text-align: center; }
#mainVisualContent li#teaser_ArtDeco2021 span.span01 .pc{ max-width: 87.7%; }
#mainVisualContent li#teaser_ArtDeco2021 .pc{ display: block;}
#mainVisualContent li#teaser_ArtDeco2021 .tab{ display: none;}
#mainVisualContent li#teaser_ArtDeco2021 .sp{ display: none;}

#mainVisualContent li#teaser_ArtDeco2021_02 span.span01{ position:absolute; top:130px !important; bottom: 100px; right: 0; display:flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; text-align: center; }
#mainVisualContent li#teaser_ArtDeco2021_02 span.span01 .pc{ max-width: 87.7%; }
#mainVisualContent li#teaser_ArtDeco2021_02 .pc{ display: block;}
#mainVisualContent li#teaser_ArtDeco2021_02 .tab{ display: none;}
#mainVisualContent li#teaser_ArtDeco2021_02 .sp{ display: none;}
/*20210414 建物公開優先チケット*/
#mainVisualContent li#teaser_ArtDeco2021.holiday span.span01{top:240px !important;}
#mainVisualContent li#teaser_ArtDeco2021.holiday a.yoyakuTxt{ position: absolute; top: 130px; left: 50%; transform: translateX( -50%); margin: 0 auto; width: 90%; height: 0; padding-top: 8%;}
#mainVisualContent li#teaser_ArtDeco2021.holiday a.yoyakuTxt img{ width: 100%; position: absolute; top: 0; left: 0; }
#mainVisualContent li#teaser_ArtDeco2021.holiday a.yoyakuTxt .pc{display: block; }
#mainVisualContent li#teaser_ArtDeco2021.holiday a.yoyakuTxt .sp{display: none; }

#mainVisualContent li#teaser_ArtDeco2021_02.holiday span.span01{top:240px !important;}
#mainVisualContent li#teaser_ArtDeco2021_02.holiday a.yoyakuTxt{ position: absolute; top: 130px; left: 50%; transform: translateX( -50%); margin: 0 auto; width: 90%; height: 0; padding-top: 8%;}
#mainVisualContent li#teaser_ArtDeco2021_02.holiday a.yoyakuTxt img{ width: 100%; position: absolute; top: 0; left: 0; }
#mainVisualContent li#teaser_ArtDeco2021_02.holiday a.yoyakuTxt .pc{display: block; }
#mainVisualContent li#teaser_ArtDeco2021_02.holiday a.yoyakuTxt .sp{display: none; }
/*20210531 予約*/
#mainVisualContent li#teaser_ArtDeco2021.holiday a.yoyakuTxt.yoyaku0601 img{ width: 80%; position: absolute; top: 0; left: 50%; transform: translateX( -50%); max-width: 1200px;  }

/*20210607 ルネ・ラリック・リミックス 1/2*/
#mainVisualContent li#teaser_ReneLaliqueRemix{ background-color: #acc4ce;}
#mainVisualContent li#teaser_ReneLaliqueRemix .bg_pc{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1700px; max-width: 100%; margin: 0 auto;}
#mainVisualContent li#teaser_ReneLaliqueRemix .bg_pc span.span01{ position:absolute; top:50% !important; transform: translateY(-125%); right: 6%; width: 55%; text-align: center; }
#mainVisualContent li#teaser_ReneLaliqueRemix .bg_pc span.span01 img{ max-width: 650px; height: auto;}
#mainVisualContent li#teaser_ReneLaliqueRemix .bg_pc span.span02{ position:absolute; bottom:50% !important; transform: translateY(800%); left: 17%; width: 28%; text-align: center; height: 2.5vw; }
#mainVisualContent li#teaser_ReneLaliqueRemix .bg_pc span.span02 img{ width: 100%; max-width: 400px; }
#mainVisualContent li#teaser_ReneLaliqueRemix .bg_pc.yoyaku span.span02{ position:absolute; bottom:50% !important; transform: translateY(800%); left: 3%; width: 28%; text-align: center; height: 2.5vw; }
#mainVisualContent li#teaser_ReneLaliqueRemix a.yoyakuTxt{ position: absolute; bottom:50% !important; transform: translateY(440%); left: 33%; width: 25%; height: 5vw; }

/*20210901 キューガーデン 1/3*/
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew{ background-color: #fffcef;}
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew span.span01{ position:absolute; top:130px; left: 50%; transform: translateX(-50%); text-align: center; height: calc( 100% - 290px); }
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew span.span01 img{ max-height: 100%;}
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew a.yoyakuTxt{ position: absolute; bottom:80px !important; transform: translateX(-50%) ; left: 50%; width: auto; height: 60px; }

/*20211118 奇想のモード 1/3*/
#mainVisualContent li#teaser_ModeSurreal{ background-color: #000;}
#mainVisualContent li#teaser_ModeSurreal span.span01{ position:absolute; top:130px; left: 50%; transform: translateX(-50%); text-align: center; height: calc( 100% - 120px); width: calc( 100% - 20px); }
#mainVisualContent li#teaser_ModeSurreal span.span01 img{ max-height: 100%;}
#mainVisualContent li#teaser_ModeSurreal span.span01 img.pc{display: block; }
#mainVisualContent li#teaser_ModeSurreal span.span01 img.tab{display: none; }
#mainVisualContent li#teaser_ModeSurreal span.span01 img.sp{display: none; }
#mainVisualContent li#teaser_ModeSurreal span.span02{display: none; }
#mainVisualContent li#teaser_ModeSurreal a.yoyakuTxt{ position: fixed; top: 85% !important; bottom: auto !important; left: 50%; transform: translateX(90%); width: auto; height: 55px; max-width: 25%; }

/*20220310 建物公開2022 1/3*/
#mainVisualContent li#teaser_Artdeco2022_A{ background-position: center bottom !important; background-size: cover !important;}
#mainVisualContent li#teaser_Artdeco2022_A span.span01{ position:absolute; bottom:80px; left: 50%; transform: translateX(-50%); text-align: center; max-height: calc( 100% - 290px); width: 1220px; max-width:89%;}
#mainVisualContent li#teaser_Artdeco2022_A span.span01 img.pc{display: block; }
#mainVisualContent li#teaser_Artdeco2022_A span.span01 img.tab{display: none; }
#mainVisualContent li#teaser_Artdeco2022_A span.span01 img.sp{display: none; }
#mainVisualContent li#teaser_Artdeco2022_A a.yoyakuTxt{ position: absolute; bottom: clamp(100px, 20vw, 220px) !important; transform: translateX(-50%) ; left: 50%; width: 1220px; max-width:89%; text-align: right; max-height:55px; }
#mainVisualContent li#teaser_Artdeco2022_A a.yoyakuTxt img{ margin: 0 0 0 auto; max-width: 302px;}

#mainVisualContent li#teaser_Artdeco2022_B{ background-position: center bottom !important; background-size: cover !important;}
#mainVisualContent li#teaser_Artdeco2022_B span.span01{ position:absolute; bottom:80px; left: 50%; transform: translateX(-50%); text-align: center; max-height: calc( 100% - 290px); width: 1220px; max-width:89%;}
#mainVisualContent li#teaser_Artdeco2022_B span.span01 img.pc{display: block; }
#mainVisualContent li#teaser_Artdeco2022_B span.span01 img.tab{display: none; }
#mainVisualContent li#teaser_Artdeco2022_B span.span01 img.sp{display: none; }
#mainVisualContent li#teaser_Artdeco2022_B a.yoyakuTxt{ position: absolute; bottom: clamp(100px, 20vw, 220px) !important; transform: translateX(-50%) ; left: 50%; width: 1220px; max-width:89%; text-align: right; max-height:55px; }
#mainVisualContent li#teaser_Artdeco2022_B a.yoyakuTxt img{ margin: 0 0 0 auto; max-width: 302px;}

/*202201　庭園公開休止 1/2*/
#close2201{ width: 100%; height: 100%;  position: relative; font-size: 1.8vw; line-height: 1.8;}
#close2201 span{ position:absolute; top:50% !important; left:50% !important; transform: translateX(-50%) translateY(-150%); display:inline-block; overflow:visible; width: 80%; text-align: center; }
#close2201 .pc{ display: block;}
#close2201 .sp{ display: none;}

@media screen and (max-width:1750px){
	#mainVisualContent li#teaser_ReneLaliqueRemix .bg_pc span.span02{ transform: translateY(900%);}
	#mainVisualContent li#teaser_ReneLaliqueRemix .bg_pc.yoyaku span.span02{ transform: translateY(900%); }
	#mainVisualContent li#teaser_ReneLaliqueRemix a.yoyakuTxt{ transform: translateY(485%); left: 33%; width: 25%; height: 5vw; }

}
@media screen and (max-width:1200px){
	#mainVisualContent li#teaser_ReneLaliqueRemix .bg_pc span.span01 img{ max-width: 100%;}
}
#mainVisualContent li#teaser_ReneLaliqueRemix span.span01{ position:absolute; top:130px !important; right: 0; display:flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; text-align: center; }
#mainVisualContent li#teaser_ReneLaliqueRemix span.span03{position:absolute; top:50% !important; left: 50%; transform: translate( -50%, -50%); width: 100%; max-width: 200%; display: block;}
#mainVisualContent li#teaser_ReneLaliqueRemix .pc{ display: block;}
#mainVisualContent li#teaser_ReneLaliqueRemix .tab{ display: none;}


#footerBnrBox{ display: flex; justify-content: flex-start; align-items: center; margin: 50px auto 0; width: 100%; flex-wrap: wrap; box-sizing: border-box; padding: 30px 0 0; border-top: 1px #eee solid; max-width: 1200px; }
#footerBnrBox .item{ margin: 0 35px 10px 0; max-width: 40%; max-width: 175px; text-align: center;}
#footerBnrBox .item img{ height: 85px;}
#footerBnrBox .item:last-child{ margin-right: 0 !important;}
/*20201224 1/4 追加*/
/*#footerBnrBox .item.weekbanar2020{ width: 113px;}
#footerBnrBox .item.adjust01{ width: 164px;}
#footerBnrBox .item.adjust02{ width: 94px;}
#footerBnrBox .item.adjust03{ width: 135px;}
#footerBnrBox .item.adjust04{ width: 175px;}
#footerBnrBox .item.adjust05{ width: 94px;}
#footerBnrBox .item.adjust06{ width: 153px;}
#footerBnrBox .item.adjust07{ width: 190px;}*/

/* end 20201224 1/4追加*/
#footerBnrBox .item img{ max-height: 100px;}

@media screen and (max-width:1280px) and (orientation: portrait) {
#mainVisualContent li#teaserSite5 { width:100%; min-width:inherit; }
#mainVisualContent li#teaserSite5 span  { position:absolute; top:30% !important; left:70% !important; width:auto; max-width:30%; display:inline-block; }

}
@media screen and (max-width:1280px) and (orientation: landscape) {
#mainVisualContent li#teaserSite5 span  { position:absolute; top:40% !important; left:68% !important; width:30%; max-width:50%; display:inline-block; }
}
@media screen and (max-width:1280px) {
#mainVisualContent li#teaserSite5 { min-width:100%; }
#mainVisualContent li#teaserSite6 { min-width:100%; }
#mainVisualContent li span.caption { width:80%;}
}

/*Tablet 縦・横共通設定*/
@media screen and (max-width:800px) {
/*20191220 ラリック展スライド 2/3*/
#mainVisualContent li#teaser_lalique .backstretch { display:none !important; }
#mainVisualContent li#teaser_lalique{background-image:url(../../img/img_lalique_tab.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; background-position: center top !important;}
#mainVisualContent li#teaser_lalique span.span01 .pc,#mainVisualContent li#teaser_lalique span.span02 .pc{ display: none;}
#mainVisualContent li#teaser_lalique span.span01 .tab,#mainVisualContent li#teaser_lalique span.span02 .tab{ display: block;}
#mainVisualContent li#teaser_lalique span.span01 .sp,#mainVisualContent li#teaser_lalique span.span02 .sp{ display: none;}
#mainVisualContent li#teaser_lalique span.span01{ position:absolute; top:60px !important; left:50% !important; display:inline-block; overflow:visible; width: 90%; max-width: 90%; transform: translateX(-50%);}
#mainVisualContent li#teaser_lalique span.span02{ position:absolute; top: auto !important; bottom: 0px !important; right:0 !important; display:inline-block; overflow:visible; max-width: 100%; width: 100%; }
	
/*20210901 キューガーデン 2/3*/
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew .backstretch { display:none !important; }
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew{ background-image:url(../../img/img_mainphoto_TheRoyalBotanicGardensKew_bg_tab.png) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; background-position: center top !important;}
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew span.span01{ top:50%; left: 50%; transform: translateY(-70%) translateX(-50%); width: 70%; height: auto; }
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew a.yoyakuTxt{ bottom:150px !important; transform: translateX(-50%) ; left: 50%; width: auto; height: 60px; }
	
/*20211118 奇想のモード 2/3*/
#mainVisualContent li#teaser_ModeSurreal .backstretch { display:none !important; }
#mainVisualContent li#teaser_ModeSurreal{ background-image:url(../../img/img_mainphoto_ModeSurreal_bg_tab.png) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; background-position: center top !important;}
#mainVisualContent li#teaser_ModeSurreal span.span01 img.pc{display: none; }
#mainVisualContent li#teaser_ModeSurreal span.span01 img.tab{display: block; max-height: calc( 100% - 220px); }
#mainVisualContent li#teaser_ModeSurreal span.span01 img.sp{display: none; }
#mainVisualContent li#teaser_ModeSurreal span.span02{ display: block; bottom: 170px; position: absolute; left: 50%; transform: translateX(-50%);}
#mainVisualContent li#teaser_ModeSurreal a.yoyakuTxt{top: 85% !important; bottom: auto !important; right:40px; width: auto; max-width: 80%; transform: translateX(-50%); }
	
/*20220310 建物公開2022 2/3*/
#mainVisualContent li#teaser_Artdeco2022_A .backstretch { display:none !important; }
#mainVisualContent li#teaser_Artdeco2022_A{ background-image:url("../../img/img_mainphoto_Artdeco2022a_bg_tab.png") !important ;}
#mainVisualContent li#teaser_Artdeco2022_A span.span01{ bottom: 15px; max-width: calc(100% - 30px);}
#mainVisualContent li#teaser_Artdeco2022_A span.span01 img.pc{display:none;}
#mainVisualContent li#teaser_Artdeco2022_A span.span01 img.tab{display:block; }
#mainVisualContent li#teaser_Artdeco2022_A span.span01 img.sp{display:none;}
#mainVisualContent li#teaser_Artdeco2022_A a.yoyakuTxt{ bottom:15px !important; transform: translateX(0) ; left: auto; right:15px; width: 38%; height:auto; }
#mainVisualContent li#teaser_Artdeco2022_A a.yoyakuTxt img{ max-width: 100%;}
	
#mainVisualContent li#teaser_Artdeco2022_B .backstretch { display:none !important; }
#mainVisualContent li#teaser_Artdeco2022_B{ background-image:url("../../img/img_mainphoto_Artdeco2022b_bg_tab.png") !important ;}
#mainVisualContent li#teaser_Artdeco2022_B span.span01{ bottom: 15px; max-width: calc(100% - 30px);}
#mainVisualContent li#teaser_Artdeco2022_B span.span01 img.pc{display:none;}
#mainVisualContent li#teaser_Artdeco2022_B span.span01 img.tab{display:block; }
#mainVisualContent li#teaser_Artdeco2022_B span.span01 img.sp{display:none;}
#mainVisualContent li#teaser_Artdeco2022_B a.yoyakuTxt{ bottom:15px !important; transform: translateX(0) ; left: auto; right:15px; width: 38%; height:auto; }
#mainVisualContent li#teaser_Artdeco2022_B a.yoyakuTxt img{ max-width: 100%;}
	
	
/*20200227　臨時休業 2/3*/
#extraClosed{ font-size: 2.8vw;}
#extraClosed .logo { left:20px; bottom:auto; top:60px; min-width: 1px; width:25%;  }
/*20210527 予約 2/3*/
#extraClosed a.yoyaku { font-size: 2.4rem; top: 260px;}
#extraClosed .inner{ margin-top: 15vw}
	
#footerBnrBox{ border-top: none;}
#footerBnrBox .item img{ max-width: 100%;}
	
/*20200526　再開 2/2*/
#reopen .backstretch,#reopen02 .backstretch { display:none !important; }
#reopen,#reopen02{ background: url("../../img/img_mainphoto_reopen_sp.jpg" ) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; background-position: center top !important;}
#reopen span,#reopen02 span{ top:80px !important; }
#reopen span .pc,#reopen02 span .pc{ display: none;}
#reopen span .sp,#reopen02 span .sp{ display: block;}
	
/*202201　庭園公開休止 2/2*/
#close2201 .backstretch { display:none !important; }
#close2201{ background: url("../../img/img_mainphoto_reopen_sp.jpg" ) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; background-position: center top !important;}
#close2201 span{ transform: translateX(-50%) ; top: 150px !important; }
#close2201 span .pc{ display: none;}
#close2201 span .sp{ display: block;}
	
/*20200730 3/3 Twitter埋め込み*/
#newsBox { min-height: auto; }
#newsBox #news_sns{ position: relative; top: 0; margin: 20px auto;  width: 100%; right: auto; }
}
/*Tablet 縦・横共通設定*/
@media screen and (max-width:768px) {
/*20201224 2/4 上書き*/#footerBnrBox .item{ margin: 0 0 20px; width: 33.3%; padding: 0 1.5%; text-align: center; max-width: 100% !important; box-sizing: border-box;}
/*20201224 3/4 追加*/
	#footerBnrBox .item.weekbanar2020{ width: 30%;}
	/*#footerBnrBox .item.adjust01{ width: 28%; margin: 0 2% 20px;}*/
/*end 20201224 3/4 追加*/
	/*#footerBnrBox .item.adjust02{ width: 30%; margin: 0 1.5% 20px;}
	#footerBnrBox .item.adjust03{ width: 30%; margin: 0 1.5% 20px;}
	#footerBnrBox .item.adjust04{ width: 30%; margin: 0 1.5% 20px;}
	#footerBnrBox .item.adjust05{ width: 30%; margin: 0 1.5% 20px;}
	#footerBnrBox .item.adjust06{ width: 30%; margin: 0 1.5% 20px;}*/
	#footerBnrBox{ padding: 0 1.5%;}
	#footerBnrBox .item:nth-child(3n){}
	#footerBnrBox .item img{ height: auto;}

}

/*スマホ 縦・横共通設定*/
@media screen and (max-width:480px) {
/*20191220 ラリック展スライド 3/3*/
#mainVisualContent li#teaser_lalique .backstretch { display:none !important; }
#mainVisualContent li#teaser_lalique{background-image:url(../../img/img_lalique_sp.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%;}
#mainVisualContent li#teaser_lalique span.span01 .pc,#mainVisualContent li#teaser_lalique span.span02 .pc{ display: none;}
#mainVisualContent li#teaser_lalique span.span01 .tab,#mainVisualContent li#teaser_lalique span.span02 .tab{ display: none;}
#mainVisualContent li#teaser_lalique span.span01 .sp,#mainVisualContent li#teaser_lalique span.span02 .sp{ display: block;}
	
/*20210901 キューガーデン 3/3*/
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew{ background-image:url(../../img/img_mainphoto_TheRoyalBotanicGardensKew_bg_sp.png) !important; }
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew span.span01{ width: 80%; }
#mainVisualContent li#teaser_TheRoyalBotanicGardensKew a.yoyakuTxt{ bottom:150px !important; transform: translateX(-50%) ; left: 50%; width: auto; height: 60px; }
	
/*20211118 奇想のモード 2/3*/
#mainVisualContent li#teaser_ModeSurreal .backstretch { display:none !important; }
#mainVisualContent li#teaser_ModeSurreal{ background-image:url(../../img/img_mainphoto_ModeSurreal_bg_sp.png) !important;}
#mainVisualContent li#teaser_ModeSurreal span.span01 img.pc{display: none; }
#mainVisualContent li#teaser_ModeSurreal span.span01 img.tab{display: none; }
#mainVisualContent li#teaser_ModeSurreal span.span01 img.sp{display:block; top: 30%; transform: translateY(-50%) ; }
#mainVisualContent li#teaser_ModeSurreal span.span02{bottom: 120px; }
	
/*20220310 建物公開2022 3/3*/
#mainVisualContent li#teaser_Artdeco2022_A{ background-image:url("../../img/img_mainphoto_Artdeco2022a_bg_sp.png") !important;}
#mainVisualContent li#teaser_Artdeco2022_A span.span01 img.pc{display:none;}
#mainVisualContent li#teaser_Artdeco2022_A span.span01 img.tab{display:none;  }
#mainVisualContent li#teaser_Artdeco2022_A span.span01 img.sp{display:block;}
#mainVisualContent li#teaser_Artdeco2022_A a.yoyakuTxt{ width: 37% !important; }
	
#mainVisualContent li#teaser_Artdeco2022_B{ background-image:url("../../img/img_mainphoto_Artdeco2022b_bg_sp.png") !important;}
#mainVisualContent li#teaser_Artdeco2022_B span.span01 img.pc{display:none;}
#mainVisualContent li#teaser_Artdeco2022_B span.span01 img.tab{display:none;  }
#mainVisualContent li#teaser_Artdeco2022_B span.span01 img.sp{display:block;}
#mainVisualContent li#teaser_Artdeco2022_B a.yoyakuTxt{ width: 37% !important; }
	
/*20200227　臨時休業 2/3*/
#extraClosed{ font-size: 4vw;}
/*20210527 予約 2/3*/
#extraClosed a.yoyaku {font-size: 5vw; top: 45vw;}
/*2021031 予約 2/3*/
li a.yoyaku {font-size: 5vw;}
	
#footerBnrBox{ flex-wrap: nowrap; flex-direction: column; }
#footerBnrBox .item img{ height: 100%; width: auto;}
#footerBnrBox .item,#footerBnrBox .item:last-child{ margin: 0 auto 20px !important ; width: 175px !important; max-width: 100% !important; text-align: center;}	
/*20201224 4/4 追加*/	/*#footerBnrBox .item.adjust01{ width: 175px; margin: 0 auto 20px;}
#footerBnrBox .item.adjust02{ width: 175px; height: 100px; margin: 0 auto 20px; }
#footerBnrBox .item.adjust03{ width: 175px; height: 100px; margin: 0 auto 20px;}
#footerBnrBox .item.adjust04{ width: 175px; height: 100px; margin: 0 auto 20px;}*/

}
@media screen and (max-width:768px) and (orientation: portrait) {
/*read speakerで使用 2/3*/
.top_readspeaker { margin: 20px 0 0 0;}

/* 縦向き */
#header {  display:none !important; } 
#mainVisual { clear:both; }
#mainVisual { width:100%; margin:0 auto 0 auto; padding:0 0 0 0; }
.mean-container .mean-bar { opacity:0; }
#wrapper { padding:10px 0 0 0; min-width:auto; }
#wrapperScroll { position:fixed; top:136px; left:0px; }
#mainVisual .logoBox  { left:20px; bottom:auto; top:60px; min-width: 1px; width:25%;  }
#mainVisual .scrollBtn { bottom:25px;  }
#mainVisual .scrollBtn:hover { boottom:15px; }
#mainVisual .scrollBtn img { width:35px; height:35px; }
#mainVisual3 { width:100%; }

#mainVisualContent li { min-width:inherit; max-width:100% !important; }
#mainVisualContent li .teaserLink { width:90%; max-width:none; padding:0 0 0 0; margin:35% auto 0 auto; }
#mainVisualContent li .teaserLink #countDownDays { width:30.6%; float:left; }
#mainVisualContent li .teaserLink #teaserLogo { width:66.8%; float:right; }
#mainVisualContent li#teaserSite5 { min-width:inherit; }
#mainVisualContent li#teaserSite6 { min-width:inherit; }
#mainVisualContent li#teaserSite5 img { display:none; }
#mainVisualContent li#teaserSite5 .backstretch { display:none !important; }
#mainVisualContent li#teaserSite5 { background-image:url(../../img/img_mainphoto_kunzli_01_e.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }

#mainVisualContent li#teaserSite7 img { display:none; }
#mainVisualContent li#teaserSite7 .backstretch { display:none !important; }
#mainVisualContent li#teaserSite7 { background-image:url(../../img/img_mainphoto_masks_e.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }
#mainVisualContent li#teaserSite6 img { display:none; }
#mainVisualContent li#teaserSite6 .backstretch { display:none !important; }
#mainVisualContent li#teaserSite6  { background-image:url(../../img/img_mainphoto_07d.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }

/*20190912 庭園開放 2/2*/
#mainVisualContent li#garden201909 .backstretch { display:none !important; }
#mainVisualContent li#garden201909 {background-image:url(../../img/img_mainphoto_garden1909_sp.jpg) !important ; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; }
#mainVisualContent li#garden201909 .pc{ display: none;}
#mainVisualContent li#garden201909 .sp{ display: block;}
	
/*20201222 冬期休館 2/2*/
#mainVisualContent li#winterClose .backstretch { display:none !important; }
#mainVisualContent li#winterClose {background-image:url(../../img/img_mainphoto_winterClose_sp.jpg) !important ; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; }
#mainVisualContent li#winterClose span.span01{ background-color: hsla(42,49%,50%,0.0); padding: 0; max-width: 85%; left: 7.5% !important; text-align: center; }
#mainVisualContent li#winterClose span.span01 img{ max-width: 100%; width: auto;}
#mainVisualContent li#winterClose .pc{ display: none;}
#mainVisualContent li#winterClose .sp{ display: block;}

#newsBox { width:auto; padding:30px 30px 110px 30px; margin:0 auto 0 auto; }
#newsBox h2 { width:auto; float:none; padding:0 0 0 0; margin:0 0 20px 0; }
#newsBox .latestNews { width:100%; float:none; }
#newsBox .latestNews table tr td { white-space: normal !important; }
#newsBox .menuBox { width:100%; float:none; }
#newsBox .menuBox .searchBox { display:none; }
#newsBox .menuBox .snsBox { float:none; margin:0 auto 0 auto; padding:0 0 0 0; }

/*20180712 追加*/
#newsBox .lBox{ width: 100%; float: none;}
#newsBox .lBox #programArea{ margin: 0 0 20px 0; }
/*end 20180712 追加*/

#contentBox { width:auto; padding:0 30px 0 30px; margin:0 auto 0 auto; }
#mainContent { width:100%; padding:0 0 40px 0; }
#gridBox li.largeGrid { width:47%; margin:0 1.5% 3% 1.5%; }
#gridBox li.smallGrid { width:22%; margin:0 1.5% 3% 1.5%; }
#subContent { width:100%; }
#subContent #calendarBox { width:90%; padding:0 5%; }
#subContent #calendarBox .dateBox { width:80%; margin:0 auto 0 auto; }
#subContent #calendarBox .dateBox h3 { width:100%; }
#subContent #calendarBox .dateBox p { width:100%; }
#subContent #calendarBox .dateBox table { width:100%; }
#subContent #calendarBox table { width:80%; }
#subContent #calendarBox table tr td { width:14.2%; }
#subContent #exhibitionBox { width:90%; padding:0 5% 0 5%; }
#subContent #exhibitionBox h3 { width:80%; }
#subContent #exhibitionBox .exhibitionBox { width:80%; }
#subContent #ttmtoday { width:72%; }
#subContent #eventBox { width:90%; padding:0 5% 0 5%; }
#subContent #eventBox h3 { width:80%; }
#subContent #eventBox .eventBox { width:80%; padding:0 5% 0 5%; }
#footerLinkBox { display:none; }
#subContent .snsBox { margin:0 auto 40px auto; }
	
/*20200527 東京モダン生活展スライド 2/5*/
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .backstretch { display:none !important; }
#mainVisualContent li#teaser_UrbanLifeinModernTokyo{ background-image:url("../../img/img_mainphoto_UrbanLifeinModernTokyo_tab.png") !important ; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo span.span01{ position:absolute; top:50% !important; left: 50% !important; max-width: 90%; max-height: 90%; transform: translate(-50%,-50%); height: auto; width: 100%; bottom: auto !important;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo span.span02.pc{ display: none;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .pc{ display: none;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .tab{ display: block;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .sp{ display: none;}
	
/*20200903 生命の庭スライド 2/3*/
#mainVisualContent li#teaser_GardenOfLife span.span01{ position:absolute; top:45% !important; left: 50% !important; max-width: 85%; max-height: 75%; transform: translate(-50%,-50%); height: auto; width: 100%; bottom: auto !important;}
#mainVisualContent li#teaser_GardenOfLife .pc{ display: none;}
#mainVisualContent li#teaser_GardenOfLife .tab{ display: block;}
#mainVisualContent li#teaser_GardenOfLife .sp{ display: none;}

/*20210105 ポスター展 2/4*/
#mainVisualContent li#teaser_PostersOfThe20th span.span01{ position:absolute; top:45% !important; left: 50% !important; max-width: 65%; max-height: 75%; transform: translate(-50%,-50%); height: auto; width: 100%; bottom: auto !important;}
#mainVisualContent li#teaser_PostersOfThe20th .pc{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th .tab{ display: block;}
#mainVisualContent li#teaser_PostersOfThe20th .sp{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th02 span.span01,#mainVisualContent li#teaser_PostersOfThe20th03 span.span01,#mainVisualContent li#teaser_PostersOfThe20th04 span.span01{ position:absolute; top:45% !important; left: 50% !important; max-width: 65%; max-height: 75%; transform: translate(-50%,-50%); height: auto; width: 100%; bottom: auto !important;}
#mainVisualContent li#teaser_PostersOfThe20th02 .pc,#mainVisualContent li#teaser_PostersOfThe20th03 .pc,#mainVisualContent li#teaser_PostersOfThe20th04 .pc{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th02 .tab,#mainVisualContent li#teaser_PostersOfThe20th03 .tab,#mainVisualContent li#teaser_PostersOfThe20th04 .tab{ display: block;}
#mainVisualContent li#teaser_PostersOfThe20th02 .sp,#mainVisualContent li#teaser_PostersOfThe20th03 .sp,#mainVisualContent li#teaser_PostersOfThe20th04 .sp{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th02 span.caption,#mainVisualContent li#teaser_PostersOfThe20th03 span.caption,#mainVisualContent li#teaser_PostersOfThe20th04 span.caption{ width: 65%; margin: 0 17.5%; padding: 0; }

/*20210402 建物公開2021 2/3*/	
#mainVisualContent li#teaser_ArtDeco2021 span.span01{ max-height: 75%; width: 97.4%; right: 50%; transform: translateX(50%);}
#mainVisualContent li#teaser_ArtDeco2021 .pc{ display: none;}
#mainVisualContent li#teaser_ArtDeco2021 .tab{ display: block;}
#mainVisualContent li#teaser_ArtDeco2021 .sp{ display: none;}
	
#mainVisualContent li#teaser_ArtDeco2021_02 span.span01{ max-height: 75%; width: 97.4%; right: 50%; transform: translateX(50%);}
#mainVisualContent li#teaser_ArtDeco2021_02 .pc{ display: none;}
#mainVisualContent li#teaser_ArtDeco2021_02 .tab{ display: block;}
#mainVisualContent li#teaser_ArtDeco2021_02 .sp{ display: none;}
	
/*20210414 建物公開優先チケット*/
#mainVisualContent li#teaser_ArtDeco2021.holiday span.span01{top:240px !important;}
#mainVisualContent li#teaser_ArtDeco2021.holiday a.yoyakuTxt{ top: 100px;  max-width:800px; max-height: 193px; width: 90%; height: 16%;}
#mainVisualContent li#teaser_ArtDeco2021.holiday a.yoyakuTxt img{ top: 0;}
#mainVisualContent li#teaser_ArtDeco2021.holiday a.yoyakuTxt .pc{display: none; }
#mainVisualContent li#teaser_ArtDeco2021.holiday a.yoyakuTxt .sp{display: block; }
	
#mainVisualContent li#teaser_ArtDeco2021_02.holiday span.span01{top:240px !important;}
#mainVisualContent li#teaser_ArtDeco2021_02.holiday a.yoyakuTxt{ top: 100px;  max-width:800px; max-height: 193px; width: 90%; height: 16%;}
#mainVisualContent li#teaser_ArtDeco2021_02.holiday a.yoyakuTxt img{ top: 0;}
#mainVisualContent li#teaser_ArtDeco2021_02.holiday a.yoyakuTxt .pc{display: none; }
#mainVisualContent li#teaser_ArtDeco2021_02.holiday a.yoyakuTxt .sp{display: block; }
	
/*20210607 ルネ・ラリック・リミックス 2/2*/
#mainVisualContent li#teaser_ReneLaliqueRemix .bg_pc{ display: none;}
#mainVisualContent li#teaser_ReneLaliqueRemix span.span01{ height: 100%; max-height: calc( 100% - 40px); width: 100%; top: 50% !important; left: 50%; right: auto; transform: translateX(-50%) translateY(-50%); padding-top: 40px; }
#mainVisualContent li#teaser_ReneLaliqueRemix .pc{ display: none;}
#mainVisualContent li#teaser_ReneLaliqueRemix .tab{ display: block;}
#mainVisualContent li#teaser_ReneLaliqueRemix span.span01.yoyaku{ height: 100%; max-height: calc( 100% - 29vh); width: 100%; top: 5vh !important; left: 50%; right: auto; transform: translateX(-50%) translateY(0); padding-top: 40px; }
#mainVisualContent li#teaser_ReneLaliqueRemix a.yoyakuTxt{ position: absolute; bottom:1.5vh !important; transform: translateY(0) translateX(-50%); left: 50%; width: auto; height: 16vh; }

}
@media screen and (max-width:568px) and (orientation: portrait) {
	
#gridBox li.largeGrid { width:100%; margin:0 0 3% 0; }
#gridBox li.largeGrid img { width:100%; }
#gridBox li.smallGrid { width:47%; margin:0 1.5% 3% 1.5%; }
#gridBox li.smallGrid img { width:100%; }
	
/*20200527 東京モダン生活展スライド 3/5*/
#mainVisualContent li#teaser_UrbanLifeinModernTokyo span.span01{ max-height: 80%; }
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .pc{ display: none;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .tab{ display: none;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .sp{ display: block;}
	
/*20200903 生命の庭スライド 3/3*/
#mainVisualContent li#teaser_GardenOfLife span.span01{ max-height: 78%; top: 50% !important; }
#mainVisualContent li#teaser_GardenOfLife .pc{ display: none;}
#mainVisualContent li#teaser_GardenOfLife .tab{ display: none;}
#mainVisualContent li#teaser_GardenOfLife .sp{ display: block;}

/*20210105 ポスター展 3/4*/
#mainVisualContent li#teaser_PostersOfThe20th span.span01{ max-width: 75%; max-height: 78%; top: 50% !important; }
#mainVisualContent li#teaser_PostersOfThe20th .pc{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th .tab{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th .sp{ display: block;}
#mainVisualContent li#teaser_PostersOfThe20th02 span.span01,#mainVisualContent li#teaser_PostersOfThe20th03 span.span01,#mainVisualContent li#teaser_PostersOfThe20th04 span.span01{ max-width: 65%; max-height: 78%; top: 38% !important; }
#mainVisualContent li#teaser_PostersOfThe20th02 .pc,#mainVisualContent li#teaser_PostersOfThe20th03 .pc,#mainVisualContent li#teaser_PostersOfThe20th04 .pc{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th02 .tab,#mainVisualContent li#teaser_PostersOfThe20th03 .tab,#mainVisualContent li#teaser_PostersOfThe20th04 .tab{ display: none;}
#mainVisualContent li#teaser_PostersOfThe20th02 .sp,#mainVisualContent li#teaser_PostersOfThe20th03 .sp,#mainVisualContent li#teaser_PostersOfThe20th04 .sp{ display: block;}
#mainVisualContent li#teaser_PostersOfThe20th02 span.caption,#mainVisualContent li#teaser_PostersOfThe20th03 span.caption,#mainVisualContent li#teaser_PostersOfThe20th04 span.caption{ width: 75%; margin: 0 12.5%; }
	
	
/*20210402 建物公開2021 3/3*/	
#mainVisualContent li#teaser_ArtDeco2021 .pc{ display: none;}
#mainVisualContent li#teaser_ArtDeco2021 .tab{ display: none;}
#mainVisualContent li#teaser_ArtDeco2021 .sp{ display: block;}	
#mainVisualContent li#teaser_ArtDeco2021_02 .pc{ display: none;}
#mainVisualContent li#teaser_ArtDeco2021_02 .tab{ display: none;}
#mainVisualContent li#teaser_ArtDeco2021_02 .sp{ display: block;}	
	
}
/*アンドロイド*/
/*20210105 ポスター展 4/4*/
.android #mainVisualContent li#teaser_PostersOfThe20th02 span.span01,.android #mainVisualContent li#teaser_PostersOfThe20th03 span.span01,.android #mainVisualContent li#teaser_PostersOfThe20th04 span.span01{ max-width: 72%; top: 42% !important;}

@media screen and (max-width:1366px) and (orientation: landscape) {
/*20200527 東京モダン生活展スライド 4/5*/
#mainVisualContent li#teaser_UrbanLifeinModernTokyo span.span01{ position:absolute; top:50% !important; bottom:auto; right:0 !important; transform: translateY(-50%);}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo span.span01 .pc{ max-height: inherit;}
}

@media screen and (max-width:768px) and (orientation: landscape) {
/*read speakerで使用 3/3*/
.top_readspeaker { margin: 20px 0 0 0;}

/* 横向き */
#header {  display:none !important; } 
#mainVisual { width:100%; margin:0 auto 0 auto; padding:0 0 0 0; }
#mainVisualContent li .teaserLink { width:70%; padding:0 0 0 0; margin:15% auto 0 auto; }
#mainVisualContent li .teaserLink #countDownDays { width:23%; }
#mainVisualContent li .teaserLink #teaserLogo { width:50%; }

#wrapper { padding:10px 0 0 0; min-width:auto; }
#wrapperScroll { position:fixed; top:136px; left:0px; }
#mainVisual .logoBox  { left:20px; bottom:auto; top:60px; min-width: 1px; width:15%;  }
#mainVisual .scrollBtn { bottom:25px;  }
#mainVisual .scrollBtn:hover { bottom:15px;  }
#mainVisual .scrollBtn img { width:35px; height:35px; }
#mainVisual3 { width:100%; }

#newsBox { width:auto; padding:30px 30px 110px 30px; margin:0 auto 0 auto; }
#newsBox h2 { width:auto; float:none; padding:0 0 0 0; margin:0 0 20px 0; }
#newsBox .latestNews { width:100%; float:none; }
#newsBox .latestNews table tr td { white-space: normal !important; }
#newsBox .menuBox { width:100%; float:none; }
#newsBox .menuBox .searchBox { display:none; }
#newsBox .menuBox .snsBox { float:none; margin:0 auto 0 auto; padding:0 0 0 0; }

#programBox { width:auto; padding:30px 30px 110px 30px; margin:0 auto 0 auto; }
#programBox h2 { width:auto; float:none; padding:0 0 0 0; margin:0 0 20px 0; }
#programBox .latestNews { width:100%; float:none; }
#programBox .latestNews table tr td { white-space: normal !important; }
#programBox .menuBox { width:100%; float:none; }
#programBox .menuBox .searchBox { display:none; }
#programBox .menuBox .snsBox { float:none; margin:0 auto 0 auto; padding:0 0 0 0; }

#contentBox { width:auto; padding:0 30px 0 30px; margin:0 auto 0 auto; }
#mainContent { width:100%; padding:0 0 40px 0; }
#gridBox li.largeGrid { width:47%; margin:0 3% 3% 0; }
#gridBox li.smallGrid { width:22%; margin:0 3% 3% 0; }
#subContent { width:100%; }
#subContent #calendarBox { width:90%; padding:0 5%; }
#subContent #calendarBox .dateBox { width:80%; }
#subContent #calendarBox .dateBox h3 { width:100%; }
#subContent #calendarBox .dateBox p { width:100%; }
#subContent #calendarBox table { width:80%; }
#subContent #calendarBox table tr td { width:14.2%; }
#subContent #exhibitionBox { width:90%; padding:0 5% 0 5%; }
#subContent #exhibitionBox h3 { width:80%; }
#subContent #exhibitionBox .exhibitionBox { width:80%; }
#subContent #eventBox { width:90%; padding:0 5% 0 5%; }
#subContent #ttmtoday { width:72%; }
#subContent #eventBox h3 { width:80%; }
#subContent #eventBox .eventBox { width:80%; padding:0 5% 0 5%; }
#footerLinkBox { display:none; }
#subContent .snsBox { margin:0 auto 40px auto; }

#mainVisualContent li span.caption { bottom:0px; }

/*20200527 東京モダン生活展スライド 5/5*/
#mainVisualContent li#teaser_UrbanLifeinModernTokyo span.span01{ display:inline-block; width: 42%; }
#mainVisualContent li#teaser_UrbanLifeinModernTokyo span.span02.pc{ width: 58%;  background-image: url("../../img/img_mainphoto_UrbanLifeinModernTokyo_img_tab.jpg") ; background-position: center center; background-repeat: no-repeat; background-size: cover;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .pc{ display: block;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .tab{ display: none;}
#mainVisualContent li#teaser_UrbanLifeinModernTokyo .sp{ display: none;}

}