@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#teaser_galle_yoko span { position:absolute; top:20% !important; left:57% !important; width:auto; max-width:41%; display:inline-block; overflow:visible; }
#mainVisualContent li#winter2015 span { position:absolute; top:11% !important; left:7% !important; width:auto; max-width:83%; display:inline-block; overflow:visible; }
#mainVisualContent li#galle201601_02 .caption02 { display:none; }
#mainVisualContent li#galle201601_03 { display:none; }
/*20160404メディチ家1/4*/
#mainVisualContent li#teaser_medici { border-style: solid; border-width: 22px; border-image: url(../../img/img_mainphoto_medici_border.gif) 24 24 round; box-sizing:border-box !important; padding:25px !important; width:100% !important; border-color:#000;}
#mainVisualContent li#teaser_medici span { position:absolute; top:18% !important; left:8% !important; width:auto; max-width:45%; display:inline-block; overflow:visible; }
#mainVisualContent li#teaser_medici .backstretch img { right:0px !important; left:auto !important;}
#mainVisualContent li#teaser_medici span.caption { position:absolute; left:0.5% !important;right:540px !important; bottom:0.5% !important; max-width:96%; top:auto !important; text-align:left !important; }
#mainVisualContent li#teaser_medici span.caption img { margin:0}
/* end 20160404メディチ家1/4*/

/*20160712こどもとファッション 作品表示1/2*/
#mainVisualContent li#teaser_children02 { box-sizing:border-box !important; padding:25px !important; width:100% !important;}
#mainVisualContent li#teaser_children02 .backstretch img { right:0 !important; left:0 !important; top:-18% !important;}
#mainVisualContent li#teaser_children02 span.caption { position:absolute; left:0.5% !important;right:540px !important; bottom:0.5% !important; max-width:96%; top:auto !important; text-align:left !important;  display:inline-block; overflow:visible; }
#mainVisualContent li#teaser_children02 span.caption img { margin:0}

#mainVisualContent li#teaser_children03 { box-sizing:border-box !important; padding:25px !important; width:100% !important;}
#mainVisualContent li#teaser_children03 .backstretch img { right:auto; left:0 !important;}
#mainVisualContent li#teaser_children03 span.caption { position:absolute; left:0.5% !important;right:540px !important; bottom:0.5% !important; max-width:96%; top:auto !important; text-align:left !important; }
#mainVisualContent li#teaser_children03 span.caption img { margin:0}
/* end 20160712こどもとファッション　作品表示1/2*/

/*20160405庭園説明1/2*/
#mainVisualContent li#garden1604 span { position:absolute; top:5% !important; right:2% !important; width:auto; max-width:74%; display:inline-block; overflow:visible; }

/*20160704庭園説明1/2*/
#mainVisualContent li#garden1607 span { position:absolute; bottom:5% !important; right:2% !important; width:auto; max-width:70%; display:inline-block; overflow:visible; }

/*20160706こどもとファッション1/2*/
#mainVisualContent li#teaser_children { box-sizing:border-box !important; padding:25px !important; width:100% !important;}
#mainVisualContent li#teaser_children span { position:absolute; top:15% !important; left:5% !important; width:auto; max-width:75%; display:inline-block; overflow:visible; }
#mainVisualContent li#teaser_children .backstretch img { right:0px !important; left:auto !important;}
#mainVisualContent li#teaser_children span.caption { position:absolute; left:0.5% !important;right:540px !important; bottom:0.5% !important; max-width:96%; top:auto !important; text-align:left !important; }
#mainVisualContent li#teaser_children span.caption img { margin:0}
/* end 20160706こどもとファッション1/2*/

