@charset "UTF-8";

/*　↓　トップページ用　↓　*/
.movie-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 980px; }
.movie-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*　↑　トップページ用　↑　*/

/*　↓　施設紹介用　↓　*/
div#zone1 h3, div#zone2 h3, div#zone3 h3, div#zoneinfo h3{ width: 66%; padding: 4px 10px 4px 0px; position: relative; }
@media screen and (max-width: 979px) {
    div#zone1 h3, div#zone2 h3, div#zone3 h3, div#zoneinfo h3 { width: 99%; padding: 0px 0px 4px 0px; }
    }

div#zone1 h3 {border: #0a6863 1px solid; }
div#zone2 h3 {border: #0098be 1px solid; }
div#zone3 h3 {border: #0a6863 1px solid; }
div#zoneinfo h3 {border: #eb9800 1px solid; }

div#zone1 h3 span, div#zone2 h3 span, div#zone3 h3 span, div#zoneinfo h3 span { color: #ffffff!important; padding: 5px 10px; white-space: nowrap; }
@media screen and (max-width: 979px) {
    div#zone1 h3 span, div#zone2 h3 span, div#zone3 h3 span, div#zoneinfo h3 span { display: block; padding: 3px 10px; margin-bottom: 2px; }
    }

div#zone1 h3 span { background: #0a6863; }
div#zone2 h3 span { background: #0098be; }
div#zone3 h3 span { background: #0a6863; }
div#zoneinfo h3 span { background: #eb9800; }

div#zone1 h3 .link-btn-type01, div#zone2 h3 .link-btn-type01, div#zone3 h3 .link-btn-type01, div#zoneinfo h3 .link-btn-type01 { display: inline-block; position: absolute; right: 5px; }
@media screen and (max-width: 767px) {
    div#zone1 h3 .link-btn-type01, div#zone2 h3 .link-btn-type01, div#zone3 h3 .link-btn-type01, div#zoneinfo h3 .link-btn-type01
        { display: block; position: relative; left: 5px; }
    }

div#zone1 span.number, span.zone1-number { color: #007c76!important; }
div#zone2 span.number, span.zone2-number { color: #0098be!important; }
div#zone3 span.number, span.zone3-number { color: #007c76!important; }
div#zoneinfo span.number, span.zoneinfo-number, span.zoneinfo-floor { color: #b87c0c!important; }

ul.exhibitions-left  { min-width: 30%; float: left; margin-right: 1em!important; }
ul.exhibitions-right { float: left; }

ul.exhibitions-left li, ul.exhibitions-right li { padding-left: 2.5em!important; position: relative; }
ul.exhibitions-left li span.number, ul.exhibitions-right li span.number { position: absolute; left: 0; top: 0; }

p.exhibit-photo { padding-top: 20px; min-height: 230px; }
@media screen and (max-width: 767px) {
    p.exhibit-photo { padding-top: 0; }
    }

h4.exhibition-title { padding-left: 2.4em!important; position: relative; }
h4.exhibition-title span.zone1-number,h4.exhibition-title span.zone2-number,h4.exhibition-title span.zone3-number,h4.exhibition-title span.zoneinfo-number { position: absolute; left: 0; top: 0; }
h4.exhibition-title-onedigit { padding-left: 1.8em!important; position: relative; }
h4.exhibition-title-onedigit span.zone1-number,h4.exhibition-title-onedigit span.zone2-number,h4.exhibition-title-onedigit span.zone3-number,h4.exhibition-title-onedigit span.zoneinfo-number { position: absolute; left: 0; top: 0; }


ul.list-link-column-left, ul.list-link-column-right { float:left; width: 50%; }
.inline-wrap-inner .list-link-column-left li, .inline-wrap-inner .list-link-column-right li { padding: 0 0 2% 0; display: inline-block; vertical-align: top; letter-spacing: normal; margin-left: 2%; /*width: 48%;*/ }
.inline-wrap-inner .list-link-column-left li .column, .inline-wrap-inner .list-link-column-right li .column { border: 1px solid #ededed; padding: 20px 20px 20px 230px; position: relative; }
.inline-wrap-inner .list-link-column-left li .column .img-column, .inline-wrap-inner .list-link-column-right li .column .img-column { position: absolute; left: 20px; top: 0; bottom: 0; right: auto; width: 100%; margin: auto; max-width: 190px; max-height: 100px; display: table; }
.inline-wrap-inner .list-link-column-left li .column .img-column img, .inline-wrap-inner .list-link-column-right li .column .img-column img { width: 100%; height: auto; display: table-cell; vertical-align: middle; }
.inline-wrap-inner .list-link-column-left li .column .link-btn-type01, .inline-wrap-inner .list-link-column-right li .column .link-btn-type01 { text-align: left; margin-top: 10px; }
.inline-wrap-inner .list-link-column-left li .column .doc-text, .inline-wrap-inner .list-link-column-right li .column .doc-text { margin-bottom: 16px; }

@media screen and (max-width: 767px) {
    ul.list-link-column-left, ul.list-link-column-right { float:none; width: auto; }
    .inline-wrap-inner .list-link-column-left li, .inline-wrap-inner .list-link-column-right li { padding: 0 0 15px 0; display: block; margin-left: 0%; width: 100%; }
    .inline-wrap-inner .list-link-column-left li .column, .inline-wrap-inner .list-link-column-right li .column { border: 1px solid #ededed; padding: 10px; }
    .inline-wrap-inner .list-link-column-left li .column .img-column, .inline-wrap-inner .list-link-column-right li .column .img-column { position: static; width: 100%; margin: auto; max-width: 100%; max-height: 100%; display: block; }
    .inline-wrap-inner .list-link-column-left li .column .img-column img, .inline-wrap-inner .list-link-column-right li .column .img-column img { width: 100%; height: auto; display: block; }
    .inline-wrap-inner .list-link-column-left li .column .link-btn-type01, .inline-wrap-inner .list-link-column-right li .column .link-btn-type01 { text-align: left; margin-top: 10px; }
    .inline-wrap-inner .list-link-column-left li .column .hdg-level2,.inline-wrap-inner .list-link-column-left li .column .hdg-level3,.inline-wrap-inner .list-link-column-left li .column .hdg-level4,.inline-wrap-inner .list-link-column-left li .column .hdg-level5,.inline-wrap-inner .list-link-column-right li .column .hdg-level2,.inline-wrap-inner .list-link-column-right li .column .hdg-level3,.inline-wrap-inner .list-link-column-right li .column .hdg-level4, .inline-wrap-inner .list-link-column-right li .column .hdg-level5, .inline-wrap-inner .list-parent li .list-parent-inner .hdg-level5 { margin-top: 0; }
    }

/*　↑　施設紹介用　↑　*/