@charset "UTF-8";


.dBtn{
  text-decoration: none;
}

.isBackGroundRotate:after{
  transform: rotate(180deg);

}

.isDefaultSortIcon:after{
  content:"↕" !important;
  background-image: none !important;
}

input[type=datetime-local],.freeArea {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding: 6px 12px;
  border-radius: 6px;
  width: 100%;
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
  color: #333333;
  resize: none;
}

.lyCenter{
  margin:0 auto;
  text-align: center;

  padding: 10px 6px;
}

.gbSideMenuLink.dLoginBlock .dIcon {
  background-image: url(../images/iconBlockIpsGray.svg);
}
.gbSideMenuLink.dAdminUser .dIcon {
  background-image: url(../images/iconAdminUser.svg);
}


.gbSideMenuLink.dSchoolKeyword .dIcon {
  background-image: url(../images/iconKeywordGrey.svg);
}

.gbSideMenuLink.dLogoutGrey .dIcon {
  background-image: url(../images/iconLogoutGrey.svg);
}

.gbSideMenuLink.dSchoolAccount .dIcon {
  background-image: url(../images/iconSchoolAccountGrey.svg);
}

.gbSideMenuLink.dSchoolContract .dIcon {
  background-image: url(../images/iconSchoolContractGrey.svg);
}

.dSchoolAdjustment .dSell:nth-child(3) {
  max-width:500px;
}

.dSchoolAdjustment .dSell:nth-child(4) {
  flex: 1 1 0%!important;
}

.isConstruction{
  opacity: 0.5;
}

.dSearchBtn{
  margin-left:25px;
}

.modWhtieListAreaSearch{
  border-bottom: none!important;
}

.gbWrapper form{
  width:100%;
}
.gbSideMenu{
  height: 100%;
  min-height: 100vh;
}
@media only screen and (max-width: 1023px) {
  .pcForm {
    display: none;
  }
}


.modModalWindow{
  /*height: auto!important;*/
}

.isOpenSpForm{
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  width: 100%!important;
  opacity: 1!important;
  visibility: visible!important;
  margin: 0 14px 0 6px!important;
}

/* Editor.jsの出力エリアに対するスタイル */
.editor-body p {
  /* 編集画面と同じくらいの余白（上下に0.4文字分） */
  padding: 0.4em 0;
  /* 必要に応じて行間も調整 */
  line-height: 1.8;
  margin: 0; /* paddingで余白を取るならmarginは0にする */
}

/* 連続する br タグの2つ目を非表示にする */
.editor-body p br + br {
  display: none;
}

/* 画像など他の要素の余白も調整 */
.editor-body img {
  max-width: 100%;
  height: auto;
  margin: 1em 0;
}

/* ▼ここからが切り替えの核となる部分▼ */
/* チェックされたラジオボタンに続くコンテンツを表示 */
#tab01-formlist:checked ~ #tabContent01-formlist,
#tab02-formlist:checked ~ #tabContent02-formlist,
#tab03-formlist:checked ~ #tabContent03-formlist,
#tab04-formlist:checked ~ #tabContent04-formlist,
#tab05-formlist:checked ~ #tabContent05-formlist,
#joinTabSns:checked ~ #joinTabContentSns,
#joinTabEmail:checked ~ #joinTabContentEmail,
#loginTabSns:checked ~ #loginTabContentSns,
#loginTabEmail:checked ~ #loginTabContentEmail {
  display: block;
}

/* チェックされたラジオボタンに対応するタブメニューのスタイルを変える */
#tab01-formlist:checked ~ .modTabLine #tabMenu01-formlist,
#tab02-formlist:checked ~ .modTabLine #tabMenu02-formlist,
#tab03-formlist:checked ~ .modTabLine #tabMenu03-formlist,
#tab04-formlist:checked ~ .modTabLine #tabMenu04-formlist,
#tab05-formlist:checked ~ .modTabLine #tabMenu05-formlist,
#joinTabSns:checked ~ .modTabLine #joinTabMenuSns,
#joinTabEmail:checked ~ .modTabLine #joinTabMenuEmail,
#loginTabSns:checked ~ .modTabLine #loginTabMenuSns,
#loginTabEmail:checked ~ .modTabLine #loginTabMenuEmail {
  background-color: rgb(64, 104, 170);
  color: rgb(255, 255, 255);
  cursor: default;
  pointer-events: none;
}
#tab01-formlist:checked ~ .modTabLine #tabMenu01-formlist::before,
#tab02-formlist:checked ~ .modTabLine #tabMenu02-formlist::before,
#tab03-formlist:checked ~ .modTabLine #tabMenu03-formlist::before,
#tab04-formlist:checked ~ .modTabLine #tabMenu04-formlist::before,
#tab05-formlist:checked ~ .modTabLine #tabMenu05-formlist::before,
#joinTabSns:checked ~ .modTabLine #joinTabMenuSns::before,
#joinTabEmail:checked ~ .modTabLine #joinTabMenuEmail::before,
#loginTabSns:checked ~ .modTabLine #loginTabMenuSns::before,
#loginTabEmail:checked ~ .modTabLine #loginTabMenuEmail::before {
  background-color: rgb(255, 255, 255);
}



