@charset "utf-8"; /* CSS Document */ #ul-contents.access{ background-color: #eeeeee;overflow:hidden;} /* access-inside */ #ul-contents.access .access-inside{padding:50px 0 50px 0; width:960px; margin:0 auto;} #ul-contents.access .access-inside .access-container { background-color: #ffffff; } /* access-inside mainmap */ #ul-contents.access .access-inside .access-container .main-map #access-main{position:relative;} #ul-contents.access .access-inside .access-container .main-map{} #ul-contents.access .access-inside .access-container .main-map figure.access-main-map{position:absolute;left:0;top:0;width:100%;} #ul-contents.access .access-inside .access-container .main-map .main-map-title{ display:table; width:960px; font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;} #ul-contents.access .access-inside .access-container .main-map .main-map-title .mapttl{ display:table-cell; height:133px; width:300px; vertical-align:middle; text-align:center; background-color:#888888; color:#ffffff; line-height:1.2em;padding:0 20px;} #ul-contents.access .access-inside .access-container .main-map .main-map-title .mapttl .tl{ display:block; font-size:143%;} #ul-contents.access .access-inside .access-container .main-map .main-map-title .maplist{ display:table-cell; background-color:#dddddd; vertical-align:middle; padding:64px 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; line-height:1.8em; color:#666666; text-align:center;} #ul-contents.access .access-inside .access-container .main-map .main-map-title .maplist ul{display:inline-block; margin:0 auto;} #ul-contents.access .access-inside .access-container .main-map .main-map-title .maplist ul li{ display:inline-block; padding:0 28px; } #ul-contents.access .access-inside .access-container .main-map .main-map-title .maplist ul li a{ } #ul-contents.access .access-inside .access-container .main-map .main-map-title .maplist ul li a:hover{ } #ul-contents.access .access-inside .access-container .main-map .main-map-title .maplist ul li.fnpcrt a{ color:#333333;cursor:default;} #ul-contents.access .access-inside .access-container .main-map .btnarea{ text-align:center;} #ul-contents.access .access-inside .access-container .main-map .btn-middle{ display:inline-block;} #ul-contents.access .access-inside .access-container .main-map .btn-middle a{ display:block; padding:18px 60px; line-height:1em; border:1px solid #3D9FD2; background-color:#ffffff; font-size:100%;} #ul-contents.access .access-inside .access-container .main-map .btn-middle a:hover{background-color:#3D9FD2; color:#ffffff; text-decoration:none;} /* balloon */ #ul-contents.access .access-inside .access-container .main-map .access-main-information{display:none;position:absolute;left:0;top:0;padding-bottom:61px;} #ul-contents.access .access-inside .access-container .main-map .access-main-information-inner{background-color:#ffffff;border:1px solid #cccccc;padding:14px;text-align:center;} #ul-contents.access .access-inside .access-container .main-map .access-main-information-inner a{display:block;color:#333333;} #ul-contents.access .access-inside .access-container .main-map .access-main-information-inner a:hover{color:#333333;} #ul-contents.access .access-inside .access-container .main-map .access-main-information-arrow{width:65px;height:49px;position:absolute;left:90px;bottom:13px;display:block;background-image: url(../../img/static/access/access-balloon-bottom.png); background-repeat:no-repeat;background-size:65px 49px;} #ul-contents.access .access-inside .access-container .main-map .access-main-information.active{display:block;} #ul-contents.access .access-inside .access-container .main-map .access-main-information .access-main-information-inner h4{width:170px;margin:0 auto 10px auto;font-size:86%;line-height:1.1em;} #ul-contents.access .access-inside .access-container .main-map .access-main-information .access-main-information-inner div{overflow:hidden;} #ul-contents.access .access-inside .access-container .main-map .access-main-information .access-main-information-inner div p{font-size:72%;line-height:1.4em;} #ul-contents.access .access-inside .access-container .main-map .access-main-information .access-main-information-inner div div.right-img {display:block; } #ul-contents.access .access-inside .access-container .main-map .access-main-information .access-main-information-inner div div.right-img div.right-img-inner{width:190px;} #ul-contents.access .access-inside .access-container .main-map .access-main-information .access-main-information-inner div div.right-img div.right-img-inner img{width:160px; height:auto;} #ul-contents.access .access-inside .access-container .main-map .access-main-information .access-main-information-inner .access-main-information-close{padding:10px;width:9px;height:9px;position:absolute;right:0px;top:8px;background-image: url(../../img/static/access/access-balloon-close.png); background-repeat:no-repeat;background-size:9px 9px;background-position:center center;cursor:pointer;} #ul-contents.access .access-inside .access-container .main-map .access-main-information .access-main-information-inner .access-main-information-close:hover{opacity:0.7;} #ul-contents.access .access-inside .access-container .main-map #access-main .access-main-information-pin{ display:none; width:18px;height:33px;position:absolute;} #ul-contents.access .access-inside .access-container .main-map #access-main .access-main-information-pin.active{ display:block;} /* map-location-select */ #ul-contents.access .access-inside .access-container .main-map .map-location-select{ padding:40px 60px; } #ul-contents.access .access-inside .access-container .main-map .map-location-select ul{padding:0 0 20px 0;} #ul-contents.access .access-inside .access-container .main-map .map-location-select ul li{margin:0 0 24px 0;display:block; cursor:pointer; color:#3D9FD3;} #ul-contents.access .access-inside .access-container .main-map .map-location-select ul li .location-title{display:inline-block;width:40%;} #ul-contents.access .access-inside .access-container .main-map .map-location-select ul li .location-title:before{ content:""; display:inline-block; margin-right:12px; vertical-align:middle; width:15px; height:15px; border:1px solid #cccccc; background-color:#ffffff;} #ul-contents.access .access-inside .access-container .main-map .map-location-select ul li .location-title.active:before{ content:""; display:inline-block; margin-right:12px; vertical-align:middle; width:15px; height:15px; background-color:#3D9FD3; border-color:#3D9FD3;} #ul-contents.access .access-inside .access-container .main-map .map-location-select ul li .location-detail{display:inline-block;width:60%; color:#333333;text-align:right;} /* art-infomation */ #ul-contents.access .access-inside .access-container .main-map .art-infomation{padding:40px 60px 20px 60px; border-top:1px solid #cccccc;display:table;width:auto;} #ul-contents.access .access-inside .access-container .main-map .art-infomation h4{display:table-cell;width:220px;vertical-align:top;font-weight:bold;} #ul-contents.access .access-inside .access-container .main-map .art-infomation ul{padding-bottom:30px;} #ul-contents.access .access-inside .access-container .main-map .art-infomation ul li{line-height:1.6em;margin-bottom:4px} #ul-contents.access .access-inside .access-container .main-map .art-infomation p{padding-bottom:30px;} /* access-inside-indy */ #ul-contents.access .access-inside .access-container .access-inside-indy{} #ul-contents.access .access-inside .access-container .access-inside-indy h3{ font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;font-size:172%;display:table; height:140px; width:100%; text-align:center; background-color:#888888; color:#ffffff; line-height:1.2em;} #ul-contents.access .access-inside .access-container .access-inside-indy h3 .tl{display:table-cell;vertical-align:middle;padding:0 20px; } #ul-contents.access .access-inside .access-container .access-inside-indy h4{ font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;font-size:143%;display:table; height:70px; width:100%; text-align:center; background-color:#dddddd; line-height:1.2em;} #ul-contents.access .access-inside .access-container .access-inside-indy h4 .tl{display:table-cell;vertical-align:middle;padding:0 20px; } /* basn-naoshima-area */ #ul-contents.access .access-inside .access-container .basn-naoshima-area{} #ul-contents.access .access-inside .access-container .basn-naoshima-area h3{ font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;font-size:172%;display:table; height:140px; width:100%; text-align:center; background-color:#888888; color:#ffffff; line-height:1.2em;} #ul-contents.access .access-inside .access-container .basn-naoshima-area h3 .tl{display:table-cell;vertical-align:middle;padding:0 20px; } /* common */ #ul-contents.access .access-inside .access-container .access-inside-inner{padding:50px 60px;} #ul-contents.access .access-inside .access-container .access-inside-inner dl{overflow:hidden;width:100%} #ul-contents.access .access-inside .access-container .access-inside-inner dl dt{width:27%;float:left;font-weight:bold;line-height:1.6em;} #ul-contents.access .access-inside .access-container .access-inside-inner dl dd {width:73%;float:left;margin-bottom:50px;} #ul-contents.access .access-inside .access-container .access-inside-inner dl dd:last-child{margin-bottom:20px;} /* access-information */ #ul-contents.access .access-information{font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;text-align:center;width:960px;margin:0 auto;} #ul-contents.access .access-information h4{font-size:172%; width:100%; line-height:1.2em;margin-bottom:24px;} #ul-contents.access .access-information p{line-height:1.8em;margin-bottom:100px;padding:0 20px;} /* access-main-information-area */ #ul-contents.access .access-inside .access-container .main-map #access-main .access-main-information-area {position:absolute;}