/*20160907ボルタンスキー・建物1/2*/
#mainVisualContent li#teaser_boltanski { box-sizing:border-box !important; padding:25px !important; width:100% !important;}
#mainVisualContent li#teaser_boltanski span { position:absolute; bottom:8% !important; right:3% !important; width:auto; max-width:50%; display:inline-block; overflow:visible; width:500px; }
#mainVisualContent li#teaser_boltanski .backstretch img { right:0px !important; left:auto !important;}
#mainVisualContent li#teaser_boltanski span.caption { position:absolute; left:0.5% !important;right:auto !important; bottom:0.5% !important; max-width:96%; top:auto !important; text-align:left !important; }
#mainVisualContent li#teaser_boltanskin .backstretch{ background-position:center;}
#mainVisualContent li#teaser_boltanskin span.caption img { margin:0}
#mainVisualContent li#teaser_artdeco1609 { box-sizing:border-box !important; padding:25px !important; width:100% !important;}
#mainVisualContent li#teaser_artdeco1609 span { position:absolute; top:3% !important; right:2% !important; width:auto; max-width:72%; display:inline-block; overflow:visible; width:800px; }
#mainVisualContent li#teaser_artdeco1609 .backstretch img { text-align:center; }
#mainVisualContent li#teaser_artdeco1609 span.caption { position:absolute; left:0.5% !important;right:auto !important; bottom:0.5% !important; max-width:96%; top:auto !important; text-align:left !important; }
#mainVisualContent li#teaser_artdeco1609 span.caption img { margin:0}
/* end 20160907ボルタンスキー・建物1/2*/

#mainVisualContent li span.caption { position:absolute; bottom:60px; right:0; display:block; font-size:10px; 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:10px; line-height:18px; color:#000; text-align:right; width:100%; padding:0 10px 0 0; box-sizing:border-box; }
#mainVisualContent li#kunzli201511_04 span.caption { color: #FFF; }

#mainVisualContent li#closeDay { }
#mainVisualContent li#closeDay span.comment1 { position:absolute; right:5.5%; top:10%; max-width:65%; }
#mainVisualContent li#closeDay span.comment2 { position:absolute; right:5.5%; bottom:7.4%; max-width:70%; }
#mainVisualContent li#closeDay span.comment3 { position:absolute; right:5%; bottom:3.5%; width:90%; display:none; }
#mainVisualContent li#closeDay span.comment3 img { width:100%; }

#mainVisualContent li#night { }
#mainVisualContent li#night span.comment1 { position:absolute; right:5.5%; top:10%; max-width:65%; }
#mainVisualContent li#night span.comment1_2 { position:absolute; right:5%; bottom:3.5%; width:90%; display:none; max-width:610px; }
#mainVisualContent li#night span.comment1_2 img { width:100%; }

/*20160322追加 20:00まで開館*/
#mainVisualContent li#open_pm8 { }
#mainVisualContent li#open_pm8 span.comment1 { position:absolute; right:5.5%; bottom:7.4%; max-width:65%; }

#gardenNews { margin:30px 0 0 0; }
#gardenNews p { text-align:right; font-size:12px; }

/*20161220 冬季休業、並河展 1/2*/
#mainVisualContent li#winter2016 span { position:absolute; top:7% !important; left:7% !important; width:auto; max-width:83%; display:inline-block; overflow:visible; }
#mainVisualContent li#teaser_namikawa span { position:absolute; top:10% !important; left:7% !important; width:auto; max-width:30%; display:inline-block; overflow:visible; }

/*20170405 エレベーター工事休業 1/2*/
#mainVisualContent li#close2017 span { position:absolute; top:13% !important; left:7% !important; width:auto; max-width:83%; display:inline-block; overflow:visible; }
#mainVisualContent li#close2017_02 span { position:absolute; top:13% !important; left:7% !important; width:auto; max-width:83%; display:inline-block; overflow:visible; }
#mainVisualContent li#close2017_03 span { position:absolute; top:13% !important; left:7% !important; width:auto; max-width:83%; display:inline-block; overflow:visible; }
#mainVisualContent li#close2017_04 span { position:absolute; top:13% !important; left:7% !important; width:auto; max-width:83%; display:inline-block; overflow:visible; }

