.share_wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--space1);
  margin-top: var(--space4); }
  .share_wrap .btns.share .btn .a {
    width: 40px;
    height: 40px;
    box-sizing: border-box; }
    .share_wrap .btns.share .btn .a .icon {
      width: 100%;
      height: 100%; }
  .share_wrap .btns.share .btn.btn_x .a .icon {
    background-image: url("../images/common/icon_share_x.png"); }
  .share_wrap .btns.share .btn.btn_facebook .a .icon {
    background-image: url("../images/common/icon_share_facebook.png"); }
  .share_wrap .btns.share .btn.btn_line .a .icon {
    background-image: url("../images/common/icon_share_line.png"); }
  .share_wrap .btns.share .btn.btn_copy_link .a .icon {
    width: 32px;
    height: 32px;
    background-image: url("../images/common/icon_share_link.png"); }
  @media (min-width: 768px) {
    .share_wrap {
      position: fixed;
      left: 5px;
      top: calc(var(--headHeight) + var(--space4));
      flex-direction: column;
      z-index: 5;
      margin-top: 0px; }
      .share_wrap > .text {
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl; }
        .share_wrap > .text .combine {
          -webkit-text-combine: horizontal;
          -ms-text-combine-horizontal: all;
          text-combine-upright: all; }
      .share_wrap .btns {
        flex-direction: column; } }

