/* 不要コンポーネント */
.incidents-list, .container > h4, .components-affected, .layout-content.status.status-incident .container .page-title .subheader, .history-footer-link, .page-footer>a {
  display: none;
}

/* 共通設定 */
.font-largest, .font-large:lang(ja) {
  font-weight: bold;
}

/* ヘッダー */
.layout-content.status .custom-header-container {
  background-color: #FFFFFF;
  margin-bottom: 0px;
}

.layout-content.status .custom-header-container .masthead-container .masthead {
  margin-bottom: 40px;
  padding-top: 40px;
}

.layout-content.status .custom-header-container .masthead-container.basic .masthead .updates-dropdown-container .show-updates-dropdown:lang(ja) {
  font-weight: bold;
}

/* ヘッダー-タブ */
.layout-content.status .custom-header-container .nav-bar {
  padding: 40px 0;
  background-color: #F2F5F9;
}

.layout-content.status .custom-header-container .nav-bar .masthead-container {
  border-bottom: 1px solid #E0E0E0;
}

.layout-content.status .custom-header-container .nav-bar .masthead-container .nav-crumb {
  display: inline-block;
  padding: 0.5em 0.7em;
  font-size: 100%;
  font-weight: 400;
  line-height: 1;
  color: #222222;
}

.layout-content.status.status-incident .custom-header-container .nav-bar .masthead-container .nav-services, .layout-content.status.status-index .custom-header-container .nav-bar .masthead-container .nav-services {
  color: #222222 !important;
  font-weight: 700;
  border-bottom: 4px solid #004E98;
}

.layout-content.status.status-full-history .custom-header-container .nav-bar .masthead-container .nav-history {
  color: #222222 !important;
  font-weight: 700;
  border-bottom: 4px solid #004E98;
}

/* 現在のステータス - インシデント */
.layout-content.status.status-index .page-status.status-none {
  margin-bottom: 24px;
  padding: 20px 16px;
}

.layout-content.status.status-index .page-status .status {
  top: 0px;
  margin: 0px;
}

