/**
 * ***************************************
 * 	2024年リニューアル CSS
 * ***************************************
 */

/* 背景 */

/* 背景をno-repeatにする */
body {
  background-repeat: no-repeat;
}




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

/* ボタンのpadding-right調整 */
.blue-button a,
.orange-button a,
.bp-login-widget-user-logout a,
.login-button a,
.register-button a {
  padding-right: 0.8rem !important;
  padding-left: 1.5rem !important;
  border: none;
}

/* blue-button（ログインボタン）の初期スタイル */
.blue-button a,
.bp-login-widget-user-logout a,
.login-submit input,
.login-button a {
  position: relative;
  overflow: hidden;
  background: linear-gradient(45deg, #0bdf84 0%, #68aeff 100%);
}

/* ボタンのテキストの重ね順を上に（ホバー時対策） */

.login-submit input,
.vk_button_link_txt {
  position: relative;
  z-index: 2;
}

/* blue-button（ログインボタン）ホバー時のための疑似要素 */
.blue-button a::after,
.bp-login-widget-user-logout a::after,
.login-submit input::after,
.login-button a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(-45deg, #0bdf84 0%, #68aeff 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* ホバー時の効果 */
.blue-button a:hover::after,
.bp-login-widget-user-logout::after,
.login-submit input:hover::after,
.login-button a:hover::after {
  opacity: 1;
}


/* 新規登録ボタンの初期スタイル */
.orange-button a,
.register-button a {
  position: relative;
  overflow: hidden;
  background: linear-gradient(45deg, #fc575e 0%, #f7b42c 100%);
}

/* ホバー時のための疑似要素 */
.orange-button a::after,
.register-button a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(-45deg, #fc575e 0%, #f7b42c 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* ホバー時に擬似要素のopacityを1に */
.orange-button a:hover::after,
.register-button a:hover::after {
  opacity: 1;
}

/* デフォルトのホバー効果をキャンセル */
.vk_button .vk_button_link:where(:not(.has-vk-color-primary-color)):hover {
  filter: brightness(1) saturate(1) !important;
}

/* ホバー時のbox-shadowキャンセル */
.vk_button-color-custom a:hover {
  box-shadow: none !important;
}

/* ボタンの矢印の重ね順調整（ホバーに消えないように） */
.fa-solid.fa-caret-right {
  position: relative;
  z-index: 2;
}

/* ボタンの矢印と文字の間隔調整 */
.vk_button .vk_button_link_after {
  margin-left: 0.625rem !important;
}


/**
 * ***************************************
 * 	トップページ
 * ***************************************
 */


/* 学生同士が繋がって・・・の箇所 */
.blue-speech-bubble {
  border-radius: 10px !important;
  max-width: 960px;
  margin-inline: auto;
  position: relative;
}

/* 学生同士が繋がって・・・の吹き出しの三角 */
.blue-speech-bubble::after {
  position: absolute;
  content: "";
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 15px;
  background-color: #3672FF;
  clip-path: polygon(50% 14px, 0% 0%, 26px 0%);
}

/* トップページスライダーのカスタマイズ */

/* ページネーションのスタイル変更 */
.swiper-pagination-bullet {
  width: 0.5625rem !important;
  height: 0.5625rem !important;
  border-radius: 50% !important;
  background: #C2C2C2 !important;
}

/* ページネーションの間隔調整 */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.3rem !important;
}

/* アクティブなスライドのページネーションを赤色に */
.swiper-pagination-bullet-active {
  background: #D32A2A !important;
}

/* スライダーカードのボーダー消去 */
.card-noborder .vk_post_imgOuter {
  border: 0 !important;
}

/* スライダーカードの背景を白に＆padding設定 */
.card-noborder .card-body {
  background: #fff;
  padding: 1.5625rem 1.875rem 2.1875rem !important;
}

/* prevとnextボタンのスタイル変更 */
.vk_slider .swiper-button-next,
.vk_slider .swiper-button-prev,
.vk_post_list_slider .swiper-button-next,
.vk_post_list_slider .swiper-button-prev {
  width: 3.4375rem !important;
  height: 3.4375rem !important;
  background: linear-gradient(45deg,#fc575e 0%, #f7b42c 100%) !important;
  border-radius: 50% !important;
}

/* prevボタンの位置調整 */
.swiper-button-prev {
  left: 6% !important;
}

/* nextボタンの位置調整 */
.swiper-button-next {
  right: 6% !important;
}

/* prev,nextボタンの矢印のスタイリング */
.swiper-button-next:after,
.swiper-button-prev:after {
  color: #fff;
  font-size: 1rem !important;
}

.vk_post_imgOuter_singleTermLabel {
  font-size: 0.875rem !important;
  top: auto !important;
  right: auto !important;
  left: 0;
  bottom: 0;
  padding: 0.3rem 1.6rem !important;
}

/* SP時のスライダーボタンの位置調整 */
@media (max-width: 575.98px) {
  .vk_post_list_slider .swiper-button-next.swiper-button-mobile-bottom,
  .vk_post_list_slider .swiper-button-prev.swiper-button-mobile-bottom {
    top: unset;
    bottom: 66%;
  }
}

/* スライダー下の3つのバナーボタン（はじめての方、ログイン・会員登録、LINE登録はこちら） */

.top-banner-button {
  width: 20.875rem !important;
  height: 7.5rem !important;
  position: relative;
  overflow: visible;
}

.top-banner-button::after {
  position: absolute;
  content: "";
  z-index: 2;
}

/* 「はじめての方」のイラスト */
.top-banner-button--about::after {
  width: 9.23rem;
  height: 11rem;
  right: 2%;
  top: -25%;
  background: url("https://sketto.jp/wp-content/uploads/2024/11/top-banner-button-img01.png") no-repeat center center / contain;
}

/* 「ログイン・会員登録」のイラスト */
.top-banner-button--login::after {
  width: 7.9rem;
  height: 10.4rem;
  right: 7%;
  top: -20%;
  background: url("https://sketto.jp/wp-content/uploads/2024/11/top-banner-button-img02.png") no-repeat center center / contain;
}

/* 「LINE登録はこちら」のイラスト */
.top-banner-button--line::after {
  width: 6.62rem;
  height: 9.66rem;
  right: 10%;
  top: -10%;
  background: url("https://sketto.jp/wp-content/uploads/2024/11/top-banner-button-img03.png") no-repeat center center / contain;
}

/* リンクの下線 */
.top-banner-button-link .vk_button_link_txt {
  text-decoration: underline !important;
  text-underline-offset: 0.125em;
}

/* リンクホバー時の挙動制御 */
.top-banner-button-link:hover {
  text-decoration: none !important;
}

/* リンクの後ろの三角 */
.top-banner-button-link .vk_button_link_after::before {
  margin-left: 0.4rem !important;
  color: #FC575E;
}

/* LINEのロゴタイトル */
.line-logo-title {
  width: 6.74rem !important;
  height: 2.35rem !important;
}

/* カテゴリーの箇所 */
.search-filter-input-button {
  border-radius: 1.875rem;
  padding: 0.4rem 1.2rem !important;
}


/* 地域から探すの箇所 */

.search-filter-field--id-16 .search-filter-input-button-group {
  flex-direction: column;
  align-items: normal;
  gap: 1.25rem;
}

.search-filter-field--id-16 .search-filter-input-button {
  background: #fff;
  border-radius: 0.625rem;
  border-color: #ccc;
  margin-right: 0;
  justify-content: start;
  color: #000;
  font-size: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1.25rem;
  position: relative;
}

.search-filter-field--id-16 .search-filter-input-button::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 4%;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  color: #FC575E;
}



/**
 * ***************************************
 * 	トップへ戻るボタンのカスタマイズ
 * ***************************************
 */

/*上に戻るボタンカスタマイズ*/
.page_top_btn {

  /*ボタンの大きさ*/
  width: 8.875rem;
  height: 3.625rem;

  /*ボーダー打ち消し*/
  border: none;

  /*ボタンの中の画像（デフォルトのもの）*/
  background: url("https://sketto.jp/wp-content/uploads/2024/11/pagetop.png") no-repeat center center / contain;

  /*シャドウ効果なし*/
  box-shadow: none;

  /* 下からの位置 */
  bottom: 20%;
}




/**
 * ***************************************
 * 	SKETTOは学生の起業を応援します！の箇所
 * ***************************************
 */

/* カードを中央揃え */
.wp-block-columns.alignwide.pr-cards {
  /* margin-inline: auto !important; */
}

/* スポンサーのテキストの最大幅制御 */
.sponsor-txt {
  max-width: 702px;
}



/**
 * ***************************************
 * 	ログイン画面
 * ***************************************
 */

/* すべて中央揃え */
#bp-login-widget-form {
  text-align: center;
}

/* ログイン・ログアウトページのコンテナー */
.logIn-container,
.logOut-container {
  margin-inline: auto !important;
  border-radius: 10px !important;
}


/* buddypressの幅設定と中央揃え */
.widget_bp_core_login_widget.buddypress.widget.wp-block-bp-login-form {
  width: 72.7%;
  margin-inline: auto;
}

@media screen and (max-width:768px) {
/* SP時の幅調整 */
.widget_bp_core_login_widget.buddypress.widget.wp-block-bp-login-form {
  width: 90%;
}

}

/* ラベルとインプットを横並びに */
.login-username,
.login-password {
  display: flex;
  align-items: center;
}

/* パスワード欄のマージン調整 */
.login-password {
  margin-bottom: 0;
  margin-top: 2.5rem;
}

/* ラベルのマージンと幅調整 */
.login-username label,
.login-password label {
  margin: 0 !important;
  width: 26% !important;
}

/* インプットの幅とスタイル調整 */
.login-username input,
.login-password input {
  width: 74% !important;
  border-color: #C0C6CB !important;
  background: #fff !important;
}


.login-username,
.bp-login-widget-user-login {
  margin: 0;
}

/* ログイン状態を保持する */
.login-remember {
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  font-size: 0.94rem;
}

/* 「ログイン状態を保持する」の下線 */
.login-remember::after {
  position: absolute;
  content: "";
  width: 88%;
  bottom: 16%;
  height: 1px;
  background: #000;
  left: 50%;
  transform: translateX(-43%);
}

/* 「ログイン状態を保持する」のマージン調整 */
.login-remember label {
  margin: 0 !important;
}

/* パスワードをお忘れですか？を中央揃え */
.bp-login-widget-pwd-link {
  text-align: center;
  font-size: 0.94rem;
  margin-top: 2rem;
}

/* パスワードをお忘れですか？の文字サイズ */
.bp-login-widget-pwd-link a {
  font-size: 0.94rem;
}

/* buddypressのログインボタンと新規登録ボタン */
.login-submit input,
.bp-login-widget-register-link {
  display: inline-block;
  width: 8.75rem !important;
  border-radius: 1.875rem;
  text-align: left;
  position: relative;
}

.login-submit::after,
.bp-login-widget-register-link::after {
  position: absolute;
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  right: 7%;
  background: url("https://sketto.jp/wp-content/uploads/2024/11/caret-right-solid.png") no-repeat center center / contain;
}

.bp-login-widget-register-link a {
  background: linear-gradient(45deg, #fc575e 0%, #f7b42c 100%);
  display: inline-block;
  width: 8.75rem !important;
  border-radius: 1.875rem;
}

#bp-login-widget-form .bp-login-widget-register-link a {
  filter: none;
}

/**
 * ---------------------------------------
 * 	SKETTOとは
 */ 

/* 目次を消す */
.post-name-about #toc_container {
  display: none;
}

/* デフォルトで入るスペーサーを削除 */
.post-name-about .wp-block-spacer {
  display: none;
}

/**
 * ---------------------------------------
 * 	FV
 */

.about-fv {
  position: relative;
  overflow: hidden;
}

.about-fv-lead {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}

.about-fv-bg-text01,
.about-fv-bg-text03,
.about-fv-bg-text02,
.about-fv-bg-text04 {
    width: clamp(1618.5px, 3237 / 1920 * 100vw, 3237px);
    height: clamp(109px, 218 / 1920 * 100vw, 218px);
    background: url('https://sketto.jp/wp-content/uploads/2025/01/about-fv-bg-text.svg') repeat-x center / contain;
} 

.about-fv-bg-text01,
.about-fv-bg-text03 {
  animation: text-flow01 20s linear infinite;
}

@keyframes text-flow01 {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.about-fv-bg-text02,
.about-fv-bg-text04 {
  animation: text-flow02 20s linear infinite;
}

@keyframes text-flow02 {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 0;
  }
}

.about-fv-lead {
  width: clamp(310px, 1037 / 1920 * 100vw, 1037px);
}




/**
 * ---------------------------------------
 * 	あなたの想いを実現するために 仲間を見つけて挑戦しよう。
 */

.about-2nd-section-lead {
  font-size: clamp(22px, 64 / 1920 * 100vw, 64px);
}

.about-2nd-section-text {
  font-size: clamp(13px, 21 / 1920 * 100vw, 21px);
}

.blue-speech-bubble--about {
  width: fit-content;
  font-size: clamp(13px, 21 / 1920 * 100vw, 21px);
  padding-right: clamp(0px, 39 / 1920 * 100vw, 39px) !important;
  padding-left: clamp(0px, 39 / 1920 * 100vw, 39px) !important;
}


/**
 * ---------------------------------------
 * 	カテゴリーから仲間を探す
 */

.search-from-categories-title {
  font-size: clamp(18px, 36 / 1920 * 100vw, 36px);
}

.about-3rd-section-title {
  font-size: clamp(24px, 54 / 1920 * 100vw, 54px);
}

/* カテゴリーリストを横並びに */
.search-from-categories ul {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}


/* 各カテゴリーのスタイル調整 */
.search-from-categories li {
  border-radius: 1.875rem;
  width: fit-content;
  transition: all 0.3s ease 0s;
}

/* クリック領域を親要素いっぱいに */
.search-from-categories .wp-block-categories-list li a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0.5rem 1.8rem !important;
  transition: all 0.3s ease 0s;
  font-size: 1rem;
}