/* -------------------------- */
#tab01-newslist:checked ~ #tabContent01-newslist,
#tab02-newslist:checked ~ #tabContent02-newslist,
#tab03-newslist:checked ~ #tabContent03-newslist,
#tab04-newslist:checked ~ #tabContent04-newslist,
#tab05-newslist:checked ~ #tabContent05-newslist,
#joinTabSns:checked ~ #joinTabContentSns,
#joinTabEmail:checked ~ #joinTabContentEmail,
#loginTabSns:checked ~ #loginTabContentSns,
#loginTabEmail:checked ~ #loginTabContentEmail {
  display: block;
}

/* チェックされたラジオボタンに対応するタブメニューのスタイルを変える */
#tab01-newslist:checked ~ .modTabLine #tabMenu01-newslist,
#tab02-newslist:checked ~ .modTabLine #tabMenu02-newslist,
#tab03-newslist:checked ~ .modTabLine #tabMenu03-newslist,
#tab04-newslist:checked ~ .modTabLine #tabMenu04-newslist,
#tab05-newslist:checked ~ .modTabLine #tabMenu05-newslist,
#joinTabSns:checked ~ .modTabLine #joinTabMenuSns,
#joinTabEmail:checked ~ .modTabLine #joinTabMenuEmail,
#loginTabSns:checked ~ .modTabLine #loginTabMenuSns,
#loginTabEmail:checked ~ .modTabLine #loginTabMenuEmail {
  background-color: rgb(64, 104, 170);
  color: rgb(255, 255, 255);
  cursor: default;
  pointer-events: none;
}
#tab01-newslist:checked ~ .modTabLine #tabMenu01-newslist::before,
#tab02-newslist:checked ~ .modTabLine #tabMenu02-newslist::before,
#tab03-newslist:checked ~ .modTabLine #tabMenu03-newslist::before,
#tab04-newslist:checked ~ .modTabLine #tabMenu04-newslist::before,
#tab05-newslist:checked ~ .modTabLine #tabMenu05-newslist::before,
#joinTabSns:checked ~ .modTabLine #joinTabMenuSns::before,
#joinTabEmail:checked ~ .modTabLine #joinTabMenuEmail::before,
#loginTabSns:checked ~ .modTabLine #loginTabMenuSns::before,
#loginTabEmail:checked ~ .modTabLine #loginTabMenuEmail::before {
  background-color: rgb(255, 255, 255);
}


b{
  font-weight: bold!important;
}
/* ■ 閉じた状態（基本） */
.pOpenCloseItem {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

  max-height: 0;
  height: inherit;
  padding-top: 0;
  padding-bottom: 0;

  padding-left: 16px;
  padding-right: 16px;

  overflow: hidden;
}

/* ■ 開いた状態 */
.pOpenCloseCheck:checked ~ .pOpenCloseItem {
  max-height: 5600px;

  padding-bottom: 16px;
  opacity: 1;
}

.pBorderLeft6pxSolidRed {
  border-left: 6px solid #E60028;
}



.dBtn {
  text-decoration: none;
}

input[type=datetime-local],
.freeArea {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding: 6px 12px;
  border-radius: 6px;
  width: 100%;
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
  color: #333333;
  resize: none;
}

.lyCenter {
  margin: 0 auto;
  text-align: center;
  padding: 10px 6px;
}

b {
  font-weight: bold !important;
}

/* --- 学校タグ（Bから移植した機能） --- */
.school-tag-b {
  display: inline-flex;
  align-items: center;
  background-color: #e0e0e0;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.9em;
}

.remove-school-btn-b {
  margin-left: 6px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1.2em;
  padding: 0;
  line-height: 1;
}

/* --- Editor.js 出力エリアスタイル --- */
.editor-body p {
  padding: 0.4em 0;
  line-height: 1.8;
  margin: 0;
}

.editor-body p br + br {
  display: none;
}

.editor-body img {
  max-width: 100%;
  height: auto;
  margin: 1em 0;
}

/* --- 管理画面エディタタブ（JS制御用） --- */
.tab-group {
  display: flex;
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
  border-bottom: 2px solid #eee;
}

.tab-item {
  padding: 10px 20px;
  cursor: pointer;
  background: #f8f8f8;
  border: 1px solid #eee;
  border-bottom: none;
  margin-right: 5px;
  transition: 0.3s;
}

