@charset "UTF-8";
:root {
  --font: "Noto Sans JP", sans-serif;
  --wfont: "Plus Jakarta Sans", sans-serif;
  --base-color: #000;
  --c-base: #231815;
  --c-primary: #f08200;
  --c-warning: #8a6d3b;
  --c-danger: #a94442;
  --c-gray: #efefef;
  --c-gray-light: #f4f4f4;
  --c-gray-dark: #ccc;
}

.related {
  margin: 0 auto;
  border-radius: 10px;
  background-color: #303030;
}
.related_inner {
  padding: 20px 5.3333333333% 30px;
}
.related .ttl {
  position: relative;
  color: #fff;
  font-family: var(--wfont);
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  margin: 0 0 30px;
  padding: 0 0 12px 40px;
}
.related .ttl::before {
  position: absolute;
  top: -4px;
  left: 0;
  display: inline-block;
  content: "";
  width: 29px;
  height: 21px;
  background: url(../common/img/ico_related.svg) no-repeat;
}
.related .ttl span {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0 0 0 13px;
}
.related ul {
  padding: 0 15px;
}
.related ul li:not(:last-child) {
  border-bottom: 1px dashed #fff;
  margin: 0 0 20px;
  padding: 0 0 20px;
}
.related ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
}
.related ul .art_thumb {
  width: 40%;
  margin: 0 5% 0 0;
}
.related ul .art_txt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6;
  width: 55%;
  -ms-flex-item-align: center;
      align-self: center;
}

