@charset "UTF-8";
.top-page_section .smb-section__header {
  display: flex;
  flex-flow: column;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　全体　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* モバイル　ドロワーの背景色変更 */
.c-drawer__inner {

        background: linear-gradient(56deg, #0288d1, #4fc3f7);

}

/* モバイル　ドロワーの文字の大きさ */
.c-drawer a {
        font-size: 20px;
}

body {
    background-color: #f5efe6;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　ヘッダー　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/* ヘッダーなし！！ */
.l-center-header .c-row__col.u-text-center {
    display: none;
}
.l-center-header__row:first-child {
    padding-top: 0;
    padding-bottom: 0;
}
.l-header__content {
    padding-top: 0;
    padding-bottom: 0;
    
}


/*  　　ロゴ大きさ調整　　　　*/
.c-site-branding__title .custom-logo {
    width: 90px;
}




/*   ヘッダー　モバイル版 */
@media (min-width: 375px) and (max-width: 413px) {

/*  　　ロゴ大きさ調整　　　　*/
    .c-site-branding__title .custom-logo {
        width: 50px;
    }


 }



/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　フッター　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* モバイル版 */
@media (min-width: 374px) and (max-width: 413px) {

    /* フッター下の文字の大きさ */
    .c-copyright {
        font-size: 12px;
}

}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /*  各ページ　　アイキャッチ画像の幅変更　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/


/* 各ページのアイキャッチ画像の高さ幅を変更 */
.c-page-header[data-has-image=true] {
    height: 200px;
}


.wp-block-snow-monkey-blocks-section-with-bgimage {
    margin-top: 0;
}

/*各ページのアイキャッチ部分の文字の色。ID入れると各ペーじ変えられる */
.page-id-34 .c-page-header[data-has-image=true] .c-page-header__content {
    color: #111313;
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　TOPページ　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* TOPページ　上部余白削除 */
.c-section {
    padding: 0;
}

.l-contents__inner:first-child {
    padding-top: 0;
}
.l-contents__inner:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* 　　　　文字の大きさ　・　配置　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* タイトルなど明朝体設定 */
.mincho {
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "YuMincho", serif;
    color: #5A6854;
}
.mincho1 {
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "YuMincho", serif;
}

/* スマホの文字の大きさ調整　タイトル、見出しの文字のサイズ */
@media (min-width: 375px) and (max-width: 767px) {

    /* 背景セクションのタイトル */
    .smb-section__title {
        --_font-size-level: 2;
    }

.smb-media-text__title {
        --_font-size-level: 2;
    }


    /* 文字を右側 */
    .left {
        text-align: left;
    }
    /* 文字を左側 */
    .right {
        text-align: right;
    }







}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　企画展　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.hiduke {
    margin-top: -10px;
}


.wp-block-snow-monkey-blocks-box.smb-box.kikaku {
    margin-top: 10px !important;
    border-left: 6px solid #9ACD32; /* 黄緑 */
    padding-left: 15px;

}
@media (min-width: 375px) and (max-width: 767px) {

/* WORKSHOP & EVENTSのボックスの余白調整 */
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.left1 {
    flex-basis: 24% !important;

}
.wp-block-column .is-layout-flow .wp-block-column-is-layout-flow.right1 {
    flex-basis: 75% !important;

}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.left2 {
    flex-basis: 16% !important;

}
.wp-block-column .is-layout-flow .wp-block-column-is-layout-flow.right2 {
    flex-basis: 84% !important;

}

/* カラムの隣との隙間について */
:root :where(.is-layout-flex) {
    gap: 5px;
}

.smb-box__body{
    margin-left: -20px;
    margin-right: -30px;
}


}

@media (min-width: 768px) and (max-width: 1024px) {

    /* WORKSHOP & EVENTSのボックスの余白調整 */
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.left1 {
        flex-basis: 8% !important;
    
    }
    .wp-block-column .is-layout-flow .wp-block-column-is-layout-flow.right1 {
        flex-basis: 75% !important;
    
    }
    
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.left2 {
        flex-basis: 8% !important;
    
    }
    .wp-block-column .is-layout-flow .wp-block-column-is-layout-flow.right2 {
        flex-basis: 84% !important;
    
    }

}
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　top画像の下のボタン　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 834px) and (min-width: 1024px) {
.e .smb-btn--more-wider  {
    margin-left: 100px;
}
.d .smb-btn--more-wider {
    margin-right: 320px;
}
}

@media (min-width: 430px) and (max-width: 767px) {
    .smb-btn.smb-btn--more-wider {
        --smb-btn--padding-horizontal: var(--_padding5);
       }
    .e .smb-btn--more-wider  {
        margin-left: -37px;
       }
       .d .smb-btn--more-wider {
    
        margin-left: -20px;
    
    }
}

@media (min-width: 376px) and (max-width: 429px) {
    .smb-btn.smb-btn--more-wider {
        --smb-btn--padding-horizontal: var(--_padding5);
       }
    
       .e .smb-btn--more-wider  {
        margin-left: -41px;
       }
       .d .smb-btn--more-wider {
    
        margin-left: -28px;
    }
}



@media (max-width: 375px) {
   .smb-btn.smb-btn--more-wider {
    --smb-btn--padding-horizontal: var(--_padding5);
   }

   .e .smb-btn--more-wider  {
    margin-left: -50px;
   }
   .d .smb-btn--more-wider {

    margin-left: -30px;

   }
}
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　EXHIBITION & SCHEDULE　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* カミングスーンのボタンの幅調整 */
.smb-btn--wider {
    --smb-btn--padding-horizontal: var(--_padding5) !important;
    margin-left: -30px !important;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　WORKSHOP & EVENTS　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

@media (min-width: 375px) and (max-width: 767px) {
    /* アートワークショップのボックスの余白調整 */
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.left3 {
       flex-basis: 16% !important;
       margin-left: -10px;

    }

    .b .smb-box__body{
        margin-left: -40px;
        margin-right: -50px;
    }
  
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　ARTISTS & WORKS　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* PC用の画像が大きすぎて調整 */
@media (min-width: 834px) and (min-width: 1024px) {
    .wp-block-snow-monkey-blocks-items.artists {
        padding-left: 150px;
        padding-right: 150px;
    }
}
/* モバイル版画像小さすぎて調整 */
@media (min-width: 375px) and (max-width: 767px) {
    .wp-block-snow-monkey-blocks-items-item-free.c-row__col {
        padding-right: calc(var(--_gap) * .2);
        padding-left: calc(var(--_gap) * .2);
        margin-bottom: var(--_gap);
    }
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　アクセス　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 375px) and (max-width: 767px) {
    /* アクセスのボックスの余白調整 */
    .smb-box__background  {
        margin-left: -10px;
        margin-right: -10px;
    }
    .c .smb-box__body{
        margin-left: -20px;
        margin-right: -50px;
    }
}


img.wp-image-121 {
    width: 70%;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /*　　24_brand_new_planet 様　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/