/* aタグのデフォルトのホバー効果を打ち消す（） */
.search-from-categories ul:is(.wp-block-archives-list, .wp-block-categories-list, .vk_ancestorPageList_list, .vk_taxonomy-list, .vk_archive-list) li a:hover {
  background-color: unset !important;
}

/* カテゴリー：IT */
.search-from-categories .cat-item-139 {
  background-color: #2b4ae1;
  border: 1px solid #2b4ae1;
}

/* ホバーしたら色反転 */
.search-from-categories .cat-item:hover {
  background-color: #fff;
}

/* ホバーしたら文字色反転 */
.search-from-categories .cat-item-139:hover a {
    color: #2b4ae1;
}

/* カテゴリー：ものづくり */
.search-from-categories .cat-item-135 {
  background-color: #fc8f22;
  border: 1px solid #fc8f22;
}

/* ホバーしたら文字色反転 */
.search-from-categories .cat-item-135:hover a {
  color: #fc8f22;
}

/* カテゴリー：地域活性 */
.search-from-categories .cat-item-132 {
  background-color: #f64894;
  border: 1px solid #f64894;
}

/* ホバーしたら文字色反転 */
.search-from-categories .cat-item-132:hover a {
  color: #f64894;
}

/* カテゴリー：教育・子ども */
.search-from-categories .cat-item-136 {
  background-color: #26bddf;
  border: 1px solid #26bddf;
}

