/*
Theme Name: Lightning Child
Theme URI: https://lightning.vektor-inc.co.jp/en/
Template: lightning
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 15.33.1.1769047058
Updated: 2026-01-22 10:57:38

*/

//リンクボタン用のカスタムCSS
.my-custom-button a {
    /* 背景色と文字色の設定（エディタ側で設定済みの場合は不要ですが、念のため） */
    background-color: rgba(60, 60, 60, 0.8) !important; /* 半透明のグレー */
    color: #fff !important;
    border-radius: 0 !important; /* 角丸をなくす */
    padding: 10px 30px 10px 50px !important; /* 左側に余白を多めに取る */
    
    /* 左側だけを斜めにカットする設定 */
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    
    /* 位置の微調整 */
    display: inline-block;
    text-decoration: none;
}

/* ホバー時の効果（お好みで） */
.my-custom-button a:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
}