@charset "UTF-8";

/* サイドバー：ピックアップメニュー */
.menu-side_menu-container {
    width: 80%;
    margin: 10px auto;
    padding: 0;
}
.menu-side_menu-container .pickup_menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5em;
}
.menu-side_menu-container .pickup_menu li {
    width: 100%;
}
.menu-side_menu-container .pickup_menu li a {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 20px;
    padding: 5px 10px 5px 20px;
    margin-bottom: 0;
    background-color: #fff;
    color: #323333;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 14px;
}
.menu-side_menu-container .pickup_menu li a::before {
    position: absolute;
    content: url(images/svg/map_b.svg);
    width: 20px;
    height: auto;
    top: 8px;
    left: 15px;
}
.menu-side_menu-container .pickup_menu li.guide a::before {
    content: url(images/svg/pamphlet_b.svg);
}
.menu-side_menu-container .pickup_menu li.contact a::before {
    content: url(images/svg/mail_b_1.svg);
}

/* フッターボタン */
.footer_top {
    padding: 40px 0;
}

.btn_1 {
    display: block;
    line-height: 1;
}

.btn_3 {
    height: 52px;
    padding: 10px 23px;
    border-radius: 10px;
    font-size: 16px;
}
.btn_3::after {
    width: 25px;
    height: 25px;
    top: 14px;
}

/* --------------------------------------
 トップページ：修正
---------------------------------------- */
#home .wp-block-columns.education .education--ttl a {
    font-size: 20px;
    color: #323333!important;
}

#home section .tab-content {
    display: inherit;
}

/* --------------------------------------
 ブログ：修正
---------------------------------------- */
/* ヘッダ：選択プルダウン＆過去の日誌へ */

.blog_category .custom-select {
    display: inline-block;
    width: auto;
    margin-right: 10px;
    margin-bottom: 5px;
}
.blog_category .selected {
    position: relative;
    background: #fff;
    padding: 3px 30px 3px 10px;
    border-radius: 5px;
    font-size: 14px;
    float: inline-end;
}
.blog_category .selected::after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #3f6fc7;
    font-size: 15px;
}
.blog_category .options li a {
    padding: 3px 10px;
    font-size: 14px;
}
/* ブログ選択プルダウン */
.blog_category .select_blog {
    display: flex;
    flex-wrap: wrap;
}
.blog_category .select_blog .select_blog-cat,
.blog_category .select_blog .select_blog-date {
    display: flex;
}

/* 過去のひたぶる日誌 */
.blog_category .past_blog {
    margin-left: auto;
}

/* --------------------------------------
 同窓会お知らせ
---------------------------------------- */
.wp-block-latest-posts__list.post_dosokai {
    padding: 10px;
}
.wp-block-latest-posts__list.post_dosokai li {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.wp-block-latest-posts__list.post_dosokai li time {
    width: 100px;
}

/* --------------------------------------
 style調整
---------------------------------------- */
/* リスト */
ul.wp-block-list li::before {
    font-family: "Arial", "Noto Sans Symbols", sans-serif;
}

a.top_btn.b_blog {
    width: 270px;
    padding: 5px 20px 5px 10px;
    font-size: 14px;
}
a.top_btn.b_blog::before {
    top: 4px;
    right: 10px;
}

/*部活ボタン*/
article:not(#home) .clube_list a.smb-btn {
    padding: 4px;
}

/*よくある質問*/
.smb-accordion__item__body {
    z-index: 1;
}

/*フッタ*/
.footer div.col.col_footer > div.f_add {
    line-height: 150%;
}
.footer div.col.col_footer > div.f_sns {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer div.col.col_footer > div.f_sns .good {
    width: 110px;    
}

/*ボタン100％に納める*/
.smb-btn-wrapper.is-style-ghost {
    max-width: 100%;
}

/* --------------------------------------
 タブレット以下
---------------------------------------- */
@media screen and (max-width: 1080px) {
    article#home {
        padding-top: 72px;
    }

}

/* --------------------------------------
 タブレット
---------------------------------------- */
@media screen and (max-width: 1080px) and (min-width: 769px) {
}

/* --------------------------------------
 スマホ
---------------------------------------- */
@media screen and (max-width: 768px) {

    /*トップページ*/    
    #home .wp-block-ikel-frame-block.top_features {
        padding-top: 10px;
    }
    #home .wp-block-ikel-frame-block.top_features h3 {
        line-height: 140%;
    }    
    #home section .tab-content .post-item .category-label {
        font-size: 3.5vw;
    }

    article:not(#home) {
        padding-top: 80px;
    }
    .blog_category {
        flex-wrap: wrap;
    }

    /*画像：スクロール*/
    .wp-block-image.img_scroll {
        overflow-x: scroll;
        width: 100%;
    }

    .wp-block-image.img_scroll img {
        width: 768px;
        height: auto;
        max-width: none;
    }

    /*ストライプテーブル*/
    .wp-block-flexible-table-block-table.is-style-stripes > table tr th, 
    .wp-block-flexible-table-block-table.is-style-stripes > table tr td {
        display: block;
        width: 100%!important;
    }
    .wp-block-flexible-table-block-table.is-style-stripes > table tr th {
        font-weight: bold;
        padding-bottom: 0;
        border-radius: 10px 10px 0 0;
    }
    .wp-block-flexible-table-block-table.is-style-stripes > table tr td {
        border-radius: 0 0 10px 10px;
    }

    /*よくある質問*/
    .wp-block-flexible-table-block-table.img_scroll {
        overflow-x: scroll;
        width: 100%;
    }
    .wp-block-flexible-table-block-table.img_scroll>table {
        width: 700px;
        max-width: none;
    }

    /*ページ内リンク*/
    article:not(#home) .wp-block-columns.page_link > .wp-block-column.sp_100 {
        flex-basis: 100% !important;
    }
}