/* フロントページ_の画面幅が1600ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1600px){
  
  


}











/* 画面幅が1400ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1400px){





}









/* 画面幅が1200ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1200px){

  .single-news .news_contents_wrapper {
    display: block;
  }

  .single-news .news_contents_wrapper > li:nth-child(1),
  .single-news .news_contents_wrapper > li:nth-child(2) {
    width: 100%;
  }

  .single-news .news_contents_wrapper > li:nth-child(2) {
    margin-left: 0em;
    margin-top: 1em;
  }

  .single-news .news_contents_wrapper > li:nth-child(3) {
    flex: 0 0 100%;
    margin-top: 2em;
  }

  .single-news .pager_wrapper {
    background-color: unset;
    padding: unset;
  }






}









/* 画面幅が1000ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1000px){

  .secondary_list_box {
    margin: 2.5em auto 0.5em auto;
  }

  .single-news .secondary_list_box{
    display: block;
    width: 100%;
  }






}




/* 画面幅が800ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:800px){

  .single-news .previous_btn .news_thumbnail,
  .single-news .next_btn .news_thumbnail{
    width: 100%;
  }

  .single-news .pager_wrapper .link_contents {
    display: block;
  }

  .single-news .pager_wrapper .link_contents li:first-of-type {
    margin-right: 0;
    text-align: center;
    margin-bottom: 0.5em;
  }

}





/* 画面幅が500ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:500px){

  .single-news .news_contents_wrapper > li:nth-child(3) {
    display: none;
  }

}