@charset "UTF-8";
/* CSS Document */



.billboard{ margin:0; padding: 0;}
.billboard *{ margin-top:0;}
.billboard .inner{ margin:0 auto; padding: 0; width:1100px; height: 435px; overflow: hidden; position: relative; display: none;}
.billboard .ttl01{ margin:0 auto; padding: 0.3em; width:1100px; color:#FFFFFF; background: #F39800; text-align: center; }

img.item{ display:block; position: absolute;}
.item01{ top:0; left: 0; z-index: 9;}
.item02{ top:0; left: 220px; z-index: 9;}
.item03{ top:0; left: 440px; z-index: 9;}
.item04{ top:0; left: 660px; z-index: 9;}
.item05{ top:0; left: 880px; z-index: 9;}
.item11{ top:0; left: 0;}


.topics .ttl-topics{ text-align:center; color: #F29600; font-size:180%; font-weight: 600; letter-spacing: 0.2em; border-bottom:solid 5px #F29600;}
.topics ul *{ margin-top:0;}
.topics ul li{ margin-top:1.0em;}
.topics ul li:after { content:""; display:block; clear:both;}
.topics ul time{ display:block; width: 80px; float: left;}
.topics ul .category{ float:left;}
.topics ul .category span{ display:inline-block;line-height:1.5; padding: 0.2em 0; text-align: center; width: 110px; border-radius: 3px; font-size:86%;}
.topics ul .title{ margin:0 0 0 220px;}


.fc .fc-image{ display:none;}



@media only screen and (min-width:480px){ /* pc only */
  
.linkBlock{}
.relate{ margin-top: 0;}
.relate01{ float: left;}
.relate02{ float: right;}
.relate li{ float:left; margin-left: 0.7em;}
.relate li:first-child{ margin-left:0;}
.relate li a{ display:block;}
.relate img{ height:30px; display: block; max-width: none;}
  
}
@media only screen and (max-width:480px){ /* sm pnly */
  .sm-billboard{ margin:0; padding: 0;}
  .sm-billboard *{ margin-top:0;}
  .sm-billboard img{ display:block;}
  .sm-billboard .ttl01{ margin:0 auto; padding: 0.3em; color:#FFFFFF; background: #F39800; text-align: center; }
  .linkBlock{}
  .linkBlock li{ text-align:center;}
  .relate img{ height:40px; width: auto; display: block; margin-left: auto; margin-right: auto; max-width: none;}
  
  .topics ul *{ margin-top:0;}
  .topics ul li{ margin-top:1.0em;}
  .topics ul li:after { content:""; display:block; clear:both;}
  .topics ul time{ display:block; width: auto; float: left; font-size:108%; font-weight: 600;}
  .topics ul .category{ float: left; margin: 0 0 0 1.0em;}
  .topics ul .category span{ display:inline-block;line-height:1.5; padding: 0.1em 1.0em; text-align: center; width: auto; border-radius: 3px; font-size:85%;}
  .topics ul .title{ clear: both; margin:0 0 0 0; padding: 0.3em 0 0 0; line-height: 1.5;}
  
  
}