/* ホバーしたら文字色反転 */
.search-from-categories .cat-item-136:hover a {
  color: #26bddf;
}

/* カテゴリー：海外 */
.search-from-categories .cat-item-140 {
  background-color: #999999;
  border: 1px solid #999999;
}

/* ホバーしたら文字色反転 */
.search-from-categories .cat-item-140:hover a {
  color: #999999;
}

/* カテゴリー：環境 */
.search-from-categories .cat-item-134 {
  background-color: #58be20;
  border: 1px solid #58be20;
}

/* ホバーしたら文字色反転 */
.search-from-categories .cat-item-134:hover a {
  color: #58be20;
}

/* カテゴリー：社会貢献 */
.search-from-categories .cat-item-138 {
  background-color: #f1f117;
  border: 1px solid #f1f117;
}

/* ホバーしたら文字色反転 */
.search-from-categories .cat-item-138:hover a {
  color: #f1f117;
}

/* カテゴリー：食 */
.search-from-categories .cat-item-137 {
  background-color: #e93c3d;
  border: 1px solid #e93c3d;
}

/* ホバーしたら文字色反転 */
.search-from-categories .cat-item-137:hover a {
  color: #e93c3d;
}

/* 各カテゴリーのリンクのスタイル調整 */
.search-from-categories .cat-item a {
  border-bottom: none !important;
  color: #fff;
}

