@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: #FFFFFF;
  color: #2F3941;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-top: 50;
  margin-bottom: 0;
  font-weight: bold;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

a {
  color: #1F73B7;
  text-decoration: none;
}

a:visited {
  color: #9358B0;
}

a:hover, a:active, a:focus {
  text-decoration: underline;
}

input,
textarea {
  color: #000;
  font-size: 14px;
}

input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
}

input:not([type="checkbox"]) {
  outline: none;
}

input:not([type="checkbox"]):focus {
  border: 1px solid #17494D;
}

input[disabled] {
  background-color: #ddd;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid #17494D;
}

select::-ms-expand {
  display: none;
}

textarea {
  border: 1px solid #87929D;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}

textarea:focus {
  border: 1px solid #17494D;
}

.container {
  /*max-width: 1160px;*/
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 5%;
}

@media (min-width: 1200px) {
  .container {
    padding: 0;
    width: 90%;
  }
}

.container-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1200px) {
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
  background-color: transparent;
  border: 1px solid #17494D;
  border-radius: 4px;
  color: #17494D;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

@media (min-width: 768px) {
  .button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
    width: auto;
  }
}

.button:visited, .split-button button:visited, .section-subscribe button:visited, .article-subscribe button:visited, .community-follow button:visited, .requests-table-toolbar .organization-subscribe button:visited, .subscriptions-subscribe button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited {
  color: #ddd;
}

.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button:active, .split-button button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .button:focus, .split-button button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .button.button-primary, .split-button button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link {
  background-color: #fff;
  color: #333;
  text-decoration: none;
  border:solid 1px #333;
}

.button.button-primary:hover, .split-button button:hover, .section-subscribe button.button-primary:hover, .section-subscribe button:hover[data-selected="true"], .article-subscribe button.button-primary:hover, .article-subscribe button:hover[data-selected="true"], .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button:hover[data-selected="true"], .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button:hover[data-selected="true"], .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .button.button-primary:focus, .split-button button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button:focus[data-selected="true"], .article-subscribe button.button-primary:focus, .article-subscribe button:focus[data-selected="true"], .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button:focus[data-selected="true"], .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button:focus[data-selected="true"], .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .button.button-primary:active, .split-button button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button:active[data-selected="true"], .article-subscribe button.button-primary:active, .article-subscribe button:active[data-selected="true"], .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button:active[data-selected="true"], .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button:active[data-selected="true"], .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active {
  background-color: #e6e6e6;
  border-color: #000;
}

.button[data-disabled], .split-button button[data-disabled], .section-subscribe button[data-disabled], .article-subscribe button[data-disabled], .community-follow button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .subscriptions-subscribe button[data-disabled], .pagination-next-link[data-disabled], .pagination-prev-link[data-disabled], .pagination-first-link[data-disabled], .pagination-last-link[data-disabled] {
  cursor: default;
}

.button-large, input[type="submit"] {
  cursor: pointer;
  background-color: #17494D;
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}

@media (min-width: 768px) {
  .button-large, input[type="submit"] {
    width: auto;
  }
}

.button-large:visited, input[type="submit"]:visited {
  color: #FFFFFF;
}

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  background-color: #000;
}

.button-large[disabled], input[type="submit"][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #5a6d7c;
  border: 1px solid #87929D;
  background-color: transparent;
}

.button-secondary:visited {
  color: #5a6d7c;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: #2F3941;
  border: 1px solid #87929D;
  background-color: #f7f7f7;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: #17494D;
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 16px;
  outline-color: #17494D;
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #FFFFFF;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #FFFFFF;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}

[dir="rtl"] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}

.table th,
.table th a {
  color: #5a6d7c;
  font-size: 13px;
  text-align: left;
}

[dir="rtl"] .table th, [dir="rtl"]
.table th a {
  text-align: right;
}

.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}

.table td {
  display: block;
}

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}

@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid #17494D;
}

.form-field input[type="text"] {
  border: 1px solid #87929D;
  border-radius: 4px;
}

.form-field input[type="text"]:focus {
  border: 1px solid #17494D;
}

.form-field input[type="checkbox"] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #87929D;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid #17494D;
  text-decoration: none;
}

.form-field .hc-multiselect-toggle {
  border: 1px solid #87929D;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid #17494D;
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #5a6d7c;
  margin-left: 4px;
}

.form-field p {
  color: #5a6d7c;
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.form footer a {
  color: #5a6d7c;
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}

.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}

.form .suggestion-list li {
  padding: 10px 0;
}

.form .suggestion-list li a:visited {
  color: #9358B0;
}

/***** Header *****/
.header {
  /*max-width: 1160px;*/
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  justify-content: space-between;
}

@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

.logo img {
  max-height: 37px;
  vertical-align: middle;
}

.logo span {
  margin: 0 10px;
  color: #17494D;
}

.logo a {
  display: inline-block;
}

.logo a:hover, .logo a:focus, .logo a:active {
  text-decoration: none;
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}

.user-nav[aria-expanded="true"] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}

.user-nav[aria-expanded="true"] > a {
  display: block;
  margin: 20px;
}

.user-nav[aria-expanded="true"] > .user-nav-list li {
  display: block;
}

.user-nav[aria-expanded="true"] > .user-nav-list a {
  display: block;
  margin: 20px;
}

.user-nav-list {
  display: block;
  list-style: none;
}

.user-nav-list > li {
  display: inline-block;
}

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
  }
}

.nav-wrapper-desktop a {
  border: 0;
  color: #1F73B7;
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}

@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}

[dir="rtl"] .nav-wrapper-desktop a {
  padding: 0 0 0 20px;
}

.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
  background-color: transparent;
  color: #1F73B7;
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none;
  }
}

.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  min-width: 71px;
  cursor: pointer;
  position:absolute;
  top:10px;
  left:10px;
}

.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.nav-wrapper-mobile .menu-button-mobile[aria-expanded="true"] .icon-menu {
  background: #f3f3f3;
}

.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 2;
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded="false"] {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded="true"] {
  display: block;
}

.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 4px 0;
}

.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 0.1px solid #ddd;
  padding: 0;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #2F3941;
  cursor: pointer;
  text-align: start;
}

.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
  background-color: #f3f3f3;
  text-decoration: underline;
}

.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #2F3941;
  text-decoration:none;
  background: url(//p6.zdassets.com/hc/theme_assets/924076/200213647/right_arrow.png) no-repeat 98% center;
}

.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: #f3f3f3;
  text-decoration:none;
  background: url(//p6.zdassets.com/hc/theme_assets/924076/200213647/right_arrow.png) no-repeat 98% center;
  color:#999;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}

.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}

[dir="rtl"] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

.menu-list-mobile-items li{
  font-size:1.5em;
  border-bottom: 1px solid #C8CCCC; 
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}

[dir="rtl"] .skip-navigation {
  left: initial;
  right: -999px;
}

.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}

[dir="rtl"] .skip-navigation:focus, [dir="rtl"] .skip-navigation:active {
  left: initial;
  right: auto;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle::after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}

.user-info > button {
  border: 0;
  color: #fff;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: #1F73B7;
  background-color: transparent;
}

.user-info > button::after {
  color: #1F73B7;
  padding-right: 15px;
}

[dir="rtl"] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent {
  color: #17494D;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
}

.footer a {
  color: #5a6d7c;
}

.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
}

.footer-language-selector button {
  color: #5a6d7c;
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: #5a6d7c;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  color: #5a6d7c;
  display: inline;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: ">";
  margin: 0 4px;
}

.breadcrumbs li a:visited {
  color: #1F73B7;
}

/***** Search field *****/
.search-container {
  position: relative;
}

.search {
 /* border-color: #87929D;*/
  border-radius: 30px;
 /*border-style: solid;
  border-width: 1px;*/
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}

.search:focus-within {
  border-color: #17494D;
}

.search input[type="search"],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}

.search-full input[type="search"],
.search-full .clear-button {
  border-color: #fff;
}

.search input[type="search"] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
}

.search input[type="search"]:focus {
  color: #555;
}

.search input[type="search"]::-webkit-search-decoration, .search input[type="search"]::-webkit-search-cancel-button, .search input[type="search"]::-webkit-search-results-button, .search input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.search input[type="search"]:-webkit-autofill, .search input[type="search"]:-webkit-autofill:hover, .search input[type="search"]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #777;
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
}

.search .clear-button:hover {
  background-color: #17494D;
  color: #fff;
}

.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #17494D;
}

.search-has-value .clear-button {
  display: flex;
}

[dir="ltr"] .search input[type="search"] {
  padding-left: 40px;
  padding-right: 20px;
}

[dir="ltr"] .search-has-value input[type="search"] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}

[dir="ltr"] .search-has-value input[type="search"]:focus {
  border-right-color: #17494D;
}

[dir="ltr"] .search .clear-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}

[dir="ltr"] .search .clear-button:focus {
  border-left-color: #17494D;
}

[dir="rtl"] .search input[type="search"] {
  padding-left: 20px;
  padding-right: 40px;
}

[dir="rtl"] .search-has-value input[type="search"] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}

[dir="rtl"] .search-has-value input[type="search"]:focus {
  border-left-color: #17494D;
}

[dir="rtl"] .search .clear-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}

[dir="rtl"] .search .clear-button:focus {
  border-right-color: #17494D;
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
  pointer-events: none;
}

[dir="rtl"] .search-icon {
  left: auto;
  right: 15px;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01HZKMH8EVEYYHNGBMYDBGH15V);
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 610px;
  margin: 0 auto;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}

@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
  }
}

.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}

.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}

.page-header-description {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}

@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}

.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 55px;
}

@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}

.sub-nav .breadcrumbs {
  margin: 0;
}

.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}

@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}

.sub-nav input[type="search"]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}

@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}

.blocks-item {
  border: 1px solid #17494D;
  border-radius: 4px;
  box-sizing: border-box;
  color: #17494D;
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
}

@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: #17494D;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #FFFFFF;
  text-decoration: none;
}

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: #2F3941;
}

.blocks-item-link {
  color: #17494D;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}

.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
  color: inherit;
  text-decoration: none;
}

.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #17494D;
  text-decoration: none;
}

.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}

.blocks-item-description {
  margin: 0;
}

.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/***** Homepage *****/
.section {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
 /* .section {
    margin-bottom: 60px;
  } */
}

.home-section h2 {
  margin-bottom: 10px;
  text-align: center;
}

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}

.promoted-articles-item {
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%;
    /* Three columns on desktop */
  }
  [dir="rtl"] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}

.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}

.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}

.promoted-articles-item:last-child a {
  border: 0;
}

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}

.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01HZKMH8SCMZX1BSMPE68C025S);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}

.community a {
  color: #1F73B7;
  text-decoration: underline;
}

.community a:visited {
  color: #9358B0;
}

.community a:hover, .community a:active, .community a:focus {
  color: #0F3554;
}

.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}

.recent-activity-list {
  padding: 0;
}

.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}

.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}

.recent-activity-item-link {
  font-size: 14px;
}

.recent-activity-item-meta {
  color: #2F3941;
  margin: 15px 0 0 0;
  float: none;
}

@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir="rtl"] .recent-activity-item-meta {
    float: left;
  }
}

.recent-activity-item-time, .recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}

.recent-activity-item-comment {
  padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
  display: inline-block;
}

.recent-activity-controls {
  padding-top: 15px;
}

.recent-activity-controls a {
  color: #1F73B7;
  text-decoration: underline;
}

.recent-activity-controls a:visited {
  color: #9358B0;
}

.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: #0F3554;
}

.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: #17494D;
  width: 16px;
  height: 16px;
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}

[dir="rtl"] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}

.category-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 70%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
  .category-container{display:inherit;}
  
}

.section-tree .section {
  flex: initial;
}

@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%;
    /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}

.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.section-tree-title a {
  color: #2F3941;
}

.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
}

.article-list-item a {
  color: #2F3941;
}
.article-list-item a:hover {
  color: #9358B0;
}

.icon-star {
  color: #17494D;
  font-size: 18px;
}

.toggle-check{
    display: none;
}
.toggle-label{
    background: #e5e8ea;
    color: #000;
    display: block;
    padding: 15px;
    position: relative;
   font-size:1.2em;
}
.toggle-label:before{
    box-sizing: border-box;
    content: '＋';
    display: block;
    font-family: "Font Awesome 5 Free";
    height: 52px;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 0px;
}
.toggle-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}

.toggle-content div{
  border-bottom:solid 1px #ccc;
  padding-bottom:10px;
  margin-bottom:10px;
}

.see-all{
margin-bottom:40px;  
}

.toggle-check:checked + .toggle-label:before{
    content: 'ー';
}
.toggle-check:checked + .toggle-label + .toggle-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}

.section-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}

.section-list {
  margin: 40px 0;
}

.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}

.section-list-item:first-child {
  border-top: 1px solid #ddd;
}

.section-list-item a {
  align-items: center;
  color: #2F3941;
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}

.see-all-sections-trigger[aria-hidden="true"] {
  display: none;
}

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}

@media (min-width: 1200px) {
  .article {
   /* flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 0 30px;*/
   flex: 0 0 70%;
    min-width: 300px;
    margin-bottom: 4em; 
  }
}

.article-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}

.article-avatar {
  margin-right: 10px;
}

.article-author {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%;
    /* Take entire row */
  }
}

.article-title .icon-lock {
  position: relative;
  left: ０;
  vertical-align: baseline;
}

.article [role="button"] {
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}

@media (min-width: 768px) {
  .article [role="button"] {
    width: auto;
  }
}

.article-info {
  max-width: 100%;
}

.article-meta {
  display: inline-block;
  vertical-align: middle;
}

.article-body a {
  color: #1F73B7;
 /* text-decoration: underline; */
}

/*.article-body a:visited {
  color: #9358B0;
}*/

.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: #0F3554;
}

.article-body img {
  height: auto;
  max-width: 100%;
}

.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .article-body ul, [dir="rtl"]
.article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
  margin: 0;
}

.article-body ul {
  list-style-type: disc;
}

.article-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #5a6d7c;
  font-style: italic;
  padding: 0 15px;
}

.article-body > p:last-child {
  margin-bottom: 0;
}

.article-content {
  line-height: 1.6;
  margin: 40px 0;
  word-wrap: break-word;
}

.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.article-comment-count {
  color: #5a6d7c;
}

.article-comment-count:hover {
  text-decoration: none;
}

.article-comment-count-icon {
  vertical-align: middle;
  color: #17494D;
  width: 18px;
  height: 18px;
}

.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
  }
}

.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}

.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}

.article-relatives > *:last-child {
  padding: 0;
}

@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}

.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}

.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}

.article-more-questions a {
  color: #1F73B7;
  text-decoration: underline;
}

.article-more-questions a:visited {
  color: #9358B0;
}

.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: #0F3554;
}

.article-return-to-top {
  border-top: 1px solid #87929D;
}

@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}

.article-return-to-top a {
  color: #2F3941;
  display: block;
  padding: 20px 0;
}

.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}

.article-return-to-top-icon {
  transform: rotate(0.5turn);
}

.article td > p:first-child,
.article th > p:first-child {
  margin-top: 0;
}

.article td > p:last-child,
.article th > p:last-child {
  margin-bottom: 0;
}

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
}

.sidenav-item {
  display: block;
  margin-top: 10px;
  margin-bottom: 16px;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
  margin-bottom: 0;
}

.attachments .attachment-item .attachment-icon {
  color: #2F3941;
  left: 0;
  position: absolute;
  top: 5px;
}

[dir="rtl"] .attachments .attachment-item {
  padding-left: 0;
  padding-right: 20px;
}

[dir="rtl"] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: #5a6d7c;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #5a6d7c;
}

.share a:hover {
  text-decoration: none;
  color: #17494D;
}

.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}

.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.comment-overview p {
  margin-top: 0;
}

.comment-callout {
  color: #5a6d7c;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: #1F73B7;
  text-decoration: underline;
}

.comment-callout a:visited {
  color: #9358B0;
}

.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: #0F3554;
}

.comment-sorter {
  display: inline-block;
  float: right;
}

.comment-sorter .dropdown-toggle {
  color: #5a6d7c;
  font-size: 13px;
}

[dir="rtl"] .comment-sorter {
  float: left;
}

.comment-wrapper {
  display: flex;
  position: relative;
}

.comment-wrapper.comment-official {
  border: 1px solid #17494D;
  padding: 40px 20px 20px;
}

@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}

.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}

.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}

.comment-avatar {
  margin-right: 10px;
}

[dir="rtl"] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.comment-meta {
  flex: 1 0 auto;
}

.comment-labels {
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}

.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}

.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}

.comment-container {
  width: 100%;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  [dir="ltr"] .comment-form-controls {
    text-align: right;
  }
}

.comment-form-controls input[type="submit"] {
  margin-top: 15px;
}

@media (min-width: 1024px) {
  .comment-form-controls input[type="submit"] {
    margin-left: 15px;
  }
  [dir="rtl"] .comment-form-controls input[type="submit"] {
    margin-left: 0;
    margin-right: 15px;
  }
}

.comment-form-controls input[type="checkbox"] {
  margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
  margin-left: 5px;
}

.comment-ccs {
  display: none;
}

.comment-ccs + textarea {
  margin-top: 10px;
}

.comment-attachments {
  margin-top: 10px;
}

.comment-attachments a {
  color: #17494D;
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

.comment-body a {
  color: #1F73B7;
  text-decoration: underline;
}

.comment-body a:visited {
  color: #9358B0;
}

.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: #0F3554;
}

.comment-body img {
  height: auto;
  max-width: 100%;
}

.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .comment-body ul, [dir="rtl"]
.comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
  margin: 0;
}

.comment-body ul {
  list-style-type: disc;
}

.comment-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #5a6d7c;
  font-style: italic;
  padding: 0 15px;
}

.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #5a6d7c;
  display: block;
  margin: 3px 0;
}

[dir="rtl"] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: #17494D;
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #5a6d7c;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: #17494D;
}

.vote-voted:hover {
  color: #000;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari*/
}

.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01HZKMH8KQXEXPG7ZVVKG8WGXB);
  margin-bottom: 10px;
}

.community-footer {
  padding-top: 50px;
  text-align: center;
}

.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}

.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}

.community-header {
  margin-bottom: 30px;
}

.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}

.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}

@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}

.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}

.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}

.community-follow button:hover {
  background-color: #17494D;
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.community-follow button[data-selected="true"] {
  background-color: #17494D;
  color: #FFFFFF;
}

.community-follow button[data-selected="true"]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.community-follow button[data-selected="true"]:hover {
  background-color: #000;
  border-color: #000;
}

.community-follow button::after {
  border-left: 1px solid #17494D;
  content: attr(data-follower-count);
  color: #17494D;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}

[dir="rtl"] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid #17494D;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}

.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

.striped-list-info {
  flex: 2;
}

.striped-list-title {
  color: #1F73B7;
  margin-bottom: 10px;
  margin-right: 5px;
}

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}

.striped-list-title:visited {
  color: #9358B0;
}

.striped-list .meta-group {
  margin: 5px 0;
}

.striped-list-count {
  color: #5a6d7c;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

.striped-list-number {
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: #2F3941;
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}

.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: #17494D;
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir="rtl"] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #5a6d7c;
}

.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}

.status-label-open {
  background-color: #c72a1c;
}

.status-label-solved {
  background-color: #68737d;
}

.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}

.status-label-hold {
  background-color: #000;
}

.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
   /* max-width: 70%;*/
  }
}

.post-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}

.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}

.post-header .status-label {
  vertical-align: super;
}

.post-title {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}

.post-title h1 {
  display: inline;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}

.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.post-avatar {
  margin-bottom: 30px;
}

.post-content {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  word-break: break-word;
}

.post-info-container {
  display: flex;
  margin-bottom: 40px;
}

.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .post-info {
  padding-right: 0;
  padding-left: 20px;
}

.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}

[dir="rtl"] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}

.post-body a {
  color: #1F73B7;
  text-decoration: underline;
}

.post-body a:visited {
  color: #9358B0;
}

.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: #0F3554;
}

.post-body img {
  height: auto;
  max-width: 100%;
}

.post-body ul,
.post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .post-body ul, [dir="rtl"]
.post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
  margin: 0;
}

.post-body ul {
  list-style-type: disc;
}

.post-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #5a6d7c;
  font-style: italic;
  padding: 0 15px;
}

.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.post-comment-count {
  color: #5a6d7c;
}

.post-comment-count:hover {
  text-decoration: none;
}

.post-comment-count .icon-comments {
  color: #17494D;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}

.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [dir="rtl"] .post-sidebar {
    padding: 0 50px 0 0;
  }
}

.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}

.post-comments {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-flex;
  line-height: 18px;
  vertical-align: middle;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}

.community-badge-container-achievements {
  display: flex;
}

.community-badge-container-achievements > .community-badge-titles {
  margin-left: calc(28px - 0.5em);
}

[dir="rtl"] .community-badge-container-achievements > .community-badge-titles {
  margin-right: calc(28px - 0.5em);
}

.community-name-and-title-badges {
  display: flex;
  flex-wrap: wrap;
}

.community-badge {
  margin: 2px;
}

.community-badge-achievements {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}

.profile-info .community-badge-achievements {
  height: 40px;
  width: 40px;
}

.community-title-badges {
  flex-basis: 100%;
  margin-top: 15px;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge-achievements img {
  width: 100%;
  height: 100%;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

/*.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}*/

@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: calc(45px / 2);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}

.collapsible-nav-toggle-icon {
  display: none;
}

.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid #17494D;
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}

.collapsible-nav-list li {
  color: #2F3941;
  line-height: 45px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir="rtl"] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}

.collapsible-nav-list li a {
  color: #2F3941;
  display: block;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a:not([aria-current="page"]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) {
  display: none;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected="true"]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"] {
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected="true"],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid #17494D;
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: #2F3941;
}

.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  /*overflow: hidden;*/
  padding: 10px 0;
  position: relative;
}

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}

.collapsible-sidebar-title {
  margin-top: 0;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: calc(45px / 2);
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}

.collapsible-sidebar-toggle-icon {
  display: none;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid #17494D;
}

.collapsible-sidebar-body {
  display: none;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}

.collapsible-sidebar[aria-expanded="true"] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #f2f2f2;
  margin-bottom: 20px;
}

.my-activities-sub-nav {
  margin-bottom: 30px;
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}

@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir="rtl"] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}

.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}

.requests-table-toolbar + .requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #5a6d7c;
  font-size: 13px;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #5a6d7c;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-main {
  flex: 1 0 auto;
  order: 1;
}

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}

.request-main .comment-fields.shown {
  display: block;
}

.request-main .request-submit-comment.shown {
  display: inline;
}

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}

.request-main .comment-form-controls {
  display: block;
}

.request-main .comment-ccs {
  display: block;
}

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #5a6d7c;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

.request-main .comment-show-container.hidden {
  display: none;
}

.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid #17494D;
}

.request-main .form-field.comment-ccs > input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid #17494D;
}

.request-main input#mark_as_solved {
  display: none;
}

.request-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f7f7f7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

.request-details dd::after {
  content: "\A";
  white-space: pre;
}

.request-details dt {
  color: #5a6d7c;
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt, .request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form textarea {
  min-height: 120px;
}

.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}

.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}

.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.pagination-next-link {
  padding-right: 10px;
}

.pagination-next-text {
  margin-right: 10px;
}

[dir="rtl"] .pagination-next-link {
  padding-left: 10px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 10px;
}

.pagination-prev-link {
  padding-left: 10px;
}

.pagination-prev-text {
  margin-left: 10px;
}

[dir="rtl"] .pagination-prev-link {
  padding-right: 10px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group-opposite {
  float: right;
}

[dir="rtl"] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #5a6d7c;
  font-size: 13px;
}

.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: #f7f7f7;
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 25px;
  height: 25px;
}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir="rtl"] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir="rtl"] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #5a6d7c;
  flex: 0 0 100px;
  margin-right: 10px;
}

[dir="rtl"] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px #17494D;
  border-radius: 4px;
  color: #17494D;
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #f2f2f2;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

@media (min-width: 1024px) {
 /* .profile-section {
    width: calc(100% - 330px);
  }*/
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #5a6d7c;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir="rtl"] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}

.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}

.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}

.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

.profile-badges-item-image img {
  max-height: 40px;
}

[dir="rtl"] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}

.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}

.profile-badges-item-title {
  font-weight: 600;
}

.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #5a6d7c;
  font-size: 13px;
  margin: 0;
}

.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}

[dir="rtl"] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid #eee;
}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir="rtl"] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}

