.d-gallery {background:#fff;}
.d-gallery .d-container{width:100%;}
.d-gallery .d-img-wrapper{width: 100%;}
.d-gallery .d-img-wrapper > img {width:100%;position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:opacity 0.4s, visibility 0s ease-out 0.4s;}
.d-gallery .d-img-wrapper > img.active{position:relative;opacity:1;visibility:visible;transition:opacity 0.4s ease-out 0.4s, visibility 0s ease-out 0.4s;}


.d-gallery .d-contents .d-content-wrapper {color:#333;}
.d-gallery .d-contents .d-content-wrapper .d-content {
	top:0;left:0;
	line-height:36px;
	font-size:110%;
	position:absolute;opacity:0;visibility:hidden;transition:opacity 0.4s, visibility 0s ease-out 0.4s;
}
.d-gallery .d-contents .d-content-wrapper .d-content.active {
	font-size:110%;
	opacity:1;visibility:visible;transition:opacity 0.4s ease-out 0.4s, visibility 0s ease-out 0.4s;
}
.d-gallery .d-control {width:calc(100% + 15px); margin-left:-15px;}
.d-gallery .d-control:after{content:"";display:block;clear:both;}
.d-gallery .d-control .d-c-left, .d-gallery .d-control .d-c-right{float:left;display:block;margin-left:15px;cursor:pointer;width:calc(50% - 15px);}
.d-gallery .d-control .d-c-left.hidden, .d-gallery .d-control .d-c-right.hidden{opacity:0;visibility:hidden;}
.d-gallery .d-control .d-c-right:after{ background: url(images/btn-right.png) no-repeat center;content: "";top: 0;left:0;width: 100%; height: 100%; position: absolute;}
.d-gallery .d-control .d-c-left:after{ background: url(images/btn-left.png) no-repeat center;content: "";top: 0;left:0;width: 100%; height: 100%; position: absolute;}
.d-gallery .d-control .d-c-left img, .d-gallery .d-control .d-c-right img {width:100%;}
.d-gallery .d-thumbnail-wrapper {width:100%;overflow:hidden;}
.d-gallery .d-thumbnail-wrapper:before{margin-top:15px;display:block;content:"";position:relative;}
.d-gallery .d-thumbnail-wrapper .d-thumbnail-menu{margin-left:-15px;width:calc(100% - 15px);background:#d5d0bd;padding:0 15px;}
.d-gallery .d-thumbnail-wrapper .d-thumbnail-menu:after{display:block;content:"";position:relative;clear:both;}
.d-gallery .d-thumbnail-wrapper .d-thumbnail{float:left;width:97px;height:97px;margin:15px 0 15px 15px;cursor:pointer;}
.d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";opacity:0.8;background-color:#a56105;}


.d-gallery.type-b{width: 100%; padding:0px;}
.d-gallery.type-b .d-contents .d-content-wrapper {margin-top:20px;}
.d-gallery.type-b .d-control-wrapper{display: inline-block; right: 20px;bottom: 20px;position: absolute;width:20%;min-width:100px;}
.d-gallery.type-b .d-contents .d-content-wrapper .d-content.active{position:relative;}
.d-gallery.type-b .d-contents .d-content-wrapper .d-content{top:0;line-height:1.3; color:#666; font-size:14px;padding:0 15px;}
.d-gallery.type-b .d-control{}

@media only screen and (max-device-width: 767px) {
	.d-gallery.type-b .d-contents .d-content-wrapper .d-content{
		line-height:normal; font-size:35px;
	}
}


@media only screen and (max-width: 1082px){
.d-gallery.type-a{width: 100%; padding:0px;}
.d-gallery.type-a .d-contents .d-content-wrapper {margin-top:20px;}
.d-gallery.type-a .d-control-wrapper{display: inline-block; right: 20px;bottom: 20px;width:20%;min-width:100px; position: absolute;}
.d-gallery.type-a .d-contents .d-content-wrapper .d-content{padding:0 15px;}
.d-gallery.type-a .d-contents .d-content-wrapper .d-content.active{position:relative;}
}


@media only screen and (min-width: 1083px){
.d-gallery.type-a{width: calc(100% - 30px); padding:15px;}
.d-gallery.type-a .d-container{display:table;}
.d-gallery.type-a .d-img-wrapper{display: table-cell;width:727px;}
.d-gallery.type-a .d-contents {padding-left:15px;display: table-cell;vertical-align:top;}
.d-gallery.type-a .d-control-wrapper {position:absolute;bottom: 10px;right: 20px;width:20%;min-width:100px;}
.d-gallery.type-a .d-contents .d-content-wrapper .d-content{margin-top:-12px;font-size:100%;}
}


.theme_aviation .d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before { background:#38BAE5; }
.theme_beverages .d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before { background:#5AA946; }
.theme_property .d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before { background:#E07F1B; }
.theme_corporate .d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before { background:#D2232A; }
.theme_marine .d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before { background:#0077B2; }
.theme_trading .d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before { background:#A1589E; }
.theme_community .d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before { background:#007456; }
.theme_awards .d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before { background:#825810; }

.theme_gengreen .d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before { background:#55a33d; }
.theme_genblue .d-gallery .d-thumbnail-wrapper .d-thumbnail.active:before { background:#243c6a; }