@charset "UTF-8";
/*===============================
Top News CSS
===============================*/
ul.topnews_category {
    clear: both;
    font-size: 0;
}

ul.topnews_category {
    width: 990px;
    margin-right: -30px;
    background-image: url(/sites/all/themes/kddilabs/images/top/feed_position.png);
    background-size: 660px auto;
    -webkit-background-size: 660px auto;
    -o-background-size: 660px auto;
}

ul.topnews_category::after {
  content: "";
  display: block;
  clear: both;
}

ul.topnews_category > li {
    position: relative;
    font-size: 14px;
    float: left;
    width: 260px;
    height: 330px;
    margin-right: 30px;
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px 20px;
    cursor: pointer;
}

ul.topnews_category > li > div.new_flag {
    position: absolute;
    margin-top: -18px;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_new_news.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 40px 35px;
    width: 40px;
    height: 35px;
}

ul.topnews_category > li > dl > dt {
    text-align: right;
    vertical-align: top;
    font-size: 14px;
    height: 27px;
}

ul.topnews_category > li > dl > dt > a {
    color: #000;
}

ul.topnews_category > li > dl > dd {
	width: 100%;
	display: block;
	overflow: hidden;
}

ul.topnews_category > li > dl > dd > a > img {
    height: 174px;
    width: 260px;
    padding-bottom: 15px;
}

ul.topnews_category > li > dl > dd > a > p {
    margin: 0;
    padding: 0px;
    height: 90px;
    height: 69px;
    font-size: 14px;
    line-height: 23px;
    color: #000;
    position: relative;
}

ul.topnews_category > li > dl > dd > a > p:before, ul.topnews_category > li > dl > dd > a > p:after {
	position: absolute;
}

ul.topnews_category > li > dl > dd > a > p:before {
	content: "…";
  width: 2.5em;
  display: block;
	top: 48px;
	right: 0;
  text-align: right;
  background: url(/sites/all/themes/kddilabs/images/top/bg_trim.png) left top repeat-y;
  color: #aaa;
}

ul.topnews_category > li > dl > dd > a > p:after {
	content: "";
	height: 100%;
	width: 100%;
  background: #ffffff;
}

ul.topnews_category > li > dl > dd.category_color {
    height: 30px;
    padding: 15px 0 0 0;
}

ul.topnews_category > li.double_col {
    width: 590px;
}
ul.topnews_category > li.double_col > dl > dd > a >img {
    height: 190px;
    width: 590px;
    padding-bottom: 13px;
}
ul.topnews_category > li.double_col > dl > dd > a > p {
    padding: 0;
    height: 60px;
    font-size: 14px;
    line-height: 30px;
}

ul.topnews_category > li.double_col > dl > dd > a > p:before {
  top: 30px;
}

ul.topnews_category > li.double_col > dl > dd.category_color {
    padding: 10px 0 0 0;
}

ul.topnews_category > li.noImage_row {
    height: 135px;
}

ul.topnews_category > li.noImage_row > dl > dd > a > p {
    height: 52px;
    font-size: 18px;
    /*font-weight: bold;*/
    line-height: 26px;
}

ul.topnews_category > li.noImage_row > dl > dd.category_color {
    padding: 25px 0 0 0;
}

ul.topnews_category > li.image_row {
    padding: 0px;
    width: 300px;
    height: 165px;
}

ul.topnews_category > li.image_row > img {
    padding: 0;
    margin: 0;
    width: 300px;
    height: 165px;
}

ul.topnews_category > li:hover {
    outline: 3px solid #003f98;
}

ul.topnews_category > li > a.back_full_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.news_loadmore {
    clear: both;
    width: 100%;
}

.news_loadmore a {
    width: 960px;
    text-align: center;
    background-color: #fff;
    padding: 10px 0;
    margin-bottom: 20px;
    display: table-cell;
}

.news_loadmore a span {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_down_blue_01.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 18px;
    font-weight: bold;
    line-height: 25px;
    font-size: 14px;
    color: #003f98;
}

.news_loadmore a:hover {
    outline: 3px solid #003f98;
}

.news_loadmore.dark a {
    background-color: #003f98;
}

.news_loadmore.dark a span {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_down_white_01.png);
    color: #fff;
}

.news_loadmore.dark a:hover {
    background-color: #b0c8eb;
    outline: none;
}

.news_loadmore.dark a:hover span {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_down_blue_01.png);
    color: #003f98;
}



/* normal size */
.news_loadmore a span,
ul.topnews_category > li.double_col > dl > dd > a > p,
ul.topnews_category > li > dl > dd > a > p,
ul.topnews_category > li > dl > dt,
ul.topnews_category > li
{
    font-size: 14px;
    word-break: break-word;
}

ul.topnews_category > li.noImage_row > dl > dd > a > p {
    font-size: 18px;
}

