@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


#main_visual .swiper-wrapper{
    gap: 30px 0;
}

.swiper-slide img {
    border-radius: 20px !important;
}

#greeting h3 br,#activity .br br{
    display: none!important;
}


/*メニュー*/

.l-fixHeader__logo{
    padding: 10px 0;
}

/*ここからコメントアウトメニュー
#gnav ul li:last-child a,.l-fixHeader__gnav ul li:last-child a{
    background-color: #dd8d8d!important;
    color: #ffffff!important;
    border-radius: 30px!important;
    height: 50px;
    margin-top: 32px;
}
*/

/*最後のメニューを赤ボタン風に*/
.c-gnav > .menu-item:last-child > a {
    background-color: #dd8d8d !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    height: 50px;
    margin-top: 32px;
}
/*ここまで最後のメニューを赤ボタン風に*/



.l-fixHeader__gnav > ul > li:last-child > a {
    margin-top: 9px;
}


.c-gnav>.menu-item>a {
    padding: 0 15px!important;
}

.p-mainVisual__textLayer {
    left: 50%;
    top: -100px;
}

/*追加したフォントサイズ*/
.p-mainVisual__slideTitle {
    text-shadow: 3px 3px 6px #ccb691;
    font-weight: 700;
    font-size: clamp(1.5rem, 5vw, 3.4rem);
}

/*以前のフォントサイズ
.p-mainVisual__slideTitle{
    text-shadow: 3px 3px 6px #ccb691;
    font-weight: 700;
    font-size: 3.5vw!important;
}
*/

.p-mainVisual{
    padding: 2% 0!important;
}



/* スライドの矢印 */
#main_visual .swiper-button-prev {
    background: url('./assets/img/btn_pre.png') no-repeat;
    width: 4vw;
    height: 4vw;
    background-size: cover;
    border: none;
    color: transparent;
    cursor: pointer;
    left: 23%;
    opacity: 1;
}

#main_visual .swiper-button-next {
    background: url('./assets/img/btn_next.png') no-repeat;
    width: 4vw;
    height: 4vw;
    background-size: cover;
    border: none;
    color: transparent;
    cursor: pointer;
    right: 23%;
    opacity: 1;
}

.p-mainVisual__imgLayer{
    padding-left: 1.2vw !important;
    padding-right: 1.2vw!important;
}

.c-gnav>.menu-item>a .ttl {
    font-size: 1.2rem;
    font-weight: 700;
}

.category-news .p-postList__thumb{
    display: none;
}

h2{
    letter-spacing: 0.2rem!important;
}

#fix_header{
    border-top: 12px solid #6a3906;
}

@media (max-width: 960px) {
   .l-header__inner{
        border-top: 12px solid #6a3906;
    }
    #main_visual .swiper-button-next {
        right: 1.1%;
    }
    #main_visual .swiper-button-prev{
        left: 1.1%;
    }

    .p-mainVisual__slideTitle{
        font-size: 2.2vw!important;
    }

}

@media (max-width: 780px) {
    .mainVisual__textLayer{
        font-size: 3vw!important;
        width: 100% !important;
    }

    .p-mainVisual__textLayer {
        left: 70%;
        top: -120px;
        width: 100%;
    }

    .p-mainVisual__slideTitle {
        font-size: 3.8vw!important;
    }


#main_visual .swiper-button-next {
        width: 8vw;
        height: 8vw;
    }
    #main_visual .swiper-button-prev{
        width: 8vw;
        height: 8vw;

    }

}

@media (max-width: 480px) {

    #greeting h3 br,#activity .br br{
        display: inherit!important;
    }

    .p-mainVisual__slideTitle {
        font-size: 4vw!important;
    }

}

/*お知らせ*/

#news .is-style-section_ttl {
    margin-bottom: 50px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .c-gnav>.menu-item>a {
        padding: 0 15px;
    }
}
#news .swell-block-fullWide__inner{
    position: relative;
}

#news .-type-simple .p-postList__link {
    border-bottom: 1px dashed #6a3906;
    padding: 1em .25em;
}

#news .p-postList{
    border-top: none;
}

#news .p-postList__body{
    display: flex;
}

