/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
#main h1 {
  text-indent: -999em;
  background: url(/assets/images/topics_center/img_01.png) no-repeat center top;
  height: 149px;
  margin: 0 auto 40px auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #main h1 {
      background: url(/assets/images/topics_center/img_01@2x.png) no-repeat center top;
      background-size: 231px 149px; } }

#sites {
  margin-bottom: 40px; }
  @media screen and (max-width: 640px) {
    #sites {
      /* sp */
      margin-bottom: 20px; } }
  #sites .box {
    padding: 10px;
    background: url(/assets/images/common/bg_dot_01.gif); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
      #sites .box {
        background: url(/assets/images/common/bg_dot_01@2x.gif);
        background-size: 8px 8px; } }
  #sites .box-inside {
    background: #fff;
    padding: 20px; }
    @media screen and (max-width: 640px) {
      #sites .box-inside {
        /* sp */
        padding: 10px;
        padding-bottom: 1px; } }
  @media screen and (min-width: 641px) {
    #sites {
      /* pc */ }
      #sites ul {
        margin-bottom: 0; } }
    @media screen and (min-width: 641px) and (min-width: 641px) and (max-width: 1023px) {
      #sites ul {
        /* tablet */
        font-size: 93%; } }
  @media screen and (min-width: 641px) {
        #sites ul li {
          display: inline-block;
          margin-right: 20px; } }
      @media screen and (min-width: 641px) and (min-width: 641px) and (max-width: 1023px) {
        #sites ul li {
          /* tablet */
          margin-right: 12px; } }

#feed-wrap {
  overflow: hidden;
  padding-top: 20px; }