@media (min-width: 768px) {
  .related_inner {
    padding: 20px 15px 30px;
  }
  .related ul .art_thumb {
    max-width: 200px;
  }
  .related ul .art_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media (min-width: 1024px) {
  .related {
    position: sticky;
    top: 50px;
    width: min(27.8137128072%, 430px);
  }
  .related .ttl span {
    display: block;
    margin: 0;
  }
  .related ul {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .related {
    top: 150px;
  }
  .related_inner {
    padding: 50px 30px 40px;
  }
  .related .ttl {
    font-size: 2rem;
  }
  .related .ttl span {
    font-size: 1.6rem;
  }
  .related ul li a:hover .art_txt p {
    color: #d8a821;
  }
  .related ul li .art_txt p {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media (min-width: 1400px) {
  .related .ttl {
    letter-spacing: -0.01em;
  }
  .related .ttl span {
    display: inline-block;
    margin: 0 0 0 10px;
    letter-spacing: 0.05em;
  }
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.pagination li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-family: var(--wfont);
  font-size: 1.4rem;
  font-weight: 700;
  width: 38px;
  height: 38px;
}
.pagination li.arrow_prev, .pagination li.arrow_next, .pagination li.dots {
  font-family: var(--font);
  width: 35px;
  height: 38px;
  border: none;
  background-color: transparent;
}
.pagination li.dots {
  margin: 0 -10px;
}
.pagination li.arrow {
  font-size: 1.1rem;
  font-weight: 500;
}
.pagination li.arrow a {
  position: relative;
  border: none;
  background-color: transparent;
}
.pagination li.arrow a::after {
  position: absolute;
  top: 10px;
  display: block;
  content: "";
  width: 35px;
  height: 8px;
  background: url(../common/img/arrow_black.svg) no-repeat center/contain;
}
.pagination li.arrow a span {
  display: inline-block;
  padding: 15px 0 0;
}
.pagination li.arrow_prev a::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.pagination li.current {
  pointer-events: none;
}
.pagination li.current a {
  color: #d8a821;
  background-color: #000;
}
.pagination li.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.pagination li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #000;
  background-color: #fff;
}

@media (min-width: 768px) {
  .pagination {
    gap: 12px;
  }
  .pagination li {
    font-size: 1.6rem;
    width: 57px;
    height: 57px;
  }
  .pagination li.arrow_prev, .pagination li.arrow_next, .pagination li.dots {
    width: 57px;
    height: 57px;
  }
  .pagination li.arrow {
    font-size: 1.5rem;
    margin: 0 12px;
  }
  .pagination li.arrow a::after {
    top: 15px;
    width: 48px;
    height: 12px;
  }
  .pagination li.arrow a span {
    padding: 20px 0 0;
  }
}
@media (min-width: 1200px) {
  .pagination li.arrow a:hover {
    background-color: transparent;
  }
  .pagination li.arrow a:hover::after {
    background: url(../common/img/arrow_gold.svg) no-repeat center/contain;
  }
  .pagination li.arrow a::after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pagination li a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pagination li a:hover {
    color: #d8a821;
    background-color: #000;
  }
}
.p_body {
  background-color: rgba(238, 238, 238, 0.4);
  -webkit-backdrop-filter: blur(13.5px);
          backdrop-filter: blur(13.5px);
  padding: 25px 0 90px;
}
.p_body_inner {
  padding: 0 4%;
}

.postart_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

.sub_ttl {
  font-size: 2rem;
  border-bottom: 1px solid #000;
  margin: 0 0 25px;
  padding: 0 10px 10px;
}

.nav_cat {
  margin: 0 0 65px;
}
.nav_cat dl {
  font-weight: 700;
}
.nav_cat dl dt {
  font-family: var(--wfont);
  font-size: 1.8rem;
  margin: 0 0 13px;
}
.nav_cat dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 9px;
  font-size: 1.4rem;
}
.nav_cat dl dd a {
  display: block;
  text-align: center;
  width: calc((100% - 9px) / 2);
  border-radius: 5px;
  border: 1px solid #000;
  padding: 10px 0;
}
.nav_cat dl dd a.current {
  color: #d8a821;
  background-color: #000;
  pointer-events: none;
}

.art_box .art_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin: 0 0 40px;
}
.art_box .art_list .art_item_inner {
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  padding: 38px 4% 18px;
}
.art_box .art_list .art_item.art_item_latest {
  position: relative;
  margin: 0 0 80px;
  padding: 30px 4% 40px;
}
.art_box .art_list .art_item.art_item_latest .art_item_inner {
  padding: 0;
}
.art_box .art_list .art_item.art_item_latest .latest_ttl {
  position: relative;
  top: -30px;
  font-family: var(--wfont);
  font-size: 1.2rem;
  font-weight: 400;
  text-align: center;
}
.art_box .art_list .art_item.art_item_latest .latest_ttl span {
  position: relative;
  font-family: var(--font);
  font-size: 1.5rem;
  margin: 0 10px 0 0;
}
.art_box .art_list .art_item.art_item_latest .latest_ttl span::before {
  position: absolute;
  top: 50%;
  left: -17px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ca3a1c;
}
.art_box .art_list .art_item.art_item_latest .tl_dec,
.art_box .art_list .art_item.art_item_latest .tr_dec,
.art_box .art_list .art_item.art_item_latest .bl_dec,
.art_box .art_list .art_item.art_item_latest .br_dec {
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
}
.art_box .art_list .art_item.art_item_latest .tl_dec {
  top: 10px;
  left: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.art_box .art_list .art_item.art_item_latest .tr_dec {
  top: 10px;
  right: 0;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
.art_box .art_list .art_item.art_item_latest .bl_dec {
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}
.art_box .art_list .art_item.art_item_latest .br_dec {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.art_box .art_list .art_item.art_item_latest .art_det {
  padding: 38px 6.6666666667% 0;
}
.art_box .art_list .art_item.art_item_latest .art_theme {
  margin: 0 0 15px;
}
.art_box .art_list .art_item.art_item_latest .art_conts_txt {
  -webkit-line-clamp: 7;
  height: 11.9em;
}
.art_box .art_list .art_item.art_item_latest .art_thumb img {
  border-radius: 0 0 10px 10px;
}
.art_box .art_list .art_item .a_cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.art_box .art_list .art_item .art_cat {
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 1;
  color: #d8a821;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  width: 108px;
  border-radius: 10px 0 0 0;
  background-color: #000;
  padding: 5px 0;
}
.art_box .art_list .art_item .art_date {
  position: absolute;
  top: 7px;
  right: 15px;
  font-size: 1rem;
}
.art_box .art_list .art_item .art_date::before {
  position: absolute;
  top: 50%;
  left: -11px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background: url(../common/img/ico_calendar.svg) no-repeat center/contain;
}
.art_box .art_list .art_item .art_theme {
  border-bottom: 1px solid #000;
  margin: 0 10px 15px;
  padding: 0 10px;
}
.art_box .art_list .art_item .art_theme a {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #555;
  font-size: 1.2rem;
  padding: 5px;
}
.art_box .art_list .art_item .art_conts {
  padding: 0 10px;
}
.art_box .art_list .art_item .art_conts_ttl {
  font-size: 1.5rem;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.art_box .art_list .art_item .art_conts_txt {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 8.5em;
}
.art_box .art_list .art_item .art_conts_txt::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 4em;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.art_box .art_list .art_item .art_thumb {
  text-align: center;
  margin: 13px 0 0;
}
.art_box .art_list .art_item .art_thumb img {
  border-radius: 10px;
}

.info_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 40px;
  margin: 0 0 20px;
}
.info_box .date {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.2rem;
  padding: 0 0 0 20px;
}
.info_box .date::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background: url(../common/img/ico_calendar.svg) no-repeat center/contain;
}
.info_box .theme {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  font-size: 1.2rem;
  padding: 5px 0 5px 5px;
}
.info_box .theme::before {
  position: absolute;
  top: 50%;
  left: -19px;
  -webkit-transform: translateY(-50%) rotate(25deg);
          transform: translateY(-50%) rotate(25deg);
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #000;
}

.postart .conts_box {
  border-radius: 10px;
  background-color: #fff;
  margin: 0 0 40px;
  padding: 20px 4%;
}
.postart .conts_box .postart_head {
  margin: 0 0 30px;
}
.postart .conts_box .postart_head .cat {
  margin: 0 0 15px;
}
.postart .conts_box .postart_head .cat span {
  display: inline-block;
  color: #d8a821;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  width: 108px;
  background-color: #000;
  padding: 5px 0;
}
.postart .conts_box .postart_head .ttl {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 20px;
}
.postart .conts_box .postart_body .wp-caption {
  max-width: 100%;
}
.postart .conts_box .postart_body .wp-caption .wp-caption-text {
  margin: 0;
}
.postart .conts_box .postart_body a {
  color: #0395f6;
  text-decoration: underline;
}
.postart .conts_box .postart_body p {
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 1em 0 1em 1em;
}
.postart .conts_box .postart_body h2 {
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 50px 0 0;
  padding: 0 0 0 20px;
}
.postart .conts_box .postart_body h2::before, .postart .conts_box .postart_body h2::after {
  position: absolute;
  left: 0;
  content: "";
  width: 8px;
  height: 50%;
}
.postart .conts_box .postart_body h2::before {
  top: 0;
  background-color: #d8a821;
}
.postart .conts_box .postart_body h2::after {
  bottom: 0;
  background-color: #ca3a1c;
}
.postart .conts_box .postart_body h3 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 0 0 0 20px;
  border-left: 8px solid #303030;
  border-bottom: 1px solid #303030;
  margin: 45px 0 0;
}
.postart .conts_box .postart_body h4 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  border-bottom: 1px solid #303030;
  margin: 30px 0 0;
}
.postart .conts_box .postart_body h5 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-indent: -1em;
  margin: 30px 0 0;
  padding-left: 1em;
}
.postart .conts_box .postart_body h5::before {
  content: "●";
  color: #d8a821;
}
.postart .conts_box .postart_body h6 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-indent: -1em;
  margin: 30px 0 0;
  padding-left: 1em;
}
.postart .conts_box .postart_body h6::before {
  content: "●";
  color: #ca3a1c;
}
.postart .conts_box .postart_body blockquote {
  position: relative;
  background-color: #e5eff7;
  margin: 1em 0.5em;
  padding: 1em 1.5em;
}
.postart .conts_box .postart_body blockquote::before {
  display: inline-block;
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  width: 1.5em;
  height: 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%23d8a821'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
}
.postart .conts_box .postart_body blockquote::after {
  display: inline-block;
  position: absolute;
  bottom: -0.5em;
  right: -0.5em;
  width: 1.5em;
  height: 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath transform='scale(-1,-1) translate(-24,-24)' d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%23ca3a1c'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
}
.postart .conts_box .postart_body ul {
  font-size: 1.4rem;
  list-style-type: disc;
  margin: 20px 0 0;
  padding: 0 0 0 1.5em;
}
.postart .conts_box .postart_body ul li:not(:last-child) {
  margin: 0 0 0.5em;
}
.postart .conts_box .postart_body ol {
  font-size: 1.4rem;
  list-style-type: decimal;
  margin: 20px 0 0;
  padding: 0 0 0 1.5em;
}
.postart .conts_box .postart_body ol li:not(:last-child) {
  margin: 0 0 0.5em;
}
.postart .conts_box .insta_box {
  margin: 80px 0 0;
}
.postart .conts_box .insta_box dl dt {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  background-color: #000;
  padding: 10px 50px;
}
.postart .conts_box .insta_box dl dt span {
  position: relative;
  display: inline-block;
}
.postart .conts_box .insta_box dl dt span::before {
  position: absolute;
  top: 50%;
  left: -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  background: url(../common/img/ico_w_insta.svg) no-repeat center/contain;
}
.postart .conts_box .insta_box dl dd {
  background-color: #eeebea;
  padding: 10px 5px;
}
.postart .conts_box .insta_box dl dd .instagram-media {
  min-width: 100% !important;
  margin: 0 -1px !important;
  border-right: none !important;
  border-left: none !important;
}

