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

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

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

/* 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; }
#subContent #calendarBox table tr td { text-align:center; vertical-align:middle; font-size:12px; width:40px; height:40px; }
#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; }
#subContent #calendarBox table tr td span.closed { border:#d2d2d2 solid 1px; background:#d2d2d2; }
#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; }
#subContent #calendarBox .dateBox p { width:280px; margin:0 auto; display:block; font-size:12px; text-align:center; }
#subContent #calendarBox .dateBox p span.eventDay { background:url(../../img/ico_calendar_02.gif) left no-repeat; padding:0 12px 0 18px; }
#subContent #calendarBox .dateBox p span.closedDay { background:url(../../img/ico_calendar_03.gif) left no-repeat; padding:0 0 0 18px; }
#subContent #calendarBox .dateBox p span.exihibitionDay { background:url(../../img/ico_calendar_04.png) left no-repeat; padding:0 12px 0 18px; }
#subContent #calendarBox .dateBox p span.opengardenDay { background:url(../../img/ico_calendar_05.png) left no-repeat; padding:0 0 0 18px; }
#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 { }
#subContent .snsBox ul li.facebookBtn { width:58px; }
#subContent .snsBox ul li.tweetBtn { width:68px; }
#subContent .snsBox ul li.pinterestBtn { width:66px; }
#subContent .snsBox ul li.youtubeBtn { width:64px; }
#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; }

/*20150406 カレンダーアンダーライン*/
#subContent #calendarBox table tr td.ud_green{ /* border-bottom: 2px solid #29c700; */ background:url(../../img/bg_calendar_02.png) bottom repeat-x; }
#subContent #calendarBox table tr td.ud_brown{ /* border-bottom: 2px solid #f67a06; */ background:url(../../img/bg_calendar_01.png) bottom 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) bottom 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) bottom repeat-x; }


/*end_20150406 カレンダーアンダーライン*/

@media screen (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 (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%; }
}

@media screen and (max-width:768px) and (orientation: portrait) {
/* 縦向き */
#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%; }
#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%; }

#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 span.caption { bottom:0px; }

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

}
@media screen and (max-width:768px) and (orientation: landscape) {
/* 横向き */
#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; }
}