@charset "UTF-8";
/* 文字コードの指定 */
/*scssファイルの読み込み*/
/*--------------------
　　common
--------------------*/
body {
  font-family: "Interstate", "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 400;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Interstate", "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 500;
}
body a {
  font-family: "Interstate", "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 400;
}

.width-wide {
  padding: 0 50px;
  margin-top: 0;
}
@media screen and (max-width: 999px) {
  .width-wide {
    padding: 0 20px;
  }
}
@media screen and (max-width: 599px) {
  .width-wide {
    padding: 0 15px;
  }
}

/*--------------------
　　表示・非表示
--------------------*/
/*--- block ---*/
/*【block】 PCのみ表示*/
@media screen and (max-width: 999px) {
  .pc-only-block {
    display: none;
  }
}
/*【block】 PCTBのみ表示*/
@media screen and (max-width: 599px) {
  .pctb-only-block {
    display: none;
  }
}
/*【block】 TBのみ表示*/
.tb-only-block {
  display: none;
}

@media screen and (max-width: 999px) {
  .tb-only-block {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .tb-only-block {
    display: none;
  }
}
/*【block】 TBSPのみ表示*/
.tbsp-only-block {
  display: none;
}

@media screen and (max-width: 999px) {
  .tbsp-only-block {
    display: block;
  }
}
/*【block】 SPのみ表示*/
.sp-only-block {
  display: none;
}

@media screen and (max-width: 599px) {
  .sp-only-block {
    display: block;
  }
}
/*非表示*/
.allDisplay-none {
  display: none;
}

/*--------------------
　　フォント
--------------------*/
/*---------- フォントサイズ ----------*/
.has-small-font-size a,
.has-medium-font-size a,
.has-large-font-size a,
.has-x-large-font-size a,
.has-xx-large-font-size a {
  font-size: inherit; /* 親ブロックのサイズに従う */
  letter-spacing: inherit;
  line-height: inherit;
}

/*--------------------
　　ページ共通
--------------------*/
/*---------- ページの読み込みアニメーション ----------*/
.top-page {
  animation-name: toppage-animation;
  animation-duration: 4s;
}
@keyframes toppage-animation {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.works-single-page,
.blog-archive-page,
.blog-single-page,
.contact-page {
  animation-name: contents-animation;
  animation-duration: 3s;
}
@keyframes contents-animation {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*---------- タイトル ----------*/
.page-title .ja {
  font-size: 36px;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media screen and (max-width: 999px) {
  .page-title .ja {
    font-size: 28px;
  }
}
.page-title .en {
  letter-spacing: 0.2em;
  line-height: 1;
}

.page-title_small {
  margin-bottom: 20px;
}
.page-title_small .ja {
  letter-spacing: 0.1em;
  line-height: 1;
}
.page-title_small .en {
  font-size: 10px;
  letter-spacing: 0.2em;
  line-height: 1;
}

/*--------------------
　　投稿
--------------------*/
/*---------- ページの前後 ----------*/
.link-area {
  padding-top: 20px;
}
.link-area .post-navigation-link-previous {
  padding-left: 20px;
  width: 50%;
  position: relative;
}
@media screen and (max-width: 999px) {
  .link-area .post-navigation-link-previous {
    padding-left: 18px;
  }
}
.link-area .post-navigation-link-previous a::before {
  content: "";
  background-image: url(../../images/shiki/arrow-left.png);
  width: 7px;
  height: 18px;
  position: absolute;
  top: 4px;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 999px) {
  .link-area .post-navigation-link-previous a::before {
    width: 6px;
  }
}
.link-area .post-navigation-link-next {
  text-align: right;
  padding-right: 20px;
  width: 50%;
  position: relative;
}
@media screen and (max-width: 999px) {
  .link-area .post-navigation-link-next {
    padding-right: 18px;
  }
}
.link-area .post-navigation-link-next a::before {
  content: "";
  background-image: url(../../images/shiki/arrow-right.png);
  width: 7px;
  height: 18px;
  position: absolute;
  top: 4px;
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 999px) {
  .link-area .post-navigation-link-next a::before {
    width: 6px;
  }
}

/*---------- BLOGの投稿日・カテゴリー ----------*/
.terms-wrapper {
  padding: 0 10px;
  margin-top: 20px;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .terms-wrapper {
    padding: 0 5px;
    margin-top: 10px;
  }
}
.terms-wrapper .wp-block-post-date {
  margin-top: 0 !important;
}
.terms-wrapper .taxonomy-category {
  background: #faf9f7;
  padding: 3px 8px;
}
.terms-wrapper .taxonomy-category a {
  color: #595857;
  font-size: 10px;
  font-weight: 300;
  text-decoration: none;
}

/*--------------------
　　ボタン
--------------------*/
/* .back-button {
    a {
        position: relative;
        padding-left: 24px;

        &::before {
            content: "";
            background-image: url(../../images/shiki/arrow-left.png);
            width: 8px;
            height: 18px;
            position: absolute;
            top: -2px;
            left: 0;
            background-size: contain;
            background-repeat: no-repeat;
        }
    }
} */
.shiki-nav {
  position: sticky;
  top: 0;
  width: 100%;
  height: 70px;
  background: #ffffff;
  transition: 0.1s;
  z-index: 1000;
}
@media screen and (max-width: 999px) {
  .shiki-nav {
    height: 60px;
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav {
    height: 50px;
  }
}
.shiki-nav.show {
  min-height: 100vh;
  height: 100%;
  padding-bottom: 40px;
  z-index: 100;
  transition: 0.1s;
}
@media screen and (max-width: 599px) {
  .shiki-nav.show {
    padding-bottom: 20px;
  }
}
.shiki-nav .nav-wrapper {
  padding: 20px 50px;
  background: #ffffff;
  transition: 0.1s;
}
.shiki-nav .nav-wrapper.show {
  transition: 0.1s;
}
.shiki-nav .nav-wrapper.show .nav-siteTitle {
  opacity: 0.4;
}
.shiki-nav .nav-wrapper.show .nav-button {
  opacity: 0.4;
}
@media screen and (max-width: 999px) {
  .shiki-nav .nav-wrapper {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-wrapper {
    padding: 10px 15px;
  }
}
.shiki-nav .nav-wrapper .nav-siteTitle {
  transition: 0.5s;
  letter-spacing: 0.1em;
  animation-name: navtitle;
  animation-duration: 1.5s;
}
@keyframes navtitle {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.shiki-nav .nav-wrapper .nav-siteTitle a {
  text-decoration: none;
}
.shiki-nav .nav-wrapper .nav-button {
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
  animation-name: navbutton;
  animation-duration: 2s;
}
@keyframes navbutton {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-wrapper .nav-button {
    width: 32px;
  }
}
.shiki-nav .nav-wrapper .nav-button::before {
  content: "";
  width: 30px;
  height: 1px;
  background: #1a1918;
  position: absolute;
  top: calc(50% - 4px);
  right: 0;
  transition: 0.5s;
}
.shiki-nav .nav-wrapper .nav-button::after {
  content: "";
  width: 30px;
  height: 1px;
  background: #1a1918;
  position: absolute;
  top: calc(50% + 4px);
  right: 0;
  transition: 0.5s;
}
.shiki-nav .nav-wrapper .nav-button.show::before {
  top: 50%;
  transform: rotate(45deg);
  transition: 0.5s;
}
.shiki-nav .nav-wrapper .nav-button.show::after {
  top: 50%;
  transform: rotate(-45deg);
  transition: 0.5s;
}
.shiki-nav .nav-inner {
  visibility: hidden;
  opacity: 0;
}
.shiki-nav .nav-inner.show {
  visibility: inherit;
  opacity: 1;
  height: 100%;
  margin-top: 40px;
  transition: 0.1s;
}
.shiki-nav .nav-inner .contents {
  width: 90%;
  margin: 0 auto;
}
.shiki-nav .nav-inner .contents .lead {
  font-size: 28px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: justify;
  margin-bottom: 100px;
}
.shiki-nav .nav-inner .contents .lead.navinner-lead {
  opacity: 0;
}
.shiki-nav .nav-inner .contents .lead.navinner-lead.show {
  opacity: 1;
  transition: 3s;
}
@media screen and (min-width: 1513px) {
  .shiki-nav .nav-inner .contents .lead {
    font-size: 2vw;
  }
}
@media screen and (max-width: 999px) {
  .shiki-nav .nav-inner .contents .lead {
    font-size: 24px;
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .lead {
    font-size: 18px;
    margin-bottom: 80px;
  }
}
.shiki-nav .nav-inner .contents .inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  .shiki-nav .nav-inner .contents .inner {
    flex-direction: column;
  }
}
.shiki-nav .nav-inner .contents .inner .menu-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper {
  margin-top: 60px;
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper {
    margin-top: 30px;
  }
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box {
  position: relative;
  overflow: hidden;
  padding: 5px 10px;
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .title-bg_color {
  width: 100%;
  height: 56px;
  background: #fff;
  position: absolute;
  left: -100%;
  bottom: 0;
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .title-bg_color {
    height: 87px;
  }
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box:hover .title-bg_color {
  animation-name: bgAnimeColor;
  animation-duration: 4s;
  left: 0;
}
@keyframes bgAnimeColor {
  0% {
    background: #a6a3a1;
    left: -100%;
  }
  10% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    transform: translateX(100%);
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box:hover .title-bg_color {
    animation: inherit;
    /* background: #a6a3a1;
    transition: 0.5s; */
  }
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box:hover .menu-title .ja a,
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box:hover .menu-title .en a {
  animation-name: titleAnimeColor;
  animation-duration: 2.5s;
  left: 0;
}
@keyframes titleAnimeColor {
  0% {
    color: inherit;
  }
  10% {
    color: #fff;
  }
  30% {
    color: #fff;
  }
  70% {
    color: inherit;
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box:hover .menu-title .ja a,
  .shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box:hover .menu-title .en a {
    animation: inherit;
    /* color: #fff; */
  }
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title {
  margin-top: 0;
  transition: 0.1s;
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title.navinner-title_1 {
  opacity: 0;
  transform: translatey(30%);
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title.navinner-title_1.show {
  opacity: 1;
  transform: translatey(0);
  transition: 1s;
  transition-delay: 0.2s;
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title.navinner-title_2 {
  opacity: 0;
  transform: translatey(30%);
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title.navinner-title_2.show {
  opacity: 1;
  transform: translatey(0);
  transition: 1s;
  transition-delay: 0.4s;
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title.navinner-title_3 {
  opacity: 0;
  transform: translatey(30%);
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title.navinner-title_3.show {
  opacity: 1;
  transform: translatey(0);
  transition: 1s;
  transition-delay: 0.6s;
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
  }
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title .ja a {
  font-size: 44px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-decoration: none;
}
@media screen and (min-width: 1513px) {
  .shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title .ja a {
    font-size: 3.1vw;
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title .ja a {
    font-size: 32px;
  }
}
.shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title .en a {
  line-height: 1;
  letter-spacing: 0.2em;
  text-decoration: none;
}
@media screen and (min-width: 1513px) {
  .shiki-nav .nav-inner .contents .inner .menu-area .menu-wrapper .title-wrapper .animation-box .menu-title .en a {
    font-size: 1.1vw;
  }
}
.shiki-nav .nav-inner .contents .inner .menu-area .credit-pconly {
  opacity: 0;
}
.shiki-nav .nav-inner .contents .inner .menu-area .credit-pconly.show {
  opacity: 1;
  transition: 4s;
  transition-delay: 0.2s;
}
@media screen and (max-width: 999px) {
  .shiki-nav .nav-inner .contents .inner .menu-area .credit-pconly {
    display: none;
  }
}
.shiki-nav .nav-inner .contents .inner .profile-area {
  width: 30%;
  margin-top: 100px;
}
.shiki-nav .nav-inner .contents .inner .profile-area.navinner-profile {
  opacity: 0;
}
.shiki-nav .nav-inner .contents .inner .profile-area.navinner-profile.show {
  opacity: 1;
  transition: 4s;
  transition-delay: 0.2s;
}
@media screen and (max-width: 999px) {
  .shiki-nav .nav-inner .contents .inner .profile-area {
    width: 100%;
    margin-top: 60px;
    display: flex;
    -moz-column-gap: 20px;
         column-gap: 20px;
    align-items: flex-end;
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .inner .profile-area {
    flex-direction: column;
  }
}
@media screen and (max-width: 999px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper {
    width: calc((100% - 20px) * 0.6);
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper {
    width: 100%;
  }
}
.shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .creator {
  letter-spacing: 0.2em;
}
.shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 999px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile {
    border-right: 1px solid #d9d7d4;
    padding-right: 20px;
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile {
    border: none;
    padding-right: 0;
  }
}
.shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .profile-image {
  width: 100%;
  min-width: 120px;
}
@media screen and (max-width: 999px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .profile-image {
    min-width: 80px;
  }
}
.shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .text-wrapper {
  margin-top: 0;
}
.shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .text-wrapper .main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (min-width: 1513px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .text-wrapper .main .name .ja {
    font-size: 1.3vw !important;
  }
}
.shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .text-wrapper .main .name .en {
  margin-top: 0;
}
@media screen and (min-width: 1513px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .text-wrapper .main .name .en {
    font-size: 1.1vw !important;
  }
}
.shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .text-wrapper .main .instagram {
  padding-bottom: 5px;
}
.shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .text-wrapper .main .instagram img {
  width: 20px;
}
.shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .text-wrapper .message {
  line-height: 1.5;
  text-align: justify;
  margin-top: 15px;
}
@media screen and (min-width: 1513px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .profile-wrapper .profile .text-wrapper .message {
    font-size: 1.1vw !important;
  }
}
.shiki-nav .nav-inner .contents .inner .profile-area .overview {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #d9d7d4;
}
@media screen and (min-width: 1513px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .overview {
    font-size: 0.9vw !important;
  }
}
@media screen and (max-width: 999px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .overview {
    width: calc((100% - 20px) * 0.4);
    border-top: none;
  }
}
@media screen and (max-width: 599px) {
  .shiki-nav .nav-inner .contents .inner .profile-area .overview {
    width: 100%;
    border-top: 1px solid #d9d7d4;
  }
}
.shiki-nav .nav-inner .contents .inner .profile-area .overview .content {
  display: flex;
  align-items: flex-start;
  margin-top: 5px;
}
.shiki-nav .nav-inner .contents .inner .profile-area .overview .content .title {
  min-width: 110px;
  line-height: 1.5;
}
.shiki-nav .nav-inner .contents .inner .profile-area .overview .content .text {
  text-align: justify;
  line-height: 1.5;
}

.navShow-displayNone.show {
  display: none;
}

.shiki-footer {
  padding: 20px 50px;
}
@media screen and (max-width: 599px) {
  .shiki-footer {
    text-align: center;
    padding: 10px 15px;
  }
}

.top-page {
  padding-bottom: 30px;
  margin-top: 60px;
  position: relative;
}
.top-page .wp-block-query .wp-block-post-template {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (min-width: 1513px) {
  .top-page .wp-block-query .wp-block-post-template {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post {
  width: calc((100% - 20px) / 2);
  position: relative;
  margin-top: 40px;
}
@media screen and (min-width: 1513px) {
  .top-page .wp-block-query .wp-block-post-template .wp-block-post {
    width: calc((100% - 60px) / 3);
  }
}
@media screen and (max-width: 999px) {
  .top-page .wp-block-query .wp-block-post-template .wp-block-post {
    margin-top: 30px;
  }
}
@media screen and (max-width: 599px) {
  .top-page .wp-block-query .wp-block-post-template .wp-block-post {
    width: 100%;
  }
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post .shiki-aspect {
  aspect-ratio: 3/2;
  display: flex;
  align-items: stretch;
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post .shiki-aspect video {
  width: 100%;
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post img {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text {
  padding: 10px 0 0 10px;
  margin-bottom: 10px;
  /* &.pc-only {
      @media screen and (max-width: 999px) {
          display: none;
      }
  }

  &.tbsp-only {
      display: none;

      @media screen and (max-width: 999px) {
          display: block;
      }
  } */
}
@media screen and (max-width: 999px) {
  .top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text {
    padding: 7px 0 0 5px;
  }
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text .title-wrapper {
  line-height: 1;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media screen and (max-width: 999px) {
  .top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text .title-wrapper {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 2px;
  }
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text .title-wrapper .wp-block-post-title {
  font-weight: 500;
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text .title-wrapper .wp-block-post-excerpt {
  padding-left: 10px;
  margin: 0;
  border-left: 1px solid;
}
@media screen and (max-width: 999px) {
  .top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text .title-wrapper .wp-block-post-excerpt {
    line-height: 1.3;
  }
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text .works-category {
  margin-top: 0;
}
@media screen and (max-width: 999px) {
  .top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text .works-category {
    margin-top: 3px;
  }
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text .works-category a {
  pointer-events: none;
  text-decoration: none;
  cursor: inherit;
  margin-right: 10px;
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text .works-category a:last-child {
  margin-right: 0;
}
.top-page .wp-block-query .wp-block-post-template .wp-block-post .works-text .works-category .wp-block-post-terms__separator {
  display: none;
}

.works-single-page .contents {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.works-single-page .contents .inner {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media screen and (max-width: 999px) {
  .works-single-page .contents .inner {
    flex-direction: column;
  }
}
.works-single-page .contents .inner .text-wrapper {
  width: calc((100% - 40px) / 2);
  padding-right: 10%;
  position: sticky;
  top: 100px;
  height: -moz-max-content;
  height: max-content;
}
@media screen and (max-width: 999px) {
  .works-single-page .contents .inner .text-wrapper {
    padding-right: 20%;
    position: inherit;
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .works-single-page .contents .inner .text-wrapper {
    padding-right: 0;
  }
}
.works-single-page .contents .inner .text-wrapper .title-area {
  /* display: flex;
  justify-content: space-between; */
  margin-top: 20px;
}
@media screen and (max-width: 599px) {
  .works-single-page .contents .inner .text-wrapper .title-area {
    /* flex-direction: column;
    row-gap: 20px; */
  }
}
.works-single-page .contents .inner .text-wrapper .title-area .title-wrapper {
  -moz-column-gap: 15px;
       column-gap: 15px;
}
@media screen and (max-width: 599px) {
  .works-single-page .contents .inner .text-wrapper .title-area .title-wrapper {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
  }
}
.works-single-page .contents .inner .text-wrapper .title-area .title-wrapper .wp-block-post-title {
  line-height: 1.3;
}
.works-single-page .contents .inner .text-wrapper .title-area .title-wrapper .wp-block-post-excerpt {
  line-height: 1.3;
  padding-left: 15px;
  border-left: 1px solid;
}
@media screen and (max-width: 599px) {
  .works-single-page .contents .inner .text-wrapper .title-area .title-wrapper .wp-block-post-excerpt {
    line-height: 1.3;
  }
}
.works-single-page .contents .inner .text-wrapper .main-text {
  /* display: flex;
  column-gap: 40px; */
  margin-top: 60px;
}
@media screen and (max-width: 999px) {
  .works-single-page .contents .inner .text-wrapper .main-text {
    /* flex-direction: column;
    row-gap: 20px; */
    margin-top: 40px;
  }
}
.works-single-page .contents .inner .text-wrapper .main-text .credit {
  /* width: calc((100% - 40px) / 2); */
  margin-top: 0;
}
@media screen and (max-width: 599px) {
  .works-single-page .contents .inner .text-wrapper .main-text .credit {
    /* width: 100%; */
  }
}
.works-single-page .contents .inner .text-wrapper .main-text .description {
  text-align: justify;
  /* width: calc((100% - 20px) / 2); */
  margin-top: 60px;
}
@media screen and (max-width: 999px) {
  .works-single-page .contents .inner .text-wrapper .main-text .description {
    margin-top: 40px;
  }
}
.works-single-page .contents .inner .text-wrapper .site-url {
  color: #a6a3a1;
  font-weight: 500;
  margin-top: 60px;
}
@media screen and (max-width: 999px) {
  .works-single-page .contents .inner .text-wrapper .site-url {
    margin-top: 40px;
  }
}
.works-single-page .contents .inner .entry-content {
  width: calc((100% - 40px) / 2);
  margin-top: 0;
}
@media screen and (max-width: 999px) {
  .works-single-page .contents .inner .entry-content {
    width: 100%;
    margin-top: 60px;
  }
}
.works-single-page .contents .inner .entry-content .wp-block-image {
  min-width: 100%;
}
.works-single-page .contents .inner .entry-content p {
  margin-top: 10px;
  min-width: 100%;
  width: 100%;
}

/*--------------------
　　ブログアーカイブページ
--------------------*/
@media screen and (max-width: 999px) {
  .blog-archive-page {
    margin-top: 60px !important;
  }
}
.blog-archive-page .contents {
  padding-top: 0 !important;
  /*---------- ページネーション　----------*/
}
.blog-archive-page .contents .sort-wrapper {
  margin-top: 40px;
  /*カテゴリー*/
  /*アーカイブ*/
}
.blog-archive-page .contents .sort-wrapper .acordion-button_category {
  position: relative;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_category .open-button {
  cursor: pointer;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_category img {
  width: 16px;
  height: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.5s;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_category img.open_category {
  transform: rotate(180deg);
  transition: 0.5s;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_category .acordion-inner_category {
  opacity: 0;
  visibility: hidden;
  padding: 10px 15px;
  margin: 10px 0 0 10px;
  background: #faf9f7;
  border: 1px solid #d9d7d4;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1000;
  transition: 0.5s;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_category .acordion-inner_category.open_category {
  opacity: 1;
  visibility: inherit;
  transition: 0.5s;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_category .acordion-inner_category .cat-item {
  line-height: 2.4;
  white-space: nowrap;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_category .acordion-inner_category .cat-item::marker {
  content: none;
  color: #faf9f7;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_category .acordion-inner_category .cat-item a {
  text-decoration: none;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_archive {
  position: relative;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_archive .open-button {
  cursor: pointer;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_archive .open-button img {
  width: 16px;
  height: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.5s;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_archive .open-button img.open_archive {
  transform: rotate(180deg);
  transition: 0.5s;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_archive .acordion-inner_archive {
  opacity: 0;
  visibility: hidden;
  padding: 10px 15px;
  margin: 10px 0 0 10px;
  background: #faf9f7;
  border: 1px solid #d9d7d4;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1000;
  transition: 0.5s;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_archive .acordion-inner_archive.open_archive {
  opacity: 1;
  visibility: inherit;
  transition: 0.5s;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_archive .acordion-inner_archive li {
  line-height: 2.4;
  white-space: nowrap;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_archive .acordion-inner_archive li::marker {
  content: none;
  color: #faf9f7;
}
.blog-archive-page .contents .sort-wrapper .acordion-button_archive .acordion-inner_archive li a {
  text-decoration: none;
}
.blog-archive-page .contents .wp-block-post-template {
  display: flex;
  -moz-column-gap: 4%;
       column-gap: 4%;
  row-gap: 40px;
  flex-wrap: wrap;
  margin-top: 80px;
  box-sizing: border-box;
}
@media screen and (max-width: 999px) {
  .blog-archive-page .contents .wp-block-post-template {
    margin-top: 40px;
  }
}
@media screen and (max-width: 599px) {
  .blog-archive-page .contents .wp-block-post-template {
    row-gap: 20px;
  }
}
.blog-archive-page .contents .wp-block-post-template .wp-block-post {
  width: 30.6666666667%;
  margin-top: 0;
}
@media screen and (max-width: 599px) {
  .blog-archive-page .contents .wp-block-post-template .wp-block-post {
    width: 48%;
  }
}
.blog-archive-page .contents .wp-block-post-template .wp-block-post .wp-block-post-title {
  text-align: justify;
  margin-top: 5px;
  padding: 10px 10px 0 10px;
}
@media screen and (max-width: 599px) {
  .blog-archive-page .contents .wp-block-post-template .wp-block-post .wp-block-post-title {
    padding: 8px 5px 0 5px;
  }
}
.blog-archive-page .contents .page-nation {
  padding-top: 40px;
}
.blog-archive-page .contents .page-nation .wp-block-query-pagination-numbers {
  display: flex;
}
.blog-archive-page .contents .page-nation .wp-block-query-pagination-numbers .page-numbers {
  text-decoration: none;
  width: 40px;
  max-width: 40px;
  height: 40px;
  max-width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-archive-page .contents .page-nation .wp-block-query-pagination-numbers .page-numbers.current {
  color: #fff;
  background: #a6a3a1;
  border-radius: 20px;
}
.blog-archive-page .contents .page-nation .wp-block-query-pagination-previous {
  text-decoration: none;
  position: relative;
  padding-left: 24px;
}
@media screen and (max-width: 999px) {
  .blog-archive-page .contents .page-nation .wp-block-query-pagination-previous {
    padding-left: 18px;
  }
}
.blog-archive-page .contents .page-nation .wp-block-query-pagination-previous::before {
  content: "";
  background-image: url(../../images/shiki/arrow-left.png);
  width: 8px;
  height: 18px;
  position: absolute;
  top: 3px;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 999px) {
  .blog-archive-page .contents .page-nation .wp-block-query-pagination-previous::before {
    width: 6px;
    top: 5px;
  }
}
@media screen and (max-width: 599px) {
  .blog-archive-page .contents .page-nation .wp-block-query-pagination-previous::before {
    top: 4px;
  }
}
.blog-archive-page .contents .page-nation .wp-block-query-pagination-next {
  text-decoration: none;
  position: relative;
  padding-right: 24px;
}
@media screen and (max-width: 999px) {
  .blog-archive-page .contents .page-nation .wp-block-query-pagination-next {
    padding-right: 18px;
  }
}
.blog-archive-page .contents .page-nation .wp-block-query-pagination-next::before {
  content: "";
  background-image: url(../../images/shiki/arrow-right.png);
  width: 8px;
  height: 18px;
  position: absolute;
  top: 3px;
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 999px) {
  .blog-archive-page .contents .page-nation .wp-block-query-pagination-next::before {
    width: 6px;
    top: 5px;
  }
}
@media screen and (max-width: 599px) {
  .blog-archive-page .contents .page-nation .wp-block-query-pagination-next::before {
    top: 3px;
  }
}

/*--------------------
　　ブログ投稿
--------------------*/
@media screen and (max-width: 999px) {
  .blog-single-page {
    margin-top: 60px !important;
  }
}
.blog-single-page .wp-block-post-title {
  padding: 0 10px 20px 10px;
  margin-top: 40px;
  text-align: justify;
}
@media screen and (max-width: 599px) {
  .blog-single-page .wp-block-post-title {
    padding: 0 5px 20px 5px;
  }
}
.blog-single-page .contents {
  text-align: justify;
  padding-top: 0 !important;
}
@media screen and (max-width: 599px) {
  .blog-single-page .contents {
    padding: 0 20px 0 !important;
  }
}
.blog-single-page .contents .entry-content {
  margin-top: 40px;
  margin-bottom: 60px;
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .blog-single-page .contents .entry-content {
    padding: 0 5px;
  }
}
.blog-single-page .contents .entry-content h2 {
  margin-top: 60px;
  padding-left: 20px;
  border-left: 1px solid #a6a3a1;
  box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .blog-single-page .contents .entry-content h2 {
    margin-top: 50px;
  }
}
.blog-single-page .contents .entry-content h3 {
  margin-top: 40px;
}
.blog-single-page .contents .entry-content ol,
.blog-single-page .contents .entry-content ul {
  padding-left: 25px;
  margin-top: 30px;
}
.blog-single-page .contents .entry-content ol:is(dir, menu, ol, ul) ol,
.blog-single-page .contents .entry-content ul:is(dir, menu, ol, ul) ol {
  margin-top: 0.5em;
}
.blog-single-page .contents .entry-content ol:is(dir, menu, ol, ul) ol li,
.blog-single-page .contents .entry-content ul:is(dir, menu, ol, ul) ol li {
  margin-top: 0.5em;
}
.blog-single-page .contents .entry-content ol:is(dir, menu, ol, ul) ul,
.blog-single-page .contents .entry-content ul:is(dir, menu, ol, ul) ul {
  list-style-type: "・ ";
  margin-top: 0.5em;
}
.blog-single-page .contents .entry-content ol:is(dir, menu, ol, ul) ul li,
.blog-single-page .contents .entry-content ul:is(dir, menu, ol, ul) ul li {
  margin-top: 0.5em;
}
.blog-single-page .contents .entry-content ol li,
.blog-single-page .contents .entry-content ul li {
  margin-top: 20px;
}
.blog-single-page .contents .entry-content .list-inner-image {
  padding-left: 25px;
}
.blog-single-page .contents .entry-content .wp-block-quote {
  font-size: var(--wp--preset--font-size--medium);
  border-width: 0;
}
.blog-single-page .contents .link-area {
  max-width: 800px;
}

@media screen and (max-width: 999px) {
  .contact-page {
    margin-top: 60px !important;
  }
}
.contact-page .contents {
  width: 50%;
  max-width: 500px;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  .contact-page .contents {
    width: 100%;
    padding: 0 30px;
  }
}
.contact-page .contents .shiki-contact {
  padding-top: 60px;
}
.contact-page .contents .shiki-contact p {
  margin: 0 0 30px 0;
}
.contact-page .contents .shiki-contact input {
  width: 100%;
  height: 40px;
  border: 1px solid #a6a3a1;
  border-radius: 5px;
  margin-top: 10px;
  box-sizing: border-box;
}
.contact-page .contents .shiki-contact textarea {
  width: 100%;
  border: 1px solid #a6a3a1;
  border-radius: 5px;
  margin-top: 10px;
  box-sizing: border-box;
}
.contact-page .contents .shiki-contact .contact-category .wpcf7-form-control {
  display: flex;
  flex-direction: column;
}
.contact-page .contents .shiki-contact .contact-category .wpcf7-form-control input {
  width: 11px;
  height: 11px;
}
.contact-page .contents .shiki-contact .contact-category .wpcf7-form-control span {
  margin-top: 5px;
}
.contact-page .contents .shiki-contact .wpcf7-submit {
  font-size: 15px;
  color: #ffffff;
  letter-spacing: 2em;
  border: none;
  background: #595857;
}
@media screen and (max-width: 599px) {
  .contact-page .contents .shiki-contact .wpcf7-submit {
    font-size: 13px;
  }
}
.contact-page .contents .wpcf7-response-output {
  text-align: center;
  border: none;
}/*# sourceMappingURL=shiki-style.css.map */