@charset "UTF-8";

/*--------------------------------------------------------
　My Snow Monkey スタイル定義
--------------------------------------------------------*/

/* =======================================
　ブロック調整
======================================= */
/* コンテナ各種 */
.c-container,
.c-fluid-container {
  max-width: 100% !important;
}

/* パンくず */
.p-breadcrumbs-wrapper {
  max-width: 100%;
}


/* シェアアイコンが表示されない問題 */
.c-entry__body .wp-share-buttons {
  display: block !important;
}


/* =======================================
　フォント
======================================= */

body {
  /* font-family: "Inter", "Kosugi", sans-serif !important; */
}

.page-template.l-body--one-column h1.c-entry__title,
.archive.l-body--one-column h1.c-entry__title {
  margin-bottom: 54px;
  margin-top: 54px;
  text-align: center;
}


/* 見出し共通 */
h1.ref-center,
h2.ref-center,
h3.ref-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

h1.ref-left,
h2.ref-left,
h3.ref-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}


/* 折返しコントロール（センタリング） */
h2.ref-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


/* 折返しコントロール（左寄せ） */
h2.ref-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}


/* 見出しセンタリング背景なし */
h2.heading-style {
  background: none !important;
  border: none !important;
  font-size: 40px;
  line-height: .8;
  padding: 40px 0 0;
  font-family: "Red Hat Display", sans-serif;
  letter-spacing: .2rem;
}

/* 見出しセンタリングのみ */
h1.center,
h2.center,
h3.center {
  text-align: center !important;
}


/* 見出しスタイルなし */
h2.none-style,
h3.none-style {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

h2.large {
  font-size: 40px;
}

/* ルイカ */
h2.ruika {
  font-family: ruika, sans-serif !important;
  font-weight: 100 !important;
  line-height: 1.35 !important;
}

/* タイトル部段落 */
p a {
  color: #002F61 !important;
}

p.frame-text {
  border: 1px solid #222;
  display: inline-block !important;
  padding: 4px 32px;
}


@media screen and (max-width: 600px) {
  h2.large {
    font-size: 30px;
  }
}


/*----------フォントスタイル ----------*/
/* 折返しコントロール（センタリング） */
p.ref-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* 文字サイズ大 */
p.large {
  font-size: 20px !important;
}

/* 文字サイズ中 */
p.middle {
  font-size: 18px !important;
}

/* 文字サイズ小 */
p.small {
  font-size: 14px !important;
}

/* 太文字 */
p.bold {
  font-weight: bold !important;
}

/* センタリング */
p.center {
  text-align: center !important;
}

@media screen and (max-width: 600px) {
  p.ref-center {
    display: block;
    text-align: left !important;
  }

  p.large {
    font-size: 18px !important;
  }

  p.middle {
    font-size: 17px !important;
  }

  .wp-block-spacer.ctr-space {
    height: 50px !important;
  }
}




/*---------- 画像 ----------*/
/*枠付き画像*/
.wp-block-image.image-frame img {
  border: 1px solid #e6e6e6;
}




/* =======================================
　全体スタイル
======================================= */

/*---------- ヘッダー枠 ----------*/
header .l-header__content {
  background: rgba(255, 255, 255, 1);
  box-shadow: rgb(0, 0, 0, .1) 1px 5px 20px;
  padding: 0 0 10px !important;
}

/* トップページ、フルサイズ1カラムページ */
.home header .l-header__content,
.page-template-one-column-full header .l-header__content {
  padding-bottom: 0 !important;
}

header.bg-color .l-header__content {
  background: rgba(255, 255, 255, 1);
  box-shadow: rgb(0, 0, 0, .1) 1px 5px 20px;
}

header .l-header__content .c-fluid-container {
  padding: 4px 15px 0 !important;
}


@media screen and (max-width: 600px) {
  .c-fluid-container {
    box-shadow: rgb(0, 0, 0, .1) 0 2px 6px;
    padding-bottom: 15px !important;
  }
}




/*---------- ヘッダーロゴ & description ----------*/
header .c-site-branding__description {
  color: #000;
}

header .c-site-branding.c-site-branding--has-logo img.custom-logo {
  filter: brightness(0%);
}

header .l-1row-header__branding {
  padding: 0 0 10px !important;
}



/*---------- ナビ ----------*/
header li.menu-item a span {
  color: #3a3a3a;
}

.p-global-nav .c-navbar__item:not(:first-child) {
  margin-left: 32px !important;
}

.p-global-nav .c-navbar__item>a {
  font-weight: 700 !important;
  padding: 4px 8px !important;
}

.p-global-nav .c-navbar__item>a>span {
  font-size: 14px;
}

ul#menu-gnavi-1 {
  display: flex;
  flex-wrap: wrap;
}