/*20170410 エレベーター工事休業 _デザイナー1/4*/
#mainVisualContent li#close2017_designer span.pc,#mainVisualContent li#close2017_designer02 span.pc,#mainVisualContent li#close2017_designer03 span.pc { position:absolute; bottom:80px !important; left:0 !important;  width:100%; display:inline-block; overflow:visible; }
#mainVisualContent li#close2017_designer span.sp,#mainVisualContent li#close2017_designer02 span.sp,#mainVisualContent li#close2017_designer03 span.sp{ display: none;}
#mainVisualContent li#close2017_designer span.pc img,#mainVisualContent li#close2017_designer02 span.pc img,#mainVisualContent li#close2017_designer03 span.pc img{width:72%; max-width: 980px;}
#mainVisualContent li#close2017_designer span.logo, #mainVisualContent li#close2017_designer02 span.logo,#mainVisualContent li#close2017_designer03 span.logo{ position:absolute; left:0; top:50%; width: 330px; text-align: left; height: 768px; margin-top: -193px; }
#mainVisualContent li#close2017_designer span.logo img,#mainVisualContent li#close2017_designer02 span.logo img,#mainVisualContent li#close2017_designer03 span.logo img{ width: 100%;}

/*20171225 装飾展各作家ビジュアル 1/2*/
#mainVisualContent li#decoration_images01 span { position:absolute; top:20% !important; left:4% !important; height: 67%; max-width: 50%; display:inline-block; overflow:visible; }
#mainVisualContent li#decoration_images02 span { position:absolute; top:21.8% !important; left:40.7% !important; height: 57.5%; max-width: 50%; display:inline-block; overflow:visible; }
#mainVisualContent li#decoration_images03 span { position:absolute; top:29.8% !important; left:33% !important; height: 57.5%; max-width: 50%; display:inline-block; overflow:visible; }
#mainVisualContent li#decoration_images04 span { position:absolute; top:27.3% !important; right:1.6% !important; height: 55.7%; max-width: 50%; display:inline-block; overflow:visible; }
#mainVisualContent li#decoration_images05 span { position:absolute; bottom:10.5% !important; right:1.6% !important; height: 48%; max-width: 50%; display:inline-block; overflow:visible; }
#mainVisualContent li#decoration_images06 span { position:absolute; top:14% !important; right:7.8% !important; height: 48%; max-width: 50%; display:inline-block; overflow:visible; }
#mainVisualContent li#decoration_images07 span { position:absolute; top:13.4% !important; right:26.4% !important; height: 48%; max-width: 50%; display:inline-block; overflow:visible; }

/*20171116*/
#teaser_decoration .backstretch img { left:auto !important; right:0px !important; }

/*アール・デコリヴァイバル　建物公開、フランス絵本*/
#teaser_asaka180321 .backstretch img { left:auto !important; right:0px !important;}
#mainVisualContent li#teaser_asaka180321 span.span01 { position:absolute; top:20% !important; left:5% !important; height: 67%; display:inline-block; overflow:visible; }
#mainVisualContent li#teaser_asaka180321 span.span02 { position:absolute; top:14% !important; right:5% !important; height: 76%; display:inline-block; overflow:visible; }
#teaser_french180321 .backstretch img { left:auto !important; right:0px !important; }
#mainVisualContent li#teaser_french180321 span.span01 { position:absolute; top:14% !important; left:5% !important; height: 76%; display:inline-block; overflow:visible; }
#mainVisualContent li#teaser_french180321 span.span02 { position:absolute; top:14% !important; right:5% !important; height: 76%; display:inline-block; overflow:visible; }

/*20180223春季庭園1/2*/
#mainVisualContent li#spring2018 span { position:absolute; top:14% !important; right:5% !important; width:auto; max-width:70%; display:inline-block; overflow:visible; }

/* NEWS */
#newsBox { padding:30px 0 55px 0px; width:1260px; margin:0 auto 0 auto; background:#fff; }
#newsBox h2 { width:90px; float:left; padding:0 0 0 20px; margin:0 20px 0 0; }
#newsBox .latestNews { width:614px; float:left; }
#newsBox .latestNews table { width:100%; }
#newsBox .latestNews table tr th {
	padding:5px 10px;
	font-size:14px;
	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:14px; 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; }