.section_article {
  --sectionColumnGap: var(--space4); }
  .section_article .categories,
  .section_article .tags {
    --h: 30px;
    --buttonFontSize: var(--fontSize_s); }
    .section_article .categories .category .a,
    .section_article .categories .tag .a,
    .section_article .tags .category .a,
    .section_article .tags .tag .a {
      border-radius: 4px;
      min-width: 0; }
  .section_article .categories .category {
    --borderColor: var(--colorBlack);
    --bgColor: var(--colorBlack);
    --textColor: #FFF; }
  .section_article .section_title_wrap {
    margin-bottom: var(--space5);
    display: flex;
    flex-direction: column;
    grid-gap: var(--space2); }
    .section_article .section_title_wrap .categories,
    .section_article .section_title_wrap .tags {
      --h: 40px;
      margin-bottom: var(--space4); }
    .section_article .section_title_wrap .date_wrap {
      margin-top: calc(-1 * var(--space1)); }
      .section_article .section_title_wrap .date_wrap .date {
        color: var(--colorGray);
        font-size: var(--fontSize_s); }
    .section_article .section_title_wrap .picture {
      margin-top: var(--space4); }
  .section_article .section_body_wrap {
    display: flex;
    flex-direction: column;
    grid-gap: var(--space4) var(--sectionColumnGap); }
  .section_article .list_wrap.list_archives_wrap {
    --labelWidth: 120px;
    --contWidth: calc(100% - (var(--labelWidth) + var(--listGap)));
    --listGap: var(--space2); }
    .section_article .list_wrap.list_archives_wrap .list > .inner {
      align-items: flex-start;
      flex-direction: row; }
      .section_article .list_wrap.list_archives_wrap .list > .inner .photo {
        width: var(--labelWidth);
        border-radius: 4px;
        overflow: hidden; }
      .section_article .list_wrap.list_archives_wrap .list > .inner .cont {
        display: flex;
        flex-direction: column;
        grid-gap: 5px; }
        .section_article .list_wrap.list_archives_wrap .list > .inner .cont .date {
          font-size: var(--fontSize_ss);
          color: var(--colorGray); }
    .section_article .list_wrap.list_archives_wrap .categories,
    .section_article .list_wrap.list_archives_wrap .tags {
      --h: 20px;
      --buttonFontSize: 0.5rem; }
      .section_article .list_wrap.list_archives_wrap .categories .category .a,
      .section_article .list_wrap.list_archives_wrap .categories .tag .a,
      .section_article .list_wrap.list_archives_wrap .tags .category .a,
      .section_article .list_wrap.list_archives_wrap .tags .tag .a {
        padding-left: 5px;
        padding-right: 5px; }
        .section_article .list_wrap.list_archives_wrap .categories .category .a .txt,
        .section_article .list_wrap.list_archives_wrap .categories .tag .a .txt,
        .section_article .list_wrap.list_archives_wrap .tags .category .a .txt,
        .section_article .list_wrap.list_archives_wrap .tags .tag .a .txt {
          top: -0.5px; }
  .section_article .boxes_article {
    display: flex;
    flex-direction: column;
    grid-gap: var(--space4); }
    .section_article .boxes_article .title_wrap {
      margin-bottom: var(--space2); }
    .section_article .boxes_article .box.box_trend_words .categories,
    .section_article .boxes_article .box.box_trend_words .tags {
      grid-gap: var(--space2); }
      .section_article .boxes_article .box.box_trend_words .categories .category .a,
      .section_article .boxes_article .box.box_trend_words .categories .tag .a,
      .section_article .boxes_article .box.box_trend_words .tags .category .a,
      .section_article .boxes_article .box.box_trend_words .tags .tag .a {
        min-width: 100px; }
    .section_article .boxes_article .box.box_trend_words .to_link .a.text_link .arrow {
      position: relative;
      left: auto;
      right: auto;
      color: var(--secondaryColor); }
  @media (min-width: 521px) {
    .section_article .section_body_wrap .article_inner_right {
      max-width: 390px; } }
  @media (min-width: 768px) {
    .section_article .section_body_wrap {
      flex-direction: row;
      justify-content: space-between; }
      .section_article .section_body_wrap .article_inner_left {
        width: calc(100% - (var(--subContentsWidth) + var(--sectionColumnGap))); } }
  @media (min-width: 1280px) {
    .section_article {
      --sectionColumnGap: 64px; } }

article {
  display: block;
  border-radius: 10px;
  background: #FFF;
  box-sizing: border-box;
  padding: var(--space4) var(--space2) var(--space5) var(--space2); }
  article > .head .date_wrap {
    margin-bottom: var(--space1);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: var(--space2); }
    article > .head .date_wrap .date {
      --fontSize: var(--fontSize_ss);
      color: var(--colorGray); }
  article > .head .categories {
    --h: 24px;
    --fontSize: var(--fontSize_ss); }
    article > .head .categories .category .a {
      min-width: 0;
      text-decoration: none; }
  article > .body .text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--space4);
    letter-spacing: 0.2rem;
    line-height: 2; }
  article > .body h1,
  article > .body .h1 {
    font-size: 2rem; }
  article > .body h2,
  article > .body .h2 {
    font-size: 1.5rem; }
  article > .body h3,
  article > .body .h3 {
    font-size: 1.25rem; }
  article > .body h4,
  article > .body .h4 {
    font-size: 1.15rem; }
  article > .body h1,
  article > .body .h1,
  article > .body h2,
  article > .body .h2,
  article > .body h3,
  article > .body .h3,
  article > .body h4,
  article > .body .h4 {
    position: relative;
    width: 100%; }
    article > .body h1:not(.no_border)::after,
    article > .body .h1:not(.no_border)::after,
    article > .body h2:not(.no_border)::after,
    article > .body .h2:not(.no_border)::after,
    article > .body h3:not(.no_border)::after,
    article > .body .h3:not(.no_border)::after,
    article > .body h4:not(.no_border)::after,
    article > .body .h4:not(.no_border)::after {
      width: 100%;
      height: 1px;
      background: #eee;
      content: "";
      position: absolute;
      bottom: calc(-1 * var(--space1) * 1.5);
      left: 0; }
  article table tbody tr {
    border-bottom: 0; }
    article table tbody tr:nth-child(even) {
      background: #F8F8F8; }
  @media (min-width: 521px) {
    article {
      padding: calc(var(--space1) * 5) var(--space4) calc(var(--space1) * 12) var(--space4); } }