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

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

    background: linear-gradient(56deg, #5e9db1, #8fc3d3);

}

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


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

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




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

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


}

/* ヘッダーの背景 */
.l-1row-header {
    background: url("http://localhost:10169/wp-content/uploads/2026/01/33.png")
}
.p-drop-nav {
    background: url("http://localhost:10169/wp-content/uploads/2026/01/33.png")
}
/* ヘッダー文字の色 */
.p-global-nav {
    color: #5e9db1;
}


.p-global-nav .c-navbar__item>a {

    font-size: 13px;

}


/* ヘッダーアイコンを２つ横並びにする方法 */
.header-info{
    display: flex !important;
    margin-left: 10px !important;
}

/* モバイル版用 */
@media (min-width: 374px) and (max-width: 834px) {
/* ヘッダーにアイコン入れた時にハンバーガーがどっかいってしまうのをもどしてくるCSS */
    .u-invisible-md-down {
        display: block !important;
    }
    .u-invisible-md-down .p-global-nav {
        display: none !important;
    }

/* ヘッダーコンテンツを２つ並べたらハンバーガが重なり直したCSS */
   .l-1row-header__content {
       display: flex !important;
       margin-left: 10px !important;
    }

    .c-btn {
        padding: 3% !important;
        padding-left: 2px !important;
        padding-right: 2px;
        /* ↓これがアイコンボタンの縮小に成功 */
        font-size: 10px;
        padding: 5px !important;
    }

/* ハンバーガーのアイコンが上すぎて困った時に入れたCSS */
    .c-hamburger-btn {
        background-color: initial;
        border: none;
        color: inherit;
        cursor: pointer;
        display: inline-block;
        padding-top: 10px;
        margin-right: -15px;
        padding-left: 0px;
        text-align: center;
        vertical-align: middle;
    }
    .header-info {
            display: flex !important;
            margin-left: 3px !important;
            margin-right: 6px;
    }
    /* ロゴを左に寄せた */
    .c-site-branding__title .custom-logo {
        width: 150px;
        margin-left: -15px;
    }


}





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

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

}


/* フッター下　利用規約などの設定CSS */
.l-footer-widget-area{
    background:#2c4357; /* フッタメニューの背景色 */
	   text-align:center;
}

.footer-widget-section-menu {
	  color: #fff !important; /* 文字色を設定 */
	  border-left: 1px solid #ccc; /* 線の色と太さ */
	  display: inline-block; /* 横並び表示 */
	  padding-left: 15px; /* 左側の余白 */
	  padding-right: 15px; /* 右側の余白 */
	  font-size:14px !important;
}
.footer-widget-section-menu:last-child  {
	  border-right: 1px solid #ccc; /* 線の色と太さ */
}
.footer-widget-section-menu a {
	  color: inherit; /* 親要素から色を継承 */
	  text-decoration: none !important; /* 下線を消す */
}

.footer-widget-section-menu a:hover {
	  color: #B2B2B2 !important; /* ホバー時のリンクの文字色 */
}

@media (max-width: 768px) {
  .footer-widget-section-menu {
    display: block; /* 横並び表示を解除し、縦並びにする */
    text-align: left; /* テキストを左揃えにする */
    border-left: none; /* 左の線を消す */
    border-bottom: 1px solid #ccc; /* 下に線を追加 */
    padding: 10px 0; /* 上下の余白を設定 */
  }

  .footer-widget-section-menu:last-child {
    border-bottom: none; /* 最後の要素の下の線を消す */
    border-right: none; /* 左の線を消す */
  }
}

.l-footer--default .l-footer-widget-area {
    padding-bottom: 7px;
    padding-top: 7px;
}




/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　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;
}


/* 入会方法の背景　ぼかし */
.nyukai {
    background: rgba(255, 255, 255, 0.7);
}


/* QRコード大きさ修正 */
.qr .smb-btn__label {
    max-width: 150px 

}
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* 　　　　文字の大きさ ・配置　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

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

    /* 背景セクションのタイトル */
    .smb-section__title {
        --_font-size-level: 2;
    }
    /* 文字を右側 */
    .left {
        text-align: left;
    }
    /* 文字を左側 */
    .right {
        text-align: right;
    }








}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　わたしの特徴　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

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

/* 特徴 *//* タイトル */
.smb-panels__item__title {
    font-weight: 700;
    margin-right: -10px;
    margin-left: -10px;
}
/* 特徴 *//* 文章 */
.smb-panels__item__action, .smb-panels__item__content {
    margin-top: var(--_margin-1);
    margin-left: -10px;
    margin-right: -10px;
    text-align: left;
}

.wifi .smb-panels__item__body {
    margin-bottom: -30px;
}




}









/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　お問い合わせ　　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
　.smf-complete-content>:where(:not(:first-child)), .smf-item__controls>:where(:not(:first-child)), .smf-system-error-content>:where(:not(:first-child)){
    margin-top: 0px;
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/







/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　規約　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* 第11条　ロッカー利用 第3項の収納禁止品が収容されていた場合の部分 */
.roka {
    margin-top: 0px !important;
}




/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/






/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　投稿ページ　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.c-prev-next-nav {
    display: none;
  }


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /*　　20_わたしの机 様　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/