/**
 * ---------------------------------------
 * 	募集or賛同
 */

.boshu-or-sando-headline {
  width: clamp(280px , 564 / 1920 * 100vw, 564px);
}

/* カードの高さ指定 */
.boshu-or-sando {
  height: clamp(360px , 556 / 1920 * 100vw, 556px);
}

/* カードのパディングの設定 */
.boshu-or-sando .wp-block-cover {
  padding-top: clamp(20px, 60 / 1920 * 100vw, 60px);
  padding-bottom: clamp(30px, 80 / 1920 * 100vw, 80px);
}

/* 募集のカードのパディング指定 */
.boshu {
  padding-right: clamp(0px, 106 / 1920 * 100vw, 106px);
  padding-left: clamp(0px, 113 / 1920 * 100vw, 113px);
  position: relative;
  height: 100%;
}

/* 募集のカードのイラスト */
.boshu::before {
  position: absolute;
  content: "";
  width: clamp(100px , 298 / 1920 * 100vw, 298px);
  height: clamp(88px , 266 / 1920 * 100vw, 266px);
  background: url("https://sketto.jp/wp-content/uploads/2025/01/boshu-illustration.png") no-repeat center center / contain;
  top: 10%;
  right: 10%;
  z-index: 2;
}

/* 賛同のカードのパディング指定 */
.sando {
  padding-right: clamp(0px, 147 / 1920 * 100vw, 147px);
  padding-left: clamp(52px, 104 / 1920 * 100vw, 104px);
  height: 100%;
}

