/* ============================================================
   Google Fonts
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* ============================================================
   変数定義
   ============================================================ */

:root {
	--customer-color       : #a28258;
	--customer-bgcolor     : #f5f3e0;
	--customer-border-color: transparent;
	--support-color        : #78965c;
	--support-bgcolor      : #cfdecf;
	--support-border-color : transparent;
	--comment-color        : whitesmoke;
	--comment-border-color : transparent;
	--ticket-border-radius : 0px;
	--content-color        : black;
	--content-bgcolor      : white;
	--content-border-color : white;
	--content-border-radius: 5px;
	--monospaced-font      : 'Roboto Mono', 'Noto Sans JP', monospace, sans-serif;
}

/* ============================================================
   全体の制御
   ============================================================ */
/* フッターを非表示にする */
div.Footer__footer {
    display: none;
}

.Layout__oneColumn, .Layout__twoColumn, .Layout__twoColumnReverse {
	padding: 0 0.9375rem;
}

/* ============================================================
   サインインページ
   ============================================================ */
/* 「パスワードを忘れた」を非表示にする */
div.Signin__signPart {
    display: none;
}

/* 「メンバーに登録済みですか？」を書き換える */
span.Signin__title {
	font-size: 0;
}
span.Signin__title:before {
	font-size: 1.375rem;
	/* content: "新しいログインID・パスワードは順次ご連絡いたします。恐れ入りますが、今しばらくお待ちください。";*/
	content: "ログインID/パスワードを入力してください";
}

/* インラインフレームの高さを415pxから小さめにする */
iframe#iamFrame {
	height: 250px;
}


/* ============================================================
   ホームページ
   ============================================================ */

/* コンテンツのタイトルが不格好なので非表示 */
li.WidgetsContainer__lftWd > div.ModuleCategoryContainer__hometabs {
    display: none;
}

/* ============================================================
   問い合わせ一覧ページ
   ============================================================ */

/* ステータスの文言を書き換える */
/* 「未対応」→「対応中」 */
/* 
a[data-id="open_filter"] {
	font-size: 0;
}

a[data-id="open_filter"]:before {
	font-size: 0.875rem;
	content: "対応中";
}
 */

/* 「完了」→「クローズ」*/
/* 
a[data-id="closed_filter"] {
	font-size: 0;
}

a[data-id="closed_filter"]:before {
	font-size: 0.875rem;
	content: "クローズ";
}
 */

/* 「保留」→「お客様ご連絡待ち」*/
/* 
a[data-id="onhold_filter"] {
	font-size: 0;
}

a[data-id="onhold_filter"]:before {
	font-size: 0.875rem;
	content: "お客様ご連絡待ち";
}
 */

/* 作成者の文言を書き換える */
/* 「チーム」→「全て」*/
/* 
a[data-id="Alltickets_filter"] {
	font-size: 0;
}

a[data-id="Alltickets_filter"]:before {
	font-size: 0.875rem;
	content: "全て";
}
 */

/* 「My CC'ed 問い合わせ」を非表示にする */
/* 
a[data-id="Assignedtickets_filter"] {
    display: none;
}
 */

/* 一覧の部署名を非表示にする */
/* 
div.TicketListItem__footerBox ul.List__postdet li:nth-child(2) {
    display: none;
}
 */

/* 一覧の「All departments」を非表示にする */
div[data-id="deptFilter"] {
    display: none;
}

/* 一覧の「All Channel」を非表示にする */
div[data-id="channelFilter"] {
    display: none;
}

/* ============================================================
   問い合わせ参照ページ
   ============================================================ */
/* 「コメント」ボタンを非表示にする */
span[data-id="newComment"] {
    display: none;
}

/* 「ドット」アイコンを非表示にする */
div.TicketThreadContainer__threadCont div.DottedMenu__container,
div.TicketCommentContainer1__wrapper div.DottedMenu__container {
    display: none;
}

/* コメントではサポート担当者の情報は表示しない */
div.agent_comment ul.List__postdet {
    display: none;
}

/* 顧客のアイコンを非表示にする */
div.enduser_thread ul.List__postdet li:nth-child(1),
div.enduser_thread ul.List__postdet li:nth-child(4) {
    display: none;
}

/* 返信フォームのアイコンを非表示 */
div.ThreadForm__editor > div.ThreadForm__userImage {
    display: none;
}

/* のプロパティ＆編集リンクを非表示にする */
div.TicketDetailRightContainer2__property {
    display: none;
}
/* 作成日：を非表示にする */
div[data-id="ticket_created_on"] {
    display: none;
}
/* 期限：を非表示にする */
div[data-id="ticket_dueDate"] {
    display: none;
}
/* チャネルを非表示にする */
div[data-id="ticket_channel"] {
    display: none;
}
/* 部門：を非表示にする */
div[data-id="ticket_department"] {
    display: none;
}
/* メールを非表示にする */
div[data-id="ticket_email"] {
    display: none;
}

/* ------------------------------------------------------------ */

/* スレッドの枠を調整 */
div.TicketThreadContainer__threadCont, 
div.TicketCommentContainer1__wrapper {
	margin-top: 0.25rem;
	margin-bottom: 0.75rem;
	padding: 0.5rem;
}

/* コメントの枠はグレーに、フォントは小さめに */
div.agent_comment {
	background-color: var(--comment-color);
	border: 1px solid var(--comment-border-color) !important;
	border-radius: var(--ticket-border-radius);
	font-size: 0.75rem;
}

/* サポート担当者の枠の設定 */
div.agent_thread {
	background-color: var(--support-bgcolor);
	border: 1px solid var(--support-border-color) !important;
	border-radius: var(--ticket-border-radius);
}