#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:12px; 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; }
/*20160404カレンダー修正（この行上書きしてください）*/#subContent #calendarBox table tr td span.closed { border:#cccccc solid 1px; background:#cccccc; }
#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:48px; font-weight:bold; width:80px; text-align:left; vertical-align:middle; padding:0 0 0 0; height:48px; text-align:center; }
#subContent #calendarBox .dateBox table tr td.month { font-size:18px; 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:18px; 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:14px; text-align:center; }
/*20160404カレンダー修正（この行上書きしてください）*/#subContent #calendarBox .dateBox p { width:280px; margin:0 auto 3px; display:block; font-size:12px; 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; }
/*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 .snsBox ul li { float:left; }

#subContent #ttmtoday {
	width:280px;
	color:#333;
	font-size:14px;
	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-size:14px; font-weight:normal; margin:0 0 10px 0; line-height:16px; padding:0; }
#subContent #exhibitionBox .exhibitionBox p { color:#333; font-size:14px; 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-size:14px; font-weight:normal; margin:0 0 10px 0; line-height:16px; padding:0; }
#subContent #eventBox .eventBox p { color:#333; font-size:14px; 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;}


/*20160404メディチ家2/4*/
@media screen and (max-width:1500px) {
#mainVisualContent li#teaser_medici span {top:10% !important; left:5% !important; max-width:40%;}
/* end 20160404メディチ家2/4*/
}
@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%;}
}
/*20160404メディチ家3/4*/
@media screen and (max-width:800px) {
#mainVisualContent li#teaser_medici span {top:25% !important; left:2% !important;}
}
/* end 20160404メディチ家3/4*/
@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%; }
/* 151127_mori */
#mainVisualContent li#kunzli201511_04 .backstretch { display:none !important; }
#mainVisualContent li#kunzli201511_04 { background-image:url(../../img/img_mainphoto_kunzli201511_04_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#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%; }
#mainVisualContent li#teaser_galle_yoko img { display:none; }
#mainVisualContent li#teaser_galle_yoko .backstretch { display:none !important; }
#mainVisualContent li#teaser_galle_yoko { background-image:url(../../img/img_mainphoto_galle_sp.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }
/*20160404メディチ家 4/4*/#mainVisualContent li#teaser_medici img { display:none; }
#mainVisualContent li#teaser_medici .backstretch { display:none !important; }
#mainVisualContent li#teaser_medici { background-image:url(../../img/img_mainphoto_medici_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_medici { border-style: none; border-width: 0; border-image:none; padding:0;}
/*end20160404メディチ家 4/4*/

/*20160706こどもとファッション 2/2*/#mainVisualContent li#teaser_children img { display:none; }
#mainVisualContent li#teaser_children .backstretch { display:none !important; }
#mainVisualContent li#teaser_children { background-image:url(../../img/img_sp_mainphoto_children.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }
/*end20160706こどもとファッション 2/2*/

/*20160712こどもとファッション 2/2*/
#mainVisualContent li#teaser_children02 img { display:none; }
#mainVisualContent li#teaser_children02 .backstretch { display:none !important; }
#mainVisualContent li#teaser_children02 { background-image:url(../../img/img_sp_mainphoto_children02.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_children03 img { display:none; }
#mainVisualContent li#teaser_children03 .backstretch { display:none !important; }
#mainVisualContent li#teaser_children03 { background-image:url(../../img/img_sp_mainphoto_children03.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }
/*end20160712こどもとファッション 2/2*/

/*20160907ボルタンスキー・建物 2/2*/
#mainVisualContent li#teaser_boltanski img { display:none; }
#mainVisualContent li#teaser_boltanski .backstretch { display:none !important; }
#mainVisualContent li#teaser_boltanski { background-image:url(../../img/img_sp_mainphoto_boltanski.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_artdeco1609 img { display:none; }
#mainVisualContent li#teaser_artdeco1609 .backstretch { display:none !important; }
#mainVisualContent li#teaser_artdeco1609 { background-image:url(../../img/img_sp_mainphoto_artdeco1609.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }
/*end20160907ボルタンスキー・建物 2/2*/

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