/* 2階層 */
li.menu-item.menu-item-type-post_type.menu-item-object-page.c-navbar__subitem {
  width: 260px;
}


/*---------- スマホトグル ----------*/
.c-hamburger-btn__bar {
  background-color: #0A3159 !important;
  height: 2px !important;
}

.c-hamburger-btn__bars {
  height: 26px !important;
  width: 40px !important;
}

.c-hamburger-btn__bar:nth-of-type(2) {
  /* top: 10px !important; */
  display: none;
}

.c-hamburger-btn__bar:nth-of-type(3) {
  top: 10px !important;
}

.c-hamburger-btn__label {
  font-size: 12px !important;
  color: #0A3159 !important;
  margin-top: -6px;
}

button.c-hamburger-btn[aria-expanded="true"] .c-hamburger-btn__bar:nth-of-type(1),
button.c-hamburger-btn[aria-expanded="true"] .c-hamburger-btn__bar:nth-of-type(3) {
  top: 12px !important;
}

button.c-hamburger-btn[aria-expanded="true"] .c-hamburger-btn__bar:nth-of-type(2) {
  display: none;
}



/*---------- ヘッダーCTA ----------*/
.c-header-content a {
  background: linear-gradient(45deg, #313cc6 0%, #ff00c3 52%, #ffc106 90%) !important;
  border-radius: 6px;
  color: #FFF;
  display: inline-block;
  font-weight: 500;
  padding: 9px 20px;
  text-decoration: none;
  transition: .8s;
}

.c-header-content a:hover {
  opacity: .7;
}




/*---------- ファーストビュー（トップページ） ----------*/
@media screen and (max-width: 600px) {
  .home .fv-section {
    margin-top: 59px;
  }
}

@media screen and (max-width: 480px) {
  .home .fv-section {
    margin-top: 15px;
  }

  .home .fv-section .c-container {
    padding: 0;
  }
}

.wp-block-snow-monkey-blocks-box.smb-box.fv-box {
  margin: 0;
}


/* タイトルボックス */
h1.fv-heading {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: .1rem;
  margin-bottom: 0;
  text-shadow:
    0 0 0.10em #FFF,
    0 0 0.15em #FFF,
    0 0 0.80em #FFF,
    0 0 1.00em #FFF;
}

p.fv-title {
  font-family: ruika, sans-serif;
  font-feature-settings: "palt";
  font-size: 40px;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  color: transparent;
  background: linear-gradient(45deg, #313cc6 0%, #ff00c3 52%, #ffc106 90%);
  -webkit-background-clip: text;
  color: transparent;
  line-height: 1 !important;
}

p.fv-title br {
  display: none;
}


@media screen and (max-width: 768px) {
  p.fv-title {
    font-size: 10vw;
    line-height: 1.1;
  }

  /* p.fv-title br {
    display: block;
  } */
}

@media screen and (max-width: 600px) {
  .wp-block-snow-monkey-blocks-box.smb-box.fv-box {
    margin: -6vw 0 49vw;
    padding: 0 3vw;
  }

  h1.fv-heading {
    display: flex;
    flex-wrap: wrap;
    font-size: 4.5vw !important;
    letter-spacing: .5vw;
    margin-bottom: 2vw !important;
  }

  p.fv-title {
    font-size: 12vw;
    line-height: 1.1;
  }
}


@media screen and (max-width: 480px) {
  .wp-block-snow-monkey-blocks-box.smb-box.fv-box {
    margin: -6vw 0 20vw;
    padding: 0 16px;
  }

  .fv-box .is-layout-flow.wp-block-column.has-background {
    padding: 16px;
  }

  h1.fv-heading {
    font-size: 12px !important;
    letter-spacing: 0;
  }

  p.fv-title {
    font-size: 20px;
  }
}


/* キャッチ */
.wp-block-snow-monkey-blocks-box.smb-box.catch-box {
  margin: 0;
  padding: 4vw 16px;
}

h1.copo-name {
  font-size: 10vw !important;
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  text-align: center;
  font-feature-settings: "palt";
  line-height: .8;
  position: relative;
  left: -2vw;
}

span.catch-span {
  font-size: 5vw !important;
  margin-right: 1vw;
}




h2.catch-large {
  /* margin-bottom: 0 !important; */
  letter-spacing: .5rem;
  font-feature-settings: "palt";
}

.catch-box .smb-box__background {
  background: linear-gradient(45deg, #313cc6 0%, #ff00c3 52%, #ffc106 90%);
}

.wp-block-snow-monkey-blocks-box.smb-box.catch-box h2 {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 0 1rem;
  color: #FFF;
  font-size: 32px !important;
  line-height: 1.35;
}

p.catch-txt {
  color: #FFF;
  font-weight: bold;
  font-size: 16px !important;
  line-height: 1.35;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.3rem;
  font-feature-settings: "palt";
}


@media screen and (max-width: 768px) {
  .wp-block-snow-monkey-blocks-box.smb-box.catch-box h2 {
    font-size: 3vw !important;
  }

  p.catch-txt {
    font-size: 2vw !important;
  }
}


@media screen and (max-width: 600px) {
  .wp-block-snow-monkey-blocks-box.smb-box.catch-box {
    padding: 2rem 1rem;
  }

  .wp-block-snow-monkey-blocks-box.smb-box.catch-box h2 {
    font-size: 6.5vw !important;
  }

  p.catch-txt {
    font-size: 3.5vw !important;
  }

}

@media screen and (max-width: 600px) {
  .wp-block-snow-monkey-blocks-box.smb-box.catch-box {
    padding: 10px;
  }

  .wp-block-snow-monkey-blocks-box.smb-box.catch-box h2 {
    font-size: 20px !important;
    margin-bottom: 24px !important;
  }

  p.catch-txt {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
}



/* ループスライド部 */
.top-slide-wrap {
  display: flex;
  overflow: hidden;
  margin: 0 !important;
}

ul.top-slide {
  animation: loop-slide 30s infinite linear 1s both;
  display: flex;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.top-slide li {
  height: calc(100vw / 6 / 1.5238);
  /*6分割*/
  margin: 0 !important;
  padding: 0 !important;
  width: calc(100vw / 6);
  /*6分割*/
}

ul.top-slide li.slide01 {
  background: url(./images/top-slide-image01.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide02 {
  background: url(./images/top-slide-image02.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide03 {
  background: url(./images/top-slide-image03.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide04 {
  background: url(./images/top-slide-image04.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide05 {
  background: url(./images/top-slide-image05.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide06 {
  background: url(./images/top-slide-image06.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide07 {
  background: url(./images/top-slide-image07.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide08 {
  background: url(./images/top-slide-image08.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide09 {
  background: url(./images/top-slide-image09.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide10 {
  background: url(./images/top-slide-image10.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide11 {
  background: url(./images/top-slide-image11.jpg) no-repeat center;
  background-size: cover;
}

ul.top-slide li.slide12 {
  background: url(./images/top-slide-image12.jpg) no-repeat center;
  background-size: cover;
}




@media screen and (max-width: 768px) {
  ul.top-slide li {
    height: calc(100vw / 4 / 1.5238);
    /*4分割*/
    width: calc(100vw / 4);
    /*4分割*/
  }
}

@media screen and (max-width: 600px) {
  ul.top-slide li {
    height: calc(100vw / 3 / 1.5238);
    /*4分割*/
    width: calc(100vw / 3);
    /*4分割*/
  }
}


@keyframes loop-slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}





/*---------- コンテンツ ----------*/
.l-contents:not(.home .l-contents) {
  margin-top: 80px;
}

.page-template-one-column-full .l-contents {
  margin-top: 0 !important;
}



/*------ サイドバー -----*/
/*最近の投稿*/
aside .wp-block-latest-posts__featured-image {
  float: left;
  width: 60px;
  margin-right: 15px;
  margin-bottom: 15px;
}

aside ul.wp-block-latest-posts.wp-block-latest-posts__list li {
  line-height: 1.4;
}

aside ul.wp-block-latest-posts__list.wp-block-latest-posts li a {
  font-weight: bold;
  font-size: 14px;
}


aside .wp-block-group__inner-container {
  clear: both;
  margin-top: 50px;
}


/*サイドバーのリンク*/
aside .wp-block-group__inner-container ul li a {
  text-decoration: none;
  font-size: 14px;
  color: #222;
}

aside .wp-block-group__inner-container ul li a:hover {
  text-decoration: underline;
}



/*---------- フッター ----------*/
footer.l-footer {
  background: #3a3a3a;
}

footer .c-sub-nav .c-navbar__item {
  color: #9E9E9E;
}


/*----------上に戻るボタン ----------*/
#page-top {
  border-radius: 50% !important;
  right: 10px !important;
}

#page-top .svg-inline--fa {
  margin-top: -10px;
}

svg.svg-inline--fa.fa-chevron-up.fa-w-14 {
  font-size: 13px;
  margin-bottom: 20px;
}

#page-top a:after {
  content: "up";
  display: block;
  font-size: 12px;
  margin-top: 15px;
  position: absolute;
}



/*------ フッターCTA -----*/
.p-footer-cta[aria-hidden="false"] {
  visibility: visible !important;
  opacity: 1 !important;
}

.p-footer-cta.p-footer-cta {
  visibility: visible !important;
  opacity: 1 !important;
}

.p-footer-cta.p-footer-cta * {
  visibility: visible !important;
  opacity: 1 !important;
}


@media screen and (min-width: 1024px) {
  #footer-sticky-nav {
    display: none;
  }
}







/* =======================================
　トップページスタイル
======================================= */

/*----------メニューエリア ----------*/
/* パネル */
.menu-panel .smb-panels__item__body {
  padding: 12px 12px 40px;
}

/* メニュー名 */
.wp-block-group.menu-name-group h3 {
  margin-bottom: 0;
}








/*----------コンテンツエリア調整 ----------*/
.home .c-section.p-section-front-page-content {
  padding-bottom: 0;
  padding-top: 10px;
}


/*----------トップリードエリア ----------*/
.top-read-content {
  margin-top: 0 !important;
}


/* フォント */
.top-read-content h2 {
  color: #FFF !important;
  font-size: 32px !important;
  justify-content: center !important;
  margin: 0 0 32px !important;
}

.top-read-content p {
  color: #FFF !important;
}



@media screen and (max-width: 600px) {
  .top-read-content h2 {
    display: flex;
    flex-wrap: wrap;
    font-size: 32px !important;
    justify-content: left !important;
  }

  .top-read-content .wp-block-snow-monkey-blocks-buttons {
    justify-content: flex-start !important;
  }
}



/*----------ネクストリードエリア ----------*/
.wp-block-columns.read-next-content {
  margin-bottom: 90px;
  margin-top: 90px;
}

.wp-block-columns.read-next-content h2 {
  font-size: 32px;
  line-height: 1.35;
  margin-bottom: 40px !important;
}



/*----------会社選びは重要エリア ----------*/
.top-select-content h2 {
  font-size: 39px !important;
  margin: 0 0 50px !important;
}

/* フォント */
.top-select-content p,
.top-select-content h2 {
  color: #FFF !important;
  text-align: center;
}


.top-select-content .smb-btn-wrapper.is-style-ghost .smb-btn {
  background-color: rgba(0, 0, 0, .2) !important;
}


@media screen and (max-width: 600px) {
  .top-select-content h2 {
    font-size: 25px !important;
    justify-content: left;
  }

  .top-select-content p {
    text-align: left;
  }
}




/*----------制作メニューエリア ----------*/

.wp-block-columns.top-menu-col {
  max-width: 1500px;
}

/* 見出し部 */
.menu-heading p,
.menu-heading h2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.menu-heading h2 {
  color: #222;
  font-size: 32px;
}

p.menu-sub-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  font-size: 13px !important;
  font-weight: 400;
  /* border-bottom: 1px solid #222; */
  padding-bottom: 24px;
  line-height: 1.3;
}


/* カラム部 */
.wp-block-columns.top-menu-col .wp-block-column {
  padding-bottom: 50px;
}

.top-menu-container h3 {
  font-size: 20px;
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}

p.contents-text {
  color: #666;
  line-height: 1.7;
}

.top-menu-container .wp-block-snow-monkey-blocks-buttons {
  margin-top: 0 !important;
}


@media screen and (max-width: 768px) {
  .top-menu-container h3 {
    font-size: 24px;
  }
}


@media screen and (max-width: 600px) {
  .menu-heading h2 {
    font-size: 30px;
  }
}



/*----------保守サポートエリア ----------*/
.wp-block-columns.support-col {
  margin: 0 auto !important;
  max-width: 1500px;
}

.support-area h2,
.support-area p {
  color: #FFF !important;
}

.support-area h2 {
  font-size: 32px;
  line-height: 1.35;
  margin: 0 0 50px !important;
}

.support-area h3 {
  font-size: 20px;
  line-height: 1.35;
}


@media screen and (max-width: 768px) {
  .wp-block-columns.support-col .wp-block-column {
    flex-basis: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .support-area h2 {
    display: flex;
    flex-wrap: wrap;
    font-size: 26px !important;
    justify-content: left;
  }
}





/*----------動画コンテンツエリア ----------*/
.support-area {
  margin-top: -1px !important;
}

.wp-block-columns.movie-col {
  margin: 0 auto !important;
  max-width: 1500px;
}

.wp-block-columns.movie-col .wp-block-column {
  margin: 0 !important;
}

@media screen and (max-width: 768px) {
  .wp-block-columns.movie-col .wp-block-column {
    flex-basis: 100% !important;
  }
}



/*----------WORKSエリア調整 ----------*/
@media screen and (min-width: 601px) {
  .smb-taxonomy-posts.top-works-feed {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 16px;
  }
}

.smb-taxonomy-posts.top-works-feed .c-entry-summary__figure {
  margin-bottom: 8px;
}


.smb-taxonomy-posts.top-works-feed h3.c-entry-summary__title {
  font-size: 12px;
  line-height: 1.35 !important;
  letter-spacing: 1px !important;
  color: #444;
  font-feature-settings: "palt";
}



/*---------- ニュースエリア ----------*/
/*ボックス*/
@media screen and (min-width: 601px) {
  .wp-block-snow-monkey-blocks-box.top-news-area-box {
    max-width: 1600px;
    padding: 60px 50px;
  }
}



/*---------- ブログエリア ----------*/
/*ボックス*/
@media screen and (min-width: 601px) {
  .wp-block-snow-monkey-blocks-box.top-blog-area-box {
    max-width: 1600px;
    padding: 60px 50px;
  }
}

.wp-block-snow-monkey-blocks-container.smb-container.c-container.top-blog-area {
  background: #002D5B;
  margin-bottom: -1px;
  padding-bottom: 60px;
  padding-top: 60px;
}


/*---------- ページ内ジャンプ ----------*/
#point,
#requ-terms {
  margin-top: -170px !important;
  padding-top: 170px !important;
}





/* =======================================
　サービスメニュー各ページ
======================================= */
/*----------　トップ見出し（キャッチ） ----------*/
.wp-block-snow-monkey-blocks-box.service-heading-box {
  margin-top: 100px !important;
  margin-bottom: 24px !important;
  padding: 0 16px !important;
}


/* サービス名ヘッダー */
.service-heading-box .smb-box__body {
  display: flex;
  flex-direction: column;
}

h2.service-header {
  font-size: 32px;
  margin-bottom: 32px !important;
  margin-top: 0 !important;
}

@media screen and (max-width: 1500px) {
  .wp-block-snow-monkey-blocks-box.service-heading-box {
    margin-bottom: 4vw;
  }

  h2.service-header {
    font-size: 3vw;
  }
}

@media screen and (max-width: 768px) {
  .wp-block-snow-monkey-blocks-box.service-heading-box {
    margin-bottom: 6vw;
  }

  h2.service-header {
    font-size: 5vw;
  }
}

@media screen and (max-width: 600px) {
  .wp-block-snow-monkey-blocks-box.service-heading-box {
    margin-bottom: 8vw;
  }

  h2.service-header {
    font-size: 7vw;
  }
}



/*---------- サビスメニューセクション ----------*/
.make-service-menu-section {
  margin-top: 0 !important;
}

/*パネル*/
.make-service-menu-section .smb-items__item {
  margin-bottom: 32px;
}




/*---------- リードセクション（サービスについて＆テーマ） ----------*/
.wp-block-snow-monkey-blocks-section-break-the-grid.service-section {
  margin-top: 0;
  padding-top: 0;
}



/*---------- 制作実績 ----------*/
.wp-block-snow-monkey-blocks-box.service-result-box {
  margin-bottom: 5vw;
}

h2.service-result-heading {
  font-size: 32px;
  margin-bottom: 3vw !important;
}




/*---------- 制作のご案内 ----------*/
.work-flow-section {
  padding: 40px 0 !important;
  margin-top: 0 !important;
}


.work-flow-section h2.service-guide-title {
  font-size: 32px;
  color: #FFF;
  margin-bottom: 32px !important;
  margin-top: 0 !important;
}

.work-flow-section .flow-col .wp-block-column {
  padding: 20px 3vw;
}

/* ご用意いただくもの */
.smb-section.please-section {
  margin-top: 0 !important;
}





/*---------- よくある質問 ----------*/
.plan-faq-section .smb-accordion__item__title {
  background: #0d294d;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
}




/* =======================================
　固定ページ
======================================= */

/*----------　アイキャッチヘッダー ----------*/
.c-page-header__bgimage {
  background: #000;
}

.c-page-header__bgimage img {
  opacity: .8;
}

/* ヘッダー内見出し */
.c-page-header__bgimage+.c-container h1.c-page-header__title {
  font-size: 2.8vw !important;
  text-shadow: rgba(0, 0, 0, .2) 1px 1px 3px !important;
}

/* サブヘッダー */
.header-sub-title p {
  font-family: ruika, sans-serif !important;
  font-style: italic;
  opacity: .9;
}


@media screen and (max-width: 768px) {
  .c-page-header__bgimage+.c-container h1.c-page-header__title {
    font-size: 5.8vw !important;
  }
}




/* =======================================
　カスタム投稿タイプ（制作実績）
======================================= */

/*----------制作実績ページ（アーカイブ＆個別記事） ----------*/
@media (max-width: 63.9375em) {

  .works-template-default .l-header--sticky-overlay-sm .c-hamburger-btn__bar,
  .post-type-archive-works .l-header--sticky-overlay-sm .c-hamburger-btn__bar {
    background: #060606;
    background-color: var(--overlay-header-text-color, #FFF);
  }

  .works-template-default span.c-hamburger-btn__label,
  .post-type-archive-works span.c-hamburger-btn__label {
    color: #060606;
  }
}

.post-type-archive-works h1.c-entry__title {
  margin-bottom: 0 !important;
}

.post-type-archive-works li.c-entries__item {
  padding: 1% !important;
}

.post-type-archive-works h2.c-entry-summary__title {
  font-size: 10px;
  line-height: 1.35 !important;
  letter-spacing: 2px !important;
  color: #666;
  font-weight: normal;
  font-feature-settings: "palt";
}

.post-type-archive-works .c-entry-summary__figure {
  margin-bottom: 8px;
}


.post-type-archive-works .c-entry-summary__content,

.post-type-archive-works .c-entry-summary__meta {
  display: none;
}



/*----------制作実績ページ（個別記事） ----------*/
.single-works .l-contents__inner {
  padding-top: 0 !important;
}

.works-template-default span.c-hamburger-btn__label,
.post-type-archive-works span.c-hamburger-btn__label {
  color: #FFF !important;
}

.single-works .u-slim-width {
  max-width: 1300px !important;
}

.single-works .my-results {
  width: 100%;
  max-width: 100%;
}


body.works-template-default {
  background: #FAFAFA;
}


.works-template-default .l-contents__container.c-container {
  max-width: 100%;
}

.works-template-default .u-slim-width {
  padding-top: 20px;
}


/* パンくず */
.single-works .p-breadcrumbs-wrapper {
  max-width: 1300px;
}


/* トップインフォエリア */
.result-top-info {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
}


/*制作実績タイトル*/
.result-heading-wrap {
  margin-right: 24px !important;
}



p.result-subtitle {
  border: 1px solid #888;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 5px 20px;
  margin-right: 16px;
}

.my-results {
  padding: 32px 0 0;
}

h1.result-heading {
  max-width: 100%;
}


.creation-info {
  margin-bottom: 20px;
}

.my-results h2,
.my-results h3,
.my-results p,
.my-results {
  color: #777;
}


h1.result-heading {
  font-size: 22px;
}

.my-results h2 {
  font-size: 14px;
  margin-bottom: 5px;
}

.my-results h3 {
  font-size: 14px;
}

.my-results p {
  font-size: 12px !important;
}

/*キャプチャ*/
.captcha-area {
  margin-top: 5px;
}

figure.result-captcha {
  background: #FFF;
  border: 1px solid #EEE;
  margin-bottom: 40px;
  padding: 10px;
}


@media screen and (min-width: 1610px) {
  figure.result-captcha img {
    /* object-fit: cover;
    object-position: 50% 60%;
    height: 48rem; */
    width: 100%;
  }
}


@media screen and (max-width: 1609px) {
  figure.result-captcha img {
    /* object-fit: cover;
    object-position: 50% 60%;
    height: 47vw; */
    width: 100%;
  }
}


/* 事例タイトル部 */
.result-heading-wrap {
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.site-url.creation-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 8px 0 0;
}

.site-url.creation-info p {
  font-size: 12px;
}

p.url-info {
  margin-right: 8px;
}


/*キャプチャ詳細*/
.captcha-details-area h3 {
  margin: 80px 0 10px;
}

.captcha-details-inner {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  gap: 2%;
}

.captcha-details {
  margin-bottom: 4%;
  width: 48%;
}

figure.result-captcha-details {
  background: #FFF;
  border: 1px solid #EEE;
  padding: 10px;
}

.captcha-details.pc-size {
  width: 45.5%;
}

.captcha-details.luptop-size {
  width: 27.3%;
}

.captcha-details.tablet-size {
  width: 18.2%;
}

.captcha-details.sp-size {
  width: 9.0%;
}


@media screen and (max-width: 781px) {
  .works-template-default .u-slim-width {
    padding-top: 0;
  }

  p.result-subtitle {
    margin-bottom: 40px;
  }

  .my-results {
    padding: 40px 0 0;
  }
}



@media screen and (max-width: 600px) {
  .captcha-details-inner {
    flex-wrap: wrap;
    justify-content: center;
  }

  .captcha-details.pc-size {
    width: 100%;
  }

  .captcha-details.luptop-size {
    width: 80%;
  }

  .captcha-details.tablet-size {
    width: 50%;
  }

  .captcha-details.sp-size {
    width: 30%;
  }
}


@media screen and (max-width: 480px) {
  .captcha-details {
    margin-bottom: 50px;
    width: 100%;
  }

  p.captcha-details-text {
    text-align: center;
  }
}


/*ページャー*/
.my-pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 90px 0 40px;
  width: 100%;
  max-width: 100%;
}

.my-pager .pager {
  min-height: 50px;
  width: 48%;
}

.my-pager .pager a {
  border: 1px solid #0D2D58;
  display: block;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.my-pager .pager a:hover {
  background: #0D2D58;
  color: #FFF;
}

.my-pager .pager-l.pager a:before {
  content: "←";
  padding-right: 10px;
}

.my-pager .pager-r.pager a:after {
  content: "→";
  padding-left: 10px;
}


/*ページデザインURL*/
.page-design.creation-info a {
  color: #888;
  font-size: 13px;
}

/* お客様の声 */
.cutomer-voice.creation-info h3 {
  font-size: 14px;
  margin-bottom: 8px;
}

.voice_area {
  background: #efefef;
  padding: 16px 32px;
  font-size: 14px;
}

.voice_area,
.voice_area p,
.voice_area li {
  color: #5d5d5d;
}

@media screen and (max-width: 639px) {
  .voice_area {
    padding: 16px;
  }
}

.results-contents {
  max-width: 100%;
  font-size: 14px;
  line-height: 1.875;
}


/* =======================================
　ブログ（投稿）
======================================= */
/*--------- アーカイブページ ----------*/
.archive .p-archive.is-style-RJE_R001CORP_recent_posts {
  max-width: 1400px;
  padding: 0 2%;
}

.archive .p-breadcrumbs-wrapper {
  max-width: 1480px;
}

.archive li.c-entries__item {
  padding: 1% !important;
}


/*--------- 個別記事ページ ----------*/
.single .c-container {
  max-width: 1280px !important;
}

.single .l-contents__body {
  background-color: transparent !important;
}

.single .rje-r001corp-a_entry_header {
  margin-top: 56px;
  margin-bottom: -130px !important;
}


@media screen and (min-width: 1024px) {
  .single .l-contents__inner {
    padding-top: 0 !important;
  }
}


.c-eyecatch img {
  width: 100%;
}

/*いいね*/
.wp-like-me-box__like iframe {
  width: 130px;
}


/*form*/
.smf-button-control:not(:root) button {
  border: 1px solid;
}



/* =======================================
　テンプレートによるスタイル
======================================= */

/*--------- 1カラム ----------*/
/* パンくず */
.page-template-one-column .p-breadcrumbs-wrapper {
  max-width: 1200px;
}



/* =======================================
　ブロックスタイル（テーマ共通）
======================================= */

/*--------- コンテナ ----------*/
.wp-block-snow-monkey-blocks-container {
  max-width: 100% !important;
}


/*--------- 価格表 ----------*/
.possweb-price .smb-pricing-table__item {
  padding: 1.8rem;
  padding: calc(var(--_space, 1.8rem)*1);
  padding: 5px 5px 30px;
}

.possweb-price .smb-pricing-table__item__lede {
  margin-bottom: 25px;
}

.possweb-price .smb-pricing-table__item ul>li:nth-child(odd) {
  background: #F7F7F7;
}

.possweb-price .smb-pricing-table__item ul>li:last-child {
  border: none !important;
}


.possweb-price .smb-pricing-table__item ul>li {
  color: #888;
  font-size: 12px;
  line-height: 1.4;
  padding-bottom: 20px;
}

.possweb-price .smb-pricing-table__item ul>li strong {
  color: #777;
  display: block;
  font-size: 14px;
  margin-bottom: -5px;
}


/*--------- セクションブロークングリッド ----------*/
.wp-block-snow-monkey-blocks-section-break-the-grid .smb-section-break-the-grid__content {
  background: rgba(255, 255, 255, .85) !important;
  padding: 3vw;
}

@media screen and (max-width: 768px) {
  .tab-mobile .smb-section-break-the-grid__figure {
    margin: 0 calc(50% - 50vw) !important;
    right: 0 !important;
  }
}

@media (min-width: 64em) {
  .smb-section {
    padding-bottom: 0 !important;
  }
}

/*----------　ボックス（MAX1500） ----------*/
.wp-block-snow-monkey-blocks-box.w1500 {
  max-width: 1600px;
  margin: 0 auto !important;
}