@charset "utf-8";

/* モバイルファースト */
#nwsdtl .slbox p{display:block;}

#nwsdtl h3,
#nwsdtl .slbox,
#nwsdtl .slbox p a{display:-webkit-flex; display:flex;}
#nwsdtl .slbox{-webkit-justify-content:space-between; justify-content:space-between;}
#nwsdtl .slbox p a{-webkit-justify-content:center; justify-content:center;}

#nwsdtl .slbox p a{overflow:hidden; line-height:0;}

#nwsdtl h3{font-family:"Palatino Linotype", "Book Antiqua", Palatino, "游明朝", YuMincho, HiraMinProN-W3, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

#nwsdtl p time{font-size:1.1rem;}

#nwsdtl h3{text-align:left;}
#nwsdtl p{text-align:justify; text-justify:inter-ideograph;}

#nwsdtl p strong{color:inherit;}
#nwsdtl p b{font-weight:normal;}

#nwsdtl .slbox p{line-height:0;}
#nwsdtl h3{line-height:1.3;}

#nwsdtl .slbox p a img,
#nwsdtl .slbox p a::after{-webkit-transition:.2s; transition:.2s;}

/* */

#nwsdtl h3{padding:0 0 10px 0;}

#nwsdtl .slbox p{width:31%;}
#nwsdtl .slbox p a{width:100%;}
#nwsdtl .slbox p a img{align-self:flex-start; width:auto; height:100%;}
#nwsdtl .slbox p a::after{right:5px; bottom:5px;}
#nwsdtl .slbox p a:hover img{-webkit-transform:scale(1.05); transform:scale(1.05);}
#nwsdtl p time{margin-bottom:15px;}
#nwsdtl h3+p{margin-top:20px;}
#nwsdtl .abtn{margin-top:50px;}

@media all and (max-width:567px){ /* ～567px スマホ横未満 */
#nwsdtl .slbox p{height:100px;}
}
@media (min-width:568px){ /* 568px～ スマホ横以上すべて */}

@media (min-width:568px) and (max-width:767px){ /* 568px～767px スマホ横以上～タブレット縦未満 */
#nwsdtl .slbox p{height:160px;}
}
@media (min-width:568px) and (max-width:979px){ /* 568px～979px スマホ横以上～デスクトップ未満 */}

@media all and (max-width:767px){ /* ～767px タブレット縦未満すべて */
#nwsdtl h3{font-size:1.9rem;}
#nwsdtl article > div{margin-top:20px;}
}
@media (min-width:768px){ /* 768px～ タブレット縦以上すべて */}
@media (min-width:768px) and (max-width:979px){ /* の中でデスクトップ未満まで */
#nwsdtl h3{font-size:2.3rem;}
#nwsdtl article > div{margin-top:30px;}
#nwsdtl .slbox p{height:220px;}
}

@media all and (max-width:979px){ /* ～979px デスクトップ未満すべて */}
@media (min-width:980px){ /* 980px～ デスクトップ以上すべて */
#nwsdtl h3{font-size:2.7rem;}
#nwsdtl article > div{margin-top:40px;}
#nwsdtl .slbox p{height:280px;}
}

/* End CSS */