/*
    Theme Name:     Divi Child
    Template:       Divi
*/

/* *********************************
start 問い合わせのCTA
********************************* */
#contact-cta-cursor {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease;
    z-index: 1000;
}

/* end 問い合わせのCTA */

/* *********************************
start 投稿アーカイブページ ページネーション
********************************* */
.wp-pagenavi {
    margin-top: 60px;
    margin-bottom: 20px;
    text-align: center;
}

.wp-pagenavi span,
.wp-pagenavi a {
    padding: 5px;
    margin: 5px;
    background: #f8f9fa;
    border: 1px solid #f8f9fa;
}

.wp-pagenavi .current {
    background: #2ea3f2;
    border: 1px solid #2ea3f2 !important;
    color: #ffffff;
}

/* end 投稿アーカイブページ ページネーション */

/* *********************************
start 投稿ページ 目次
********************************* */
#ez-toc-container {
    padding: 25px;
}

#ez-toc-container .ez-toc-title-container {
    padding-bottom: 15px;
}

#ez-toc-container .ez-toc-list li {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* end 投稿ページ 目次 */

/* *********************************
start ヘッダー
********************************* */
.section-header {
    .et_pb_row {
        height: initial !important;
    }
}

.section-header-mobile .menu-contact a {
    color: #48d14c !important;
    border-radius: 0px;
    border: 2px solid;
    transition: all 300ms ease 0ms;
    text-align: center;
}

.section-header-mobile .menu-contact a:hover {
    color: #FFFFFF !important;
    background-image: initial;
    background-color: #48d14c;
}

.et-l--header .et_pb_menu_page_id-1459 a {
    border: initial;
    text-align: center;
    border-width: 18px !important;
    border-color: #48d14c !important;
    border-radius: 10px !important;
    background-color: #48d14c !important;
    color: #fff !important;
    padding: 10px !important;
}

.et-l--header .et_pb_menu_page_id-4022 a {
    border: initial;
    text-align: center;
    border-width: 18px !important;
    border-color: #0C71C3 !important;
    border-radius: 10px !important;
    background-color: #0C71C3 !important;
    color: #fff !important;
    padding: 10px !important;
}

/* end ヘッダー */

/* *********************************
start 投稿ページ サムネイルサイズ統一
********************************* */
.entry-featured-image-url {
    padding-top: 56.25% !important;
    display: block !important;
}

.entry-featured-image-url img {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    object-fit: cover !important;
}

/* end 投稿ページ サムネイルサイズ統一 */

/* ***************************** */
/* start メガメニュー */
/* ***************************** */
/* メガメニュー 基本設定 */
.my-mega-menu {
    animation: open 0.5s;
}

/* メガメニュー / ヘッダーメニュー */
.my-mega-menu.close,
header.close {
    display: none !important;
}

/* メガメニュー 表示したとき */
.my-mega-menu.open {
    display: block !important;
    position: fixed;
    top: 0;
}

/* メガメニュー 消すとき */
.my-mega-menu.closing {
    animation: close 0.5s
}

/* メガメニュー 表示アニメーション 透過 → 非透過 */
@keyframes open {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* メガメニュー 消すアニメーション 非透過 → 透過 */
@keyframes close {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

/* メガメニュー 閉じるボタン */
.my-mega-menu.open .wrap-close-button-mega-menu {
    text-align: right;
    cursor: pointer;
    max-width: initial;
    padding-right: 21px;
}

/* メガメニュー 表示ボタン */
.open-button-mega-menu {
    cursor: pointer;
}

@media (max-width: 980px) {
    #mobile_menu1 .open-button-mega-menu {
        display: none;
    }
}

/* スクロール禁止用CSSクラス */
.no-scroll {
    overflow: hidden !important;
    height: 100%;
    padding-right: var(--scrollbar-width, 0px);
}

/* メニュー開閉アイコン */
span.material-symbols-rounded {
    font-size: 48px;
    height: fit-content;
    padding: 15px 0;
    transition: all 300ms ease 0ms;
}

span.material-symbols-rounded:hover {
    color: #48d14c;
}

/* メガメニュー ブログモジュール */
.my-mega-menu.open .et_pb_blog_grid div.column {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.my-mega-menu.open .et_pb_blog_grid div.column article {
    margin: 10px !important;
}

/* end メガメニュー */