/* ===== LPメインフレーム ===== */

body .lp-main-frame {
    border-top: 7px groove #c1e0ff !important;
    border-bottom: 4px groove #c1e0ff !important;
    
    /* 背景色 */
    background-color: #f4f9ff !important; 

    /* 上下のパディング、下の色付き隙間を制御 */
    padding-top: 10px !important;
    padding-bottom: 10px !important; /* 数字がボーダーとの最終的な距離 */

    margin: 0 !important;
}

/* 最後の子要素 だけに適用 */
.lp-main-frame > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* SWELLのブロック同士の自動隙間（gap）が最後に干渉するのを防ぐ */
.lp-main-frame.lp-main-frame {
    display: block !important;
}

.top #content {
    padding-top: 0 !important;
}

/* ===== H1ロゴ：レスポンシブ対応版 ===== */

h1.persim-h1-logo,
h1.persim-h1-logo a {
    width: 100% !important;
    max-width: 400px !important; 
    height: auto; 
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

h1.persim-h1-logo img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-left: 22px !important; /* 調整 */
    margin-bottom: 20px !important;
    border: none !important;
    box-shadow: none !important;
}

/* スマホ表示（横幅767px以下）の時の個別設定 */
@media screen and (max-width: 767px) {
    h1.persim-h1-logo {
        max-width: 270px !important; 
        margin-left: 5px !important;
    }
}

/* ===== H2 キャッチコピー:lp-catch-copy ===== */

