@charset "utf-8";

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



/* **************************************** *
 * JT PRESS LIST
 * **************************************** */
.article-pharm-news .article-header {padding-bottom: 186rem;}
.article-pharm-news .jt-search {top: -190rem;}
.jt-prd-news__posts-count {margin-bottom: 32rem;font-size:16rem;line-height:1.8rem;letter-spacing:-0.03em;color:#666;font-weight:500;}
.jt-prd-news__posts-count span {color:#000;}
.jt-prd-news-list {border-top:3rem solid #000;}
.jt-prd-news-list__item {cursor: pointer; position:relative;display: table;width: 100%;table-layout: fixed; }
.jt-prd-news-list__item > div {position: relative;display: table-cell;vertical-align: middle;border-bottom: 1rem solid #ddd;-webkit-transition: border .3s;transition: border .3s;}

div.jt-prd-news-list__time {width: 262rem;vertical-align: middle;}
.jt-prd-news-list__time time {text-align:center;line-height: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.jt-prd-news-list__time time b {font-size: 56rem;font-weight: 700;line-height: 1;letter-spacing: -0.03em;display:block;color: #bbb;-webkit-transition: color .3s;transition: color .3s; -ms-flex-order: 1; -webkit-order: 1; -webkit-box-ordinal-group: 2; order: 1;}
.jt-prd-news-list__time time span {margin-top:6rem;font-size:15rem;line-height: 1;font-weight:500;display:block;color: #bbb;-webkit-transition: color .3s;transition: color .3s; -ms-flex-order: 2; -webkit-order: 2; -webkit-box-ordinal-group: 3; order: 2;}

div.jt-prd-news-list__content {padding: 63rem 80rem 62rem 80rem;}
.jt-prd-news-list__title {font-size: 0;overflow: hidden;white-space: nowrap;}
.jt-prd-news-list__symbol {display: inline-block;vertical-align: middle;width: auto;height: 29rem;padding: 0 17rem;margin-right: 12rem;font-size: 15rem;line-height: 29rem;text-align: center;letter-spacing: -0.025em;color: #000;border: 1rem solid #000;}
.jt-prd-news-list__title h2 {max-width: 100%;display: inline-block;vertical-align: middle;font-size: 26rem;font-weight: 400;line-height: 1.3;letter-spacing:-0.03em;}
.jt-prd-news-list__title h2 span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.jt-prd-news-list__desc {margin-top:25rem;display: block;width: 100%;}
.jt-prd-news-list__desc p {font-size: 16rem;line-height:1.8;color: #666;letter-spacing:-0.03em;overflow: hidden;text-overflow: ellipsis;word-wrap: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 3.5em;}

div.jt-prd-news-list__more {width: 60rem;text-align: right;}
.jt-prd-news-list__more a {display: inline-block;vertical-align: middle;width: 47rem;height: 47rem;position: relative;font-size: 0;border: 1rem solid #aaa;border-radius: 50%;-webkit-transition: border-color .3s, -webkit-transform .3s;transition: border-color .3s, -webkit-transform .3s;transition: border-color .3s, transform .3s;transition: border-color .3s, transform .3s, -webkit-transform .3s;}
.jt-prd-news-list__more a:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e942';font-size: 16rem;font-weight: normal;line-height: 45rem;text-align: center;text-indent: 2rem;color: #aaa;-webkit-transition: color .3s;transition: color .3s;}

html.desktop .jt-prd-news-list__item:hover .jt-prd-news-list__time time b {color: #000;}
html.desktop .jt-prd-news-list__item:hover .jt-prd-news-list__time time span {color: #999;}
html.desktop .jt-prd-news-list__item:hover .jt-prd-news-list__more a {border-color: #000;-webkit-transform: scale(0.9) rotate(0.05deg);-ms-transform: scale(0.9) rotate(0.05deg);transform: scale(0.9) rotate(0.05deg)}
html.desktop .jt-prd-news-list__item:hover .jt-prd-news-list__more a:after {color: #000;}

.jt-prd-news-list__thumb {width: 262rem;position: absolute;top: 50%;right: 6%;z-index: 1;opacity: 0;visibility: hidden;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.jt-prd-news-list__thumb img {display: block;max-width: 100%;height: auto;}
html.mobile .jt-prd-news-list__thumb {display:none;}

/* **************************************** *
 * RWD
 * **************************************** */
@media (max-width: 1480px){
     .article-pharm-news .article-header {padding-bottom:200rem;}
     .article-pharm-news .jt-search {top:-205rem;}
 }

@media (max-width: 1023px){
    .article-pharm-news .article-header {padding-bottom:120rem;}
    .article-pharm-news .jt-search {top:-100rem;}
    .jt-prd-news-list__item {table-layout: fixed;}
    div.jt-prd-news-list__content {padding: 40rem 30rem;}
    div.jt-prd-news-list__time {width: 15%;}
    .jt-prd-news-list__time time b {font-size:50rem;}
    .jt-prd-news-list__thumb {display:none;}
    .jt-prd-news-list__title h2 {font-size:22rem;}
}

@media (max-width: 860px){
    .article-pharm-news .article-header {padding-bottom:60rem;}
    .jt-prd-news__posts-count {margin-bottom:26rem;}
    .jt-prd-news-list__item { padding:30rem 0; border-bottom:1rem solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
    .jt-prd-news-list__item > div {display:block; border-bottom:none;}
    div.jt-prd-news-list__time { width: auto; padding-top: 0; -ms-flex-order: 2; -webkit-order: 2; -webkit-box-ordinal-group: 3; order: 2;}
    .jt-prd-news-list__time time { margin-top:15rem; display:block; text-align:left;}
    .jt-prd-news-list__time time b {display:inline-block;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2; font-size:15rem; font-weight:500;}
    .jt-prd-news-list__time time span { display:inline-block;}
    .jt-prd-news-list__time time:after {display:none;}
    div.jt-prd-news-list__content { padding:0;-ms-flex-order: 1; -webkit-order: 1; -webkit-box-ordinal-group: 2; order: 1;}
    .jt-prd-news-list__title h2 {font-size:20rem;}
    .jt-prd-news-list__desc {margin-top:20rem;}
    .jt-prd-news-list__desc p {font-size:15rem;}
    .jt-prd-news-list__time time span, .jt-prd-news-list__time time b {font-size:14rem;}

}

@media (max-width: 540px){
    .article-pharm-news .article-header {padding-bottom:40rem;}
    .article-pharm-news .jt-search {margin-bottom:65rem;}
    .jt-prd-news__posts-count {font-size:14rem; margin-bottom:20rem;}
    .jt-prd-news-list__item { padding:24rem 0;}
    .jt-prd-news-list__title h2 {font-size:16rem;}
    .jt-prd-news-list__desc {margin-top:10rem;}
    .jt-prd-news-list__desc p {font-size:14rem;}
    .jt-prd-news-list__time time {margin-top:6rem;}
    .jt-prd-news-list__time time span, .jt-prd-news-list__time time b {font-size:13rem;}
    html.ios .jt-prd-news-list__item {padding-top:25rem;}
}