@charset "utf-8";
#ds-spc-tile>ul {display:flex; justify-content:space-between; flex-wrap:wrap; position:relative;}
#ds-spc-tile>ul>li {transition-duration:1.5s; transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}
#ds-spc-tile>ul>li:nth-of-type(1) {transition-delay:0.1s;}
#ds-spc-tile>ul>li:nth-of-type(2) {transition-delay:0.4s;}
#ds-spc-tile>ul>li:nth-of-type(3) {transition-delay:0.6s;}
#ds-spc-tile>ul>li:nth-of-type(4) {transition-delay:0.2s;}
#ds-spc-tile>ul>li:nth-of-type(5) {transition-delay:0.7s;}
#ds-spc-tile>ul>li:nth-of-type(6) {transition-delay:0.3s;}
#ds-spc-tile>ul>li:nth-of-type(7) {transition-delay:0.5s;}
#ds-spc-tile>ul>li:nth-of-type(8) {transition-delay:0.8s;}
#ds-spc-tile>ul>li:nth-of-type(9) {transition-delay:0.6s;}
#ds-spc-tile>ul>li:nth-of-type(10) {transition-delay:0.2s;}
#ds-spc-tile>ul>li:nth-of-type(11) {transition-delay:0.3s;}
#ds-spc-tile>ul>li:nth-of-type(12) {transition-delay:0.1s;}
#ds-spc-tile>ul>li:nth-of-type(13) {transition-delay:0.6s;}
#ds-spc-tile>ul>li:nth-of-type(14) {transition-delay:0.4s;}
#ds-spc-tile>ul>li:nth-of-type(15) {transition-delay:0.2s;}
#ds-spc-tile>ul>li:nth-of-type(16) {transition-delay:0.6s;}
#ds-spc-tile>ul>li:nth-of-type(17) {transition-delay:0.1s;}
#ds-spc-tile>ul>li:nth-of-type(18) {transition-delay:0.3s;}
#ds-spc-tile>ul>li:nth-of-type(19) {transition-delay:0.5s;}
#ds-spc-tile>ul>li:nth-of-type(20) {transition-delay:0.4s;}
#ds-spc-tile>ul>li:nth-of-type(21) {transition-delay:0.5s;}

#ds-spc-tile>ul>li>a {display:block; position:relative; width:100%; height:100%; color:#fff; overflow:hidden;}
#ds-spc-tile>ul>li>a:hover {font-weight:normal;}

#ds-spc-tile>ul>li>a>div {position:absolute; width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; flex-direction:column;}
#ds-spc-tile>ul>li>a>div:nth-of-type(1)>* {transition:all 0.5s;}
#ds-spc-tile>ul>li>a:hover>div:nth-of-type(1)>* {transform:scale(0);}
#ds-spc-tile>ul>li>a>div:nth-of-type(1) {z-index:1; background-size:cover; background-position:center center; background-repeat:no-repeat;}
#ds-spc-tile>ul>li>a>div:nth-of-type(2) {z-index:2; opacity:0; transition:all .5s; transition-duration:0.4s!important;}
#ds-spc-tile>ul>li>a>div:nth-of-type(2):before {content:""; display:block; position:absolute; z-index:-1; background:rgba(229,88,103,1); width:100%; height:100%; top:0; left:0; opacity:0.75;}
#ds-spc-tile [data-aos="fade-right"]>a>div:nth-of-type(2) {transform:translate(-100%,0);}
#ds-spc-tile [data-aos="fade-left"]>a>div:nth-of-type(2) {transform:translate(100%,0);}
#ds-spc-tile [data-aos="fade-down"]>a>div:nth-of-type(2) {transform:translate(0,-100%);}
#ds-spc-tile [data-aos="fade-up"]>a>div:nth-of-type(2) {transform:translate(0,100%);}

#ds-spc-tile>ul>li:not(.ds-spc-tile-no-over)>a:hover >div:nth-of-type(2) {opacity:1; transform:translate(0)}
#ds-spc-tile h3:before {display:none;}
#ds-spc-tile h3,
#ds-spc-tile>ul>li>a>div:nth-of-type(2)>div {margin:0; color:#fff; font-weight:bold; }
#ds-spc-tile>ul>li>a>div:nth-of-type(2):not(.ds-spc-tile-no-more):after {content:"more"; display:inline-block; border:1px solid #fff; margin:1em 0 0 0;}
#ds-spc-tile>ul>li>a>div.ds-spc-tile-no-more span {margin:0.5em 0 0 0; display:block;}

