/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 21 2025 | 02:05:05 */
/* アーカイブ　hover時に opacity*/
.post-type-archive-construction .l-mainContent__inner .p-postList__item .p-postList__body:hover{
	opacity:1;
}
/* タイトル */
.single .c-postTitle__ttl {
  position: relative;
    padding: 0.5rem 1rem;
}
.single .c-postTitle__ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* -------------
投稿にボタンの追加
-----------------------------*/
.blog .c-tabBody__item .-type-card .p-postList__meta:after {
content: "詳細はこちら »";
    display: inline-block;
    width: 100%;
    padding: 0.6rem 1rem;
    margin: 1em auto 0;
    background-color: var(--color_main); /* 深みのある色でシックに */
    color: #fff;
    text-align: center;
    font-weight: 500;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
	font-size: 15px;
}
.c-tabBody__item .-type-card .p-postList__meta::after:hover {
    background-color: #555;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}
.c-tabBody__item .p-postList__link {
display: flex;
flex-direction: column;
}
.c-tabBody__item .p-postList__body {
position: relative;
transition: opacity .25s;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.p-postList .p-postList__title {
flex-grow: 1;
}
/* -------------
一覧ページ記事設定
-----------------------------*/
.-type-card .p-postList__title, .-type-list .p-postList__title, .-type-list2 .p-postList__title{
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
}
.-type-card .p-postList__title::after , .-type-list .p-postList__title::after , .-type-list2 .p-postList__title::after {
  content: "";
  position: absolute;
  bottom: 0;
    left: 0;
    width: 30%;
    height: 0.5px;
  background-color: #000; /* 下線の色 */
}
@media (min-width: 600px) {
    #sidebar .-type-list .p-postList__title, .-type-card .p-postList__excerpt {
        font-size: 12px;
    }
}
@media (min-width: 600px) {
  #sidebar .-type-card .p-postList__title, .-related .p-postList__title, .-type-thumb .p-postList__title, .w-footer:not(.-col1) .p-postList__title {
        font-size: 12px;
    }
}
/* -------------
サイドバーの設定
-----------------------------*/
.p-profileBox {
  position: relative;
  padding: 16px;
  overflow: hidden;
  z-index: 1;
}
.p-profileBox::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(135deg, #000000, #cccccc); /* 黒→グレー */
  border-radius: inherit;
  z-index: -1;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.p-profileBox__btn a{
	    width: 100%;
}
/* -------------
目次の設定
-----------------------------*/
ul.is-style-index li:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f044' !important;
    border-bottom: 0;
    border-left: 0;
    top: 0;
    background: no-repeat;
}
.p-toc__link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px dashed var(--color_main);
    transition: color 0.3s ease;
}

