#yokoku{max-width:1270px;width:100%;margin:30px auto;padding:0 10px 100px;font-family:"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,-apple-system,BlinkMacSystemFont,"Yu Gothic",YuGothic,Arial,"メイリオ",Meiryo,sans-serif;font-size:16px;margin-bottom:30px;}
#yokoku h2{text-align:center;margin:30px auto;padding:20px 10px;background-color:#e3e3e3;font-size:25px;font-weight:bold;}

#yokoku .special{padding:30px 0;display:flex;border-bottom:1px solid #e3e3e3;}
#yokoku .special div{display:inline-block;vertical-align:top;}
#yokoku .special div.image{width:30%;margin-right:0.5%;}
#yokoku .special div.image img{max-width:100%;}
#yokoku .special div.text{width:69%;position:relative;}
#yokoku .special div.text h3{font-size:20px;font-weight:600;line-height:30px;vertical-align:middle;}
#yokoku .special div.text h3:before{display:inline-block;font-size:14px;font-weight:400;line-height:20px;vertical-align:middle;content:'特集';color:#C89C5E;border:1px solid #C89C5E;border-radius:3px;padding:0 1em;margin-right:0.8em;}
#yokoku .special div.text p.lead{padding-top:8px;}
#yokoku .special div.text p.writer{position:absolute;bottom:0;left:0;font-size:14px;}
#yokoku .special div.text p.writer:before{content:'●';color:#e3e3e3;}

#yokoku .lineup{padding:30px 0;}
#yokoku .lineup h3{display:inline-block;vertical-align:top;width:30%;margin-right:0.5%;font-size:20px;padding-bottom:15px;font-weight:600;}
#yokoku .lineup ul{display:inline-block;vertical-align:top;width:68%;list-style:disc;padding-left:1.5em;font-size:18px;}
#yokoku .lineup ul li{line-height:180%;}

#yokoku .article{padding:30px 0;display:flex;border-bottom:1px solid #e3e3e3;}
#yokoku .article div{display:inline-block;vertical-align:top;}
#yokoku .article div.image{width:30%;margin-right:0.5%;}
#yokoku .article div.image img{max-width:100%;}
#yokoku .article div.text{width:69%;position:relative;}
#yokoku .article div.text h3{font-size:20px;font-weight:600;line-height:30px;vertical-align:middle;}
#yokoku .article div.text h3:before{display:inline-block;font-size:14px;font-weight:400;line-height:20px;vertical-align:middle;content:'NEWS';color:#C89C5E;border:1px solid #C89C5E;border-radius:3px;padding:0 1em;margin-right:0.8em;}
#yokoku .article div.text p.lead{padding-top:8px;}
#yokoku .article div.text p.writer{position:absolute;bottom:0;left:0;font-size:14px;}
#yokoku .article div.text p.writer:before{content:'●';color:#e3e3e3;}


@media only screen and (max-width:768px){
  #yokoku{max-width:100%;width:100%;margin:15px auto;padding:0 0 50px;}
  #yokoku h2{font-size:20px;margin:10px auto;}

  #yokoku .special{display:block;padding-bottom:10px;}
  #yokoku .special div{display:block;}
  #yokoku .special div.image{width:100%;margin:0 0 8px 0;}
  #yokoku .special div.text{width:100%;}
  #yokoku .special div.text p.writer{position:relative;padding-top:10px;}

  #yokoku .lineup h3{display:block;margin-right:0;width:100%;}
  #yokoku .lineup ul{display:block;width:100%;}

  #yokoku .article{display:block;padding-bottom:10px;}
  #yokoku .article div{display:block;}
  #yokoku .article div.image{width:100%;margin:0 0 8px 0;}
  #yokoku .article div.text{width:100%;}
  #yokoku .article div.text p.writer{position:relative;padding-top:10px;}

}