@charset "utf-8";
/***************************************************
information
  filename : private.css;
***************************************************/

/* ** private_custom start ** */
/****************** カスタムcss ******************/

/****************** 既存cssに対しての個別設定(ナビに関係する箇所) ******************/

#main.loginArea {margin: 0 auto;padding: 0 0 0 0;}

/* 基本ナビ制御 */
.mnaviArea .loginbtn a {background: #0077db;}/* ログインボタン装飾 */
.mnaviArea .logoutbtn a {background: #ad2783;}/* ログアウトボタン装飾 */
.mnaviArea .newregbtn a {background: #00af80;}/* 新規会員登録ボタン装飾 */
.mnaviArea .mypagebtn a {background: var(--app-ctm-cr);}/* マイページボタン装飾 */
.mnaviArea .dispatchbtn a {background: #145662;}/* 手配管理ボタン装飾 */
.mnaviArea .dispatchadminbtn a {background: #146245;}/* 手配管理ボタン装飾 */

#header .gnavis a {font-size: clamp(1.4rem, 1.4vw, 1.4rem);font-weight: normal;}

/*** ヘッダースクロール ***/
#spheaderMenu.spheadDez02 .scroll-Fixed {padding-bottom: 10.0rem;}
#spheaderMenu.spheadDez02 .scroll-Fixed .scrFixed {padding-bottom: 0;}
.login_det #spheaderMenu.spheadDez02 .scroll-Fixed,
.reg_det #spheaderMenu.spheadDez02 .scroll-Fixed,
.rmd_det #spheaderMenu.spheadDez02 .scroll-Fixed {padding-bottom: 5.8rem;}

#header.headDez02 .scroll-Fixed {padding-bottom: 12rem;}
#header.headDez02 .drawer .gnavis,
#header.headDez02 .drawer .fnavi {display: block;}
#header.headDez02 .drawer .gnavis li,
#header.headDez02 .drawer .fnavi li {display: block;}
#header.headDez02 .drawer .gnavis li a,
#header.headDez02 .drawer .fnavi li a {padding: 1.5rem;}
.login_det #header.headDez02 .scroll-Fixed,
.reg_det #header.headDez02 .scroll-Fixed,
.rmd_det #header.headDez02 .scroll-Fixed {padding-bottom: 5.8rem;}
.reg_det_sv #header.headDez02 .scroll-Fixed {padding-bottom: 10.5rem;}

.mnavitype03 .mnaviArea .LoginNavi a,
.mnavitype03 .mnaviArea .LinkNavi a {width: 120px;margin: 0.5rem;padding: 0.5rem 0;}
.mnavitype03 .memInfoBox {padding: 0 1.0rem 0 0;}

@media screen and (max-width: 600px) {
	.drawer .mnaviDez {padding: 0 0.5em;}
	.drawer .mnavitype03 .memInfoBox {padding: 0;}
}
/*** ヘッダーサブ調整 ***/
#headerSub {display: none;}

/*** 上部手配アプリ専用ナビの配色変更 ***/

/*** サブナビリンクカスタム設定 ***/
.btdezpt01 .DetSubBtArea {}

@media screen and (max-width: 600px) {
	.btdezpt01 .DetSubBtArea {margin: 1.5rem auto;width:100%;}
}
.btdezpt02 .DetSubBtArea {background: var(--app-ctm-cr);border-bottom: none;}
.btdezpt02 .DetSubBtArea ul {width: 960px;margin: 0 auto;}

@media screen and (max-width: 960px) {
	.btdezpt02 .DetSubBtArea ul {width: 100%;}
}
.btdezpt02 .DetSubBtArea a,
.btdezpt02 .DetSubBtArea span {color: #fff;}
.btdezpt02 .DetSubBtArea li.crt a {color: var(--app-ctm-txt);background: #000;}

.btdezpt03 .DetSubBtArea {margin: 0 auto;}
.btdezpt03 .DetSubBtArea li a {color: var(--app-ctm-txt);}
.btdezpt03 .DetSubBtArea li.crt a {border-bottom: 3px solid var(--app-DetSubBt-cr-crt);}

/*** マイページナビ ***/
.dispatch_naviTi {padding: 0.4rem 0.5rem;color: var(--app-ctm-txt);font-size: clamp(1.4rem, 1.4vw, 1.4rem);font-weight: bold;background: none;}/* ナビタイトル */
.mypCtmMain.mypagenav ul {padding: 1.0rem 0;border-top: var(--app-mypagenav-brd);border-bottom: var(--app-mypagenav-brd);}/* メインナビ */
.mypCtmMain.mypagenav a {margin: 0.2em 0;padding: 0.8em 0.5em 0.8em 2.8em;border: none;box-shadow: none;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

.mypCtmSub.mypagenav ul {padding: 1.0rem 0 4.0rem 0;}/* サブナビ */
.mypCtmSub.mypagenav a {margin: 0.2em 0;padding: 0.4em 0.5em 0.4em 2.8em;border: none;box-shadow: none;font-size: clamp(1.3rem, 1.0vw, 1.3rem);}
.drawer .mypCtmSub.mypagenav ul {padding: 1.0rem 0;}
.naviTpDark .mypTp01.mypagenav a {border-bottom: 1px dotted var(--app-ctm-brd);;}

/*** フッター部分 ***/

/* 基本レイアウト */
#footer.footDez02 .fnavi {
	padding: 1.5rem 0.5rem;
	text-align: center;
	border-top: 1px solid #1b1b1b;
	border-bottom: 1px solid #1b1b1b;
}
#footer.footDez02 .corpName {width: 850px;margin: 0 auto;padding: 2.5rem 0;}
#footer.footDez02 .corpNameArea {
	display: flex;
	gap: 2.0rem 2.0rem;
	align-items: center;
}

/* 住所設置 */
address {color: #bcbcbc;margin-bottom: 1.0rem;}
address p.name {font-size: clamp(1.4rem, 1.6vw, 1.6rem);padding: 0;line-height: 1.4em;} /* 名前 */
address p.add {font-size: clamp(1.0rem, 1.0vw, 1.0rem);padding: 0.5rem 0;line-height: 1.4em;} /* 住所 */
address p.cap {font-size: clamp(1.2rem, 1.2vw, 1.2rem);}/* サブキャプション */

/* コピーライト */
.copy {padding: 2.0rem 0;}

/****************** 既存cssに対しての個別設定(パーツに関係する箇所) ******************/

/*** 会員プロフィール設定 ***/

/* 会員写真枠 */
.myPhotoBox {
	background: none;
	border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
}
/*** 各種ボタン遷移設定 ***/

/* 共通設定 */
.NewOrdBt,
.EditDetBt {background: var(--app-ctm-cr);border: none;}/* 新規登録誘導ボタン *//* 各種編集誘導ボタン */

.BackListBt {background: var(--app-BackListBt-bg);border: 1px solid var(--app-BackListBt-brd);}/* 一覧に戻る誘導ボタン */
.EditOnBt {background: var(--app-EditOnBt-bg);border: 1px solid var(--app-EditOnBt-brd);}/* 各種処理をオンにするボタン */
.EditOffBt {background: var(--app-EditOffBt-bg);border: 1px solid var(--app-EditOffBt-brd);}/* 各種処理をオフにするボタン */
.OutLinkBt {background: var(--app-OutLinkBt-bg);border: 1px solid var(--app-OutLinkBt-brd);}/* 外部リンク等のボタン */
.inductionBtS {background: var(--app-inductionBtS-bg);border: 1px solid var(--app-inductionBtS-brd);}/* 単独処理等のボタン */

.btdezpt01 .inductionBtArea .BtM button,
.btdezpt01 .inductionBtArea .BtM a,
.btdezpt01 .inductionBtArea .BtM span {border-radius: 0.6rem;line-height: 1.0;}

/* 新規登録・戻る・編集等の各種誘導ボタン */
.btdezpt01 .NewOrdBt,
.btdezpt01 .BackListBt,
.btdezpt01 .EditDetBt,
.btdezpt01 .EditOnBt,
.btdezpt01 .EditOffBt,
.btdezpt01 .OutLinkBt {padding: 2.0rem 0;font-size: clamp(1.4rem, 1.0vw, 1.4rem);color: #1c1c1c;font-weight: bold;}

.btdezpt01.profBt {display: flex;justify-content: flex-end;}
.btdezpt01.profBt .inductionBtInn {width: 25.0rem;}

.btdezpt02 .NewOrdBt,
.btdezpt02 .BackListBt,
.btdezpt02 .EditDetBt,
.btdezpt02 .EditOnBt,
.btdezpt02 .EditOffBt,
.btdezpt02 .OutLinkBt,
.btdezpt02 .inductionBtS {width: 18.0rem;padding: 1.2rem 1.0rem;font-size: clamp(1.2rem, 1.0vw, 1.4rem);color: #1c1c1c;font-weight: bold;}

@media screen and (max-width: 600px) {
	.btdezpt02 .NewOrdBt,
	.btdezpt02 .EditDetBt,
	.btdezpt02 .inductionBtS {width: 18.0rem;padding: 1.0rem 1.5rem;}
	.btdezpt02 .inductionBtArea {background: #06353b;}
	.btdezpt01.profBt {display: block;}
	.btdezpt01.profBt .inductionBtInn {width: 90%;}
}
.btdezpt01 .NewOrdBt,
.btdezpt01 .EditDetBt,
.btdezpt02 .NewOrdBt,
.btdezpt02 .EditDetBt {color: #fff;}

.btdezpt02 .NewOrdBt {border: none;}/* 新規登録誘導ボタン */
.btdezpt02 .BackListBt {border: 1px solid var(--app-BackListBt-brd);background: none;color: var(--app-ctm-txt);}/* 一覧に戻る誘導ボタン */
.btdezpt02 .EditDetBt {border: 1px solid var(--app-EditDetBt-brd);}/* 各種編集誘導ボタン */
.btdezpt02 .EditOnBt {border: 1px solid var(--app-EditOnBt-brd);}/* 各種処理をオンにするボタン */
.btdezpt02 .EditOffBt {border: 1px solid var(--app-EditOffBt-brd);}/* 各種処理をオフにするボタン */
.btdezpt02 .OutLinkBt {border: 1px solid var(--app-OutLinkBt-brd);}/* 外部リンク等のボタン */
.btdezpt02 .inductionBtS {border: 1px solid var(--app-inductionBtS-brd);}/* 単独処理等のボタン */

/* 白抜きボタン設定 */
a.CtmDetBt {
	margin: 2.0rem auto;
	padding: 1.5rem 1.0rem;
	width: 100%;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	color: var(--app-ctm-txt);
	background: none;
	border: 2px solid var(--app-ctm-brd);
}
/* オープンクローズボタン設定 */
.searchOpCl {
	margin: 0 auto;
	padding: 0.5rem 1.5rem;
	justify-content: flex-end;
}
.searchOpCl .OpClBt {width: auto;}
.searchOpCl .slide_btn {padding: 0.5rem;}

/* 編集ボタン基本 */
.editBt a,
.editBt button,
.editBt span {padding: 0.5rem 1.8rem;font-weight: normal;}

/* 確認・削除ボタン設定 */
.editBt.DisDetailBt a,
.editBt.DisDetailBt button,
.editBt.DisDetailBt span {
	background: var(--app-ctm-cr); /* 背景色 */
	border: none;/* ボーダー指定 */
	color: #fff;/* テキスト色 */
	box-shadow: none;/* 背景影色 */
}
.editBt.DisDeleteBt a,
.editBt.DisDeleteBt button,
.editBt.DisDeleteBt span {
	background: var(--app-ctmDel-cr); /* 背景色 */
	border: none;/* ボーダー指定 */
	color: #fff;/* テキスト色 */
	box-shadow: none;/* 背景影色 */
}
.editBt.DisDetailBt span,
.editBt.DisDeleteBt span {filter: alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;text-decoration:none;}

/* 友達追加・お気に入り（オン・オフ）ボタン設定 */
.editBt.DisDetailBt.editBtOn a,
.editBt.DisDetailBt.editBtOn button,
.editBt.DisDetailBt.editBtOn span {background: #7ec617;}
.editBt.DisDetailBt.editBtOff a,
.editBt.DisDetailBt.editBtOff button,
.editBt.DisDetailBt.editBtOff span {background: var(--app-ctm-cr);}

/*** 検索箇所のカスタム設定 ***/

/* 検索エリアのカスタム設定 */
.ctm_searchBox {width: 80%;}
.ctm_searchBox .seplTxt.DayArea {width: 100%;}
.ctm_extractbtBox {width: 80%;}
.searchBoxInn {padding: 1.0rem;}
.ctm_extractbtBox .extractBtArea li {width: auto;} /* 基本横幅サイズ */
.ctm_extractbtBox .extractBtArea li.extsizeAuto {width: auto;} /* 横幅フリーサイズ */
.ctm_extractbtBox .extractBtArea .extsizeM li {width: auto;} /* 横幅Mサイズ */
.ctm_extractbtBox .extractBtArea .extsizeW li {width: auto;} /* 横幅ワイドサイズ */
.ctm_extractbtBox .extractBtArea a,
.ctm_extractbtBox .extractBtArea span {padding: 0.4rem 0.8rem;}

@media screen and (max-width: 600px) {
	.ctm_searchBox {width: 100%;}
	.ctm_extractbtBox {width: 100%;}
	.extractBtBox {padding: 0 0.5rem;}
	.ctm_extractbtBox .extractBtArea a,
	.ctm_extractbtBox .extractBtArea span {padding: 0.6rem 1.0rem;}
}
/* 検索結果件数表示 */
.ListCntDetail {margin: 1.0rem auto 0 auto;}
.ListCntDetail p {
	color: var(--app-ctm-txt);
	padding: 0.5rem 0;
	text-align: right;
	font-size: clamp(1.2rem, 1.2vw, 1.2rem);
	font-weight: bold;
}
.ListCntDetail span.ListCntRgt {font-size: clamp(1.6rem, 2.0vw, 2.0rem);}

@media screen and (max-width: 600px) {
	.ListCntDetail {margin: 0 auto;}
	.ListCntDetail p {text-align: center;}
}
/*** 一覧表示枠設定 ***/
.DataDispBoxList,
.DataDispBoxDet {border: none;box-shadow: none;background: none;}

/*** ポップアップ表示枠設定 ***/
.popup_Box {
	margin: 0 auto;
	padding: 0.5rem 0;
	border: none; /* 外枠ボーダー指定 */
	background: none; /* 外枠背景色 */
}
/* アラート制御 */
.CautTxtR,
.CautTxtB,
.CautTxtG {font-weight: normal;}

/****************** テレビマンブック個別設定(個別パーツ作成) ******************/

/*** 背景画像変更の為基本画面設定 ***/
.mytop_det #wrapper,
.myprf_det #wrapper {background: url(../../../images/sys_img/main_bg_biz.jpg) center top no-repeat #000000;}
.popup #wrapper {background: #000000;}

@media screen and (max-width: 600px) {
	.mytop_det #wrapper,
	.myprf_det #wrapper {background: url(../../../images/sys_img/main_bg_biz_sp.jpg) center top no-repeat #000000;}
}
.comBoxSection {
    border: 1px solid var(--app-ctm-brd);
    background: none;
}
.DataDispBoxInn {
    border: 1px solid var(--app-ctm-brd);
    background: none;
}
.dispatch_change_navi_inn a {
    color: var(--app-ctm-txt);
    background: var(--app-mypagechange-ico-w) 0.5em center no-repeat;
}
.dispatch_change_navi_inn a {background-size:24px 24px;}
.DataDispBoxDl dt {color: var(--app-ctm-txt);}

.BoxPdOn .DataDispBoxInnTi {
	color: var(--app-ctm-txt);
    background: #000;
    border: 1px solid var(--app-ctm-brd);
}
.EditBtArea.BtOnly {border-top: 1px solid var(--app-ctm-brd);background: #000;}

/*** サイトロゴ調整(ロゴとメニュー表記箇所) ***/
.siteLogoBox {display: flex;align-items: center;}

.dayLayoutYBox {color: var(--app-ctm-txt);}
.possibleTable td.kakutei {background: #caf6ff;} /* 受注済み案件 */
.possibleTable td.mikaku {background: #ffecd6;} /* 未受注案件 */
.possibleTable td.ordtotal {background: #faffa9;} /* 必要人数合計数 */
.possibleTable td.kanou {background: #cdffd9;} /* 出勤可能数 */
.possibleTable td.miwaritsuke {background: #ffd0cc;} /* 案件人数に対して未割付がある場合 */
.possibleTable td.waritsukezumi {background: #eff0e5;} /* 案件人数に対して割付が足りている場合 */
.possibleTable td.artflt {background: #000;} /* 案件全体合計と出勤可能数が同じ場合 */
.possibleTable td.artno {background: #b8cfe1;} /* 案件全体合計に対して出勤可能数が多く余裕がある場合 */
.possibleTable td.art {background: #ffd9a3;} /* 案件全体合計に対して出勤可能数が少なく足りない場合 */

/*** 支払待ち・報告未承認のテキスト制御 ***/
.tab_dezpt03 .FlexItemCNM,
.tab_dezpt03 .FlexItemPst,
.tab_dezpt03 .FlexItemSbs,
.tab_dezpt03 .FlexItemSit {display: none;}

/*** 売上金額表示箇所の制御 ***/
.incomeBox {padding: 0.2rem;background: none;}
.incomeTlBox {
	background: none;
	border: 1px solid var(--app-ctm-brd);
	color: var(--app-ctm-txt);
}
.incomeTlBoxInn {
	background: none;
	border: 1px solid var(--app-ctm-brd);
	color: var(--app-ctm-txt);
}
/*** ウェルカム ***/
.profGuide {
	margin: 0 auto;
	padding: 2.5rem;
	border-radius: 0.2em;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;
	background: #000;
	border: 1px solid var(--app-ctm-brd);
	color: var(--app-ctm-txt);
}
.profGuide h2 {padding: 0 0 1.0rem 0;font-size: clamp(2.4rem, 2.0vw, 2.6rem);}
.profGuide .profGuideSup {padding: 0;font-size: clamp(1.6rem, 1.6vw, 1.6rem);line-height: 1.4;font-weight: bold;}
.profGuide .profGuideTxt {padding: 1.0rem 0;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}
.profGuide h3 {padding: 0.5rem 0 1.5rem 0;font-size: clamp(1.8rem, 1.8vw, 1.8rem);}
.profGuide ul {margin: 0 2.5rem;padding: 0;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

@media screen and (max-width: 600px) {
	.profGuide {width: 90%;margin: 2.5rem auto;padding: 2.0rem;}
	.profGuide .btdezpt02 .inductionBtInn {margin: 2.0rem auto 0 auto;display: block;}
}
/*** ご契約内容リンク箇所の制御　(管理用メモ：修正済み) ***/
.contractBox {
	margin: 0 auto;
	padding: 1.5rem 1.5rem 1.0rem 1.5rem;
	border-radius: var(--dispatchBox-rod);-webkit-border-radius: var(--dispatchBox-rod);-moz-border-radius: var(--dispatchBox-rod); /* 角丸 */
	background: none;
	border: 1px solid var(--app-ctm-brd);
	text-align: left;
}
.contractBox h3 {
	padding: 0 0 0.5rem 0;
	font-size: clamp(2.4rem, 2.8vw, 2.8rem);
	color: var(--app-ctm-txt);
}
.contractBox .contractTxt {padding: 0;font-size: clamp(1.2rem, 1.4vw, 1.4rem);color: var(--app-ctm-txt);}

/*** FAQリンク箇所の制御　(管理用メモ：修正済み)  ***/
.faqLinkBox {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border-radius: var(--dispatchBox-rod);-webkit-border-radius: var(--dispatchBox-rod);-moz-border-radius: var(--dispatchBox-rod); /* 角丸 */
	border: 1px solid var(--app-ctm-brd);
}
.faqLinkBox .faqLinkImg img {width: 100%;}
.faqLinkTxt {
	position: absolute;
	left: 50%;
	bottom: 3.0rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
	color: #fff;
	padding: 0.5rem 3.0rem;
	background: #000;
	white-space:nowrap;
	transform: translate(-50%);
}
/*** ご利用ガイドリンク箇所の制御　(管理用メモ：修正済み)  ***/
.guideLinkBox {
	margin: 0 auto;
	padding: 1.5rem 1.5rem 1.0rem 1.5rem;
	border-radius: var(--dispatchBox-rod);-webkit-border-radius: var(--dispatchBox-rod);-moz-border-radius: var(--dispatchBox-rod); /* 角丸 */
	background: none;
	border: 1px solid var(--app-ctm-brd);
	text-align: center;
}
.guideLinkBox h3 {
	padding: 0 0 0.5rem 0;
	font-size: clamp(2.2rem, 2.2vw, 2.2rem);
	color: var(--app-ctm-txt);
	text-align: center;
}
.guideLinkSup {
	padding: 0 1.5rem 0.5rem 1.5rem;
	font-size: clamp(1.2rem, 1.2vw, 1.2rem);
	text-align: left;
	font-weight: bold;
	color: var(--app-ctm-txt);
}
.guideLinkBt {
	margin: 1.0rem auto;
	padding: 1.0rem;
	border-radius: var(--dispatchBox-rod);-webkit-border-radius: var(--dispatchBox-rod);-moz-border-radius: var(--dispatchBox-rod); /* 角丸 */
	background: none;
	color: var(--app-ctm-txt);
	border: 1px solid var(--app-ctm-brd);
	text-align: center;
	font-weight: bold;
}
.guideLinkStep {font-size: clamp(1.2rem, 1.2vw, 1.2rem);}
.guideLinkTxt {font-size: clamp(1.6rem, 1.6vw, 1.6rem);}

/*** 各プロフ設定画面における注意書きエリア　(管理用メモ：修正済み)   ***/
.FulfillmentTxt {color: var(--app-ctm-txt);}

/* 検索ボックス */
.searchBoxInn {border: 1px solid var(--app-ctm-brd);background: none;}

/* 更新者情報ボックス */
.updateBox {border: 1px solid #555555;background: #000000;}

/* カレンダー処理 */
.calendarTable table {border-spacing : 0.3rem 0.3rem;}
.calendarMD {color: var(--app-ctm-txt);}
p.calNum span {}
.calFlexIco,
.calendarTable tr.calTdIco {display: none;}

.calendarTable td.calDayBox {background: rgba(0, 0, 0, 0.8);border: 1px solid var(--app-ctm-brd);color: var(--app-ctm-txt);}
.calendarTable td.hld {background: var(--app-calendarTable-hld-bg);} /* 背景色(当日) */
.calendarTable td.cln {background: var(--app-calendarTable-cln-bg);} /* 背景色(前の月・次の月) */
.calendarTable td.sun,
.calendarTable td.hol {background: var(--app-calendarTable-sun-bg);} /* 背景色(日曜日)(祝日) */
.calendarTable td.sut {background: var(--app-calendarTable-sut-bg);} /* 背景色(土曜日) */
.calendarTable td.art {background: var(--app-calendarTable-art-bg);} /* 背景色(注意喚起用) */

/*** プロフィール要素の制御 ***/
.myNameDetIco {
	width: 288px;
	height: 424px;
	margin: 0 auto;
	background: #000;
	display: block;
	background-size: contain;
}
@media screen and (max-width: 1700px) {.myNameDetIco {width: 220px;height: 323px;}}
@media screen and (max-width: 1500px) {.myNameDetIco {width: 200px;height: 294px;}}
@media screen and (max-width: 1200px) {.myNameDetIco {width: 180px;height: 265px;}}
@media screen and (max-width: 1100px) {.myNameDetIco {width: 220px;height: 323px;}}

.IcoPc01 .myNameDetIco {background: url(../../../images/sys_img/card_producer.png) center top no-repeat #000000;}
.IcoPc02 .myNameDetIco {background: url(../../../images/sys_img/card_director.png) center top no-repeat #000000;}
.IcoPc03 .myNameDetIco {background: url(../../../images/sys_img/card_ap.png) center top no-repeat #000000;}
.IcoPc04 .myNameDetIco {background: url(../../../images/sys_img/card_ad.png) center top no-repeat #000000;}
.IcoPc05 .myNameDetIco {background: url(../../../images/sys_img/card_photographer.png) center top no-repeat #000000;}
.IcoPc06 .myNameDetIco {background: url(../../../images/sys_img/card_audio.png) center top no-repeat #000000;}
.IcoPc07 .myNameDetIco {background: url(../../../images/sys_img/card_illumination.png) center top no-repeat #000000;}
.IcoPc08 .myNameDetIco {background: url(../../../images/sys_img/card_editing_editor.png) center top no-repeat #000000;}
.IcoPc09 .myNameDetIco {background: url(../../../images/sys_img/card_subtitle_designer.png) center top no-repeat #000000;}
.IcoPc10 .myNameDetIco {background: url(../../../images/sys_img/card_ma_mixer.png) center top no-repeat #000000;}
.IcoPc11 .myNameDetIco {background: url(../../../images/sys_img/card_sound_effects.png) center top no-repeat #000000;}
.IcoPc12 .myNameDetIco {background: url(../../../images/sys_img/card_hair_and_makeup.png) center top no-repeat #000000;}
.IcoPc13 .myNameDetIco {background: url(../../../images/sys_img/card_stylist.png) center top no-repeat #000000;}
.IcoPc14 .myNameDetIco {background: url(../../../images/sys_img/card_broadcast_writer.png) center top no-repeat #000000;}
.IcoPc15 .myNameDetIco {background: url(../../../images/sys_img/card_art.png) center top no-repeat #000000;}
.IcoPc16 .myNameDetIco {background: url(../../../images/sys_img/card_researcher.png) center top no-repeat #000000;}

.IcoPc01 .myNameDetIco,
.IcoPc02 .myNameDetIco,
.IcoPc03 .myNameDetIco,
.IcoPc04 .myNameDetIco,
.IcoPc05 .myNameDetIco,
.IcoPc06 .myNameDetIco,
.IcoPc07 .myNameDetIco,
.IcoPc08 .myNameDetIco,
.IcoPc09 .myNameDetIco,
.IcoPc10 .myNameDetIco,
.IcoPc11 .myNameDetIco,
.IcoPc12 .myNameDetIco,
.IcoPc13 .myNameDetIco,
.IcoPc14 .myNameDetIco,
.IcoPc15 .myNameDetIco,
.IcoPc16 .myNameDetIco {background-size: contain;}

.FlexListBX .PhCircle, .FlexListBX .PhSquare {margin-top: 2.0rem;}
.FlexListBX .FlexListInn {background: none;}

.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc01 {background: url(../../../images/sys_img/card_producer_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc02 {background: url(../../../images/sys_img/card_director_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc03 {background: url(../../../images/sys_img/card_ap_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc04 {background: url(../../../images/sys_img/card_ad_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc05 {background: url(../../../images/sys_img/card_photographer_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc06 {background: url(../../../images/sys_img/card_audio_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc07 {background: url(../../../images/sys_img/card_illumination_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc08 {background: url(../../../images/sys_img/card_editing_editor_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc09 {background: url(../../../images/sys_img/card_subtitle_designer_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc10 {background: url(../../../images/sys_img/card_ma_mixer_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc11 {background: url(../../../images/sys_img/card_sound_effects_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc12 {background: url(../../../images/sys_img/card_hair_and_makeup_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc13 {background: url(../../../images/sys_img/card_stylist_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc14 {background: url(../../../images/sys_img/card_broadcast_writer_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc15 {background: url(../../../images/sys_img/card_art_bg.jpg) center top no-repeat #000000;background-size: contain;}
.FlexListBX .FlexListInn.myNameDetIcoBg.IcoPc16 {background: url(../../../images/sys_img/card_researcher_bg.jpg) center top no-repeat #000000;background-size: contain;}

.flexSDtBtM p.flexSDt {background: #02090b;color: var(--app-ctm-txt);}
.InputForm dd {color: var(--app-ctm-txt);}

.FlexListBX .staffList .FlexItemDataName {color: #000;margin-top: 1.5rem;margin-bottom: 0;line-height: 1.0;}
.FlexListBX .staffList .FlexItemDataCorp {color: #000;margin: 0;}
.FlexItemDataCorpS {color: #000;font-weight: bold;text-align: center;}
.FlexListBX .staffList .FlexItemDataInfo {color: #000;padding:0 1.0rem;font-size: clamp(1.0rem, 1.0vw, 1.0rem);}

@media screen and (max-width: 600px) {
	.FlexListBX .staffList .FlexItemDataName {margin-top: 0.5rem;}
}

.dispatch_app .btdezpt02 .DetSubBtArea li.crt a,
.dispatch_app .mainTi {color: var(--app-ctm-txt);}

/*** 時間枠設定等でのタイトル色設定 ***/
.DataDispBoxInnTiD .DataDispTitle {color: var(--app-ctm-cr);}

/*** コンテンツ記事箇所の制御 ***/

/* 共通処理 */
.inner_layout_contents_main,
.inner_layout_contents_list {margin: 0 auto 3.0rem auto;padding: 0;border: 1px solid #dedede;}
.inner_layout_contents_list .mainTi {
	margin: 0;
	padding: 2.0rem 2.0rem;
	font-size: clamp(2.0rem, 3.0vw, 3.0rem);
    text-align: left;
    line-height: 1.0;
	color: var(--app-ctm-cr);
    border-top: none;
	border-bottom: 1px solid #dedede;
    background: #e5f1f4;
}

/* お知らせ一覧箇所の制御（スポット一覧） */
.spotInfo .ListBox.ListType3.liwbg02 dl.clmDetail,
.spotInfo .ListBox.ListType5.liwbg02 .clmDetail {margin-bottom: 1.0%;padding: 1.0rem;}
.spotInfo .ListTSgle p.time {padding: 0.2rem 1.0rem 0.2rem 0;font-size: 1.1rem;font-weight: bold;}
.spotInfo .ListTSgle dd.title_area {padding: 0;}
.spotInfo .ListTSgle dd.title_area .ListMainTitle a {font-size: clamp(1.4rem, 1.4vw, 1.4rem);line-height: 1.2;}
.spotInfo .ListTSgle p.ico {padding: 0 0 0.3rem 0;}

/* お知らせ一覧箇所の制御（記事一覧） */
.inner_layout_contents_list .ListBox {padding: 0 2.0rem;}
.inner_layout_contents_list .ListBox.ListType3.liwbg02 dl.clmDetail,
.inner_layout_contents_list .ListBox.ListType5.liwbg02 .clmDetail {padding: 1.0rem;}
.inner_layout_contents_list .ListTSgle dd.title_area {padding: 0.5rem 0;}
.inner_layout_contents_list .ListTSgle p.time {font-size: 1.2rem;font-weight: bold;}
.inner_layout_contents_list .ListTSgle dd.title_area .ListMainTitle a {font-size: clamp(1.6rem, 2.0vw, 2.0rem);}
.inner_layout_contents_list .ListTSgle dd.title_area p.txt {padding: 1.0rem 0 0 0;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

/*** コンテンツ記事詳細箇所の制御 ***/

/* タイトル */
h1.conTitle,
p.conTitle {
	padding: 2.0rem 3.0rem;
	font-size: clamp(2.0rem, 3.0vw, 3.0rem);
	color: var(--app-ctm-cr);
	border-bottom: 1px solid #dedede;
}
.con_date {padding: 0 3.0rem;}

.articleBox {padding: 0 6.0rem;}
.articleBox ul,
.articleBox ol,
.examBox ul,
.examBox ol {padding: 0 2.0rem;}
.articleBox ul li,
.examBox ul li {margin: 0;padding: 0;}
.articleBox th,
.articleBox td {text-align: center;}

@media screen and (max-width: 600px) {
	.inner_layout_contents_main,
	.inner_layout_contents_list {margin: 0 auto 2.0rem auto;padding: 0;border: none;}
	h1.conTitle,
	p.conTitle {width: 100%;padding: 2.5rem 2.0rem;}
	.con_date {padding: 0 1.5rem;}
	.articleBox {padding: 0 0.5rem;}
}
/****************** テレビマンブック個別設定(ログインパーツ作成) ******************/

/* 基本設定 */
:root {
  --SelectBt-rod: 0.2em; /* 角丸 */
}
/*** ログイン画面 ***/
/* 枠要素 */
.LoginBgArea {
	height: 1700px;
	padding-top: 10.0rem;
	padding-bottom: 30.0rem;
	background: url(../../../images/sys_img/login_bg_biz.jpg) center top no-repeat #000000;
	position: relative;
	z-index: 1;
}
.LoginAreaInn {position: relative;margin: 0 auto;z-index: 30;}

@media screen and (min-width:800px) and ( max-width:1200px) {
	.LoginAreaInn {width: 90%;}
}
@media screen and (max-width: 800px) {
	.LoginBgArea {
		padding-top: 3.0rem;
		padding-bottom: 40.0rem;
		background: url(../../../images/sys_img/login_bg_biz_sp.jpg) center top no-repeat #000000;
		background-size: 100%;
	}
	.LoginAreaInn {
		width: 85%;
		margin: 4.0rem auto 0 auto;
		display: block;
	}
}
/* ログイン画面テキスト要素 */
.loginMessageBox {
	position: absolute;
	width: 650px;
	display: block;
	margin: 0 auto;
	top: 120px;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.loginMessageTxt01,
.loginMessageTxt02 {
	color: #fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.loginMessageTxt01 {font-size: clamp(4.0rem, 4.0vw, 6.0rem);}
.loginMessageTxt02 {font-size:  clamp(1.6rem, 2.0vw, 2.0rem);}

@media screen and (max-width: 600px) {
	.loginMessageBox {width: 40%;top: 780px;}
}
/* ログイン画面カード要素 */
.login-hero{
	position: relative;
	overflow: hidden;
	height: 600px;
}
/* カードを置くレイヤー（ログインフォームより背面/前面は調整） */
.card-cloud{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:2; /* ログインフォームの前後に合わせて調整 */
}

/* 親：フェードだけ担当 */
.floating-card{
  position:absolute;
  width:260px;
  opacity:0;
  visibility:hidden;
  transform: scale(0.96);
  transition:
    opacity 0.6s cubic-bezier(.22,.61,.36,1),
    transform 0.6s cubic-bezier(.22,.61,.36,1);
}

/* 表示中 */
.floating-card.is-show{
  opacity:1;
  visibility:visible;
  transform: scale(1);
}

/* フェードアウト中（visibilityはまだ触らない） */
.floating-card.is-hide{
  opacity:0;
  transform: scale(0.96);
}
/* 子：浮遊(transform)だけ担当 */
.floating-card .inner{
  will-change: transform;
  transform-origin: 50% 50%;
  animation: cardFloat var(--floatDur, 6s) ease-in-out var(--delay, 0s) infinite;
  animation-fill-mode: both;

  /* 追加：GPU安定化 */
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 画像 */
.floating-card img{
  display:block;
  width:100%;
  height:auto;
  user-select:none;

  /* ここで影を付ける（filterより安定） */
  box-shadow: 0 10px 25px rgba(0,0,0,.35);

  /* 追加：GPU安定化 */
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 浮遊 */
@keyframes cardFloat{
  0%{
    transform: translate3d(0,0,0) scale(0.96) rotate(var(--rot,0deg));
  }
  50%{
    transform: translate3d(10px,-14px,0) scale(1) rotate(calc(var(--rot,0deg) + 1deg));
  }
  100%{
    transform: translate3d(0,0,0) scale(0.96) rotate(var(--rot,0deg));
  }
}

/* SP調整 */
@media (max-width: 768px){
  .floating-card{ width:180px; }
}

/* フォーム要素 */
.LoginBox {background: none;box-shadow: none;-webkit-box-shadow: none;padding: 1.0rem 2.0rem;}
.NewRegBox,
.NewRegThkBox {background: none;box-shadow: none;-webkit-box-shadow: none;padding: 1.5rem;}
.LoginBgArea .LoginBox {width: 300px;border: none;background: none;}
.LoginBgArea .LoginBoxInn {background: none;border: none;padding: 0;}
.LoginBgArea .LoginTi,
.LoginBgArea .LoginBox {color: #fff;padding: 1.5rem 0;}
.LoginBgArea .newmemBt {display: none;}

@media screen and (max-width: 600px) {
	.LoginBgArea {background-size: auto;height: 1400px;}
	.LoginBgArea .LoginBox,
	.NewRegBox,
	.NewRegThkBox {width: 90%;}
	.NewRegBox {padding: 2.0rem 1.5rem;}
}
/* ボタン要素 */
.LoginBgArea .BtM .LoginBt,
.LoginBgArea .BtM .reminderBt,
.LoginBgArea .BtM .newmemBt,
.ctaBtBox .BtM .newmemBt {color: #fff;border: none;box-shadow: none;padding: 1.5rem 0;}
.LoginBgArea .BtM .LoginBt,
.LoginBgArea .BtM .newmemBt {padding: 2.5rem 0;}
.LoginBgArea .BtM .LoginBt {background: #008ebd;}
.LoginBgArea .BtM .reminderBt {background: #163361;}
.LoginBgArea .BtM .newmemBt,
.ctaBtBox .BtM .newmemBt {background: #167046;}

.BtM button.reminderBt.next::after,
.BtM a.reminderBt.next::after,
.BtM span.reminderBt.next::after,
.BtM button.reminderBt.back::after,
.BtM a.reminderBt.back::after,
.BtM back.reminderBt.next::after,
.BtM button.newmemBt.next::after,
.BtM a.newmemBt.next::after,
.BtM span.newmemBt.next::after,
.BtM button.newmemBt.back::after,
.BtM a.newmemBt.back::after,
.BtM back.newmemBt.next::after {border-left-color: #fff;}/* テキスト色 */

/* 新規会員登録・パスワード問い合わせボタン */
.newRegBt,
.remCtBt {
	padding: 1.5em 1.0rem;
	width: 80%;
	color: #fff;
	background: #008ebd;
	border: none;
	box-shadow: none;
}
@media screen and (max-width: 600px) {
	.newRegBt,
	.remCtBt {width: 100%;}
}
.BtM button.newRegBt.next::after,
.BtM a.newRegBt.next::after,
.BtM span.newRegBt.next::after,
.BtM button.newRegBt.back::after,
.BtM a.newRegBt.back::after,
.BtM back.newRegBt.next::after,
.BtM button.remCtBt.next::after,
.BtM a.remCtBt.next::after,
.BtM span.remCtBt.next::after,
.BtM button.remCtBt.back::after,
.BtM a.remCtBt.back::after,
.BtM back.remCtBt.next::after {border-left-color: #fff;}/* テキスト色 */

/* タイトル・テキスト要素 */
.loginTitleBox,
.loginTxtBox {
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.loginTitle {font-size: clamp(3.0rem, 3.5vw, 3.5rem);}
.loginTiTxt {font-size: clamp(1.2rem, 1.4vw, 1.4rem);}


/****************** テレビマンブック個別設定(色調変更) ******************/

.DataDispBoxInnTiD .DataDispTitle,
.DataDispBoxInnTiD .DataDispTxt {color: #fff;}

.timeframeHelp .HelpWakuInn {color: #fff;background: none;}
.timeframeHelp .HelpWakuInn.BgPt01,
.timeframeHelp .HelpWakuInn.BgPt02,
.timeframeHelp .HelpWakuInn.BgPt03 {background: none;}
.timeframeHelp .payDetDlBox.dlBg01 dl,
.timeframeHelp .payDetDlBox.dlBg02 dl {border: 1px solid #8e8e8e;background: none;}

.frameSet .frameSetOff dt,
.frameSet .frameSetOff dd.frameSetLabel,
.frameSet .frameSetOff dd.frameSetTime {background: none;color: #8e8e8e;border: 1px solid #8e8e8e;}

.FulfillmentBox, .FulfillmentBoxBt {color: #fff;border: 1px solid #8e8e8e;background: none;}
.DataDispBoxInn.bgHlf {background: none;}

.TableBox td {background: #000;}
.suppliersTable td.kingaku {background: #3a361f;}

.mytitle_card {display: none;}
.FlexItemDataTbBox,
.myPhotoTbBox,
.tbconst,
.tbprj,
.tbtask {display: none;}
.PageNum_link a {background: none;}

.matchingPhotoBox {background: none;color: #fff;}
.matchingSetCnt {display: none;}
.matchingSetDetail {background: none;color: #fff;}

.matchingMakeArea,
.matchingMake_item,
.matchingMakeTxtBox.MakeTxtArt,
.matchingSetArea,
.matchingSetPbsBox,
.matchingSetBt {border: 1px solid #eeeeee;background: none;color: #fff;}

.BackListBt {color: #fff;background: none;}
.btdezpt01 .NewOrdBt,
.btdezpt01 .BackListBt,
.btdezpt01 .EditDetBt,
.btdezpt01 .EditOnBt,
.btdezpt01 .EditOffBt,
.btdezpt01 .OutLinkBt {color: #fff;}


/*** 新規会員登録・パスワード箇所のタイトル箇所 ***/

/* タイトル */
.NewregTi,
.LoginTi {background: var(--app-ctm-cr);width: 100%;}
.NewregTiDet,
.LoginTiDet {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;color: #fff;}

/****** ダッシュボード箇所 ******/

/* ** private_custom end ** */