h2.lp-catch-copy,
h2.lp-catch-copy::before,
h2.lp-catch-copy::after {
    /* 装飾リセット */
    background: transparent !important;
    border: none !important;
    content: none !important;
    box-shadow: none !important;
    min-height: 0 !important;

    line-height: 1.7em !important;

    /* 太字 */
    font-weight: bold !important;

    margin-top: 0px !important;
    margin-bottom: 20px !important;
    margin-left: 25px !important;
    margin-right: 10px !important;

    padding-top: 8px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* SP用 h2キャッチコピー */

@media screen and (max-width: 767px) {
    h2.lp-catch-copy {
        /* 1. 13pxが限界 */
        font-size: 13px !important; 
        
        /* 2. 左右の余白を削る */
        margin-left: 10px !important; 
        margin-right: 10px !important;

        /* 3. 文字同士の間隔（カーニング） */
        letter-spacing: -0.05em !important;
        
        /* 4. 行間詰め */
        line-height: 1.5 !important;

        /* 5. 1行に詰め込む */
        display: block !important;
        width: calc(100% - 20px) !important;
    }
}

/* ===== 段落パターン1:p-main ===== */

p.p-main {
    /* 行間の設定 */
    line-height: 1em !important;

    /* 外側の余白（マージン） */
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    margin-left: 50px !important;
    margin-right: 40px !important;

    /* 内側の余白（パディング） */
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 40px !important;
    padding-right: 10px !important;

    border: 2px dashed #C5E0E7 !important;
    border-radius: 10px !important;
}

/* ===== アイコン付きの段落:p-icon ===== */

p.p-icon {
    position: relative;
/*     padding-left: 1.1em !important; アイコンの分だけ左を空ける 効果無し*/
}

p.p-icon::before {
    content: "";
    position: absolute;
	  left: 1.5em;
    top: 1.5em;
    width: 10px;  /* 画像のサイズ */
    height: 10px;
    background-image: url("https://pc-pc.biz/wp/wp-content/uploads/2026/03/p_icon.png");
    background-size: contain;
    background-repeat: no-repeat;
}

/* ===== 段落パターン2:p-sub1 ===== */

p.p-sub1 {
    /* 行間の設定 */
    line-height: 1.5em !important;

    /* 外側の余白（マージン） */
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    margin-left: 40px !important;
    margin-right: 40px !important;

    /* 内側の余白（パディング） */
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;

}

/* ===== 依頼の多いタググループ設定:my-tags ===== */

.my-tags {
    justify-content: center !important;
}

/* 各ボタンの装飾 */
.my-tags .wp-block-button__link {
    border: none !important;           /* 枠線を消去 */
    background-color: #f3f7fa !important; /* 色（透明なら transparent） */
    color: #444 !important;            /* 文字の色 */
    font-size: 13px !important;        /* 小さめに */
    padding: 6px 14px 6px 10px !important; /* 左側の余白を調整 */
    border-radius: 4px !important;     /* 角の丸み */
    display: flex !important;          /* アイコンと文字を横並びに */
    align-items: center;
    box-shadow: none !important;       /* 影も不要なら消去 */
}

/* 疑似要素 ::before でアイコンを召喚 */
.my-tags .wp-block-button__link::before {
    /* アイコンの番号 */
    content: "\f02c" !important; 
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;

display: inline-block;
    margin-right: 6px;
    color: #b7dbff;
    font-size: 14px;
}

/* ===== 最近の投稿:my-recent-posts ===== */

.my-recent-posts .p-postList__item {
    display: flex !important;
    align-items: center !important; 
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #eee !important;
}

.my-recent-posts .p-postList__link {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
}

.my-recent-posts .p-postList__thumb {
    flex: 0 0 120px !important;
    max-width: 120px !important;
    height: 80px !important;
    margin-right: 15px !important;
    background: none !important;
}

.my-recent-posts .c-postThumb::before,
.my-recent-posts .c-postThumb__figure::before {
    content: none !important;
    display: none !important;
}

.my-recent-posts .c-postThumb__figure,
.my-recent-posts .c-postThumb__img {
    width: 120px !important;
    height: 80px !important;
    margin: 0 !important;
    object-fit: cover !important;
    border-radius: 4px;
}

.my-recent-posts .p-postList__body {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.my-recent-posts .p-postList__title {
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    margin: 0 0 4px 0 !important;
}

.my-recent-posts .p-postList__meta {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    color: #999 !important;
}

.my-recent-posts .c-postThumb,
.my-recent-posts .c-postThumb img {
    border-radius: 8px !important;
}

/* ===== コピーライト（HTML）:my-footer-copy ===== */

.my-footer-copy {
    font-size: 14px !important;
/*     color: #888888 !important; */
    text-align: center !important;
    letter-spacing: 0.05em !important;
    font-family: sans-serif;
    
    /* 上の要素との距離 */
    margin-top: 25px !important; 
    
    /* 下の隙間（親のpadding 10pxに任せる） */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    
    /* 文字自体の高さを最小限に */
    line-height: 1 !important;
    display: block !important;
}

/* --- SP表示（767px以下）のコピーライト調整 --- */
@media screen and (max-width: 767px) {
    .my-footer-copy {
        font-size: 10px !important; 
        letter-spacing: 0 !important; 
        line-height: 1.5 !important; 
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-weight: normal !important;
    }
}

/* ===== トップのテキスト調整（カラム）:column_lower1 ===== */

.column_lower1{
  padding: 5px 0px 20px 0px;
}

/* ===== h2 見出しの装色:lp-section-title ===== */

.lp-section-title {
    border-left: 8px groove #c1e0ff !important; 
    padding-left: 15px !important;
    margin-bottom: 12px !important;

}

/* ===== 検索BOX:lp-search-box ===== */

.lp-search-box {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-left: 13px !important;
    width: auto !important; /* 横幅リセット */
}

/* ===== バナー:banner1 ===== */

.banner1 img, 
.banner1 {
    border: none !important;            /* 枠線を消す */
}

/* --- h2 修理事例 --- 

.toppage-h1like {
    margin-top: 0 !important;
    padding-top: 10px !important;
    
    border-left: 6px solid #0073aa !important;
    background: #f5f5ff !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    display: block !important;
    
    margin-bottom: 20px !important;
}*/

/* --- トップページの投稿サムネイル角丸設定 --- */
.my-recent-posts .c-postThumb,
.my-recent-posts .c-postThumb img {
    border-radius: 8px !important;
}