.tab-item.is-active {
  background: #fff;
  border-top: 3px solid #007bff;
  font-weight: bold;
  position: relative;
  bottom: -2px;
}

.tab-item.is-locked {
  opacity: 0.3;
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
}

.tab-content {
  display: none;
  padding: 20px 0;
}

.tab-content.is-active {
  display: block;
}

/* --- ページネーション・ページ管理（HTML編集モード用） --- */
.page-flex-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f9f9f9;
  padding: 15px;
  border-radius: 4px;
}

.pager-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 5px;
}

.pager-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
  border-radius: 3px;
  font-weight: bold;
}

.pager-list li.is-active {
  background: #333;
  color: #fff;
  border-color: #333;
}

.pager-list li:hover:not(.is-active) {
  background: #eee;
}

/* --- ボタン類 --- */
.pWhiteRedBtn {
  border: 1px solid #d9534f;
  background: #fff;
  color: #d9534f;
  padding: 8px 15px;
  cursor: pointer;
  border-radius: 3px;
}

.pWhiteRedBtn:hover {
  background: #d9534f;
  color: #fff;
}

/* --- 画像・その他ヘルパー --- */
.thumbnail_main_image {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.isInvisibleArrow {
  opacity: 0;
  pointer-events: none;
}

.pBorderLeft6pxSolidRed {
  border-left: 6px solid #E60028;
}
.pBorderLeft6pxSolidBlue {
  border-left: 6px solid #4068aa;
}


.pNewDogEar {
  position: relative;
}
.pNewDogEar::before {
  content: "NEW";
  position: absolute;
  top: 8px;
  left: 4px;
  color: rgb(255, 255, 255);
  font-size: 1.4rem;
  font-weight: bold;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-family: "Noto Sans Japanese", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;

}
@media (hover: hover) {
  .pNewDogEar::before {
    top: 6px;
    left: 2px;
  }
}
.pNewDogEar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 56px 56px 0 0;
  border-color: #4068aa transparent transparent transparent;
}
@media (hover: hover) {
  .pNewDogEar::after {
    top: -2px;
    left: -2px;
  }
}

.isNoHover:hover{
  background-color: inherit!important;

}

/* custody/schoolのフォーム関連ここから～～～～～～ */

.modImageDropItem .dDelet{
  text-align: center;
}

.modImageDropArea.is-dragover {
  background-color: #f0fdf4;
  border: 2px dashed #22c55e;
}

.video-lightbox {
  display: none;
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.85);
  z-index: 10000; /* ヘッダー等より前面に出す */
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.video-lightbox.is-active {
  display: flex;
  opacity: 1;
}
.video-lightbox-content {
  position: relative;
  width: 80%;
  max-width: 900px;
}
.video-lightbox video {
  width: 100%;
  max-height: 80vh;
  outline: none;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  background: #000;
}
.video-lightbox-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: white;
  font-size: 36px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
}
.video-lightbox-close:hover {
  color: #ccc;
}

.examCategoryList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.examCategoryItem {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
}
.examCategoryToggle {
  display: none;
}
.examCategoryLabel {
  display: block;
  cursor: pointer;
  padding: 10px 12px;
  font-weight: bold;
  background: #f5f5f5;
}
.examCategoryLabel::after {
  content: '＋';
  float: right;
}
.examCategoryToggle:checked + .examCategoryLabel::after {
  content: '－';
}
.examCategoryDrawer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: #fff;
}
.examCategoryToggle:checked + .examCategoryLabel + .examCategoryDrawer {
  max-height: 49999px;
}

.examYearRow {
  display: flex;
  align-items: flex-start;
  margin-bottom: 6px;
}
.examYearLabel {
  line-height: 2.3;
  width: 80px;
}
.examYearInputs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.examTypeLabel {
  margin-right: 4px;
  line-height: 2.3;
  min-width: 56px;
}
.examYearBlock {
  margin-bottom: 16px;
}

.examYearRow {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.examYearLabel {
  width: 80px;
  line-height: 2.3;
}

.examTypeLabel {
  width: 80px;
  line-height: 2.3;
}


/* --- インラインスタイルから抽出したCSS --- */
.fc-red { color: red; }
.flex-row { display: flex; }
.lh-23 { line-height: 2.3; }
.mr-15 { margin-right: 15px; }
.pos-rel { position: relative; }
.p-8-16 { padding: 8px 8px 16px 16px; }

/* --- 画像・動画プレビュー周りのCSS --- */
.media-list-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding-top: 15px;
  list-style: none;
}
.media-item-box {
  position: relative;
  width: 180px;
  height: 190px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
}
.media-thumb-wrap {
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f9f9f9;
  position: relative;
}
.media-thumb-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.media-thumb-img.is-video {
  cursor: pointer;
}
.media-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  padding-left: 3px;
}
/*
.media-delete-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #ef4444;
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: none;
  cursor: pointer;
  z-index: 10;
}
 */
