.elementor-11 .elementor-element.elementor-element-c01cf24{--display:flex;--min-height:100vh;}.elementor-11 .elementor-element.elementor-element-a99eb19{--display:flex;}.elementor-11 .elementor-element.elementor-element-4b077a2{--display:flex;}.elementor-11 .elementor-element.elementor-element-5b364c7{--display:flex;}/* Start custom CSS for html, class: .elementor-element-624db36 *//* Royal Addons & Elementor 両対応の最強CSS */
.elementor-11 .elementor-element.elementor-element-624db36 .wpr-grid-item,
.elementor-11 .elementor-element.elementor-element-624db36 .elementor-grid-item,
.elementor-11 .elementor-element.elementor-element-624db36 .elementor-post,
.elementor-11 .elementor-element.elementor-element-624db36 article {
    border: 4px solid #000000 !important; /* 極太の黒枠 */
    box-shadow: 8px 8px 0px #000000 !important; /* ボカシなしの黒い影 */
    background-color: #ffffff !important; /* 背景は白でパキッと */
    transform: rotate(-1deg); /* 少しだけ傾ける */
    transition: all 0.3s !important; /* なめらかに動かす */
    margin-bottom: 20px; /* カード同士の間隔 */
}

/* 画像の下にある白い余白部分（もしあれば）も強制的に白くする */
.elementor-11 .elementor-element.elementor-element-624db36 .wpr-blog-content,
.elementor-11 .elementor-element.elementor-element-624db36 .elementor-post__text {
    background-color: #ffffff !important;
}

/* ホバーした時にちょっと動くアクション */
.elementor-11 .elementor-element.elementor-element-624db36 .wpr-grid-item:hover,
.elementor-11 .elementor-element.elementor-element-624db36 .elementor-grid-item:hover,
.elementor-11 .elementor-element.elementor-element-624db36 .elementor-post:hover,
.elementor-11 .elementor-element.elementor-element-624db36 article:hover {
    transform: translate(-5px, -5px) rotate(0deg) !important; /* 左上にズレる */
    box-shadow: 13px 13px 0px #000000 !important; /* 影が伸びる */
}

/* 画像を白黒にする */
.elementor-11 .elementor-element.elementor-element-624db36 img {
    filter: grayscale(100%);
    transition: filter 0.3s;
}

/* ホバーでカラーに戻す */
.elementor-11 .elementor-element.elementor-element-624db36 .wpr-grid-item:hover img,
.elementor-11 .elementor-element.elementor-element-624db36 .elementor-grid-item:hover img,
.elementor-11 .elementor-element.elementor-element-624db36 .elementor-post:hover img,
.elementor-11 .elementor-element.elementor-element-624db36 article:hover img {
    filter: grayscale(0%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f94b4e1 *//* ABOUT画像をパンク化 */
.elementor-11 .elementor-element.elementor-element-f94b4e1 img {
    border: 4px solid #000000; /* 黒枠 */
    box-shadow: 8px 8px 0px #000000; /* 黒い影 */
    transform: rotate(-2deg); /* 左に傾ける */
    filter: grayscale(100%); /* 白黒にする */
    transition: all 0.3s; /* なめらかに動く */
}

/* ホバー時のアクション */
.elementor-11 .elementor-element.elementor-element-f94b4e1 img:hover {
    transform: translate(-4px, -4px) rotate(0deg); /* ちょっと浮いて、角度を戻す */
    box-shadow: 12px 12px 0px #000000; /* 影が伸びる */
    filter: grayscale(0%); /* カラーに戻る！ */
}
/* ABOUTテキストをコミック風ボックスにする */
.elementor-11 .elementor-element.elementor-element-f94b4e1 {
    background-color: #ffffff; /* 白い紙 */
    border: 4px solid #000000; /* 極太黒枠 */
    box-shadow: 12px 12px 0px #000000; /* バキッとした黒影 */
    padding: 40px; /* 文字周りの余白（たっぷり） */
    transform: rotate(1deg); /* 写真とは逆に少し傾ける */
    transition: all 0.3s;
}

/* スマホでは少し大人しくする（はみ出し防止） */
@media (max-width: 768px) {
    .elementor-11 .elementor-element.elementor-element-f94b4e1 {
        padding: 20px;
        transform: rotate(0deg); /* スマホは真っ直ぐ */
        box-shadow: 6px 6px 0px #000000; /* 影を小さく */
    }
}/* End custom CSS */