@charset "utf-8";

/*
 * File       : modules/news/style.css
 * Author     : STUDIO-JT (KMS,NICO)
 * Guideline  : JTstyle.2.0
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) JT NEWS LIST
 * 2) RWD
 */



/* **************************************** *
 * JT NEWS LIST
 * **************************************** */
.jt-news-list { position: relative; }
.jt-news-list__item { position: relative; }
.jt-news-list__link { display: block; padding: 30rem 0 26rem; border-bottom: 1rem solid rgba(255, 255, 255, .3); }
.jt-news-list__link:after { content: ''; display: block; width: 100%; height: 10rem; position: absolute; left: 0; top: -webkit-calc(100% - 1rem); top: calc(100% - 1rem); background: #fff; z-index: 1; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1), -webkit-transform .6s cubic-bezier(.19,1,.22,1); }

.jt-news-list__content { display: block; width: 100%; font-size: 0; }
.jt-news-list__content > * { display: inline-block; vertical-align: middle; }
.jt-news-list__title { width: -webkit-calc(100% - 76rem); width: calc(100% - 76rem); padding-right: 30rem; text-align: left; }
.jt-news-list__title .jt-ko-text--07 { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.jt-news-list__date { width: 76rem; }
.jt-news-list__date time { display: block; text-align: right; color: rgba(255, 255, 255, .4); }

.jt-news-list-thumb { width: 196rem; height: 196rem; position: absolute; top: 50%; left: 50%; margin-left: 196rem; opacity: 0; visibility: hidden; z-index: 2; }
.jt-news-list-thumb .jt-lazyload { padding-top: 100%; }

html.desktop .jt-news-list__link:hover:after { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }



/* **************************************** *
 * RWD
 * **************************************** */
@media (max-width: 1480px){

    .jt-news-list__link { padding: 28rem 0 24rem; }
    .jt-news-list__link:after { height: 8rem; }

} /* 1480px */

@media (max-width: 1023px){

    .jt-news-list__link { padding: 26rem 0 22rem; }
    .jt-news-list__link:after { height: 6rem; }

} /* 1023px */

@media (max-width: 860px){

    .jt-news-list__link { padding: 21rem 0 19rem; }
    .jt-news-list__link:after { height: 5rem; }
    .jt-news-list__title { width: -webkit-calc(100% - 70rem); width: calc(100% - 70rem); }
    .jt-news-list__date { width: 70rem; }

} /* 860px */

@media (max-width: 540px){

    .jt-news-list__link { padding: 13rem 0 15rem; }
    .jt-news-list__title { width: 100%; padding-right: 0; }
    .jt-news-list__date { width: 100%; margin-top: 5rem; }
    .jt-news-list__date time { text-align: left; }

} /* 540px */