#news .p-postList__times{
    margin-right: 2em;
}

#news .c-postTimes__posted{
    font-size: 1.2em;
    color: #6a3906;
    font-weight: 700;
}

#news .c-postTimes__posted::before{
    display: none;
}

.is-style-more_btn a{
    background: #6a3906;
    color: #ffffff;
}

#news .illust01{
    position: absolute;
    left: -15%;
    top: -4vw;
    width: 14rem;
}

#news .illust02{
    position: absolute;
    right: -5%;
    top: 100%;
    width: 14rem;
}

@media (max-width: 980px) {
    #news .illust01{
        left: -5%;
    }
}

@media (max-width: 780px) {
    .top #content {
        padding-top: 0;
    }
    #news h2{
        margin-bottom: 20px!important;
    }

    #news .illust01 {
        top: -7vw!important;
        width: 9rem!important;
    }

    #news .illust02{
        right: 0;
        width: 7rem;
    }

}

@media (max-width: 600px) {
    #news .illust01 {
        left: -9vw;
        top: -9vw;
        width: 9rem;
    }
    #news .illust02{
        top: 63vw;
    }

}


/*ごあいさつ*/
#greeting {
    background: url("./assets/img/bk_koma.png") no-repeat;
    background-size: contain;
    height: auto;
    padding-top: 86px;
    padding-bottom: 40px;
    text-align: center;
}

#greeting .wp-block-group__inner-container{
    max-width: 560px;
    margin: 0 auto;
    position: relative;
}

#greeting h2{
    display: inline-block;
    border-bottom: 2px solid  #6a3906;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

#greeting h3{
    margin: 1rem 0 2rem;
}


#greeting .wp-block-column p{
    text-align: left;
}

#greeting .has-text-align-center{
    text-align: center!important;
}

#greeting .illust03{
    position: absolute;
    right: -12vw;
    top: 33rem;
    width: 18vw;
}

@media (max-width: 980px) {
}


@media (max-width: 780px) {
    #greeting .wp-block-image{
        width: 35%;
        margin: 30px auto 10px;
    }

    #greeting {
        background: url("./assets/img/bk_koma_tb.png") no-repeat;
        background-size: contain;
    }

    .wp-block-spacer{
        display: none;
    }

    #news h2,#greeting h2,#support h3,#activity h2,#membership-donation h2{
        font-size: 1.5rem!important;
    }

    #greeting {
        padding-top: 63px;
    }

    #greeting h3{
        font-size: 1.2rem!important;
        margin: 0 0 2rem!important;
    }

    #news .illust01 {
        left: -7vw;
        top: -10vw;
        width: 12rem;
    }
}

@media (max-width: 600px) {
    #greeting {
        background: url("./assets/img/bk_koma_sp.png") no-repeat;
        background-size: cover;
        padding: 90px 40px;
    }

    #greeting .illust03 {
        right: -9vw;
        top: 100%;
        width: 33vw !important;
    }

}

@media (max-width: 480px) {

    #greeting .wp-block-image{
        width: 53%!important;
        margin: 30px auto 10px!important;
    }
    #greeting .illust03 {
        width: 64% !important;
    }
}



/*ときんについて*/

#about{
    position: relative;
    height: 560px;
}

#about .swell-block-fullWide__inner{
    background-color: rgba(255, 255, 255, 0.7);
    padding: 50px;
    max-width: 400px;
    border-radius: 30px;
    position: absolute;
    right: 20%;
}

#about .swell-block-linkList{
    margin-left: 46px ;
}

#about .swl-inline-icon{
    margin-right: 30px;
}

#about .swell-block-button__link{
    padding: 1rem;
}

#about .swell-block-button__link span{
    font-size: 1.5rem;
}

@media (max-width: 780px) {
    #about .swell-block-fullWide__inner{
        position: inherit;
        right: 0;
    }
}


@media (max-width: 600px) {
    #about{
        padding: 0 20px;
        background-image: url("./assets/img/family_bk_sp.png") !important;
        height: auto;
    }


    #about .swell-block-button__link span{
        font-size: 1.2rem;
    }

    #about .swell-block-linkList__text{
        font-size: 1.2rem;
    }
}


