@charset "utf-8";
/*
Theme Name: 中島工房ミューズ
Theme URI:
Template: lightning-pro
Description:
Author:
Tags:
Version: 0.0.0
*/

.slide a > img,
.slide a > picture > img,
.slide img,
.slide picture > img {
    object-fit: cover;
}

iframe {
    width: 100%;
}

.siteHeader_logo a {
    color: #fff !important;
}

/*------ メインのスライドをウインドウサイズに合わせる -----*/
.carousel-inner {
    width: 100%;
    overflow: auto;
    -webkit-scroll-behavior: smooth;
    scroll-behavior: smooth;
    -webkit-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    -webkit-scroll-snap-points-y: repeat(100%);
    scroll-snap-points-y: repeat(100%);
}
.carousel-item {
    width: 100%;
    height: 100vh;
    color: #fff;
    font-size: 100px;
    display: flex;
    align-items: center; /* 縦方向中央揃え */
    justify-content: center; /* 横方向中央揃え */
    flex-direction: column;
    position: relative;
}
.carousel-item > picture > img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.carousel-item {
    height: calc(100vh - 30px);
}
@media screen and (max-width: 1182px) {
    .carousel-item {
        height: calc(100vh - 30px);
    }
}
@media screen and (max-width: 975px) {
    .carousel-item {
        height: calc(100vh - 30px);
    }
}
.siteHeader .siteHeader_logo img {
    max-height: 70px;
}
.pr-content {
    padding: 2.5em calc(50vw - 50%) !important;
}
.widget_ltg_adv_full_wide_title_outer,
.widget_ltg_full_wide_title_outer {
    padding: 12em calc(50vw - 50%) !important;
}
.home .slide-text-title {
    font-size: 3.2vw;
    letter-spacing: 0.1em;
    display: block !important;
    line-height: 160% !important;
}

/* 親要素でflex指定 */
.reversebox {
    display: flex;
}
.widget_ltg_full_wide_title_caption {
    line-height: 260% !important;
    margin-top: 32px;
}

table th {
    width: 30%;
}
.wp-block-latest-posts li time {
    color: #999 !important;
}
.vk-mobile-nav nav > ul,
.vk-mobile-nav nav ul li a {
    border: none !important;
}
.footerWidget .col-md-4:first-child {
    display: flex;
    align-items: center;
}

/*------ 投稿ページ -----*/

.archive .siteHeader_logo a,
.single .siteHeader_logo a {
    color: #000 !important;
}

@media screen and (max-width: 600px) {
    .home .slide-text-title {
        font-size: 1.75rem;
    }
    .siteHeader .siteHeader_logo img {
        max-height: 50px;
    }
    .slide-text-caption {
        font-size: 14px !important;
    }
    .slide .btn-ghost {
        font-size: 1rem !important;
    }

    .vk-mobile-nav {
        padding-top: 56px;
    }
    .widget .subSection-title {
        font-size: 24px;
    }

    .vk-mobile-nav-menu-btn {
        right: 5px !important;
        left: unset;
    }
    .vk-mobile-nav nav ul li a {
        padding: 1.6em 0.5em !important;
    }
    .sns_btns {
        display: flex;
        justify-content: center;
    }
    .veu_profile .sns_btns li {
        float: none !important;
        margin: 10px !important;
    }
    .wp-block-media-text__content {
        margin: 24px 0 16px;
        padding: 0 4% !important;
    }
    .home .order2 {
        margin-top: 16px;
    }
    .home .wp-block-buttons a {
        font-size: 14px;
    }
    .top-img-left img {
        position: relative;
        left: -20px;
    }
    .top-img-right img {
        position: relative;
        right: -20px;
    }
}

/* 子要素に縦向きの際の並び順を指定 */
@media screen and (max-width: 600px) {
    .reversebox {
        flex-direction: column;
    }
}
/* 子要素に縦向きの際の並び順を指定 */
@media screen and (max-width: 600px) {
    .order1 {
        order: 1;
    }
    .order2 {
        order: 2;
    }
}

/* 子要素に縦向きの際の並び順を指定 */
@media screen and (max-width: 600px) {
    .siteContent table th {
        width: 100% !important;
        display: block !important;
        border: none !important;
    }
    .siteContent table td {
        display: block !important;
    }
}

.siteFooter .widget_nav_menu ul li a {
    color: #fff !important;
    border: none !important;
}
.copySection p {
    color: #fff;
}