.media-controls {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  z-index: 5;
}
.media-btn-move {
  padding: 4px 12px;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #f0f0f0;
  border-radius: 4px;
}

/* --- 既存のCSS --- */
.modImageDropArea.is-dragover {
  background-color: #f0fdf4;
  border: 2px dashed #22c55e;
}
.video-lightbox {
  display: none;
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.85);
  z-index: 10000;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.video-lightbox.is-active {
  display: flex;
  opacity: 1;
}
.video-lightbox-content {
  position: relative;
  width: 80%;
  max-width: 900px;
}
.video-lightbox video {
  width: 100%;
  max-height: 80vh;
  outline: none;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  background: #000;
}
.video-lightbox-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: white;
  font-size: 36px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
}
.video-lightbox-close:hover {
  color: #ccc;
}

.examCategoryList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.examCategoryItem {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
}
.examCategoryToggle {
  display: none;
}
.examCategoryLabel {
  display: block;
  cursor: pointer;
  padding: 10px 12px;
  font-weight: bold;
  background: #f5f5f5;
}
.examCategoryLabel::after {
  content: '＋';
  float: right;
}
.examCategoryToggle:checked + .examCategoryLabel::after {
  content: '－';
}
.examCategoryDrawer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: #fff;
}
.examCategoryToggle:checked + .examCategoryLabel + .examCategoryDrawer {
  max-height: 49999px;
}

.examYearRow {
  display: flex;
  align-items: flex-start;
  margin-bottom: 6px;
}
.examYearLabel {
  line-height: 2.3;
  width: 80px;
}
.examYearInputs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.examTypeLabel {
  margin-right: 4px;
  line-height: 2.3;
  min-width: 56px;
}
.examYearBlock {
  margin-bottom: 16px;
}

.examYearRow {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.examYearLabel {
  width: 80px;
  line-height: 2.3;
}

.examTypeLabel {
  width: 80px;
  line-height: 2.3;
}
/* custody/schoolのフォーム関連ここまで～～～～～～ */

/* ショートムービーのサムネイル関連ここから～～～～～～ */

 .shortMovieThumbnail {
   width: 100%;
   aspect-ratio: 1 / 1.8;
   background-color: #000;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
 }

/* コンテナ内の画像 */
.shortMovieThumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.movie-item-box {
  position: relative;
  width: 200px;
  height: 370px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
}

.movie-thumb-wrap {
  width: 100%;
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f9f9f9;
  position: relative;
}

.movie-btn-move {
  padding: 4px 12px;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #f0f0f0;
  border-radius: 4px;
}

.lyFlexImage{
  display: flex;
}

.lyFlexImage .gbMainSection{
  width:49%;
}
.lyFlexImage .gbMainSection:nth-child(1){
  margin-right:0.5%;
}
.lyFlexImage .gbMainSection:nth-child(2){
  margin-left:0.5%;
}

.notOauthText{
  display:none;
}

.isSearchingCustody {

  display: flex;}

.isSearchingCustody:before {
  content: "";
  display: block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 24px;
  height: 24px;
  margin-right:3px;
  -webkit-mask-size: 24px;
  mask-size: 24px;
  background-color: rgb(236,103,67);
  -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6 13.8L8.45 11.65C8.26667 11.4667 8.03333 11.375 7.75 11.375C7.46667 11.375 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.1 16.1 10.3333 16.2 10.6 16.2C10.8667 16.2 11.1 16.1 11.3 15.9L16.95 10.25C17.1333 10.0667 17.225 9.83333 17.225 9.55C17.225 9.26667 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6 13.8L8.45 11.65C8.26667 11.4667 8.03333 11.375 7.75 11.375C7.46667 11.375 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.1 16.1 10.3333 16.2 10.6 16.2C10.8667 16.2 11.1 16.1 11.3 15.9L16.95 10.25C17.1333 10.0667 17.225 9.83333 17.225 9.55C17.225 9.26667 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/></svg>')
}


#joinWindow,#loginWindow{
  max-height: 75vh;
}


.isLoginModal {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 transparent;
}

/* Chrome, Edge, Safari用の設定（WebKit系） */
.isLoginModal::-webkit-scrollbar {
  width: 8px; /* スクロールバーの幅を細くする */
}

.isLoginModal::-webkit-scrollbar-track {
  background: transparent; /* トラック（背景）を透明に */
  border-radius: 8px; /* トラックにも角丸をつける */
}

.isLoginModal::-webkit-scrollbar-thumb {
  background: #c1c1c1; /* スクロールバーのつまみの色 */
  border-radius: 8px; /* つまみを角丸にする */
}

.isLoginModal::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8; /* ホバー時の色 */
}