/*サポート*/

#support .swell-block-fullWide__inner{
    background: url("./assets/img/bk_support.png") no-repeat;
    background-size: contain;
    height: auto;
    padding: 170px 40px 87px;
    position: relative;
}

#support .c-bannerLink__text{
    padding: 1.5rem 0.5rem;
}

#support .wp-block-column:first-child .c-bannerLink__description{
    margin-top: 30px;
}

#support .wp-block-column:nth-child(-n + 2) .c-bannerLink__description{
    margin-top: 20px;
}

#support .wp-block-column:nth-child(-n + 3) .c-bannerLink__description{
   width: 180px!important;
}

.wp-block-column:nth-child(-n + 3) .c-bannerLink__description .swl-fz{
    font-size: 1.2rem!important;
}

#support .wp-block-columns .c-bannerLink__description span:last-child{
    font-size: 1.1rem!important;
}

#support .illust04{
    position: absolute;
    right: 0;
    top: 70%;
    width: 13vw;
}

@media (max-width: 980px) {
    #support{
        padding: 0 20px 30px!important;
    }
}

@media (max-width: 780px) {

    #support .wp-block-columns{
        --wp-column-gap:0;
        gap: 0;
        margin-bottom: 30px!important;
    }

    #support .wp-block-column {
        flex: 0 0 25% !important;
        --wp-column-gap:0;
        gap: 0;
        margin-bottom: 10px!important;
    }
    #support .wp-block-column {
        flex: 0 0 50% !important ;
    }

    #support .swell-block-fullWide__inner {
        background: url(./assets/img/bk_support_sp.png) no-repeat;
        background-size: cover;
        padding: 14rem 6rem 5rem;
    }

    #support .wp-block-column:nth-child(-n + 3) .swl-fz{
        font-size: 1.1rem!important;
    }

    #support .wp-block-column:nth-child(-n + 3) {
        font-size: 0.9rem!important;
    }

    #support .swell-block-button a span{
        font-size: 1.2rem!important;
    }

    #support .illust04 {
        position: absolute;
        right: -2vw;
        top: 92%;
        width: 18vw;
    }
}

@media (max-width: 600px) {
    #support .swell-block-fullWide__inner {
        background-size: contain;
        padding: 8rem 2rem 5rem;
    }
}

@media (max-width: 480px) {

    #support .swell-block-fullWide__inner {
        background-size: contain;
        padding: 120px 30px 17px;
    }

    #support .illust04 {
        width: 30% !important;
    }
}

@media (min-width: 960px) {
    #support.pc-py-60 {
        padding-bottom: 3em !important;
    }
}


/*活動情報*/
#activity .-type-card .p-postList__thumb{
    border-radius: 30px!important;
}

#activity .c-postThumb__figure{
    height: 240px!important;
}

.p-postList__thumb:before{
    background: transparent !important;
}

@media (max-width: 480px) {

    #activity .c-postThumb__figure {
        height: 175px !important;
    }
}

/*ご入会案内・寄付*/

#membership-donation{
    padding-bottom: 0!important;
}

#membership-donation .swell-block-fullWide__inner{
    background: #ffffff;
    padding: 70px;
    border-radius: 30px;
    position: relative;
}

#membership-donation h2{
    margin-top: 0;
    margin-bottom: 30px;
}

#membership-donation .illust05{
    position: absolute;
    right: 6rem;
    top: -10%;
    width: 14vw;
}

@media (max-width: 980px) {
    #membership-donation {
        padding: 0 20px;
    }
}

@media (max-width: 780px) {

    #membership-donation .illust05 {
        position: absolute;
        right: 3rem;
        width: 20vw;
    }
}

@media (max-width: 480px) {
    #membership-donation .swell-block-fullWide__inner{
        padding: 50px;
    }

    #membership-donation .swell-block-button[data-align=right]{
        text-align: center!important;
    }

    #membership-donation .illust05{
        right: 0;
        width: 27vw;
    }

}


/*お問い合わせ*/

@media (max-width: 600px) {

    #contact .swell-block-button a{
        width: 70% !important;
    }

}