#blogs {
  margin-top: 8.375em; }
  #blogs .areabase {
    display: flex;
    justify-content: space-between; }
    #blogs .areabase .contentarea {
      order: 2;
      width: 62.5%; }
    #blogs .areabase .sidearea {
      order: 1;
      width: 28.125%; }
  #blogs .wp-pagenavi {
    margin-top: 8.75em; }
  #blogs .newslist .nl_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.3125rem;
    padding: 1.875em;
    padding-left: 2.625em; }
    #blogs .newslist .nl_item:nth-child(2n+1) {
      background-color: #f1f8ea; }
    #blogs .newslist .nl_item .nl_item_content {
      flex-grow: 1;
      width: 0; }
      #blogs .newslist .nl_item .nl_item_content .head .new_sp_blank {
        display: none; }
    #blogs .newslist .nl_item .icatch {
      width: 8.4375em;
      margin-left: 1.875em;
      line-height: 0; }
      #blogs .newslist .nl_item .icatch a {
        display: block;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s; }
        #blogs .newslist .nl_item .icatch a:active, #blogs .newslist .nl_item .icatch a:hover {
          filter: alpha(opacity=60);
          -webkit-opacity: 0.6;
          -moz-opacity: 0.6;
          opacity: 0.6; }
        #blogs .newslist .nl_item .icatch a img {
          width: 100%; }
  @media screen and (max-width: 767px) {
    #blogs {
      margin-top: 2.3076923077em; }
      #blogs .areabase {
        display: block; }
        #blogs .areabase .contentarea {
          width: 100%; }
        #blogs .areabase .sidearea {
          width: 100%;
          padding-top: 0;
          margin-top: 5.3846153846em; }
      #blogs .wp-pagenavi {
        margin-top: 3.8461538462em; }
      #blogs .newslist .nl_item {
        flex-direction: column;
        padding: 2.6923076923em 1.9230769231em; }
        #blogs .newslist .nl_item .nl_item_content {
          flex-grow: 0;
          width: 100%; }
          #blogs .newslist .nl_item .nl_item_content .head {
            flex-wrap: wrap; }
            #blogs .newslist .nl_item .nl_item_content .head .new_sp_blank {
              display: block;
              width: 100%;
              padding-bottom: 0.9230769231em; }
          #blogs .newslist .nl_item .nl_item_content .title a {
            font-size: 1.2307692308em; }
        #blogs .newslist .nl_item .icatch {
          width: 100%;
          margin-left: 0;
          margin-top: 1.5384615385em; } }