[dir="rtl"] .profile-contribution-icon {
  right: 0;
}

.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}

[dir="rtl"] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir="rtl"] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }
  [dir="rtl"] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  min-width: 25px;
  align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #f7f7f7;
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir="rtl"] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

[dir="rtl"] .profile-activity-icon {
  right: 0;
}

@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir="rtl"] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}

.search-results-column {
  flex: 1;
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}

.search-results-sidebar {
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}

.search-results-sidebar .sidenav-item {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: #2F3941;
}

.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}

.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}

.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}

.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}

.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}

.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
  display: none;
}

@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: block;
  }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
  display: none;
}

.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}

.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #1F73B7;
}

.search-results-sidebar .see-all-filters[aria-hidden="true"] {
  display: none;
}

.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
  content: ' \2304';
  font-weight: bold;
}

.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list > li {
  padding: 20px 0;
}

.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}

.search-results-list > li h2 {
  margin-bottom: 0;
}

.search-results .meta-group {
  display: block;
  align-items: center;
  clear: both;
  color: #666;
}

@media (min-width: 1024px) {
  .search-results .meta-group {
    display: flex;
  }
}

.search-results .meta-group > li {
  display: block;
}

@media (min-width: 1024px) {
  .search-results .meta-group > li {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .search-results .meta-group li:first-child {
    flex: 1;
  }
}

.search-results .meta-group .meta-data {
  color: inherit;
}

[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-right: 20px;
}

[dir="rtl"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-left: 20px;
}

.search-results .meta-group .meta-data::after {
  content: none;
}

.search-results-description {
  margin-top: 10px;
  word-break: break-word;
}

.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}

.search-results .no-results .headline {
  color: #2F3941;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}

.search-results .no-results .action-prompt {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}

.search-results .no-results .action-prompt a {
  color: #1F73B7;
}

.search-results .no-results .action-prompt a:visited {
  color: #1F73B7;
}

.search-result-title {
  font-size: 16px;
  display: inline-block;
}

[dir="ltr"] .search-result-icons {
  float: right;
}

[dir="rtl"] .search-result-icons {
  float: left;
}

.search-result-votes, .search-result-meta-count {
  color: #5a6d7c;
  display: inline-block;
  font-size: 13px;
  padding: 4px 5px;
  position: relative;
}

.search-result-votes-icon, .search-result-meta-count-icon {
  color: #17494D;
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
  margin-left: 5px;
}

[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
  margin-right: 3px;
}

[dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count {
  margin-right: 5px;
}

[dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before {
  margin-left: 3px;
}

.search-result .meta-group {
  align-items: center;
}

.search-result-breadcrumbs {
  margin: 0;
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs {
    display: table-row;
  }
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs li {
    display: table-cell;
  }
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|="zh"] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height .2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: .6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir="rtl"] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle > * {
  display: inline-block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #87929D;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
 /* padding: 10px 0; */
  position: absolute;
  text-align: left;
  z-index: 1000;
}

[dir="rtl"] .dropdown-menu {
  text-align: right;
}

.dropdown-menu[aria-expanded="true"] {
  display: block;
}

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid #e9ebed;
  margin: 4px 0;
}

.dropdown-menu [role="menuitem"] {
  color: #333;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

[dir="rtl"] .dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
  background: #f3f3f3;
  text-decoration: none;
  color: #333;
}

.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}

[dir="rtl"] .dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir="rtl"] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.dropdown-chevron-icon {
  vertical-align: middle;
}

.content-tags > p {
  color: #68737D;
  margin-top: 32px;
  margin-bottom: 4px;
}