.layout-content.status.status-index .unresolved-incidents {
  margin-bottom: 24px;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident {
  margin-top: 24px;
}

.layout-content.status.status-index .page-status.status-none .status:before {
  padding-right: 10px;
  vertical-align: middle;
  content: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNTQ0MyAxNy43MTg0TDAgOS40OTA1MUwyLjI3ODQ4IDcuMjEyMDNMNy45NzQ2OCAxMi45MDgyTDE3LjQ2ODQgMC4yNUwyMCAyLjI3NTMyTDguMzU0NDMgMTcuNzE4NFoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4=' );
}

.layout-content.status.status-index .unresolved-incident .incident-title:before {
  padding-right: 10px;
  vertical-align: middle;
  content: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMDMwMyAyQzUuNjE5MjcgMiAyLjAzMDI3IDUuNTg5IDIuMDMwMjcgMTBDMi4wMzAyNyAxNC40MTEgNS42MTkyNyAxOCAxMC4wMzAzIDE4QzE0LjQ0MTMgMTggMTguMDMwMyAxNC40MTEgMTguMDMwMyAxMEMxOC4wMzAzIDUuNTg5IDE0LjQ0MTMgMiAxMC4wMzAzIDJaTTEwLjAzMDMgMjBDNC41MTYyNyAyMCAwLjAzMDI3MzQgMTUuNTE1IDAuMDMwMjczNCAxMEMwLjAzMDI3MzQgNC40ODYgNC41MTYyNyAwIDEwLjAzMDMgMEMxNS41NDQzIDAgMjAuMDMwMyA0LjQ4NiAyMC4wMzAzIDEwQzIwLjAzMDMgMTUuNTE1IDE1LjU0NDMgMjAgMTAuMDMwMyAyMFoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjAzMDMgMTFIOS4wMzAyN1Y0SDExLjAzMDNWMTFaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yODAzIDE0QzExLjI4MDMgMTQuNjkgMTAuNzIwMyAxNS4yNSAxMC4wMzAzIDE1LjI1QzkuMzQwMjcgMTUuMjUgOC43ODAyNyAxNC42OSA4Ljc4MDI3IDE0QzguNzgwMjcgMTMuMzEgOS4zNDAyNyAxMi43NSAxMC4wMzAzIDEyLjc1QzEwLjcyMDMgMTIuNzUgMTEuMjgwMyAxMy4zMSAxMS4yODAzIDE0WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg==' );
}

.layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title:before {
  padding-right: 10px;
  vertical-align: middle;
  content: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4wMjk5IDEyLjAwMjFDNy4zMTQwNyAxMi4wMDIxIDUuMTA0NTYgOS43OTI1NyA1LjEwNDU2IDcuMDc2NzNDNS4xMDQ1NiA1LjUwNTUzIDUuODU5MTIgNC4wNTc0OCA3LjA3NDcgMy4xNDMzM1Y2LjA5MTY1QzcuMDc0NyA3LjcyMDk2IDguNDAwNjEgOS4wNDY4NyAxMC4wMjk5IDkuMDQ2ODdDMTEuNjU5MiA5LjA0Njg3IDEyLjk4NTEgNy43MjA5NiAxMi45ODUxIDYuMDkxNjVWMy4xNDMzM0MxNC4yMDA3IDQuMDU3NDggMTQuOTU1MyA1LjUwNTUzIDE0Ljk1NTMgNy4wNzY3M0MxNC45NTUzIDkuNzkyNTcgMTIuNzQ1OCAxMi4wMDIxIDEwLjAyOTkgMTIuMDAyMVpNMTYuOTI1OCA3LjA3NjcyQzE2LjkyNTggNC4xNjQ4NSAxNS4wNzg4IDEuNTU0NDEgMTIuMzI4NCAwLjU4MjE0MkwxMS4wMTUzIDAuMTE3MTg4VjYuMDkxNjVDMTEuMDE1MyA2LjYzNTQxIDEwLjU3MyA3LjA3NjcyIDEwLjAzMDMgNy4wNzY3MkM5LjQ4NzUgNy4wNzY3MiA5LjA0NTIgNi42MzU0MSA5LjA0NTIgNi4wOTE2NVYwLjExNzE4OEw3LjczMjEgMC41ODIxNDJDNC45ODE3OCAxLjU1NDQxIDMuMTM0NzcgNC4xNjQ4NSAzLjEzNDc3IDcuMDc2NzJDMy4xMzQ3NyA5LjgyMDE1IDQuNzQ5MyAxMi4xODczIDcuMDc1MDYgMTMuMjk3NVYxOS44ODI3SDkuMDQ1MlYxMy45NzIySDExLjAxNTNWMTkuODgyN0gxMi45ODU1VjEzLjI5NzVDMTUuMzExMiAxMi4xODczIDE2LjkyNTggOS44MjAxNSAxNi45MjU4IDcuMDc2NzJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K' );
}

.layout-content.status.status-index .unresolved-incident .incident-title {
  border-radius: 6px 6px 0 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
}

.layout-content.status.status-index .unresolved-incident .incident-title svg {
  width: 20px;
}

.layout-content.status.status-index .unresolved-incident .updates {
  border-radius: 0 0 6px 6px;
  background-color: #FFFFFF;
}

/* 現在のステータス - サービス稼働状況 */
.layout-content.status.status-index .components-section {
  margin-bottom: 0;
}

.layout-content.status.status-index .components-section .components-container {
  background-color: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #E0E0E0;
}

.layout-content.status.status-index .components-section .components-container .component-inner-container {
  display: flex;
  align-items: center;
  border-radius: 6px;
}

.layout-content.status.status-index .components-section .components-container .child-components-container > .component-inner-container {
  border: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  height: 53px;
  padding-left: 24px;
  padding-right: 8px;
  border-radius: 6px;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container {
  padding: 20px;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-status {
  margin-left: auto;
  padding: 8px 12px;
  height: 37px;
  border-radius: 6px;
  display: inline-flex;
}

.layout-content.status.status-index .components-section .component-container.is-group > .component-inner-container {
  height: 37px;
}

.layout-content.status.status-index .components-section .component-container.is-group.open .child-components-container {
  padding-left: 0px;
}

.layout-content.status.status-index .components-section .components-container .component-inner-container.status-green .component-status {
  background-color: #F0F9F1;
}

.layout-content.status.status-index .components-section .components-container .component-inner-container.status-green .component-status:before {
  padding-right: 8px;
  padding-top: 2px;
  content: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjU4MTk4IDEzLjgyNThMMC42MDQ5OCA4Ljg0OTgzTDIuMzcyOTggNy4wODE4M0w1LjM5NTk4IDEwLjEwNDhMMTMuNTIyIDAuMTczODI4TDE1LjQ1NiAxLjc1NjgzTDUuNTgxOTggMTMuODI1OFoiIGZpbGw9IiMwMDg0MDUiLz4KPC9zdmc+' );
}

.layout-content.status.status-index .components-section .components-container .component-inner-container.status-yellow .component-status {
  background-color: #FFFAF1;
}

.layout-content.status.status-index .components-section .components-container .component-inner-container.status-yellow .component-status:before {
  padding-right: 8px;
  padding-top: 2px;
  content: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjAzMDI3IDEuNkM0LjUwMTQ3IDEuNiAxLjYzMDI3IDQuNDcxMiAxLjYzMDI3IDhDMS42MzAyNyAxMS41Mjg4IDQuNTAxNDcgMTQuNCA4LjAzMDI3IDE0LjRDMTEuNTU5MSAxNC40IDE0LjQzMDMgMTEuNTI4OCAxNC40MzAzIDhDMTQuNDMwMyA0LjQ3MTIgMTEuNTU5MSAxLjYgOC4wMzAyNyAxLjZaTTguMDMwMjcgMTZDMy42MTkwNyAxNiAwLjAzMDI3MzQgMTIuNDExMiAwLjAzMDI3MzQgOEMwLjAzMDI3MzQgMy41ODg4IDMuNjE5MDcgMCA4LjAzMDI3IDBDMTIuNDQxNSAwIDE2LjAzMDMgMy41ODg4IDE2LjAzMDMgOEMxNi4wMzAzIDEyLjQxMTIgMTIuNDQxNSAxNiA4LjAzMDI3IDE2WiIgZmlsbD0iI0U2NTMwMCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjAzMDMgOC44MDAySDQuMDMwMjdWNy4yMDAySDEyLjAzMDNWOC44MDAyWiIgZmlsbD0iI0U2NTMwMCIvPgo8L3N2Zz4=' );
}

.layout-content.status.status-index .components-section .components-container .component-inner-container.status-orange .component-status {
  background-color: #FFFAF1;
}

.layout-content.status.status-index .components-section .components-container .component-inner-container.status-orange .component-status:before {
  padding-right: 8px;
  padding-top: 2px;
  content: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjAzMDI3IDEuNkM0LjUwMTQ3IDEuNiAxLjYzMDI3IDQuNDcxMiAxLjYzMDI3IDhDMS42MzAyNyAxMS41Mjg4IDQuNTAxNDcgMTQuNCA4LjAzMDI3IDE0LjRDMTEuNTU5MSAxNC40IDE0LjQzMDMgMTEuNTI4OCAxNC40MzAzIDhDMTQuNDMwMyA0LjQ3MTIgMTEuNTU5MSAxLjYgOC4wMzAyNyAxLjZaTTguMDMwMjcgMTZDMy42MTkwNyAxNiAwLjAzMDI3MzQgMTIuNDEyIDAuMDMwMjczNCA4QzAuMDMwMjczNCAzLjU4ODggMy42MTkwNyAwIDguMDMwMjcgMEMxMi40NDE1IDAgMTYuMDMwMyAzLjU4ODggMTYuMDMwMyA4QzE2LjAzMDMgMTIuNDEyIDEyLjQ0MTUgMTYgOC4wMzAyNyAxNloiIGZpbGw9IiNFNjUzMDAiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjgzMDQ3IDguODAwMkg3LjIzMDQ3VjMuMjAwMkg4LjgzMDQ3VjguODAwMloiIGZpbGw9IiNFNjUzMDAiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjAzMDI3IDExLjIwMDJDOS4wMzAyNyAxMS43NTIyIDguNTgyMjcgMTIuMjAwMiA4LjAzMDI3IDEyLjIwMDJDNy40NzgyNyAxMi4yMDAyIDcuMDMwMjcgMTEuNzUyMiA3LjAzMDI3IDExLjIwMDJDNy4wMzAyNyAxMC42NDgyIDcuNDc4MjcgMTAuMjAwMiA4LjAzMDI3IDEwLjIwMDJDOC41ODIyNyAxMC4yMDAyIDkuMDMwMjcgMTAuNjQ4MiA5LjAzMDI3IDExLjIwMDJaIiBmaWxsPSIjRTY1MzAwIi8+Cjwvc3ZnPg==' );
}

.layout-content.status.status-index .components-section .components-container .component-inner-container.status-red .component-status {
  background-color: #FAF0F1;
}

.layout-content.status.status-index .components-section .components-container .component-inner-container.status-red .component-status:before {
  padding-right: 8px;
  padding-top: 2px;
  content: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjAzMDI3IDEuNkM0LjUwMTQ3IDEuNiAxLjYzMDI3IDQuNDcxMiAxLjYzMDI3IDhDMS42MzAyNyAxMS41Mjg4IDQuNTAxNDcgMTQuNCA4LjAzMDI3IDE0LjRDMTEuNTU5MSAxNC40IDE0LjQzMDMgMTEuNTI4OCAxNC40MzAzIDhDMTQuNDMwMyA0LjQ3MTIgMTEuNTU5MSAxLjYgOC4wMzAyNyAxLjZaTTguMDMwMjcgMTZDMy42MTkwNyAxNiAwLjAzMDI3MzQgMTIuNDExMiAwLjAzMDI3MzQgOEMwLjAzMDI3MzQgMy41ODg4IDMuNjE5MDcgMCA4LjAzMDI3IDBDMTIuNDQxNSAwIDE2LjAzMDMgMy41ODg4IDE2LjAzMDMgOEMxNi4wMzAzIDEyLjQxMTIgMTIuNDQxNSAxNiA4LjAzMDI3IDE2WiIgZmlsbD0iI0Q3MEMxOCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjc5NTggNS4zNjUwOUwxMC42NjQ2IDQuMjMzODlMOC4wMzAyNSA2Ljg2ODI5TDUuMzk1ODUgNC4yMzM4OUw0LjI2NDY1IDUuMzY1MDlMNi44OTkwNSA3Ljk5OTQ5TDQuMjY0NjUgMTAuNjMzOUw1LjM5NTg1IDExLjc2NTFMOC4wMzAyNSA5LjEzMTQ5TDEwLjY2NDYgMTEuNzY1MUwxMS43OTU4IDEwLjYzMzlMOS4xNjE0NSA3Ljk5OTQ5TDExLjc5NTggNS4zNjUwOVoiIGZpbGw9IiNENzBDMTgiLz4KPC9zdmc+Cg==' );
}

.layout-content.status.status-index .components-section .components-container .component-inner-container.status-blue .component-status {
  background-color: #F2F5F9;
}

.layout-content.status.status-index .components-section .components-container .component-inner-container.status-blue .component-status:before {
  padding-right: 8px;
  padding-top: 2px;
  content: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjAzMDEgOS42MjA3M0M1LjgzMTY1IDkuNjIwNzMgNC4wNDMwNiA3LjgzMjE0IDQuMDQzMDYgNS42MzM2OEM0LjA0MzA2IDQuMzYxODIgNC42NTM4NyAzLjE4OTYzIDUuNjM3ODggMi40NDk2M1Y0LjgzNjI3QzUuNjM3ODggNi4xNTUxOSA2LjcxMTE5IDcuMjI4NSA4LjAzMDEgNy4yMjg1QzkuMzQ5MDEgNy4yMjg1IDEwLjQyMjMgNi4xNTUxOSAxMC40MjIzIDQuODM2MjdWMi40NDk2M0MxMS40MDYzIDMuMTg5NjMgMTIuMDE3MSA0LjM2MTgyIDEyLjAxNzEgNS42MzM2OEMxMi4wMTcxIDcuODMyMTQgMTAuMjI4NiA5LjYyMDczIDguMDMwMSA5LjYyMDczWk0xMy42MTIgNS42MzM2OUMxMy42MTIgMy4yNzY1NSAxMi4xMTY4IDEuMTYzNDIgOS44OTA0NSAwLjM3NjM3N0w4LjgyNzUxIDBWNC44MzYyOEM4LjgyNzUxIDUuMjc2NDUgOC40Njk0NyA1LjYzMzY5IDguMDMwMSA1LjYzMzY5QzcuNTkwNzMgNS42MzM2OSA3LjIzMjY5IDUuMjc2NDUgNy4yMzI2OSA0LjgzNjI4VjBMNi4xNjk3NSAwLjM3NjM3N0MzLjk0MzM4IDEuMTYzNDIgMi40NDgyNCAzLjI3NjU1IDIuNDQ4MjQgNS42MzM2OUMyLjQ0ODI0IDcuODU0NDcgMy43NTUxOSA5Ljc3MDY1IDUuNjM3ODggMTAuNjY5M1YxNkg3LjIzMjY5VjExLjIxNTVIOC44Mjc1MVYxNkgxMC40MjIzVjEwLjY2OTNDMTIuMzA1IDkuNzcwNjUgMTMuNjEyIDcuODU0NDcgMTMuNjEyIDUuNjMzNjlaIiBmaWxsPSIjMDA0RTk4Ii8+Cjwvc3ZnPgo=' );
}

/* 現在のステータス - メンテナンススケジュール */
.layout-content.status.status-index .scheduled-maintenances-container {
  margin-top: 20px;
  margin-bottom: 0px;
}

.layout-content.status.status-index .scheduled-maintenances-container .font-largest {
  border-radius: 6px 6px 0 0;
  border: 1px solid #004E98;
  color: #fff;
  background-color: #004E98;
  text-shadow: 0 1px 0 rgb(0 0 0 / 20%);
  padding: 0.85rem 1.25rem 0.75rem;
  font-size: 20px;
  line-height: 150%;
}

.layout-content.status.status-index .scheduled-maintenances-container .font-largest:before {
  padding-right: 10px;
  vertical-align: middle;
  content: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4wMjk5IDEyLjAwMjFDNy4zMTQwNyAxMi4wMDIxIDUuMTA0NTYgOS43OTI1NyA1LjEwNDU2IDcuMDc2NzNDNS4xMDQ1NiA1LjUwNTUzIDUuODU5MTIgNC4wNTc0OCA3LjA3NDcgMy4xNDMzM1Y2LjA5MTY1QzcuMDc0NyA3LjcyMDk2IDguNDAwNjEgOS4wNDY4NyAxMC4wMjk5IDkuMDQ2ODdDMTEuNjU5MiA5LjA0Njg3IDEyLjk4NTEgNy43MjA5NiAxMi45ODUxIDYuMDkxNjVWMy4xNDMzM0MxNC4yMDA3IDQuMDU3NDggMTQuOTU1MyA1LjUwNTUzIDE0Ljk1NTMgNy4wNzY3M0MxNC45NTUzIDkuNzkyNTcgMTIuNzQ1OCAxMi4wMDIxIDEwLjAyOTkgMTIuMDAyMVpNMTYuOTI1OCA3LjA3NjcyQzE2LjkyNTggNC4xNjQ4NSAxNS4wNzg4IDEuNTU0NDEgMTIuMzI4NCAwLjU4MjE0MkwxMS4wMTUzIDAuMTE3MTg4VjYuMDkxNjVDMTEuMDE1MyA2LjYzNTQxIDEwLjU3MyA3LjA3NjcyIDEwLjAzMDMgNy4wNzY3MkM5LjQ4NzUgNy4wNzY3MiA5LjA0NTIgNi42MzU0MSA5LjA0NTIgNi4wOTE2NVYwLjExNzE4OEw3LjczMjEgMC41ODIxNDJDNC45ODE3OCAxLjU1NDQxIDMuMTM0NzcgNC4xNjQ4NSAzLjEzNDc3IDcuMDc2NzJDMy4xMzQ3NyA5LjgyMDE1IDQuNzQ5MyAxMi4xODczIDcuMDc1MDYgMTMuMjk3NVYxOS44ODI3SDkuMDQ1MlYxMy45NzIySDExLjAxNTNWMTkuODgyN0gxMi45ODU1VjEzLjI5NzVDMTUuMzExMiAxMi4xODczIDE2LjkyNTggOS44MjAxNSAxNi45MjU4IDcuMDc2NzJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K' );
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance {
  padding: 1.25rem;
  margin: 0 !important;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  border: 1px solid #004E98;
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title a {
  max-width: 100%;
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small {
  font-size: 14px;
  font-weight: bold;
  color: #222222;
  float: none;
  display: block;
  top: 0px;
  padding-top: 4px;
}

/* 履歴 - サービスの選択*/
.component-selector .grouped-items {
  background-color: #FFFFFF !important;
  color: #222222 !important;
}

.layout-content.status.status-full-history .show-filter {
  background-color: #FFFFFF !important;
  color: #222222 !important;
}

.layout-content.status.status-full-history .show-filter:after {
  padding-left: 8px;
  content: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMyA0LjVMNiA3LjQ2MDUzTDkgNC41IiBmaWxsPSIjNTQ1NDU0Ii8+DQo8L3N2Zz4=' );
}

/* 履歴 - ページング*/
.layout-content.status.status-full-history .history-header .pagination a {
  border-style: none;
}

.layout-content.status.status-full-history .history-header .left-arrow:before, .layout-content.status.status-full-history .uptime-header .left-arrow:before {
  color: #004E98;
}

.layout-content.status.status-full-history .history-header .right-arrow:before, .layout-content.status.status-full-history .uptime-header .right-arrow:before {
  color: #004E98;
}

/* 履歴 - 月ごとのインシデント*/
.layout-content.status.status-full-history .history-header, .layout-content.status.status-full-history .uptime-header {
  margin-bottom: 24px;
}

.layout-content.status.status-full-history .months-container .month {
  background-color: #FFFFFF;
  padding: 14.5px 24px;
  border-radius: 6px;
}

.layout-content.status.status-full-history .months-container .month + .month {
  margin-top: 24px;
}

.layout-content.status.status-incident .page-title .incident-name {
  font-size: 28px;
  font-weight: bold;
}

.layout-content.status.status-incident .update-row .update-title {
  font-weight: bold;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title {
  font-weight: bold;
}

/* インシデントの詳細 */
.layout-content.status.status-incident .container {
  border-radius: 6px;
  width: 90%;
  max-width: 850px;
  margin-top: 0px;
  padding-bottom: 0px !important;
}

.layout-content.status.status-incident .container .page-title {
  padding: 40px 24px 20px 24px;
  margin: 0;
  background: #FFFFFF;
  border-radius: 6px 6px 0 0;
}

.layout-content.status.status-incident .container .incident-updates-container {
  padding : 0 24px 20px;
  background: #FFFFFF;
  border-radius: 0 0 6px 6x;
}

/* フッター */
.layout-content.status .page-footer {
  margin: 40px 0;
}

.layout-content.status .page-footer:after {
  content: "© Sansan. inc.";
  color: #A9A9A9
}

@media screen and (max-width: 700px) {
  /* 共通 */
  .incident-title {
    font-size: 16px;
    font-weight: bold;
  }

  /* ヘッダー */
  .logo-container svg {
    width: 80px;
  }

  .layout-content.status .masthead-container.basic .masthead {
    padding-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
  }

  .layout-content.status .masthead-container.basic .masthead .updates-dropdown-container {
    float: right;
    margin-left: auto;
  }
  
  .layout-content.status .masthead-container.basic .masthead .updates-dropdown-container .show-updates-dropdown {
    font-size: 0.75rem;
  }

  /* ヘッダー-タブ */
  .layout-content.status .custom-header-container .nav-bar {
    padding: 20px 0;
  }

  .layout-content.status .custom-header-container .nav-bar .masthead-container {
    font-size: 14px;
  }

  /* 現在のステータス - インシデント */
  .layout-content.status.status-index .unresolved-incidents .unresolved-incident {
    margin-top: 16px;
  }
  
  .layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title {
    text-shadow: none;
  }

  .layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title:before {
    padding-right: 8px;
  }

  .layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update {
    font-size: 14px;
  }
  
  /* 現在のステータス - サービス稼働状況 */
  .layout-content.status.status-index .components-section .components-container {
    border: none;
  }

  .layout-content.status.status-index .components-section .components-container .component-container.is-group {
    padding: 16px;
  }

  .layout-content.status.status-index .components-section .components-container.one-column .component-container .component-status {
    padding: 8px;
  }
  .layout-content.status.status-index .components-section .components-container .component-container .child-components-container .component-inner-container {
    margin-top: 8px;
  }

  .layout-content.status.status-index .components-section .components-container .component-container .child-components-container > .component-inner-container {
    padding-left: 12px;
  }

  .layout-content.status.status-index .components-section .components-container .component-container .component-status {
    font-size: 14px;
  }

  .layout-content.status.status-index .components-section .components-container .component-inner-container .component-status:before {
    padding-right: 2px;
  }

  .layout-content.status.status-index .scheduled-maintenances-container .font-largest:before {
    padding-right: 8px;
  }

  /* 履歴*/
  .layout-content.status.status-full-history .history-header, .layout-content.status.status-full-history .uptime-header {
    margin-bottom: 0px;
    font-size: 14px;
  }

  /* 履歴 - サービスの選択*/
  .layout-content.status.status-full-history .show-filter {
    padding: 8px 8px 4px;
  }

  .layout-content.status.status-full-history .show-filter:after {
    padding-left: 4px;
  }

  /* 履歴 - ページング*/
  .layout-content.status.status-full-history .history-header .pagination-container, .layout-content.status.status-full-history .uptime-header .pagination-container {
    padding-bottom: 16px;
    display: inline-block;
  }

  .layout-content.status.status-full-history .history-header .component-selector, .layout-content.status.status-full-history .uptime-header .component-selector {
    float: left;
  }
  
  /* 履歴 - 月ごとのインシデント*/
  .layout-content.status.status-full-history .months-container .month .incident-container .incident-body {
    font-size: 14px;
  }

  .layout-content.status.status-full-history .months-container .month + .month {
    margin-top: 16px;
  }

  .layout-content.status.status-full-history .months-container .month .month-title {
    font-size: 16px;
    font-weight: bold;
  }


  /* インシデントの詳細 */
  .layout-content.status.status-incident .page-title .incident-name {
    font-size: 20px;
    font-weight: bold;
  }

  .layout-content.status.status-incident .update-title {
    width: 100%;
  }

  .layout-content.status.status-incident .update-container:not(.span12) {
    width: 100%;
  }
}

@media screen and (max-width: 450px) {
  .layout-content.status .masthead-container.basic .masthead .logo-container {
    float: left;
    margin-bottom: 0;
  }
  
  .layout-content.status .masthead-container.basic .masthead .updates-dropdown-container .show-updates-dropdown {
    font-size: 0.75rem;
  }
}

/* 多言語対応用 */
.updates-dropdown-container .show-updates-dropdown:lang(ja)::after {
  content: 'フィードを取得';
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(ja)::before {
  content: '予定日 : ';
}