/* small size */
.smallSize .news_loadmore a span,
.smallSize ul.topnews_category > li.double_col > dl > dd > a > p,
.smallSize ul.topnews_category > li > dl > dd > a > p,
.smallSize ul.topnews_category > li > dl > dt,
.smallSize ul.topnews_category > li
{
    font-size: 12px;
}

.smallSize ul.topnews_category > li.noImage_row > dl > dd > a > p {
    font-size: 16px;
}

/* large size */
.largeSize .news_loadmore a span,
.largeSize ul.topnews_category > li.double_col > dl > dd > a > p,
.largeSize ul.topnews_category > li > dl > dd > a > p,
.largeSize ul.topnews_category > li > dl > dt,
.largeSize ul.topnews_category > li
{
    font-size: 16px;
}

.largeSize ul.topnews_category > li.noImage_row > dl > dd > a > p {
    font-size: 21px;
}

.largeSize ul.topnews_category > li.double_col > dl > dd > a > p{
		overflow: hidden;
}

.largeSize ul.topnews_category > li.double_col > dl > dd > a > p:before {
  top: 0;
}

/* mojimarume */

ul.topnews_category > li.noImage_row > dl > dd > a > p:before {
  content: "…";
  width: 2.5em;
  display: block;
	top: 28px;
	right: 0;
  text-align: right;
  background: url(/sites/all/themes/kddilabs/images/top/bg_trim.png) left top repeat-y;
}

ul.topnews_category > li.noImage_row > dl > dd > a > p:after {
	content: "";
	height: 100%;
	width: 100%;
}

/*===============================
Top urgencyNews CSS
===============================*/
#news_urgency {
    background: none repeat scroll 0 0;
    margin: 10px 10px -20px;
    position: relative;
}
#news_urgency::after {
  display: block;
  content: " ";
  clear: both;
}
#news_urgency .urgency_title {
    float: left;
    box-sizing: border-box;
    width: 160px;
    padding: 2px 7px;
    text-align: center;
    color: #fff;
    background-color: #df0001;
}
#news_urgency .urgency_list {
    float: right;
    width: 765px;
    padding-top: 4px;
    font-size: 100%;
}
#news_urgency .urgency_list li {
    background: url("/sites/all/themes/kddilabs/images/top/icn_arrow_right_red_01.png") no-repeat scroll left 5px;
    padding-left: 14px;
    margin-bottom: 12px;
}
.smallSize #news_urgency .urgency_list li {
  background-position: left 4px;
}
.largeSize #news_urgency .urgency_list li {
  background-position: left 6px;
}
#news_urgency .urgency_list li a p {
    color: #df0001;
    line-height: 1.3em;
}



/*////// FOR TABLET ///////*/
@media only screen  and (min-width : 768px) and (max-width : 1024px) {
    ul.topnews_category {
        width: 768px;
        margin-left: 0;
        background-image: url(/sites/all/themes/kddilabs/images/top/feed_position_tb.png);
        background-size: 740px auto;
        -webkit-background-size: 740px auto;
        -o-background-size: 740px auto;
    }

    ul.topnews_category > li {
        font-size: 16px;
        margin: 30px 0 0 30px !important;
        width: 300px;
        height: 370px;
    }

    ul.topnews_category > li > dl > dt {
        font-size: 16px;
    }

    ul.topnews_category > li > dl > dd > a > img {
        height: 200px;
        width: 300px;
        padding-bottom: 15px;
    }

    ul.topnews_category > li > dl > dd > a > p {
        height: 73px;
        font-size: 16px;
        line-height: 25px;
    }

    ul.topnews_category > li > dl > dd.category_color {
        padding: 25px 0 0 0;
    }

    ul.topnews_category > li.double_col {
        width: 670px;
    }

    ul.topnews_category > li.double_col > dl > dd > a > img {
        height: 216px;
        width: 670px;
        padding-bottom: 13px;
    }
    ul.topnews_category > li.double_col > dl > dd > a > p {
        height: 70px;
        font-size: 16px;
        line-height: 35px;
    }

    ul.topnews_category > li.double_col> dl > dd.category_color {
        padding: 14px 0 0 0;
    }

    ul.topnews_category > li.noImage_row > dl > dd > a > p {
        height: 78px;
        font-size: 20px;
        /*font-weight: bold;*/
        line-height: 26px;
    }

    ul.topnews_category > li.noImage_row {
        height: 155px;
    }

    ul.topnews_category > li.noImage_row > dl > dd.category_color {
        padding: 20px 0 0 0;
    }

    .news_loadmore {
        clear: both;
        display: block;
        width: auto;
        margin: 30px;
        line-height: 38px;
    }

    .news_loadmore a {
        width: 709px;
    }

    ul.topnews_category > li > dl > dd > a > p:before {
    	content: "…";
      width: 2.5em;
      display: block;
    	top: 50px;
    	right: 0;
      text-align: right;
      background: url(/sites/all/themes/kddilabs/images/top/bg_trim.png) left top repeat-y;
      color: #aaa;
    }

    ul.topnews_category > li.double_col > dl > dd > a > p:before {
      content: "…";
      width: 2.5em;
      display: block;
    	top: 35px;
    	right: 0;
      text-align: right;
      background: url(/sites/all/themes/kddilabs/images/top/bg_trim.png) left top repeat-y;
    }

    ul.topnews_category > li.noImage_row > dl > dd > a > p:before {
      content: "…";
      width: 2.5em;
      display: block;
    	top: 52px;
    	right: 0;
      text-align: right;
      background: url(/sites/all/themes/kddilabs/images/top/bg_trim.png) left top repeat-y;
    }

    ul.topnews_category > li.noImage_row > dl > dd > a > p:after {
    	content: "";
    	height: 100%;
    	width: 100%;
    }

    #news_urgency .urgency_list {
        float: right;
        width: 575px;
        padding-top: 4px;
        font-size: 100%;
    }

}





