.gallery-items { font-size: 0; padding: 0; margin: 0; list-style: none; }
.gallery-item { display: inline-block; vertical-align: top; -webkit-transition: height 500ms ease; -o-transition: height 500ms ease; transition: height 500ms ease; margin: 0; padding: 0;  width: 33.333%; }
.gallery-expander { position: absolute; left: 0; right: 0; overflow: hidden; max-height: 0; -webkit-transition: max-height 500ms ease; -o-transition: max-height 500ms ease; transition: max-height 500ms ease; }
.gallery-contents { position: relative; }
.gallery-contents:after { display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -30px; width: 0; height: 0; content: ''; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom-style: solid; border-bottom-width: 0px; -webkit-transition: border-bottom-width 500ms ease; -o-transition: border-bottom-width 500ms ease; transition: border-bottom-width 500ms ease; }
.gallery-item.active .gallery-contents:after { border-bottom-width: 30px; }
.gallery-item .thumbnail { position: relative; overflow: hidden; cursor: pointer; border: none; padding: 0 1px 1px 0; margin: 0; text-align: center; }
.gallery-item .thumbnail > img { position: absolute; top: 50%; margin-top: -300px; max-width: 300px; }
.gallery-contents:after { border-bottom-color: #fff; }
.gallery-expander-contents { margin: 0 auto; width: 1000px; padding: 20px 0; }
.imagelistexpander-items { font-size: 0 }
.imagelistexpander-item { display: inline-block; vertical-align: top; -webkit-transition: height 500ms ease; -o-transition: height 500ms ease; transition: height 500ms ease }
.imagelistexpander-expander { position: absolute; left: 0; right: 0; overflow: hidden; max-height: 0; -webkit-transition: max-height 500ms ease; -o-transition: max-height 500ms ease; transition: max-height 500ms ease }
.imagelistexpander-contents { position: relative }
.imagelistexpander-contents:after { display: block; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 0; height: 0; content: ''; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom-style: solid; border-bottom-width: 0; -webkit-transition: border-bottom-width 500ms ease; -o-transition: border-bottom-width 500ms ease; transition: border-bottom-width 500ms ease }
.imagelistexpander-item.active .imagelistexpander-contents:after { border-bottom-width: 30px }

@media (min-width: 640px) and (max-width: 999px) {
}

@media (max-width: 639px) {
.gallery-expander-contents { width: 100%; }
}
.gallery-expander-contents:after { clear: both; display: table; content: ''; }

@media (min-width: 640px) and (max-width: 999px) {
}

@media (max-width: 639px) {
}

@media (min-width: 640px) and (max-width: 999px) {
}

@media (max-width: 639px) {
}
.gallery-expander-contents div.close { position: absolute; top: 10px; right: 20px; }
.gallery-expander-contents div.title { font-weight: 500; color: #D28A3C; }
.gallery-expander-contents div.contents { margin-top: 10px; padding: 10px 0; font-size: 14px; line-height: 24px; }
.gallery-expander-contents div.image > img { width: 100%; display: block; }
.gallery-trigger-close.close { float: right; font-size: 40px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.8; filter: alpha(opacity=20); }