@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: 600px;

  padding-bottom: 16px;
  opacity: 1;
}
*/
/* --- 管理画面エディタタブ ---*/
/* タブ全体のスタイル */
.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-content {
  display: none;
  padding: 20px 0;
}

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


.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;
}


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

.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;
}

.thumbnail_main_image{
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

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

}

.gbTabbar{
  padding-bottom: 0;
}

.afterButton{
  display:none;
}
@media only screen and (min-width: 1024px) {
  .pcPoint{
    pointer-events: none!important;
    cursor: none;
  }

}

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


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

.lyMovieWrap{
  width: 100%;
  aspect-ratio: 16 / 9;

}
.lyMovieWrap iframe {
  width: 100% !important;
  height: 100% !important;
}

.lyTopMovieWrap{
  word-break: break-all;
}

.lyW480px{
  width:480px;
}

.borderMovie{
  border: 2px solid #E60028;
}
@media only screen and (max-width: 640px) {

  .lyW480px{
    width:240px;
  }

}