.p-toc__link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: var(--color_main);
    transition: width 0.3s ease;
    z-index: 1;
}
.p-toc__link:hover {
    color: var(--color_main_hover);
}
.p-toc__link:hover::after {
    width: 100%;
}
/* 施工事例 */
.c-pageTitle[data-style=b_bottom] {
    border-bottom: none;
}
.post-type-archive .-type-card .p-postList__item:hover .p-postList__body, .tax-construction_type .-type-card .p-postList__item:hover .p-postList__body{
    opacity: 1;
}
li.p-postList__construction {
    width: calc(96% / 3);
    margin: 2%;
	box-shadow: 1px 4px 5px #eee;
	padding: 0 0 1em;
}
.eight-tab .c-tabBody__item .eight-construction  .p-postList__meta:after {
display:none;
}
.eight-tab .p-postList__body{
padding: 0.5em;
}
.p-postList__com {
    margin: 0.5em 0;
	border-bottom: 1px solid #ddd;
}
.p-postList__com span{
    background: #F6AC1D;
    padding: 0.3em;
	    margin-right: 6px;
    display: inline-block;
	font-size: 14px;
/*     margin: 0.5em !important; */
}
@media (max-width: 960px) {
li.p-postList__construction {
    width: calc(92% / 2);
}
.c-tabBody .p-postList__construction .p-postList__title {
    font-size: 14px;
}
.c-tabBody .p-postList__construction a{
    font-size: 12px;
    width: 100%;
}
.swell-block-tab {
    padding: 0.3em!important;
}
}
@media (max-width: 600px) {
.p-postList__com {
    font-size: 12px;
}
}
/* タクソノミー */
.tax-construction_type .-type-card .p-postList__link{
height:auto;
}
.tax-construction_type .p-postList__meta{
display:none;
}
.tax-construction_type .p-postList__com {
    font-size: 14px;
}
.tax-construction_type a{
    width: 100%;
    border-radius: 0;
}
.tax-construction_type .swell-block-button {
	width: 100%;
    margin: 1em 0 0;
}
/*お客様の声  */
.eight-voice .p-postList__thumb {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
.eight-voice .c-postThumb__figure:before {
    content: "";
    width: 200px;
    height: 200px;
}
.p-postList_textarea {
    margin: 1em 0;
}
.-type-card.eight-voice .p-postList__item {
background: #d9d9d9;
    display: flex;
    flex-wrap: wrap;
	    padding: 2em;
    margin-bottom: 0;
}
.eight-content-5 .eight-voice .p-postList__item {
background: #d9d9d9;
    display: flex;
    flex-wrap: wrap;
}
.eight-voice  .p-postList__body {
    width: 70%;
    margin: 0 1em;
}
.post_content .eight-voice .p-postList__title {
    text-align: center;
    color: #004C7E;
}
.eight-voice .p-postList__name {
    font-size: 0.8em;
    text-align: center;
	margin: 0.4em 0;
}
.eight-voice .p-postList__name .eight-name {
    font-size: 0.8em;
}
.eight-voice .p-postList__date {
    font-size: 0.8em;
    text-align: center;
}
.eight-voice .p-postList__content {
    text-align: left;
    line-height: 2;
    border-bottom: 1px dashed #333;
    display: inline;
}
.eight-voice .eight-p-postList__button {
    transition: all 0.3s ease;
    box-shadow: 0 0 0 0 rgba(255, 87, 51, 0.5);
    border-radius: 100px;
}
.eight-voice .eight-p-postList__button:hover {
    border-color: #B0B0B0;
    box-shadow: 0 0 10px 4px rgba(169, 169, 169, 0.5);
}
.eight-p-postList__button .swell-block-button__link {
    border: 4px solid #ECECEC;
    transition: all 0.3s ease;
    box-shadow: 0 0 0 0 rgba(255, 87, 51, 0.5);
}
.eight-p-postList__button .swell-block-button__link:hover {
    border-color: #B0B0B0;
    box-shadow: 0 0 10px 4px rgba(169, 169, 169, 0.5);
}
.eight-voice-btn{
    --the-btn-color: #f6ac1d;
	   text-align: left;
}
@media (max-width: 960px) {
	.p-postList__thumb-area{
		width:100%;
	}
	.eight-voice .p-postList__body{
	width:100%;
	}
	.eight-voice-btn{
   text-align: center;
}
}

/* スライドショー */
.swiper-container-wrap {
    position: relative;
    overflow: hidden;
    padding: 0 50px;
}
.p-postList.swiper {
    position: relative;
}
.eight-voice .swiper-button-prev,
.eight-voice .swiper-button-next {
    width: 32px;
    height: 32px;
    background-color: #ccc;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    /* 影（お好み） */
}
/* Swiperの矢印アイコン自体を小さく */
:root {
    --swiper-nav-size: 28px;
}
.eight-voice .swiper-button-prev::after,
.eight-voice .swiper-button-next::after {
    font-size: 14px;
    font-weight: bold;
}
/* 左矢印の位置 */
.swiper-button-prev {
    left: 10px;
}
/* 右矢印の位置 */
.swiper-button-next {
    right: 10px;
}
/* ページネーション全体の配置 */
.swiper-pagination {
    text-align: center;
    margin-top: 20px;
    position: relative;
    z-index: 5;
}
/* ドットの基本スタイル */
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    opacity: 1;
    border-radius: 50%;
    margin: 0 5px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
/* アクティブなドット */
.swiper-pagination-bullet-active {
    background-color: #333;
    transform: scale(1.4);
}