@media print,
  screen and (min-width:769px) {

    /*  PC  */

    #daily {
      width: 90%;
      margin: auto;
      font-size: 1.3em;
    }

    .br-sp {
      display: none;
    }

    #daily .sec {
      margin-top: 50px;
    }

    p {
      line-height: 2em;
      font-size: 18px;
    }

    .topic {
      margin: auto;
      text-align: center;
    }

    dl,
    dd {
      margin-bottom: 1.3em;
    }

    dt {
      font-weight: 600 !important;
    }

    dd {
      margin-bottom: 1.3em;
    }
  }


  @media screen and (max-width: 768px) {

    /*  SP  */
    #daily {
      width: 100%;
      margin: auto;
    }

    .br-pc {
      display: none;
    }

    #daily .sec {
      margin-top: 50px;
    }

    #daily h1 {
      margin: 6% 0 4%;
      padding: 0 0 3px;
      font-weight: 800;
    }

    #daily h2 {
      margin: 5% 0 5%;
      text-align: center;
    }

    #daily li {
      padding: 2%;
    }

    #daily p {
      margin: 3% 0;
      font-weight: bold;
    }

    dl,
    dd {
      margin-bottom: 1.3em;
    }

    dt {
      font-weight: 600 !important;
    }

    dd {
      margin-bottom: 1.3em;
    }
  }