#body
{
  padding-bottom:100px;
  article
  {
    .header
    {
      display: flex;
      align-items:flex-start;
      margin-bottom:50px;
      picture
      {
        width: calc(50% - 10px);
        margin-right: 10px;
        img
        {
          display: block;
          width: 100%;
        }
      }
      #description
      {
        margin-left:10px;
        width: calc(50% - 10px);
        font-size:16px;
        line-height: 25px;
        p
        {
          color:#8E8E93;
          margin-bottom:20px;
        }
        #info-list
        {
          dl
          {
            color:$main-color;
            margin-bottom:15px;
            display: flex;
            dt
            {
              font-weight: 500;
              width:80px;
            }
          }
        }
      }
      @media(max-width:767px)
      {
        display: block;
        picture
        {
          width: 100%;
          margin-right:0;

        }
        #description
        {
          padding-top:20px;
          width: 100%;
          margin-left:0;
        }
      }
    }
    #article-content
    {
      margin-bottom:50px;
      color:#666;
      font-size:15px;
      line-height:25px;
      h2,h3,h4
      {
          font-weight: 600;
          font-size: 1.3em;
          line-height:150%;
          letter-spacing: 3px;
          padding:20px 0;
          color:$main-color;
      }
      ul
      {
          padding:20px 0;
          li
          {
              padding:10px 0;
              &::before
              {
                  font-family: "Font Awesome 5 Free";
                  font-weight: 900;
                  content: "\f00c";
                  color:$main-color;
              }
          }
      }
      p
      {
          padding:10px 0;
      }
      a
      {
          color:$main-color;
      }
      img{
        display: block;
        max-width: 100%;
      }
    }
    #photo-list
    {
      margin-bottom:50px;
      >div
      {
        position: relative;
        picture
        {
          max-width:100%;
          display: block;
          margin-left:auto;
          margin-right:auto;
          img
          {
            margin-left:auto;
            margin-right:auto;
            display: block;
            max-width: 100%;
          }
        }
        p
        {
          position: absolute;
          left:0;
          bottom:0px;
          width: 100%;
          background-color: rgba(0,0,0,.5);
          color:#fff;
          font-size:16px;
          padding:8px 5px;
        }
      }
      
    }
  }
}