/* 顧客の枠の設定 */
div.enduser_thread {
	background-color: var(--customer-bgcolor);
	border: 1px solid var(--customer-border-color) !important;
	border-radius: var(--ticket-border-radius);
}

/* サポート担当者のアイコンと名前を非表示にする */
div.agent_thread ul.List__postdet li:nth-child(1),
div.agent_thread ul.List__postdet li:nth-child(2),
div.agent_thread ul.List__postdet li:nth-child(4) {
    display: none;
}
/* サポート担当者枠の色などを調整 */
div.agent_thread ul.List__postdet > li.List__listItems {
	color: var(--support-color);
}

/* 顧客名枠の色などを調整 */
div.enduser_thread ul.List__postdet > li.List__listItems {
	color: var(--customer-color);
}

/* コンテンツ部は白に */
div.TicketThreadContainer__threadCont div.Post__postContent {
	color: var(--content-color);
	background-color: var(--content-bgcolor);
	border: 1px solid var(--content-border-color) !important;
	border-radius: var(--content-border-radius);
	padding: 0.5rem;
}

/* コンテンツ部のフォントを調整 */
div.TicketThreadContainer__threadCont div.Post__postContent * {
	font-size: 0.8rem !important;
	font-family: var(--monospaced-font);
}

/* ============================================================
   プロフィール系ページ
   ============================================================ */

/* ------------------------------------------------------------
   /profile のページ
   ------------------------------------------------------------ */

/* 文言を書き換える */
/* 「権限管理」→「プロフィール」*/
li[data-id="profile_manageaccount"] > span.ProfileTabs__tabName {
	font-size: 0;
}

li[data-id="profile_manageaccount"] > span.ProfileTabs__tabName:before {
	font-size: 1rem;
	content: "プロフィール";
}

/* 「権限の詳細」→「プロフィール」*/
div.ManageAccountContainer__profileHeadTitleBorder > div.ManageAccountContainer__profileHeadTitle {
	font-size: 0;
}

div.ManageAccountContainer__profileHeadTitleBorder > div.ManageAccountContainer__profileHeadTitle:before {
	font-size: 1rem;
	content: "プロフィール";
}

/* ------------------------------------------------------------
   /profile#manageaccount（表示） のページ
   ------------------------------------------------------------ */

/* プロフィール表示の項目を非表示にする */
/* 各項目のタイトルヘッダ */
div.ManageAccountContainer__profileHeadTitle {
    display: none;
}

/* ユーザー情報＞名前 */
div.ManageAccountContainer__profileWrapper div.ManageAccountContainer__boxList:nth-child(1) > div.ProfileInformation__profileInfo {
    display: none;
}

/* 「場所」セクション */
div.ManageAccountContainer__profileWrapper div.ManageAccountContainer__boxList:nth-child(4) {
    display: none;
}

/* 「アカウントを削除」を非表示にする */
div.ManageAccountContainer__profileWrapper div.ManageAccountContainer__boxList:nth-child(5) {
    display: none;
}

/* 文言を書き換える */

/* 「メール」→「ログインID」 */
div.ManageAccountContainer__profileWrapper div.ManageAccountContainer__boxList:nth-child(3) div[data-id="メール_label"] {
	font-size: 0;
}

div.ManageAccountContainer__profileWrapper div.ManageAccountContainer__boxList:nth-child(3) div[data-id="メール_label"]:before {
	font-size: 0.875rem;
	content: "ログインID";
}

/* 「携帯電話」→「Oracle社のサポートID」 */
div.ManageAccountContainer__profileWrapper div.ManageAccountContainer__boxList:nth-child(3) div[data-id="携帯電話_label"] {
	font-size: 0;
}

div.ManageAccountContainer__profileWrapper div.ManageAccountContainer__boxList:nth-child(3) div[data-id="携帯電話_label"]:before {
	font-size: 0.875rem;
	content: "Oracle社のサポートID";
}

/* 「場所」→「契約情報」*/
li[data-id="profile_manageaccount"] > span.ProfileTabs__tabName {
	font-size: 0;
}

li[data-id="profile_manageaccount"] > span.ProfileTabs__tabName:before {
	font-size: 1rem;
	content: "プロフィール";
}


/* ------------------------------------------------------------
   /profile#manageaccount（編集） のページ
   ------------------------------------------------------------ */

/* 各項目のタイトルヘッダを非表示にする */
div.EditProfileContainer__profileHeadTitle {
    display: none;
}

/* フォームを非表示にする */
/* 名前 */
div.EditProfileContainer__profileWrapper div#field_name {
    display: none;
}
/* メール */
div.EditProfileContainer__profileWrapper div#field_emailAddress {
    display: none;
}
/* 携帯 */
div.EditProfileContainer__profileWrapper div#field_mobile {
    display: none;
}
/* ソーシャル */
div.EditProfileContainer__profileWrapper div.EditProfileContainer__boxList:nth-child(3) {
    display: none;
}
/* 場所 */
div.EditProfileContainer__profileWrapper div.EditProfileContainer__boxList:nth-child(4) {
    display: none;
}

/* ============================================================
   ナレッジベース参照ページ
   ============================================================ */

/* TOCの日本語訳「このページで」が変なので文言を書き換える */
span.TOCContainer__tocHeading {
	font-size: 0;
}
span.TOCContainer__tocHeading:before {
	font-size: 1.2rem;
	content: "目次";
}

/* コンテンツ部のフォントを調整 */
div#article_TOC {
	font-family: var(--monospaced-font) !important;
}

/* 「役に立ちますか？」を非表示にする */
div.ArticleCmd__articleDetail {
    display: none;
}

/* 共有（SNS）を非表示にする */
div.ArticleCmd__socialShareLt {
    display: none;
}