.content-tags-add-hint {
  color: #68737D;
  font-size: 14px;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.content-tag-list li {
  border-right: 1px solid #C2C8CC;
  margin-bottom: 4px;
}

[dir="ltr"] .content-tag-list li {
  padding-right: 8px;
  margin-right: 8px;
}

[dir="rtl"] .content-tag-list li {
  padding-left: 8px;
  margin-left: 8px;
}

.content-tag-list li:last-child {
  border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #87929D;
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border: 1px solid #87929D;
}



/* 20230213 マージ*/
/* ====================================================
　　 Base styles ：20221101：移行（base_v011.css）
   ==================================================== */

*, input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { background-color: #fff; }
body { color: #555; font-family: Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif; font-size: 15px; font-weight: lighter; line-height: 1.5; margin: 0; padding-bottom: 0; }
img { max-width: 100%; vertical-align: middle; }
img[width], img[height] { max-width: none; }
figure > img { display: block; }
a { color: #0f88fb; text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { margin: 0; padding: 0; }
ul { list-style: none; }
table { border-collapse: collapse; text-align: left; width: 100%; }
[dir=rtl] table { text-align: right; }
tr, td, th { border: 1px solid #ccc; vertical-align: top; padding:0 20px; }
th { border-width: 1px 0; color: #bebebe; font-size: 11px; font-weight: normal; white-space: nowrap; text-align: inherit; }
/*td { border-width: 0 0 1px 0; }*/
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 600; margin-top:30px; }
h1 { font-size: 26px; }
input, textarea, label { display: inline-block; vertical-align: middle; }
label, select { font-size: 12px; }
input[type="checkbox"] + label { margin-left: 5px; }
[dir=rtl] input[type="checkbox"] + label { margin-left: 0; margin-right: 5px; }
input, textarea, select { border: 1px solid #ddd; border-radius: 2px; }
input, textarea, select { color: #555; }
input, textarea { padding: 10px; }
textarea { height: 45em; padding: 7px 10px; resize: vertical; }
textarea, input[type=text] { width: 100%; }
input:focus, textarea:focus, select:focus { outline: none; border: 1px solid #999; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 10px; min-width: 141px; background: url("/hc/assets/dropdown-arrow.svg") no-repeat #fff; background-size: 10px 5px; background-position: calc(100% - 10px) 50%; }
[dir=rtl] select { background-position: 10px 50%; }
/* Buttons */
button, [role=button], [type=button], [type=submit] { border-radius: 4px;   /*border: 1px solid #ddd;*/ color: #158ec2; cursor: pointer; display: inline-block; padding: 5px 10px; position: relative; vertical-align: middle; white-space: nowrap; }
a[role=button]:hover { text-decoration: none; }
input[type=submit] { background: #444; border-color: transparent; color: #fff; padding: 10px 30px; }
input[type=submit][disabled] { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */ opacity: .4; }
button img, [role=button] img { border-radius: 4px; margin: 0 5px 0 0; height: 20px; position: relative; top: -1px; vertical-align: middle; }
[dir=rtl] button img, [dir=rtl] [role=button] img { margin: 0 0 0 5px; }
/* Forms */
.form { max-width: 840px; }
.form-field ~ .form-field { margin-top: 25px; }
.form-field label { display: block; font-weight: bold; margin-bottom: 5px; }
.form-field input[type=checkbox] + label { margin: 0 0 0 10px; }
.form-field.required > label:after { content: "*"; color: #f00; margin-left: 2px; }
.form-field p { color: #bebebe; font-size: 11px; }
.form-field input[type=number], .form-field input.datepicker { width: 150px; }
.form-field input.partialcreditcardinputfield { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUOMvdktENwyAMBTNCR8gIGcGjMIo3YwQmOGUERnA/oLQUkZIoUqrYfyednwWepnOLGYeiOOY9ksc+2g/JLMRKM4zI8jvtpQUUJRR1OzUvGZFCJI/y23lpvlRUMu1n4tKSDU8Lu76oGIaO8otEFM+KYaz4r37zVm4+vdO3EgOClFvdIUp1buNipo+DYp+fv+rxx/njAwhDYpguqyfMVKQgdRaSPwAAAABJRU5ErkJggg==") no-repeat 10px 10px; background-size: 14px; padding-left: 28px; }
[dir=rtl] .form-field input.partialcreditcardinputfield { padding-left: 0; padding-right: 28px; background-position: right 10px top 10px; }
.form-field .nesty-input { height: 37px; line-height: 37px; vertical-align: middle; }
.form-field .nesty-input:focus { outline: none; border: 1px solid #999; }
.form form + form { margin-top: 25px; }
.searchbox { margin: 25px 0; }
.searchbox-suggestions { background-color: #fff; border: 1px solid #eee; border-radius: 4px; padding: 10px 20px; }
.searchbox-suggestions li { padding: 5px 0; }
[data-loading="true"] input, [data-loading="true"] textarea { background: transparent url("/hc/assets/loader.gif") 99% 50% no-repeat; background-size: 16px 16px; }
.form footer { border-top: 1px solid #eee; margin-top: 40px; padding-top: 30px; text-align: right; }
.form footer a { color: #ccc; cursor: pointer; margin-right: 15px; }
/* Navigation menus */
.nav li, .nav-bordered li, .nav-spaced li { display: inline-block; font-weight: bold; }
.nav li a, .nav-bordered li a, .nav-spaced li a { font-weight: normal; }
.nav-bordered li + li { border-color: #eee; border-style: solid; border-width: 0 0 0 1px; margin: 0 0 0 30px; padding: 0 0 0 30px; }
[dir=rtl] .nav-bordered li + li { border-width: 0 1px 0 0; margin: 0 30px 0 0; padding: 0 30px 0 0; }
.nav-spaced li + li { margin: 0 0 0 40px; }
[dir=rtl] .nav-spaced li + li { margin: 0 40px 0 0; }
/* Breadcrumbs */
.breadcrumbs {}
.breadcrumbs li {color: #999;display: inline-block;font-size: 13px;max-width: 450px;text-overflow: ellipsis;line-height: 40px;}
.breadcrumbs li + li:before { content: ">"; margin: 0 4px; }
.breadcrumbs li a {color: #999;}
.breadcrumbs li a:hover { color: #148dc1; text-decoration: none; }
ol.breadcrumbs li:first-child::before { font-family: "entypo"; content: "\2302"; }
/* Labels */
.label, .request-status, .post-overview-status > span, .post-status > span, .profile-contribution .contribution-status { border-radius: 20px; display: inline-block; font-size: 10px; padding: 3px 10px; text-transform: uppercase; white-space: nowrap; }
/* Metadata */
.meta, .meta-group { color: #ccc; display: inline-block; font-size: 11px; }
.meta-group * + *:before { content: "\2022"; font-size: 8px; margin: 0 10px; }
/* Helper classes */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* Social share links */
.share { white-space: nowrap; }
.share li, .share a { display: inline-block; }
.share a { height: 30px; line-height: 30px; overflow: hidden; vertical-align: middle; width: 30px; }
.share a:before { background: #ccc; border-radius: 50%; color: #fff; display: inline-block; font-family: "entypo"; text-align: center; width: 100%; }
.share a:hover { text-decoration: none; }
.share a.share-twitter:before, .share a.share-facebook:before { background: #0f88fb; }
.share-twitter:before { content: "\F309"; }
.share-facebook:before { content: "\F30C"; }
.share-linkedin:before { content: "\F318"; }
.share-googleplus:before { content: "\F30F"; }
/* Pagination */
.pagination { margin: 20px 0; text-align: center; }
.pagination * { display: inline-block; }
.pagination li { border: 1px solid #eee; float: left; margin-left: -1px; }
[dir=rtl] .pagination li { float: right; }
.pagination a, .pagination span { color: inherit; font-size: 12px; padding: 5px 12px; }
.pagination-current { background-color: #f9f9f9; color: #bebebe; }
.pagination-first { border-radius: 3px 0 0 3px; }
[dir=rtl] .pagination-first { border-radius: 0 3px 3px 0; }
.pagination-last { border-radius: 0 3px 3px 0; }
[dir=rtl] .pagination-last { border-radius: 3px 0 0 3px; }
/* Content styles */
.content-body { word-wrap: break-word; line-height: 1.7; border-top: 1px solid #eee; margin-top: 31px; padding-top: 31px; }
.content-body img { max-width: 100%; }
.content-body hr { background-color: #eee; border: 0; height: 1px; }
.content-body ul, .content-body ol { list-style-position: inside; padding: 0 15px; }
.content-body ul { list-style-type: disc; }
.content-body ol ul, .content-body ul ul { list-style-type: circle; }
.content-body ol ol ul, .content-body ol ul ul, .content-body ul ol ul, .content-body ul ul ul { list-style-type: square; }
.content-body pre { background: #f9f9f9; border: 1px solid #eee; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; }
.content-body blockquote { border-left: 1px solid #eee; color: #bebebe; font-style: italic; padding: 0 15px; }
.vote { display: inline-block; text-align: center; width: 35px; }
.vote a { outline: none; text-decoration: none; }
.vote-sum { display: block; font-weight: bold; margin: 3px 0; }
[dir=rtl] .vote-sum { direction: ltr; unicode-bidi: bidi-override; }
.vote-up:before, .vote-down:before { border-radius: 50%; border: 1px solid #ddd; color: #555; display: inline-block; font-family: "entypo"; font-size: 15px; height: 18px; line-height: 18px; width: 18px; }
.vote-up:hover:before, .vote-down:hover:before { border-color: #bbb; }
.vote-up:before { content: "\E763"; }
.vote-down:before { content: "\E760"; }
.vote-voted:before, .vote-voted:hover:before { border-color: #555; }
 input::-ms-clear {
 display: none;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
 margin: 0;
 -webkit-appearance: none;
}

::-webkit-input-placeholder {
 color: #008c46;
}

:-ms-input-placeholder {
 color: #008c46;
}

::-moz-placeholder {
 color: #008c46;
}
 select::-ms-expand {
 display: none;
}
/* ====================================================
   Default variables
   ==================================================== */
/*
 * Overrides
 */
[role=main] .sub-nav { padding: 0; }
/* ====================================================
   Navigation pages: Home, Category and Section
   ==================================================== */
.knowledge-base, .community { display: table-cell; }
body.community-enabled .knowledge-base { float: left; width: 63%; }
.knowledge-base { width: 100%; }
.knowledge-base h4, .community h4 { margin: 0 0 5px; }
.community h4 { font-size: 16px; }
.community { width: 35%; float: right; padding-top: 76px; }
.community .recent-activity { padding: 0; width: auto; background:#fff;}
.community .recent-activity-loader:before { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff, 50%, rgba(255, 255, 255, 0) 100%);}
.community > div { margin-bottom: 20px; padding: 20px; background:#fff; border-radius: 5px; }
.community h2 { margin: 0 0 15px; font-size: 13px; text-transform: uppercase; }
.community h2 a { font-size: 12px; margin-left: 5px; }
.community h4 a { font-size: 11px; font-weight: normal; margin-left: 5px; }
.community li { margin-bottom: 10px; }
.article-list > li { margin-bottom: 5px; background:#fff;padding: 0px 30px 5px 30px; border-bottom:solid 1px #e5e8ea; font-size: 16px; }
.article-list > li > a:before { font-family: "entypo"; content: ""; padding-right: 10px; font-size: 1.2em; }
.article-list > li > a[aria-selected="true"]:before { content: "- "; }
.article-list > li > a:hover { text-decoration: none; }
.category > h2, .section > h2 { margin: 0 0 40px; font-size: 24px; font-weight: normal; color: #555; }
.category > h2 a, .section > h3 a { color: inherit; }
.category > h3, .section > h3 { margin: 0 0 5px; font-size: 16px; color: #555; }
.section { display: inline-block; padding: 0 40px 0 0; vertical-align: top; width: 100%; color: #555; }

.page-header { margin-bottom: 9px; }
.page-header > * { display: table-cell; vertical-align: middle; }
.page-header > *:first-child { width: 100%; }
.page-header + p { color: #bebebe; margin: -15px 0 20px 0; }
.page-header h1, h1.page-header { font-size: 32px; font-weight: 400; line-height: 42px; color: #313131; margin-top: 0; margin-bottom: 1em; }
/* Sub-nav */
.sub-nav { display: table; margin-top: 10px; margin-bottom: 40px; table-layout: fixed; width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.sub-nav .breadcrumbs { overflow: hidden; white-space: nowrap; }




/* ====================================================
   Promoted tooltip：20221101：移行（article_v024_v2.css）
   ==================================================== */
.article-promoted > span { cursor: default; margin-right: 5px; float: right; margin-top: 3px; position: relative; }
.article-promoted > span:before, .article-promoted > span:after { display: none; position: absolute; }
.article-promoted > span:hover:before, .article-promoted > span:hover:after { display: block; }
.article-promoted > span:before { background-color: #222; background-color: rgba(0, 0, 0, 0.85); border-radius: 4px; color: #fff; content: attr(data-title); left: -10px; margin-top: 5px; padding: 3px 10px; top: 100%; white-space: nowrap; z-index: 1; }
.article-promoted > span:after { border-bottom: 5px solid; border-bottom-color: #222; border-bottom-color: rgba(0, 0, 0, 0.85); border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: -5px; content: ""; height: 0; left: 50%; margin-left: -5px; width: 0; }
.see-all-articles { display: inline-block; font-size: 12px; margin-top: 10px; text-decoration: underline; float:right; }
.category-description, .section-description { color: #8e8e8e; margin-bottom: 40px; }
.section-subscribe, .section-unsubscribe, .article-subscribe, .article-unsubscribe { float: right; margin-top: 5px; background-color: #fff; border-radius: 5px; box-shadow: none; padding-top: 1px; height: 30px; line-height: 28px; padding: 0 20px; }
.section-subscribe [role=button], .section-unsubscribe, .article-subscribe, .article-unsubscribe { color: #158ec2; /*border: 1px solid #158ec2;*/ box-shadow: none;/* margin-bottom: 5px; */ }
.section-subscribe .dropdown-toggle:after { color: #158ec2; }
.ArticleDateis {margin:1em 0;}
.ArticleDateis.updated {float:right;}
.ArticleDateis.edited {float:right;}
.article-info {overflow:hidden;}
.article-info .ArticleSubscribeis a[role=button] {background-color:#FFF;}
.article-info .ArticleSubscribeis a[role=button]:hover {text-decoration:none;background-color:#EEE;}
.category-list a, .section-list a { color: inherit; display: inline-block; font-size: 18px; margin-bottom: 10px; }
.category-tree-with-article .article-list > li > a, .section-tree-with-article .article-list > li > a { display: block; }
.category-tree-with-article a[aria-selected="false"] + article, .section-tree-with-article a[aria-selected="false"] + article { display: none; }
.category-tree-with-article .loader:after, .section-tree-with-article .loader:after { content: "..."; }
.category-tree-with-article .article-body + a:last-child, .section-tree-with-article .article-body + a:last-child { display: inline-block; margin-top: 25px; font-size: 11px; }
#category-list .accordion dl { font-size: 18px; }
#category-list .accordion a { color: #555; }
#category-list .accordion dt { background-color: #e5e8ea; line-height: 60px; color: #5b6b73; font-weight: 700; padding-left: 18px; font-size: 16px; }
#category-list .accordion dt:before { font-family: "entypo"; content: "+ "; padding-right: 8px; font-size: 1.2em; }
#category-list .accordion dd { display: none; margin-left: 0; color: #555; font-weight: normal; line-height: 22px; border: 1px solid #e5e8ea; border-bottom: none; padding: 10px 35px; background: url(//p6.zdassets.com/hc/theme_assets/924076/200213647/right_arrow.png) no-repeat 98% center; }
#category-list .accordion dd:last-child { border-bottom: 1px solid #e5e8ea; }
#category-list .accordion dd.see-all {text-align:right; }
#category-list .accordion dd:before { content: "－"; }
#category-list .accordion dd.see-all::before { content: ""; }
#category-list .accordion a.see-all-articles { text-align: right; text-decoration: none; }
#category-list .accordion a:hover.see-all-articles { text-decoration: underline; }
.side-column #category-list{margin-bottom:8px;}
.side-column #category-list .accordion { margin: 0;}
.side-column #category-list .accordion dl {  }
.side-column #category-list .accordion dt { color: #5b6b73; line-height: 60px; font-weight: 400;font-size: 12px; }
.side-column #category-list .accordion dd { background: none; color: #99a5ac; font-size: 12px; line-height: 1.8; font-weight: normal;padding: 10px 10px 10px 28px; text-indent:-10px; }
.side-column #category-list .accordion dd.see-all {text-align:right; }
.side-column #category-list .accordion dd.see-all::before { content: ""; }
.side-column .sideBanner {margin-bottom:8px;}
#section-list dl { font-size: 14px; }
#section-list a { color: #555; }
#section-list dt { background-color: #e5e8ea; line-height: 40px; color: #5b6b73; font-weight: 700; padding-left: 15px; }
#section-list dt:before { font-family: "entypo"; content: "+ "; padding-right: 8px; font-size: 1.2em; }
#section-list dd { color: #555; font-weight: 700; line-height: 20px; border: 1px solid #e5e8ea; border-bottom: none; margin-left: 0; padding: 10px 35px; background: url(//p6.zdassets.com/hc/theme_assets/924076/200213647/right_arrow.png) no-repeat 98% center; }
#section-list dd:last-child { border-bottom: 1px solid #e5e8ea; }
#section-list dd:before { content: "－"; }
#keyword-list ul { border: 1px #ddd solid; display: block; padding: 22px; }
#keyword-list ul li { display: inline-block; margin-right: 1em; font-size: 15px; font-weight: 400; line-height: 30px; }
.side-column #keyword-list ul { padding: 23px 0 26px 17px; }
.side-column #keyword-list ul li { font-size: 13px; font-weight: 400; line-height: 22px; margin-right: 0.5em; }
/* ====================================================
   Article
   ==================================================== */
/* News*/
.main-column #NewsYearList{width: 100%;border: 1px solid #eee;padding: 20px 17px; font-size: 12px; margin-bottom:30px;}
.main-column #NewsYearList li{display: inline-block;padding: 0px 8px; border-left:2px solid #eee; line-height: 1.0; margin-bottom: 8px;}
.main-column #NewsYearList li:last-child{border-right:2px solid #eee;}
.main-column #newsContent h2{background-color: #0f88fb; line-height: 40px; color: #fff; font-size: 18px; font-weight: 400; padding-left: 23px;margin-bottom: 0;margin-top:0;}
.main-column #newsContent dl{display: block;border-bottom: 1px dotted #ddd;padding:0.75em 0; clear: both;}
.main-column #newsContent dl dt{color: #777;font-size: 12px;font-weight: 400;line-height: 18px;float: left;/* width:200px; */padding-left:23px;}
.main-column #newsContent dl dt:after {font-size: 11px;padding: 1px 10px 0;margin: 0 1em;display: block;width: 7em;text-align: center;font-weight:700;float: right;line-height: 1.1;}
.main-column #newsContent dt.topics:after { content: "TOPICS"; color:#FF9933;border: 1px solid #ff9933;}
.main-column #newsContent dl dt.product:after { content: "製品情報"; color:#65B72F;border: 1px solid #65B72F;}
.main-column #newsContent dl dt.aug:after { content: "AUG"; color:#0086D1;border: 1px solid #0086D1;}
.main-column #newsContent dl dt.user:after { content: "ユーザー"; color:#0086D1;border: 1px solid #0086D1;}
.main-column #newsContent dl dt.forPartner:after { content: "Partner"; color:#009;border: 1px solid #009;}
.main-column #newsContent dl dt.attention:after { content: "重要なお知らせ"; color:#C4565B;border: 1px solid #C4565B;}
.main-column #newsContent dl dt.none {  }
.main-column #newsContent dl dd {margin-left: 233px;padding-left:0;}
.main-column #newsContent dl dd a{font-size:1em; font-weight: 400; line-height: 20px; color: #464646;}
.main-column #newsContent dl dd a:hover{color: #138cc0; text-decoration: none; }
/*専用コンテンツページ Newsリスト*/
.PUs_list {border: 1px solid #ddd;margin: 0;padding: 0;}
.PUs_list dl {position: relative;margin: 20px 0 0;padding: 0;}
.PUs_list dl {margin: 20px 0 40px;}
.PUs_list dl dt { color: #777777; font-size: 12px; font-weight: 400; line-height: 2; margin: 0 20px 0; }
.PUs_list dl dt span,
.PUs_list dl dt span.status { display: inline-block; font-size: 11px; line-height: 1; margin: 0 5px; padding: 1px 3px 0; font-weight: bold; }
.PUs_list dl dt.topics span { color: #f93; border: 1px solid #f93; padding: 0 10px; }
.PUs_list dl dt.product span { color: #65b72f; border: 1px solid #65b72f; }
.PUs_list dl dt.aug span { color: #0086d1; border: 1px solid #0086d1; }
.PUs_list dl dt.user span { color: #0086d1; border: 1px solid #0086d1; }
.PUs_list dl dt.partner span { color: #009; border: 1px solid #009; }
.PUs_list dl dt.attention span { color: #C4565B; border: 1px solid #C4565B; }
.PUs_list dl dt.event span { color: #cfdb00; border: 1px solid #cfdb00; margin-left: 0;}
.PUs_list dl dt.event span.full { color: #DDD; border: 1px solid #DDD; }
.PUs_list dl dt.event span.almost_full { color: #61B69F; border: 1px solid #61B69F; }
.PUs_list dl dt.none { display: none; }
.PUs_list dl dd { /* style.css記載 */ }
.PUs_list dl dd a { color: #464646; font-size: 14px; font-weight: 400; text-decoration: none; display: block; }
.PUs_list dl dd a:hover { color: #148dc1; }
.PUs_list dl dd:last-child {border: none;position: absolute;right: 10px;}
.PUs_list dl dd.undecided:last-child { background:none; }

/* サイドメニュー追加分 16/10/31 */
#sign-in-information-box { border:1px solid #DDD; padding:2em 1em; margin:0 0 8px; }
#sign-in-information-box h4 { font-size: 18px; margin: 0 0 1em; color: #464646; text-align: center; background: #EEE; }
.aside_requests_new_box { margin:0 0 8px; }
.aside_requests_new_box a {display: block;width: 100%;height: 70px;line-height: 70px;text-align: center;padding: 0 20px;margin: 0 0 8px;}
.aside_requests_new_box a strong {font-size: 15px;padding-left: 10px;letter-spacing: 1px;}
.aside_requests_new_box a.blue_btn { color:#fff; border:1px solid #0f88fb; border-bottom:1px solid #094f92; background: #094f92; background: linear-gradient(top bottom,#0f88fb,#094f92); background: -ms-linear-gradient(top, #0f88fb, #094f92); background: -moz-linear-gradient(center top, #0f88fb 0%,#094f92 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0f88fb),color-stop(1, #094f92)); }
.aside_requests_new_box a.blue_btn:hover,
.aside_requests_new_box a.blue_btn:active,
.aside_requests_new_box a.blue_btn:focus { background: #094f92; text-decoration:none; }

.main-column #category-list h2, .main-column #keyword-list h2, .main-column #section-list h2 { color: #0f88fb; font-size: 26px; font-weight: 700; margin: 64px 0 18px; }
.main-column h4 { margin-bottom: 5px; font-size: 21px; color: #555; font-weight: 400;}
.article-wrapper { background: #fff; padding: 30px; border-radius: 3px; }
.article-header { margin-bottom: 20px; }
.article-header h1 { margin: 0 0 5px; font-size: 32px; font-weight: 400; line-height: 42px; color: #313131; }
.article-author { font-weight: bold; }
.article-metadata { float: left; position: relative; }
.article-metadata > div { float: left; }
.article-updated { color: #8e8e8e; font-size: 12px; margin: 1px 10px 0 0; }
.article-breadcrumbs { color: #8e8e8e; }
.article-subscribe-wrapper { display: inline-block; width: 100%; }
.article-subscribe, .article-unsubscribe { float: right; }
.article-sidebar { margin-top: 0px; }
.article-sidebar h3 { color: #0f88fb; font-size: 18px; font-weight: 700; margin: 54px 8px 14px; }
.article-sidebar ul { margin-bottom: 60px; }
.article-sidebar-item { display: block; text-align: right; padding-right: 5em; }
.article-body { font-size: 110%; line-height:1.9; word-wrap: break-word; }
.article-body img { border: 1px solid; border-color: #ececec; border-color: rgba(0, 0, 0, 0.07); height: auto; max-width: 100%; padding: 3px; }
.article-body pre { background-color: #fbfbfb; background-color: rgba(0, 0, 0, 0.02); border: 1px solid; border-color: #ececec; border-color: rgba(0, 0, 0, 0.07); border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre-wrap; line-height: 1.7em; }
.article-body blockquote { border-left: 1px solid; border-left-color: #ececec; border-left-color: rgba(0, 0, 0, 0.07); color: #8e8e8e; font-style: italic; margin: 20px 0; padding-left: 20px; }
.article-body ul, .article-body ol { list-style-position: outside; /*margin-left: 20px;*/ }
.article-body ul { list-style-type: disc; }
.article-body li { margin-bottom: 5px; }

.article-body table { table-layout: fixed; }
.article-body p { line-height: 1.5; margin:5px 0  5px 0; }
.article-body h2{ margin-top:20px; }
.article-footer { margin: 30px 0; padding: 15px 0; }
.article-vote { float: left; position: relative;/* text-align: right; */ }
.article-vote small { color: #8e8e8e; display: block; }
.article-vote a:hover { text-decoration: none; }
.article-vote-controls { position: absolute; right: -85px; top: 1px; }
.article-vote-up, .article-vote-down { color: inherit; font-family: "entypo"; border: 1px solid #ddd; }
.article-vote-up:before { content: "\1f44d"; }
.article-vote-down:before { content: "\1f44e"; }
.article-voted { box-shadow: inset 1px 1px 5px #ddd; opacity: 1; }
.article-vote-up.article-voted { color: #0f88fb; }
.article-more-questions { margin-bottom: 30px; }
.article-comments { margin-top: 35px; }
.article-comments-inner { padding: 10px 30px; border-radius: 3px; background: #fff; }
.article-comments h2 { margin-bottom: 5px; font-size: 16px; }
.article-footer ul.keyword { clear: both; background-color: #eee; color: #777; display: block; font-size: 13px; font-weight: 400; margin: 50px 0 0px; padding: 14px 12px; }
.article-footer ul.keyword li { display: inline-block; padding-right: 5px; }
.related-articles, .section-articles { padding: 20px 0; /*border-top: 1px solid #eee;*/ margin-bottom: 20px 0; }
.section-articles { border-bottom: 1px solid #eee; margin-bottom: 40px; }
.recent-articles ul, .related-articles ul, .section-articles ul { list-style: disc; padding-left: 2em; }
.recent-articles li, .related-articles li, .section-articles li { margin-bottom: 5px; }
.article-comments textarea { border-color: #d1d1d1; }
/* Article page only */
.article-footer .share { float: left; width: 320px; }
/* Community questions and answers only */
.share-label { cursor: pointer; }
.share-label + .share { background: #fff; border: 1px solid; border-color: #d1d1d1; border-color: rgba(0, 0, 0, 0.17); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); left: 50%; padding: 20px 0; margin: 10px 0 0 -75px; position: absolute; text-align: center; top: 100%; white-space: nowrap; width: 175px; }
.share-label + .share:before, .share-label + .share:after { content: ""; display: inline-block; left: 50%; position: absolute; }
.share-label + .share:before { top: -7px; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; margin-left: -6px; }
.share-label + .share:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; margin-left: -5px; }
.share-label[aria-selected="true"] { color: #111; }
.share-label[aria-selected="true"] + .share { display: block; }
.share-label[aria-selected="false"] + .share { display: none; }
/* article_page ここから評価版導線 2019/09 */
.banner {margin-bottom:15px;}
.banner a {display:block;width:100%;height:100%;}
.banner a.article_link_trial {position:relative;border:5px solid #0f88fb;color:#313131;border-radius:15px;text-align:center;padding:25px;}
.banner a.article_link_trial:hover,
.banner a.article_link_trial:active {text-decoration:none;}
.banner span {display:block;font-size:16px;text-align:left;margin:0 0 0 130px;}
.banner strong {font-size:24px;}
.banner .green {color:#0f88fb;}
.banner .left {float:left;}
.banner .right {float:right;}
.banner a.article_link_trial:before {display:block;position:absolute;width: 1em;height: 1em;margin:0;font-size: 100px; font-weight:normal; line-height:1; color: #0f88fb; }
.banner a.article_link_trial:before { font-family: "entypo"; }
.banner a.article_link_trial:before { content: "\1F4E5"; } /* キャンペーンバナー */
.banner a.article_link_trial .inner_blue_btn {background:#094f92;background:linear-gradient(top bottom,#0f88fb,#094f92);background:-ms-linear-gradient(top, #0f88fb, #094f92);background:-moz-linear-gradient(center top, #0f88fb 0%,#094f92 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #0f88fb),color-stop(1, #094f92));vertical-align:middle; }
.banner a.article_link_trial .inner_blue_btn {display:block;position:absolute;right:25px;bottom:25px;width:10em;height:50px;line-height:50px;font-size:16px;color:#fff;box-sizing:border-box;overflow:hidden;}
.banner a.article_link_trial:hover,
.banner a.article_link_trial:active,
.banner a.article_link_trial:focus {background:#F5F5F5;}
.banner a.article_link_trial .inner_box {width:100%;margin:0 auto;}
.banner a.article_link_trial:hover .inner_blue_btn,
.banner a.article_link_trial:active .inner_blue_btn,
.banner a.article_link_trial:focus .inner_blue_btn {background:#0f88fb;}
/* ====================================================
   Comments - Used in the Article page and Request page
   ==================================================== */
.comment, .comment-form { min-height: 100px; padding-top: 20px; position: relative; }
.comment-container { margin-left: 90px; }
.comment-avatar { position: absolute; display: inline-block; }
.comment-avatar img { border-radius: 3px; max-width: 65px; max-height: 65px; }
.comment-avatar-agent:after { background-color: transparent; background-image: url("/hc/assets/agent-marker.png"); background-image: url("/hc/assets/agent-marker.svg"); background-repeat: no-repeat; background-size: 14px; position: absolute; width: 15px; height: 15px; bottom: -5px; right: -3px; content: " "; }
.comment-author { display: inline-block; }
.comment-published, .comment-edit, .comment-delete { float: right; font-size: 11px; }
.comment-published { color: #8e8e8e; }
.comment-edit { margin-left: 15px; }
.comment-delete { border-left: 1px solid; border-left-color: #ececec; border-left-color: rgba(0, 0, 0, 0.07); margin-left: 5px; padding-left: 5px; }
.comment-form-title { display: block; margin-bottom: 15px; }
.comment-form textarea { border-radius: 2px 2px 0 0; border-width: 1px; }
.comment-attachments { margin-top: 10px; }
.comment-form-controls { display: none; margin-top: 10px; text-align: right; }
.comment-form-controls input[type=submit] { margin-left: 15px; }
.comment-screencasts { float: left; margin-top: 3px; }
.pending-comments-list { list-style: none; }
.pending-comments-list .comment-container { padding-bottom: 2px; }
.pending-moderation-comment-badge { border-style: solid; border-width: 1px; border-color: #c7aa2b; color: #c7aa2b; padding: 3px 5px; margin-top: 10px; font-size: 12px; }
.visibility-internal-icon:before { content: "\1F512"; display: inline-block; font-family: "entypo"; text-align: center; width: 13px; }
.article-promoted span, .visibility-internal { cursor: default; position: relative; }
.article-promoted span:before, .article-promoted span:after, .visibility-internal:before, .visibility-internal:after { display: none; font-size: 13px; font-weight: normal; position: absolute; }
.article-promoted span:before, .visibility-internal:before { background: #222; border-radius: 3px; color: #fff; content: attr(data-title); font-family: sans-serif; left: -10px; margin-top: 5px; padding: 3px 10px; text-transform: none; top: 100%; white-space: nowrap; z-index: 1; }
.article-promoted span:after, .visibility-internal:after { border-bottom: 5px solid #222; border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: -5px; content: ""; height: 0; left: 50%; margin-left: -5px; width: 0; }
.article-promoted span:hover:before, .article-promoted span:hover:after, .visibility-internal:hover:before, .visibility-internal:hover:after { display: block; }
/* Comments - Article, Request and Post pages */
.comment-list { margin-bottom: 25px; }
.comment-list > * { border-bottom: 1px solid #eee; padding: 25px 0; }
.comment-list > *:first-child { border-top: 1px solid #eee; }
.comment-list-header { margin-bottom: 18px; }
.comment-list-header > * { display: inline-block; margin: 0; }
.comment-sorter { float: right; }
.comment-sorter a { color: #999; text-decoration: none; padding-left: 20px; }
[dir=rtl] .comment-sorter { float: left; }
[dir=rtl] .comment-sorter a { padding-left: 0; padding-right: 20px; }
.comment-sorter [aria-selected=true] { font-weight: bold; color: #333; }
.comment, .comment-form { display: table; table-layout: fixed; width: 100%; word-wrap: break-word; }
.comment > *, .comment-form > * { display: table-cell; vertical-align: top; }
.comment-vote, .comment-bookmark { text-align: center; width: 50px; }
.comment-bookmark:before { color: #77a500; content: "\1F516"; font-family: "entypo"; font-size: 23px; line-height: 1.1; }
.comment-avatar { position: relative; width: 85px; }
.comment-avatar img { border-radius: 3px; max-width: 65px; max-height: 65px; }
.comment-avatar-agent:after { background-color: transparent; background-image: url("/hc/assets/agent-marker.png"); background-image: url("/hc/assets/agent-marker.svg"); background-repeat: no-repeat; background-size: 15px; content: " "; height: 15px; left: 55px; position: absolute; top: 55px; width: 15px; }
[dir=rtl] .comment-avatar-agent:after { left: auto; right: 55px; }
.comment-header { margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; }
.comment-published, .comment-pending, .comment-official { border: 1px solid transparent; float: right; font-size: 11px; padding: 1px 5px; }
[dir=rtl] .comment-published, [dir=rtl] .comment-pending, [dir=rtl] .comment-official { float: left; }
.comment-published { color: #bebebe; }
.comment-published:before { content: " "; display: inline-block; width: 5px; }
.comment-pending, .comment-official { border-color: currentcolor; border-radius: 2px; }
.comment-pending { color: #eec100; }
.comment-official { color: #77a500; }
.comment-form textarea { display: block; border-radius: 2px 2px 0 0; border-width: 1px; }
.comment-ccs + textarea, .comment-attachments { margin-top: 10px; }
.comment-form-controls { display: none; margin-top: 10px; text-align: right; }
[dir=rtl] .comment-form-controls { text-align: left; }
.comment-form-controls input[type=submit] { margin-left: 15px; }
[dir=rtl] .comment-form-controls input[type=submit] { margin-left: 0; margin-right: 15px; }
.comment-screencasts, .comment-mark-as-solved { display: inline-block; margin-right: 20px; vertical-align: middle; }
[dir=rtl] .comment-screencasts, [dir=rtl] .comment-mark-as-solved { margin-left: 20px; }
.comment-actions { float: right; color: #999; }
[dir=rtl] .comment-actions { float: left; }
.comment-actions .dropdown-toggle:before { content: "\2699"; font-size: 11px; font-family: "entypo"; }
.attachment-list, .screencast-list { font-size: 11px; margin-top: 25px; }
.attachment-list span, .screencast-list span { color: #999; }
[dir=rtl] .attachment-list span, [dir=rtl] .screencast-list span { direction: rtl; unicode-bidi: bidi-override; }
.attachment-list li, .screencast-list li { margin-bottom: 10px; }
.attachment-list li:before, .screencast-list li:before { border-radius: 3px; color: #bbb; font-family: "entypo"; margin-right: 5px; padding: 5px; }
.attachment-list li:before { content: "\1F4CE"; }
.screencast-list li:before { content: "\1F4BB"; }
.my-activities-header { border-bottom: 1px solid #eee; margin-bottom: 25px; padding: 25px 0; }
.my-activities-header .breadcrumbs li { color: #000; font-size: 20px; font-weight: normal; }
.my-activities-header .breadcrumbs li:first-child, .my-activities-header .breadcrumbs li:before { display: none; }
.my-activities-nav { margin-bottom: 100px; }
.my-activities-sub-nav { margin-bottom: 15px; }
.request-table-toolbar { background: #f9f9f9; display: table; padding: 8px; width: 100%; }
.request-table-filters { display: table-cell; text-align: right; }
[dir=rtl] .request-table-filters { text-align: left; }
.request-table-filters label:before { content: " "; width: 25px; display: inline-block; }
.requests-search { border-radius: 20px; outline: none; padding: 6px 15px; }
.organization-subscribe, .organization-unsubscribe { margin-left: 15px; background: #444; color: #fff; }
.my-activities-following-header { margin-bottom: 15px; }
.my-activities-table .user-avatar { width: 20px; height: 20px; border-radius: 4px; margin-right: 5px; }
.my-activities-table .user-avatar + a { vertical-align: middle; }
.requests-search-info { padding: 10px 0; }
.request-id { color: #bebebe; }
.request-details { background: #f9f9f9; border: 1px solid #eee; border-radius: 3px; font-size: 12px; margin: 0 0 30px; padding: 15px 20px; }
.request-details dt { font-weight: bold; margin-top: 15px; }
.request-details dt:first-child { margin-top: 0; }
.request-details dt.requester { font-weight: normal; }
.request-details dt.request-followup-source { font-weight: normal; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.request-details dd { margin: 2px 0 0; word-wrap: break-word; }
.request-details dd ul { margin: 10px 0; }
.request-details dd li { list-style-type: disc; list-style-position: inside; margin: 0 0 3px 0; }
.request-details .nested-field-tag:before { content: " > "; }
.request-details .nested-field-tag:first-child:before { content: ""; }
.request-details .attachment-list li, .request-details .request-collaborators li { list-style: none; }
.request-status { color: #fff; border-radius: 3px; }
.request-open { background: #59bbe0; }
.request-answered { background: #f5ca00; }
.request-solved { background: #828282; }
.request-details .request-collaborators { font-size: 0; }
.request-details .request-collaborators li { font-size: 12px; border-radius: 2px; display: inline-block; padding: 5px 6px; background-color: #ececec; margin: 0 5px 5px 0; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.request-table a.requests-link { position: relative; }
.request-table a.requests-link .requests-sort-symbol { position: absolute; left: calc(100% + 3px); bottom: 0; color: #bebebe; font-size: 10px; }
.request-comment-form .comment-form-controls { display: block; }
.request-comment-form .comment-form-controls input#mark_as_solved { display: none; }
.request-comment-form .comment-form-controls a[role=button][data-disabled] { color: #bebebe; cursor: default; }
/* Community */
.post-to-community a { padding-left: 20px; padding-right: 20px; }
.post-to-community a:before { content: "\2b\00a0"; position: relative; top: -1px; }
/* Community topics page */
.topic-list li { display: inline-block; padding: 0 100px 30px 0; vertical-align: top; width: 49.5%; }
.topic-list li h3, .topic-list li p { margin: 0; overflow: hidden; text-overflow: ellipsis; }
.topic-list li p { color: #bebebe; }
.topic-list li .meta-group { margin-top: 5px; }
[dir=rtl] .topic-list li { padding: 0 0 30px 100px; }
/* Community topic page */
.topic-header { margin-bottom: 15px; }
.topic-header > * { display: table-cell; vertical-align: middle; }
.topic-filters { width: 100%; }
.topic-filters > * { display: inline-block; font-weight: bolder; margin-right: 20px; }
[dir=rtl] .topic-filters > * { margin-right: 0; margin-left: 20px; }
.post-overview { border-bottom: 1px solid #eee; padding: 16px 0; }
.post-overview-info { display: inline-block; max-width: 500px; overflow: hidden; text-overflow: ellipsis; }
.post-overview-info a { font-size: 16px; }
.post-overview-info .meta-group { display: block; margin-top: 5px; }
.post-pinned .post-overview-info:before { content: "\2605"; margin-right: 5px; color: #158ec2; }
.post-overview-status { float: right; margin: 0 10px; }
.post-overview-status > span { color: #fff; }
[dir=rtl] .post-overview-status { float: left; }
.post-overview-count { background: #f9f9f9; border-radius: 3px; color: #bebebe; float: right; font-size: 10px; margin-left: 10px; min-width: 90px; padding: 10px 15px; text-align: center; text-transform: uppercase; }
.post-overview-count strong { color: #555; display: block; font-size: 13px; }
[dir=rtl] .post-overview-count strong { direction: ltr; unicode-bidi: bidi-override; }
[dir=rtl] .post-overview-count { float: left; margin-left: 0; margin-right: 10px; }
/* Community post page */
.post-actions .dropdown-toggle { font-size: 11px; font-weight: bold; }
.post-actions .dropdown-toggle:before { content: "\2699\00a0\00a0"; font: 11px bold; font-family: "entypo"; }
.post { display: table; margin-bottom: 50px; table-layout: fixed; width: 100%; }
.post-vote, .post-container { display: table-cell; vertical-align: top; }
.post-vote { width: 45px; padding-top: 5px; }
.post-header { margin-bottom: 25px; }
.post-header h1 { margin: 0 0 10px; overflow: hidden; text-overflow: ellipsis; }
.post-info { display: table; width: 100%; }
.post-info > * { display: table-cell; vertical-align: middle; white-space: nowrap; }
.post-avatar { min-width: 55px; position: relative; }
.post-avatar img { border-radius: 3px; max-height: 38px; max-width: 38px; }
.post-avatar-agent:after { background-color: transparent; background-image: url("/hc/assets/agent-marker.png"); background-image: url("/hc/assets/agent-marker.svg"); background-repeat: no-repeat; background-size: 14px; position: relative; display: block; width: 15px; height: 15px; left: 28px; top: -10.5px; content: " "; }
[dir=rtl] .post-avatar-agent:after { left: auto; right: 28px; }
.post-meta { width: 100%; max-width: 0; }
.post-author { display: block; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
.post-status > span { color: #fff; margin: 0 10px; }
.post-planned { background-color: #3eaae5; }
.post-not-planned { background-color: #b5b5b5; }
.post-completed { background-color: #669600; }
.post-answered { background-color: #669600; }
.post-share { margin-top: 30px; text-align: right; }
[dir=rtl] .post-share { text-align: left; }
/* Community post page and topic page */
.topic-follow [role=button], .post-follow [role=button] { border-radius: 3px; font-size: 12px; padding: 4px 10px; }
.topic-follow [role=button]:after, .post-follow [role=button]:after { content: attr(data-follower-count); font-family: inherit; color: #555; display: inline-block; border-left: 1px solid #ddd; margin-left: 10px; padding-left: 10px; }
[dir=rtl] .topic-follow [role=button]:after, [dir=rtl] .post-follow [role=button]:after { border-left: 0; border-right: 1px solid #ddd; margin: 0 10px 0 0; padding: 0 10px 0 0; }
.topic-follow [role=button][aria-selected=true], .post-follow [role=button][aria-selected=true] { background: #f9f9f9; color: #555; }
body.community-enabled .search-results-column { display: inline-block; vertical-align: top; width: 450px; }
body.community-enabled .search-results-column + .search-results-column { margin-left: 35px; }
[dir=rtl] body.community-enabled .search-results-column + .search-results-column { margin-left: 0; margin-right: 35px; }
.search-results-subheading { padding-bottom: 10px; margin-bottom: 0; }
.search-results-subheading-link { font-size: 13px; font-weight: normal; margin-left: 5px; }
.search-results-list { margin-bottom: 25px; }
.search-results-list > * { border-bottom: 1px solid #eee; padding: 20px 0; }
.search-results-list > *:first-child { border-top: 1px solid #eee; }
.search-result-link { font-size: 16px; }
.search-result-description, .search-result-meta { overflow: hidden; text-overflow: ellipsis; padding-top: 10px; }
.search-result-meta-name, .search-result-meta-time, .search-result-meta-count { font-size: 12px; color: #bebebe; }
.search-result-meta-time:before, .search-result-meta-count:before { display: inline-block; content: "\2022"; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; }
[dir=ltr] .search-result-meta-time:before, [dir=ltr] .search-result-meta-count:before { padding-right: 5px; }
[dir=rtl] .search-result-meta-time:before, [dir=rtl] .search-result-meta-count:before { padding-left: 5px; }
.search-result-votes { background: #a8d119; border-radius: 2px; color: #fff; display: inline-block; line-height: 1; padding: 4px 5px; position: relative; top: -2px; }
.search-result-votes:before { content: "\1F44D"; font-family: "entypo"; }
[dir=ltr] .search-result-votes { margin-left: 5px; }
[dir=ltr] .search-result-votes:before { margin-right: 3px; }
[dir=rtl] .search-result-votes { margin-right: 5px; }
[dir=rtl] .search-result-votes:before { margin-left: 3px; }
.chat { background: #f6f6f6; border: 1px solid #e0e0e0; border-bottom: 0; border-radius: 5px 5px 0 0; bottom: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); cursor: pointer; font-size: 13px; line-height: 35px; padding: 0 15px; position: fixed; right: 85px; -webkit-transition: bottom .5s ease-in, color .5s ease-in; -moz-transition: bottom .5s ease-in, color .5s ease-in; -ms-transition: bottom .5s ease-in, color .5s ease-in; -o-transition: bottom .5s ease-in, color .5s ease-in; transition: bottom .5s ease-in, color .5s ease-in; }
.chat:before { content: "\E720"; font-family: "entypo"; font-size: 16px; margin-right: 10px; vertical-align: middle; }
.chat:hover { text-decoration: none; }
.chat-available { bottom: 0; }
.chat-unavailable { color: #808080; cursor: default !important; bottom: -50px; }
.error-page { margin: 0 auto; max-width: 500px; padding-top: 5%; }
.error-page h1 { font-size: 52px; margin-bottom: 0; }
.error-page h2 { font-size: 16px; margin-bottom: 5px; }
.error-page > a { display: block; margin-top: 25px; }
.recent-activity { background: #f9f9f9; border-radius: 5px; padding: 25px 20px; width: 270px; }
.recent-activity-header { margin-top: 0; font-size: 15px; }
.recent-activity-item { word-wrap: break-word; }
.recent-activity-item ~ .recent-activity-item { margin-top: 15px; }
.recent-activity-item-parent { color: #555; font-size: 12px; text-decoration: none; display: block; }
.recent-activity-item-parent:hover { text-decoration: underline; }
.recent-activity-item-link { display: block; }
.recent-activity-item-meta { font-size: 12px; color: #999; }
.recent-activity-item-time { display: inline-block; }
.recent-activity-item-comment { display: none; }
.recent-activity-item-comment:before { display: inline-block; content: "\2022"; }
.recent-activity-item-comment span:before { font-family: "entypo"; content: "\00a0\00a0\e718"; display: inline-block; vertical-align: middle; padding-right: 3px; }
[data-recent-activity-action="article_comment_added"] .recent-activity-item-comment, [data-recent-activity-action="post_comment_added"] .recent-activity-item-comment, [data-recent-activity-action="answer_added"] .recent-activity-item-comment { display: inline-block; }
.recent-activity-controls, .recent-activity-loader { padding-top: 20px; font-size: 12px; }
.recent-activity-loader { display: inline-block; position: relative; }
.recent-activity-loader:before { display: block; position: absolute; content: "\0020"; width: 50%; height: 100%; left: 0; top: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 50%, rgba(255, 255, 255, 0) 100%); animation: recent-activity-loader .5s infinite; -webkit-animation: recent-activity-loader .5s infinite; }
 @keyframes recent-activity-loader {
 0% {
 left: 0;
}
 100% {
 left: 100%;
}
}
 @-webkit-keyframes recent-activity-loader {
 0% {
 left: 0;
}
 100% {
 left: 100%;
}
}
.escalation-badge, a.escalation-badge { background-color: #95be22; border-color: #95be22; border-radius: 3px; border-style: solid; border-width: 1px; color: #fff; font-size: 11px; margin: 0 3px; padding: 1px 3px; text-decoration: none; vertical-align: baseline; }








/* ====================================================
   Content frame
   ==================================================== */
#main-content,#main-inner{ max-width: 1200px; width: 100%; margin: 30px auto; padding: 0; box-sizing:border-box;overflow:hidden; }
.footer-sns-inner, .footer-navi-inner, .contents_inner, #related_site_contents_wrapper, .breadcrumbs { max-width: 1200px; width: 100%; margin: 0 auto!important; padding: 0; box-sizing:border-box;overflow:hidden; }
.footer-inner { width: 100%; margin: 0 auto; padding: 0; }

.header-bg { max-width: 1440px; width: 100%; height: 300px; margin: 0 auto; padding: 0; }
.header-inner { max-width: 1200px; width: 100%; height:300px;margin: 0 auto; padding: 0;position:relative; }

/* Columns */
.main-column, .side-column { display: block; float: left; vertical-align: top; box-sizing:border-box;overflow:hidden; }
.main-column { flex:0 0 70%; min-width: 300px; margin-bottom: 4em; }
.main-column H3 { color: #313131; font-size: 22px; font-weight: 400; line-height: 26px; }
.side-column { flex:0 0 25%; margin: 0 0 4em auto; }
[dir=rtl] .side-column { margin-left: 0; margin-right: 40px; }

/* flexbox */
.flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;}
.flexbox {box-sizing:border-box;overflow:hidden;width:100%;margin:0 auto;}
.flexboxinner {align-self: stretch;}
.flexboxinner {box-sizing:border-box;overflow:hidden; }

/* flexbox 1カラム */
.flexbox.ADN_1col .flexboxinner {flex:0 0 100%;max-width:100%;}
/* flexbox 2カラム */
.flexbox.ADN_2col .flexboxinner {flex:0 0 48%;max-width:48%;}
/* flexbox 3カラム */
.flexbox.ADN_3col .flexboxinner {flex:0 0 31.33%;max-width:31.33%;}
/* flexbox 4カラム */
.flexbox.ADN_4col .flexboxinner {flex:0 0 23%;max-width:23%;}
/* flexbox 5カラム */
.flexbox.ADN_5col .flexboxinner {flex:0 0 19%;max-width:19%;}
/* flexbox 6カラム */
.flexbox.ADN_6col .flexboxinner {flex-basis:14.66%;max-width:14.66%;}


/* --------------------------------*/
/* 20221111 はじめての方へ platio */
/* --------------------------------*/

  .beginner_nav{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
  list-style: none;
}
  .beginner_nav a{
  flex-direction: column;
  justify-content: center;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.46;
  background-color: #eef0f2;
  color: #333;
  width: 145px;
  height: 133px;
}

  .beginner_nav li:not(:last-child) a:after{
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
  z-index: 10;
}
  .beginner_nav a strong{
  text-align: center;
  background-color: #0f88fb;
  color: #fff;
	width: 100%;
	line-height: 23px;
}
  .beginner_nav li:not(:last-child) a:after{
	right: -12px;
	top: 53px;
	border-width: 15px 0 15px 12px;
	border-color: transparent transparent transparent #eef0f2;
}
  .beginner_nav a span{
    background: url("/hc/theming_assets/01HZKMH32WE50QB1TQ04B6GMB6") no-repeat  center 75px;
	background-size: 18px;
    padding-top: 25px;
    height: 110px;
    text-align: center;
}
.beginner .thumbnailbox a {display:block;position:inherit!important;width:100%;height:100%;margin:0;box-sizing:border-box;overflow:hidden;z-index:1;color:#fff; }

/* アンカー位置調整 */

/*.anchor_area { padding-top: 3.75rem; }
.anchor {
    padding-top: 3.75rem;
    margin-top:-3.75rem;
}*/


/* CSS Lity 動画ポップアップ 2019/12 */
#movielist {}
#movielist ul {background:#F0F0F0;margin:0 auto;}
#movielist ul li {text-align:center;color:#FFF;font-size:93%;background:#6c87a7;margin:15px 0;padding:1em;cursor:pointer;}
#movielist ul li:active,
#movielist ul li:hover {background:#5584be;}
#movielist ul li.on {color:#FFF;background:#0f88fb;}
#movielist ul li.on:active,
#movielist ul li.on:hover {background:#1f473a;}
#movielist ul li span {}
#movielist h2 {display:none;}
#movielist h2.active {display:inline-block;}
#movieitem .flexboxinner {margin:0 0 2em;border-bottom:1px dotted #CCC;}
#movieitem .flexboxinner h3 {font-size:116%;line-height:1.5;color:#0f88fb;background:#f5f5f5;margin:1em 0 0;padding:10px 0 10px 8px;border-left:5px solid #0f88fb50; }
#movieitem .flexboxinner p {font-size:85%;margin:0;padding:1em 1.5em;}
#movieitem .flexboxinner p.right {text-align:right;}
#movieitem .flexboxinner .icon {display:inline-block;font-size:85%;color:#fff;margin: 0 0 10px; background: #0f88fb; padding:0 10px; }
#movieitem .flexboxinner .icon span {line-height: 1;background: #0f88fb; color: #FFF;margin:0 10px 0 0;padding: 5px 10px;}
/* 共通：ポップアップ表示 */
.youtubebox {position: relative; margin-left: auto; margin-right: auto; padding-bottom: 56.25%; width: 100%;}
.youtubebox iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.youtubebox a.youtubepopuplink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* CSS Google Docs Viewer アタッチメント埋め込み（添付） 2019/12 */
#thumbnailitem {box-sizing:border-box;/*overflow:hidden;*/}
#thumbnailitem .flexbox {margin:0 0 2%;box-sizing:border-box;overflow:hidden;}
/* １列：アダプター一覧、他 */
#thumbnailitem .flexbox.ADN_1col {}
#thumbnailitem .flexbox.ADN_1col .image {flex:0 0 50px;max-width:50px;align-self:flex-start;}
#thumbnailitem .flexbox.ADN_1col .text {flex:2 0 60%;min-width:60%;align-self:flex-start;}
#thumbnailitem .flexbox.ADN_1col .dl_btn {flex:1 0 25%;min-width:25%;align-self:flex-end;}
#thumbnailitem .flexbox.ADN_1col .text {margin:20px 10px;text-align:left;}
#thumbnailitem .flexbox.ADN_1col .dl_btn {padding:5px 1em;margin:10px;}
#thumbnailitem .flexbox.ADN_1col img,
#thumbnailitem .flexbox.ADN_1col .image {display:block;width:50px;height:50px;margin:5px;text-align:center;box-sizing:border-box;overflow:hidden;}
#thumbnailitem .flexbox.ADN_1col .image {background:no-repeat left top;background-size:contain;}
#thumbnailitem .flexbox.ADN_1col .image:before {display:block;width:1em;height:1em;line-height:50px;font-size:50px;margin:0;padding:0;}
#thumbnailitem .flexbox.ADN_1col .image:before {font-weight: normal;font-family: "entypo";color:#0f88fb;}
#thumbnailitem .flexbox.ADN_1col a[href$=".zip"] ~ .image:before {content: "\1F4E6"; }
#thumbnailitem .flexbox.ADN_1col a[href$=".key"] ~ .image:before,
#thumbnailitem .flexbox.ADN_1col a[href$=".txt"] ~ .image:before {content: "\1F4C4"; }
#thumbnailitem .flexbox.ADN_1col a[href$=".jpg"] ~ .image:before {content: "\1F304"; }
#thumbnailitem .flexbox.ADN_1col a[href$=".png"] ~ .image:before {content: "\E736"; }
#thumbnailitem .flexbox.ADN_1col a[href$=".ai"] ~ .image:before,
#thumbnailitem .flexbox.ADN_1col a[href$=".eps"] ~ .image:before {content: "\1F4C1"; }

#thumbnailitem .flexbox.ADN_1col a[href$=".pdf"] ~ .image {background-image: url($assets-adn_iconfind_pdf-png);}
#thumbnailitem .flexbox.ADN_1col a[href$=".ppt"] ~ .image,
#thumbnailitem .flexbox.ADN_1col a[href$=".pptx"] ~ .image {background-image: url($assets-adn_iconfind_powerpoint-png);}
#thumbnailitem .flexbox.ADN_1col a[href$=".xls"] ~ .image,
#thumbnailitem .flexbox.ADN_1col a[href$=".xlsx"] ~ .image {background-image: url($assets-adn_iconfind_excel-png);}
#thumbnailitem .flexbox.ADN_1col a[href$=".doc"] ~ .image,
#thumbnailitem .flexbox.ADN_1col a[href$=".docx"] ~ .image {background-image: url($assets-adn_iconfind_word-png);}

#thumbnailitem .flexbox.ADN_1col a[href$=".pdf"] ~ .image:before,
#thumbnailitem .flexbox.ADN_1col a[href$=".ppt"] ~ .image:before,
#thumbnailitem .flexbox.ADN_1col a[href$=".pptx"] ~ .image:before,
#thumbnailitem .flexbox.ADN_1col a[href$=".xls"] ~ .image:before,
#thumbnailitem .flexbox.ADN_1col a[href$=".xlsx"] ~ .image:before,
#thumbnailitem .flexbox.ADN_1col a[href$=".doc"] ~ .image:before,
#thumbnailitem .flexbox.ADN_1col a[href$=".docx"] ~ .image:before {display:none;}





/* 2列：ロゴ一覧 */
#thumbnailitem .flexbox.ADN_2col {}
#thumbnailitem .flexbox.ADN_2col img {display:block;width:100%;height:auto;margin:0 auto;}
#thumbnailitem .flexbox.ADN_2col .text {margin:20px 0;text-align:center;}
#thumbnailitem .flexbox.ADN_2col img {flex:0 0 100%;max-width:100%;align-self:center;}
#thumbnailitem .flexbox.ADN_2col .text {flex:0 0 100%;max-width:100%;align-self:center;}
#thumbnailitem .flexbox.ADN_2col .dl_btn {flex:0 0 100%;max-width:100%;align-self:center;}
#thumbnailitem .flexbox.ADN_2col .dl_btn {padding:5px 10px;margin:0;}
/* flexboxinner 共通設定 */
#thumbnailitem .flexboxinner {position:relative;margin:0 0 2%;padding:15px;border:1px solid #DDD;}
#thumbnailitem .flexboxinner {background:#F0F0F0;background:linear-gradient(top bottom,#FFF,#F0F0F0);background:-ms-linear-gradient(top, #FFF, #F0F0F0);background:-moz-linear-gradient(center top, #FFF 0%,#777 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF),color-stop(1, #F0F0F0));}
#thumbnailitem .flexboxinner {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;}
#thumbnailitem .flexboxinner {box-sizing:border-box;overflow:hidden;width:100%;}
#thumbnailitem .flexboxinner.active {background:#F0F0F0;}
#thumbnailitem .flexboxinner img,
#thumbnailitem .flexboxinner .image,
#thumbnailitem .flexboxinner .text,
#thumbnailitem .flexboxinner .dl_btn {align-self: stretch;box-sizing:border-box;overflow:hidden;}
#thumbnailitem .flexboxinner .text {font-size:100%;line-height:1.5;}
#thumbnailitem .flexboxinner .dl_btn {line-height:30px;font-size:116%;color:#fff;text-align:center;box-sizing:border-box;overflow:hidden;}
#thumbnailitem .flexboxinner h3{ color:#0f88fb; margin: 5px; font-weight: bold; width:100%;}
#thumbnailitem .flexboxinner h4{ font-size: 20px;margin: 0; width:100%; }

/* 基本 DLボタン */
#thumbnailitem .flexboxinner .dl_btn {background:#0f88fb;background:linear-gradient(top bottom,#0f88fb,#0f88fb);background:-ms-linear-gradient(top, #0f88fb, #0f88fb);background:-moz-linear-gradient(center top, #0f88fb 0%,#0f88fb 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #0f88fb),color-stop(1, #0f88fb));vertical-align:middle;}
#thumbnailitem .flexboxinner a{color:#fff; text-decoration:none;}
#thumbnailitem .flexboxinner a:hover ~ .dl_btn,
#thumbnailitem .flexboxinner a:focus ~ .dl_btn,
#thumbnailitem .flexboxinner a:active ~ .dl_btn {background:#0f88fb;}
/* hover */
#thumbnailitem .flexboxinner a:hover + img,
#thumbnailitem .flexboxinner a:focus + img,
#thumbnailitem .flexboxinner a:active + img {opacity:0.9;}
#thumbnailitem .flexboxinner .dl_btn:after {font-size: 93%;font-weight: normal;font-family: "entypo";padding:0;margin:0 0 0 5px;color:#FFF;}
#thumbnailitem .flexboxinner a[target="_blank"] ~ .dl_btn:after {background-color: #f3f3f3;
  text-decoration:none;
  background: url(//p6.zdassets.com/hc/theme_assets/924076/200213647/right_arrow.png) no-repeat 98% center;
  color:#999; }
/* リンクブロック */
#thumbnailitem .thumbnailbox a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;box-sizing:border-box;overflow:hidden;z-index:1;color:#fff; }




/* CSS 専用コンテンツ ドキュメント一覧 2019/12 */
#documentlist {box-sizing:border-box;overflow:hidden;}
#documentlist .flexbox {margin:0 0 -2%;box-sizing:border-box;overflow:hidden;}
#documentlist .flexbox.ADN_2col {}
#documentlist .flexboxinner {position:relative;border:1px solid #DDD;margin:0 0 4%;padding:2em 1.5em 4em;}
#documentlist h2 { color: #0f88fb; font-size: 26px; font-weight: 700; margin: 20px 0 18px; }
#documentlist .flexboxinner h3 {color:#313131;margin:0 0 15px;}
#documentlist .flexboxinner h3 span {font-size:70%;color:#999;}
#documentlist .flexboxinner img {width:100px;height:100px;display:block;float:left;margin:0 1em 1em 0;}
#documentlist .flexboxinner ul {margin:0 0 1em;box-sizing:border-box;overflow:hidden;}
#documentlist .flexboxinner ul li {float:left;line-height:1.8;position:relative;margin:0;padding:0 0 0 0;}
#documentlist .flexboxinner ul li:before {display:inline;position:absolute;left:0;top:0;width: 1em;height: 1em;margin:0; font-size: 131%; line-height:1; color: #99A5AC; }
#documentlist .flexboxinner ul li:before { font-family: "entypo"; }
#documentlist .flexboxinner ul li:before {content: "»";}
#documentlist .flexboxinner ul li a {margin:0 1em 0 1em;}
#documentlist .flexboxinner ul li a:active,
#documentlist .flexboxinner ul li a:hover {}
#documentlist .flexboxinner .See_All {clear:both;position:absolute;right:1em;bottom:2em;text-align:right;}
#documentlist .flexboxinner .See_All a.See_All_Articles {}
#documentlist .flexboxinner .See_All a.See_All_Articles:after {display:inline;width: 1em;height: 1em;margin:0 0 0 5px; font-size: 131%; line-height:1; color: #99A5AC; }
#documentlist .flexboxinner .See_All a.See_All_Articles:after { font-family: "entypo"; }
#documentlist .flexboxinner .See_All a.See_All_Articles:after { content: "\E760"; }
#documentlist .flexboxinner .See_All a.See_All_Articles:active,
#documentlist .flexboxinner .See_All a.See_All_Articles:hover {}

/* CSS 専用コンテンツ ドキュメント一覧：非掲載処理 2023/4/17 */
#documentlist .flexboxinner.sectionID_17609506170649{display:none;} /*本番環境 */

.section.sectionID_000,/*ダミー*/
.section.sectionID_11715975134105,
.section.sectionID_11716021557017,
.section.sectionID_11716059750553,
.section.sectionID_11716060662553 {display:none;}　/* 本番環境 */

/*#documentlist .flexboxinner.sectionID_206711307,
#documentlist .flexboxinner.sectionID_206681088,
#documentlist .flexboxinner.sectionID_206727968,
#category-list dl.accordion.sectionID_206681068,
#category-list dl.accordion.sectionID_206681048,
#category-list dl.accordion.sectionID_206681108,
#category-list dl.accordion.sectionID_206727968,
#category-list dl.accordion.sectionID_115000157848,
#category-list dl.accordion.sectionID_206711307,
#category-list dl.accordion.sectionID_900000253066,
#category-list dl.accordion.sectionID_900001651483 {display:none;}*/

/* ADN Slackについて 2020/02 */
.how_about_ADN_Slack {border: 3px solid #0f88fb;color: #313131;border-radius: 15px;margin:2em 0;padding: 25px;}
.how_about_ADN_Slack h3 {font-size: 131%;font-weight: 600;color: #0f88fb;letter-spacing: 0.5px;line-height: 1.5;margin: 1em 0;}
.how_about_ADN_Slack p {}
.how_about_ADN_Slack p .green {color: #0f88fb;}
.how_about_ADN_Slack a {}

/* ▼専用コンテンツボックス ログイン後 動線バナー */
#PUs .login_content_banner {}
#PUs .login_content_banner .partner_list_box {position:relative;width:100%;box-sizing:border-box;overflow:hidden;}
#PUs .login_content_banner .partner_list_box .partnerBanner {width:100%;height:100%;margin:0 auto 15px;text-align:center;background-color:#01da93;}
#PUs .login_content_banner .partner_list_box .partnerBanner a {display:block;width:100%;height:100%;margin:0;}
#PUs .login_content_banner .partner_list_box .partnerBanner a img {max-width:160%;height:auto;margin:0 -50%;padding:0;}
#PUs .login_content_banner .partner_list_box .partnerBanner a:active,
#PUs .login_content_banner .partner_list_box .partnerBanner a:hover,
#PUs .login_content_banner .partner_list_box .partnerBanner a:focus {background-color:#313131;}
#PUs .login_content_banner .partner_list_box .partnerBanner a:hover img {opacity:0.9;}

/* homepage.css背景 */
#PUs .login_content_inner .list_box ul li a {padding-right:25px;display:block; color:#99a5ac; background: url(/hc/theming_assets/01HZKMH1R5J0NFYZFY0M24PPH0) no-repeat right center; margin: 0 10px 0 1em; text-indent:-1em;}
#Tabs div.panels .panel dd { margin: 0 0 9px; padding: 0 25px 8px 35px; border-bottom: 1px dotted #ddd; background: url(/hc/theming_assets/01HZKMH1R5J0NFYZFY0M24PPH0) no-repeat 20px 3px; }
/* article.css背景 */
.PUs_list dl dd {margin: 0 0 9px;padding: 0 25px 16px 35px;border-bottom: 1px dotted #ddd;background: url(/hc/theming_assets/01HZKMH1R5J0NFYZFY0M24PPH0) no-repeat 20px 3px;font-size: 14px;font-weight: 400;}

/* CSS Document ★ここからHeaderCSS  */
/* ====================================================
   Header  2019/11/19
   ==================================================== */
/* ▼20221101：追記 */
header.drawer-navbar { background-color: #fff; border: none; margin-bottom: 0; background: linear-gradient(180deg, #0f88fb 0%, #0f88fb 70%, #fff 30%, #fff 100%); display: flex; justify-content: center; align-items: center; width: 100%; height: 300px;}
/*.drawer-navbar-bg1 { background-color: #0f88fb; border: none; margin-bottom: 0; height: 200px; }
.drawer-navbar-bg2 { background-color: #fff; border: none; margin-bottom: 0; height: 100px; }*/
/* ▲20221101：追記 */

.header { background-color: #fff; border: none; margin-bottom: 0; }
/* ロゴ */
.drawer-navbar .logo a {float: left;position: relative;width:auto;height: 150px;box-sizing:border-box;overflow:hidden;padding: 0 0 0 10px; background: url("/hc/theming_assets/01HZKMGX60DNK2SJNWHPFX0WVR") no-repeat right 0 bottom 0 ; background-size: contain; width: 324px; height: 58px; padding:10px 0px; text-indent: 100%; white-space: nowrap;}
.logo a.drawer-brand {line-height:1;}
.logo a.drawer-brand {font-weight:normal;padding-right:0;padding-left:0;}
.logo a.drawer-brand > span {display:block;float:left;width:324px;height:58px;margin:0;}
.logo a.drawer-brand span > img {width:324px;height:35px;margin:42px 0 0;}

/* ハンバーガーボタン調整 */
body.drawer--top header .drawer-hamburger,
body.drawer--top.drawer-open header .drawer-navbar .drawer-hamburger {left: 0;}
body header .drawer-hamburger {position:absolute;width:25px;padding:16px 15px 23px;margin:6px;}
body header .drawer-hamburger-icon {margin-top:6px;}
body header .drawer-hamburger-icon,
body header .drawer-hamburger-icon:after,
body header .drawer-hamburger-icon:before {background-color:#0f88fb;}
.drawer-open header .drawer-hamburger-icon:after,
.drawer-open header .drawer-hamburger-icon:before {background-color:#0f88fb;}
body header .drawer-hamburger-icon:after,
body header .drawer-hamburger-icon:before {top:-6px;}
body header .drawer-hamburger-icon:after {top:6px}
/* ユーザーボタン */
.user-nav {position: absolute;right:0;top:0;width: 50%;height: 150px; /*overflow: hidden;*/}
.user-nav > .login { margin-left: 20px; padding: 0 10px; }
.user-nav > a:first-child { border: 0; }
.user-nav .txt_white a { color:#fff!important; }
.login { margin-left: 20px; background: #fff; }
a.login:hover,
a.login:active,
a.login:focus { text-decoration:underline; }
.user-info {margin-top: 8px;}
.user-info .btn { background: #fff; padding: 0 10px; border: 1px solid; border-color: #d1d1d1; border-color: rgba(0, 0, 0, 0.17); border-radius: 2px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03); cursor: pointer; display: inline-block; font-size: 12px; font-weight: normal; height: 30px; line-height: 28px; position: relative; vertical-align: middle; white-space: nowrap; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; }
.language-selector { border-right: 1px solid; border-right-color: #ddd; border-right-color: rgba(0, 0, 0, 0.07); display: inline-block; padding-right: 15px; margin-right: 12px; }
.user-avatar { left: -5px; max-height: 20px; position: relative; top: -1px; }
.user-nav>dl { position: relative; width: 100%; height: 100%; margin: 0; }
.user-nav>dl dt {display: block;text-align: right;position: absolute;right: 168px;top: 0;}
.user-nav>dl dt strong {display: block;margin-top: 15px;color: #535353;font-size: 14px;font-weight:normal;}
/*.user-nav>dl dd { display: block; position: absolute; right: 0; top: 0; margin: 0; } */
/* ▼ユーザーナビ（ご質問はこちら） */
.user-nav>dl dd a.blue_btn {display: block;width: 160px;height: 72px;line-height: 72px;text-align: center;padding: 0;margin: 0 0 8px;}
.user-nav>dl dd a.blue_btn strong {font-size: 16px;letter-spacing: 1px;}
.user-nav>dl dd a.blue_btn { color:#fff; border:1px solid #0f88fb; border-bottom:1px solid #094f92; background: #094f92; background: linear-gradient(top bottom,#0f88fb,#094f92); background: -ms-linear-gradient(top, #0f88fb, #094f92); background: -moz-linear-gradient(center top, #0f88fb 0%,#094f92 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0f88fb),color-stop(1, #094f92)); }
.user-nav>dl dd a.blue_btn:hover,
.user-nav>dl dd a.blue_btn:active,
.user-nav>dl dd a.blue_btn:focus { background: #094f92; text-decoration:none; }

.user_nav01 {display: block; width: 280px!important; height: 20px; margin-bottom: 20px; text-align: right; margin-top:5px;}
.user_nav01 li {display: block; width: 130px; float:right;}
.user-nav .user_btn {display: block; width: 100px; height: 20px; margin-bottom: 20px; margin-top:10px; text-align:left; /*float:right;*/}
.user-nav .user_info_btn,
.user-nav .sign-up,
.user-nav .user-login, {display: block; width: 120px; height: 20px; margin-bottom: 20px; text-align: right; margin-top:2px; float:right;}
.user-nav .user_info_btn a:visited {color:#000;}
.user_info_btn span{color:#fff;}
.user-nav .sign-up a,
.user-nav .sign-up a:visited,
.user-nav .user-login a,
.user-nav .user-login a:visited {color:#fff!important; padding:0!important;}

/*.user-nav .website_btn a {display: block; width: 160px; height: 60px; padding:10px; background-color: #fff; border-radius:5px; margin-right: 10px;font-size: 10px; text-align: center; margin-right: 10px; position: relative;}
.user-nav .website_btn a:before  { content: ""; display: block; height: 30px; background: url("/hc/theming_assets/01HZKMH4E57JB05A5XER1THJAG") no-repeat 50% 50%; background-size: contain;}
.user-nav .website_btn a:visited {color:#0f88fb;} */
.user-nav .asteriapark_btn a {display: block; width: 160px; height: 60px; padding:10px; background-color: #fff; border-radius:5px; margin-right: 10px;font-size: 10px; text-align: center; margin-right: 10px; position: relative;}
.user-nav .asteriapark_btn a:before  { content: ""; display: block; height: 30px; background: url("/hc/theming_assets/01HZKMH80ATVD4QH5STK60QZPY") no-repeat 50% 50%; background-size: contain;}
.user-nav .asteriapark_btn a:visited {color:#0f88fb;}
.user-nav .contact_btn a {display: block; width: 160px; height: 60px; padding:10px; background-color: #fff; border-radius:5px; margin-right: 10px;font-size: 10px; text-align: center;position: relative;}
.user-nav .contact_btn a:before  { content: ""; display: block; height: 30px; background: url("/hc/theming_assets/01HZKMGYDCX3Y300CY36Q6BSQ1") no-repeat 50% 50%; background-size: contain;}
.user-nav .contact_btn a:visited {color:#0f88fb;}
.user-nav .login_btn a {display: block; width: 160px; height: 60px;  padding:10px; background-color: #fff; border-radius:5px;font-size: 10px; text-align: center;margin-right: 10px;position: relative;}
.user-nav .login_btn a:before  { content: ""; display:block; height: 30px; background: url("/hc/theming_assets/01HZKMGYJGSNF4JJ0XP2QYME9X") no-repeat 50% 50%; background-size: contain;}
.user-nav .login_btn a:visited {color:#0f88fb;}
.user-nav .contact_btn a:hover,
.user-nav .contact_btn a:active,
.user-nav .contact_btn a:focus,
/*.user-nav .website_btn a:hover,
.user-nav .website_btn a:active,
.user-nav .website_btn a:focus, */
.user-nav .asteriapark_btn a:hover,
.user-nav .asteriapark_btn a:active,
.user-nav .asteriapark_btn a:focus,
.user-nav .login_btn a:hover,
.user-nav .login_btn a:active,
.user-nav .login_btn a:focus{text-decoration: none; background-color: #eee; }

/* ▲ユーザーナビ（ご質問はこちら） */
.user-nav>ul {width: 510px; height: 40px; margin: 10px 0 0 auto; color:#FFF; }
.user-nav>ul li {float: left;}
/* ▼ユーザーナビ（評価版） 
.user-nav>ul li a.blue_btn {display: block;width: 160px;min-height: 72px;line-height: 1;text-align: center;padding: 0;margin: 0 8px 0 0;}
.user-nav>ul li a.blue_btn span {display: inline-block;font-size: 12px;font-weight: 700;color:#FFFFCC;padding-top: 10px;}
.user-nav>ul li a.blue_btn strong {display: inline-block;font-size: 18px;letter-spacing: 3px;padding-top: 5px;}
.user-nav>ul li a.blue_btn small {display: inline-block;font-size: 13px;color:#FFF;padding-top: 5px;}
.user-nav>ul li a.blue_btn small::after { font-family: "entypo"; content: " \E75E"; }
.user-nav>ul li a.blue_btn { color:#fff; border:1px solid #0f88fb; border-bottom:1px solid #094f92; background: #094f92; background: linear-gradient(top bottom,#0f88fb,#094f92); background: -ms-linear-gradient(top, #0f88fb, #094f92); background: -moz-linear-gradient(center top, #0f88fb 0%,#094f92 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0f88fb),color-stop(1, #094f92)); }
.user-nav>ul li a.blue_btn:hover,
.user-nav>ul li a.blue_btn:active,
.user-nav>ul li a.blue_btn:focus { background: #094f92; text-decoration:none; }
/* ▲ユーザーナビ（評価版） */
/* ▼ユーザーナビ（お問い合わせ） */
/* .user-nav>ul li a.black_btn {display: block;width: 160px;height: 72px;line-height: 72px;text-align: center;padding: 0;margin: 0;}
.user-nav>ul li a.black_btn strong {font-size: 16px;letter-spacing: 2px;}
.user-nav>ul li a.black_btn { color:#fff; border:1px solid #777; border-bottom:1px solid #313131; background: #313131; background: linear-gradient(top bottom,#777,#313131); background: -ms-linear-gradient(top, #777, #313131); background: -moz-linear-gradient(center top, #777 0%,#313131 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777),color-stop(1, #313131)); }*/
/* .user-nav>ul li a.black_btn:hover,
.user-nav>ul li a.black_btn:active,
.user-nav>ul li a.black_btn:focus { background: #313131; text-decoration:none; }*/
/* ▲ユーザーナビ（お問い合わせ） */
/* ▼ユーザーナビ（ユーザー登録／ログイン） */
/*.user-nav>ul li:last-child { width: 328px; height: 40px; border: 1px solid #ddd; font-size: 14px; font-weight: 700; text-align: center; margin-top: 8px; padding-top: 5px; }
.user-nav>ul li:last-child::after { font-family: "entypo"; content: "\E75E"; }*/
/* ▲ユーザーナビ（ユーザー登録／ログイン） */
nav#navigation {width: 100%; margin: 0 auto; padding: 0; }
nav#navigation ul { width: 100%; margin: 0 auto; height: 72px; }
nav#navigation ul li {float:left;width: 16.66%;height: 72px;overflow: hidden;text-align: center;}
nav#navigation ul li.mainnav {display: block;}
nav#navigation ul li.sub {display:none;} /* スクロール時は表示する*/
nav#navigation ul li a {display: block;border-left: 1px solid #ddd;width: 100%;height: 100%;color: #5B6B73;font-size: 13px;font-weight: 700;line-height: 1.3;padding: 10px 5px 0;position: relative;}
nav#navigation ul li.sub a {color: #307fe2;}
nav#navigation ul li.sub.trial a,
nav#navigation ul li.sub.requests a {width:100%;border:1px solid;border-radius:6px;height:auto;margin:13px 0 0;padding:10px 10px 7px;}
header nav#navigation ul li.sub.black_btn a {border-color:#313131;color: #313131;}
header nav#navigation ul li.sub.blue_btn a {border-color:#0f88fb;color: #0f88fb;}
nav#navigation ul li:first-child a {border: none;}
nav#navigation ul li a small {display: block;font-size:10px;font-weight:700;color:#99A5AC;}
nav#navigation ul li a:hover,
nav#navigation ul li a:active,
nav#navigation ul li a:focus { color: #0f88fb; text-decoration:none; background-color:#F0F0F0; opacity:0.9; }
nav#navigation ul li.sub a:hover,
nav#navigation ul li.sub a:active,
nav#navigation ul li.sub a:focus { color: #999;}
nav#navigation ul li.sub.black_btn a:hover,
nav#navigation ul li.sub.black_btn a:active,
nav#navigation ul li.sub.black_btn a:focus {border-color:#0f88fb;background-color:#0f88fb;color: #FFF;}
nav#navigation ul li.sub.blue_btn a:hover,
nav#navigation ul li.sub.blue_btn a:active,
nav#navigation ul li.sub.blue_btn a:focus {border-color:#0f88fb;background-color:#0f88fb;color: #FFF;}
/* カテゴリアイコン */
nav#navigation ul li a:before {display: block;width: 100%;height: 1em;margin-bottom: 12px; font-size: 25px; font-weight:normal; color: #99A5AC; }
nav#navigation ul li a:before { font-family: "entypo"; }
nav#navigation ul li.top a:before {content: ""; background:url("/hc/theming_assets/01HZKMH37KQKM01KNHY6J6F0Z6") no-repeat 50% 50%; background-size: contain;}

nav#navigation ul li.beginner a:before{content: ""; background:url("/hc/theming_assets/01HZKMH0F57NW2VX0M93SKX8RW") no-repeat 50% 50%; background-size: contain;}
nav#navigation ul li.faq a:before{content: ""; background:url("/hc/theming_assets/01HZKMGZTAP6YRFHTBCWB1F6VX") no-repeat 50% 50%; background-size: contain;}
nav#navigation ul li.guide a:before {content: ""; background:url("/hc/theming_assets/01HZKMH55M06T5JFZ6QSWYFPQ3") no-repeat 50% 50%; background-size: contain;}
nav#navigation ul li.PartnerContent a:before {content: ""; background:url("/hc/theming_assets/01JV6HXBZ2YYTXNFHG8XCPXMWB") no-repeat 50% 50%; background-size: contain;}
nav#navigation ul li.update a:before {content: ""; background:url("/hc/theming_assets/01HZKMH51DQVA2J2RFVKRNZPNE") no-repeat 50% 50%; background-size: contain;}
nav#navigation ul li.man a:before {content: ""; background:url("/hc/theming_assets/01HZKMH0R8AWQ7Q5EMTDKFGETG") no-repeat 50% 50%; background-size: contain;}
/*nav#navigation ul li.spc a:before { background:url("$assets-icon_faq.png") no-repeat 50% 50%; }
nav#navigation ul li.frm a:before { background:url("$assets-icon_faq.png") no-repeat 50% 50%; }*/
/*nav#navigation ul li.user_input a:before { content: "\E700"; color:#307fe2; } /* 新規登録 */
/*nav#navigation ul li.user_login a:before { content: "\E740"; color:#307fe2; } /* ログイン */
nav#navigation ul li.user_login a:before  {content: ""; background:url("/hc/theming_assets/01HZKMGYJGSNF4JJ0XP2QYME9X") no-repeat 50% 50%; background-size: contain; color:#307fe2;}/* ログイン */
nav#navigation ul li.website a:before  {content: ""; background:url("/hc/theming_assets/01HZKMH4E57JB05A5XER1THJAG") no-repeat 50% 50%; background-size: contain; color:#307fe2;}/* Platio製品サイト */
nav#navigation ul li.contact a:before  {content: ""; background:url("/hc/theming_assets/01HZKMGYDCX3Y300CY36Q6BSQ1") no-repeat 50% 50%; background-size: contain; color:#307fe2;}/* 問い合わせ */
nav#navigation ul li.asteriapark a:before  {content: ""; background:url("/hc/theming_assets/01HZKMH7VJEP2CTGR4P1E3BXAQ") no-repeat 50% 50%; background-size: contain; color:#307fe2;}/* AsteriaPark */

/* 検索アイコンボタン */
nav#navigation ul li#search button.icon:before {display: block;width: 100%;height: 1em;margin-bottom: 12px; font-size: 20px; font-weight:normal; color: #0f88fb; }
nav#navigation ul li#search button.icon:before { font-family: "entypo"; }
nav#navigation ul li#search button.icon:before { content: "\1F50D"; } /* 検索 */
nav#navigation ul li#search button.icon {box-sizing:border-box;overflow:hidden;}
nav#navigation ul li#search button.icon {border:none;width:100%;height:100%;padding: 0 15px;outline:none;border-radius: unset;background: transparent;}
nav#navigation ul li#search button.icon:hover {opacity:0.75;}
nav#navigation ul li#search button.icon span {display:none;}
/* ほか調整 */
nav#navigation ul li.user_support a,
nav#navigation ul li.my_contents a,
nav#navigation ul li.my_activities a,
nav#navigation ul li.user_support a,
nav#navigation ul li.sign-out a {line-height:3.75rem;}
/* 外部ドキュメント ※外部リンクマークと同じ */
nav#navigation ul li a:after { font-size: 13px; font-weight:normal; color: #ddd; }
nav#navigation ul li a:after { font-family: "entypo"; }
nav#navigation ul li.frm a:after { content: " \E74C"; }
/* 固定時に表示した検索ボックス */
div#search_container {position:fixed;left:0;top:0;margin:0;padding:0;box-sizing:border-box;overflow:hidden;}
div#search_container {width:100%;height:100px;text-align:left;background:#EEE;opacity:0.9;border-bottom:1px solid #C8CCCC;}
div#search_container.off {display:none;top:0;}
div#search_container.on {display:block;z-index:3;top:3.75rem;}
/* 検索フィールド */
div#search_container div#search_box {max-width:1200px;height:40px;margin:30px auto;box-sizing:border-box;overflow:hidden;}
div#search_container div#search_box form {position:relative;float:left;width:80%;box-sizing:border-box;overflow:hidden;}
/* 閉じるボタン */
div#search_container div#search_box button.close {position:relative;float:right;width:18%;height:40px;cursor:pointer;outline:none;}
div#search_container div#search_box button.close {padding:0 15px 0 10px;line-height:40px;border-radius:20px;}
div#search_container div#search_box button.close {color:#FFF;border:1px solid #0f88fb;background:#0f88fb;}
div#search_container div#search_box button.close:hover {border-color:#003544;background:#003544;}
div#search_container div#search_box button.close:active {text-decoration:none;}
div#search_container div#search_box button.close span:before {display:inline;padding:0 6px;color:#FFF;}
div#search_container div#search_box button.close span:before {font-size:1rem;line-height:1rem;content:'×';}


/* ====================================================
   footer：20221101：移行
   ==================================================== */

#main-contents-footer { background: #0f88fb; color: #fff; font-size: 11px; border-bottom:2px solid #0f88fb;}
#main-contents-footer a { color: #fff; text-decoration: none; }
#main-contents-footer a:hover { color:#CCC; }
#main-contents-footer ul { list-style: none; padding-left: 0; margin-bottom: 11px; }
#main-contents-footer .footer-sns-inner {border-bottom: 1px solid #FFF;margin-bottom:40px;}
#main-contents-footer .footer-sns-inner ul.sns-icon {text-align:center;}
#main-contents-footer .footer-sns-inner ul.sns-icon li { display:inline-block; margin:8px 1em 0 1em; }
#main-contents-footer .footer-sns-inner ul.sns-icon li a {}
#main-contents-footer .footer-sns-inner ul.sns-icon li a:before {display: inline; padding-right:8px; font-size: 15px; color: #FFF; }
#main-contents-footer .footer-sns-inner ul.sns-icon li a:before { font-family: "entypo"; }
#main-contents-footer .footer-sns-inner ul.sns-icon li.facebook a:before {content: "";background: url("/hc/theming_assets/01HZKMH1M2Q02D75QTC5MYWG5T") no-repeat 50% 50%; background-size: contain;margin-right: 5px;}
#main-contents-footer .footer-sns-inner ul.sns-icon li.youtube a:before {content: "";background: url("/hc/theming_assets/01HZKMH3PHT2357ZA341YS8VH6") no-repeat 50% 50%; background-size: contain;margin-right: 5px;}
#main-contents-footer .footer-sns-inner ul.sns-icon li.twitter a:before {content: "";background: url("/hc/theming_assets/01J6BRTHXX05Q0SE4VDE1737R9") no-repeat 50% 50%; background-size: contain;margin-right: 5px;}
#main-contents-footer .footer-navi-inner { display:flex;flex-flow: row wrap;justify-content: space-between;align-items: stretch;align-content: stretch;margin-bottom:40px;}
#main-contents-footer .footer-navi-inner .inner-list-box { flex-basis:auto; }
#main-contents-footer .footer-navi-inner .inner-list-box.list01 { flex-grow: 1;order: 1; }
#main-contents-footer .footer-navi-inner .inner-list-box.list02 { flex-grow: 1;order: 2; }
#main-contents-footer .footer-navi-inner .inner-list-box.list03 { flex-grow: 1;order: 3; }
#main-contents-footer .footer-navi-inner .inner-list-box.list04 { flex-grow: 1;order: 4; }
#main-contents-footer .footer-navi-inner .inner-list-box.list05 { flex-grow: 10;order: 5; }
#main-contents-footer .footer-navi-inner .inner-list-box h3 { margin:13px 1em 0.5em 0; font-size:14px; color: #fff; }
#main-contents-footer .footer-navi-inner .inner-list-box h3 a {color: #FFFFFF;}
#main-contents-footer .footer-navi-inner .inner-list-box h3 a:hover { color:#ccc; }
#main-contents-footer .footer-navi-inner .inner-list-box ul {}
#main-contents-footer .footer-navi-inner .inner-list-box ul li {margin:0 1em 5px 0;}
#main-contents-footer .footer-navi-inner .inner-list-box div.responsive_video { margin:13px auto 2em; }
#main-contents-footer .footer-navi-inner .inner-list-box div iframe {}

#related_site_contents { background-color: #99a5ac; text-align: center; height: 420px; border-top:1px solid #FFF; }
#related_site_contents h1 { color: #ffffff; font-size: 26px; font-weight: 400; line-height: 31px; padding: 42px 0 28px; margin: 0; }
#related_site_contents #related_site_contents_wrapper {}
#related_site_contents a { display: inline-block; width: 24%; text-decoration: none; vertical-align: top; }
#related_site_contents a:hover,
#related_site_contents a:active,
#related_site_contents a:focus {background: url(//p6.zdassets.com/hc/theme_assets/924076/200213647/footer_common_arrow.png) no-repeat right 32px;}
#related_site_contents a h3 { color: #fff; font-size: 15px; font-weight: 400; line-height: 18px; margin: 20px 0 5px; padding: 0; }
#related_site_contents a h4 { color: #5c6b74; font-size: 14px; font-weight: 700; line-height: 17px; height: 30px; margin: 0; }
#related_site_contents a h4 em { display: block; color: #158ec2; text-decoration: underline; font-style: normal; }
#related_site_contents a p { color: #464646; font-size: 12px; font-weight: 400; line-height: 18px; text-align: left; padding: 0 5px; }

#home-footer { background: #0f88fb; color: #fff; font-size: 11px; border-top: 1px solid #FFF; }
#home-footer a { color: #fff; text-decoration: none; }
#home-footer a:hover { color:#CCC; }
#home-footer ul { list-style: none; padding-left: 0; margin-bottom: 11px; }
#home-footer .footer-inner ul {padding:13px 1em 0; border-top:1px solid #0f88fb; }
#home-footer .footer-inner ul li { display: inline-block; line-height: 11px; border-left: 1px solid #fff; padding: 0 10px; }
#home-footer .footer-inner ul li:first-child { border-left: none; padding-left: 0; }
#home-footer .footer-inner ul li:last-child { border-left: none; float: right; overflow: hidden; }

/*--------------------------------------
   responsive movie common
--------------------------------------*/
.responsive_video { position: relative; padding-bottom: 56.25%; }
.responsive_video video, .responsive_video iframe, .responsive_video object, .responsive_video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*--------------------------------------
   pagetop all btn
--------------------------------------*/
.pagetop_all {display: none;position: fixed;bottom: 70px;right: 55px;z-index: 10001;}
.pagetop_all a {display: block;width: 35px;height: 35px;text-align: center;z-index: 10001;}
	/* SP width 480px 以下 */
	@media screen and (max-width: 480px) {
		.pagetop_all {display: none;position: fixed;bottom: 70px;right: 15px;z-index: 10001;}
		.pagetop_all a {display: block;width: 35px;height: 35px;text-align: center;z-index: 10001;}
	}


/* ====================================================
   Home :　20221101移行
   ==================================================== */
.help-center-name { float: left; margin: 0 0 40px; font-size: 34px; font-weight: bold;  color: #e6e6e6;}

/* ====================================================
   homepage main navigation 
   ==================================================== */
#home_nav {width: 100%;overflow: hidden;}
/* ====================================================
   bx-slider
   ==================================================== */
#home_nav .bxslider-section {width: 50%;float: left;overflow: hidden;}
#home_nav .bxslider-section ul.slider {}
#home_nav .bxslider-section ul.slider li {text-align:center;}
#home_nav .bxslider-section ul.slider li a {display: block;width: 100%;height:100%;margin:0;}
#home_nav .bxslider-section ul.slider li a img{}

/* ====================================================
   link-panel
   ==================================================== */
#home_nav .link-panel-login-after {}
#home_nav .link-panel-login-after ul { width: 100%; overflow: hidden; }
#home_nav .link-panel-login-after ul li {display: block;float: left;width: 32%;height:140px;text-align: center;font-size: 13px; line-height:1.4;margin:0 0 20px 2%;}
#home_nav .link-panel-login-after ul li.beginner {margin:0 0 20px 0; position: relative; }
#home_nav .link-panel-login-after ul li.faq { position: relative; }
#home_nav .link-panel-login-after ul li.guide { position: relative; }
#home_nav .link-panel-login-after ul li.man  {margin:0 0 0 0; position: relative; }
#home_nav .link-panel-login-after ul li.PartnerContent { margin:0 0 0 2%; position: relative;}
#home_nav .link-panel-login-after ul li.update { margin:0 0 0 2%; position: relative;}
#home_nav .link-panel-login-after ul li.banner { margin:0 0 0 2%; position: relative;}

/*#home_nav .link-panel-login-after ul li.use {}
#home_nav .link-panel-login-after ul li.tec {}
#home_nav .link-panel-login-after ul li.man { margin:0; }
#home_nav .link-panel-login-after ul li.spc { margin:0 0 0 2%; }
#home_nav .link-panel-login-after ul li.frm { margin:0 0 0 2%; } */


#home_nav .link-panel-login-before {float: right;width: 50%;}
#home_nav .link-panel-login-before ul {width: 100%;overflow: hidden;}
#home_nav .link-panel-login-before ul li {display: block;float: left;width: 46%;height: 150px;text-align: center;font-size: 13px; line-height:1.4;margin:0 0 20px 4%;}
#home_nav .link-panel-login-before ul li.beginner { margin:0 0 0 0; }
#home_nav .link-panel-login-before ul li.faq { margin:0 0 0 0; }
#home_nav .link-panel-login-before ul li.guide { margin:0 0 0 4%; }
#home_nav .link-panel-login-before ul li.man { margin:0 0 0 4%; }
#home_nav .link-panel-login-before ul li.PartnerContent { margin:0 0 0 4%; }
#home_nav .link-panel-login-before ul li.update { margin:0 0 0 4%; }
#home_nav .link-panel-login-before ul li.banner { margin:0 0 0 4%; }
/*#home_nav .link-panel-login-before ul li.use {}
#home_nav .link-panel-login-before ul li.tec { margin:0 0 0 4%; }
#home_nav .link-panel-login-before ul li.frm { margin:0 0 0 4%; }
#home_nav .link-panel-login-before ul li.man { margin:0 0 0 4%; } */
#home_nav .link-panel-login-before ul li strong,
#home_nav .link-panel-login-after ul li strong { font-weight: 400; color: #313131; font-size: 24px; line-height: 1.3; display: block; }
#home_nav .link-panel-login-after ul li a,
#home_nav .link-panel-login-before ul li a {display: inline-grid;color: #777;border: 2px solid #5a6b73; border-radius: 10px; text-decoration: none; width: 100%;height: 100%;overflow: hidden;}
#home_nav .link-panel-login-after ul li a { padding-top: 25px; }
#home_nav .link-panel-login-before ul li a { padding-top: 25px; }
#home_nav .link-panel-login-before ul li a:hover,
#home_nav .link-panel-login-before ul li a:active,
#home_nav .link-panel-login-before ul li a:focus,
#home_nav .link-panel-login-after ul li a:hover,
#home_nav .link-panel-login-after ul li a:active,
#home_nav .link-panel-login-after ul li a:focus { background-color: #eee; }
/* ▼フォントアイコン */
#home_nav .link-panel-login-after ul li a:before,
#home_nav .link-panel-login-before ul li a:before {display:block;width: 100%;height: 1em;margin-bottom: 16px; font-size: 40px; font-weight:normal; line-height:1; color: #0f88fb; }
#home_nav .link-panel-login-after ul li a:before,
#home_nav .link-panel-login-before ul li a:before { font-family: "entypo"; }

/* ▼初めての方へ：追加変更：若葉マーク 2022/11/2 */
#home_nav .link-panel-login-after ul li.beginner a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH0F57NW2VX0M93SKX8RW"); background-size: cover; width: 30px; height: 45px; position: absolute; left:20px;top:40px; }
#home_nav .link-panel-login-before ul li.beginner a img {width:auto;height:42px;margin-bottom: 14px;}

/* ▼FAQ：追加変更 2020/01 */
#home_nav .link-panel-login-after ul li.faq a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMGZTAP6YRFHTBCWB1F6VX"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px;top:50px; }
#home_nav .link-panel-login-before ul li.faq a:before { display:none; }
#home_nav .link-panel-login-before ul li.faq a img {width:auto;height:42px;margin-bottom: 14px;}

/* ▼ご利用ガイド：追加変更：2022/11/2 */
#home_nav .link-panel-login-after ul li.guide a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH55M06T5JFZ6QSWYFPQ3"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px;top:50px; }
#home_nav .link-panel-login-before ul li.guide a img {width:auto;height:42px;margin-bottom: 14px;}

/* ▼お役立ち資料：追加変更：2022/11/2 */
#home_nav .link-panel-login-after ul li.man a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH0R8AWQ7Q5EMTDKFGETG"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px;top:50px; }
#home_nav .link-panel-login-before ul li.man a img {width:auto;height:42px;margin-bottom: 14px;}

/* ▼専用コンテンツ：追加変更：2025/5/14 */
#home_nav .link-panel-login-after ul li.PartnerContent a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01JV6HXBZ2YYTXNFHG8XCPXMWB"); background-size: cover; width: 35px; height: 42px; position: absolute; left:20px;top:50px; }
#home_nav .link-panel-login-before ul li.PartnerContent a img {width:auto;height:42px;margin-bottom: 14px;}

/* ▼アップデート情報：追加変更：2022/11/2 */
#home_nav .link-panel-login-after ul li.update a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH51DQVA2J2RFVKRNZPNE"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px;top:50px; }
#home_nav .link-panel-login-before ul li.update a img {width:auto;height:42px;margin-bottom: 14px;}

	/* ▼バナー：AsteriaPark：追加変更：2024/5/14 */
#home_nav .link-panel-login-after ul li.banner a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH7VJEP2CTGR4P1E3BXAQ"); background-size: cover; width: 50px; height: 40px; position: absolute; left:20px; top:50px; }
/* ▼グローバルナビ：固定：追加変更：2022/11/14 */
  header.drawer-navbar--fixed {overflow:hidden;}
  header.drawer-navbar--fixed .logo {float: left;position: relative; top:20px; width:170px; height: auto; box-sizing:border-box;overflow:hidden; background: url("/hc/theming_assets/01HZKMH2SM0E2JPNR49FYET69C") no-repeat; background-size: contain; padding:10px 0px; text-indent: 100%; white-space: nowrap;}




/* ▼TOPページ：追加変更：2022/11/2 */
.mv{background: url(/hc/theming_assets/01HZKMH0XVE1FQ755368VT2W9V) no-repeat right 0 bottom 0 #fee901; background-size: contain; width: 1200px; height: 250px; padding:10px 40px; margin-bottom:20px; }
.mv h1{ font-size:35px; margin: 50px 0 0 0; font-weight: bold; color: #3b3b4c; }
.mv p{ font-size:20px; margin: 0; }

/* ▼ Coming Soon 後は.manと同じアイコン Comming Soon外し修正 17/01/27*/
/* #home_nav .link-panel-login-after ul li.use a:before,
#home_nav .link-panel-login-before ul li.use a:before { content: "\1F4D5"; }
#home_nav .link-panel-login-before ul li.use a:before { content: "\1F4D5"; margin-bottom: 2px; color:#ddd; } */
/* #home_nav .link-panel-login-after ul li.use a small, */
/* #home_nav .link-panel-login-before ul li.use a small { display:block; font-size:13px; font-weight:700; color:#ddd; line-height:1; margin-bottom:1px; } */
/* ▲ Coming Soon 後は.manと同じアイコン */
/* #home_nav .link-panel-login-after ul li.tec a:before,
#home_nav .link-panel-login-before ul li.tec a:before { content: "\E73C"; }*/
/* #home_nav .link-panel-login-after ul li.spc a:before { content: "\1F4BB"; }
#home_nav .link-panel-login-after ul li.frm a:before,
#home_nav .link-panel-login-before ul li.frm a:before { content: "\E720"; }*/
/* 手ぶらキャンペーンバナー装飾 
#home_nav .link-panel-login-after ul li.banner {  }
#home_nav .link-panel-login-after ul li.banner a { border: none;color:#FFF; }
#home_nav .link-panel-login-after ul li.banner a { background:#094f92;background:linear-gradient(top bottom,#0f88fb,#0354a1);background:-ms-linear-gradient(top, #0f88fb, #094f92);background:-moz-linear-gradient(center top, #0f88fb 0%,#0354a1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #0f88fb),color-stop(1, #094f92));vertical-align:middle; }
#home_nav .link-panel-login-after ul li.banner a:hover,
#home_nav .link-panel-login-after ul li.banner a:active,
#home_nav .link-panel-login-after ul li.banner a:focus {background:#0f88fb;}
#home_nav .link-panel-login-after ul li.banner a:before { content: "\1F4E5";color:#FFF; } /* キャンペーンバナー */
/*#home_nav .link-panel-login-after ul li.banner a strong { color:#fee500; }*/

/* ====================================================
   homepage content 
   ==================================================== */
#home_content {width: 100%;overflow: hidden;}

/* ▼専用コンテンツボックス */
#PUs {float: right;width: 48%;height: 600px;background:#eff2f1;margin: 0 0 0 2%;padding: 0;overflow: hidden;}
#PUs .login_content_inner {margin: 20px 0 20px 20px;}
#PUs .login_content_inner .left {float: left;width: 50%;}
#PUs .login_content_inner .right {float: right;width: 50%;}
#PUs .login_content_inner .width100 { width:100%; } /* 上書き用 */
#PUs .login_content_inner .partner_list_box {  }
#PUs .login_content_inner .user_list_box {  }
#PUs .login_content_inner h3 {color: #464646; font-size: 16px;font-weight: 400;line-height: 1.3;margin: 0 20px 15px 0;padding: 0;}
#PUs .login_content_inner h3 img {float: left;width: 40px;height: 40px;margin: 0 10px 0 0;}
#PUs .login_content_inner h3 strong {display: block; font-size: 18px;font-weight: 700;}
#PUs .login_content_inner h3 span {  }
#PUs .login_content_inner h3 span.green { color: #0f88fb; }
#PUs .login_content_inner .list_box {background: #FFF;margin: 0 20px 0 0;padding: 10px 0 0 0;}
#PUs .login_content_inner .list_box ul {  }
#PUs .login_content_inner .list_box ul li {font-size: 14px;font-weight: normal;color: #99a5ac;border-bottom: 1px solid #e5e8ea;margin: 0;line-height:1.8;}
#PUs .login_content_inner .list_box ul li.root {padding-left:30px;}
#PUs .login_content_inner .list_box ul li.root:before {content: "\1F4D6"; font-family: "entypo"; margin-left:-1.5em;position:absolute;}
#PUs .login_content_inner .list_box ul li.sub {padding: 5px 0px 2px 34px;font-size:0.9em;}
#PUs .login_content_inner .list_box ul li a { /* style.css記載 */ }
#PUs .sign_in_box {clear: both;float: none;margin: 0;}
#PUs .sign_in_box a {display: block;width: 100%;height: 70px;line-height: 70px;text-align: center;padding: 0 20px;margin: 0 0 1em;}
#PUs .sign_in_box a strong {font-size: 15px;padding-left: 10px;letter-spacing: 1px;}
#PUs .sign_in_box a strong span.locked:after {font-weight: normal;padding-left:8px;font-family: "entypo";content: "\1F512";}
#PUs .sign_in_box a.blue_btn { color:#fff; border:1px solid #0f88fb; border-bottom:1px solid #094f92; background: #094f92; background: linear-gradient(top bottom,#0f88fb,#094f92); background: -ms-linear-gradient(top, #0f88fb, #094f92); background: -moz-linear-gradient(center top, #0f88fb 0%,#094f92 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0f88fb),color-stop(1, #094f92)); }
#PUs .sign_in_box a.blue_btn:hover,
#PUs .sign_in_box a.blue_btn:active,
#PUs .sign_in_box a.blue_btn:focus { background: #094f92; text-decoration:none; }
#PUs .sign_in_box a.black_btn { color:#fff; border:1px solid #777; border-bottom:1px solid #313131; background: #313131; background: linear-gradient(top bottom,#777,#313131); background: -ms-linear-gradient(top, #777, #313131); background: -moz-linear-gradient(center top, #777 0%,#313131 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777),color-stop(1, #313131)); }
#PUs .sign_in_box a.black_btn:hover,
#PUs .sign_in_box a.black_btn:active,
#PUs .sign_in_box a.black_btn:focus { background: #313131; text-decoration:none; }
#PUs p {text-indent: -1em;font-size: 12px;padding: 0 1em;margin: 0 20px 1em;line-height: 1.7;}
/* ▲専用コンテンツボックス*/

/* ▼固定バナー（ホームページ）*/
#extra_contents { clear: both; background-color: #eff2f1; }
#extra_contents ul#img_banners {width: 100%;overflow: hidden;}
#extra_contents ul#img_banners li {display: block;float: left;width: 32%;height:160px;margin: 0 0 0 2%;overflow:hidden;}
#extra_contents ul#img_banners li:first-child {margin: 0;}
#extra_contents ul#img_banners li a.inner_box {display:block;width:100%;height:100%;background-color:#FFF;border:1px solid #ddd;text-align:center;padding:15px 15px 0;}
#extra_contents ul#img_banners li a.inner_box:hover,
#extra_contents ul#img_banners li a.inner_box:active,
#extra_contents ul#img_banners li a.inner_box:focus { text-decoration:none; }

/* ▼PlatioCanvasバナー（ホームページ）*/
.top_bnr{text-align:center; margin:40px auto 0 auto; }

/* ▼固定バナー（サイドメニュー）*/
aside.side-column {}
aside.side-column ul#img_banners {max-width: 200%;/*max-height: 190px;*/margin: 0 -50%;}
aside.side-column ul#img_banners li {display: block;width: 100%;margin: 0 0 15px 0;;overflow:hidden;}
aside.side-column ul#img_banners li a.inner_box {display:block;width:100%;height:100%;background-color:#FFF;text-align:center;/*padding:15px 15px 0;*/}
aside.side-column ul#img_banners li a.inner_box:hover,
aside.side-column ul#img_banners li a.inner_box:active,
aside.side-column ul#img_banners li a.inner_box:focus { text-decoration:none; }
/* Facebookページプラグイン（共通可変指定）*/
ul#img_banners li#fb_box #fb_box_inner {max-width:500px;width: auto;margin: 0 auto;}
/* ▼固定バナー（ホームページ：手ぶらキャンペーンバナー装飾） */
ul#img_banners li a.inner_box.ban_taiken_cloud {display: block;color: #777;border: 1px solid #ddd;text-decoration: none;width: 100%;height: 100%;overflow: hidden;}
ul#img_banners li a.inner_box.ban_taiken_cloud { padding-top: 14px; }
ul#img_banners li a.inner_box.ban_taiken_cloud:hover,
ul#img_banners li a.inner_box.ban_taiken_cloud:active,
ul#img_banners li a.inner_box.ban_taiken_cloud:focus { background-color: #eee; }
/* ▼フォントアイコン */
ul#img_banners li a.inner_box.ban_taiken_cloud:before {display:block;width: 100%;height: 1em;margin-bottom: 16px; font-size: 40px; font-weight:normal; line-height:1; color: #0f88fb; }
ul#img_banners li a.inner_box.ban_taiken_cloud:before { font-family: "entypo"; }
/* ▼ホームページ：手ぶらキャンペーンバナー装飾 */
ul#img_banners li a.inner_box.ban_taiken_cloud { border: none;color:#FFF; }
ul#img_banners li a.inner_box.ban_taiken_cloud { background:#094f92;background:linear-gradient(top bottom,#0f88fb,#094f92);background:-ms-linear-gradient(top, #0f88fb, #094f92);background:-moz-linear-gradient(center top, #0f88fb 0%,#094f92 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #0f88fb),color-stop(1, #094f92));vertical-align:middle; }
ul#img_banners li a.inner_box.ban_taiken_cloud:hover,
ul#img_banners li a.inner_box.ban_taiken_cloud:active,
ul#img_banners li a.inner_box.ban_taiken_cloud:focus {background:#0f88fb !important;}
ul#img_banners li a.inner_box.ban_taiken_cloud:before { font-family: "entypo"; } /* キャンペーンバナー */
ul#img_banners li a.inner_box.ban_taiken_cloud:before { content: "\1F4E5";color:#FFF; } /* キャンペーンバナー */
ul#img_banners li a.inner_box.ban_taiken_cloud strong { font-weight: 400; color: #CDDC39; font-size: 24px; line-height: 1.3; display: block; }
/* トレーニングバナー */
ul#img_banners li a.inner_box.ban_training_flow small {display:block;color:#FFF;background-color:#65b72f;font-size:12px;line-height:18px;letter-spacing: 1px;margin-bottom:6px;}
ul#img_banners li a.inner_box.ban_training_flow strong {display:block;position:relative;font-size: 18px;color:#313131;text-align:left;line-height:1.3;margin:0 0 2px;}
ul#img_banners li a.inner_box.ban_training_flow strong:before {display: block;float:left;width: 1em;height: 1em; font-size: 35px; font-weight:normal;padding-right:5px; }
ul#img_banners li a.inner_box.ban_training_flow strong:before { font-family: "entypo"; }
ul#img_banners li a.inner_box.ban_training_flow strong:before { content: "\E705"; }
ul#img_banners li a.inner_box.ban_training_flow span {clear:both;display:block;color:#65b72f;font-size:14px;font-weight:700;line-height:1;letter-spacing:0.5px;margin-bottom:6px;}
ul#img_banners li a.inner_box.ban_training_flow span i {display:inline-block;border:1px solid #65b72f;padding:2px 2px 0;margin-left:10px;}
/* 体験セミナーバナー */
ul#img_banners li a.inner_box.ban_asteria_taiken small {display:block;width:6em;color:#FFF;background-color:#313131;font-size:12px;line-height:18px;letter-spacing:2px;margin-bottom:5px;}
ul#img_banners li a.inner_box.ban_asteria_taiken img {margin: 13px auto 2px;}
ul#img_banners li a.inner_box.ban_asteria_taiken span {display:block;color:#464646;font-size:14px;font-weight:700;line-height:1;margin-bottom: 15px;}
/* インフォテリアポイントバナー */
ul#img_banners li a.inner_box.ban_infoteria_point small {display:block;color:#FFF;background-color:#313131;border-radius:9px;font-size:12px;line-height:18px;letter-spacing: 1px;margin-bottom:6px;}
ul#img_banners li a.inner_box.ban_infoteria_point div.ban_infoteria_point_inner {position:relative;width:100%;height:72px;overflow:hidden;margin:0 auto;}
ul#img_banners li a.inner_box.ban_infoteria_point div.ban_infoteria_point_inner img {margin:5px auto 0;}
ul#img_banners li a.inner_box.ban_infoteria_point div.ban_infoteria_point_inner span {position:absolute;width:50%;left:25%;top:18px;display:block;color:#464646;font-size:12px;font-weight:700;line-height:1.2;}
/* 固定バナー共通ボタン */
ul#img_banners li a.inner_box div.inner_white_btn {display: block;width: 100%;height: 30px;line-height: 30px;border-radius:5px;font-size: 13px;text-align: center;letter-spacing: 1px;padding: 0 20px;margin:0;}
ul#img_banners li a.inner_box div.inner_white_btn { color:#313131; font-weight:400; border:1px solid #ddd; background: #e5e5e5; background: linear-gradient(top bottom,#fff,#e5e5e5); background: -ms-linear-gradient(top, #fff, #e5e5e5); background: -moz-linear-gradient(center top, #fff 0%,#e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),color-stop(1, #e5e5e5)); }
ul#img_banners li a.inner_box div.inner_white_btn:hover,
ul#img_banners li a.inner_box div.inner_white_btn:active,
ul#img_banners li a.inner_box div.inner_white_btn:focus { background: #e5e5e5; text-decoration:none; }
ul#img_banners li a.inner_box div.inner_white_btn:after {font-weight:normal;color:#00a785; padding-left:15px; }
ul#img_banners li a.inner_box div.inner_white_btn:after { font-family: "entypo"; }
ul#img_banners li a.inner_box div.inner_white_btn:after { content: "\25B6"; }
/* ▲固定バナー ここまで*/

/* 新着記事情報 */
#newly {clear: both;width: 100%;overflow: hidden;}
#newly .newly_content {background-color: #fff;border-top: 5px #0f88fb solid;width: 32%;height: 580px;overflow: hidden;float: left;margin:0 0 0 2%; position: relative;}
#newly .newly_content.news {margin-left:0;}
#newly .newly_content h3 {height: 40px;color: #0f88fb;font-size: 16px;font-weight: 400;line-height: 40px;margin: 28px 0 16px 0;}
#newly .newly_content h3 strong {color: #464646;font-size: 18px; margin-left: 70px;}
/* ▼フォントアイコン */
#newly .newly_content h3:before {display: block;float: left;width: 17%;height: 1em;font-size: 40px;font-weight: normal;line-height: 1;color: #ddd;text-align: center;margin: 0;}
#newly .newly_content h3:before { font-family: "entypo"; }
#newly .newly_content.faq h3:before { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMGWK0773GDVMSZZF3ZB2H"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px; }
#newly .newly_content.news h3:before { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH3C77J202AB8D8ATMHS3"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px; }
#newly .newly_content.guide h3:before { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH2Y7YPW1RF55ADGNTX2Y"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px; }

#newly .newly_content dl {overflow:hidden;margin: 0; padding:0 15px;}
#newly .newly_content #news dt {color: #555;font-size: 12px;font-weight: 400;line-height: 30px;width: 100%;text-align: left;float: none;clear: both;}
#newly .newly_content #faq dt,
#newly .newly_content #guide dt{color: #555;font-size: 20px;font-weight: 400;line-height: 30px;width: 17%;text-align: center;float: left;clear: both;}


/* #newly .newly_content dl dt:nth-child(1) { color: #f4c400; }
#newly .newly_content dl dt:nth-child(2) { color: #99a5ac; }
#newly .newly_content dl dt:nth-child(3) { color: #cc9933; } */
#newly .newly_content #faq dd,
#newly .newly_content #guide dd{border-bottom: 1px solid #ddd;padding-right: 7%;font-size: 15px;font-weight: 400;line-height: 22px;padding-left: 17%;padding-bottom: 1em;margin-bottom: 10px;margin-left:0;height:90px;}

#newly .newly_content #news dd {border-bottom: 1px solid #ddd;padding-right: 7%;font-size: 15px;font-weight: 400;line-height: 22px;padding-bottom: 1em;margin-bottom: 10px;margin-left:0;height:auto;}

#newly dd a { color: #158ec2; text-decoration: none; }
#newly dd a:hover { text-decoration: underline; }

/* 新着記事情報（サイドメニュー） */
.side-column #newly { width: 100%; margin-left:0;}
.side-column #newly .newly_content { width: 100%; height:auto; float:none; margin-left: 0px; margin-bottom: 0px;}
.side-column #newly .newly_content dd{ padding-right: 10px;height:80px;}

/* ====================================================
   news event tab
   ==================================================== */
/* ▼ニュース/イベント一覧修正 16/10/30 */
dt.topics span { color: #f93; border: 1px solid #f93; margin-left: 10px; padding: 0 10px; }
dt.product span { color: #65b72f; border: 1px solid #65b72f; margin-left: 10px;padding: 0 10px; }
dt.user span { color: #0086d1; border: 1px solid #0086d1; margin-left: 10px;padding: 0 10px; }
dt.partner span { color: #009; border: 1px solid #009;margin-left: 10px; padding: 0 10px; }
dt.attention span { color: #C4565B; border: 1px solid #C4565B;margin-left: 10px; padding: 0 10px; }
/*dt.event span { color: #cfdb00; border: 1px solid #cfdb00; margin-left: 0;}
dt.event span.full { color: #DDD; border: 1px solid #DDD; }
dt.event span.almost_full { color: #61B69F; border: 1px solid #61B69F; }
dt.none { display: none; }
div.panels .panel dd { /* style.css記載  }*/
/*div.panels .panel dd a { color: #464646; font-size: 14px; font-weight: 400; text-decoration: none; display: block; }
div.panels .panel dd a:hover { color: #148dc1; }
div.panels .panel dd:last-child { text-align: right; border: none; position: absolute; right: 0; }
div.panels .panel dd.undecided:last-child { background:none; }*/
/* ▲ニュース/イベント一覧修正 16/10/30 */

/* home_page もっと見るボタン下配置：2つ並びバナー枠 2019/09 */
.img_in_bannerTwo_box {display:flex;flex-flow: row wrap;justify-content: space-between;align-items: center;align-content: space-between;}
.img_in_bannerTwo_box .left {flex:0 0 46%;}
.img_in_bannerTwo_box .right {flex:0 0 46%;}
.img_in_bannerTwo_box img {border-radius:10px;}
.img_in_bannerTwo_box a {border-radius:10px;}
.img_in_bannerTwo_box a:active,
.img_in_bannerTwo_box a:hover {display:block;background:#313131;}
.img_in_bannerTwo_box a:active img,
.img_in_bannerTwo_box a:hover img {opacity:0.9;}

/*--------------------------------------
   ▼本文リンク：フォントアイコン
   ・記事添付：article-attachments
   ・記事本文：article-body
   ・カテゴリ：article-body
　 【（jQuery）target_blank自動挿入】
   ・対象：article-body
   ※#icon-on で上記の段落全体へ入れた
--------------------------------------*/
#icon-on a:link,
#icon-on a:hover,
#icon-on a:active,
#icon-on a:focus {text-decoration:none;}
#icon-on a:hover,
#icon-on a:active,
#icon-on a:focus { color:#ccc; }
#icon-on a:after,
#icon-on a:before {font-size: 108%;font-weight: normal;vertical-align: middle;font-family: "entypo";padding: 0;}
#icon-on a:after {margin: 0 3px;}
#icon-on a:before {margin: 0 3px 0 0;}
#icon-on a[target="_blank"]:after {content: "\E74C"; color:#DDD;}
#icon-on a[href$=".zip"]:after {content: "\1F4E6"; color:#158ec2;}
#icon-on a[href$=".txt"]:after {content: "\1F4C4"; color:#158ec2;}
#icon-on a[href^="mailto:"]:before {content: "\2709"; color:#158ec2;}
/* #icon-on a[href$=".pdf"]:after {content: "\1F4C1"; color:#CC0000;} ※フォントアイコン使用しない*/
#icon-on a[href$=".pdf"]:after {font-size:16px;font-weight:normal;vertical-align:middle;font-family:initial;padding: 0 16px 0 0;content:"";}
#icon-on a[href$=".pdf"]:after {background:url(//p6.zdassets.com/hc/theme_assets/924076/200213647/icon_pdf_h16.gif) no-repeat 0 0;}
/*--------------------------------------
   ▼外部リンクマーク：フォントアイコン
   <i class="out"></i>
　 ※個別対応しなければいけない場合。
--------------------------------------*/
i.out:after {font-weight: normal;font-style: normal;vertical-align: middle;font-family: "entypo";padding: 0;}
i.out:after {margin: 0 3px;}
i.out:after {content: "";background: url("/hc/theming_assets/01HZKMH45FRY760BQVZTPNVXM2") no-repeat 50% 50%; background-size: contain;margin-right: 5px;}
/* ▲ここまで */

/* ====================================================
   ログイン前後でコンテンツの配置を変更（flexbox）2019/05/24
   ==================================================== */
#main-inner {display:flex;flex-flow: row wrap;margin-top:2%!important; margin-bottom: 50px!important;}
#home_nav.login-after {order:2;}
#home_content.login-after {order:1;margin-bottom:2%;}
#home_nav.login-before {order:1;margin-bottom:2%;}
#home_content.login-before {order:2;margin-bottom:0;}

#extra_contents .contents_inner {display:flex;flex-flow: row wrap;margin-bottom: 50px!important;}
#newly.login-after {order:1;margin-top:50px;}
#img_banners.login-after {order:2;margin:2% 0 0;}
#newly.login-before {order:2;}
#img_banners.login-before {order:1;margin:50px 0 2%;}





/* ====================================================
   Search
   ==================================================== */
.hero-unit {position:absolute;left:0;top:130px;width: 91%;margin: 0 4.5%; }

/** Main search component on the home page **/
.search input[type=submit],
.search input[type=submit] { display: none; }
.search input[type=search] { float: none; display: block; width: 100%; margin: 0 auto; padding: 0 10px 0 55px; }
.search input[type=search] { color:#999; background: #fff; border: 1px solid #0f88fb; border-radius: 5px; }
.search input[type=search] { font-size: 15px; height: 40px; line-height: 40px; }
.search input[type=search]:focus { color: #0f88fb; }

.hero-unit>.search input[type=search] { font-size: 20px; height: 50px; line-height: 50px; }

/** Secondary smaller search component on model pages **/
.search { float: none; position: relative; }
.search:before { position: absolute; width: 1em; margin: 0 15px; line-height: 40px; }
.search:before { font-family: "entypo"; content: "\1F50D"; font-size: 25px; color: #0f88fb; }
.hero-unit>.search:before { line-height: 50px; }

.search ::-webkit-input-placeholder { color: #999;opacity: 1;}
.search :-moz-placeholder { color: #999;}
.search ::-moz-placeholder { color: #999;opacity: 1;}
.search :-ms-input-placeholder { color: #999;}

.search :focus::-webkit-input-placeholder { color: #0f88fb;opacity: 1;}
.search :focus:-moz-placeholder { color: #0f88fb;}
.search :focus::-moz-placeholder { color: #0f88fb;opacity: 1;}
.search :focus:-ms-input-placeholder { color: #0f88fb;}

/** side-bar search **/
.side-column .search{margin-bottom:8px;}

/** main-column search **/
.main-column .search{margin-bottom:4em;}

/* バナー刷新 2019/11 優先 */
article#extra_contents ul#img_banners li {height:auto;}
article#extra_contents ul#img_banners li a.inner_box.ban_image {padding:0;overflow:hidden;}
article#extra_contents ul#img_banners li a.inner_box.ban_image:hover {background:rgba(0, 0, 0, 0.5);}
article#extra_contents ul#img_banners li a.inner_box.ban_image:hover img {opacity:0.9;}
article#extra_contents ul#img_banners li a.inner_box.ban_image img {max-width: 200%;max-height:190px;margin:0 -50%;}

/* バナー刷新 2019/11 優先 */
#main-inner aside.side-column ul#img_banners li {height:auto;}
#main-inner aside.side-column ul#img_banners li a.inner_box.ban_infoteria_point {padding-bottom:15px;}
#main-inner aside.side-column ul#img_banners li a.inner_box.ban_image {padding:0;overflow:hidden;}
#main-inner aside.side-column ul#img_banners li a.inner_box.ban_image:hover {background:rgba(0, 0, 0, 0.5);}
#main-inner aside.side-column ul#img_banners li a.inner_box.ban_image:hover img {opacity:0.9;}
#main-inner aside.side-column ul#img_banners li a.inner_box.ban_image img {max-width: 200%;max-height:140px;margin:0 -50%;}

/* サイトTOPフッター バナー追加 2021/05 */
article#extra_contents #siteTOPfooter_banners {order:3;margin:2% auto 0;}
article#extra_contents #siteTOPfooter_banners.login-before {}
article#extra_contents #siteTOPfooter_banners.login-after {}
article#extra_contents #siteTOPfooter_banners a {display:block;padding:0;overflow:hidden;}
article#extra_contents #siteTOPfooter_banners a:hover {background:rgba(0, 0, 0, 0.5);}
article#extra_contents #siteTOPfooter_banners a img {max-width:100%;}
article#extra_contents #siteTOPfooter_banners a img:hover {opacity:0.9;}
/* サイトTOPフッター（上側） バナー追加 2021/06 */
article#extra_contents #siteTOPfooter_banners_top {order:0;margin:2% auto -50px;padding-bottom: 2%;}
article#extra_contents #siteTOPfooter_banners_top.login-before {}
article#extra_contents #siteTOPfooter_banners_top.login-after {}
article#extra_contents #siteTOPfooter_banners_top a {display:block;padding:0;overflow:hidden;}
article#extra_contents #siteTOPfooter_banners_top a:hover {background:rgba(0, 0, 0, 0.5);}
article#extra_contents #siteTOPfooter_banners_top a img {max-width:100%;}
article#extra_contents #siteTOPfooter_banners_top a img:hover {opacity:0.9;}
/* サイトTOPフッター バナー追加（リストバナー：CData） 2021/05 */
article ul#img_banners li#CDataCA {display:none;}




/* CSS Document ★ここからSP CSS 34v2 */

/* ====================================================
   CSS
   ==================================================== */
/* SP width 1300px 以下 */
@media (max-width: 1300px) {
  #main-contents-footer, #home-footer, #main-inner, #extra_contents { padding:0 4.5%; }
}

/* ブレークポイント（1260px以下なら）*/
@media (max-width:1260px){
  header.drawer-navbar div#search_container div#search_box {width:91%;margin:30px 4.5%;}
  header.drawer-navbar--fixed nav#navigation ul { margin: 0 10px 0 140px; }

	
}

/* ブレークポイント（1200px = 75em以上なら）*/
@media (min-width:75em){
  header .drawer-container {max-width:1200px;}
}

/* SP width 1150px 以下 */
@media (max-width: 1150px) {
  article ul#img_banners li a.inner_box.ban_taiken_cloud strong,
  aside ul#img_banners li a.inner_box.ban_taiken_cloud strong { font-size: 20px; }
	
	
/* ===========================================
  20221111 はじめての方へ　Platio
=========================================== */

  .beginner_nav a {
		flex-direction: row;
		justify-content: flex-start;
	  height: 33px;
		width: auto;
  }
  .beginner_nav li:not(:last-child) a:after{
    bottom: -12px;
    left: 50%;
		right: auto;
		top: auto;
    margin-left: -10px;
    border-width: 12px 10px 0 10px;
    border-color: #eef0f2 transparent transparent transparent;
  }
	.beginner_nav {
		display: block;
	}
  .beginner_nav li ~ li{
    margin-top: 13px;
  }
  .beginner_nav a strong{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: 60px;
    height: 100%;
		line-height: 1.46;
  }
  .beginner_nav a span{
		background-position: 97% center;
    flex: 1;
		padding-top: 0;
    padding-left: 10px;
		height: auto;
		text-align: left;
  }
  .beginner_nav a br{
    display: none;
  }
 
  #support2low .be_heading strong{
  	line-height: 33px;
	  width: 33px;
  }
  #support2low .be_btn a{
		font-size: 12px;
  	padding: 6px 20px;
		margin: 13px auto 0;
  }	
	
		
	
	
	
	
}

/* ブレークポイント（1024px = 64em以上なら）*/
@media (min-width:64em){
  /* ▼▼▼CSS 段落リンク 2020/01 */
/*  @-webkit-keyframes modify{
      0% { padding-top: 375px; margin-top: -375px; }
    100% { padding-top: 0; margin-top: 0; }
  }
  @keyframes  modify{
      0% { padding-top: 375px; margin-top: -375px; }
    100% { padding-top: 0; margin-top: 0; }
  }
  *:target {-webkit-animation: modify 0.1s;animation: modify 0.1s;}
  /* ▲▲▲CSS 段落リンク 2020/01 */
  header.drawer-navbar {/*height: 300px*height: inherit ; background:inherit; */ border-bottom: none; }
  header.drawer-navbar nav.drawer-nav {position:absolute;top:230px;background-color:transparent;}
  header.drawer-navbar div.drawer-container {position:relative;}
  header.drawer-navbar div.drawer-container{max-width:1200px;}
  header.drawer-navbar div.drawer-navbar-header {position:absolute;left:0;top:0;height:150px;background-color:transparent;}
  header.drawer-navbar nav.drawer-nav ul.drawer-menu li.mainnav {margin-right:0;}
  header nav.drawer-nav ul.drawer-menu {display:flex;justify-content:flex-end;}
  header.drawer-navbar--fixed {height: 3.75rem;border-bottom: 1px solid #ddd; background:#fff;}
  header.drawer-navbar--fixed nav.drawer-nav {top:0;}
  header.drawer-navbar--fixed nav.drawer-nav ul.drawer-menu {justify-content: space-between;}
  header.drawer-navbar--fixed .header-bg {height: 3.75rem;background-position:10px 50%;}
  header.drawer-navbar--fixed .header-inner,
  header.drawer-navbar--fixed div.drawer-navbar-header {height: 3.75rem;}
  header.drawer-navbar--fixed .logo {text-align:left;height: 3.75rem;}
  header.drawer-navbar--fixed .logo a.drawer-brand > span {width:auto;height: 3.75rem;margin:0;}
  header.drawer-navbar--fixed .logo a.drawer-brand span > img {width:auto;height:34px;margin:11px 0 0;}
  header.drawer-navbar--fixed .user-nav {display:none;}
  header.drawer-navbar--fixed nav#navigation ul { width: auto; margin: 0 0 0 200px; height: 3.75rem; box-sizing: border-box;overflow: hidden; }
  header.drawer-navbar--fixed nav#navigation ul li {width:auto;height: 3.75rem;}
  header.drawer-navbar--fixed nav#navigation ul li.sub {display:block;}
  header.drawer-navbar--fixed nav#navigation ul li#top {display:none;}
  header.drawer-navbar--fixed nav#navigation ul li a {border-left:none;font-size: 11px;}
  header.drawer-navbar--fixed nav#navigation ul li.user_support a,
  header.drawer-navbar--fixed nav#navigation ul li.my_contents a,
  header.drawer-navbar--fixed nav#navigation ul li.my_activities a,
  header.drawer-navbar--fixed nav#navigation ul li.sign-out a {padding:0 5px;}
  header.drawer-navbar--fixed nav#navigation ul li.man a span,
  header.drawer-navbar--fixed nav#navigation ul li.use a span {display:none;}
  header.drawer-navbar--fixed nav#navigation ul li a small {display:none;}
  header.drawer-navbar--fixed nav#navigation ul li a:before {font-size: 18px;margin-bottom: 8px;}
  header.drawer-navbar--fixed .hero-unit {display:none;}

}

/* ブレークポイント（1023.84px = 63.99em以下なら）*/
@media (max-width:63.99em){
  /* ▼▼▼CSS 段落リンク 2020/01 */
/*  @-webkit-keyframes modify{
      0% { padding-top: 255px; margin-top: -255px; }
    100% { padding-top: 0; margin-top: 0; }
  }
  @keyframes  modify{
      0% { padding-top: 255px; margin-top: -255px; }
    100% { padding-top: 0; margin-top: 0; }
  }
  *:target {-webkit-animation: modify 0.1s;animation: modify 0.1s;}
  /* ▲▲▲CSS 段落リンク 2020/01 */

  /* ロゴ上下調整 */
  header .logo {text-align:left;height: 3.75rem;float:none;padding: 0 0 0 55px;}
  header .logo a.drawer-brand > span {width:auto;height: 3.75rem;margin:10px 0;}
  header .logo a.drawer-brand span > img {width:auto;height:34px;margin:10px 0 0;}
  header nav#navigation.drawer-nav {padding-top:3.75rem;}
  header .header-bg {height: 200px;background:none;}
  header .header-inner {height: 200px;}
  header.drawer-navbar--fixed .header-bg,
  header.drawer-navbar--fixed .header-inner {height: 3.75rem;}
  header.drawer-navbar--fixed .hero-unit {display:none;}
  .user-nav {float: none;position: absolute;width: 100%;height: 3.75rem;left: 0;top: 0;overflow: visible;}



  /* スクロール */
  .drawer-open header.drawer-navbar .drawer-nav {overflow:scroll;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
  .drawer-open header.drawer-navbar .drawer-nav {transform: translate3d(0, 0, 0);}
	/* ハンバーガー表示の時は表示 */
	header nav#navigation ul {height:100%;box-sizing: border-box;overflow:hidden;/*border-bottom:1px solid #C8CCCC;*/}
	header nav#navigation ul li {height:0;padding:0;margin:0;}
	.drawer-open header.drawer-navbar nav#navigation ul {margin:0;}
	.drawer-open header.drawer-navbar nav#navigation ul li {/*height:auto;*/ height: 80px; padding:initial;margin:initial;}
	.drawer-open header nav#navigation ul li.mainnav,
	.drawer-open header nav#navigation ul li.sub, /* 表示するものだけを抜粋予定 */
  .drawer-open header nav#navigation ul li#close {display:block; }
 /* .drawer-open header nav#navigation ul li#top {display:none;} */
  /* 各調整 */
	.drawer-open header nav#navigation ul li {float:left;height:3.75rem;box-sizing:border-box;overflow:hidden;border-bottom:1px solid #C8CCCC;}
	.drawer-open header nav#navigation ul li:last-child {float:left;height:3.75rem;box-sizing:border-box;overflow:hidden;border-bottom:1px solid #fff;}
	
	.drawer-open header nav#navigation ul li.mainnav {width:33.33%;*width:33.32%;}
	.drawer-open header nav#navigation ul li.sub {width:50%;*width:49.99%;}
	/*.drawer-open header nav#navigation ul li.sub:nth-child(1n) {border-right:1px solid #C8CCCC;}*/
	.drawer-open header nav#navigation ul li.mainnav:nth-child(1n) {border-left:1px solid #C8CCCC;}
	.drawer-open header nav#navigation ul li.mainnav a {font-size:0.9rem;line-height:1.25rem;padding: 0.75rem 0;box-sizing:border-box;overflow:hidden;}
  .drawer-open header nav#navigation ul li a:before {margin-bottom:5px;}
  .drawer-open header nav#navigation ul li a {border-left:none;font-size:0.9rem;}
  .drawer-open header nav#navigation ul li.man a span,
  .drawer-open header nav#navigation ul li.use a span {display:none;}
  .drawer-open header nav#navigation ul li a small {display:none;}
  .drawer-open header nav#navigation ul li.requests.blue_btn {width:100%;*width:99.99%;}
  .drawer-open header nav#navigation ul li#search {display:none;}
  .drawer-open header nav#navigation ul li.sub.blue_btn {background-color:#0f88fb;}
  .drawer-open header nav#navigation ul li.sub.black_btn {background-color:#313131;}
  .drawer-open header nav#navigation ul li.sub.trial a,
  .drawer-open header nav#navigation ul li.sub.requests a {line-height:2.75rem;height:100%;margin:0;padding:0.75rem 0;border:none;border-radius:unset;color: #FFF;}
  .drawer-open header nav#navigation ul li.sub.my_activities a,
  .drawer-open header nav#navigation ul li.sub.user_support a,
  .drawer-open header nav#navigation ul li.sub.my_contents a,
  .drawer-open header nav#navigation ul li.sub.sign-out a {line-height:2.75rem;height:100%;margin:0;padding:0.75rem 0;border:none;border-radius:unset;}
  .drawer-open header nav#navigation ul li.sub.user_input a,
  .drawer-open header nav#navigation ul li.sub.user_login a {line-height:1.25rem;margin:0;padding: 0.75rem 0;box-sizing:border-box;overflow:hidden;}

  
  
	/* ロールオーバー時 */
	header nav#navigation ul li .drawer-menu-item:hover {text-decoration:none;}
	/* グローバルボタン */
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#global a {background:url(img/icon_global_w24_h24.png) no-repeat 50% 50%;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#global a {line-height:2.375rem;text-indent:-10000em;}
	/* ロールオーバー時 */
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#global a:hover {background:url(img/icon_global_w24_h24_white.png) no-repeat 50% 50%;}
	/* 問い合わせボタン */
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#reqdoc a,
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#contact a {line-height:2.375rem;position:relative;display:block;width:100%;height:100%;color:#fff;background:#000;background:linear-gradient(top bottom,#666,#000);background:-ms-linear-gradient(top, #666, #000);background:-moz-linear-gradient(center top, #666 0%,#000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666),color-stop(1, #000));}
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#contact {border-left:1px solid #FFF;}
	.drawer-open header.en nav.drawer-nav ul.drawer-menu li.mainnav#contact {border-left:1px solid #C8CCCC;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#reqdoc a:hover,
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#reqdoc a:active,
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#contact a:hover,
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#contact a:active {background:#313131;}
	/* サブメニューリンク */
	.drawer-open header nav.drawer-nav ul.drawer-menu li#othernav {display:block;width:100%;min-height:3.75rem;overflow:hidden;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#othernav {line-height:1rem;border-bottom:1px solid #C8CCCC;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#othernav ul {width:96%;margin:1.375rem auto;padding:0;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#othernav ul {font-size: 85%;text-align:center;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#othernav ul li {display:inline;margin:0;padding:0 4px;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#othernav ul li#jp-en a {color:#777;padding-right:10px;border-right:1px solid #C8CCCC;}
	/* マップリンク */
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav.map {border-left:1px solid #C8CCCC;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav.map:nth-child(2n),
	.drawer-open header.en nav.drawer-nav ul.drawer-menu li.mainnav.map:nth-child(1n) {border-left:none;}
	.drawer-open header.en nav.drawer-nav ul.drawer-menu li.mainnav.map:nth-child(2n) {border-left:1px solid #C8CCCC;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav.map a {line-height:2.375rem;}
	/* フリーダイヤル */
	.drawer-open header nav.drawer-nav ul.drawer-menu li#tel {display:block;width:100%;min-height:4.5rem;overflow:hidden;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#tel {line-height:1.125rem;border-bottom:1px solid #C8CCCC;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#tel div strong {display:block;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#tel div span {display:block;font-size:85%;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#tel div span small {color:#777;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#tel div span a {color:#00A583;}
	/* 閉じるボタン */
	.drawer-open header nav.drawer-nav ul.drawer-menu li#close {display:block;width:100%;min-height:5rem;padding-bottom:5rem;overflow:hidden;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#close button {position:relative;top: initial;right:initial;-webkit-transition:initial;transition:initial;-webkit-transform:initial;transform:initial;background-color:initial;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#close button {display:block;width:130px;height:40px;margin:1.25rem auto;box-sizing:border-box;overflow:hidden;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#close button {font-size:0.8125rem;padding:0 15px 0 10px;line-height:40px;border-radius:20px;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#close button {color:#313131;border:1px solid #C8CCCC;background:#FFF;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#close button:hover {background:#F0F0F0;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#close button:active {text-decoration:none;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#close button span:before {display:inline;padding:0 6px;color:#0f88fb;}
	.drawer-open header nav.drawer-nav ul.drawer-menu li#close button span:before {content:'×'}
	/* 共通 */
	.drawer-open header nav.drawer-nav ul.drawer-menu li strong {font-weight:bold;}





		.user-nav > .login { margin-left: 20px; padding: 0 10px; }
		.user-nav > a:first-child { border: 0; }
		.login {margin-left: 0;background: transparent;padding: 0;}
		a.login:hover,
		a.login:active,
		a.login:focus { text-decoration:underline; }
		.user-info {margin: 8px 9% 0 0;}
		.user-info .btn { background: #fff; padding: 0 10px; border: 1px solid; border-color: #d1d1d1; border-color: rgba(0, 0, 0, 0.17); border-radius: 2px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03); cursor: pointer; display: inline-block; font-size: 12px; font-weight: normal; height: 30px; line-height: 28px; position: relative; vertical-align: middle; white-space: nowrap; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; }
		.language-selector { border-right: 1px solid; border-right-color: #ddd; border-right-color: rgba(0, 0, 0, 0.07); display: inline-block; padding-right: 15px; margin-right: 10px; }
		.user-avatar { left: -5px; max-height: 20px; position: relative; top: -1px; }
		.user-nav>dl dt {right: 0;width: 50%;height: 3.75rem;z-index: 3;}
		.user-nav>dl dt strong {margin: 6px 9% 0 0;font-size:11px;}
		.user-nav>dl dd {left: 0;top: 85px;margin: 0 4.5%;width: 91%;height: 50px;z-index: 1;}
    header.drawer-navbar--fixed .user-nav>dl dd  {display:none;}
		/* ▼ユーザーナビ（ご質問はこちら） */
		.user-nav>dl dd a.blue_btn {width: 100%;height: 50px;line-height: 50px;margin: 0;border-radius: 5px;}
		.user-nav>dl dd a.blue_btn:hover,
		.user-nav>dl dd a.blue_btn:active,
		.user-nav>dl dd a.blue_btn:focus { background: #094f92; text-decoration:none; }
		/* ▲ユーザーナビ（ご質問はこちら） */
		.user-nav>ul {position: relative;width: 100%;height: 100%;margin: 0;}
		.user-nav>ul li {float: none;}
		.user-nav>ul li:nth-child(1) {/*display: block;*/ position: absolute;right: 0;top: 0;width: 43.25%; /*height: 50px;*/ margin: 0 2.25% 0 4.5%; z-index:10;}
	.user-nav>ul li:nth-child(1) a {color:#158ec2!important;}
		/*.user-nav>ul li:nth-child(2) {display: block;position: absolute;right: 0;top: 85px;width: 43.25%;height: 50px;margin: 0 4.5% 0 2.25%;}*/
  header.drawer-navbar--fixed .user-nav>ul li:nth-child(1) {display: none;}
  header.drawer-navbar--fixed .user-nav>ul li:nth-child(2) {display: none;}
		/* ▼ユーザーナビ（評価版） */
		.user-nav>ul li a.blue_btn {width: 100%;min-height: 50px;line-height: 50px;margin: 0;border-radius: 5px;height: 50px;}
		.user-nav>ul li a.blue_btn span {display: none;}
		.user-nav>ul li a.blue_btn strong {display: inline;letter-spacing: 1px;padding-top: 0;}
		.user-nav>ul li a.blue_btn small {display: none;}
		.user-nav>ul li a.blue_btn:hover,
		.user-nav>ul li a.blue_btn:active,
		.user-nav>ul li a.blue_btn:focus { background: #094f92; text-decoration:none; }
		/* ▲ユーザーナビ（評価版） */
		/* ▼ユーザーナビ（お問い合わせ） */
		.user-nav>ul li a.black_btn {width: 100%;height: 50px;line-height: 50px;border-radius: 5px;}
		.user-nav>ul li a.black_btn strong {letter-spacing: 1px;}
		.user-nav>ul li a.black_btn:hover,
		.user-nav>ul li a.black_btn:active,
		.user-nav>ul li a.black_btn:focus { background: #313131; text-decoration:none; }
		/* ▲ユーザーナビ（お問い合わせ） */
		/* ▼ユーザーナビ（ユーザー登録／ログイン） */
		/*.user-nav>ul li:last-child {display: block;position: absolute;right: 4.5%;top: 5px;width: 50%;height:3.75rem;text-align: right;z-index: 3;border:0;margin:8px 0 0 0;padding:0;font-weight: normal;}*/
		.user-nav>ul li:last-child::after { display:none; }
		.user-nav>ul li:last-child a {display:block;padding: 0;}
		.user-nav>ul li:last-child span {display:none;}
		/* ▲ユーザーナビ（ユーザー登録／ログイン） */

 /* ▼20221114追加: ログインインボタン非表示 */
	.login_btn {display:none;}	
	.website_btn {display:none;}
	.contact_btn {display:none;}
	header.drawer-navbar{background:none; height: inherit; }
	.drawer-navbar .drawer-navbar-header{overflow: hidden;}
	
   .logo {float: left;position: relative; top:20px;left:50px; width:170px; height: auto; box-sizing:border-box;overflow:hidden; background: url("/hc/theming_assets/01HZKMH2SM0E2JPNR49FYET69C") no-repeat; background-size: contain; padding:10px 0px; text-indent: 100%; white-space: nowrap;}

  /* ▼検索フィールド */
		.hero-unit>.search input[type=search] { font-size: 16px;}
		main #main-inner {/*margin-top:4.5%*/;padding:0;}
    /* ▼関連サイト */
    article#related_site_contents {height: auto;overflow: hidden;}
		article#related_site_contents h1 {font-size: 24px;line-height: 1;padding: 40px 0 25px;}
		article#related_site_contents a {display: block;width: 91%;height: 120px;margin: 0 4.5% 10px;position: relative;overflow: hidden;border-top: 1px dotted #DDD;padding: 10px 0 0;}
		article#related_site_contents a img {position: absolute;width: 100px;height: 100px;left: 0;top: 15px;}
		article#related_site_contents a h3 {margin: 10px 0 5px 120px;text-align: left;}
		article#related_site_contents a h4 {height: auto;text-align: left;margin: 0 0 0 120px;line-height: 1.8;}
		article#related_site_contents a h4 br {display:none;}
		article#related_site_contents a h4 em {display: inline;padding: 0 5px;}
		article#related_site_contents a p {padding: 0 0 0 120px;}
		footer#home-footer { padding:0; }
		footer#home-footer a:hover { text-decoration: underline; }
		footer#home-footer .footer-inner ul {padding:13px 4.5% 0;overflow: hidden;}
		footer#home-footer .footer-inner ul li {display: block;float: left;margin-bottom:0.5em;}
		footer#home-footer .footer-inner ul li:last-child {width: 100%;text-align: right;margin: 10px 0 0;color: #ddd;padding: 0;}
		article#main-contents-footer { padding:0; }
		article#main-contents-footer a:hover { text-decoration: underline; }
		article#main-contents-footer .footer-sns-inner {padding:0 4.5%;}
		article#main-contents-footer .footer-navi-inner {padding:0 4.5%;}
		article#main-contents-footer .footer-navi-inner .inner-list-box.list01 { flex-grow: 2;order: 1;}
		article#main-contents-footer .footer-navi-inner .inner-list-box.list02 { flex-grow: 2;order: 2;}
		article#main-contents-footer .footer-navi-inner .inner-list-box.list03 { flex-grow: 2;order: 3; }
		article#main-contents-footer .footer-navi-inner .inner-list-box.list04 { flex-grow: 0;order: 4; }
		article#main-contents-footer .footer-navi-inner .inner-list-box.list05 { flex-grow: 0;order: 5; flex-basis:100%; }
    /* ▼ホームコンテンツ枠 */
		main #home_content {width: 91%;margin: 0 4.5% 50px;}
		main #home_nav {width: 91%; margin: 20px 4.5% 0;}
		main #home_nav .bxslider-section {width: 100%;float: none;margin: 0 auto 20px;text-align: center;}
		main #home_nav .link-panel-login-after ul li {width: 48%;margin: 0 0 20px 4%;}
		main #home_nav .link-panel-login-after ul li.beginner {margin: 0 0 20px 0;}
	    main #home_nav .link-panel-login-after ul li.faq {margin: 0 0 20px 4%;}
		main #home_nav .link-panel-login-after ul li.guide {margin: 0 0 20px 0;}
		main #home_nav .link-panel-login-after ul li.man {margin: 0 0 20px 4%;}
		main #home_nav .link-panel-login-after ul li.update {margin: 0 0 20px 0;}
		main #home_nav .link-panel-login-after ul li.banner  {margin: 0 0 20px 4%;}
		main #home_nav .link-panel-login-before {float: none;width: 100%;margin-bottom: 20px;}
		main #home_nav .link-panel-login-before ul li {width: 48%;margin: 0 0 20px 4%;}
		main #home_nav .link-panel-login-before ul li.faq {margin: 0 0 20px 0;}
		main #home_nav .link-panel-login-before ul li.beginner {margin: 0;}
		main #home_nav .link-panel-login-before ul li a { padding-top: 14px; }
    article #Tabs {float: none;width: 100%;height: auto;margin: 0 0 50px;padding: 0 0 50px;}
    article #PUs {float: none;width: 100%;height: auto;margin: 0;padding: 0 0 1em;}
		article#extra_contents { padding:0; }
		/* ▼固定バナー（ホームページ）*/
		article#extra_contents ul#img_banners {width: 91%;margin-left:4.5%;margin-right:4.5%;}
		article#extra_contents ul#img_banners li {width: 48%;}
		article#extra_contents ul#img_banners li {}
    article#extra_contents ul#img_banners.login-before li:nth-last-child(odd) {margin:0 0 20px 0;}
    article#extra_contents ul#img_banners.login-before li:nth-last-child(even) {margin:0 0 20px 4%;}
    article#extra_contents ul#img_banners.login-after li:nth-last-child(odd) {margin:0 0 20px 0;}
    article#extra_contents ul#img_banners.login-after li:nth-last-child(even) {margin:0 0 20px 0;}

    article ul#img_banners li a.inner_box.ban_taiken_cloud strong { font-size: 24px; }
		/* ▼固定バナー（サイドメニュー）*/
		aside.side-column ul#img_banners li {margin: 0 0 20px 0;}
		aside.side-column ul#img_banners li:last-child {margin: 0;}

    /* バナー刷新 2019/11 優先 */
    #main-inner aside.side-column ul#img_banners li {max-width: 500px;margin:20px auto !important;}
    #main-inner aside.side-column ul#img_banners li a.inner_box.ban_image img {max-width: 100%;max-height:100%;}

  /* サイトTOPフッター バナー追加 2021/05 */
		article#extra_contents #siteTOPfooter_banners {clear: both;width: 91%;margin: 0 4.5%;}
		article#extra_contents #siteTOPfooter_banners.login-after {display:none;}
  /* サイトTOPフッター（上側） バナー追加 2021/06 */
		article#extra_contents #siteTOPfooter_banners_top {clear: both;width: 91%;margin:2% 4.5% -50px;padding-bottom: 2%;}
  /* サイトTOPフッター バナー追加（リストバナー：CData） 2021/05 */
    article ul#img_banners li#CDataCA {display:block;}
  
  /* 新着記事情報 */
		article #newly {clear: both;width: 91%;margin: 0 4.5%;}
		article #newly .newly_content {width: 100%;height: auto;float: none;margin: 0 0 20px 0;}
		article #newly .newly_content.news {margin:0 0 20px 0;}
		article #newly .newly_content h3 {margin: 20px 0 15px 0;}
		article #newly .newly_content h3 strong {color: #464646;font-size: 18px;}
		article #newly .newly_content h3:before {width: 10%;}
		article #newly .newly_content dl dt {width: 10%;}
		article #newly dd {padding-right: 4%;padding-left: 10%;height: auto;}
		/* 新着記事情報（サイドメニュー） */
		aside.side-column #newly {width: 100%;margin: 20px 0;padding: 0;}
		aside.side-column #newly .newly_content {margin-bottom: 0;}
		aside.side-column #newly .newly_content dd{padding-right: 4%;height: auto;}
		/* Sub-nav */
		.sub-nav .breadcrumbs {width: 91%;margin: 0 4.5%;}
		/* Columns */
		article.main-column, aside.side-column { float: none; }
		article.main-column {flex:0 0 91%; width: 91%;max-width: none;min-width: 290px;margin: 0 4.5% 4em;}
		aside.side-column {flex:0 0 91%; width: 91%;max-width: none;min-width: 290px;margin:0 4.5% 4em;padding-left:0;}
		/* Article page only */
		article .article-footer .share {float: none;width: 100%;margin: 0 0 20px;}
		article .article-vote {float: none;width: auto;}
		article .article-vote-controls {float: right;width: auto;margin: 0 0 0 10px;position: initial;right: initial;top: initial;}
		article .article-footer ul.keyword {margin: 20px 0 0;padding: 14px 12px;}
		aside.side-column .sideBanner {margin-bottom:8px;text-align: center;}
		aside.side-column .sideBanner a {display:block;width: 100%;height:100%;}
		article .article-body { font-size: 116%; line-height:1.8; }
		.search-results {width: 91%;margin: 0 4.5% 20px;}
		.my-activities-header {width: 91%;margin: 0 4.5% 20px;}
		#my-act-cont {width: 91%;margin: 0 4.5% 20px;}
		.request-table-filters {display: block;margin: 8px 0 0;}
		form.request-table-toolbar input.requests-search {width: 100%;}
}

/* ▼PCワイド画面では表示させない */
@media (max-width: 1023px) {
  .user-nav {display:none;}
}

/* SP width 769px 以上 */
@media (min-width: 769px) {
	.pc_hide { display:none!important; }
}

/* ▼SPワイド画面では表示させない */
/* SP width 768px 以下 */
@media (max-width: 768px) {
  .sp_hide { display:none!important; }
}









/* SP width 768px 以下 */
@media (max-width: 768px) {
	.drawer-open header nav#navigation ul li.mainnav {width:50%;*width:49.99%;}
	.drawer-open header nav#navigation ul li.mainnav a,
  .drawer-open header nav#navigation ul li.sub a {font-size:0.8rem;}
  body header .drawer-hamburger {width:20px;padding:18px 10px 25px;margin:4px;}
  header .logo {padding: 0 0 0 40px;}
  header .logo a.drawer-brand span > img {height:20px;}
  header .header-bg {height:160px;}
  /* ▼ユーザーナビゲーション */
		.user-info {margin: 8px 0 0 0;}
		.user-info .btn {padding: 0 5px 0 0;}
		.user-info .btn img {left: 4px;}
		.user-info .btn #user-name {font-size:11px;max-width: 150px;}
		.user-nav>dl dt {right: 4.5%;height: 3.75rem;}
		.user-nav>dl dt strong {margin: 6px 0 0 0;}
  .user-nav>ul { display:none;}
		.user-nav>ul li:last-child {margin: 8px 0 0 0;font-size: 12px;line-height: 1.4;}
		.user-nav>dl dd a.blue_btn {height: 40px;line-height: 40px;}
		.user-nav>dl dd {top: 80px;height: 40px;}
		.user-nav>ul li:nth-child(1) {font-size:10px;;}
		.user-nav>ul li:nth-child(2) {height: 40px;top: 80px;}
		.user-nav>ul li a.blue_btn {min-height: 40px;line-height: 40px;height: 40px;}
		.user-nav>ul li a.black_btn {height: 40px;line-height: 40px;}
  .hero-unit {top:100px;}
		.hero-unit>.search input[type=search] {font-size: 15px;height: 40px;line-height: 40px;padding-left: 40px;}
		.hero-unit>.search:before {line-height: 40px;margin: 0 13px;font-size: 21px;}
		article#related_site_contents h1 {font-size: 16px;line-height: 1;padding: 25px 0 25px;}
		article#related_site_contents a {height: initial;min-height: 100px;}
		article#related_site_contents a img {width: 80px;height: 80px;}
		article#related_site_contents a h3 {margin: 5px 0 0 90px;font-size: 13px;}
		article#related_site_contents a h4 {margin: 0 0 0 90px;font-size: 13px;line-height: 1.5;}
		article#related_site_contents a h4 br {display:none;}
		article#related_site_contents a h4 em {display: block;padding: 0;line-height: 1;margin: 0 0 5px;}
		article#related_site_contents a p {font-size: 11px;padding: 0 40px 0 90px;line-height: 1.3;margin: 0;}
		article#main-contents-footer .footer-navi-inner .inner-list-box.list01 { flex-basis:100%;}
		main #home_content {margin: 0 4.5% 20px;}
		main #home_nav .link-panel-login-before ul li,
		main #home_nav .link-panel-login-after ul li {font-size:12px;height: 140px;}
		main #home_nav .link-panel-login-before ul li a,
		main #home_nav .link-panel-login-after ul li a {padding:14px 0 0;}
		main #home_nav .link-panel-login-before ul li strong,
		main #home_nav .link-panel-login-after ul li strong {font-size: 16px;}
		article #Tabs {margin: 0 0 20px;}
		article #Tabs > ul li {font-size: 14px;font-weight: 400;}
		article #Tabs div.panels .panel dt { font-size: 11px;margin: 0 14px 0;}
		article #Tabs div.panels .panel dd { padding: 0 14px 8px 28px; background-position: 14px 3px; }
		article #Tabs div.panels .panel dd a {font-size: 13px;}
		article #PUs .login_content_inner .left {float: none;width:100%;margin-bottom: 20px;}
		article #PUs .login_content_inner .right {float: none;width:100%;}
		article #PUs .login_content_inner .list_box ul li {font-size: 13px;}
		article #PUs .login_content_inner h3 {font-size: 12px;}
		article #PUs .login_content_inner h3 strong {font-size: 14px;}
		article #PUs p br {display:none;}
		/* ▼固定バナー（ホームページ）*/
		article#extra_contents ul#img_banners {}
		article#extra_contents ul#img_banners li {width: 100%;margin: 0 auto 20px !important;max-width: 500px;float: none;}
  /* バナー刷新 2019/11 */
    article#extra_contents ul#img_banners li {height:auto;}
    article#extra_contents ul#img_banners li a.inner_box.ban_taiken_cloud {padding-bottom:20px;}
    article#extra_contents ul#img_banners li a.inner_box.ban_image img {max-width: 100%;max-height:100%;}
  /* CSS Lity 動画ポップアップ 2019/12 */
    #movielist ul li {font-size:85%;padding:1em 0.5em;}
    #movielist ul li span {display:none;}
    #movieitem .flexbox.ADN_2col .flexboxinner {flex:0 0 100%;max-width:100%;} /* 1カラムに変更 */
  /* トレーニングバナー */
		article ul#img_banners li a.inner_box.ban_training_flow small,
    aside ul#img_banners li a.inner_box.ban_training_flow small {font-size:11px;padding-top:1px;margin-bottom: 10px;}
		article ul#img_banners li a.inner_box.ban_training_flow strong,
    aside ul#img_banners li a.inner_box.ban_training_flow strong {font-size: 16px;margin: 0 auto 5px;letter-spacing: -0.5px;width: 230px;overflow: hidden;}
		article ul#img_banners li a.inner_box.ban_training_flow span,
    aside ul#img_banners li a.inner_box.ban_training_flow span {font-size:13px;letter-spacing:0;}
		/* Facebookページプラグイン（共通可変指定）*/
		article ul#img_banners li#fb_box,
    aside ul#img_banners li#fb_box {height:250px;}
		article ul#img_banners li#fb_box #fb_box_inner,
    aside ul#img_banners li#fb_box #fb_box_inner {max-width:500px;width: auto;margin: 0 auto;}
		/* 新着記事情報 */
		article #newly .newly_content h3,
    #newly .newly_content h3 {margin: 15px 0 10px 0;}
		article #newly .newly_content h3 strong,
    #newly .newly_content h3 strong {font-size: 16px;font-weight:400;}
		/* ▼フォントアイコン */
		article #newly .newly_content h3:before,
    #newly .newly_content h3:before {width: 15%;font-size:30px;}
		article #newly .newly_content dl dt,
    #newly .newly_content dl dt {width: 15%;}
		article #newly dd,
    #newly dd {padding-right: 4%;padding-left: 0;}
    /* News*/
		article.main-column #newsContent dl dt{display:block;float:none;width:210px;padding-left:0;margin-bottom:5px;}
		article.main-column #newsContent dl dt:after {padding: 1px 3px 0;display: inline-block;width: auto;float: none;}
		article.main-column #newsContent dl dd {margin-left:0;}
	  article .banner strong {font-size:18px;}
		article .banner .left {clear:both;width:100%;}
		article .banner .right {clear:both;}
		article .banner a.article_link_trial .inner_blue_btn {position:relative;right:0;bottom:0;width:100%;margin:15px 0 0;}
    article #category-list .accordion dt {font-size:13px;}
    article #category-list .accordion dd {line-height: 1.8;padding: 10px 20px;}
  /* CSS 専用コンテンツ ドキュメント一覧 2019/12 */
  #documentlist .flexbox {margin:0 0 -2.5%;}
  #documentlist .flexbox.ADN_2col .flexboxinner {flex:0 0 100%;max-width:100%;}
  #documentlist .flexboxinner {margin:0 0 4.5%;}
  #documentlist .flexboxinner h3 {font-size:146%;text-align:center;}
  #documentlist .flexboxinner h3 span {display:none;}
  #documentlist .flexboxinner img {float:none;margin:0 auto 1em;}
  /* CSS 初めての方LP 2020/01 */
  #BeginnerView section.installGuide .flexbox.ADN_2col .flexboxinner:nth-child(1) {flex:0 0 100%;max-width:100%;margin:30px 0 0;padding:0;}
  #BeginnerView section.installGuide .flexbox.ADN_2col .flexboxinner:nth-child(2) {flex:0 0 100%;max-width:100%;margin:1.5em 0 0;padding:0;}
  #BeginnerView section.IntroContents .flexboxinner {flex:0 0 100%;max-width:100%;margin:0 0 1em;}
  #BeginnerView section.IntroContents .flexboxinner h3 {font-size:147%;margin:1.5em 1em 5em;}
  #BeginnerView section.IntroContents .flexboxinner h3 small {font-size:100%}
	
	
/* TOP MV：2022/11/2 */
  .mv{ padding: 0 20px; height:inherit; }
  .mv h1{font-size: 20px;margin: 20px 0 0 0; }
  .mv p{font-size: 15px;}
	
	
	main #home_nav .link-panel-login-after ul li,
	main #home_nav .link-panel-login-before ul li {float:none;position:relative;width: 100%;text-align:left;margin: 0 0 20px 0;height: initial;}	
 	main #home_nav .link-panel-login-before ul li a,
	main #home_nav .link-panel-login-after ul li a {padding:14px 14px 14px 75px;}	
	
	main #home_nav .link-panel-login-after ul li.faq {margin: 0 0 20px 0;}
	main #home_nav .link-panel-login-after ul li.guide {margin: 0 0 20px 0;}
	main #home_nav .link-panel-login-after ul li.man {margin: 0 0 20px 0;}
  main #home_nav .link-panel-login-after ul li.PartnerContent {margin: 0 0 20px 0;}
	main #home_nav .link-panel-login-after ul li.update {margin: 0 0 20px 0;}
	/*main #home_nav .link-panel-login-after ul li.frm {margin: 0;}*/
	main #home_nav .link-panel-login-after ul li.banner {margin:0;}
	main #home_nav .link-panel-login-before ul li.guide { margin:0 0 20px 0; }
	main #home_nav .link-panel-login-before ul li.man { margin:0; }
	main #home_nav .link-panel-login-before ul li.update  {margin: 0 0 20px 0;}
	main #home_nav .link-panel-login-before ul li br,
	main #home_nav .link-panel-login-after ul li br {display:none;}

	/* ▼FAQ：追加変更：若葉マーク 2020/01 */
	main #home_nav .link-panel-login-after ul li a:before,
	main #home_nav .link-panel-login-before ul li a:before {position:absolute;width: 1em;left:14px;top:14px;margin:0;font-size: 30px;text-align:center;float: left;}
	main #home_nav .link-panel-login-before ul li.faq a img {position:absolute;height:32px;left:13px;top:14px;margin:0;text-align:center;float: left;}

	/* ▼初めての方へ：追加変更：若葉マーク 2022/11/2 */
	#home_nav .link-panel-login-after ul li.beginner a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH0F57NW2VX0M93SKX8RW"); background-size: cover; width: 30px; height: 45px; position: absolute; left:20px;top:inherit }

	/* ▼FAQ：追加変更 2020/01 */
	#home_nav .link-panel-login-after ul li.faq a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMGZTAP6YRFHTBCWB1F6VX"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px;top:inherit }

	/* ▼ご利用ガイド：追加変更：2022/11/2 */
	#home_nav .link-panel-login-after ul li.guide a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH55M06T5JFZ6QSWYFPQ3"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px;top:inherit }

	/* ▼お役立ち資料：追加変更：2022/11/2 */
	#home_nav .link-panel-login-after ul li.man a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH0R8AWQ7Q5EMTDKFGETG"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px;top:inherit }

  /* ▼専用コンテンツ：追加変更：2025/14 */
	#home_nav .link-panel-login-after ul li.PartnerContent a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01JV6BZEKNGW55HJCHGNMQ8BYA"); background-size: cover; width: 35px; height: 42px; position: absolute; left:20px;top:inherit }

	/* ▼アップデート情報：追加変更：2022/11/2 */
	#home_nav .link-panel-login-after ul li.update a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH51DQVA2J2RFVKRNZPNE"); background-size: cover; width: 40px; height: 40px; position: absolute; left:20px;top:inherit }

	/* ▼バナー：体験セミナー：追加変更：2022/11/2 */
	#home_nav .link-panel-login-after ul li.banner a:before  { content: ""; display: inline-block; background: url("/hc/theming_assets/01HZKMH3ZM67KXVTR43EBG5A5P"); background-size: cover; width: 50px; height: 40px; position: absolute; left:20px; top:inherit }

	
	
}

/* SP width 600px 以下 */
@media (max-width: 600px) {
		article#main-contents-footer .footer-navi-inner .inner-list-box.list02,
		article#main-contents-footer .footer-navi-inner .inner-list-box.list03,
		article#main-contents-footer .footer-navi-inner .inner-list-box.list04 { flex-basis:100%; }
		article#main-contents-footer .footer-navi-inner .inner-list-box h3 { text-align:center; }
		article#main-contents-footer .footer-navi-inner .inner-list-box ul li { text-align:center; }
		main #home_nav .link-panel-login-before ul li,
		main #home_nav .link-panel-login-after ul li {font-size:10px;}
		main #home_nav .link-panel-login-before ul li strong,
		main #home_nav .link-panel-login-after ul li strong {font-size: 16px;}
	  article .banner a.article_link_trial:before {font-size: 75px;position:relative;width:100%;margin:0 auto 15px;}
		article .banner span {font-size:12px;margin:0;text-align:center;}
	  article .banner strong {font-size:16px;}
    /* CSS 初めての方LP 2020/01 */
    #BeginnerView section.installGuide .flexboxinner ol {margin:0 18px;}
    #BeginnerView section.installGuide .flexboxinner ol li {font-size:16px;}
}

/* SP width 480px 以下 */
	@media (max-width: 480px) {
    header .logo {padding: 0 0 0 35px;}
		header.drawer-navbar .logo a.drawer-brand span > img {height: 26px;margin:12px 0 0;}
		.user-info .btn #user-name {max-width:75px !important;}
		.user-nav>dl dt {width: initial;height: 80px;z-index: 3;}

		/* ▲FAQ：追加変更：若葉マーク 2020/01 */
    aside ul#img_banners li a.inner_box.ban_taiken_cloud strong { font-size: 18px; }
		article .article-footer .share { text-align: center;}
		article .article-vote-controls {margin: 0 0 10px 10px;}
		article .article-footer ul.keyword {margin: 10px 0 0;}
		article .article-vote small {margin:0 0 10px;}
		article .article-body { font-size: 108%; line-height:1.7; }
    #thumbnailitem .flexbox.ADN_2col .flexboxinner {flex:0 0 100%;max-width:100%;}
    #thumbnailitem .flexbox.ADN_2col img {flex:0 0 50%;max-width:50%;}
    #thumbnailitem .flexboxinner .dl_btn {font-size:100%;max-width:100%;}
				
		
}

/* 問い合わせフォーム：備考調整 */
.form p{font-size:12px; color:#000;}
#request_custom_fields_360000094522_hint,
#request_description_hint{display:none;}