/* Scss Document */
/* Scss Document */
.article_wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }
  @media (max-width: 959px) {
    .article_wrap > .share_w {
      order: 3;
      width: 100%; }
    .article_wrap > .article {
      order: 1;
      width: 100%; }
    .article_wrap > .sidebar {
      order: 2;
      width: 100%; } }
  @media (min-width: 960px) {
    .article_wrap {
      flex-wrap: nowrap;
      grid-gap: 90px;
      --side:154px;
      --side:154px; }
      .article_wrap > .share_w {
        width: var(--side);
        min-width: var(--side);
        max-width: var(--side);
        display: flex;
        justify-content: flex-end;
        position: sticky;
        top: 140px; }
      .article_wrap > .article {
        width: 100%;
        max-width: 740px; }
      .article_wrap > .sidebar {
        width: var(--side);
        min-width: var(--side);
        max-width: var(--side);
        top: 120px; } }

.article_wrap {
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 30px; }

.article .data {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  .article .data .category.info + .period {
    color: #F99500; }
  .ca
  .article .data .category.events + .period {
    color: #FF5833; }
  .article .data .period {
    margin-left: 14px; }
    .article .data .period span:first-child {
      margin-right: 1em; }
.article .head {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  margin-bottom: 40px; }
  .article .head h1 {
    font-size: 2rem; }
  .article .head + .share {
    justify-content: flex-start;
    margin: 60px 0 60px; }
    .article .head + .share .data {
      margin-bottom: 0; }
.article .body {
  display: flex;
  flex-direction: column;
  grid-gap: 30px;
  margin-bottom: 70px; }
  .article .body p {
    font-size: 1rem;
    line-height: 2; }
    .article .body p + .wp-block-image {
      margin-top: 20px; }
    .article .body p + .links {
      margin-top: 20px; }
  .article .body .table {
    background: #F6F4EC;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    flex-wrap: wrap;
    padding: 25px;
    margin: 50px 0 60px; }
    .article .body .table .wp-block-group__inner-container {
      display: flex;
      flex-wrap: wrap;
      --gap: 20px;
      grid-gap: var(--gap); }
    .article .body .table p {
      width: 100%;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .article .body .table p a {
        text-decoration: none;
        color: #333333;
        padding-left: 0.9em;
        text-indent: -0.8em;
        transition: .33s; }
        .article .body .table p a:hover {
          opacity: .6; }
        .article .body .table p a::before {
          content: '';
          display: inline-block;
          background-image: url(../images/common/icon_arrow.svg);
          background-size: contain;
          background-repeat: no-repeat;
          transform: rotate(90deg) translateX(2px);
          width: 14px;
          height: 8px; }
      .article .body .table p:not(:last-child)::after {
        content: '';
        background: #000;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: calc( -1 * var(--gap) / 2 ); }
  .article .body .links {
    margin-bottom: 70px; }
    .article .body .links p {
      width: fit-content;
      max-width: 100%; }
      .article .body .links p:not(:first-child) {
        border-radius: 50px;
        background: linear-gradient(91deg, #23B782 1.32%, #BDCC14 139.71%);
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
        height: 50px;
        padding: 0 20px;
        box-sizing: border-box;
        display: flex;
        align-items: center; }
        .article .body .links p:not(:first-child):after {
          content: '';
          display: inline-block;
          width: 12px;
          height: 12px;
          background-image: url("../images/common/icon_link.svg");
          background-size: contain;
          background-repeat: no-repeat;
          margin-left: 8px; }
      .article .body .links p:not(:last-child) {
        margin-bottom: 20px; }
    .article .body .links a {
      color: #FFF;
      height: 100%;
      width: calc(100% - 12px - 8px);
      display: block;
      font-feature-settings: normal;
      font-size: 1.07rem;
      white-space: nowrap;
      line-height: 50px;
      overflow: hidden;
      text-overflow: ellipsis; }
  .article .body table {
    border: 1px solid #000;
    margin-bottom: 40px; }
    .article .body table td, .article .body table th {
      padding: 10px 20px;
      line-height: 1; }
    .article .body table td:first-child {
      border-right: 1px solid #000;
      background-color: #F3EFE2;
      width: 23%;
      max-width: 173px;
      min-width: 120px; }
    .article .body table tr:not(:last-child) {
      border-bottom: 1px solid #000; }
  .article .body .is-layout-flex {
    display: flex;
    grid-gap: 16px;
    flex-direction: column;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .article .body .is-layout-flex {
        flex-direction: row; } }
  .article .body .wp-block-image + .wp-block-image {
    margin-top: 30px; }
  .article .body .wp-block-image + p {
    margin-top: 20px; }
  .article .body .wp-block-image .wp-element-caption {
    text-align: center;
    color: #868686;
    font-size: var(--fontsize_s);
    margin-top: 10px; }
    .article .body .wp-block-image .wp-element-caption a {
      text-decoration: none;
      color: #868686; }
  .article .body .contactinfo {
    border-radius: 12px;
    background: #F4F2EC;
    padding: 18px 20px 23px; }
    .article .body .contactinfo .label {
      margin-bottom: 18px;
      display: flex;
      align-items: center; }
      .article .body .contactinfo .label .icon {
        width: 12px;
        height: 9px;
        background-image: url("../images/common/icon_mail.svg");
        margin-right: 8px; }
    .article .body .contactinfo .body {
      margin: 0;
      grid-gap: 0; }
      .article .body .contactinfo .body .box {
        padding: 0;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.7);
        box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); }
        .article .body .contactinfo .body .box:not(:last-of-type) {
          margin-bottom: 20px; }
        .article .body .contactinfo .body .box .row {
          padding: 10px 16px; }
          .article .body .contactinfo .body .box .row .col:first-child {
            color: #666; }
          .article .body .contactinfo .body .box .row:not(:last-child) {
            border-bottom: 1px solid #E4E4E4; }
    @media (min-width: 768px) {
      .article .body .contactinfo .body .box .row {
        display: flex;
        align-items: center; }
        .article .body .contactinfo .body .box .row .col:first-child {
          width: 22%; } }
  .article .body .list_wrap .tags .a {
    min-width: 80px;
    border-radius: 12px;
    background: #DC4A2A;
    color: #FFF; }
    .article .body .list_wrap .tags .a .txt {
      font-size: var(--fontsize_n); }
.article .photos_wrap .column {
  min-height: 120px; }
@media (min-width: 960px) {
  .article .head h1 {
    font-size: 3rem; } }

.share {
  display: flex; }
  .share .data {
    display: flex;
    align-items: center; }
    .share .data:after {
      content: '';
      display: inline-block;
      width: 86px;
      height: 1px;
      background-color: #000;
      margin: 0 15px; }
  .share .btns {
    grid-gap: 8px; }
    .share .btns .btn {
      width: 24px;
      height: 24px;
      position: relative; }
      .share .btns .btn[key=x] .icon {
        background-image: url(../images/common/icon_x.svg); }
      .share .btns .btn[key=facebook] .icon {
        background-image: url(../images/common/icon_facebook.svg); }
      .share .btns .btn[key=line] .icon {
        background-image: url(../images/common/icon_line.svg); }
      .share .btns .btn[key=chain] .icon {
        background-image: url(../images/common/icon_chain.svg); }
      .share .btns .btn .url-copied {
        display: none;
        position: absolute;
        white-space: nowrap;
        font-size: 0.8rem;
        top: 26px;
        left: 0px;
        color: #908e87;
        pointer-events: none; }
  @media (min-width: 960px) {
    .share {
      flex-direction: column;
      margin: 0; }
      .share .data {
        writing-mode: vertical-rl; }
        .share .data:after {
          width: 1px;
          height: 86px;
          margin: 15px 0; }
      .share .btns {
        flex-direction: column; } }

.sidebar {
  font-size: var(--fontsize_s); }
  .sidebar .box {
    padding: 10px 0; }
    .sidebar .box .label {
      margin-bottom: 5px; }
    .sidebar .box[key=category] .categorys, .sidebar .box[key=area] .categorys {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      grid-gap: 8px 2px;
      margin-top: 15px; }
      .sidebar .box[key=category] .categorys > .cat .a, .sidebar .box[key=area] .categorys > .cat .a {
        transition: .33s; }
        .sidebar .box[key=category] .categorys > .cat .a:hover, .sidebar .box[key=area] .categorys > .cat .a:hover {
          color: #FFFFFF;
          background-color: #232323; }
      .sidebar .box[key=category] .categorys .cat, .sidebar .box[key=area] .categorys .cat {
        width: fit-content;
        position: relative; }
        @media (max-width: 959px) {
          .sidebar .box[key=category] .categorys .cat span, .sidebar .box[key=area] .categorys .cat span {
            margin-top: -1px; } }
        .sidebar .box[key=category] .categorys .cat .a, .sidebar .box[key=area] .categorys .cat .a {
          border: 1px solid #232323;
          background: #FCFBF8;
          justify-content: flex-start;
          border-radius: 4px;
          padding: 4px 5px;
          box-sizing: border-box;
          align-items: center;
          text-decoration: none;
          color: #333333; }
        .sidebar .box[key=category] .categorys .cat .pop, .sidebar .box[key=area] .categorys .cat .pop {
          position: absolute;
          z-index: 1;
          background-color: rgba(0, 0, 0, 0.7);
          filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15));
          padding: 15px;
          white-space: nowrap;
          color: #FFF;
          border-radius: 4px;
          top: 36px;
          opacity: 0;
          pointer-events: none;
          transition: .33s; }
          .sidebar .box[key=category] .categorys .cat .pop.active, .sidebar .box[key=area] .categorys .cat .pop.active {
            opacity: 1;
            pointer-events: auto; }
          .sidebar .box[key=category] .categorys .cat .pop:before, .sidebar .box[key=area] .categorys .cat .pop:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            transform: rotate(-90deg) translateY(20px) translateX(11px);
            border: 5px solid transparent;
            border-left: 8px solid rgba(0, 0, 0, 0.7); }
          .sidebar .box[key=category] .categorys .cat .pop li:first-child, .sidebar .box[key=area] .categorys .cat .pop li:first-child {
            font-size: 1rem; }
          .sidebar .box[key=category] .categorys .cat .pop li:not(:last-child), .sidebar .box[key=area] .categorys .cat .pop li:not(:last-child) {
            margin-bottom: 5px; }
          .sidebar .box[key=category] .categorys .cat .pop .a, .sidebar .box[key=area] .categorys .cat .pop .a {
            background: none;
            border: none;
            border-radius: 0;
            padding: 0;
            height: auto;
            color: #FFF; }

section[key=related].section_cont {
  padding-bottom: 180px; }