@charset "utf-8";

#ds-lt-header {position:relative!important;}

.ds-body-mid-index2 #ds-lt-content>main>section.ds-lt-width {padding-top:0; padding-left:0; padding-right:0; min-width:100%; max-width:100%;}

@media all and (min-width:768px){
	#ds-lt-content>main>section.ds-lt-width {font-size:19px; line-height:1.5;}
}

.ds-lt-img {text-align:center; font-size:0;}
.ds-lt-img a {display:inline-block;}
.ds-lt-img img{max-width:100%; height:auto;}
.ds-a-scale a:hover {transform:scale(1.05); font-weight:bold;}
.ds-index-link-box a {padding:0.5em 2em; border:2px solid #fff; white-space:nowrap; color:#fff; }
.ds-index-link-box a:hover {background:steelblue;}

/* SWIPER */
.ds-swiper .swiper-slide {background-size:cover; background-position:center center; background-repeat:no-repeat; opacity:0!important;}
.ds-swiper .swiper-slide-active {z-index:2; opacity:1!important;}
.ds-swiper .swiper-slide> .ds-lt-width {display:flex; justify-content:center; align-items:center; height:100%;}
.ds-swiper .swiper-slide> .ds-lt-width >div {display:flex; flex-direction:column; align-items:center;}

/* SWIPER VIDEO SETTING */
.ds-swiper-video {z-index:-2;}
.swiper-slide-active .ds-swiper-video {z-index:-1;}

/* SWIPER MAIN */
#ds-index-ban1 {/*height:100vh; min-height:800px;*/ height:600px; min-height:600px; text-align:center; color:#fff; font-size:1.1em;}

#ds-index-ban1 .ds-swiper-video>*{width:100vw; height:56.25vw;}

/* SWIPER - MIN HEIGHT + VIDEO WIDTH*/
@media all and (min-width:768px) and (max-width:1067px){
	#ds-index-ban1 .ds-swiper-video>*{height:600px; width:1067px}
}

#ds-index-ban1 a {display:block;}
#ds-index-ban1 span {display:inline-block;}
@media all and (min-width:768px){
	#ds-index-ban1-A .ds-lt-width>div>*+* {margin-top:3rem;}
	#ds-index-ban1-B .ds-lt-width>div>*+* {margin-top:1rem;}
	#ds-index-ban1-C .ds-lt-width>div>*+* {margin-top:2rem;}
	
	#ds-index-ban1 h3 {font-size:1.8em; margin:0;}
	#ds-index-ban1 li~li {margin-left:2rem;}
	
	#ds-index-ban1-B>div>div {align-items:flex-start; margin-left:20%;}
	#ds-index-ban1-C h3 small {font-size:0.6em; display:block;}
	#ds-index-ban1-C p {margin:0; font-size:1.1em;}
}

#ds-index-ban1 ul{display:flex; justify-content:space-around; align-items:center;}

#ds-index-ban1-A {background-image:url('../layout/img/mb01.jpg');}
#ds-index-ban1-B {background-image:url('../layout/img/mb02.jpg');}
#ds-index-ban1-C {background-image:url('../layout/img/mb03.jpg');}


#ds-index-ban1-B h3 {text-align:left; position:relative;}
#ds-index-ban1-B img{position:absolute; bottom:100%; left:6em; bottom:2em;}

/* SWIPER */
.ds-swiper>ul>li.swiper-slide-prev *[class*="ds-swiper-prx"],
.ds-swiper>ul>li.swiper-slide-active *[class*="ds-swiper-prx"] {opacity:1!important; transform:translate(0, 0) scale(1, 1)!important; transition-property:opacity, transform!important;}
 *[class*="ds-swiper-prx"] {opacity:0; transition-duration:2s; transform:translate(0,100%);}
 .ds-swiper-prx-1 {transition-delay:0.5s;} .ds-swiper-prx-2 {transition-delay:1.0s;} .ds-swiper-prx-3 {transition-delay:1.5s;} .ds-swiper-prx-4 {transition-delay:2.0s;} .ds-swiper-prx-5 {transition-delay:2.5s;} .ds-swiper-prx-6 {transition-delay:3.0s;} .ds-swiper-prx-7 {transition-delay:3.5s;} .ds-swiper-prx-8 {transition-delay:4.0s;} .ds-swiper-prx-9 {transition-delay:4.5s;} .ds-swiper-prx-10 {transition-delay:5.0s;} .ds-swiper-prx-11 {transition-delay:5.5s;} .ds-swiper-prx-12 {transition-delay:6.0s;} .ds-swiper-prx-13 {transition-delay:6.5s;} .ds-swiper-prx-14 {transition-delay:7.0s;} .ds-swiper-prx-15 {transition-delay:7.5s;}

#ds-index-ban1 .ds-swiper-prx-1 {transform:translate(0,-50%);}
#ds-index-ban1-B img[class*="ds-swiper-prx"] {transform:scale(2,2) translate(0,0); transition-property:opacity, transform, scale; transition-duration:8s;}
#ds-index-ban1-C span[class*="ds-swiper-prx"] {transform:translate(-50%, 0);}

@media all and (min-width:768px){
	/* Main Banner */
	.ds-body-mid-index #ds-wg-banner_sub .swiper-slide {padding-bottom:33.3333%;}
	.ds-body-mid-index #ds-wg-banner_sub ul.swiper-wrapper,
	.ds-body-mid-index #ds-wg-banner_sub ul.swiper-wrapper a {max-height:60vh;}
}

/* Index DMC Banner - Gallery & Artist */
.ds-index-sub~.ds-index-sub>.ds-lt-width:before {content:""; display:block; border-bottom:1px solid #eee; margin:6rem 0 0 0;}
.ds-index-sub {text-align:center;}
.ds-index-sub>div>a {display:inline-block; font-size:1em; position:static; margin:8% 0;}
.ds-index-sub h2 {font-size:1.8em; margin:0;}
.ds-index-sub h2 small{display:block; font-size:0.6em; font-weight:normal!important;}

.ds-dmc-banner-list a>div {align-items:flex-end;}
.ds-dmc-banner-list a>div>div {opacity:1; height:auto; padding:1em; box-sizing:border-box;}
.ds-dmc-banner-list-tag {margin-bottom:0.2em;} 
.ds-dmc-banner-list-tag span:nth-of-type(6)~span {display:none;} 

/* Art Works - Tile*/
.ds-dmc-tile ul{list-style:none; padding:0; margin:0;}
.ds-dmc-tile li{position:relative; overflow:hidden;}
@media all and (min-width:768px){
	.ds-dmc-tile li{width:24.4%; padding-bottom:24.4%; float:left;}
	.ds-dmc-tile li:nth-of-type(3)~li{margin-top:0.8%;}
	.ds-dmc-tile li~li{margin-left:0.8%;}
	.ds-dmc-tile li:nth-of-type(1){width:49.6%; padding-bottom:49.5%;}
	.ds-dmc-tile li:nth-of-type(6){margin-left:0!important;}
}
.ds-dmc-tile a{position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
.ds-dmc-tile img{width:100%; height:100%;}
.ds-dmc-tile a:hover img{transform:scale(1.05, 1.05)}
.ds-dmc-tile a>div{position:absolute; width:100%; height:100%; left:0; top:0; display:flex; justify-content:center; align-items:flex-end;}
.ds-dmc-tile a>div>div{width:100%; color:#fff; background:rgba(0,0,0,0.7); font-size:1.0em; font-weight:normal!important; opacity:0; transition:all 0.5s; padding:1em; box-sizing:border-box; text-align:center;}
.ds-dmc-tile a:hover>div>div{opacity:1;}
.ds-dmc-tile a>div>div>div:nth-of-type(2) {font-size:0.8em; font-weight:normal!important; white-space:nowrap;}
.ds-dmc-tile a>div>div>div:nth-of-type(2)>span:nth-of-type(4)~span {display:none!important;}