@charset "UTF-8";
/* ===============================================
# underline
=============================================== */
.js__marker {
  background-image: linear-gradient(to bottom, transparent 60%, #f6d48e 60%);
  background-size: 0% 100%;
  background-repeat: no-repeat;
}

/* ===============================================
# base
=============================================== */
/* ======================= responsive ===*/
.pc {
  display: block;
}
@media (max-width: 639px) {
  .pc {
    display: none;
  }
}

.mb {
  display: none;
}
@media (max-width: 639px) {
  .mb {
    display: block;
  }
}

/* ======================= layout ===*/
.c-section {
  padding-top: 0;
}

@media (max-width: 639px) {
  .c-container {
    padding-left: 1em;
    padding-right: 1em;
  }
}

/* ======================= fonts ===*/
/* Regular (標準) */
@font-face {
  font-family: "LINESeedJP";
  src: url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Rg.woff2") format("woff2"), url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Rg.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* Bold (太字) */
@font-face {
  font-family: "LINESeedJP";
  src: url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Bd.woff2") format("woff2"), url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Bd.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
/* Extra Bold (エクストラボールド) */
@font-face {
  font-family: "LINESeedJP";
  src: url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Eb.woff2") format("woff2"), url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Eb.woff") format("woff");
  font-weight: 800; /* Extra Boldは通常800 */
  font-style: normal;
}
/* Thin (細字) */
@font-face {
  font-family: "LINESeedJP";
  src: url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Th.woff2") format("woff2"), url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Th.woff") format("woff");
  font-weight: 100; /* Thinは通常100 */
  font-style: normal;
}
body {
  font-family: "LINESeedJP", sans-serif;
}

/* ======================= color ===*/
/* ======================= btn ===*/
.blog__btn .smb-btn {
  border-bottom: 5px solid #6a964a;
  position: relative;
  overflow: hidden;
}
.blog__btn .smb-btn::after {
  -webkit-animation: 4s 0s shine linear infinite;
          animation: 4s 0s shine linear infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
}

@-webkit-keyframes shine {
  20% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}

@keyframes shine {
  20% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}
.blog__btn .smb-btn:hover {
  margin-top: 3px;
  border-bottom: 2px solid #6a964a;
}

/* ===============================================
# menu
=============================================== */
.page-id-260 .l-contents__inner,
.page-id-270 .l-contents__inner,
.page-id-262 .l-contents__inner,
.page-id-426 .l-contents__inner {
  padding-top: 0;
}
.page-id-260 .c-entry__header,
.page-id-270 .c-entry__header,
.page-id-262 .c-entry__header,
.page-id-426 .c-entry__header {
  display: none;
}

/* ===============================================
# top
=============================================== */
@media (max-width: 639px) {
  .top__fv .c-container {
    justify-content: center !important;
  }
}
.top__fv .c-container .smb-section__title {
  font-size: 5em !important;
}
@media (max-width: 639px) {
  .top__fv .c-container .smb-section__title {
    font-size: 3em !important;
  }
}

/* ======================= works ===*/
@media (max-width: 639px) {
  .top__works .smb-section__lede {
    text-align: left;
  }
}

/* ======================= footer__cta ===*/
.top-footer__cta .top-footer__cta-mail .smb-btn {
  pointer-events: none;
}

/* ======================= sp-footer__cta ===*/
.p-footer-sticky-nav a {
  font-size: 1rem;
  font-weight: bold;
  padding: 1em 0;
}
.p-footer-sticky-nav a .footer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-footer-sticky-nav a .footer__btn p {
  margin-right: 0.3em;
}

/* ===============================================
# service
=============================================== */
/* ======================= reason ===*/
.service__reason-item .smb-items__item {
  border-radius: 50px;
}
.service__reason-item .wp-block-items-item-free-is-layout-constrained {
  padding-top: 2.5em !important;
  padding-bottom: 2em !important;
  border-radius: 50px;
  background: #ffffff;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
}
.service__reason-item-title {
  border-bottom: 3px solid #b9a598;
}
.service__reason-item-text {
  margin-top: 1.5em !important;
}

/* =======================  value ===*/
.service__value .service__value-wrapper .service__value-item {
  padding: 0.3em;
}
.service__value .service__value-wrapper .service__value-item .smb-items__item__body {
  border-radius: 30px;
  background: #f7f9f4;
  box-shadow: 20px 20px 60px #d2d4cf, -20px -20px 60px #ffffff;
}
@media (max-width: 639px) {
  .service__value .service__value-wrapper .service__value-item .smb-items__item__body {
    padding: 1.2em;
  }
}
.service__value .service__value-wrapper .service__value-item .has-text-align-center {
  margin-top: 0.5em !important;
}

/* ======================= flow ===*/
.service__flow .smb-step__item__title {
  font-size: 1.2em;
}

/* ===============================================
# works アーカイブ
=============================================== */
body.archive-page .l-contents {
  /* アーカイブページにだけ適用するCSS */
  padding-top: 80px;
}

.archive-page .l-contents__body {
  max-width: 980px;
  margin: 0 auto;
}
.archive-page .l-contents__body .c-entry-summary__meta {
  display: none;
}

/* ===============================================
# works 制作実績投稿
=============================================== */
body.single-works .l-contents {
  /* 投稿ページにだけ適用するCSS */
  padding-top: 80px;
}

.single-works .l-contents__body {
  max-width: 980px;
  width: 100vw;
  margin: 0 auto;
}
.single-works .works__item-subTitle {
  display: flex;
  align-items: center;
}
.single-works .works__item-subTitle .works__item-subTitle01 {
  margin-right: 1em;
}
.single-works .works__item-subTitle .works__item-subTitle02 {
  font-size: 1.2em;
}

/* ===============================================
# price
=============================================== */
/* ======================= price ===*/
.price .price__priceItem-wrapper .price__priceItem-item {
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
  padding: 3.5em;
}
.price .price__priceItem-wrapper .price__priceItem-item:first-child .wp-block-heading {
  background-color: #c7381d;
}
.price .price__priceItem-wrapper .price__priceItem-item .wp-block-heading {
  background-color: #b68f49;
  color: #fff;
  width: 100%;
  text-align: center;
  padding-top: 0.3em;
}
.price .price__priceItem-wrapper .price__priceItem-item .wp-block-snow-monkey-blocks-information {
  width: 80%;
}

/* ===============================================
# inquiry
=============================================== */
.inquiry {
  padding-top: 10vw !important;
}
@media (max-width: 639px) {
  .inquiry {
    padding-top: 18vw !important;
  }
}
@media (max-width: 639px) {
  .inquiry .c-container,
.inquiry .c-fluid-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
} /* ===============================================
# blog
=============================================== */
/* ======================= 一覧 ===*/
.blog .l-contents {
  padding-top: 10vw;
}

@media (min-width: 1024px) {
  [data-has-sidebar=true] .c-entries--panel,
[data-has-sidebar=true] .c-entries--rich-media,
[data-is-slim-width=true] .c-entries--panel,
[data-is-slim-width=true] .c-entries--rich-media {
    --entries--item-width: 33.333333%;
  }
}
/* ======================= 投稿ページ ===*/
body.single-post .l-contents__body {
  padding-top: 3rem;
}
body.single-post .wp-block-snow-monkey-blocks-section {
  padding-top: 0;
}
body.single-post .smb-contents-outline {
  margin-top: 5rem;
}
/*# sourceMappingURL=style.css.map */