/* 賛同のカードのイラスト */
.sando::before {
  position: absolute;
  content: "";
  width: clamp(70px, 157 / 1920 * 100vw, 157px);
  height: clamp(70px, 156 / 1920 * 100vw, 156px);
  background: url("https://sketto.jp/wp-content/uploads/2025/01/sando-illustration.png") no-repeat center center / contain;
  top: 23%;
  left: 12%;
  z-index: 2;
}

/* 「ファウンダー」の「と文の開始位置を合わせるための調整 */
.boshu .boshu-or-sando-title01,
.boshu .boshu-or-sando-title02,
.boshu .boshu-or-sando-text {
  padding-left: clamp(0px, 30 / 1920 * 100vw, 30px);
}

/* 「仲間に」「賛同する」の位置調整 */
.sando .boshu-or-sando-title01,
.sando .boshu-or-sando-title02 {
  padding-left: clamp(80px, 230 / 1920 * 100vw, 230px);
}


/* 「サポーター」の位置調整 */
.sando .boshu-or-sando-title03 {
  padding-left: clamp(70px, 200 / 1920 * 100vw, 200px);
}

/* 「仲間を」「仲間に」のフォントサイズ */
.boshu-or-sando-title01 {
  font-size: clamp(28.5px, 57 / 1920 * 100vw, 57px);
}

/* 「募集する」「賛同する」のフォントサイズ */
.boshu-or-sando-title02 {
  font-size: clamp(43.5px, 87 / 1920 * 100vw, 87px);
}

/* 「ファウンダー」「サポーター」のフォントサイズ */
.boshu-or-sando-title03 {
  font-size: clamp(25px, 50 / 1920 * 100vw, 50px);
}

/* 新規登録ボタンのフォントサイズ */
.boshu-or-sando-text {
  font-size: clamp(12px, 16 / 1920 * 100vw, 16px);
}

/* 新規登録ボタンのスタイル調整 */
.boshu-or-sando-button a {
  text-align: left;
  width: clamp(150px , 216 / 1920 * 100vw, 216px);
  padding-right: 0.5rem !important;
}

/* 新規登録と矢印をspace-betweenに */
.boshu-or-sando-button .vk_button_link_caption {
  display: flex;
  justify-content: space-between;
}


/**
 * ---------------------------------------
 * 	起業やボランティアなど 様々な夢が実現してきました
 */

.about-post-list-title {
  font-size: clamp(24px, 54 / 1920 * 100vw, 54px) !important;
}

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

/* リストのmargin-bottom */
.about-post-list .card-horizontal.vk_post-col-xxl-12 {
  margin-bottom: 5rem !important;
}