/*20160405庭園説明2/2*/
#mainVisualContent li#garden1604 span { position:absolute; top:auto !important; right:5% !important; bottom:20px !important; width:auto; max-width:90%; display:inline-block; overflow:visible; }

/*20160704庭園説明2/2*/
#mainVisualContent li#garden1607 span { position:absolute; top:auto !important; right:5% !important; bottom:20px !important; width:auto; max-width:90%; display:inline-block; overflow:visible; }

/*20160322追加　20:00まで開館*/
#mainVisualContent li#open_pm8 img { display:none; }
#mainVisualContent li#open_pm8 .backstretch { display:none !important; }
#mainVisualContent li#open_pm8 { background-image:url(../../img/img_mainphoto_open_pm8_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#closeDay { background:url(../../img/img_mainphoto_closeday_05.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#closeDay .backstretch { display:none !important; }
#mainVisualContent li#closeDay span.comment1 { display:none; }
#mainVisualContent li#closeDay span.comment2 { display:none; }
#mainVisualContent li#closeDay span.comment3 { display:block; }
/* #mainVisualContent li#teaserSite5 .backstretch img { left:0px !important; }
#mainVisualContent li#teaserSite6 .backstretch img { left:0px !important; } */
#mainVisualContent li#galle201601_02 .backstretch { display:none !important; }
#mainVisualContent li#galle201601_02 { background-image:url(../../img/img_mainphoto_galle201601_03.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#galle201601_02 .caption { display:none !important; }
#mainVisualContent li#galle201601_02 .caption02 { display:block; }
#mainVisualContent li#galle201601_03 { display:block; }

#mainVisualContent li span.caption { bottom:0px; width:100%; }
#mainVisualContent li span.caption02 { bottom:0px; width:100%; }

/*20161220 冬季休業、並河展 2/2*/
#mainVisualContent li#winter2016 img { display:none; }
#mainVisualContent li#winter2016 .backstretch { display:none !important; }
#mainVisualContent li#winter2016 { background-image:url(../../img/img_mainphoto_winter2016_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_namikawa img { display:none; }
#mainVisualContent li#teaser_namikawa .backstretch { display:none !important; }
#mainVisualContent li#teaser_namikawa { background-image:url(../../img/img_mainphoto_namikawa_sp.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }
	
/*20170405 エレベーター工事休業 2/2*/
#mainVisualContent li#close2017 img { display:none; }
#mainVisualContent li#close2017 .backstretch { display:none !important; }
#mainVisualContent li#close2017 { background-image:url(../../img/img_mainphoto_close2017_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#close2017_02 img { display:none; }
#mainVisualContent li#close2017_02 .backstretch { display:none !important; }
#mainVisualContent li#close2017_02 { background-image:url(../../img/img_mainphoto_close2017_02_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#close2017_03 img { display:none; }
#mainVisualContent li#close2017_03 .backstretch { display:none !important; }
#mainVisualContent li#close2017_03 { background-image:url(../../img/img_mainphoto_close2017_03_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#close2017_04 img { display:none; }
#mainVisualContent li#close2017_04 .backstretch { display:none !important; }
#mainVisualContent li#close2017_04 { background-image:url(../../img/img_mainphoto_close2017_04_sp.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }

/*20170410 エレベーター工事休業 _デザイナー2/4*/
#mainVisualContent li#close2017_designer span.sp,#mainVisualContent li#close2017_designer02 span.sp,#mainVisualContent li#close2017_designer03 span.sp{ display: block; position: absolute; bottom: 20px; right: 20px; left: 20px;}
#mainVisualContent li#close2017_designer span.pc,#mainVisualContent li#close2017_designer02 span.pc,#mainVisualContent li#close2017_designer03 span.pc{display: none;}
#mainVisualContent li#close2017_designer span.sp img,#mainVisualContent li#close2017_designer02 span.sp img,#mainVisualContent li#close2017_designer03 span.sp img{width:100%; max-width: auto;}
#mainVisualContent li#close2017_designer span.logo, #mainVisualContent li#close2017_designer02 span.logo,#mainVisualContent li#close2017_designer03 span.logo{ position:absolute; left:0 !important; top:50%; width: 330px; text-align: left; height: 700px; margin-top: -230px; }
#mainVisualContent li#close2017_designer .backstretch,#mainVisualContent li#close2017_designer02 .backstretch,#mainVisualContent li#close2017_designer03 .backstretch { display:none !important; }
#mainVisualContent li#close2017_designer { background-image:url(../../img/img_mainphoto_close2017_designer_01_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#close2017_designer02 { background-image:url(../../img/img_mainphoto_close2017_designer_02_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#close2017_designer03 { background-image:url(../../img/img_mainphoto_close2017_designer_03_sp.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }
	
