/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/


/************************************
サイトタイトル非表示
************************************/
#post-19
.entry-title{
  display: none;
}

#post-9344
.entry-title{
  display: none;
}

#post-9473
.entry-title{
  display: none;
}

/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .entry-title{
  display: none;
}

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .entry-title{
  display: none;
}

/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .entry-title{
    display: none;
  }
}
/*ブログの行間*/
.entry-content > p {
    margin: 1em 0;
}

.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
 padding-top:0%
}

/* マウスオーバーで画像半透明 */
a img {
  filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

a:hover img {
  filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.sidebar h3 {
    color: #ffffff;
}

.vc_separator.vc_separator_align_left h4 {
    padding: 0 .8em 0;
}

.grecaptcha-badge { visibility: hidden; }

.cat-link, .cat-label a {
    color: #fff;
}

.shadow{
	text-shadow: 0px 0px 4px #000000; 
}

@media screen and (max-width: 1023px) {
  .mobile-header-menu-buttons {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
  }
  body {
    padding-top: 0px;
  }
}

.mobile-header-menu-buttons .home-menu-button,
.mobile-header-menu-buttons .top-menu-button,
.mobile-header-menu-buttons .sidebar-menu-button {
  display: none;
}

/* 上部：ロゴを消す */
.mobile-header-menu-buttons .logo-menu-button {
  display: none;
}

/* 上部：ボタンを右寄せにして「検索 → メニュー」の順にする */
.mobile-header-menu-buttons {
  justify-content: flex-end;
}
.mobile-header-menu-buttons .search-menu-button {
  order: 1;
}
.mobile-header-menu-buttons .navi-menu-button {
  order: 2;
}
.mobile-header-menu-buttons .menu-button {
  flex: 0 0 auto;
}
.mobile-header-menu-buttons .search-menu-button {
  display: none;
}
.mobile-header-menu-buttons {
  justify-content: flex-end;
}
.mobile-header-menu-buttons .contact-menu-button {
  order: 1;
}
.mobile-header-menu-buttons .navi-menu-button {
  order: 2;
}
.mobile-header-menu-buttons .menu-button {
  flex: 0 0 auto;
}
/* 施工事例ピックアップ：スマホで1列表示 */
@media screen and (max-width: 767px) {
  .pickup-works ul,
  .pickup-works .vc_row,
  .pickup-works .vc_grid {
    display: block !important;
  }
  .pickup-works li,
  .pickup-works .vc_column_container,
  .pickup-works .vc_grid-item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    margin-bottom: 24px;
  }
  .pickup-works img {
    width: 100%;
    height: auto;
  }
}
/* 施工事例ピックアップ：「もっと見る」をボタン表示に */
.pickup-works li a:not(:has(img)) {
  display: inline-block;
  padding: 8px 24px;
  background: #f39800;
  color: #fff !important;
  border-radius: 4px;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.6;
  transition: opacity .2s;
}
.pickup-works li a:not(:has(img)):hover {
  opacity: .8;
}
/* 施工事例ピックアップ（HOME）：画像を施工事例ページと同じ正方形に */
.pickup-works li img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;      /* 正方形 */
  object-fit: cover;
  object-position: center;
  display: block;
}
/* 施工事例ピックアップ（HOME）：見出しを施工事例ページと同じ装飾に */

  font-size: 20px !important;
  font-weight: bold;
  background: none !important;
  border: none !important;
  border-bottom: 2px dotted #999 !important;  /* 下の点線 */
  padding: 0 0 10px !important;
  margin-bottom: 24px !important;
}
.pickup-works h2::before,
.pickup-works h2::after,
.pickup-works h3:not(li h3)::before,
.pickup-works h3:not(li h3)::after {
  display: none !important;           /* 元の装飾を消す */
}