.pager {
  position: relative;
  max-width: 340px;
  margin: 0 auto;
}
.pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pager ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  width: 48px;
  height: 48px;
}
.pager ul li.prev a::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.pager ul a {
  position: relative;
  width: 100%;
  height: 100%;
}
.pager ul a::after {
  position: absolute;
  top: 10px;
  display: block;
  content: "";
  width: 48px;
  height: 12px;
  background: url(../common/img/arrow_black.svg) no-repeat center/contain;
}
.pager ul a.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.pager ul a span {
  display: inline-block;
  padding: 26px 0 0;
}
.pager .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  width: 60%;
}
.pager .btn a {
  display: block;
  color: #d8a821;
  border-radius: 40px;
  background-color: #000;
}

@media (min-width: 768px) {
  .p_body {
    padding: 50px 0 120px;
  }
  .p_body.p_body_aside .p_body_inner {
    max-width: 1576px;
  }
  .p_body_inner {
    max-width: 1125px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .p_body_inner.p_body_list_inner {
    max-width: 1576px;
  }
  .nav_cat dl dd a {
    width: calc((100% - 27px) / 4);
  }
  .art_box .art_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 45px 20px;
  }
  .art_box .art_list .art_item {
    width: calc((100% - 20px) / 2);
  }
  .art_box .art_list .art_item_inner {
    height: 100%;
    padding: 38px 15px 18px;
  }
  .art_box .art_list .art_item.art_item_latest {
    width: 100%;
    padding: 30px 15px 40px;
  }
  .art_box .art_list .art_item.art_item_latest .art_det {
    padding: 38px 25px 0;
  }
  .art_box .art_list .art_item.art_item_latest .art_conts {
    padding: 0 10px;
  }
  .art_box .art_list .art_item.art_item_latest .art_conts_ttl {
    font-size: 1.5rem;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 15px;
  }
  .art_box .art_list .art_item.art_item_latest .art_conts_txt {
    -webkit-line-clamp: 5;
    height: 8.5em;
  }
  .art_box .art_list .art_item .art_conts_txt {
    -webkit-line-clamp: 4;
    height: 6.8em;
  }
  .postart .conts_box {
    padding: 20px 15px;
  }
  .postart .conts_box .insta_box dl dd .instagram-media {
    min-width: 460px !important;
    margin: 0 auto !important;
  }
  .pager ul li {
    height: 58px;
  }
  .pager ul a::after {
    top: 15px;
  }
  .pager ul a span {
    padding: 31px 0 0;
  }
  .pager .btn {
    line-height: 58px;
  }
}
@media (min-width: 1024px) {
  .p_body {
    padding: 70px 0 150px;
  }
  .p_body.p_body_aside .postart_wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 28px;
  }
  .p_body.p_body_aside .postart {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 72.1862871928%;
  }
  .sub_ttl {
    font-size: 3rem;
    margin: 0 0 55px;
    padding: 0 10px 15px;
  }
  .nav_cat {
    margin: 0 0 75px;
  }
  .nav_cat dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .nav_cat dl dt {
    margin: 0 28px 0 0;
  }
  .nav_cat dl dd {
    gap: 11px;
    font-size: 1.4rem;
  }
  .nav_cat dl dd a {
    width: 174px;
  }
  .art_box .art_list {
    margin: 0 0 80px;
  }
  .art_box .art_list .art_item {
    width: calc((100% - 40px) / 3);
  }
  .art_box .art_list .art_item_inner {
    padding: 50px 25px 30px;
  }
  .art_box .art_list .art_item.art_item_latest {
    margin: 0 0 100px;
    padding: 60px 85px 50px;
  }
  .art_box .art_list .art_item.art_item_latest .latest_ttl {
    top: -60px;
    font-size: 1.8rem;
    text-align: left;
    padding: 0 0 0 73px;
  }
  .art_box .art_list .art_item.art_item_latest .latest_ttl span {
    font-size: 1.8rem;
    margin: 0 20px 0 0;
  }
  .art_box .art_list .art_item.art_item_latest .latest_ttl span::before {
    left: -23px;
    width: 15px;
    height: 15px;
  }
  .art_box .art_list .art_item.art_item_latest .tl_dec,
  .art_box .art_list .art_item.art_item_latest .tr_dec,
  .art_box .art_list .art_item.art_item_latest .bl_dec,
  .art_box .art_list .art_item.art_item_latest .br_dec {
    width: 100px;
    height: 100px;
  }
  .art_box .art_list .art_item.art_item_latest .art {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 60px;
  }
  .art_box .art_list .art_item.art_item_latest .art_det {
    width: 50%;
    padding: 60px 85px 60px 0;
  }
  .art_box .art_list .art_item.art_item_latest .art_date {
    top: 32px;
    right: 40px;
  }
  .art_box .art_list .art_item.art_item_latest .art_theme {
    margin: 0 0 15px;
  }
  .art_box .art_list .art_item.art_item_latest .art_conts_ttl {
    font-size: 2.4rem;
  }
  .art_box .art_list .art_item.art_item_latest .art_conts_txt {
    font-size: 1.8rem;
  }
  .art_box .art_list .art_item.art_item_latest .art_thumb {
    width: 50%;
    margin: 0;
  }
  .art_box .art_list .art_item.art_item_latest .art_thumb img {
    border-radius: 10px 0 0 10px;
  }
  .art_box .art_list .art_item .art_cat {
    top: -3px;
    left: -3px;
    font-size: 1.6rem;
    width: 172px;
    padding: 8px 0;
  }
  .art_box .art_list .art_item .art_date {
    top: 12px;
    right: 25px;
    font-size: 1.3rem;
  }
  .art_box .art_list .art_item .art_date::before {
    left: -21px;
    width: 13px;
    height: 13px;
  }
  .art_box .art_list .art_item .art_theme {
    margin: 0 0 25px;
  }
  .art_box .art_list .art_item .art_theme a {
    font-size: 1.4rem;
    padding: 10px;
  }
  .art_box .art_list .art_item .art_conts_ttl {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .art_box .art_list .art_item .art_conts_txt {
    font-size: 1.6rem;
  }
  .art_box .art_list .art_item .art_thumb {
    margin: 20px 0 0;
  }
  .info_box .date {
    font-size: 1.6rem;
    padding: 0 0 0 25px;
  }
  .info_box .date::before {
    width: 18px;
    height: 18px;
  }
  .info_box .theme {
    font-size: 1.6rem;
  }
  .postart .conts_box {
    padding: min(3.234152652%, 50px) min(4.2043984476%, 65px) min(4.5278137128%, 70px);
  }
  .postart .conts_box .postart_head .cat span {
    font-size: 1.6rem;
    width: 172px;
    padding: 8px 0;
  }
  .postart .conts_box .postart_head .ttl {
    font-size: 3rem;
  }
  .postart .conts_box .postart_body .wp-caption .wp-caption-text {
    text-align: center;
  }
  .postart .conts_box .postart_body p {
    font-size: 1.6rem;
  }
  .postart .conts_box .postart_body h2 {
    font-size: 2rem;
  }
  .postart .conts_box .postart_body h3 {
    font-size: 1.8rem;
  }
  .postart .conts_box .postart_body h4 {
    font-size: 1.8rem;
  }
  .postart .conts_box .postart_body h5 {
    font-size: 1.6rem;
  }
  .postart .conts_box .postart_body h6 {
    font-size: 1.6rem;
  }
  .postart .conts_box .postart_body ul {
    font-size: 1.6rem;
  }
  .postart .conts_box .postart_body ol {
    font-size: 1.6rem;
  }
  .postart .conts_box .insta_box dl dt {
    font-size: 2rem;
    padding: 10px 60px;
  }
  .postart .conts_box .insta_box dl dt span::before {
    left: -40px;
    width: 27px;
    height: 27px;
  }
  .postart .conts_box .insta_box dl dd {
    background-color: #eeebea;
    padding: 50px 5px;
  }
  .pager {
    max-width: 460px;
  }
  .pager .btn {
    width: 280px;
  }
}
@media (min-width: 1200px) {
  .nav_cat dl dd a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .nav_cat dl dd a:hover {
    color: #d8a821;
    background-color: #000;
  }
  .nav_cat dl dd a.current {
    color: #d8a821;
    background-color: #000;
    pointer-events: none;
  }
  .art_box .art_list .art_item .a_cover:hover:before {
    opacity: 1;
  }
  .art_box .art_list .art_item .a_cover:before {
    position: absolute;
    inset: 0px;
    display: block;
    content: "";
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .art_box .art_list .art_item .art_theme a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .art_box .art_list .art_item .art_theme a:hover {
    color: #d8a821;
  }
  .info_box .theme a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .info_box .theme a:hover {
    color: #d8a821;
  }
  .postart .conts_box .postart_body a:hover {
    text-decoration: none;
  }
  .pager ul a::after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pager ul a:hover::after {
    background: url(../common/img/arrow_gold.svg) no-repeat center/contain;
  }
  .pager ul a:hover span {
    color: #d8a821;
  }
  .pager ul a span {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pager .btn a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pager .btn a:hover {
    color: #fff;
    background-color: #d8a821;
  }
}/*# sourceMappingURL=information.css.map */