/*////// FOR SMART PHONE ///////*/
@media screen and (max-width : 767px) {
    ul.topnews_category {
        width: auto;
        margin: 10px;
        background: none;
    }

    ul.topnews_category > li {
        font-size: 100% !important;
        margin: 10px 0 !important;
        width: auto !important;
        height: auto !important;
        padding: 10px !important;
        float: none;
    }

    ul.topnews_category > li > dl > dt {
        font-size: 16px;
    }

    ul.topnews_category > li > dl > dd {
      display: table;
      overflow: visible;
    }
    ul.topnews_category > li > dl > dd > a {
      display:  table-cell;
      vertical-align: top;
    }

    ul.topnews_category > li > dl > dd > a:nth-child(2n+1) {
      width: 48.2%;
    }

    ul.topnews_category > li > dl > dd > a:nth-child(2n+1) {
      width: 51.8%;
    }

    ul.topnews_category > li > dl > dd.category_color {
      display: block;
    }
    ul.topnews_category > li > dl > dd.category_color > a {
      width: 35px;
      display:  inline;
    }


    ul.topnews_category > li > dl > dd > a > img {
        height: auto;
        width: 92.6%;
        padding-bottom: 0px;
        /*padding-right: 7.4%;*/
        float: left;
    }

    ul.topnews_category > li > dl > dd > a > p {
        font-size: 16px;
        line-height: 25px;
        height: auto;
        display: inline-block;
        float:none;
    }

    ul.topnews_category > li.double_col {
        width: 300px;
    }

    ul.topnews_category > li.double_col > dl > dd {
      display: block;
      overflow: visible;
    }
    ul.topnews_category > li.double_col > dl > dd > a {
      width: auto;
      display: block;
      vertical-align: top;
    }
    ul.topnews_category > li.double_col > dl > dd.category_color > a {
      display: inline;
      vertical-align: top;
    }

    ul.topnews_category > li.double_col > dl > dd > a > img {
        height: auto;
        width: 100%;
        padding-bottom: 13px;
    }
    ul.topnews_category > li.double_col > dl > dd > a > p {
        height: auto;
        font-size: 14px;
        line-height: 25px;
        display: inline-block;
    }

    ul.topnews_category > li.double_col > dl > dd > a > p{
		    overflow: visible;
    }

    ul.topnews_category > li.double_col > dl > dd > a > p:before {
        top: 0;
    }

    ul.topnews_category > li.noImage_row > dl > dd > a > p {
        height: auto;
        font-size: 20px;
        /*font-weight: bold;*/
        line-height: 26px;
    }

    .news_loadmore {
        clear: both;
        display: block;
        width: auto;
        margin: 10px;
        line-height: 38px;
    }

    .news_loadmore a {
        height: 40px;
    }

    ul.topnews_category > li > dl > dd.category_color {
      width: auto;
        margin-top: 5px;
    }
    ul.topnews_category > li > dl > dd.category_color > a > div {
        margin-left: 5px;
    }

    ul.topnews_category > li > div.new_flag {
        margin-top: -13px;
    }

    .news_loadmore.contentWidth {
        /*min-width: auto;*/
        width: auto;
    }


    ul.topnews_category > li > dl > dd > a > p:before {
      content:'';
      display: none;

    }
    ul.topnews_category > li > dl > dd > a > p:after {
      content:'';
      display: none;

    }
    ul.topnews_category > li.noImage_row > dl > dd > a > p:before {
      content:'';
      display: none;
    }

    #news_urgency {
      margin: 10px;
    }
    #news_urgency .urgency_title {
      float: none;
      display: inline-block;
    }
    #news_urgency .urgency_list {
        float: none;
        box-sizing: border-box;
        width: 100%;
        padding: 10px 5px 0 10px;
        font-size: 100%;
    }
    #news_urgency .urgency_list {

    }
}