#ds-spc-tile>ul>li.ds-spc-tile-hover-scale>a:hover>div:nth-of-type(1) {transform:scale(1.05, 1.05);}

/* #ds-spc-tile>ul>li:nth-of-type(1)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-01.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(2)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-02.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(3)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-03.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(4)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-04.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(6)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-05.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(7)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-06.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(8)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-07.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(9)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-08.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(10)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-09.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(11)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-10.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(12)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-11.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(13)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-12.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(14)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-13.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(15)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-14.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(16)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-15.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(17)>a>div:nth-of-type(1) {background-image:url('../pages/img/pa20-16.jpg')} */
/* #ds-spc-tile>ul>li:nth-of-type(18)>a>div:nth-of-type(1) {background-color:rgba(60,170,190,1)} */
/* #ds-spc-tile>ul>li:nth-of-type(19)>a>div:nth-of-type(1) {background-color:rgba(70,130,140,1)} */
/* #ds-spc-tile>ul>li:nth-of-type(20)>a>div:nth-of-type(1) {background-color:rgba(60,170,190,1)} */
/* #ds-spc-tile>ul>li:nth-of-type(21)>a>div:nth-of-type(1) {background-color:rgba(70,130,140,1)} */
.ds-spc-iframe-mock,
#ds-spc-tile>ul>li>iframe {width:100%; height:100%; border:none;}

@media all and (min-width:768px) {
	#ds-spc-tile>ul>li {flex:0 0 24.25%; height:8em; margin-bottom:1%;}
	#ds-spc-tile>ul>li:nth-of-type(5) {flex-basis:49.5%; height:16.5em;}
	#ds-spc-tile>ul>li:nth-of-type(8) {position:absolute; top:17.1em; left:50.5%; width:24.25%;}
	#ds-spc-tile>ul>li:nth-of-type(9) {position:absolute; top:17.1em; right:0; width:24.25%;}
	#ds-spc-tile>ul>li:nth-of-type(n+10) {flex-basis:49.5%;}
	#ds-spc-tile>ul>li:nth-of-type(n+14) {flex-basis:24.25%;}	
	#ds-spc-tile h3,
	#ds-spc-tile>ul>li>a>div:nth-of-type(2)>div {font-size:1.2em;line-height:1;}
	#ds-spc-tile>ul>li>a>div:nth-of-type(2)>ul {line-height:1.7; margin:1em 0;}
	#ds-spc-tile>ul>li>a>div:nth-of-type(2):after {padding:0.4em 1em;line-height:1;}
}
@media all and (max-width:767px) {
	#ds-spc-tile {font-size:0.85em;}
	#ds-spc-tile>ul>li {flex:0 0 32.5%; height:5em; margin-bottom:2%; transition-delay:0!important;}
	/* #ds-spc-tile>ul>li:last-child {flex-basis:66%} */
	
	#ds-spc-tile h3 {font-size:1.05em; line-height:1.4;}
	#ds-spc-tile > ul > li > a > div:nth-of-type(1) > * {transition:none!important; opacity:1!important; transform:none!important;}
	#ds-spc-tile>ul>li>a>div:nth-of-type(2) {display:none!important;}
	
	#ds-spc-tile>ul>li:nth-of-type(1),
	#ds-spc-tile>ul>li:nth-of-type(2),
	#ds-spc-tile>ul>li:nth-of-type(3),
	#ds-spc-tile>ul>li:nth-of-type(4),
	#ds-spc-tile>ul>li:nth-last-of-type(2),
	#ds-spc-tile>ul>li:nth-last-of-type(1){flex-basis:49.5%}
}

/* LIST */
#ds-tv-broad-list table tbody th{font-size:0; padding:5px 0;}
#ds-tv-broad-list table td,
#ds-tv-broad-list table th {background:rgba(240,240,240,1); border:2px solid #fff}

@media all and (max-width:767px) {
	#ds-tv-broad-list table tbody th{width:5rem}
	#ds-tv-broad-list table tbody th image{max-width:100%; height:auto;}
}