@charset "UTF-8";
/* CSS Document */
@keyframes TopIn {
 0% {
opacity: 0;
filter: saturate(10) blur(10px);
}
50% {
opacity: 0.1;
	filter: saturate(4) blur(8px);
}
 100% {
opacity: 1
}
}
.Tnews {
    font-size: 0.8em;
}
.Tnews h2 {
    font-size: 1.2em;
}
.Tnews h3 {
    font-size: 1.3em;
}

@media (min-width: 321px) {
article {
    height: 68.3vh;
}
article img {
    height: auto;
	animation: TopIn 3s ease 0s 1 forwards;
}
.Tnews {
    width: 69vw;
    margin: 49vh 0 0 40vw;
    padding: 0;
}
}

@media (min-width: 415px) {
article {
    height: 100vh;
    overflow: hidden;
}
.Tnews {
    width: 34vw;
    margin: 7vh 0 0 3vw;
    font-size: 0.8em;
}
footer {
    width: 28vw;
    padding: 0;
    margin: -20vh 0 0 72vw;
}
}

@media (min-width: 1024px) {
article {
    height: 100vh;
}
article img {
    height: 100vh;
}
.Tnews {
    width: 22vw;
    margin: 11vh 0 0 19vw;
    padding: 0;
}
footer {
    width: 50vw;
    margin: 0 auto;
}
}

@media (min-width: 1200px) {
.Tnews {
    width: 18vw;
    margin: 11vh 0 0 24vw;
}
}