/*20171108 装飾展*/
#mainVisualContent li#teaser_decoration .backstretch { display:none !important; }
#mainVisualContent li#teaser_decoration { background-image:url(../../img/img_mainphoto_decoration_sp.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }
	
/*20171225 装飾展各作家ビジュアル 2/2*/
#mainVisualContent li#decoration_images01 .backstretch,#mainVisualContent li#decoration_images02 .backstretch,#mainVisualContent li#decoration_images03 .backstretch,#mainVisualContent li#decoration_images04 .backstretch,#mainVisualContent li#decoration_images05 .backstretch,#mainVisualContent li#decoration_images06 .backstretch,#mainVisualContent li#decoration_images07 .backstretch { display:none !important; }
#mainVisualContent li#decoration_images01 span,#mainVisualContent li#decoration_images02 span,#mainVisualContent li#decoration_images03 span,#mainVisualContent li#decoration_images04 span,#mainVisualContent li#decoration_images05 span,#mainVisualContent li#decoration_images06 span,#mainVisualContent li#decoration_images07 span { display:none !important; }
#mainVisualContent li#decoration_images01 { background-image:url(../../img/img_mainphoto_decoration201712_01_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#decoration_images02 { background-image:url(../../img/img_mainphoto_decoration201712_02_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#decoration_images03 { background-image:url(../../img/img_mainphoto_decoration201712_03_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#decoration_images04 { background-image:url(../../img/img_mainphoto_decoration201712_04_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#decoration_images05 { background-image:url(../../img/img_mainphoto_decoration201712_05_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#decoration_images06 { background-image:url(../../img/img_mainphoto_decoration201712_06_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#decoration_images07 { background-image:url(../../img/img_mainphoto_decoration201712_07_sp.jpg) !important; background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; width:100%; }

/*20180214 アール・デコ・リヴァイバル*/
#mainVisualContent li#teaser_asaka180321 .backstretch { display:none !important; }
#mainVisualContent li#teaser_asaka180321 { background-image:url(../../img/img_mainphoto_asaka0321_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_asaka180321 span.span01, #mainVisualContent li#teaser_asaka180321 span.span02{ display: none;}
#mainVisualContent li#teaser_french180321 .backstretch { display:none !important; }
#mainVisualContent li#teaser_french180321 { background-image:url(../../img/img_mainphoto_french0321_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_french180321 span.span01, #mainVisualContent li#teaser_french180321 span.span02{ display: none;}

/*20180223春季庭園 2/2*/
#mainVisualContent li#spring2018 span { position:absolute; top:20px !important; right:5% !important; width:auto; max-width:90%; display:inline-block; overflow:visible; }

#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; }

#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; }
}
@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%; }

/*20170410 エレベーター工事休業 _デザイナー3/4*/
#mainVisualContent li#close2017_designer span.logo, #mainVisualContent li#close2017_designer02 span.logo,#mainVisualContent li#close2017_designer03 span.logo{ position:absolute; left:0 !important; top:50%; width: 225px; text-align: left; height: 700px; margin-top: -120px; max-width: 45%; }

}

@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; }

#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; }
	
/*20170410 エレベーター工事休業 _デザイナー4/4*/
#mainVisualContent li#close2017_designer span.logo, #mainVisualContent li#close2017_designer02 span.logo,#mainVisualContent li#close2017_designer03 span.logo{ left:0 !important; top:50%; width: 150px; text-align: left; height: 100%; margin-top:-120px; max-width: 30%; }
}
}