@charset "UTF-8";

/* *****************************************************************

Stylesheet: ベーススタイル（全て）に適応

******************************************************************/
.l-body{
font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

html, body {
  background-color: transparent !important;
  overscroll-behavior: none;
}

.l-contents__inner {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/*ボタンをセンター寄せに*/
.smb-btn__label {
  text-align: center;
	
}

/*サイドバーを非表示*/
.l-contents__sidebar{display:none;}

/*背景色*/
html, body {
  background-color: #fff !important;
  overscroll-behavior: none;
}

:root {
  background-color: #fff !important;
}


.home .p-singular.page-template.page-template-page-templates.page-template-one-column.page-template-page-templatesone-column-php.logged-in.wp-custom-logo.wp-theme-snow-monkey.l-body--one-column.l-body.customize-support{background:#ffffff!important;}

/*固定ページのタイトル*/
.page-id-46 .c-entry__header {
  display: none;
}

.page-id-1175 .c-entry__header {
  display: none;
}

.page-id-1173 .c-entry__header {
  display: none;
}

.page-id-1170 .c-entry__header {
  display: none;
}

.page-id-314 .c-entry__header {
  display: none;
}

.page-id-266 .c-entry__header {
  display: none;
}

.page-id-44 .c-entry__header {
  display: none;
}




/*footerの背景*/

.p-footer-sub-nav.c-sub-nav.c-sub-nav--center {
  background-color: #DEE8FF;
}

/*footerの余白を削除*/
.l-footer-widget-area {
  padding: 0;
}

.l-footer-widget-area__item.c-row__col.c-row__col--1-1.c-row__col--md-1-1.c-row__col--lg-1-1 {
  padding: 0;
  margin: 0;
}

.l-footer-widget-area__item.c-row__col.c-row__col--1-1.c-row__col--md-1-1.c-row__col--lg-1-1 {
  padding: 0;
  margin: 0;
}

.l-footer-widget-area {
  padding: 0 !important;
  margin: 0;
}


/* コピーライト自体を強制表示 */
.c-copyright,
.c-copyright *{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
}

.c-copyright--inverse{background-color:#FFFDF5!important;
padding-top:0;
padding-bottom:0;}

/*ボタンのシャドウ*/
.smb-btn {
  box-shadow: 0 0px 10px 0 #cfd0d1;
}

.smb-btn:hover {
 background: #1DD55F;
  color: #fff;}

/*テキストのリンクの色を変えない*/

a {
  text-decoration:none;
}

/*footerのナビ*/
.footer-navi-01{margin-top:10px!important;
	margin-bottom:10px!important;
}

/*追従バナー*/
/* 右端追従画像 */
.smk-fixed-image{
  position: fixed;
  right: 10px;     /* 画面右からの距離 */
  bottom: 20px;   /* 下からの距離（ヘッダーやFVと被らない） */
  z-index: 999;
}

/* 画像サイズ */
.smk-fixed-image img{
  width: 300px;   
  height: auto;
  display: block;
}

/* ホバー時 */
.smk-fixed-image:hover{
  opacity: 0.8;
}

/* 追従バナーをスマホでは非表示 */
@media (max-width: 1023px){
  .smk-fixed-image{
    display: none;
  }
}


/*header*/
.l-2row-header{background-color:#fff!important;}

/*headerロゴの大きさを調節*/
.c-site-branding--has-logo{width:100%;
height:auto;}

.header{height:114px;}
.custom-logo{height:100%;
width:auto;}

.header-list{display:flex;
	justify-content:end;
list-style:none;
align-items:center;
	column-gap:10px;
}


/* 右側 */
.smk-custom-header__right{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

/* 電話ボタン */
.header-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-list-tel{
  margin: 0;
  padding: 0;
}

.header-list-tel a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #1fa14a;
  color: #fff;
  text-decoration: none;
  padding: 10px 24px;
  border-radius: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.header-list-tel-img img.tel{
  width: 40px;
  height: 40px;
}

.header-list-tel-nunber{
  font-size: 32px;
}

/* 営業時間 */
.smk-custom-header__meta{
  font-size: 13px;
  color: #141414;
  line-height: 1.4;
  text-align: right;
}

/*CTAの余白調節*/
.margin-top-0{margin-top:10px!important;}

/*Googleマップのサイズ*/
.gmap_iframe {
  max-width: 1000px;
  width: 100%;
  height: 400px;
}

.map {
  text-align: center;
}





/* ajax-loader */
.wpcf7-spinner {
  vertical-align: middle;
}

/*h2のマージン調節*/
.wp-block-heading {
  margin: 20px auto !important;
}

/*コンテンツの余白調節*/
.l-contents__inner {
  margin-bottom: 0 !important;
}

.l-contents__inner {
  padding: 0 !important;
}


.category-achievements {
  margin-top: 60px;
  margin-bottom: 60px;
}

.achievements-categor-communication {
  margin-top: 60px;
  margin-bottom: 60px;
}

.achievements-categor-communication {
  margin-top: 60px;
  margin-bottom: 60px;
}

.achievements-categor-high-pressure {
  margin-top: 60px;
  margin-bottom: 60px;
}

.achievements-categor-ev {
  margin-top: 60px;
  margin-bottom: 60px;
}

.achievements-categor-general {
  margin-top: 60px;
  margin-bottom: 60px;
}

.news-categories-news {
  margin-top: 60px;
  margin-bottom: 60px;
}

/*記事を書いた人を消す*/
.wp-profile-box {
  display: none;
}

/*記事の余白*/
.c-entry__footer {
  margin-top: 100px;
}

.smb-taxonomy-posts.wp-block-snow-monkey-blocks-taxonomy-posts {
  margin-top: 60px;
  margin-bottom: 60px;
}

/* ====== 施工実績アーカイブ専用 ====== */
.mb-6{
  margin-bottom: 3rem;
}

.lg-achv-cats__link{
  text-decoration: none;
  border: #666 1px solid;
  border-radius: 0.8rem;
  padding: 0.3rem;
  transition: all 0.3s ease;
  color: initial;
}
.lg-achv-cats__link:hover{
  color: #fff;
  background-color:  var(--accent-color);
}

.lg-achv-cats__link.is-active{
  color: var(--accent-color);
  pointer-events: none;
}

.lg-achv-archive {

}


.lg-achv-archive__bg {
  background-image: url(../images/bg-achievements.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.lg-achv-archive__bg--news{
  background-image: url(../images/bg-achievements.jpeg);
}

.lg-achv-archive__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.5); /* 黒の半透明フィルター */
}

.lg-achv-archive__title {
  position: relative; /* 疑似要素の下に潜らないように */
  text-align: center;
  z-index: 1;
}
.lg-achv-archive__title::after {
  content: "";
  position: absolute;
  background-color: var(--accent-color);
  width: 50%;
  height: 1px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.lg-achv-archive__title--en{
  position: relative;
  z-index: 1;
  color: var(--accent-color);
  margin-bottom: .5rem;
}

.lg-achv-archive ul{
  list-style: none;
  display: flex;
  justify-content: flex-start;
	column-gap:1rem;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 3rem 0;
  padding: 2rem 0;
}
.lg-achv-archive li{

}

/* グリッド：SP1 → タブレット2 → PC3 */
.lg-achv-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
/*padding: 0 20px;*/
}
@media (min-width: 640px) {
  .lg-achv-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .lg-achv-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* カード */
.lg-achv-card {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.lg-achv-card:hover,
.lg-achv-card:focus-within {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* サムネ（比率固定・切り抜き） */
.lg-achv-card__thumb img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

/* タイトル */
.lg-achv-card__title {
  font-size: 1.1rem;
  line-height: 1.4;
  margin: 0.9rem 1rem 0.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2行で省略 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 抜粋 */
.lg-achv-card__excerpt {
  color: #555;
  font-size: .95rem;
  margin: 0 1rem 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 3行で省略 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* カテゴリ */
.lg-achv-card__cats {

}
.lg-achv-card__cats a {
  display: inline-block;
  padding: .25rem .5rem;
  border-radius: 999px;
  background: #f2f4f7;
  color: #333;
  font-size: .8rem;
  text-decoration: none;
}
.lg-achv-card__cats a:focus,
.lg-achv-card__cats a:hover {
  background: #e6eaf0;
}

/* カード全体リンクのヒット領域 */
.lg-achv-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.lg-achv-card__link a{
  color: inherit;
  text-decoration: none;
}

/* ページネーション最小 */
.lg-achv-pagination {
  margin-top: 2rem;
  text-align: center;
}
.lg-achv-pagination .page-numbers {
  display: inline-block;
  padding: .5rem .75rem;
  margin: 0 .15rem;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  text-decoration: none;
}
.lg-achv-pagination .current {
  background: #111;
  color: #fff;
  border-color: #111;
}
.lg-achv-pagination a:hover,
.lg-achv-pagination a:focus {
  background: #f2f2f2;
}


/*余白調節*/

.page-id-46 .l-contents__container.c-container{margin:0;
padding:0;
max-width:100%;}

.page-id-1175 .l-contents__container.c-container{margin:0;
padding:0;
max-width:100%;}

.page-id-1173 .l-contents__container.c-container{margin:0;
padding:0;
max-width:100%;}

.page-id-1170 .l-contents__container.c-container{margin:0;
padding:0;
max-width:100%;}

.page-id-314 .l-contents__container.c-container{margin:0;
padding:0;
max-width:100%;}

.page-id-266 .l-contents__container.c-container{margin:0;
padding:0;
max-width:100%;}

.page-id-29 .l-contents__container.c-container{margin:0;
padding:0;
max-width:100%;}

.page-id-44 .l-contents__container.c-container{margin:0;
padding:0;
max-width:100%;}




.c-fluid-container{padding-left:0; padding-right:0;}

/*投稿ページの次へを削除*/

.c-prev-next-nav{display:none;}

/*コンタクトのタイトル*/
.smb-section__background-text {
  position: relative;
}

.smb-section__background-text__text {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}


/*投稿日等削除*/

.c-meta__item--modified{display:none;}
.c-meta__item--author{display:none;}
.c-meta__item--categories{display:none;}


/*カスタム投稿ページの余白調節*/
.padding-0{padding-top:0;
padding-bottom:0;}




@media (max-width: 1300px) {
	.padding-100{padding-left:100px; padding-right:100px;}
	.c-fluid-container{padding-left:0; padding-right:0;}
	
}


@media (max-width: 1023px) {

  /******************************************************************

Stylesheet: 1023px以下（タブレット）で適用

******************************************************************/
  /*ContactForm7カスタマイズ*/
  .cf7__list dt {
    width: 100%;
    margin-bottom: 15px;
    padding-top: 0;
  }

  .cf7__list dd {
    width: 100%;
  }

  .cf7__list dd:nth-of-type(n + 2) {
    margin-top: 0;
  }

  .cf7__list dd .wpcf7-checkbox,
  .cf7__list dd .wpcf7-radio {
    padding: 15px 0 0;
  }

  /* 送信ボタン */
  input[type="submit"] {
    width: 180px;
    height: 56px;
  }

  .cf7 {
    width: 100%;
    margin: 0 auto;
  }

  .c-site-branding__title .custom-logo {
    width: 200px !important;
    height: auto;
  }


.l-footer-widget-area>.c-fluid-container {
  padding: 0;
}

/*投稿ページのフォントサイズ調節*/
.c-entry-summary__title {
  font-size: 16px !important;
}

/*投稿ページの余白調節*/
.l-contents__sidebar {
  display: none;
}

.c-entry__title{margin-top:40px;}

.c-entry-summary__term{
  display: none;
}
	
	.padding-100{padding-left:80px; padding-right:80px;}
	
	.p-search-form{display:none;}
	
	.c-drawer__inner{background-color:#ffffff;
	color:#000000;}
	
	#menu-item-55{color:#var(--accent-color);}
	
	/*コンタクトのタイトル*/
.smb-section__background-text {
  position: relative;
}

.smb-section__background-text__text {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
		#menu-item-1558{background-color:#06C755;
    padding-top: 10px;
    padding-bottom: 10px;
	   font-size:16px;
		color:#fff;
	font-weight:bold;}
	
	#menu-item-1559{background-color:#335EAC;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:16px;
		color:#fff;
    font-weight:bold;}
	
}

.bana-cta-SP{max-width:400px;}




@media (max-width: 639px) {

  /******************************************************************

Stylesheet: 639px以下(スマホ)で適用

******************************************************************/
  .c-entry-summary__term.c-entry-summary__term--achievements-categor-4.c-entry-summary__term--achievements-categor-slug-high-pressure {
    font-size: 10px;
	}
	.margin-top-0{margin-top:0px!important;}
	

	
	.p-footer-sticky-nav .c-navbar__item>a{font-size:16px;
		color:#fff;
    font-weight:bold;
	}
	

	
}
	
@media (max-width: 500px) {
.padding-100{padding-left:20px; padding-right:20px;}
}

/* SPでもカテゴリ（緑ラベル）を表示する */
@media (max-width: 1300px) {
  .c-entry-summary__term,
  .c-entry-summary__term--category {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* 画像の上に載せる場合（念のため） */
  .c-entry-summary__figure {
    position: relative;
  }
  .c-entry-summary__term,
  .c-entry-summary__term--category {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
	/* 施工実績：カテゴリラベルを「右寄せ＆文字部分だけ緑」に */
.c-entry-summary__figure {
  position: relative;
}

.c-entry-summary__term,
.c-entry-summary__term--category {
  position: absolute;
  top: 0;
  right: 0;     /* 右寄せ */
  left: auto;
  z-index: 3;

  display: inline-block;  /* 幅を文字に合わせる */
  width: auto;
  max-width: calc(100% - 12px); /* はみ出し防止 */

  background: var(--wp--preset--color--sm-accent);
  color: var(--wp--preset--color--white);

  padding: .35em .7em;
  line-height: 1.2;

  border-radius: 0 0 0 6px; /* お好みで */
  white-space: nowrap;      /* 1行にしたい場合 */
  /* 2行OKなら↑を消して、代わりに↓を使ってください */
  /* white-space: normal; */
}

	/* お知らせ：日付の横にカテゴリを置く（右上固定を解除） */
.c-entry-summary__meta .c-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* カテゴリが右端に飛ぶのを解除 */
.c-entry-summary__meta .c-entry-summary__term,
.c-entry-summary__meta .c-entry-summary__term--category {
  position: static !important;
  width: auto !important;
}

/* ラベルの見た目（PCと同様の緑） */
.c-entry-summary__meta .c-entry-summary__term,
.c-entry-summary__meta .c-entry-summary__term--category {
  display: inline-block;
  background: var(--wp--preset--color--sm-accent);
  color: var(--wp--preset--color--white);
  padding: .25em .10em;
  line-height: 1.2;
  border-radius: 3px;
}

	/* お知らせ：カテゴリラベルの背景（余白）をしっかり付ける */
.c-entry-summary__meta .c-meta__item--categories .c-entry-summary__term,
.c-entry-summary__meta .c-meta__item--categories .c-entry-summary__term--category {
  display: inline-flex !important;
  align-items: center !important;

  padding: .45em 2em !important;   /* ← 余白を増やす（縦横） */
  line-height: 1.6 !important;     /* ← 高さを確保 */
  font-size: .9em !important;

  background: var(--wp--preset--color--sm-accent) !important;
  color: var(--wp--preset--color--white) !important;

  border-radius: 4px !important;
}
	/* お知らせ：メタ(日時・カテゴリ)を左寄せに揃える */
.c-entry-summary__meta .c-meta{
  justify-content: flex-start !important;
}

/* カテゴリ項目が右に飛ぶ原因（auto系）を無効化して、日付の横に置く */
.c-entry-summary__meta .c-meta__item--categories{
  margin-left: 8px !important;  /* 日付との間 */
  margin-right: 0 !important;
  justify-content: flex-start !important;
}
/* カテゴリラベルを中央に表示する */
.c-meta__item--categories {
  display: flex;
  justify-content: center !important;  /* 中央寄せ */
  align-items: center;
  width: 100%;                          /* 親要素の幅いっぱいに広げる */
  margin: 0 auto;                       /* ブロック中央化（保険） */
}

/* ラベルの中のリンクをボタン風に */
.c-meta__item--categories a {
  display: inline-block;
  background-color: #28a745;           /* 緑色 */
  color: #fff;
  padding: 4px 16px;
  border-radius: 20px;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
}
	


}




/******************************************************************

カスタム投稿 追加コンテンツ（関連投稿表示）

******************************************************************/
.msm-related-achievements {
  margin-top: 4rem;
}

.msm-related-achievements__title {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.msm-related-achievements__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.msm-related-achievements__item a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.msm-related-achievements__date {
  font-size: 0.85rem;
  opacity: 0.7;
}

.msm-related-achievements__title-text {
  margin-top: 0.5rem;
  font-weight: bold;
}

.msm-related-achievements__thumb,
.lg-achv-card__link {
  position: relative;
}

.msm-related-achievements__thumb {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.msm-related-achievements__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.msm-related-achievements__badge,
.lg-achv-card__badge {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0.4em 0.6em;
  font-size: 1rem;
  background: var(--accent-color);
  color: #fff;
  border-radius: 4px;
  line-height: 1;
  z-index: 2;
}


@media (max-width: 500px) {
	.msm-related-achievements__badge,
.lg-achv-card__badge {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0.1em 0.3em;
  font-size: 0.9rem;
  background: var(--accent-color);
  color: #fff;
  border-radius: 4px;
  line-height: 1;
  z-index: 2;
	}}