@charset "utf-8";

/*
 * File       : modules/media/style.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) JT media LIST
 * 2) RWD
 */



/* **************************************** *
 * JT media LIST
 * **************************************** */
.page-template-brand-media .scroll_down_wrap {display:none;}

.jt-media-list {margin: -58px -21px 0;position: relative;}
.jt-media-list:after {content: '';display: table;clear: both;}

.jt-media-list__item {float: left;width: calc(33.33% - 42px);margin: 58px 21px;}

.jt-media-list__link {display: block;position: relative;}
.jt-media-list__link figure:after {content: '';border: 2px solid #636a52;opacity: 0;margin: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: 300ms border, 150ms opacity;transition: 300ms border, 150ms opacity;-webkit-transition-delay: 0ms, 100ms;transition-delay: 0ms, 100ms;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;}
html.desktop .jt-media-list__link:hover figure:after {border-width: 20px;opacity: 1;-webkit-transition: 300ms border, 50ms opacity;transition: 300ms border, 50ms opacity;-webkit-transition-delay: 0ms, 0ms;transition-delay: 0ms, 0ms;}

.jt-media-list__thumb {display: block;}
.jt-media-list__thumb img {display: block;width: 100%;}

.jt-media-list__content {min-height:160px; padding-top: 25px;position: relative;}
.jt-media-list__press {margin-bottom: 18px;padding-bottom: 1px;font-size:16px;font-weight:500;color:#111;letter-spacing:-0.01em;position:relative;display:inline-block;}
.jt-media-list__press:after {width:100%; height:1px; background:#111; position:absolute; bottom:0; content:''; display:block;}
.jt-media-list__title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 3.6em;min-height: 3.6em;font-size: 17px;font-weight: 600;line-height: 1.7;color: #111;text-overflow: ellipsis;overflow: hidden;}
.jt-media-list__date {margin-top: 26px;font-size:13px;color:#aaa;display:block;}

/* Lazyload */
.jt-media-list__thumb.jt-lazyload {padding-top: 100%;}


/* **************************************** *
 * JT media SINGLE
 * **************************************** */
.jt_single_media .jt-single__header-inner {border-bottom:none}

.jt-single__press-link {margin-top:70px;}
.jt-single__press-link b {font-size:20px; color:#111; letter-spacing:-0.01em; display:block;}
.jt-single__press-link a {margin-top:20px; font-size:16px; color:#111; letter-spacing:-0.01em; line-height:1.5; display:inline-block;}
.jt-single__press-link a span { font-weight:500; position:relative;vertical-align:middle;}
.jt-single__press-link a span:after {font-family:'jt-font'; font-size:12px; font-weight:normal; color:#111; line-height:normal; content:'\e930'; margin-left: 9px; margin-top:-3px; display: inline-block;vertical-align:middle;}

.single-slider .jt-media-list {margin:0}
.single-slider .jt-media-list__item {margin:0;}
.single-slider .jt-media-list__link {margin:0 21px;} 

/* **************************************** *
 * RWD
 * **************************************** */
@media (max-width: 1200px){
    /* JT media LIST */
	.jt-media-list {margin-top:-10px;}

}

@media (max-width: 1023px){
    /* JT media LIST */
	.jt-media-list {margin-left:-16px; margin-right:-16px;}
	.jt-media-list__item {width: calc(33.33% - 32px); margin: 45px 16px 10px;}
	.jt-media-list__content {padding-top:18px;}
	.jt-media-list__press {margin-bottom:10px;font-size:15px;}
	.jt-media-list__title {font-size:16px;}
	.jt-media-list__date {margin-top:15px;}
}

@media (max-width: 768px){
	/* JT media LIST */
    .jt-media-list {margin-top:10px;}
	.jt-media-list__item {width: calc(50% - 32px); margin:15px 16px 0px}
	.jt-media-list__content {padding-top:10px;}
	.jt-media-list__press {font-size:14px;}
	.jt-media-list__title {font-size:15px; line-height:1.6; max-height: 3.2em;}
	.jt-media-list__date {margin-top:10px;}

}


@media (max-width: 540px){
	.jt-media-list {margin-left:0; margin-right:0;}
    .jt-media-list__item {width: 100%; margin:15px 0 30px;}
	.jt-media-list__item:last-child {margin-bottom:0;}
	.jt-media-list__content {min-height:auto;}
	.jt-media-list__title {min-height:auto;}
	.jt-media-list__date {margin-top:10px;font-size:12px;}
}