#urgentInfo { border-top: 1px solid #cf0f28; background: #fdf3f4; position: relative; padding: 20px 20px 17px 130px; display: none; } #urgentInfo h2 { position: absolute; left: 20px; top: 21px; } #topContent { border-top: 1px solid #cf0f28; min-height: 900px; } #topContent h2 {color:#ce102a; font-family: "Ryumin Regular KL","游明朝","Yu Mincho","游明朝体","HGS明朝E","ＭＳ Ｐ明朝"; transform: rotate(0.03deg);} #main_exb { position: relative; width: 971px; height: 414px; overflow: hidden; } #main_exb #base { position: absolute; left: 0; top: 0px; } #main_exb h2 {-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;} #main_exb #thumbs img { position: absolute; /* opacity: 0; */ } #main_exb #thumbs .a0 { left:-60px; top:0px; } #main_exb #thumbs .a1 { left:36px; top:0px; } #main_exb #thumbs .a2 { left:-12px; top:83px; } /* #main_exb #thumbs .a2 { left:708px; top:0px; } #main_exb #thumbs .a3 { left:804px; top:0px; } #main_exb #thumbs .a4 { left:900px; top:0px; } #main_exb #thumbs .a6 { left:660px; top:83px; } #main_exb #thumbs .a7 { left:756px; top:83px; } #main_exb #thumbs .a8 { left:852px; top:83px; } */ #main_exb #thumbs .a3 { left:948px; top:83px; } #main_exb #thumbs .a4 { left:-60px; top:166px; } #main_exb #thumbs .a5 { left:948px; top:249px; } #main_exb #thumbs .a6 { left:-60px; top:332px; } #main_exb #thumbs .a7 { left:36px; top:332px; } #main_exb #thumbs .a8 { left:132px; top:332px; } #main_exb #thumbs .a9 { left:228px; top:332px; } #main_exb #thumbs .a10 { left:324px; top:332px; } #main_exb #thumbs .a11 { left:420px; top:332px; } #main_exb #thumbs .a12 { left:900px; top:332px; } #main_exb #thumbs .b0 { left:-12px; top:10px; } #main_exb #thumbs .b1 { left:948px; top:10px; } #main_exb #thumbs .b2 { left:-60px; top:93px; } /* #main_exb #thumbs .b1 { left:660px; top:10px; } #main_exb #thumbs .b2 { left:756px; top:10px; } #main_exb #thumbs .b3 { left:852px; top:10px; } #main_exb #thumbs .b5 { left:-60px; top:93px; } #main_exb #thumbs .b7 { left:708px; top:93px; } #main_exb #thumbs .b8 { left:804px; top:93px; } */ #main_exb #thumbs .b3 { left:900px; top:93px; } #main_exb #thumbs .b4 { left:947px; top:176px; } #main_exb #thumbs .b5 { left:900px; top:259px; } #main_exb #thumbs .b6 { left:-12px; top:342px; } #main_exb #thumbs .b7 { left:84px; top:342px; } #main_exb #thumbs .b8 { left:180px; top:342px; } #main_exb #thumbs .b9 { left:276px; top:342px; } #main_exb #thumbs .b10 { left:372px; top:342px; } #main_exb #thumbs .b11 { left:852px; top:342px; } #main_exb #thumbs .b12 { left:948px; top:342px; } #main_exb section { position: absolute; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;} #main_exb section h2 { position: absolute; } #main_exb section a { display: block; } #main_exb section a img { margin: 0 0 18px; } #main_exb section .date { position: absolute; top: 0px; white-space: nowrap; font-size: 10px; } #main_exb #current_exb { left: 127px; top: 39px; } #main_exb #current_exb h2 { left: -31px; bottom: 56px; } #main_exb #current_exb .date { left: 393px; } #main_exb #next_exb { left: 607px; top: 201px; } #main_exb #next_exb h2 { left: -23px; /*bottom: 38px; 次回の展覧会*/ bottom: 55px;} #main_exb #next_exb .nexttl { bottom: 38px;} #main_exb #next_exb .date { left: 249px; } #main_exb #current_exb .banner { position: absolute; left: 0px; top: -28px; } #main_exb #nextnext { left: 716px; top: 39px; height: 84px; width: 146px; } #main_exb #nextnext h2 { left: -23px; bottom: 0px; } #main_exb #nextnext img { margin: 0 0 6px; } #main_exb #nextnext .date { left: 156px; margin: 0; } #main_exb #canvas { position: absolute; left: 0; top: 0; background: transparent; } #main_exb #flashArea { display: block; position: absolute; left: 0; top: -1px; width: 971px; height: 417px; } #movableText { font-size: 10px; line-height: 10px; position: absolute; left: 0; top: 0; padding: 6px; background: #000; color: #fff; z-index: 100; display: none; -webkit-animation: animationName 1.5s ease-in 1; -webkit-transform-origin: center bottom; -webkit-font-smoothing: subpixel-antialiased; } @-webkit-keyframes animationName { 0% { -webkit-transform: scale(0.5); opacity: 0; } 10% { -webkit-transform: scale(1.1); opacity: 1 } 20% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } } #top_subs { overflow: hidden; border-top: 1px solid #cf0f28; } #top_subs section { padding: 20px; } #top_subs section h2 { margin: 0 0 19px; position: relative; font-size: 14px;} #top_subs section h2 .icn { position: absolute; left: 0; top: 0; } #top_subs section h2 .title { display: block; padding: 0 0 0 58px; } #top_subs .left { float: left; width: 283px; } #top_subs .left a { display: block; } #top_subs .left #calendar, #top_subs .left #blog { border-top: 1px solid #cf0f28; } /*#top_subs #about img { margin: 0 0 10px; }*/ #top_subs #about a, #top_subs #blog a {background: url(/wp-content/themes/mimt/assets/img/common/arrow_right.png) no-repeat right 55px; } #top_subs #about a >div, #top_subs #blog a >div { overflow: hidden; } #top_subs #blog .blindFade { height: 60px; line-height: 60px;} #top_subs #about div img, #top_subs #blog div img { float: left; } #top_subs #about div p, #top_subs #blog div p { float: left; padding: 0 15px 0 15px; width: 96px; } /*#top_subs #blog div { overflow: hidden; }*/ #top_subs .right { float: left; border-left: 1px solid #cf0f28; } #top_subs .right .upper { overflow: hidden; } #top_subs .right .upper #news { float: left; border-right: 1px solid #cf0f28; width: 409px; min-height: 426px; padding-bottom: 0; } #top_subs .right .upper #news h2 { height: 20px; width: 409px; overflow: hidden; } #top_subs .right .upper #news h2 img { float: left; } #top_subs .right .upper #news h2 span.trigger { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; } #top_subs .right .upper #news h2 span:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=1000)"; } #top_subs .right .upper #news h2 .cur { cursor: default; opacity: 1!important; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=1000)"; } #top_subs .right .upper #news ul { border-bottom: 1px solid #cf0f28; } #top_subs .right .upper #news li { border-top: 1px solid #cf0f28; } #top_subs .right .upper #news li a { display: block; padding: 16px 18px 17px 96px; position: relative; background: url(/wp-content/themes/mimt/assets/img/common/arrow_right.png) no-repeat right center; font-size: 13px;} #top_subs .right .upper #news li a span.date { left: 0px; top: 50%; margin: -12px 0 0 0; font-size: 11px; } #top_subs .right .upper #news li a:hover span.date { color: #666; } #top_subs .right .upper #news li a span.cat { left: 0px; top: 50%; margin: 1px 0 0 0; font-size: 12px; } #top_subs .right .upper #news li.museum .cat { color: #cf0f28; } #top_subs .right .upper #news li.store .cat { color: #006eb7; } #top_subs .right .upper #news li.cafe .cat { color: #794346; } #top_subs .right .upper #news p { overflow: hidden; } #top_subs .right .upper #news p a { background: url(/wp-content/themes/mimt/assets/img/common/arrow_right.png) no-repeat right center; display: block; padding: 15px 20px 12px 15px; float: right; } #top_subs .right .upper #news #innerNews p a { padding: 19px 20px 20px 15px; } #top_subs .right .upper #news #innerNews li a span { display: block; position: absolute; } #top_subs .right .upper #news #innerNews #bannerBook { border-top: 1px solid #cf0f28; padding-top: 30px; } #newsTabWrapper { min-height: 358px; } #top_subs .right .upper #news #marunouchNews { display: none; } #top_subs .right .upper #news #marunouchNews li a { display: block; padding: 8px 18px 10px 76px; position: relative; background: url(/wp-content/themes/mimt/assets/img/common/arrow_right.png) no-repeat right center; } #top_subs .right .upper #news #marunouchNews li p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #top_subs .right .upper #news #marunouchNews li a span { font-size: 9px; } #top_subs .right .upper #news #marunouchNews li a span.mCategory { padding-left: 15px; color: #cf0f28; } #top_subs .right .upper #news #marunouchNews li a img { display: block; position: absolute; width: 63px; left: 0; top: 15px; } #top_subs .right .upper #news #marunouchNews p a { background-image: url(/wp-content/themes/mimt/assets/img/common/icn_blank.png); } #top_subs .right .upper #variable { float: right; width: 237px; } #top_subs .right .bottom { overflow: hidden; border-top: 1px solid #cf0f28; } #top_subs .right .bottom a{ display: block; min-height: 187px; float: left; } #top_subs .right .bottom #cafe { width: 224px; } #top_subs .right .bottom #store {width: 224px; border-left: 1px solid #cf0f28; border-right: 1px solid #cf0f28; } #top_subs .right .bottom #mail { width: 237px;/* border-left: 1px solid #cf0f28; */ } #top_subs .right .bottom #mail.topEvent .sectionTitle { text-align: center;margin-bottom: 18px; } #top_subs .right .bottom #mail.topEvent .sectionTitle span { display: block;font-size: 10px;line-height: 11px;margin-top: 4px; } #top_subs .right .bottom #mail.topEvent .arrowthumb { position: relative; } #top_subs .right .bottom #mail.topEvent .arrowthumb img { width: 100%; } #top_subs .right .bottom #mail.topEvent .arrowthumb .more { position: absolute;right: 0;bottom: 0;color: #fff;background: #d10720;box-sizing: border-box;width: 61px;height: 22px;padding: 7px 19px 8px 10px;text-align: left;font-size: 10px;line-height: 1; } #top_subs .right .bottom #mail.topEvent .arrowthumb .more:after { content: '';display: block;width: 6px;height: 10px;background: url(/wp-content/themes/mimt/assets/img/sp/common/arrow_right_white.png) center top no-repeat;background-size: 6px 10px;margin-top: -5px;position: absolute;top: 50%;right: 8px; } #top_subs .links { border-top: 1px solid #cf0f28; clear: both; padding-right: 0; padding-bottom: 10px; } #top_subs .links ul { overflow: hidden; } #top_subs .links ul li { float: left; margin: 0 10px 10px 0; } #top_subs #calendar { padding: 20px 20px 0; } #top_subs #calendar h2 { margin: 0 0 14px; } #top_subs #calendar .inner { position: relative; } #top_subs #calendar .inner .blind { top: 0; right: 0; bottom: 0; width: 100%; } #top_subs #calendar table { table-layout: fixed; } #top_subs #appearance { display: none; } #top_subs #appearance img { display: none; } #top_subs #appearance h2 img { display: block; } #top_subs #important { background: #fdf3f4; height: 375px; padding-right: 0; display: none; } #top_subs #important h2 { border-bottom: 1px solid #cf0f28; padding: 0 0 20px; margin: 0 20px 12px 0; } #top_subs #important .scroll { width: 197px; padding: 0 20px 0 0; height: 331px; overflow: scroll; } #top_subs #important .scroll p { line-height: 2; } #top_subs #important_still { height: 375px; padding-right: 0; display: block; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; } #top_subs #important_still h2 { font-size: 14px; margin-bottom: 20px; margin-top: -5px; } #top_subs #important_still .stillInner { width: 197px; padding: 0 20px 0 0; } #top_subs #important_still .stillInner p { font-size: 16px; line-height: 22px; margin-bottom: 8px; letter-spacing: 0.2em;} #top_subs #important_still .stillInner img { margin: 0 auto 13px; } #top_subs #important_still .stillInner ul { font-size: 11px; line-height: 18px; margin-bottom: 10px; } #top_subs #important_still .stillInner ul li { margin-bottom: 5px; } #top_subs #important_still .stillInner ul li:last-child { margin-bottom: 0; } /*#top_subs #important_still .scroll .btn { display: block; color: #cf0f28; }*/ .blind { background: #fff; position: absolute; display: block; -webkit-backface-visibility: hidden; } #header #globalNav .blind { top: 0; right: 0; bottom: 0; width: 100%; } #header #museumStatus .blind { top: 110px; right: 21px; bottom: 0; width: 790px; } #top_subs h2, #top_subs li, #top_subs p { position: relative; } #top_subs h2 .blind, #top_subs li .blind, #top_subs p .blind { top: 0; right: 0; bottom: 0; width: 100%; } #urgentInfo .blind { top: 0; right: 0; bottom: 0; width: 100%; background: #fdf3f4; } #top_subs #important .blind { background: #fdf3f4; } #schedule { position: relative; } #schedule a { display: block; width: 90px; height: 16px; } #schedule .prev { position: absolute; left: 0; top: 0; } #schedule .next { position: absolute; right: 0; top: 0; } #schedule .prev img { position: absolute; left: 0; top: 3px; } #schedule .next img { position: absolute; right: 0; top: 3px; } #schedule .title { text-align: center; margin: 0 0 13px; color: #ce102a; } #schedule table { margin: 0 0 10px; } #schedule th { width: 38px; height: 18px; vertical-align: middle; text-align: center; border-bottom: 1px dotted #ce102a; border-right: 1px dotted #ce102a; color: #ce102a; } #schedule td { width: 38px; height: 18px; vertical-align: middle; text-align: center; border-bottom: 1px dotted #ce102a; border-right: 1px dotted #ce102a; padding: 2px 0 0; } #schedule tr th:last-child, #schedule tr td:last-child { border-right: none; } #schedule .today { color: #fff; background: #ce102a; } #schedule .open { color: #ce102a; } #schedule .term { background: #f5cfd4; } #schedule .attention { text-align: right; margin: 0 0 8px; font-size: 1px; line-height: 1; } #schedule .attention img { display: inline; } #schedule .separator { margin: 0 0 18px; border-bottom: 1px solid #ce102a; } #schedule #todaySchedule { text-align: center; color: #ce102a; line-height: 1.1; padding: 0 0 18px; } #schedule .cal-btn { width: 100%; display: flex; justify-content: space-between; color: #cf0f28; z-index: 101; margin-bottom: -16px; position: relative; } #schedule .cal-btn div { width: 20px; cursor: pointer; } #collaborationBanner { display: none; } #collaborationBanner h2 { margin-bottom: 20px; color: #cf0f28;} #collaborationBanner .link { width: 198px; margin: 0 auto; } #collaborationBanner .text { margin-bottom: 40px; } #collaborationBanner p {font-size: 1.05em; text-align: center; font-family: "Ryumin Regular KL","游明朝","Yu Mincho","游明朝体","HGS明朝E","ＭＳ Ｐ明朝";} #collaborationBanner p span {font-size: 2em;} /* h2.fixed::after { background: url(/wp-content/themes/mimt/assets/img/banner.png); background-size: contain; background-repeat: no-repeat; content: ""; height: 100%; left: 0; position: absolute; top: 24px; width: 100%; } */ /* english */ .en body { font-family: Helvetica , Arial, sans-serif; } .en #museumStatus table { margin: 2px 20px 10px 76px!important; } .en #main_exb p { font-family: Helvetica , Arial, sans-serif; font-size: 12px; line-height: 1.5; white-space: nowrap;} .en #main_exb section a img { margin: 0 0 10px; } .en #main_exb #nextnext .date { margin: 0!important } .en #main_exb #nextnext { top: 12px; } .en #main_exb #current_exb h2 { left: -25px; bottom: 66px; } .en #main_exb #nextnext h2 {left: -20px; bottom: -6px;} .en #main_exb #next_exb h2 { left: -21px; bottom: 77px;} .en #top_subs .columns { background: url(/wp-content/themes/mimt/assets/img/english/top/top_bg.png) center top repeat-y ; overflow: hidden; } .en #top_subs .column { float: left; } .en #top_subs .column h2 { font-size: 1px; line-height: 1; } .en #top_subs #column1 { width: 449px; } .en #top_subs #column2 { width: 284px; } .en #top_subs #column3 { width: 238px; border-right: none; } .en #top_subs #map { width: 449px; height: 218px; border-bottom: 1px solid #cf0f28; } .en #top_subs .column a { display: block; } .en #top_subs .column section { padding: 17px 20px 20px; } /* .en #top_subs .column section:last-child { border-bottom: none; } */ .en #top_subs #column1 h2 { margin: 0 0 5px; } .en #top_subs #column1 p { margin: 0 0 15px; } .en #top_subs #column1 p:last-child { margin: 0; } .en #top_subs #column2 #calendar { border-bottom: 1px solid #cf0f28; overflow: hidden; height: 293px; } .en #top_subs #column2 #about { border-bottom: 1px solid #cf0f28; overflow: hidden; } .en #top_subs #column2 #contact { padding: 20px 20px 33px; } .en #top_subs #column3 #variable section { padding: 20px 20px 50px; border-bottom: 1px solid #cf0f28; } .en #top_subs #important { background: #fdf3f4; height: 375px; padding-right: 0; border-left: 1px solid #cf0f28; } .en #top_subs #column3 #cafe section{ padding: 20px 20px 36px; border-bottom: 1px solid #cf0f28; overflow: hidden; } .en #top_subs #column3 #store section { padding: 20px 20px 34px; overflow: hidden; } .en #schedule .title { text-align: center; margin: 0 0 15px; color: #ce102a; } .en #schedule .attention { text-align: right; color: #ce102a; position: relative; margin: 0 0 7px; font-size: 9px; line-height: 1; } .en #schedule #todaySchedule { padding: 0 0 19px; } .en #top_subs #column1 #news { padding: 20px 20px 0; border-bottom: 1px solid #cf0f28; } .en #top_subs #column1 #news h2 {width: 409px; overflow: hidden; margin: 0 0 20px; } .en #top_subs #column1 #news ul { border-bottom: 1px solid #cf0f28; } .en #top_subs #column1 #news li { border-top: 1px solid #cf0f28; } .en #top_subs #column1 #news li a { display: block; padding: 13px 18px 14px 91px; position: relative; background: url(/wp-content/themes/mimt/assets/img/common/arrow_right.png) no-repeat right center; } .en #top_subs #column1 #news span { display: block; position: absolute; } .en #top_subs #column1 #news li a span.date { left: 0px; top: 50%; margin: -6px 0 0 0; font-size: 12px; line-height: 1; } .en #top_subs #column1 #news li a:hover span.date { color: #666; } .en #top_subs #column1 #news p { overflow: hidden; } .en #top_subs #column1 #news p a { background: url(/wp-content/themes/mimt/assets/img/common/arrow_right.png) no-repeat right center; display: block; padding: 15px 20px 12px 15px; float: right; } .en #top_subs a.inline { display: inline-block!important; color: #cf0f28; } .en #top_subs a.inline:hover { text-decoration: underline; } .en #top_subs small { font-size: 10px; }