/*##############################
Topics PAGE
##############################*/
#topics-contents {
  padding: 30px 30px 0 30px; }
  #topics-contents .topics-inner {
    margin: 0 auto;
    max-width: 1400px; }
    #topics-contents .topics-inner .figure-set {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      #topics-contents .topics-inner .figure-set figure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 49%;
        margin-bottom: 50px; }
        #topics-contents .topics-inner .figure-set figure .ph {
          width: 49%; }
          #topics-contents .topics-inner .figure-set figure .ph a:hover {
            opacity: 0.7;
            -webkit-transition: 0.8s;
            -o-transition: 0.8s;
            transition: 0.8s; }
          #topics-contents .topics-inner .figure-set figure .ph img {
            width: 100%; }
        #topics-contents .topics-inner .figure-set figure figcaption {
          width: 49%; }
          #topics-contents .topics-inner .figure-set figure figcaption a {
            text-decoration: none;
            color: #000000; }
            #topics-contents .topics-inner .figure-set figure figcaption a date {
              background: #d03657;
              padding: 2px 5px;
              color: #ffffff; }
            #topics-contents .topics-inner .figure-set figure figcaption a h3 {
              font-size: 18px;
              font-weight: bold;
              color: #336699;
              margin: 10px 0; }
            #topics-contents .topics-inner .figure-set figure figcaption a p span {
              font-family: 'Anton', sans-serif;
              display: block;
              text-align: right; }
              #topics-contents .topics-inner .figure-set figure figcaption a p span i {
                margin-right: 5px; }
      #topics-contents .topics-inner .figure-set figure:nth-child(odd) {
        margin-right: 2%; }

/*##############################
Article PAGE
##############################*/
#article-contents {
  padding: 30px 30px 0 30px; }
  #article-contents .article-inner {
    margin: 0 auto;
    max-width: 1400px; }
    #article-contents .article-inner article {
      margin-bottom: 50px; }
      #article-contents .article-inner article .ph {
        margin: 0 auto;
        max-width: 900px;
        text-align: center;
        margin-bottom: 20px; }
        #article-contents .article-inner article .ph img {
          width: 100%; }
      #article-contents .article-inner article date {
        background: #d03657;
        padding: 2px 5px;
        color: #ffffff; }
      #article-contents .article-inner article h3 {
        font-size: 25px;
        font-weight: bold;
        color: #336699;
        margin: 10px 0; }
      #article-contents .article-inner article p {
        font-size: 20px;
        line-height: 1.8em; }