@charset "utf-8"; /* CSS Document */ /* ArtNav */ #ul-contents.art .mymapblock{ position:relative;} #ul-contents.art .mymap_contents{ overflow:hidden;} #ul-contents.art .mymapblock .tglnav{cursor:pointer; position:absolute; bottom:0; left:0; width:100%; height:40px; background-color:rgba(61,159,211,0.5); background-image:url(../../img/static/art/icon_mymaptoclose.png); background-repeat:no-repeat; background-position:center center; background-size:18px auto; } #ul-contents.art .mymapblock .tglnav.open{background-image:url(../../img/static/art/icon_mymaptoopen.png);} #ul-contents.art .refineblock{} #ul-contents.art .refineblock .navarea{ background-color:#eeeeee; padding:22px 34px 22px 44px;overflow:hidden;} #ul-contents.art .refineblock .navarea .wrapper{ display:table; width:100%; table-layout:fixed;} #ul-contents.art .refineblock .navarea .wrapper .nvisland,#ul-contents.art .refineblock .navarea .wrapper .nvworkdetail,#ul-contents.art .refineblock .navarea .wrapper .nvcalender,#ul-contents.art .refineblock .navarea .wrapper .nvartistlist,#ul-contents.art .refineblock .navarea .wrapper .nvswitch{display:table-cell; vertical-align:middle;} #ul-contents.art .refineblock .navarea .wrapper .nvisland{ width:475px; padding-right:5px;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb{ display:table; width:100%; table-layout:fixed;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb p{ display:table-cell; width:65px; vertical-align:middle;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb p.entb{width:75px;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb ul{ display:table-cell;vertical-align:middle;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb ul li{margin-right:39px;display:inline-block; cursor:pointer; color:#3D9FD3;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb ul li:last-child{margin-right:0;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb ul li:before{ content:""; display:inline-block; margin-right:10px; vertical-align:middle; width:15px; height:15px; border:1px solid #cccccc; background-color:#ffffff;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb .active-island:before{ content:""; display:inline-block; margin-right:10px; vertical-align:middle; width:15px; height:15px; background-color:#3D9FD3; border-color:#3D9FD3;} #ul-contents.art .refineblock .navarea .wrapper .nvworkdetail{ width:425px; text-align:left;} #ul-contents.art .refineblock .navarea .wrapper .nvcalender{width:150px;} #ul-contents.art .refineblock .navarea .wrapper .nvcalender a{ display:block; text-align:center; background-color:#ffffff; border:1px solid #3D9FD3; height:34px; line-height:34px;} #ul-contents.art .refineblock .navarea .wrapper .nvcalender a:hover{ color:#ffffff; background-color:#3D9FD3;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist{ width:240px; padding-right:5px; text-align:center;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a{ color:#333333; display:block; margin:0 36px; height:34px; line-height:34px;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a:hover{ color:#3D9FD2;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a.active span{ color:#3D9FD3;background-image: url(../../img/static/art/icon_artist_crt.png);} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a span{ display:block;padding-left:36px;background-image: url(../../img/static/art/icon_artist.png);background-repeat: no-repeat;background-position: 8px center; background-size:29px auto;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a:hover span{ background-image: url(../../img/static/art/icon_artist_crt.png);} #ul-contents.art .refineblock .navarea .wrapper .nvswitch{width:74px; overflow:hidden;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch .pic{ width:20px; height:20px; margin-right:34px; float:left;background-image: url(../../img/static/art/icon_block_crt.png);background-repeat: no-repeat;background-position: left top; background-size:20px auto;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch .pic img,#ul-contents.art .refineblock .navarea .wrapper .nvswitch .tlist img{ vertical-align:top !important; cursor:pointer;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch .pic:hover img,#ul-contents.art .refineblock .navarea .wrapper .nvswitch .tlist:hover img{filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch .tlist{ width:20px; height:20px;float:left;background-image: url(../../img/static/art/icon_list_crt.png);background-repeat: no-repeat;background-position: left top; background-size:20px auto;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch .sw-crt img{filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;} /* ArtRefineWrapper */ #ul-contents.art .refineblock .art-surface{ } #ul-contents.art .refineblock .art-surface .art-surface-inner{padding:40px 38px 20px 38px;} #ul-contents.art .refineblock .art-surface ul.piclist{position:relative;overflow:hidden;} #ul-contents.art .refineblock .art-surface ul.piclist li{ position:absolute; opacity:0; text-align:center; left:0; top:0; } #ul-contents.art .refineblock .art-surface ul.piclist li.selected{} #ul-contents.art .refineblock .art-surface ul.piclist li#relativeRectangle{opacity:0;z-index:0;} #ul-contents.art .refineblock .art-surface ul.piclist li#relativeRectangle.hide{display:none;} #ul-contents.art .refineblock .art-surface ul.piclist li a{ display:block;} #ul-contents.art .refineblock .art-surface ul.piclist li a img{ width:100%;} #ul-contents.art .refineblock .art-surface ul.piclist li a span{ display:block; margin-top:22px; line-height:1.2em; font-size:143%;font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;} #ul-contents.art .refineblock .art-surface ul.piclist li a:hover{ color:#333333;} #ul-contents.art .refineblock .art-surface ul.piclist li a:hover img{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} #map-canvas{height:450px;} #surface-container{position:relative;} /* ListSwitch */ #ul-contents.art .refineblock .art-surface .piclist-title { display:none; margin-bottom:30px;} #ul-contents.art .refineblock .art-surface .piclist-title.show {display:block;} #ul-contents.art .refineblock .art-surface .piclist-title p{ display:inline-block; text-align:center; font-size:143%;font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;} #ul-contents.art .refineblock .art-surface .piclist-title p:nth-of-type(1){ width:28%;} #ul-contents.art .refineblock .art-surface .piclist-title p:nth-of-type(2){ width:33%;} #ul-contents.art .refineblock .art-surface .piclist-title p:nth-of-type(3){ width:25%;} #ul-contents.art .refineblock .art-surface .piclist-title p:nth-of-type(4){ width:14%;} /**/ #ul-contents.art .refineblock .art-surface ul li.piclist-art div { display:none;} #ul-contents.art .refineblock .art-surface ul.txtlist {height:auto!important;} #ul-contents.art .refineblock .art-surface ul.txtlist li a span{ font-size:100% !important; margin-top:0; color:#333333;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art{ position:static;text-align:left;display:table; width:100% !important;table-layout:fixed;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; border:1px solid #cccccc; margin-bottom:18px; font-size:100%; overflow:hidden; padding:25px 0;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art:hover{ background-color:#eeeeee;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art img{ display:none;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art span { display:table-cell;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; width:24%; padding-left:65px;vertical-align:middle;font-family:"游ゴシック", YuGothic, "Hiragino Kaku ProN", "メイリオ" , sans-serif;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div { display:block; display:table-cell; width:76%;vertical-align:middle;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp{display:table; width:100%; table-layout:fixed;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.address{ display:table-cell;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; width:45%;border-right:1px solid #cccccc;border-left:1px solid #cccccc; vertical-align:middle; padding:40px 89px 34px 89px;line-height:1.75em;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.businesshours{display:table-cell;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; width:34%;border-right:1px solid #cccccc;vertical-align:middle;padding:40px 52px 34px 52px; line-height:1.75em;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.closedday{display:table-cell;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; border-right:none;vertical-align:middle; padding:40px 10px 34px 10px; text-align:center; width:21%;line-height:1.75em;} #ul-contents.art .refineblock .art-surface ul.txtlist li span.spthtitle{ display:none;} /* Artist */ #artist-surface{display:none;opacity:0; position:absolute;left:0;top:0;right:0;bottom:0;background-color:#3D9FD2;color:#ffffff;} #artist-surface-ui{margin:40px 50px 40px 15%; position:relative;} #artist-surface .atstitle{ position:absolute; left:0;top:0;font-family:FOT-UD明朝 Pro L, UDMinchoPro-L; font-size:143%;} #artist-search{ width:100px; height:40px; line-height:40px; font-size:115%; text-align:center; background-color:#ffffff; cursor:pointer; color:#3D9FD2; position:absolute; right:300px;top:0;} #artist-search:hover{ background-color:#333333; color:#ffffff;} #artist-surface-close{ width:25px; height:40px;cursor:pointer;position:absolute; right:207px;top:0; padding-top:7px;} #artist-surface-close:hover img{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} #artist-list-index{ position:absolute; top:47px;left:0; height:40px; overflow:hidden;} #artist-list-index li{ width:40px; height:40px; text-align:center; line-height:40px;cursor:pointer; color:#3D9FD2; margin-right:15px; float:left; background-color:#ffffff;} #artist-list-index li:last-child{width:80px;} #artist-list-index.enat li:last-child{width:40px;} #artist-list-index li:hover{ background-color:#333333; color:#ffffff;} #artist-surface-inner{position:absolute;left:15%;top:184px;right:50px;bottom:40px;overflow:hidden;} #artist-surface-inner h2{ font-size:143%;color:#ffffff; margin-bottom:42px; line-height:1em;} ul.artist-list{} ul.artist-list li{ display:table; width:100%;font-family:FOT-UD明朝 Pro L, UDMinchoPro-L; margin-bottom:63px; cursor:pointer;} ul.artist-list li h3{ display:table-cell; width:360px; padding-right:20px; padding-left:40px;font-size:143%; vertical-align:top; text-align:left !important; background-image:url(../../img/static/art/check_off.png); background-repeat:no-repeat; background-position:left 2px; background-size:20px auto;} ul.artist-list li p{ display:table-cell; vertical-align:top; line-height:2em;text-align:left !important;} ul.artist-list li.active-artist{ color:#333333;} ul.artist-list li.active-artist h3{background-image:url(../../img/static/art/check_on.png);} ul.artist-list li:hover { color:#333333;} ul.artist-list li:hover h3{background-image:url(../../img/static/art/check_on.png);} ul.artist-list li.active-artist:hover{ color:#333333;} ul.artist-list li.active-artist:hover h3{background-image:url(../../img/static/art/check_on.png);} /* infowindow */ .basn-infowindow{margin-left:22px;overflow:hidden;text-align:center;} .basn-infowindow a{ color:#333333;display:block; width:100%;overflow:hidden;} .basn-infowindow a h2{width:170px;font-weight:bold;margin:8px 0 10px 0;line-height:1.1em;} /*.basn-infowindow a p.info-left{width:120px;float:left;margin-right:10px;line-height:1.2em;font-size:11px;}*/ .basn-infowindow a p.info-right{width:170px;} .basn-infowindow a p.info-right img{width:160px;height:auto;} /* altcontainer */ .art-surface .art-surface-inner .alt-container{width:100%;padding:30px 0 50px 0;text-align:center;display:none;font-size:100%;line-height:1.4em; } .art-surface .art-surface-inner .alt-container.show{display:block;} /* phone control 151030 */ #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.address span.art-index-phone{display:inline;padding:0;width:auto;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.address span.art-index-phone-active{color:#3d9fd3;} @media(max-width:1439px){ /* ArtNav */ #ul-contents.art .refineblock .navarea{padding:22px 20px} #ul-contents.art .refineblock .navarea .wrapper .nvisland{ width:370px;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb p{width:40px;} #ul-contents.art .refineblock .navarea .wrapper .nvworkdetail{ width:auto; padding-right:20px; line-height:1.3em; font-size:86%; text-align:center;} #ul-contents.art .refineblock .navarea .wrapper .nvcalender{width:120px;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb ul li{margin-right:20px;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist{ width:200px;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a{ margin:0 20px;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch{width:54px; overflow:hidden;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch .pic{margin-right:14px;} #ul-contents.art .refineblock .navarea .wrapper .nvcalender.encld{ font-size:80%;} /**/ #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art span {padding-left:30px;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.address{padding:20px 30px 14px 30px;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.businesshours{padding:20px 30px 14px 30px;} /* Artist */ #artist-search{right:55px;} #artist-surface-close{right:0;} /**/ #artist-list-index li.enclear{ clear:both;} #artist-list-index.enat{height:84px;}#artist-list-index li.enli{ margin-top:4px;} #artist-surface-inner.eninr{top:228px;} } @media(max-width:990px){ #map-canvas{height:240px;} #ul-contents.art .refineblock .art-surface ul.piclist li a span{ font-size:115%;} /* ArtNav */ #ul-contents.art .refineblock .navarea{padding:22px 0 15px 0;} #ul-contents.art .refineblock .navarea .wrapper{ display:block;width:auto;text-align:center;} #ul-contents.art .refineblock .navarea .wrapper .nvisland,#ul-contents.art .refineblock .navarea .wrapper .nvworkdetail,#ul-contents.art .refineblock .navarea .wrapper .nvcalender,#ul-contents.art .refineblock .navarea .wrapper .nvartistlist,#ul-contents.art .refineblock .navarea .wrapper .nvswitch{display:block;} #ul-contents.art .refineblock .navarea .wrapper .nvisland{ width:auto; padding:0 20px 15px 20px; border-bottom:1px solid #ffffff;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb{ display:block; width:100%; table-layout:fixed;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb p{ display:inline-block; width:auto; margin-right:22px;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb ul{ display:inline-block;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb ul li{display:inline-block;} #ul-contents.art .refineblock .navarea .wrapper .nvworkdetail{padding-right:0; margin:20px 20px 15px 20px;} #ul-contents.art .refineblock .navarea .wrapper .nvcalender{display:inline-block; margin-right:44px;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist{ width:auto; display:inline-block; padding-right:5px;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a{ margin:0 44px 0 0;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a span{ background-position: left center; } #ul-contents.art .refineblock .navarea .wrapper .nvswitch{width:auto; display:inline-block;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch .pic{margin-right:16px;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch .tlist{margin-right:0;} /**/ #ul-contents.art .refineblock .art-surface .piclist-title { margin-bottom:20px;} #ul-contents.art .refineblock .art-surface .piclist-title p{font-size:115%;} /**/ #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art span {padding-left:20px;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.address{padding:0px 20px 0px 20px; line-height:1.6em;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.businesshours{padding:0px 20px 0px 20px; line-height:1.6em;} /* Artist */ #artist-surface-ui{margin:40px;} #artist-search{right:45px;} #artist-surface-inner{left:40px;top:184px;right:40px;} ul.artist-list li{margin-bottom:40px} ul.artist-list li h3{width:32%;font-size:115%;} /* altcontainer */ .art-surface .art-surface-inner .alt-container{padding:20px 0 30px 0;font-size:86%; } } @media(max-width:768px){ #map-canvas{height:240px;} #ul-contents.art .refineblock .art-surface ul.piclist li a span{font-size:100%;} /* ArtNav */ #ul-contents.art .refineblock .navarea .wrapper .nvisland{font-size:86%;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb{ display:table; width:100%;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb p{ display:table-cell; width:107px; vertical-align:top; text-align:left; margin-right:0;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb ul{ display:table-cell; vertical-align:top;text-align:left;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb ul li{ vertical-align:top; margin-right:40px;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb ul li:before{width:8px; height:8px; vertical-align:-1px; line-height:1em;} #ul-contents.art .refineblock .navarea .wrapper .nvisland .island-tb .active-island:before{width:8px; height:8px; vertical-align:-1px; line-height:1em;} #ul-contents.art .refineblock .navarea .wrapper .nvworkdetail{font-size:72%;text-align:left;} #ul-contents.art .refineblock .navarea .wrapper .nvcalender{ display:none;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist{ display:block; width:160px; float:left;font-size:86%;text-align:left; padding-left:20px; padding-right:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a{margin:0;height:38px; line-height:38px;text-align:center;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a:hover{ color:#333333;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a span{ padding-left:20px;} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a:hover span{ background-image: url(../../img/static/art/icon_artist.png);} #ul-contents.art .refineblock .navarea .wrapper .nvartistlist a.active span{ color:#3D9FD3;background-image: url(../../img/static/art/icon_artist_crt.png);} #ul-contents.art .refineblock .navarea .wrapper .nvswitch{ display:block; padding-top:9px; float:right; text-align:right;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch .pic{float:none; display:inline-block;margin-right:16px;} #ul-contents.art .refineblock .navarea .wrapper .nvswitch .tlist{float:none; display:inline-block;margin-right:20px;} /* ArtRefineWrapper */ #ul-contents.art .refineblock .art-surface{} #ul-contents.art .refineblock .art-surface .art-surface-inner{padding:20px 20px 10px 20px;} /**/ #ul-contents.art .refineblock .art-surface ul.piclist{} #ul-contents.art .refineblock .art-surface ul.piclist li a{} /**/ #ul-contents.art .refineblock .art-surface .piclist-title { display:none!important;} /**/ #ul-contents.art .refineblock .art-surface ul.txtlist{} #ul-contents.art .refineblock .art-surface ul.txtlist li a span{ font-size:100% !important; text-align:left;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art{display:block;width:auto !important; border:none;border-bottom:1px solid #cccccc; margin-bottom:0;padding:30px 0 10px 0;font-size:115%; text-align:left;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art:hover{ background-color:#ffffff;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art span { display:block; width:auto; padding-left:0; margin-bottom:20px;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div { display:block; width:auto;vertical-align:middle;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp{display:block; width:auto;font-size:74% !important;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.address{ display:block; width:auto;border:none; margin-bottom:20px; padding:0;line-height:1.75em;text-align:left;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.businesshours{display:block;width:auto;border:none;padding:0;margin-bottom:20px; line-height:1.75em;text-align:left;} #ul-contents.art .refineblock .art-surface ul.txtlist li.piclist-art div span.liwrp span.closedday{display:block;padding:0; text-align:center;width:auto;margin-bottom:20px;line-height:1.75em;text-align:left;} #ul-contents.art .refineblock .art-surface ul.txtlist li span.spthtitle{ display:block;text-align:left;line-height:1.75em; margin-bottom:0;} /* Artist */ #artist-surface{ border-bottom:1px solid #ffffff;} #artist-surface-ui{margin:0 20px;} #artist-surface .atstitle{font-size:86%; top:30px; line-height:1em;} #artist-search{ width:50px; height:20px; line-height:20px; font-size:72%;top:7px;right:36px;} #artist-search:hover{ background-color:#333333; color:#ffffff;} #artist-surface-close{ width:13px; height:20px;right:6px;top:0; padding-top:2px;} #artist-list-index{top:53px;left:0; height:20px; overflow:hidden;} #artist-list-index.enat{ height:44px;} #artist-list-index li{ width:20px; height:20px;line-height:20px;margin-right:10px; font-size:72%;} #artist-list-index li:last-child{width:40px;margin-right:0;} #artist-list-index.enat li:last-child{width:20px;} #artist-surface-inner{left:20px;top:102px;right:8px;} #artist-surface-inner.eninr{top:124px;} #artist-surface-inner h2{ font-size:86%; margin-bottom:20px; padding-top:2px;} ul.artist-list{} ul.artist-list li{ display:block; width:auto;margin-bottom:15px;} ul.artist-list li h3{ display:inline-block; width:auto; padding-right:0; padding-left:20px;font-size:86%; vertical-align:top; background-position:left 6px;background-size:10px auto;} ul.artist-list li p{ display:block; line-height:1.6em;font-size:72%;padding-left:20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} ul.artist-list li:before{width:10px; height:10px; vertical-align:0;} ul.artist-list li.active-artist{ color:#333333;} ul.artist-list li.active-artist:hover{ color:#333333;} ul.artist-list li.active-artist:hover h3{background-image:url(../../img/static/art/check_on.png);} ul.artist-list li:hover { color:#ffffff;} ul.artist-list li:hover h3{background-image:url(../../img/static/art/check_off.png);} /* FooterControl */ .art-footer{ margin-top:0 !important;} } @media(max-width:400px){ #artist-list-index.enat{ height:68px;} #artist-list-index li.enclear2{ clear:both;} #artist-surface-inner.eninr{top:168px;} }