/* 投稿の右・下のパディングをゼロに */
.about-post-list .card-horizontal .card-body {
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

/* 投稿の左右マージンをゼロに */
.about-post-list .vk_post {
  margin-right: 0;
  margin-left: 0;
}

/* リストのmargin-bottom(SP) */
@media (max-width: 575.98px) {
  .about-post-list .card-horizontal.vk_post-col-xxl-12 {
    margin-bottom: 3rem !important;
  }
}

/* カードの背景、ボーダー */
.about-post-list .card {
  background: none !important;
  border: none;
}

/* カードのコンテンツのpadding-topなしに */
.about-post-list .vk_post_body {
  padding-top: 0.5rem !important;
  padding-left: clamp(16px, 30 / 1920 * 100vw, 30px) !important;
}

/* カードのサムネイルのborder-rightをなしに */
.about-post-list .vk_post.card-horizontal .vk_post_imgOuter {
  border-right: none;
}

/* カードの高さの最大値設定 */
.about-post-list .card-horizontal-inner-row {
  max-height: 337px;
}

/* カードのタイトルのフォントサイズ調整 */
.about-post-list .vk_post_title {
  font-size: clamp(14px, 28 / 1920 * 100vw, 28px) !important;
}

/* カードのタイトルの下線消す */
.about-post-list .vk_post_title a {
  text-decoration: none;
}

/**
 * ---------------------------------------
 * 	よくある質問
 */

.faq-title {
  font-size: clamp(27px, 54 / 1920 * 100vw, 54px);
}

/* よくある質問の幅 */
.vk_faq-body {
  max-width: 1024px;
}

/* faqの間の余白調整 */
.vk_faq-body {
  margin-bottom: 0;
}

.wp-block-vk-blocks-faq2-q.vk_faq_title {
  padding-top: 0.875rem;
  padding-right: 2.6rem;
  padding-bottom: 1rem;
}

.vk_faq .vk_faq_content {
  padding-top: 1.68rem;
  padding-bottom: 1.75rem;
}

/* Q&Aのpadding-leftの調整 */
.wp-block-vk-blocks-faq2-a.vk_faq_content,
.wp-block-vk-blocks-faq2-q.vk_faq_title {
  padding-left: 4.56rem !important;
}

/* 「Q」のスタイル変更 */
.vk_faq .vk_faq_title:before {
  content: "Q." !important;
  color: #F365F8 !important;
  padding-left: 2.1rem;
  padding-top: 0.2rem;
}

/* 「Q」のボーダーのスタイル */
.vk_faq .vk_faq_title {
  border: 1px solid #ccc;
  border-radius: 10px 10px 0 0;
}

/* 「A」のスタイル変更 */
.vk_faq .vk_faq_content:before {
  content: "A." !important;
  color: #1C65F8 !important;
  padding-left: 2.1rem;
  padding-top: 0.95rem;
}

/* 「A」のボーダーのスタイル */
.vk_faq .vk_faq_content {
  border: 1px solid #ccc;
  border-radius: 0 0 10px 10px;
  border-top: none;
}

/* VK blocksのFAQのデフォルトの下線を消す */
.wp-block-vk-blocks-faq2.vk_faq {
  border-bottom: none;
}


 /* リンクの後ろの三角 */
.top-banner-button-link--about .vk_button_link_after::before {
  margin-left: 0.4rem !important;
  color: #fff !important;
}


/* SKETTOをはじめよう */


.start-sketto-title {
  font-size: clamp(32px, 64 / 1920 * 100vw, 64px);
}


/**
 * ***************************************
 * 	ログイン
 * ***************************************
 */

/* 画面右上に表示される「ログアウトしますか？」を非表示に */
#logout-confirmation {
  display: none;
}

/* ログイン状態の時はログイン画面を表示させない */
body.logged-in .logIn-container {
  display: none !important;
}

/* アバターとユーザー名を非表示 */
body.logged-in .bp-login-widget-user-link,
body.logged-in .bp-login-widget-user-avatar {
  display: none;
}

/* 下線を消去 */
.bp-login-widget-user-logout .logout {
  text-decoration: none;
}

.bp-login-widget-user-logout a {
  display: inline-block;
  width: 8.75rem;
  height: 2.875rem;
  line-height: 2.875rem;
  color: #fff;
  border-radius: 1.875rem;
}

.no-button a {
  width: 8.75rem;
  height: 2.875rem;
  text-align: left;
  font-weight: bold;
}

.no-button.vk_button .vk_button_link_after {
  margin-left: 4rem !important;
}

.bp-login-widget-user-logout {
  width: fit-content;
}

.bp-login-widget-user-links {
  width: fit-content;
  margin: 0 !important;
}

.yes-button {
  width: fit-content;
}

.yes-button .widget_bp_core_login_widget.buddypress.widget.wp-block-bp-login-form {
  width: fit-content;
  margin-inline: unset;
  margin-left: auto;
}

@media screen and (max-width:781px) {
  .yes-button .widget_bp_core_login_widget.buddypress.widget.wp-block-bp-login-form {
    margin-left: unset !important;
  }
}

.wp-block-column.is-vertically-aligned-center {
  align-self: auto;
}

/**
 * ---------------------------------------
 * 	founder個別ページ
 */

/* founderのアイコンとファウンダー名の横並びを上下中央に */
.icon-founder-name {
  align-items: center !important;
}

/* シャドウ */
.founder-single-sidemenu-top,
.founder-single-toc,
.founder-single-content {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

/* 引用 */

/* デフォルトのborder-leftをnoneに */
.founder-single-quotation {
  border-left: none;
}