/* ====================================================
   Base styles
   ==================================================== */
   *, input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  html {
    background-color: #e3e3e3;
    height: 100%;
  }

  body {
    color: #777777;
    font-family: Helvetica, Arial, sans-serif;
  /*
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  */
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","MS Pゴシック",Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 1.5;
  margin: 0 auto;
  
  position: relative;
  height: auto !important;
  min-height: 100%;
  height: 100%;
  border-bottom: 1px solid #fff;
}



/*
 * Links
 */
 a {
  color: #20AEE5;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  /*
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  */
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","MS Pゴシック",Helvetica,Arial,sans-serif;
}

a:link,a:visited{color:#0090B1;}
a:hover,a:active{text-decoration: underline;}

/*
 * Images
 */
 img {
  max-width: 100%;
  vertical-align: middle;
  border: none;
}

img[width], img[height] {
  max-width: none;
}

figure > img {
  display: block;
}

/*
 * Lists
 */
 ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}


/*
 * Headings
 */
 h1 {
  color: #383838;
  line-height: 1.8em;
  font-size: 2.08em;
  font-family: inherit;
  /*
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  */
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","MS Pゴシック",Helvetica,Arial,sans-serif;
  font-weight: normal;
}

h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: inherit;
  font-family: inherit;
  /*
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  */
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","MS Pゴシック",Helvetica,Arial,sans-serif;
  font-weight: normal;
}


/*
 * Forms
 */
 label {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

input[type=checkbox] + label {
  display: inline-block;
  margin-left: 5px;
}

input, textarea {
  border: 1px solid #DDDDDD;
  border: 1px solid rgba(0, 0, 0, 0.13);
  padding: 10px;
}

textarea {
  height: 100px;
  padding: 7px 10px;
  resize: vertical;
}

textarea, input[type=text] {
  width: 100%;
}

input, textarea, select {
  color: #777777;
}

input::-ms-clear {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #CCC;
}

:-ms-input-placeholder {
  color: #CCC;
}

::-moz-placeholder {
  color: #CCC;
}

/*
 * Buttons
 */
 button, [role=button], [type=button], [type=submit] {
  background: #ffffff;
  border-radius: 9999px;
  border: 1px solid #DDDDDD;
  border: 1px solid rgba(0, 0, 0, 0.13);
  box-shadow: inset 0 -2px #f6f6f6;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);
  color: #158EC2;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: lighter;
  line-height: 28px;
  padding: 0 20px;
  position: relative;
/*   right: -100px; */
  vertical-align: middle;
  white-space: nowrap;
  height: 30px;
}

a[role=button]:hover {
  text-decoration: none;
}


/* マイアクティビティ＞リクエストリスト「 リクエストを送信」*/
.side-column-myactivity a[role="button"] {
  padding: 10px 0 0 30px;
  margin: 10px 0px 20px 30px;
  border: 0px solid #DDDDDD;
  border: 0px solid rgba(0, 0, 0, 0.13);
  text-decoration: none;
  background: #FF8258;
  color: #fff;
  font-weight: bold;
  height: 50px;
  width: 160px;
}

.side-column-myactivity a[role="button"]:hover {
  text-decoration: none;
  background: #FFA788;
}


/* 新規お問い合わせ＞「ご注意」全体*/
.form_attention {
  color: #FB6E3B;
  text-decoration: none;
  margin: -20px 0px 20px;
  padding: 10px 20px;
  background: #F9EEED;
  border-radius: 4px;
}

/* 新規お問い合わせ＞「ご注意」*/
.form_attention h2 {
  font-size: 13px;
  line-height:1.3em;
  text-decoration: none;
}

/* 新規お問い合わせ：外部リンク*/
.form_attention a[target="_blank"] { 
  padding-right: 13px;
  margin-right: 3px;
  background-image:url("/hc/theming_assets/01HZM3HAGEXVRWPBYC3ERE1D2Q");
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: right center;
}


/* 新規お問い合わせ＞「送信」*/
.form_request input[type="submit"] {
  margin: 30px 255px;
  border: 0px solid #DDDDDD;
  border: 0px solid rgba(0, 0, 0, 0.13);
  text-decoration: none;
  background: #FF8258;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  height: 50px;
  width: 100px;
}

.form_request input[type="submit"]:hover {
  text-decoration: none;
  background: #FFA788;
}


input[type=submit][disabled] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 8 */
  opacity: 0.4;
}

a[role=button]:hover {
  text-decoration: none;
}

input[type=submit][disabled] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 8 */
  opacity: 0.4;
}

/*
 * Tables
 */
 table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

td, th {
  border-color: #ECECEC;
  border-color: rgba(0, 0, 0, 0.07);
  border-style: none;
  padding: 12px;
}

th {
  border-width: 1px 0;
  color: #BBB;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
}

td {
  border-width: 0 0 1px 0;
}




/* ====================================================
   Helper classes
   ==================================================== */
/*
 * Clearfix: contain floats
 */
 .clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*
 * Column size （メイン）
 */
 .main-column {
  /*float: left;*/
  /* width: 620px; _2015/11/5 幅620px */
  width: 100%; /* 2015/11/5_ 幅100% */
  background: #FFFFFF;
  padding: 25px 20px;
  border-radius: 8px;
  zoom: 1;
/*   margin-bottom: 150px; */
}

/*
 * Column size （お問い合わせページ620px用）
 */
 .main-column_request {
  float: left;
  width: 710px;
  background: #FFFFFF;
  padding: 25px 20px;
  border-radius: 8px;
  zoom: 1;
  margin-bottom: 150px;
}


/*
 *  （サイドメニュー）
 */

 .side-column {
  float: right;
  width: 270px;
  background: #FFFFFF;
  padding: 0px 20px 20px;
  border-radius: 8px;
  zoom: 1;
  margin-bottom: 30px;
}

/*
 *  （マイアクティビティ・サイドメニュー）
 */

 .side-column-myactivity {
  float: right;
  width: 270px;
  background: #FFFFFF;
  padding: 0px 20px 20px;
  border-radius: 8px;
  zoom: 1;
  margin-bottom: 140px;
  border: 0px solid #000;
}

/*
 * Dropdowns
 */
 .dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle:after {
  color: #888;
  content: "\25BE";
  display: inline-block;
  font-family: "entypo";
  font-size: 14px;
  margin-left: 5px;
  vertical-align: middle;
}

/*
 * Visibility
 */
 .visibility-internal-icon:before {
  cursor: default;
  content: "\1F512";
  font-family: "entypo";
  margin-right: 5px;
}

.visibility-internal {
  position: relative;
}

.visibility-internal:before,
.visibility-internal:after {
  display: none;
  position: absolute;
}

.visibility-internal:hover:before,
.visibility-internal:hover:after {
  display: block;
}

.visibility-internal:before {
  background: #222;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 4px;
  color: #FFF;
  content: attr(data-title);
  text-transform: none;
  font-family: sans-serif;
  /*
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  */
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","MS Pゴシック",Helvetica,Arial,sans-serif;
  left: -10px;
  margin-top: 5px;
  padding: 3px 10px;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
}

.visibility-internal:after {
  border-bottom: 5px solid #222;
  border-bottom: 5px solid 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;
}

/* ====================================================
   Content frame
   ==================================================== */



   main, .header-inner, .footer-inner {
    margin: 0 auto;
    padding: 0 30px;
    width: 1070px;
    /* width: 100%; */
    height: 100%
  }


/* ====================================================
   Header　（共通ヘッダー）
   ==================================================== */
   .header {
    background-color: #FFFFFF;
    border-bottom: solid 0px #20AEE5;
    height: 100%;
    width: 100%; /* デバイス幅に合わせる */
    min-width: 1070px; /* 最小幅を1070pxに固定 */
    margin: 0 auto; /* 中央揃え */
    max-width: 100%; /* PCで極端に広がりすぎないように制限（任意） */
  }

  .logo {
    float: left;
    margin: 15px 0px 0px 0px;
  }

  .logo a {
    display: inline-block;
    line-height: 70px;
  }

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

  .user-nav {
    float: right;
    margin-top: 40px;
  }


/*
 * 緊急お知らせ枠
 */


 .emergency-wrap {
  color: #df511a;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  background-color: #fdf2ee;
  height: 60%;
  line-height: 30px;
}

.emergency-wrap p {
  font-size: 16px;
  text-align: left;
  width: 920px;
  line-height: 1.6em;
}

.emergency-wrap p a {
  font-weight: normal;
  text-decoration: underline;
}

.emergency-wrap .date {
  color: #383838;
  font-weight: normal;
  font-size: 15px;
  margin-right: 10px;
}

/* 新規お問い合わせ：外部リンク*/
.emergency-wrap a[target="_blank"] { 
  padding-right: 13px;
  margin-right: 3px;
  background-image:url("/hc/theming_assets/01HZM3HAGEXVRWPBYC3ERE1D2Q");
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: right center;
}

/* 新着アイコン */
.hp_icoNew {
  background: #ff825e none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-left: 8px;
  padding: 5px 5px 3px;
  vertical-align: top;
}

/* ====================================================
   footer　（共通フッター）
   ==================================================== */

   .footer{
    height: 87px;
    background-color: #fff;
    border-top: solid 0px #20AEE5;
    padding: 0px;
    font-family: Helvetica, Arial, sans-serif;
    /*
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  */
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","MS Pゴシック",Helvetica,Arial,sans-serif;
    /* position: absolute; */
    width: 100%;
    min-width: 1070px;
    max-width: 100%;
    bottom: 0;  /* 一番下に配置 */
}

.footer a {
  color: #333333;
  text-decoration: underline;
}

.footer a:hover {
  color: #333333;
  cursor: pointer;
  text-decoration: underline;
}

/* 2014/6/9仮追加 */

p.footer_left {
  float: left;
  vertical-align: middle;
  font-size: 10px;
  line-height: 200%;
  margin: 20px 0px 0px 0px;
}

p.footer_right {
  float: right;
  vertical-align: top;
  font-size: 12px;
}

/* ====================================================
   User nav links　（ユーザーナビ）
   ==================================================== */
   .user-nav > * {
    display: inline-block;
    font-size: inherit;
    vertical-align: middle;
  }

  .user-info [role="button"] {
    background: #ffffff;
    background: linear-gradient(to bottom, white 0%, #f4f4f4 50%, #ededed 100%);
    border-bottom-color: #C0C0C0;
    border-radius: 3px;
    box-shadow: inset 0 -1px #DDD;
    color: #444;
    height: auto;
    line-height: 1;
    padding: 4px 10px 4px 4px;
  }

  .user-info [role="button"]:hover {
    border-color: #AAA;
    box-shadow: inset 0 -1px #BBB;
  }

  .user-info [role="button"]:active {
    background: linear-gradient(to bottom, whitesmoke 0%, #d5d5d5 100%);
  }

  .user-avatar {
    margin-right: 4px;
    max-height: 20px;
  }

  .user-avatar, .user-avatar + span {
    display: inline-block;
    vertical-align: middle;
  }

  .submit-a-request {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    margin-left: 15px;
    padding-left: 15px;
  }

  .login, .user-info {
    margin-left: 20px;
  }







/* ====================================================
   Search （検索）
   ==================================================== */
   .search {
    position: relative;
  }

  .search:before {
    color: #777777;
    content: "\1F50D";
    font-family: "entypo";
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 15px;
    z-index: 1;
  }

  .search input[type=search] {
    background: #fff;
    border-top-color: #BFBFBF;
    font-weight: lighter;
    border-radius: 4px;

    -webkit-appearance: none;
  }

.hero-unit input[type="submit"] {
    right: -100px;
}

/*
 * トップページ用「検索ボックス」全体
 */

 .hero-unit {
  float: right;
  width: 710px;
  height: 140px;
  background-color: #f0f1f3;
  border-bottom: 2px solid #dfdfdf;
  margin-top: 30px;
  margin-bottom: 0px;
  padding: 20px 20px;
  border-radius: 8px 8px 0 0;
}

/*
 * トップページ用/検索バー
 */
 
 .hero-unit .search {
  float: left;
  padding: 30px 0px 10px 15px ;
  position: relative;
}

.hero-unit .search:before {
  width: 50px;
  font-size: 16px;
  border: 0px solid #000;
}

.hero-unit .search input[type=search] {
  height: 45px;
  padding: 0 0 0 40px;
  width: 510px;
  font-size: 14px;
}

.search input[type=text] {
  height: 60px;
  padding: 16px 12px 16px 55px;
  width: 100%;
}

/*
 * トップページ用/検索ボタン
 */

 .search input[type=submit] {
  font-size: 14px;
  padding: 7px 40px 35px 40px;
  text-align: center;
  margin: -67px 0px 0px 430px;
  background-color: #FF8258;
  color: #FFF;
  cursor: pointer;
  font-weight: bold;
  
  *height: 40px;
  *line-height: 21px;
  border: 0px;
}



.search input[type="submit"]:hover,
.search input[type="submit"]:focus,
.search input[type="button"]:hover,
.search input[type="button"]:focus,
.search button:hover {
  font-size: 14px;
  padding: 7px 40px 35px 40px;
  text-align: center;
  background-color: #FFA788;
  color: #FFF;
  cursor: pointer;
  font-weight: bold;
  *height: 40px;
  *line-height: 21px;
  border: 0px;
}

.search button:focus {
  font-size: 14px;
  padding: 7px 40px 35px 40px;
  text-align: center;
  margin: 0px;
  background-color: #FFA788;
  color: #FFF;
  cursor: pointer;
  font-weight: bold;
  *height: 40px;
  *line-height: 21px;
  border: 0px;
}


/*
 * サブナビ用/検索バー
 */

 .sub-nav .search {
  float: right;
}

.sub-nav .search:before {
  font-size: 16px;
  width: 35px;
left: 5px;
}

.sub-nav .search input[type=search] {
  padding: 6px 10px 6px 35px;
  height: 30px;
  width: 270px;
}

.sub-nav .search input[type=text] {
  padding: 6px 10px 6px 35px;
  height: 30px;
  width: 270px;
}

.sub-nav .search input[type=submit] {
  display: none;
}

/*
 *  （サイドバー/関連サイト）
 */
 
 .related-sidebar {
  float: left;
  width: 270px;
  background: #FFFFFF;
  padding: 0px 20px;
  margin-top: -140px;
  margin-bottom: 10px;
  border-radius: 8px;
  zoom: 1;
}

.related-sidebar h1 {
  margin: 20px 0;
  padding: 4px 5px 4px 10px;
  border-left: 4px solid #20aee5;
  color: #585858;
  font-size: 14px;
  line-height:1.1em;
  font-weight: bold;
}

.related-sidebar ul {
  margin-left: 5px;
  margin-bottom: 30px;
}

.related-sidebar li {
  margin: 5px 0 10px 0;
}

.related-sidebar img {
  border: 0px solid #ECECEC;
  border: 0px solid rgba(0, 0, 0, 0.07);
  height: auto;
  max-width: 100%;
  margin: 0px;
}

/* ====================================================
   Navigation Pages
   ==================================================== */
   body.community-enabled .knowledge-base {
    float: right;
    width: 710px;
    margin: 0 auto;
    height: 100%;
/*     margin-bottom: 150px; */
  }

  body.community-enabled .community {
    float: left;
    width: 270px;
    margin: 0 auto;
    height: 100%;
    margin-top: -140px;
    margin-bottom: 30px;
  }

  .knowledge-base {
        width: 710px;
    float: right;
    background: #FFFFFF;
    padding: 25px 20px;
    margin-top: 0px;
    margin-bottom: 30px;
    zoom: 1;
    border-radius: 0 0 5px 5px ;
    margin: 0 auto;
    height: 100%;
    margin-bottom: 150px;
    border: 0px solid #000;
  }

  .category-base {
    background: #FFFFFF;
    padding: 25px 20px;
    margin-top: 5px;
    border-radius: 8px;
    zoom: 1;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    margin-bottom: 150px;
  }

/*
 * カテゴリページタイトル
 */
 .category-base h1 {
  font-size: 38px;
  color: #555;
  font-weight: normal;
  border-bottom: 2px solid #e3e3e3;
  margin: 10px 0 0px;
  padding-bottom: 30px;
  padding-left: 57px;
  background-image:url("/hc/theming_assets/01HZM3H9P5XRWJT91HJ5T1JN59");
  background-size: 47px 44px;
  background-repeat: no-repeat;
  line-height: 38px;
}

.section-base {
  background: #FFFFFF;
  padding: 25px 20px;
  margin-top: 5px;
  border-radius: 8px;
  zoom: 1;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  margin-bottom: 150px;
}


/*
 * セクションページタイトル
 */
 .section-base h1 {
  font-size: 38px;
  color: #555;
  font-weight: normal;
  border-bottom: 2px solid #e3e3e3;
  margin: 10px 0 0px;
  padding-bottom: 30px;
  padding-left: 57px;
  background-image:url("/hc/theming_assets/01HZM3H9P5XRWJT91HJ5T1JN59");
  background-size: 47px 44px;
  background-repeat: no-repeat;
  line-height: 38px;
}

.knowledge-base a:hover {
  color:#0090B1;
}

/*
.community {
  background: #FFFFFF;
  padding: 25px 20px;
  margin-top: 0px;
  margin-bottom: 30px;
  border-radius: 8px;
  zoom: 1;
}
*/

.community a:hover {
  color:#0090B1;
}

.community h2, .community h3, .section h3 {
  font-size: 13px;
  font-weight: lighter;
  margin: 10px 0 15px;
  text-transform: none;
}

.community h4 {
  font-size: 15px;
  font-weight: bold;
  margin-top: 0;
}

.community h4 a {
  font-size: 11px;
  font-weight: normal;
  margin-left: 5px;
}

.community .trending-questions + h4 {
  margin-top: 50px;
}

.article-list li, .community li {
  margin-left: 10px;
  margin-bottom: 5px;
  width: 100%;
  word-wrap:break-word;
}

.article-list li, .community li {
  margin-left: 10px;
  margin-bottom: 5px;
  /*overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap; */
}

.category h2 {
  border-bottom: 2px solid #e3e3e3;
  font-size: 22px;
  font-weight: bold;
  margin: 25px 0;
  padding-bottom: 10px;
  padding-left: 47px;
  background-image:url("/hc/theming_assets/01HZM3H9P5XRWJT91HJ5T1JN59");
  background-size: 35px 30px;
  background-repeat: no-repeat;
}

.category h2 a {
  color: #333333;
}

.category h2 a:hover {
  color: #333333;
}

.section h3 a {
  color: #777777;
}

.section h3 a:hover {
  color: inherit;
}

.category h3, .section h3 {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4em;
  padding: 4px 5px 10px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom-color: #dfdfdf;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: rgb(255, 255, 255);
}

.category-empty, .section {
  display: inline-block;
  padding: 0 50px 30px 0;
  vertical-align: top;
  width: 49.5%;
}

.see-all-articles {
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
  text-decoration: underline;
}

.category-description, .section-description {
  color: #bbb;
  margin-bottom: 50px;
  margin-top: -15px;
}

.section-subscribe, .section-unsubscribe {
  float: right;
  font-weight: lighter;
}

.category-list a, .section-list a {
  color: inherit;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
}


/* ====================================================
   Promoted tooltip
   ==================================================== */
   .article-promoted span {
    cursor: default;
    font-family: "entypo";
  /*
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  */
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","MS Pゴシック",Helvetica,Arial,sans-serif;
  margin-right: 5px;
  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: #222;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 4px;
  color: #FFF;
  content: attr(data-title);
  font-family: sans-serif;
  /*
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  */
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","MS Pゴシック",Helvetica,Arial,sans-serif;
  left: -10px;
  margin-top: 5px;
  padding: 3px 10px;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
}

.article-promoted span:after {
  border-bottom: 5px solid #222;
  border-bottom: 5px solid 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;
}

/* ====================================================
   Sub nav　（サブナビ）
   ==================================================== */
   .sub-nav {
    border-bottom: 0px solid #e6e6e6;
    margin-bottom: 0;
    padding: 25px 0;
  }

  .sub-nav .breadcrumbs {
    float: left;
    margin-top: 7px;
  }

  .sub-nav-far {
    margin-bottom: 0px;
  }

/* ====================================================
   Breadcrumbs （ぱんくず）
   ==================================================== */
   .breadcrumbs li {
    display: inline-block;
    white-space: nowrap;
  }

  .breadcrumbs li + li:before {
    color: #333;
    content: ">";
    padding: 0 5px;
  }

/* ====================================================
   Article (記事ページ)
   ==================================================== */
/*
 * Header
 */
 
 .article-header {
  border-bottom: 0px solid #e3e3e3;
  margin-bottom: 0px;
  padding-bottom: 15px;
}

.article-header h1 {
  font-size: 34px;/*240%*/
  color: #383838;
  font-weight: normal;/*100*/
  margin-bottom: 0px;
  padding-left: 60px;
  background-image:url("/hc/theming_assets/01HZM3H9P5XRWJT91HJ5T1JN59");
  background-size: 48px 44px;
  background-repeat: no-repeat;
  min-height: 63px;
  line-height: 43px;
}

.article-header .share {
  float: right;
  margin-top: 2px;
}

.article-author {
  color: #333;
  font-weight: bold;
  margin-top: 2px;
}

.article-metadata {
  float: left;
  padding-left: 55px;
  position: relative;
}

.article-avatar {
  left: 0;
  position: absolute;
  top: 0;
}

.article-avatar img {
  max-height: 38px;
  max-width: 38px;
}

.article-updated {
  color: #bbb;
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 0px;
}

.article-subscribe, .article-unsubscribe {
  float: right;
  margin-top: 10px;
}



/*
 * Sidebar（サイドバー/記事ページ）
 */
 .article-sidebar {
  margin-top: 0px;
}

.article-sidebar2 {
  margin-top: 0px;
  margin-bottom: 150px;
}

.article-sidebar h3, .article-sidebar2 h3 {
  color: #383838;
  font-weight: 100;
  font-size: 110%;
  border-left: 3px solid #20aee5;
  border-bottom: 0px solid #ECECEC;
  border-bottom: 0px solid rgba(0, 0, 0, 0.07);
  margin-bottom: 20px;
  padding: 5px 0px 5px 10px;
}

.article-sidebar ul {
  margin-bottom: 10px;
}

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


/* ====================================================
    Body（記事内定義）
    ==================================================== */
    .article-body {
      line-height: 1.7;
      font-size: 14px;
      word-wrap: break-word;
      margin: 0px 0px 10px;
      line-height: 1.5;
    }

    .article-body img {
      border: 0px solid #ECECEC;
      border: 0px solid rgba(0, 0, 0, 0.07);
      height: auto;
      max-width: 100%;
      margin: 0px;
      max-width: 580px; /*画像横幅MAX制限*/
    }

    .article-body img.frame {
      border: 1px solid #ECECEC;
      border: 1px solid rgba(0, 0, 0, 0.07);
    }

    .article-body pre {
      background: #f6f6f6;
      background: rgba(0, 0, 0, 0.02);
      border: 1px solid #ECECEC;
      border: 1px solid rgba(0, 0, 0, 0.07);
      border-radius: 3px;
      padding: 10px 15px;
      overflow: auto;
      white-space: pre;
    }

    .article-body blockquote {
      border-left: 1px solid #ECECEC;
      border-left: 1px solid rgba(0, 0, 0, 0.07);
      color: #bbb;
      font-style: italic;
      margin: 20px 0;
      padding-left: 20px;
    }

    .article-body ol,
    .article-body ul {
      margin-top: 16px;
    }

    .article-body ol {
      counter-reset: listcounter;
      margin-bottom: 16px;
    }

    .article-body ul li {
      margin-top: 12px;
      color: #383838;
    }

    .article-body li {
      margin-top: 4px;
      list-style-type: disc;
      list-style-position: inside;
      line-height: 1.4;
      font-size: 16px;
      text-indent:-1em;
      padding-left:1em;
    }

    .article-body li ol,
    .article-body li ul {
      margin-top: 0;
      margin-left: 2em;
    }

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

    .article-body ol > li {
      margin-top: 32px;
      padding-left: 2em;
      text-indent: -1.6em;
      list-style-type: none;
      line-height: 1.4;
      color: #383838;
    }

    .article-body ol > li:before {
      content: counter(listcounter);
      counter-increment: listcounter;
      display: inline-block;
      margin-right: .5em;
      background: #20aee5;
      /* width: 1.5em; */ 
      height: 1.5em;
      border-radius: 50%;
      color: #fff;
      text-indent: 0;
      text-align: center;
      line-height: 1.5;
      font-size: 13px;
      padding: 1px 6px 0px 6px;
      margin-bottom: 6px;
    }

    .article-body li ol > li:before {
      content: counter(listcounter) ".";
      width: auto;
      height: auto;
      background: none;
      color: #383838;
    }

    .article-body li ol li {
      margin-top: 4px;
    }

    .article-body li ul li{
      margin-top: 4px;
    }

    .article-body ol ul {
      margin-left: 2.5em;
    }

    .article-body ol ol {
      margin-left: 0;
    }

    /*本文中のリンク下線*/
    .article-body a {
      text-decoration: underline;
    }

    /*マウスオーバーで半透明*/
    .article-body a:hover {
      opacity: 0.6;
    }

    /*_target_blakでアイコン表示*/
    .article-body a[target="_blank"] { 
      padding-right: 13px;
      margin-right: 3px;
      background-image:url("/hc/theming_assets/01HZM3HAGEXVRWPBYC3ERE1D2Q");
      background-size: 9px 9px;
      background-repeat: no-repeat;
      background-position: right center;
    }

    /*画像の場合：_target_blakでもアイコン非表示*/
    .article-body a.imglink[target="_blank"] { 
      background: none;
      padding-right: 0px;
      margin-right: 0;
    }

    .article-body h1 {
      font-size: 2.083em;
      font-weight: normal;
      line-height: 1.8em;
      color: #383838;
    }

    .article-body h2, h3, h4, h5, h6{
      font-weight:bold;
      color: #383838;
    }

    .article-body h2 {
      font-size: 200%;
      line-height: 63px;
      margin-bottom: 20px;
      padding-left: 95px;
      background: transparent url("/hc/theming_assets/01HZM3H9P5XRWJT91HJ5T1JN59") no-repeat scroll left center;
      background-size: 68px 63px;
    }

    .article-body h3 {
      font-size: 26px;
      font-weight: bold;
      line-height:1.4em;
      margin: 30px 0 20px;
      padding: 40px 0px 10px;
      border-bottom: 1px dotted #c2c2c2;
    }

    .article-body h4{
      font-size: 21px;
      font-weight: bold;
      line-height: 1.3em;
      margin: 28px 0px 10px;
      padding: 0px 0px 0px;
      border-left: 0px solid #c2c2c2;
    }

    .article-body  h5{
      font-size: 16px;
      font-weight: bold;
      line-height: 1.8em;
      margin: 0px 0px -16px 0px;
    }

    .article-body  h6{
      font-size: 16px;
      line-height:.8em;
      margin: 20px 0;
    }

    /*記事内目次*/
    .article-body .index {
      margin-top: 12px;
      padding: 16px 24px 0px;
      background-color: #f4f4f4;
      /* border: #e0e0e0 solid 1px; */
      border-radius: 4px;
      padding-bottom: 16px;
    }

    .article-body .index h4 {
      padding-top: 0px;
      padding-bottom: -10px;
      font-size: 18px;
      color: #383838;
      margin: 12px 0px 10px;
    }

    .article-body .index > ul,
    .article-body .index > ol {
      margin-top: 14px 0px 10px;
      margin-left: 0px;
      margin-bottom: 14px;
    }

    .article-body .index li {
      padding-left: 0;
      text-indent: 0;
      line-height: 1.4em;
      text-indent:-1em;
      padding-left:1em;
    }

    /*記事内文字*/
    .article-body p{
      line-height:1.6em;
      margin-bottom: 1em;
      font-size: 16px;
      color: #383838; /* #585858 */
    }

    .article-body em{font-style: italic;}
    .article-body .link{font-size: 85.7143%; font-size: 14px; text-align:right;}
    .article-body .note{font-size: 85.7143%; font-size: 14px;}
    .article-body .alert{color: #FB6E3B; font-size: 14px;}
    .article-body .pickup{color: #20AEE5; font-size: 14px;}

    /* 記事内文字：リンク矢印用 */
    .article-body .link a:before {
      content: "";
      padding-right: 16px;
      margin-left: 3em;
      background-image: url("/hc/theming_assets/01HZM3HCK9MTN6S01C7HPBPZ7N");
      background-size: 12px 10px;
      background-repeat: no-repeat;
      background-position: left center;
    }

    /* 記事内文字：付加情報枠用 */
    .article-body .note {
      margin-top: 22px;
      padding: 12px 16px 8px;
      border: #e0e0e0 solid 1px;
      background-color: #ffffff;
      border-radius: 6px;
      line-height: 1.6em;
    }

    /* 記事内文字：警告枠用 */
    .article-body .alert {
      margin-top: 22px;
      padding: 12px 16px 8px;
      border: #FB6E3B solid 1px;
      border-radius: 6px;
      line-height: 1.6em;
    }

    /* 記事内PointBox共通 */
    .article-body .point-box, 
    .article-body .point-box2, 
    .article-body .point-box5, 
    .article-body .point-box6 {
      margin: 48px 0;
      padding: 14px 20px 14px;
      border-radius: 4px;
    }

    .article-body .point-box h4, 
    .article-body .point-box2 h4, 
    .article-body .point-box5 h4, 
    .article-body .point-box6 h4 {
      font-size: 16px;
      font-weight: bold;
      margin: 10px 0;
      padding: 0;
      border: none;
    }

    .article-body .point-box p, 
    .article-body .point-box2 p, 
    .article-body .point-box5 p, 
    .article-body .point-box6 p {
      line-height:1.5em;
      margin-bottom: 1.2em;
      font-size: 15px;/*font-size: 16px;*/
      color: #383838;
    }

    .article-body .point-box  ul,
    .article-body .point-box2 ul,
    .article-body .point-box5 ul,
    .article-body .point-box6 ul {
      padding: 0px 0px 10px 0px;
    }

    .article-body .point-box  ul li,
    .article-body .point-box2 ul li,
    .article-body .point-box5 ul li,
    .article-body .point-box6 ul li {
      font-size: 14px;
      color: #383838;
    }

    /*記事内PointBox：POINT*/
    .article-body .point-box {
      content: "POINT";
      line-height: 1;
      font-weight: normal;
      border: #ccc solid 1px;
    }

    .article-body .point-box h4{
      color: #FC7900;
      font-size: 18px;
      padding: 0 0 0 80px;
      background-image:url("/hc/theming_assets/01HZM3H8Z1W4XW0R2F7ZQJPDRE");
      background-size: 70px 22px;
      background-repeat: no-repeat;
      background-position: left center;
    }

    /*PointBox②*/
    .article-body .point-box2 {
      border: 4px solid #FFBCA5;
      background: #FFE2D8;
    }

    .article-body .point-box2 h4{
      color: #FC7900;
    }

    .article-body .point-box h4 img{
      border: none;
      vertical-align: middle;
    }

    /*記事内PointBox⑤：赤*/
    .article-body .point-box5 {
      background: #F9EEED;
      border: 0px solid #fca097;
    }

    .article-body .point-box5 h4 {
      /*color: #ff7154;*/
      font-size: 18px;
      padding: 0 0 0 35px;
      background-image:url("/hc/theming_assets/01HZM3HC6CRQP4EQG0TGGF5A7P");
      background-size: 25px 25px;
      background-repeat: no-repeat;
      background-position: left center;
    }

    .article-body .point-box5 p {
      /*color: #ff7154;*/
      font-size: 15px;
    }

    /*記事内PointBox⑥：青*/
    .article-body .point-box6 {
      content: "お知らせ";
      margin: 20px 0px 40px;
      background: #eef9fd;
      border: 0px solid #20AEE5;
    }

    .article-body .point-box6 h4{
      color: #20AEE5;
      font-size: 18px;
      padding: 0 0 0 35px;
      background-image:url("/hc/theming_assets/01HZM3HCDHWVAF4KG1DJ6D4SR0");
      background-size: 3%;
      background-repeat: no-repeat;
      background-position: left center;
    }

    .article-body .point-box6 p {
      font-size: 15px;
    }

    /*テーブル*/
    .article-body td, th {
      padding: 5px 10px 5px 0px;
      border: 0px solid #dfdfdf;
    }

    .article-body td p {
      line-height:1.7em;
      color: #383838; /* #585858 */
      vertical-align: top;
    }


    /*テーブル①（ボーダーなし）*/
    .article-body .table1 td {
      border: 0px solid #dfdfdf;
      vertical-align: top;
      line-height:1.7em;
    }

    .article-body .table1 td img {
      text-align: left;
      vertical-align: top;
    }

    /*通常テーブル②（ボーダーあり）*/
    .article-body .table2 td {
      padding: 5px 5px;
      border: 1px solid #dfdfdf;
      vertical-align: middle;
      line-height:1.7em;
    }

    .article-body .table2 td img {
      text-align: left;
      vertical-align: middle;
    }

    /*ポイントボックス・テーブル①（ボーダーなし）*/
    .article-body .point-box td p {
      line-height:1.7em;
      margin-bottom: 1.0em;
      color: #383838; /* #585858 */
      vertical-align: top;
    }

    .article-body .point-box .table1 td {
      border: 0px solid #dfdfdf;
      vertical-align: top;
      line-height:1.7em;
    }

    .article-body .point-box .table1 td img {
      text-align: left;
      vertical-align: top;
    }

    /*ポイントボックス・テーブル②（ボーダーあり）*/
    .article-body .point-box .table2 td {
      border: 1px solid #dfdfdf;
      vertical-align: top;
      line-height:1.7em;
    }

    .article-body .point-box .table2 td img {
      text-align: left;
      vertical-align: middle;
    }


/*
 * Footer
 */
 .article-footer {
  border-color: #ECECEC;
  border-color: rgba(0, 0, 0, 0.07);
  border-style: solid;
  border-width: 1px 0;
  margin: 30px 0;
  padding: 20px 0;
}

.article-footer .article-vote {
  float: left;
}



/*
 * Vote
 */
 .article-vote {
  position: relative;
}

.article-vote small {
  color: #bbb;
  display: block;
}

.article-vote a:hover {
  text-decoration: none;
}

.article-vote-controls {
  position: absolute;
  right: -85px;
  top: 0;
}

/*
 * Vote icons
 */
 .article-vote-up, .article-vote-down {
  color: inherit;
  font-family: "entypo";
}

.article-vote-up:before {
  content: "\1f44d";
}

.article-vote-down:before {
  content: "\1f44e";
}

.article-voted {
  box-shadow: inset 1px 1px 5px #DDDDDD;
  opacity: 1;
}

.article-vote-up.article-voted {
  color: #6B9100;
}

.article-comments h2 {
  font-size: 17px;
  margin-top: 50px;
}

.article-avatar img {
  border-radius: 3px;
}

/*
 * 記事ページ内「問い合わせる」ボタン
 */
 .rc_AAQButton {
  padding: 50px 0;
  text-align: center;
}

.rc_AAQButton input[type="submit"], input[type="button"], button {
  padding: 11px 30px 40px;
  background-color: #C2C2C2;
  background-image: none;
  border: none;
  border-radius: 9999px;
  color:#FFF;
  font-size: 16px;
  font-weight: bold;
  *width:auto;
  *overflow:visible;
  text-align: center;
}

.rc_AAQButton input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, button:hover, button:focus {
  background: #D4D4D4;
  cursor: pointer;
  outline: none;
  opacity: 1;
}

.rc_AAQButton input[type="submit"][disabled], button[disabled] {
  background-color:#304764;
  background-position: 0px -40px;
  border-color:#333;
  color:#DDD;
}




/* ====================================================
   Social share links　（SNSシェアリンク）
   ==================================================== */
   .share li {
    display: inline-block;
  }

  .share a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;
  }

  .share a:before {
    display: inline-block;
    /*color: #FFFFFF;*/
    font-family: "entypo";
    text-align: center;
    width: 100%;
  }

  .share a:hover {
    text-decoration: none;
  }

  .share-twitter:before {
    background: #00ACED;
    content: "\F309";
  }

  .share-facebook:before {
    background: #3B5998;
    content: "\F30C";
  }

  .share-linkedin:before {
    background: #4875B4;
    content: "\F318";
  }

  .share-googleplus:before {
    background: #CD3C2A;
    content: "\F30F";
  }

  .share-label {
    cursor: pointer;
  }

  .share-label + .share {
    /*background: #FFFFFF;*/
    border: 1px solid #DDDDDD;
    border: 1px solid rgba(0, 0, 0, 0.17);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    left: 50%;
    line-height: 70px;
    margin: 10px 0 0 -75px;
    position: absolute;
    text-align: center;
    top: 100%;
    white-space: nowrap;
    width: 175px;
    z-index: 1;
  }

  .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 rgba(0, 0, 0, 0);
    border-bottom: 7px solid #CCC;
    border-left: 7px solid rgba(0, 0, 0, 0);
    margin-left: -6px;
  }

  .share-label + .share:after {
    top: -6px;
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid #FFF;
    border-left: 6px solid rgba(0, 0, 0, 0);
    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;
  }

/* ====================================================
   Attachments/Screencasts
   ==================================================== */
   .attachment-list, .screencast-list {
    font-size: 11px;
  }

  .attachment-list span, .screencast-list span {
    color: #bbb;
  }

  .comment .attachment-list, .comment .screencast-list {
    margin-top: 25px;
  }
  .comment .attachment-list li, .comment .screencast-list li {
    margin-bottom: 10px;
  }
  .comment .attachment-list li:before, .comment .screencast-list li:before {
    background: #f6f6f6;
    border-radius: 3px;
    color: #bbb;
    font-family: "entypo";
    margin-right: 5px;
    padding: 5px;
  }
  .comment .attachment-list li:before {
    content: "\1F4CE";
  }
  .comment .screencast-list li:before {
    content: "\1F4BB";
  }

/* ====================================================
   Comments - Used in the Article page and Request page
   ==================================================== */
   .comment, .comment-form {
    border-top: 1px solid #ECECEC;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    font-size: inherit;
    line-height: 1.3;
    min-height: 100px;
    padding: 20px 0;
    position: relative;
  }

  .comment-container {
    margin-left: 85px;
  }

  .comment-avatar {
    position: absolute;
    display: inline-block;
  }

  .comment-avatar img {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    max-width: 65px;
    max-height: 65px;
  }

  .comment-avatar-agent:after {
    background-color: transparent;
    background-image: url("/hc/theming_assets/01HZM3HDB87C6PVTTF718Q6GN2");
    background-image: url("/hc/theming_assets/01HZM3HDG7C5ZM75P8BW4ZXDV4");
    background-repeat: no-repeat;
    background-size: 14px;
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: -5px;
    right: -3px;
    content: " ";
  }

  .comment-author {
    display: inline-block;
    font-size: 12px;
    margin: 0 0 15px 0;
  }

  .comment-published, .comment-edit, .comment-delete, .comment-mark-as-spam {
    float: right;
    font-size: 11px;
    margin-right: 12px;
    margin-left: 12px;
  }

  .comment-published {
    color: #bbb;
    font-weight: lighter;
  }

  .comment-edit:before, .comment-delete:before, .comment-mark-as-spam:before {
    color: #CCC;
    content: "\2022";
    font-size: 10px;
    margin-left: -14px;
    pointer-events: none;
    position: absolute;
  }

  .comment-body {
    font-weight: lighter;
    line-height: 1.7;
    word-wrap: break-word;
  }

  .comment-body p:first-child {
    margin-top: 0px;
  }

  .comment-form textarea {
    border-radius: 2px 2px 0 0;
    border-width: 1px;
  }

  .comment-attachments {
    border-color: #DDDDDD;
    border-color: rgba(0, 0, 0, 0.13);
    border-style: solid;
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px;
    padding: 10px;
  }

  .comment-form {
    padding-top: 30px;
  }

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

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

  .comment-mark-as-solved {
    float: left;
    margin-top: 5px;
  }

  .comment-screencasts {
    float: left;
    margin-top: 5px;
    margin-right: 25px;
  }

  .comment-list + .pagination {
    border-top: 1px solid #ECECEC;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }

  .pending-comments-list {
    list-style: none;
  }

  .pending-moderation-comment-badge {
    border-style: solid;
    border-width: 1px;
    border-color: #c7aa2b;
    color: #c7aa2b;
    padding: 3px 5px;
    margin-top: 10px;
    font-size: 12px;
  }

/* ========================================================/* ==========================================================================
   Pagination
   ========================================================================== */
   .pagination {
    line-height: 0;
    padding: 20px 0;
    text-align: center;
    border: 0px solid #0000ff;
  }

  .pagination ul {
    display: inline-block;
    list-style: none;
  }

  .pagination li {
    float: left;
    margin-right: 10px;
    border: 1px solid #ECECEC;
    border-radius: 5px;
  }

  .pagination li + li {
    border-left: none;
    background-color: #fff;
    border: 1px solid #e3e3e3;
  }

  .pagination a {
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    padding: 5px 12px;
  }

  .pagination span {
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    background-color: #20AEE5;
    padding: 5px 12px;
    border-radius: 3px;
  }

  .pagination-current {
    background-color: #20AEE5;
    color: #fff;
  }

  .pagination-first {
    border-radius: 3px 0 0 3px;
    background-color: #fff;
  }

  .pagination-last {
    border-radius: 0 3px 3px 0;
  }

/* ====================================================
   My activities （マイアクティビティ）
   ==================================================== */
   .my-activities-header .breadcrumbs li:first-child,
   .my-activities-header .breadcrumbs li:before {
    display: none;
  }

  .my-activities-header {
    font-size: 20px;
    font-weight: bold;
    padding: 25px 0;
  }

  .my-activities-nav {
    border-top: 1px solid #ECECEC;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    margin-bottom: 55px;
    padding: 25px 0;
    background: #FFFFFF;
    padding: 25px 20px;
    margin-bottom: 0px;
    border-radius: 8px;
    zoom: 1;
  }

  .my-activities-nav li {
    padding-right: 30px;
  }

  .my-activities-sub-nav li {
    padding-right: 15px;
  }

  .my-activities-nav li, .my-activities-sub-nav li {
    display: inline-block;
    font-weight: bold;
  }

  .my-activities-nav li a, .my-activities-sub-nav li a {
    font-weight: normal;
  }

  .my-activities-nav li + li {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    padding-left: 30px;
  }

  .my-activities-sub-nav li + li {
    padding-left: 15px;
  }

  .my-activities-sub-nav {
    padding: 15px 0;
    position: relative;
    padding: 25px 20px;
    zoom: 1;
  }

  .request-table-toolbar {
    background-color: #FAFAFA;
    padding: 8px;
    text-align: right;
    background: #FFFFFF;
    padding: 25px 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    zoom: 1;
  }

  .status-selection, .organization-selection {
    display: inline-block;
  }

  .status-selection > span, .organization-selection > span {
    margin-right: 10px;
  }

  .status-selection button, .organization-selection button {
    background: #FFF;
    border-radius: 0;
    color: inherit;
    height: 27px;
    line-height: 25px;
    min-width: 85px;
    text-align: left;
  }

  .status-selection button:after, .organization-selection button:after {
    color: #adadad;
    float: right;
    margin-left: 15px;
  }

  .organization-selection button {
    margin-right: 15px;
  }

  .requests-search {
    float: left;
    height: 27px;
    outline: none;
    padding: 5px 15px;
    width: 350px;
    border-radius: 3px;
    -webkit-appearance: none;
  }

  .my-activities-table {
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 25px 20px;
    margin-bottom: 150px;
    zoom: 1;
  }

  .request-table {
    border: 0px solid #000;
    margin-bottom: 150px;
    padding-bottom: 0px;
  }

  .following-table {
    margin-top: 30px;
    margin-bottom: 150px;
    border: 0px solid #000;
    padding-bottom: 0px;
  }

  .my-activities-table a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .my-requests th:first-child + th + th, .my-requests td:first-child + td + td {
    display: none;
  }

  .request-table td {
    width: 5%;
    border-top: 1px solid #dfdfdf;
  }

  .request-table a {
    max-width: 550px;
  }

  .following-table td {
    width: 5%;
    border-top: 1px solid #dfdfdf;
  }

  .following-table a {
    max-width: 390px;
  }

  .contribution-table a {
    max-width: 250px;
  }

  .request-table td:nth-child(1) {
    width: 5%;
  }

  .request-table td:nth-child(2) {
    width: 65%;
  }

  .request-table td:nth-child(3) {
    width: 15%;
  }

  .request-table td:nth-child(4) {
    width: 15%;
  }

  .following-table td:nth-child(1) {
    width: 45%;
  }

  .following-table td:nth-child(2) {
    width: 15%;
  }

  .following-table td:nth-child(3) {
    width: 30%;
  }

  .following-table td:nth-child(4) {
    width: 10%;
  }

/* ====================================================
   Requests　（リクエストページ）
   ==================================================== */

/*
 * 新規リクエストページタイトル
 */
 .request-title h1 {
  font-size: 38px;
  color: #555;
  font-weight: normal;
  border-bottom: 0px solid #e3e3e3;
  margin: 6px 0 20px;
  padding-bottom: 30px;
  padding-left: 57px;
  background-image:url("/hc/theming_assets/01HZM3H9P5XRWJT91HJ5T1JN59");
  background-size: 47px 44px;
  background-repeat: no-repeat;
  line-height: 38px;
}

.request-follow-up {
  text-align: right;
}

.follow-up-hint {
  display: inline-block;
  float: right;
  font-size: 13px;
  margin-top: 13px;
}

.request-details {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  margin: 30px 0 30px;
  padding: 15px 20px;
}

.request-details li + li {
  margin-top: 10px;
}

.request-header {
  font-weight: lighter;
  font-size: 1.7em;
  margin: 1em 0;
}

.request-id {
  color: #bbb;
  display: block;
  font-size: 13px;
}

.request-details {
  font-size: 12px;
}

.request-details dt ~ dt {
  font-weight: bold;
  margin-top: 15px;
}

.request-details dd {
  margin: 2px 0 0;
}

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

.request-details dd li {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0;
}

.request-details .nested-field-tag:before {
  content: " > ";
}
.request-details .nested-field-tag:first-child:before {
  content: "";
}

.request-status {
  color: #FFF;
  border-radius: 3px;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 2px 5px;
  white-space: nowrap;
}

.request-open {
  background: #59BBE0;
}

.request-answered {
  background: #F5CA00;
}

.request-solved {
  background: #828282;
}

/*
 *  （サイドバー/新規リクエストページ）
 */
 
 .request-sidebar {
  float: right;
  width: 270px;
  background: #FFFFFF;
  padding: 20px 20px 0;
  margin-bottom: 10px;
  border-radius: 8px;
  zoom: 1;
}

.request-sidebar ul {
  margin-left: 5px;
  margin-bottom: 30px;
}

.request-sidebar li {
  margin: 5px 0 10px 0;
}

/*
 *  （注意書き/新規リクエストページ）
 */

 .request-attention {
  padding: 20px 0 0 0;
  margin-bottom: 10px;
  border-radius: 8px;
  zoom: 1;
}

.request-attention ul {
  margin-left: 15px;
  margin-bottom: 0px;
}

.request-attention li {
  margin: 5px 0 10px 0;
  font-size: 13px;
  list-style-type: disc;
}

/*
 *  （ぱんくず/新規リクエストページ）
 */
 .request-breadcrumbs {
  width: 620px;
  list-style: none;
  margin: 0 0 -25px 0;
  padding: 7px 0 0 0;
  border: 0px solid #000;
}

.request-breadcrumbs li {
  display: inline-block;
  white-space: nowrap;
}

.request-breadcrumbs li + li:before {
  color: #333;
  content: ">";
  padding: 0 5px;
}

/* ====================================================
   Search results　（検索結果）
   ==================================================== */
   
   .search-results h1 {
    background: #FFFFFF;
    padding: 20px 20px 20px 74px;
    border-radius: 8px;
    margin-top: 5px;
    zoom: 1;

    background-image:url("/hc/theming_assets/01HZM3H9P5XRWJT91HJ5T1JN59");
    background-size: 38px 33px;
    background-repeat: no-repeat;
    background-position: 20px center ;
  }


  body .community-enabled {
    float: left;
    width: 450px;
    background: #FFFFFF;
    padding: 25px 20px;
    margin-top: 5px;
    border-radius: 8px;
    zoom: 1;
    margin: 0 auto;
    height: 100%;
    width: 100%;
  }


  body .search-results-column {
    float: left;
    width:100%;
    background: #FFFFFF;
    padding: 25px 20px;
    margin-top: 5px;
    border-radius: 8px;
    zoom: 1;
    border: 1px solid #e3e3e3;
  }




  body.community-enabled .search-results-column ~ .search-results-column {
    margin-left: 0px;
    margin-top: 20px;
    background: #FFFFFF;

  }

  .search-results-subheading {
    border-bottom: 1px solid #ECECEC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding-bottom: 10px;
    margin-bottom: 0;
  }

  .search-results-subheading-link {
    font-size: 13px;
    font-weight: normal;
    margin-left: 5px;
  }

  .search-result {
    margin: 200;
    padding: 20px;
    background: #FFFFFF;
  }

  .search-result + .search-result {
    border-top: 1px solid #ECECEC;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }

  .search-results-list {
    margin: 0;
  }

  .search-result-link {
    font-size: 16px;
  }

  .search-result-description,
  .search-result-meta {
    padding-top: 16px;
  }

  .search-result-meta-name,
  .search-result-meta-time,
  .search-result-meta-count {
    font-size: 12px;
    color: #bbb;
  }

  .search-result-meta-time:before,
  .search-result-meta-count:before {
    display: inline-block;
    padding-right: 5px;
    content: '\2022';
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
  }

  .search-result-votes {
    background: #A8D119;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    line-height: 1;
    margin-left: 5px;
    padding: 4px 5px;
    position: relative;
    top: -2px;
  }

  .search-result-votes:before {
    content: "\1F44D";
    font-family: "entypo";
    margin-right: 3px;
  }



  .search-results{
    margin-top: 1px;
    margin-bottom: 150px;
  }



  .pagination {
    margin-top: 1px;
    margin-bottom: 120px;
    margin-top: -130px;
  }

  .following-table .pagination {
    margin-top: 1px;
    margin-bottom: -10px;
  }




/* ====================================================
   Forms　（フォーム）
   ==================================================== */
   .form {
    background: #f6f6f6;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid #ECECEC;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    overflow: hidden;
    padding: 40px 55px;

    -webkit-appearance: none;
  }

  .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: red;
    margin-left: 2px;
  }

  .form-field textarea, .form-field input {
    box-shadow: inset 0 1px #E3E3E3;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.11);
  }

  .form-field p {
    color: #BEBEBE;
    font-size: 11px;
  }

  .form-field input[type=number], .form-field input.datepicker {
    width: 150px;
  }

  .form form + form,
  .searchbox {
    margin-top: 25px;
  }

  .searchbox-suggestions {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    border: solid 1px #ccc;
    padding: 10px 20px;
  }

  .searchbox-suggestions li {
    padding: 5px 0;
  }

  [data-loading="true"] input,
  [data-loading="true"] textarea {
    background: transparent url("/hc/theming_assets/01HZM3HDNFS5H5JFV06674Y547") 99% 50% no-repeat;
    background-size: 16px 16px;
  }

  .form footer {
    border-top: 1px solid #ECECEC;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    margin-top: 40px;
    padding-top: 25px;
    text-align: right;
  }

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

/* ====================================================
   Error pages　（エラーページ）
   ==================================================== */
   .error-page {
    background: #FFFFFF;
    padding: 1px 20px 25px 20px;
    margin: 50px 0px;
    border-radius: 8px;
    zoom: 1;
    height: 100%;
    width: 100%;
    margin-bottom: 150px;
  }

  .error-page h1 {
    background-image:url("/hc/theming_assets/01HZM3H9P5XRWJT91HJ5T1JN59");
    background-size: 45px 42px;
    background-repeat: no-repeat;
    background-position: 0px 10px;
    border-bottom: 2px solid #e3e3e3;
    font-size: 32px;
    color: #555;
    font-weight: normal;
    margin: 20px 0 25px;
    padding-bottom: 10px;
    padding-left: 57px;
  }

  .error-page h2 {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .error-page > a {
    display: block;
    margin-top: 25px;
  }

/* ====================================================
   Community　（コミュニティ）
   ==================================================== */
/*
 * Heading
 */
 .community-heading {
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

/*
 * Nav
 */
 .community-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 0;
  margin-bottom: 55px;
  margin-top: 0px;
  padding: 25px 0;
  
  background: #FFFFFF;
  padding: 20px 20px;
  margin-bottom: 30px;
  border-radius: 8px;
  zoom: 1;
}

.community-nav li {
  display: inline-block;
  font-weight: bold;
  padding-right: 30px;
}

.community-nav li a {
  font-weight: normal;
}

.community-nav li + li {
  border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  padding-left: 30px;
}

.community-nav li:last-child {
  border: 0;
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  top: -5px;
}

.community-nav li:last-child a {
  color: #158EC2;
}

.community-nav li:last-child a:before {
  content: "\270E";
  font-family: "entypo";
  font-size: 14px;
  margin-right: 10px;
  vertical-align: middle;
}











/*
 * Sub nav
 */
 .community-sub-nav {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 15px 0;
  position: relative;
}

.community-sub-nav li {
  display: inline-block;
  font-weight: bold;
  padding-right: 15px;
}

.community-sub-nav li a {
  font-weight: normal;
}

.community-sub-nav li + li {
  padding-left: 15px;
}

.community-sub-nav .topic-add {
  position: absolute;
  right: 0;
  top: 10px;
}

/*
 * Topics/questions/answers
 */
 .topic {
  display: inline-block;
  width: 49.5%;
  padding: 20px 30px 20px 0;
  vertical-align: top;
}

.topic-header, .question-header {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  display: table;
  padding-bottom: 10px;
}

.topic-header > *, .question-header > * {
  display: table-cell;
  vertical-align: middle;
}

.topic-header .topic-meta, .question-header .question-meta {
  padding: 0 15px;
  white-space: nowrap;
}

.topic-heading, .question-heading, .answer-list-heading {
  font-weight: bold;
  font-size: 13px;
  width: 100%;
}

.topic-heading {
  font-size: 18px;
}

.topic-questions {
  margin-top: 45px;
}

.topic-description {
  word-break: break-word;
}

.question, .answer {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 20px 0;
  position: relative;
}

.question-form .nesty-input {
  max-width: none;
}

.question-avatar, .answer-avatar {
  display: table-cell;
  margin-right: 10px;
  min-width: 50px;
  position: relative;
  vertical-align: top;
}

.question-avatar-agent:after, .answer-avatar-agent:after {
  background-color: transparent;
  background-image: url("/hc/theming_assets/01HZM3HDB87C6PVTTF718Q6GN2");
  background-image: url("/hc/theming_assets/01HZM3HDG7C5ZM75P8BW4ZXDV4");
  background-repeat: no-repeat;
  background-size: 14px;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 30px;
  top: 30px;
  content: " ";
}

.question-avatar img, .answer-avatar img {
  border-radius: 3px;
  max-height: 38px;
  max-width: 38px;
}

.question-body, .answer-body, .answer-official-body {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.question-body .answer-official-body {
  vertical-align: top;
  width: 100%;
}

.question-body p, .answer-body p, .answer-official-body p {
  margin: 0 0 5px;
}

.question-body .question-meta, .answer-body .answer-meta, .answer-official-body .answer-meta {
  float: left;
}

.question .answer {
  border: none;
  padding-bottom: 0;
}

.question-topic-list {
  margin: -20px 0 30px;
}

.question-topic-list li {
  display: inline-block;
  margin: 10px 10px 0 0;
}

.question-topic-list a {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  color: #C5C5C5;
  display: inline-block;
  font-size: 11px;
  padding: 7px 15px;
}

.question-title, .topic-title {
  margin: -3px 0 5px;
  font-size: 15px;
}

.question-title a, .topic-title a {
  font-weight: lighter;
}

.question-meta, .answer-meta, .topic-meta {
  color: #C5C5C5;
  font-size: 11px;
}

.topic-meta span + span:before, .question-meta span + span:before, .answer-meta span + span:before {
  content: "\2022";
  font-size: 10px;
  margin: 0 10px;
}

.answer-form {
  margin: 30px 0 0 95px;
}

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

.answer-form-controls input[type=submit] {
  margin-left: 15px;
}

.answer-form-controls .pull-left {
  float: left;
}

.answer-official-heading {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px;
  border-bottom: 0px;
}

.answer-list-heading {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin-top: 30px;
  padding-bottom: 20px;
}

.pending-moderation-answer-badge {
  clear: both;
  border-style: solid;
  border-width: 1px;
  border-color: #c7aa2b;
  color: #c7aa2b;
  padding: 3px 5px;
  float: left;
  margin-top: 10px;
  font-size: 12px;
}

.question-share, .answer-share {
  position: relative;
}

.related-questions-header {
  border-bottom: 0px solid #ECECEC;
  border-bottom: 0px solid rgba(0, 0, 0, 0.07);
}

.related-questions-heading {
  margin-top: 3px;
}

.related-questions h3 {
  color: #383838;
  font-weight: 100;
  font-size: 110%;
  border-left: 3px solid #20aee5;
  border-bottom: 0px solid #ECECEC;
  border-bottom: 0px solid rgba(0, 0, 0, 0.07);
  margin-top: 17px;
  margin-bottom: 20px;
  padding: 5px 0px 5px 10px;
}



.related-questions li {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*
 * Vote
 */
 .vote {
  display: table-cell;
  margin-left: 15px;
  margin-right: 10px;
  min-width: 95px;
  vertical-align: top;
}

.vote-sum, .vote-controls {
  display: inline-block;
  vertical-align: middle;
}

.vote-sum {
  font-size: 15px;
  font-weight: bold;
  min-width: 60px;
  padding-left: 10px;
  text-align: center;
}

.vote-controls {
  border-radius: 5px;
}

.vote-controls a {
  background: #FFF;
  border-color: #f6f6f6;
  box-shadow: none;
  color: #BBB;
  display: block;
  font-family: "entypo";
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
}

.vote-up {
  border-radius: 5px 5px 0 0;
}

.vote-down {
  border-radius: 0 0 5px 5px;
  border-top: 0;
}

.vote-up:before {
  content: "\E763";
}

.vote-down:before {
  content: "\E760";
}

.vote-controls:hover {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.vote-controls:hover a {
  background: #FFF;
  border-color: #A6A6A6;
  color: #BBB;
}

.vote-controls a:hover, .vote-controls [aria-selected=true] {
  background: #f6f6f6;
  color: #333;
}

.vote-controls a:active {
  background: #CCC;
  color: #111;
}

/*
 * Accept
 */
 .answer-accept {
  color: #BBB;
  font-size: 15px;
  max-width: 15px;
  overflow: hidden;
  padding-top: 7px;
  position: absolute;
  white-space: nowrap;
}

.answer-accept:hover {
  text-decoration: none;
}

.answer-accept:before {
  content: "\2713";
  font-family: "entypo";
  margin-right: 5px;
}

.answer-accepted .answer-accept, .answer-accepted .vote-sum {
  color: green;
}

/*
 * Admin controls
 */
 .topic-controls, .question-controls, .answer-controls {
  float: right;
  font-size: 11px;
}

.topic-edit, .question-delete, .question-mark-as-spam, .answer-delete, .answer-mark-as-spam {
  margin-left: 25px;
}

.topic-edit:before, .question-delete:before, .question-mark-as-spam:before, .answer-delete:before, .answer-mark-as-spam:before {
  color: #CCC;
  content: "\2022";
  font-size: 10px;
  margin-left: -16px;
  pointer-events: none;
  position: absolute;
}

/* ====================================================
   Chat　（チャット）
   ==================================================== */
   .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);
    font-size: 12px;
    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: gray;
    cursor: default !important;
    bottom: -50px;
  }

/* ====================================================
   Parsed markdown　（マークダウン）
   ==================================================== */
   .markdown {
    word-wrap: break-word;
  }

  .markdown h1,
  .markdown h2,
  .markdown h3,
  .markdown h4,
  .markdown h5 {
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: bold;
    line-height: 13px;
    font-size: 13px;
  }

  .markdown img {
    display: block;
    border: 1px solid #ECECEC;
    border: 1px solid rgba(0, 0, 0, 0.07);
    height: auto;
    max-width: 100%;
    padding: 3px;
    margin-bottom: 10px;
  }

  .markdown p {
    margin-bottom: 10px;
  }

  .markdown ul,
  .markdown ol {
    list-style-position: inside;
    margin: 0 0 10px 10px;
  }

  .markdown ul {
    list-style-type: disc;
  }

  .markdown ol {
    list-style-type: decimal;
  }

  .markdown li > ul,
  .markdown li > ol {
    margin: 0 0 0 10px;
  }

  .markdown pre {
    background: #f6f6f6;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid #ECECEC;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
    margin-bottom: 10px;
  }

  .markdown blockquote {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    color: #bbb;
    font-style: italic;
    padding-left: 10px;
    margin: 0 0 10px 0;
  }

  .markdown hr {
    margin-bottom: 10px;
    height: 2px;
    background-color: #ECECEC;
  }

/* ====================================================
   Right to left
   ==================================================== */
   html[dir=rtl] {
  /* ====================================================
     Base styles
     ==================================================== */
  /*
   * Forms
   */
  /*
   * Tables
   */
  /* ====================================================
     Helper classes
     ==================================================== */
  /*
   * Column size
   */
  /*
   * Dropdowns
   */
  /*
   * Visibility
   */
  /* ====================================================
     Header
     ==================================================== */
  /* ====================================================
     Search
     ==================================================== */
  /* ====================================================
     Navigation Pages
     ==================================================== */
  /* ====================================================
     Promoted tooltip
     ==================================================== */
  /* ====================================================
     Sub nav
     ==================================================== */
  /* ====================================================
     Article
     ==================================================== */
  /*
   * Header
   */
  /*
   * Body
   */
  /*
   * Footer
   */
  /*
   * Vote
   */
  /* ====================================================
     Social share links
     ==================================================== */
  /* ====================================================
     Attachments/Screencasts
     ==================================================== */
  /* ====================================================
     Comments - Used in the Article page and Request page
     ==================================================== */
  /* ==========================================================================
     Pagination
     ========================================================================== */
  /* ====================================================
     My activities
     ==================================================== */
  /* ====================================================
     Requests　（リクエスト）
     ==================================================== */
  /* ====================================================
     Search results　（検索結果）
     ==================================================== */
  /* ====================================================
     Forms　（フォーム）
     ==================================================== */
  /* ====================================================
     Community　（コミュニティ）
     ==================================================== */
  /*
   * Heading
   */
  /*
   * Nav
   */
  /*
   * Sub nav
   */
  /*
   * Topics/questions/answers
   */
  /*
   * Vote
   */
  /*
   * Accept
   */
  /*
   * Admin controls
   */
  /* ====================================================
     Chat　（チャット）
     ==================================================== */
  /* ====================================================
     Parsed markdown　（マークダウン）
     ==================================================== */
   }
   html[dir=rtl] input[type=checkbox] + label {
    margin-left: auto;
    margin-right: 5px;
  }
  html[dir=rtl] table {
    text-align: right;
  }
  html[dir=rtl] .main-column {
    float: right;
  }
  html[dir=rtl] .side-column {
    float: left;
  }
  html[dir=rtl] .dropdown-toggle:after {
    margin-left: auto;
    margin-right: 5px;
  }
  html[dir=rtl] .visibility-internal-icon:before {
    margin-right: auto;
    margin-left: 5px;
  }
  html[dir=rtl] .visibility-internal:before {
    left: auto;
    right: -10px;
  }
  html[dir=rtl] .visibility-internal:after {
    left: auto;
    right: 50%;
    margin-left: auto;
    margin-right: -5px;
  }
  html[dir=rtl] .logo {
    float: right;
  }
  html[dir=rtl] .user-nav {
    float: left;
  }
  html[dir=rtl] .user-info [role="button"] {
    padding: 4px 4px 4px 10px;
  }
  html[dir=rtl] .user-avatar {
    margin-right: auto;
    margin-left: 4px;
  }
  html[dir=rtl] .submit-a-request {
    border-left: 0;
    border-right: 1px solid #ECECEC;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    margin-left: auto;
    margin-right: 15px;
    padding-left: auto;
    padding-right: 15px;
  }
  html[dir=rtl] .login, html[dir=rtl] .user-info {
    margin-left: auto;
    margin-right: 20px;
  }
  html[dir=rtl] .hero-unit .search input[type=search] {
    padding: 16px 55px 16px 12px;
  }
  html[dir=rtl] .hero-unit .search input[type=text] {
    padding: 16px 55px 16px 12px;
  }
  html[dir=rtl] .sub-nav .search {
    float: left;
  }
  html[dir=rtl] .sub-nav .search input[type=search] {
    padding: 6px 35px 6px 10px;
  }
  html[dir=rtl] .sub-nav .search input[type=text] {
    padding: 6px 35px 6px 10px;
  }
  html[dir=rtl] body.community-enabled .knowledge-base {
    float: right;
  }
  html[dir=rtl] body.community-enabled .community {
    float: left;
  }
  html[dir=rtl] .community h4 a {
    margin-left: auto;
    margin-right: 5px;
  }
  html[dir=rtl] .category-empty, html[dir=rtl] .section {
    padding: 0 0 30px 50px;
  }
  html[dir=rtl] .section-subscribe, html[dir=rtl] .section-unsubscribe {
    float: left;
  }
  html[dir=rtl] .article-promoted span {
    margin-right: auto;
    margin-left: 5px;
  }
  html[dir=rtl] .article-promoted span:before {
    left: auto;
    right: -10px;
  }
  html[dir=rtl] .article-promoted span:after {
    left: auto;
    right: 50%;
    margin-left: auto;
    margin-right: -5px;
  }
  html[dir=rtl] .sub-nav .breadcrumbs {
    float: right;
  }
  html[dir=rtl] .article-metadata {
    float: right;
    padding-left: auto;
    padding-right: 55px;
  }
  html[dir=rtl] .article-avatar {
    left: auto;
    right: 0;
  }
  html[dir=rtl] .article-subscribe, html[dir=rtl] .article-unsubscribe {
    float: left;
  }
  html[dir=rtl] .article-body blockquote {
    border-left: 0;
    border-right: 1px solid #ECECEC;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    padding-left: auto;
    padding-right: 20px;
  }
  html[dir=rtl] .article-body ul, html[dir=rtl] .article-body ol {
    margin: 20px 20px 20px 0;
  }
  html[dir=rtl] .article-body li > ul, html[dir=rtl] .article-body li > ol {
    margin: 0 20px 0 0;
  }
  html[dir=rtl] .article-body li {
    margin-left: auto;
    margin-right: 20px;
  }
  html[dir=rtl] .article-footer .article-vote {
    float: right;
  }
  html[dir=rtl] .article-footer .share {
    float: left;
  }
  html[dir=rtl] .article-vote-controls {
    right: auto;
    left: -85px;
  }
  html[dir=rtl] .article-voted {
    box-shadow: inset -1px 1px 5px #DDDDDD;
  }
  html[dir=rtl] .share-label + .share {
    left: auto;
    right: 50%;
    margin: 10px -75px 0 0;
  }
  html[dir=rtl] .share-label + .share:before, html[dir=rtl] .share-label + .share:after {
    left: auto;
    right: 50%;
  }
  html[dir=rtl] .share-label + .share:before {
    margin-left: auto;
    margin-right: -6px;
  }
  html[dir=rtl] .share-label + .share:after {
    margin-left: auto;
    margin-right: -5px;
  }
  html[dir=rtl] .comment .attachment-list li:before, html[dir=rtl] .comment .screencast-list li:before {
    margin-right: auto;
    margin-left: 5px;
  }
  html[dir=rtl] .comment-container {
    margin-left: auto;
    margin-right: 85px;
  }
  html[dir=rtl] .comment-avatar-agent:after {
    right: auto;
    left: -3px;
  }
  html[dir=rtl] .comment-published, html[dir=rtl] .comment-edit, html[dir=rtl] .comment-delete, html[dir=rtl] .comment-mark-as-spam {
    float: left;
  }
  html[dir=rtl] .comment-edit:before, html[dir=rtl] .comment-delete:before, html[dir=rtl] .comment-mark-as-spam:before {
    margin-left: auto;
    margin-right: -14px;
  }
  html[dir=rtl] .comment-form-controls {
    text-align: left;
  }
  html[dir=rtl] .comment-form-controls input[type=submit] {
    margin-left: auto;
    margin-right: 15px;
  }
  html[dir=rtl] .comment-mark-as-solved {
    float: right;
  }
  html[dir=rtl] .comment-screencasts {
    float: right;
    margin-right: auto;
    margin-left: 25px;
  }
  html[dir=rtl] .pagination li {
    float: right;
  }
  html[dir=rtl] .pagination li + li {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    border-right: none;
  }
  html[dir=rtl] .pagination-first {
    border-radius: 0 3px 3px 0;
  }
  html[dir=rtl] .pagination-last {
    border-radius: 3px 0 0 3px;
  }
  html[dir=rtl] .my-activities-nav li {
    padding-right: auto;
    padding-left: 30px;
  }
  html[dir=rtl] .my-activities-sub-nav li {
    padding-right: auto;
    padding-left: 15px;
  }
  html[dir=rtl] .my-activities-nav li + li {
    border-left: 0;
    border-right: 1px solid #ECECEC;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    padding-left: auto;
    padding-right: 30px;
  }
  html[dir=rtl] .my-activities-sub-nav li + li {
    padding-left: auto;
    padding-right: 15px;
  }
  html[dir=rtl] .request-table-toolbar {
    text-align: left;
  }
  html[dir=rtl] .status-selection > span, html[dir=rtl] .organization-selection > span {
    margin-right: auto;
    margin-left: 10px;
  }
  html[dir=rtl] .status-selection button, html[dir=rtl] .organization-selection button {
    text-align: right;
  }
  html[dir=rtl] .status-selection button:after, html[dir=rtl] .organization-selection button:after {
    float: left;
    margin-left: auto;
    margin-right: 15px;
  }
  html[dir=rtl] .organization-selection button {
    margin-right: auto;
    margin-left: 15px;
  }
  html[dir=rtl] .requests-search {
    float: right;
  }
  html[dir=rtl] .request-follow-up {
    text-align: left;
  }
  html[dir=rtl] .follow-up-hint {
    float: left;
  }
  html[dir=rtl] body.community-enabled .search-results-column {
    float: right;
  }
  html[dir=rtl] body.community-enabled .search-results-column ~ .search-results-column {
    margin-left: auto;
    margin-right: 40px;
  }
  html[dir=rtl] .search-results-subheading-link {
    margin-left: auto;
    margin-right: 5px;
  }
  html[dir=rtl] .search-result-meta-time:before, html[dir=rtl] .search-result-meta-count:before {
    padding-right: auto;
    padding-left: 5px;
  }
  html[dir=rtl] .search-result-votes {
    margin-left: auto;
    margin-right: 5px;
  }
  html[dir=rtl] .search-result-votes:before {
    margin-right: auto;
    margin-left: 3px;
  }
  html[dir=rtl] .form-field input[type=checkbox] + label {
    margin: 0 10px 0 0;
  }
  html[dir=rtl] .form-field.required > label:after {
    margin-left: auto;
    margin-right: 2px;
  }
  html[dir=rtl] [data-loading="true"] input, html[dir=rtl] [data-loading="true"] textarea {
    background-position: 1% 50%;
  }
  html[dir=rtl] .form footer {
    text-align: left;
  }
  html[dir=rtl] .form footer a {
    margin-right: auto;
    margin-left: 15px;
  }
  html[dir=rtl] .community-heading {
    float: right;
  }
  html[dir=rtl] .community-nav li {
    border: 0;
    border-right: 1px solid #ECECEC;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    padding: 0 30px;
  }
  html[dir=rtl] .community-nav li:first-child {
    border-right: 0;
    padding-right: 0;
  }
  html[dir=rtl] .community-nav li:last-child {
    border-right: 0;
    float: left;
    padding-left: 0;
  }
  html[dir=rtl] .community-nav li:last-child a:before {
    margin-right: auto;
    margin-left: 10px;
  }
  html[dir=rtl] .community-sub-nav li {
    padding-right: auto;
    padding-left: 15px;
  }
  html[dir=rtl] .community-sub-nav li + li {
    padding-left: auto;
    padding-right: 15px;
  }
  html[dir=rtl] .community-sub-nav .topic-add {
    right: auto;
    left: 0;
  }
  html[dir=rtl] .topic {
    padding: 20px 0 20px 30px;
  }
  html[dir=rtl] .question-avatar, html[dir=rtl] .answer-avatar {
    margin-right: auto;
    margin-left: 10px;
  }
  html[dir=rtl] .question-avatar-agent:after, html[dir=rtl] .answer-avatar-agent:after {
    left: auto;
    right: 30px;
  }
  html[dir=rtl] .question-body .question-meta, html[dir=rtl] .answer-body .answer-meta, html[dir=rtl] .answer-official-body .answer-meta {
    float: right;
  }
  html[dir=rtl] .question-topic-list li {
    margin: 10px 0 0 10px;
  }
  html[dir=rtl] .answer-form {
    margin: 30px 95px 0 0;
  }
  html[dir=rtl] .answer-form-controls {
    text-align: left;
  }
  html[dir=rtl] .answer-form-controls input[type=submit] {
    margin-left: auto;
    margin-right: 15px;
  }
  html[dir=rtl] .answer-form-controls .pull-left {
    float: right;
  }
  html[dir=rtl] .pending-moderation-answer-badge {
    float: right;
  }
  html[dir=rtl] .vote {
    margin-left: 10px;
    margin-right: 15px;
  }
  html[dir=rtl] .vote-sum {
    padding-left: auto;
    padding-right: 10px;
  }
  html[dir=rtl] .answer-accept:before {
    margin-right: auto;
    margin-left: 5px;
  }
  html[dir=rtl] .topic-controls, html[dir=rtl] .question-controls, html[dir=rtl] .answer-controls {
    float: left;
  }
  html[dir=rtl] .topic-edit, html[dir=rtl] .question-delete, html[dir=rtl] .question-mark-as-spam, html[dir=rtl] .answer-delete, html[dir=rtl] .answer-mark-as-spam {
    margin-left: auto;
    margin-right: 25px;
  }
  html[dir=rtl] .topic-edit:before, html[dir=rtl] .question-delete:before, html[dir=rtl] .question-mark-as-spam:before, html[dir=rtl] .answer-delete:before, html[dir=rtl] .answer-mark-as-spam:before {
    margin-left: auto;
    margin-right: -16px;
  }
  html[dir=rtl] .chat {
    right: auto;
    left: 85px;
  }
  html[dir=rtl] .chat:before {
    margin-right: auto;
    margin-left: 10px;
  }
  html[dir=rtl] .markdown ul, html[dir=rtl] .markdown ol {
    margin: 0 10px 10px 0;
  }
  html[dir=rtl] .markdown li > ul, html[dir=rtl] .markdown li > ol {
    margin: 0 10px 0 0;
  }
  html[dir=rtl] .markdown blockquote {
    border-left: 0;
    border-right: 1px solid #ECECEC;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    padding-left: auto;
    padding-right: 10px;
  }







    /* ====================================================

    スクロールでページトップへ戻る▲を表示

    ==================================================== */

    .footer .pagetop {
      display: none;
      position: fixed;
      bottom: 300px;
      right: 50px;
    }

    .footer .pagetop a {
      display: block;
      width: 50px;
      height: 50px;
      background-color: #20AEE5;
      border-radius: 50px;
      text-align: center;
      color: #fff;
      font-size: 24px;
      text-decoration: none;
      line-height: 50px;
    }

    /*マウスオーバーで半透明*/
    .footer .pagetop a:hover {
      opacity: 0.6;
    }


    /* ====================================================

    トップお知らせ欄

    ==================================================== */
/*
 *  （新着情報用）
 */

 #rc_UpdateInfo {
  color: #383838;
  font-size: 13px;
  background: #FFFFFF;
  border-radius: 8px;
  margin: 60px 0px 0px;
  padding: 25px 20px 10px 10px;
}

#rc_UpdateInfoTitle {
  color: #65666b;
  font-size: 13px;
  font-weight: bold;
  margin-top:-10px;
  padding-left: 10px;
  padding-top: 5px;
  width: 95px;
}

#rc_UpdateInfoTitle span {
  font-weight: bold;
}

#rc_UpdateInfoAnswer {
  margin-top:-35px;
  padding-top: 15px;
  padding-left: 130px;
}

#rc_UpdateInfo .rn_Multiline2 .rn_Element1, #rc_UpdateInfo .rn_Multiline2 .rn_Element2 {
  font-size: 14px;
}
#rc_UpdateInfoAnswer .rn_Multiline2 li {
  list-style: outside none disc;
  margin-bottom: 5px;
}

.icoNew {
  background: #ff825e none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-left: 8px;
  padding: 5px 5px 3px;
  vertical-align: top;
}

/*
 *  （お知らせ用）
 */

 #rc_SiteInfo {
  color: #383838;
  font-size: 13px;
  margin: 10px 0px -15px;
  padding: 0 0px 5px;
  border: 0px solid #ff0000;
}

#rc_SiteInfoTitle {
  color: #65666b;
  font-size: 13px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 15px;
  width: 95px;
}
#rc_SiteInfoTitle span {
  font-weight: bold;
}
#rc_SiteInfoAnswer {
  margin-top:-35px;
  padding-top: 15px;
  padding-left: 140px;
}

#rc_SiteInfo .rn_Multiline2 .rn_Element1, #rc_SiteInfo .rn_Multiline2 .rn_Element2 {
  font-size: 14px;
}
#rc_SiteInfoAnswer .rn_Multiline2 li {
  list-style: outside none disc;
  margin-bottom: 3px;
}

.rn_Element2 {
  margin-left: 15px;
  border: 0px solid #ff0000;  
}

.rn_ClearBoth {
  clear: both;
}

/*
 *  （サイドバー/マニュアル用）
 */

 .related-sidebar2 {
  float: left;
  width: 270px;
  height: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #ffffff;
}

.manual_dl2 {
  background-image:url(//p2.zdassets.com/hc/theme_assets/532076/200061944/bn_manual2_270x100.png);
  width: 270px;
  height: 100px;
  background-repeat: no-repeat;  
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.manual_dl2:hover {
 opacity: 0.6;
 filter: alpha(opacity=60); /*ie6、7*/
 -ms-filter: "alpha(opacity=60)"; /*ie6、8*/
}

.related-sidebar3 {
  float: left;
  width: 270px;
  height: 100px;
  margin-bottom: 10px;
  background-color: #ffffff;
}

.manual_dl3 {
  background-image:url(//p2.zdassets.com/hc/theme_assets/532076/200061944/bn_manual_yoyakudaicho2_270x100.png);
  width: 270px;
  height: 100px;
  background-repeat: no-repeat;  
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.manual_dl3:hover {
 opacity: 0.6;
 filter: alpha(opacity=60); /*ie6、7*/
 -ms-filter: "alpha(opacity=60)"; /*ie6、8*/
}



    /* ====================================================

検索結果ページ

==================================================== */
/*検索結果ページのmetaを消す/meta分の間隔を詰める*/
.search-result-meta{ 
  visibility : hidden;
  margin-bottom: -40px;
}

/*検索結果ページのh2<ナレッジベース>を消す/h2分の間隔を詰める*/
.search-results-column h2 {
  visibility : hidden;
  margin-bottom: -60px;
}

/*
 *  バナー
 */
 .banners {
  float: left;
  width: 270px;
  margin-top: 8px;
  margin-bottom: 10px;
}
.banners a {
  display: block;
}
.banners a:hover {
 opacity: 0.6;
 filter: alpha(opacity=60); /*ie6、7*/
 -ms-filter: "alpha(opacity=60)"; /*ie6、8*/
}
.banners img {
  width: 270px;
}

/********************


  footer リンク導入


  *********************/
  footer {
    padding: 3em 0 0;
    margin: 4em 0 0 0;
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 30px 0 0;
    height: auto;
  }

  footer .pagetop {
    display: none;
    position: fixed;
    bottom: 120px;
    right: 50px;
    z-index: 1;
  }

  .pagetop a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #20AEE5;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 1.1em;
    text-decoration: none;
    line-height: 50px;
  }

  footer .footer-inner {
    display: block;
    margin: 0 auto;
    max-width: 980px;/*1160px;*/
    padding: 0;
  }

  ul.footer-banner {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
  }

  .footer-banner > li {
    width: 32%;
    box-sizing: border-box;
    padding: 0 0 1.5%;
  }

  .footer-banner > li img {
    width: 100%;
    height: auto;
  }

  footer nav {
    background-color: #727b7f;
    padding: 1.5% 0;
    text-align: left;
    color: white;
    font-size: .9rem;
  }

  footer nav .inner {
    padding: 0 1em;
    max-width: 1160px;
    margin: 1em auto;
  }

  footer nav p {
    text-align: left;
    margin: 0;
    padding: 0;
  }

  .footer-nav {
    margin: 0 auto 2em;
    display: block;
    list-style: none;
  }

  footer .footer-nav li {
    display: inline-block;
    padding: 0 .6em 0 1em;
    margin: 0;
    border-left: 1px solid;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
  }

  footer .footer-nav li:first-child {
   border: none;
   padding-left: 0;
 }

 .footer-nav li a {
   display: inline-block;
   padding: 0;
   color: #eee;
   text-decoration: none;
   font-weight: normal;
 }

 .footer-nav li a:hover {
   text-decoration: underline;
   color: inherit;
 }

 footer nav a,
 footer .copyright a {
  color: white;
}

footer .copyright {
  padding: 0;
  margin: 1em auto;
}

footer .copyright a {
  font-size: 10px;
  text-decoration: underline;
}

footer .copyright a:hover {
  color: inherit;
}

@media only screen and (max-width: 640px) and (orientation: portrait)  {

 .footer-banner > li {
   width: 95%;
 }

 footer .footer-nav li,
 footer .footer-nav li:first-child{
  /*display: block; */
  border: none;
  padding: 0;
  border-right: 1px solid;
}

footer .footer-nav li:last-child {
  border: none;
}

footer .footer-nav li a {
    /*padding: .8em 1em;
    display: block;
    border-bottom: 1px solid #ababab;*/
    padding: 0em .5em 0 0;
  }

  footer nav {
    padding: 1em 0;
  }
}

/* footer 変更に伴うbody下 */
body {

}

/*****
  footer trademark
  *****/
footer .copyright a.recru_link {
  display: inline-block;
}

footer .block_trademark {
  margin-top: .5em;
}
footer .copyright .trademark {
  font-size: 10px;
  margin-left: .5rem;
  display: block;
}






/************************************************


  design 見直し new_id add


  ************************************************/

  #new_article {
  }

  #new_article * {
    font-size: 1rem;
    font-family: "Avenir next","Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",MSPGothic,sans-serif;
    line-height: 1.5;
    color: #555;
    font-weight: normal;
  }

  #new_article section + section {
    margin-top: 3em;
  }

  #new_article strong {
    font-weight: 600;
    color: inherit;
    line-height: 100%;
  }

  /* 検索結果キーワード */
  .search-results em {
    font-weight: bold;
    font-style: normal;
  }

  .search-results a.search-result-link,
  .search-results a.search-result-link:link {
    color: #0070c0;
    text-decoration: underline;
    font-weight: normal;
  }

  .search-results a.search-result-link:hover,
  .search-results a.search-result-link:active {
    text-decoration: none;
  }

  /* zendeskクラス打ち消し */
  /* underline */
  #new_article .wysiwyg-underline {
    text-decoration: none;
  }

  /* fontsize */
  #new_article .wysiwyg-font-size-small,
  #new_article .wysiwyg-font-size-medium,
  #new_article .wysiwyg-font-size-large,
  #new_article .wysiwyg-font-size-x-large {
    font-size: inherit;
  }

  /* small,big打ち消し */
  #new_article small,
  #new_article big {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
  }

  /* フォント上げ下げ */
  #new_article .note-text {
    font-size: .9em !important;
  }

  #new_article .important-text {
    font-size: 1.3em !important;
  }

  /* 上付き下付き */
  #new_article sup {
    font-size: inherit;
  }

  #new_article sub {
    font-size: inherit;
  }

  #new_article .arg_ttl-sample {
   /* sample */
   display: block;
   padding: 0;
   margin: 2em 0 0;
   font-weight: 600;
   position: relative;
 }

 #new_article .h3step + .indent {
  margin: 0 1em;
}

/*
  a link lvha
  */

  #new_article a {
    text-decoration: underline;
    color: #0892c7;
  }

  #new_article a:visited {
    opacity: .6;
    filter: alpha(opacity=60);
  }

  #new_article a:hover {
    text-decoration: none;
  }

  #new_article a:active {
  }

  #new_article a:hover img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

/*
  img
  */

  #new_article img.nobdr {
    border: none !important;
    background: none;
    padding: 0;
    margin: auto;
    display: inline-block;
  }

  #new_article .oneimg {
    text-align: center;
    margin: 1em auto;
  }

  #new_article .oneimg img {
    max-width: 100%;
    border: 1px solid #bdc3c4;
    margin: 0 auto;
    box-sizing: border-box;
    display: inline-block;
  }

  @media only screen and (max-width: 767px) {
    #new_article .oneimg {
      margin: .5em 0;
    }

    #new_article .oneimg img {
      max-width: 100%;
    }
  }

/*
    h系
    */
    /* overwrite */
    h1 {
      font-weight: normal !important;
      font-size: 2rem !important;
      padding: .5em 0 !important;
      background: none !important;
      font-feature-settings: "palt";
      letter-spacing: .1rem;
    }

    #new_article h2 {
      background: none;
      padding: 0;
      margin: 3em 0 1.5em;
      font-size: 1.8rem;
      font-weight: normal;
      position: relative;
      /*color: #29363b;*/
      color: #505050;
      line-height: 1.5;
      border: none;
      font-feature-settings: "palt";
      letter-spacing: .06rem;
    }

    #new_article h2.h2step {
    }

    #new_article h2.h2step span {
      font-weight: normal;
      color: #20aee5;
      font-size: 80%;
      display: inline-block;
      margin-right: .5em;
    }

    #new_article h3 {
      background: none;
      padding: 0 0 .5em;
      margin: 2.5em 0 1.5em;
      font-size: 1.4rem;
      font-weight: normal;
      /*color: #29363b;*/
      color: #505050;
      border-bottom: 1px solid #bdc3c4;
      position: relative;
      line-height: 1.5;
      font-feature-settings: "palt";
      letter-spacing: .06rem;
    }

    #new_article h3.h3step span {
      font-weight: normal;
      color: #20aee5;
      font-size: .8em;
      display: inline-block;
      margin-right: .5em;
      line-height: 1;
      vertical-align: top;
      position: relative;
      top: .5em;
    }

    #new_article h3::before {
      content: "";
      display: inline-block;
      width: 30%;
      height: 1px;
      /*background: #29363b;*/
      position: absolute;
      left: 0;
      bottom: -1px;
    }

    #new_article ol > li > h3:first-child {
      margin-top: 0;
      line-height: 1;
    }

    #new_article h4 {
      background: none;
      padding: 0;
      margin: 2em 0 1em;
      font-size: 1.2rem;
      font-weight: 600;
      /*color: #29363b;*/
      color: #505050;
      font-feature-settings: "palt";
      letter-spacing: 1px;
    }

    #new_article ol > li > h4:first-child {
      margin-top: 0;
      line-height: 1.3;
    }

    #new_article .box > h4:first-child {
      margin-top: 0;
      margin-bottom: .5em;
    }

    #new_article h5 {
      background: none;
      padding: 0;
      margin: 1.5em 0 .5em;
      font-size: 1rem;
      font-weight: 600;
      /*color: #29363b;*/
      color: #505050;
      font-feature-settings: "palt";
      letter-spacing: 1px;
    }

    #new_article h6 {
      background: none;
      padding: 0;
      margin: 1em 0 .5em;
      font-size: 1rem;
      font-weight: 600;
      /*color: #29363b;*/
      color: #505050;
      font-feature-settings: "palt";
      letter-spacing: 1px;
    }

    .font-feature-settings {
      -webkit-font-feature-settings: "liga" 1;
      -moz-font-feature-settings: "liga" 1;
      -moz-font-feature-settings: "liga=1";
      font-kerning: normal;
    }

    .font-feature-settings-ie {
      font-feature-settings: "liga" 1;
      -ms-font-feature-settings: "liga=1";
    }

    @media only screen and (max-width: 767px) {
      h1 {
        font-size: calc(120% + 2vw) !important;
      }

      #new_article h2 {
        font-size: calc(112.5% + 2vw);
      }

      #new_article h3 {
        font-size: calc(112.5% + 0.5vw);
      }
    }

    @media only screen and (max-width: 640px) and (orientation: portrait) {
      #new_article h3.h3step span {
        position: absolute;
        top: -1.2em;
      }
    }

/*
    通常テキスト
    */
    #new_article p {
      margin: 0;
    }

    #new_article p + p {
      margin-top: 1em;
    }

/*
    表組み
    */

    #new_article table {
      width: 100%;
      margin: 1em 0;
      padding: 0;
      border-collapse: collapse;
    }

    #new_article th,
    #new_article td {
      border: 1px solid #bdc3c4;
      padding: .6rem;
      margin: 0;
      text-align: left;
      vertical-align: top;
      font-weight: normal;
      font-size: .9rem;
    }

    #new_article th *,
    #new_article td * {
      line-height: 1.4;
    }

    #new_article td a {
      font-size: .9rem;
    }

    #new_article th {
      background: #e6e6e6;
      text-align: center;
    }

    #new_article th.nowrap,
    #new_article td.nowrap {
     white-space: nowrap;
   }

   #new_article .align-center th,
   #new_article .align-center td {
    text-align: center;
  }

  #new_article .align-left th,
  #new_article .align-left td {
    text-align: left;
  }

  #new_article .align-right th,
  #new_article .align-right td {
    text-align: right;
  }

  #new_article table.tbl-onoff td {
    text-align: center;
    vertical-align: middle;
  }

  #new_article table.layout-fix {
    table-layout: fixed;
  }

  #new_article table.calendar th {
    white-space: nowrap;
  }

  #new_article table.calendar th.month {
    width: 12%;
  }

  #new_article table.calendar th.day {
    width: 16%;
  }

  #new_article table.calendar th.youbi {
    width: 10%;
  }

  #new_article table.calendar td.holiday {
    color: #f55852;
  }

  @media only screen and (max-width: 767px) and (orientation: portrait) {
    #new_article table:not(.tbl-pc):not(.tbl-onoff) th,
    #new_article table:not(.tbl-pc):not(.tbl-onoff) td {
      display: block;
      float: left;
      width: 100%;
      margin-top: -1px;
      position: relative;
      box-sizing: border-box;
    }

    #new_article .tbl-attr thead {
      display: none;
    }

    #new_article .tbl-attr tbody th::before,
    #new_article .tbl-attr tbody td::before {
      content: "["attr(data-label)"]";
      display: block;
      padding-right: .5em;
      text-align: left;
      font-weight: bold;
    }
  }

  @media only screen and (max-width: 480px) and (orientation: portrait) {
    #new_article th,
    #new_article td {
      font-size: 80%;
    }

    #new_article table.tbl-pc th.nowrap,
    #new_article table.tbl-pc td.nowrap {
      white-space: normal;
    }
  }

  /*  SP用フォント小テーブル  */
  @media only screen and (max-width: 480px) and (orientation: portrait) {
    table.tbl-spfont td,
    table.tbl-spfont th {
      font-size: 10px !important;
      padding: .5em .2em !important;
    }
  }


  /*  横スクロールテーブル  */
  #new_article .sc-wrap {
    width: 100%;
    margin: 1em 0;
    overflow-x: scroll !important;
  /*
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  */
}

.sc-wrap::-webkit-scrollbar {
  height: 8px;
}

.sc-wrap::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 5px;
}

.sc-wrap::-webkit-scrollbar-track,
.sc-wrap::-webkit-scrollbar-track-piece {
  background: #eee;
}

#new_article .sc-wrap > table {
  min-width: 600px;
  margin: .5em 0;
}

#new_article .sc-wrap th,
#new_article .sc-wrap td {
  display: table-cell;
  width: auto;
  float: none;
}

/*
@media only screen and (max-width: 599px) and (orientation: portrait) {
  #new_article .sc-wrap th,
  #new_article .sc-wrap td {
    font-size: calc(50% + .2vw);
  }
}
*/

/*
    リスト（連番）
    */

    #new_article ol {
      margin: 1em 0;
      padding: 0;
      list-style: none;
      min-height: 1em;
    }

    #new_article li ol {
      margin: .5em 0;
    }

    #new_article ol > li {
      margin: 0;
      padding: 0;
      list-style: none;
      position: relative;
      padding-left: 1.6em;
      text-indent: 0;
      counter-increment: olstep;
    }

    #new_article ol > li + li {
      margin-top: .5em;
    }

    #new_article ol > li::before {
      content: counter(olstep);
      display: inline-block;
      margin-right: 1em;
      background: #20aee5;
      color: white;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      position: absolute;
      top: 1px;
      left: 0;
      -webkit-border-radius: 100%;
      border-radius: 100%;
      margin: 0;
      padding: 0;
      font-weight: 600;
    }

    #new_article ol ol > li {
      counter-increment: olstep2;
    }

    #new_article ol ol > li::before {
      content: counter(olstep2)'.';
      background: none;
      color: #20aee5;
      font-weight: 600;
      font-size: 1rem;
    }

    #new_article ol ol ol > li {
      counter-increment: olstep3;
    }

    #new_article ol ol ol > li::before {
      content: counter(olstep3)'.';
      color: black;
    }

    /* リセット用 1-10 */
    #new_article ol.ol-reset-1 {
      counter-reset: olstep 0;
    }
    #new_article ol.ol-reset-2 {
      counter-reset: olstep 1;
    }
    #new_article ol.ol-reset-3 {
      counter-reset: olstep 2;
    }
    #new_article ol.ol-reset-4 {
      counter-reset: olstep 3;
    }
    #new_article ol.ol-reset-5 {
      counter-reset: olstep 4;
    }
    #new_article ol.ol-reset-6 {
      counter-reset: olstep 5;
    }
    #new_article ol.ol-reset-7 {
      counter-reset: olstep 6;
    }
    #new_article ol.ol-reset-8 {
      counter-reset: olstep 7;
    }
    #new_article ol.ol-reset-9 {
      counter-reset: olstep 8;
    }
    #new_article ol.ol-reset-10 {
      counter-reset: olstep 9;
    }

/*
    リスト（箇条）
    */

    #new_article ul {
      margin: 1em 0;
      padding: 0;
      list-style: none;
      min-height: 1em;
    }

    #new_article li ul {
      margin: .5em 0;
    }

    #new_article ul > li {
      margin: 0;
      padding: 0;
      list-style: none;
      position: relative;
      padding-left: 1.5em;
      text-indent: 0;
    }

    #new_article ul > li + li {
      margin-top: .5em;
    }

    #new_article ul > li::before {
      content: "";
      display: inline-block;
      margin-right: 1em;
      background: #999;
      width: 5px;
      height: 5px;
      position: absolute;
      top: .5em;
      left: 10px;
      -webkit-border-radius: 100%;
      border-radius: 100%;
      margin: 0;
      padding: 0;
    }

/*
    目次
    */

    #new_article .index {
      background: #f0f0f0;
      margin: 1em 0;
      padding: 2em;
    }

    #new_article .index strong {
      font-size: 1rem;
      /*color: #29363b;*/
      color: #505050;
      display: inline-block;
      padding-bottom: .5em;
    }

    #new_article .index ul {
      margin: .5em 0 0;
    }

    #new_article .index li {
      margin: 0;
    }

    #new_article .index li + li {
      margin-top: .5em;
    }

    #new_article .index li::after {
      display: none;
    }

    #new_article .index li a {
      display: inline-block;
      line-height: 1.5;
      text-align: left;
      padding: 0;
      margin: 0;
    }

    @media only screen and (max-width: 640px) and (orientation: portrait) {
      #new_article .index {
        padding: 1em;
      }
    }


/*
    ページステップ
    */

    #new_article .page-nav {
      display: table;
      width: 100%;
      table-layout: fixed;
    }

    #new_article .page-nav > li {
      display: table-cell;
      text-align: center;
      padding: 1.5em 0 0 0;
      vertical-align: top;
      font-size: 90% !important;
      line-height: 1.3;
    }

    #new_article .page-nav > li::before {
      width: 10px;
      height: 10px;
      background: #bdc3c4;
      left: -100%;
      right: -100%;
      margin: 0 auto;
      content: "";
      position: absolute;
      top: 0;
      display: inline-block;
      z-index: 2;
    }

    #new_article .page-nav > li.active::before {
      background: #20aee5;
      width: 20px;
      height: 20px;
      top: -5px;
    }

    #new_article .page-nav > li::after {
      content: "";
      display: block;
      position: absolute;
      height: 2px;
      background: #bdc3c4;
      left: 0;
      width: 100%;
      top: 4px;
    }

    #new_article .page-nav > li:first-child::after {
      right: 0;
      left: 50%;
    }

    #new_article .page-nav > li:last-child::after {
      width: 50%;
    }

    #new_article .page-nav > li a {
      display: block;
      line-height: 1.3;
      position: relative;
      cursor: pointer;
      font-size: inherit;
    }

    @media only screen and (max-width: 640px) and (orientation: portrait) {
      #new_article .page-nav > li {
       font-size: 90% !important;
     }
   }







   /* 横並びレウアウトflexキャンセル */
   #new_article .column2 > *,
   #new_article .column3 > * {
    display: block;
    width: 100%;
  }

/*
    レイアウト：横並び2つで表示
    */

    #new_article .column2 {
      margin: 0;
      padding: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      -webkit-align-content: stretch;
      align-content: stretch;
    }

    #new_article .column2 > p {
      display: block;
      width: 100%;
    }

    /* 画像説明タイプ　４：６ */

    #new_article .column2 > .column2-l,
    #new_article .column2 > .column2-r {
      box-sizing: border-box;
      padding: 0;
      margin: 0;
      letter-spacing: normal;
      position: relative;
      display: inline-block;
      width: 38%;
      vertical-align: top;
      min-height: 0%;
    }

    #new_article .column2 > .column2-l *:first-child,
    #new_article .column2 > .column2-r *:first-child {
      margin-top: 0;
    }

    #new_article .column2 > .column2-r {
      width: 60%;
    }

    #new_article .column2 > .column2-l > ul,
    #new_article .column2 > .column2-r > ul,
    #new_article .column2 > .column2-l > ol,
    #new_article .column2 > .column2-r > ol {
      margin-top: 0;
    }

    #new_article .column2 > .column2-l > * + ul,
    #new_article .column2 > .column2-r > * + ul,
    #new_article .column2 > .column2-l > * + ol,
    #new_article .column2 > .column2-r > * + ol {
      margin-top: 1em;
    }

    /* 中にリスト */

    #new_article .steplist,
    #new_article .column2-in > li + li,
    #new_article .space-in > li + li,
    #new_article .steplist > li + li {
      margin-top: 2em;
    }

    #new_article ol.column2-in > li + li::before,
    #new_article ol.space-in > li + li::before,
    #new_article ol.steplist > li + li::before {
      top: .1em;
    }

    #new_article ul.column2-in > li + li::before,
    #new_article ul.space-in > li + li::before,
    #new_article ul.steplist > li + li::before {
      top: .5em;
    }

    /* タイプ　5：5 */

    #new_article .column2 > .column {
      box-sizing: border-box;
      padding: 0;
      margin: 0;
      letter-spacing: normal;
      position: relative;
      width: 48%;
      min-height: 0%;
    }

    /* タイプ　3：7 */

    #new_article .column2 > .column2ex-l,
    #new_article .column2 > .column2ex-r {
      box-sizing: border-box;
      padding: 0;
      margin: 0;
      letter-spacing: normal;
      position: relative;
      display: inline-block;
      width: 67%;
      vertical-align: top;
      min-height: 0%;
    }

    #new_article .column2 > .column2ex-l {
      width: 30%;
      text-align: center;
    }

    #new_article .column2 > .column2ex-r + .column2ex-l,
    #new_article .column2 > .column2ex-l + .column2ex-r {
      padding-left: 1em;
    }

    #new_article .column2 img,
    #new_article .column3 img {
      display: inline-block;
      max-width: 100%;
      height: auto;
    }
    #new_article .column2 img:not(.nobdr),
    #new_article .column3 img:not(.nobdr) {
      border: 1px solid #bdc3c4;
    }

    @media only screen and (max-width: 640px) and (orientation: portrait) {
      #new_article .column2 {
        flex-flow: column wrap;
      }

      #new_article .column2 > .column2-l,
      #new_article .column2 > .column2-r,
      #new_article .column2 > .column2ex-l,
      #new_article .column2 > .column2ex-r,
      #new_article .column2 > .column {
        width: 100% !important;
        margin: 0;
        padding: 0;
      }

      #new_article .column2 > .column2ex-r {
       padding-top: 2em;
     }

     #new_article .h3step + .indent {
       margin: 0;
     }

     #new_article .column2-in > li,
     #new_article .space-in > li {
      /*padding-left: 0;*/
    }

    #new_article .column2-in > li::before,
    #new_article .space-in > li::before {
      /*left: -1.6em;*/
    }

    #new_article ul.space-in > li::before {
      left: 0;
    }

    #new_article ul.space-in > li {
      padding-left: 1em;
    }

    #new_article .column2-l + .column2-r {
      margin-top: 1em;
    }

    #new_article .column + .column {
      margin-top: 1rem;
    }

  }

/*
    横並び3つで表示
    */

    #new_article .column3 {
      margin: 0;
      padding: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      -webkit-align-content: stretch;
      align-content: stretch;
    }

    #new_article .column3 > .column {
      margin:0;
      width: 31%;
      min-height: 0%;
    }

    @media only screen and (max-width: 640px) and (orientation: portrait) {
      #new_article .column3 {
        flex-flow: column wrap;
      }

      #new_article .column3 > .column {
        width: 100%;
        margin: 0;
      }

      #new_article .column3 > .column + .column {
        margin-top: 1em;
      }
    }

    /* 横並びレイアウト上限に指定外が来た場合のみ余白を取る */
    #new_article .column2 > p + .column2-l,
    #new_article .column2 > p + .column2-l + .column2-r,
    #new_article .column2 > div + p,
    #new_article .column2 > div + ol,
    #new_article .column2 > div + ul,
    #new_article .column3 > p + .column,
    #new_article .column3 > p + .column ~ .column,
    #new_article .column3 > .column + p,
    #new_article .column3 > .column + ul,
    #new_article .column3 > .column + ol {
      margin-top: 1em;
    }

    /* 横並びレイアウト 中に.note-listの場合上の余白を多くとる */
    #new_article .column2ex-l .note-list,
    #new_article .column2ex-r .note-list,
    #new_article .column2-l .note-list,
    #new_article .column2-r .note-list {
      margin-top: 1em;
    }

/*
 画像のみ横並び
 */

 #new_article .column-img {
  margin: 0;
  padding: 0;
  letter-spacing: -0.4em;
}

#new_article .column-img > img {
  letter-spacing: normal;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 0 2.5%;
  letter-spacing: normal;
  position: relative;
  display: inline-block;
  border: 1px solid #bdc3c4;
  max-width: 100%;
  height: auto;
}

#new_article .column-img > img:first-child {
  margin-left: 0;
}

#new_article .column-img figure.width46 {
  width: 46%;
  letter-spacing: 0;
}

#new_article .column-img figure.width46 img {
  border: 1px solid #bdc3c4;
  margin: 0 0 0 2.5%;
}

#new_article .column-img figure.width46 img:first-child {
  margin-left: 0;
}

@media only screen and (max-width:  640px) and (orientation: portrait) {
  #new_article .column-img > img {
    max-width: 100%;
    width: auto;
    margin: 0 0 1em;
  }

  #new_article .column-img img.ico-arrow {
    margin-bottom: .9em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    speak: none;
    width: 6%;
  }

  #new_article .column-img figure.width46 {
    max-width: 100%;
    width: auto;
    margin: 0 0 1em;
  }

  #new_article .column-img figure.width46 img {
    margin: 0;
  }
  
}


/*
    付加情報
    */

    #new_article .note-list {
      margin: .3em 0;
      padding: 0;
    }

    #new_article .note-list > li {
      padding-left: 1.2em;
      text-indent: 0;
      line-height: 1.6;
      margin-top: 0;
      font-size: .9rem;
    }

    #new_article ol.note-list > li {
     counter-increment: olstep;
     padding-left: 2em;
   }

   #new_article .note-list > li * {
    font-size: .9rem;
  }

  #new_article .note-list > li::before,
  #new_article ol.note-list > li::before {
    content: "※";
    display: inline-block;
    background: none;
    width: 1em;
    height: 1em;
    position: absolute;
    top: .45em;
    left: 0;
    line-height: 100%;
    font-size: .8rem;
  }

  #new_article ol.note-list > li::before {
   content: "※"counter(olstep);
   color: inherit;
   width: 2em;
   text-align: left;
   font-weight: normal;
 }

 @media only screen and (max-width: 640px) {
  #new_article .note-list > li {

  }
}

/*
    強調ポイント
    */
    #new_article .box {
      margin: 1em 0;
      padding: 1em 1.2em;
      border: 1px solid #bdc3c4;
      position: relative;
      -webkit-border-radius: 6px;
      border-radius: 6px;
    }

    #new_article .box > *:last-child {
      margin-bottom: 0 !important;
    }

    #new_article .box .box-ttl {
      font-size: .8rem;
      background: #bdc3c4;
      display: inline-block;
      padding: 5px 1em;
      line-height: 1;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      float: left;
      margin-right: .5em;
    }

/*
    強調警告
    */

    #new_article .box-alert,
    #new_article .box-important {
      border-color: #f55852;
      color: #f55852;
    }

    #new_article .text-important {
      color: #f55852;
    }

    /* overwrite start */
    #new_article .box-alert *,
    #new_article .box-important * {
      color: #f55852;
    }

    #new_article .box-alert a,
    #new_article .box-important a {
      color: #0892c7;
    }

    #new_article .box-important ul > li::before {
      background: red;
    }

    #new_article .box-important ul.note-list > li::before {
      background: transparent;
    }

    /* overwrite end */

/*
    補足情報コンテンツ
    */

    #new_article .box-aside {
      border: 2px solid #ddd;
      padding: 1em 2em;
      margin: 1em 0;
      /*background: #f6f6f6;*/
      font-size: .8rem;
    }

    #new_article .box-aside * {
      font-size: .9rem;
      color: #999;
    }

    #new_article .box-aside a {
      color: #0892c7;
    }

    #new_article .box-aside > h4:first-child,
    #new_article .box-aside > h5:first-child {
      margin-top: 0;
    }


/*
    横位置
    */

    #new_article .align-left {
      text-align: left;
      overflow: auto;
    }

    #new_article .align-left * {
      float: left;
    }

    #new_article .align-center {
      text-align: center;
    }

    #new_article .align-center * {
      margin-right: auto;
      margin-left: auto;
    }

    #new_article .align-right {
      text-align: right;
      overflow: auto;
    }

    #new_article .align-right * {
      float: right;
    }

/*
    縦位置
    */

    #new_article .valign-top,
    #new_article .valign-top * {
      vertical-align: top;
    }

    #new_article .valign-middle,
    #new_article .valign-middle * {
      vertical-align: middle;
    }

    #new_article .valign-bottom,
    #new_article .valign-bottom * {
      vertical-align: bottom;
    }

    #new_article .valign-baseline,
    #new_article .valign-baseline * {
      vertical-align: baseline;
    }

/*
    画面名の遷移表示
    */

    #new_article .screen-contents {
      margin: .5em 0 0em;
      padding: 0;
      list-style: none;
      position: relative;
    }

    #new_article .screen-contents > li {
      display: inline-block;
      margin: 0;
      padding: 0;
      list-style: none;
      position: relative;
      text-align: left;
      line-height: 100%;
    }

  #new_article .screen-box{
    margin: 1em 0 2em 0;
    background: #FAFAFA;
    font-size: .9em;
    padding: 0.2em 1.5em;
  }

  #new_article .screen-box dl dt{
    font-size: .9em;
  }

    @media only screen and (max-width: 640px) {
      #new_article .screen-contents > li {
        font-size: .9rem;
      }
    }

    #new_article .screen-contents > li::before {
      content: "\f114";
      font-family: FontAwesome;
      /*background: url(//p5.zdassets.com/hc/theme_assets/532076/200061944/ic_backoffice.svg) left center no-repeat transparent;*/
      background-size: 100%;
      display: inline-block;
      line-height: 1;
      position: relative;
      margin-right: .5em;
      left: 0;
      top: 0;
      width: 1em;
      height: 1em;
      background: none;
    }

    #new_article .screen-contents > li::after {
      content: "\f105";
      font-family: FontAwesome;
      display: inline-block;
      line-height: 1;
      position: relative;
      left: 0;
      top: 0;
      padding: 0 .5em 0 .7em;
      background: none;
    }

    #new_article .screen-contents > li:last-child::after {
      display: none;
    }

    #new_article .screen-contents > li:last-child::before {
      content: "\f07b";
    }


/*
    リンク
    */

    #new_article a.link-external,
    #new_article a.link-pdf,
    #new_article a.link-excel,
    #new_article a.link-word,
    #new_article a.link-relation {
      display: inline-block;
      position: relative;
      /* overwrite start */
      background: none;
      padding-right: 0;
      margin-right: 0;
      /* overwrite end */
    }

    /* 右端リンク */
    /* 外部 */
    #new_article a.link-external::after,
    #new_article a.link-pdf::after,
    #new_article a.link-excel::after,
    #new_article a.link-word::after {
      display: inline-block;
      line-height: 1;
      position: relative;
      right: 0;
      top: 0;
      margin-left: .3em;
      content: "";
      width: 1em;
      height: 1em;
      background: url(//p5.zdassets.com/hc/theme_assets/532076/200061944/ic_external.svg) left .2em no-repeat transparent;
      background-size: 80%;
    }

    /* pdf */
    #new_article a.link-pdf::after {
      background: url(//p5.zdassets.com/hc/theme_assets/532076/200061944/ic_adobe_pdf.png) left top no-repeat transparent;
      margin-left: .2em;
      background-size: 100%;
    }

    /* adobe download */
    #new_article .adobe_pdf {
      display: block;
      width: 100%;
      margin: 2em 0;
      padding: 0;
      border: 1px solid #bdc3c4;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      letter-spacing: -0.4em;
    }

    #new_article .adobe_pdf dt,
    #new_article .adobe_pdf dd {
      display: inline-block;
      letter-spacing: normal;
      width: 25%;
      padding: 1em;
      box-sizing: border-box;
      margin: 0;
      vertical-align: top;
      font-size: .8rem;
    }

    #new_article .adobe_pdf dt {
      padding-right: 0;
    }

    #new_article .adobe_pdf dd {
      width: 75%;
      text-align: left;
    }

    #new_article .adobe_pdf dd p {
      margin: 0;
      font-size: .8rem;
    }

    #new_article .adobe_pdf dd strong {
      display: block;
      padding-bottom: .5em;
    }

    #new_article .adobe_pdf a {
      color: #0892c7;
      font-size: 1em;
      font-weight: 600;
    }
    #new_article .adobe_pdf a:hover {
      text-decoration: none;
    }

    /* excel */
    #new_article a.link-excel::after {
      background: url(//p5.zdassets.com/hc/theme_assets/532076/200061944/ic_excel.png) left center no-repeat transparent;
      margin-left: .2em;
      background-size: 100%;
      height: 1.3em;
      vertical-align: top;
      display: inline-block;
    }

    /* word */
    #new_article a.link-word::after {
      background: url(//p5.zdassets.com/hc/theme_assets/532076/200061944/ic_word.png) left center no-repeat transparent;
      margin-left: .2em;
      background-size: 100%;
      height: 1.3em;
      vertical-align: top;
      display: inline-block;
    }

    /* 画像リンクの場合はアイコンなし */
    #new_article a.imglink::after {
      padding-right: 0;
      margin-right: 0;
      background: none;
    }

    /* 関連 */
    #new_article .relation {
      margin: .5em 0;
      text-align: right;
    }

    #new_article a.link-relation {
      display: block;
    }

    #new_article a.link-relation::before {
      content: "";
      display: inline-block;
      line-height: 1;
      position: relative;
      left: 0;
      top: 0;
      margin-right: .5em;
      font-size: .8rem;
      width: 1em;
      height: 1em;
      line-height: 1;
      background: url(https://cdn.airregi.jp/res/jp/asset/image/icon_arrow_link.png) left 2px no-repeat transparent;
      background-size: 100%;
    }

    /*  導線リンク */
  #new_article a.btn {
    text-decoration: none;
    border: 1px solid;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 0.7em 2.3em 0.7em 1.7em;
    display: inline-block;
    line-height: 1.4;
    margin: 2em auto;
    font-weight: bold;
    position: relative;
    /* overwrite start */
    background: none;
    color: inherit;
    /* overwrite end */
  }

    #new_article a.btn:hover {
      opacity: .6;
      filter: alpha(opacity=60);
    }

    #new_article a.btn::after {
      content: "\f054";
      font-family: FontAwesome;
      display: inline-block;
      line-height: 1;
      position: absolute;
      right: 1em;
      top: -100%;
      bottom: -100%;
      font-size: .8rem;
      height: 1em;
      margin: auto;
    }

    #new_article a.primary {
      color: white;
      background: #20aee5;
      min-width: 315px;
    }

    #new_article a.external::after {
      content: "";
      width: 1em;
      height: 1.2em;
      background: url(//p5.zdassets.com/hc/theme_assets/532076/200061944/btn_external.svg) left top no-repeat transparent;
    }

    @media only screen and (max-width: 500px) {
      #new_article a.primary {
        min-width: 100px;
      }
    }


/*
    dl
    */

    #new_article dl {
      margin: 1em 0;
      padding: 0;
    }

    #new_article dt,
    #new_article dd {
      margin: 0;
      padding: 0;
      position: relative;
    }

    #new_article dt {
      font-weight: 600;
    }

    #new_article dt + dd,
    #new_article dt + dt {
      margin-top: .5em;
    }

    #new_article dd + dt {
      margin-top: 1.5em;
    }

    #new_article dt img,
    #new_article dd img {
      border: 1px solid #bdc3c4;
    }

    #new_article .img-height-l {
      text-align: center;
    }

    #new_article .img-height-l img {
      max-width: 320px;
    }

/*
    リリース情報dl(リスト）
    */

    #new_article dl.release-list {
      margin-top: 2em;
    }

    #new_article dl.release-list dt {
      font-size: 1em;
      border-bottom: 1px solid #bdc3c4;
      padding-bottom: .5em;
    }

/*
    faq
    */

    #new_article .faq > dt,
    #new_article .faq > dd {
      padding-left: 2em;
    }

    #new_article .faq > dt::before,
    #new_article .faq > dd::before {
      position: absolute;
      content: "Q";
      top: .1em;
      left: 0;
      padding-right: .5em;
      font-size: 1.4rem;
      line-height: 1;
      display: inline-block;
      font-weight: normal;
      text-align: center;
      width: 1em;
    }

    #new_article .faq > dt {
      font-size: 1.15em;
    }

    #new_article .faq > dd::before {
      content: "A";
      color: #20aee5;
      top: 0;
    }

    #new_article .faq > dd + dt {
      margin-top: 2.5em;
    }


/*
  画面の説明
  */

  #new_article .parts-explain {
    margin-top: 2em;
  }

  #new_article .parts-explain > dt {
    font-weight: 600;
    color: #ff9700;
    position: relative;
  }

  #new_article .parts-explain > dt .num {
    color: white;
    background: #ff9700;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    font-size: .8rem;
    position: relative;
    left: 0;
    top: -.2em;
    margin-right: .5em;
    font-weight: 600;
  }

  #new_article .parts-explain > dd {
    padding-left: 2em;
  }

  #new_article .parts-explain > dd > dl {
    margin-top: .5em;
  }


/*
  アコーディオン
  */

  #new_article .acordion dt {
    padding: .5em;
    margin: 0;
    background: #f0f0f0;
    border: 1px solid #bdc3c4;
    font-weight: normal;
  }

  #new_article .acordion dt.arg_ac_open {
    font-weight: 600;
    background: none;
    border-bottom: none;
  }

  #new_article .acordion dt::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #bdc3c4;
    border-right: solid 2px #bdc3c4;
    -ms-transform: rotate(133deg);
    -webkit-transform: rotate(133deg);
    transform: rotate(133deg);
    top: .7em;
    position: absolute;
    right: 18px;
  }

  #new_article .acordion dt.arg_ac_open::after {
    -ms-transform: rotate(-46deg);
    -webkit-transform: rotate(-46deg);
    transform: rotate(-46deg);
    top: 21px;
  }

  #new_article .acordion dd {
    margin: -1px 0 .5em 0;
    padding: .5em;
    border: 1px solid #bdc3c4;
    border-top: none;
  }

  #new_article .acordion dd + dt {
    margin-top: -1px;
    border-top: 1px solid #bdc3c4;
  }

  #new_article .acordion dd li {
    border: none;
  }


/*
  アプリアイコンリスト　アイコン＋テキスト
  */

  #new_article .appicon_list {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: stretch;
    align-content: stretch;
  }

  #new_article .appicon_list > li {
    margin:0 0 1.5em 0;
    padding: 0;
    width: 31%;
    min-height: 0%;
    overflow: hidden;
  }

  #new_article .appicon_list > li::before {
    display: none;
  }

  #new_article .appicon_list a.imglink {
    display: block;
    float: left;
    margin-right: 5%;
    border-radius: 22.5%;
    overflow: hidden;
    width: 26%;
    max-width: 100px;
    height: auto;
    border: 1px solid #ddd;
  }

  #new_article .appicon_list a {
    font-size: .8rem !important;
  }

  #new_article .appicon_list .imglink img {
    border: none !important;
    width: 100%;
    height: auto;
  }

  #new_article .appicon_list dl {
    display: block;
    width: 60%;
    float: left;
    margin: 0;
  }

  #new_article .appicon_list dt,
  #new_article .appicon_list dd,
  #new_article .appicon_list p {
    font-size: .8rem;
  }

  #new_article .appicon_list dt a {
    font-weight: bold;
  }

  @media only screen and (max-width: 767px) {

    #new_article .appicon_list > li {
      width: 50%;
    }

  }

  @media only screen and (max-width: 640px) and (orientation: portrait) {

    #new_article .appicon_list {
      flex-flow: column wrap;
    }

    #new_article .appicon_list > li {
      width: 100%;
    }

  }


/*
  App Store ボタン
  */

  .app_store {
    margin: 1em 0;
    padding: 0;
  }

  .app_store > dt,
  .app_store > dd {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 600;
    font-size: 1em;
  }

  .app_store > dd {
    margin-top: .5em;
  }

  .app_store a {
    background: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: block;
    width: auto;
    text-align: center;
  }

  .app_store a img {
    max-height: 60px;
    width: auto !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

/*

  vide iframe

  */

  #new_article .video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 1em 0;
  }

  #new_article .video iframe,
  #new_article .video video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }

  /* space l m s */

  #new_article .space-l {
    margin-top: 6em !important;
  }

  #new_article .space-m {
    margin-top: 3em !important;
  }

  #new_article .space-s {
    margin-top: 1em !important;
  }

/****************

header news

*****************/
.header-news {
  background: #f0f0f0;
  padding: .5em 0;
}

.header-news section {
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 0 10px;
}

.header-news-list {
  float: left;
  width: 80%;
  position: relative;
}

.header-news-list li {
  position: relative;
}

.header-news-list li + li {
 margin-top: .3em;
}

.header-news-list li.sp-news-num {
  display: none;
  position: relative;
  padding-left: 3.5em;
}

.header-news-list li.sp-news-num::before,
.label-new {
  display: inline-block;
  background: #ff9700;
  color: white;
  line-height: 1;
  padding: .3em .6em;
  border-radius: 3px;
  font-weight: bold;
  vertical-align: top;
  position: relative;
  top: .3em;
  left: 0;
  font-size: 11px;
  text-transform: uppercase;
  margin-right: .5rem;
}

.header-news-list li.sp-news-num::before {
 content: "New";
 position: absolute;
 padding: .3em .6em .2em;
}

.header-news .header-news-list span {
  display: inline-block;
  font-size: .9em;
  font-weight: bold;
  padding-right: .6em;
}

.header-news .header-news-list a {
  color: #0070c0;
  text-decoration: underline;
}

.header-news .header-news-list a:hover {
  text-decoration: none;
}

.header-news aside {
  float: right;
  display: inline-block;
}

.header-news aside a {
  position: relative;
  display: inline-block;
}

.header-news aside a::before {
  content: "";
  background-image: url(https://p5.zdassets.com/hc/theme_assets/532076/200061944/arg_arrow_blue.png);
  background-position: center;
  background-repeat: no-repeat;
  padding: 1px 9px;
  background-size: 9px;
}

/* 1件もない場合 */
.news-non .header-news-list::before {
  content: "最新のお知らせはありません";
}

.header-news.news-non aside {
  display: inline-block;
}

.news-non .header-news-list li.sp-news-num {
  display: none;
}

.news-non .header-news-list li {
  display: none;
}

/* SPでも必ず表示の場合 */
@media only screen and (max-width:  640px) and (orientation: portrait) {
  /* 通常 */
  .header-news aside {
    display: none;
  }

  .header-news-list li {
    display: none;
  }

  .header-news-list li.sp-news-num {
    display: block;
  }

  /* 重要がある場合 */
  .news-important .header-news-list {
    width: 100%;
    float: none;
  }

  .news-important .header-news-list li.sp-news-num {
    display: none;
  }

  .news-important .header-news-list li:first-child {
    display: block;
  }

  .news-important aside {
    display: inline-block;
  }


}

/* お知らせ一覧カテゴリ／セクションのNEW */
li.article-list-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}


/* メンテ太くしないように追加 */
.emergency-wrap.normal-wrap {
  color: inherit;
  font-weight: normal;
}

.emergency-wrap.normal-wrap a {
  margin-left: .5em;
}


/****************************

description（非公開中）

*****************************/
p.page-header-description {
  display: block;
  margin-bottom: 2rem;
  display: none;
}



/* search results */
.search-results-text {
  font-size: 1.4rem;
  margin-top: -1em;
  padding-top: 0;
}

/****************************

PC画像キャプチャのBefore/After

*****************************/

#new_article .column-img.full-img {
  letter-spacing: 0;
  margin-top: 1em;
}

#new_article .column-img.full-img img.ico-arrow {
  display: block;
  margin: 1em auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#new_article .column-img.full-img img.ico-arrow + figure {
  margin-top: 0;
}

@media only screen and (max-width:  640px) and (orientation: portrait) {

  #new_article .column-img.full-img img.ico-arrow {
    display: block;
    margin: .6em auto;
  }
}

/* algolia */

#sr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
/* margin-top: 30px; */
    padding: 30px;
}

.ais-InstantSearch {
    background-color: #fff;
    border-radius: 8px;
}


.sr-col-l {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    flex: 0 0 20%;
    max-width: 20%;
    box-sizing: border-box;
    padding: 10px;
  height: auto;
}

  /* ウィンドウ幅が768px未満の場合 */
  @media (max-width: 767px) {
      .sr-col-l {
          position: static; /* SPではstickyを無効にする */
          top: auto; /* top: 0 を無効にする */
          height: auto; /* 高さを自動にする */
          overflow-y: visible; /* スクロールを解除 */
      }
  }

.sr-col-r {
    flex: 0 0 70%;
    max-width: 70%;
    box-sizing: border-box;
    padding: 10px;
}

.sr-col-r h4 {
  margin-top:1em !important;
}

#service-filter label{
  display:block;
}

#searchForm {
    margin-bottom: 20px;
}

#queryInput {
    width: calc(100% - 100px);
    padding: 8px;
    margin-right: 10px;
}

#searchButton {
    padding: 8px 16px;
}

#new_article .sr-h5{
  margin: 8px 0 16px;
}

#new_article .sr-h4{
  display:none;
}

 .modal-close {
   display:none;
	}

.sr-col-l label{
	display: block;
  font-size: 14px;
  margin-bottom: 5px;
  padding-left: 4px;
	cursor:pointer;
}

.sr-col-l input[type="checkbox"]{
	margin-right: 3px;
  margin-top: -4px;
}

.sr-col-l .reset-checkbox{
  font-size: 14px;
  padding-right:4px;
  text-align: right;
}

#service-filter label, #info-filter label {
  color: #555;
}

#service-filter label.sr-checked, #info-filter label.sr-checked {
  color: #0892c7;
}

#service-filter label, #info-filter label {
  display: flex;
  align-items: center;
}

#service-filter input[type="checkbox"], #info-filter input[type="checkbox"] {
  margin-right: 8px; /* チェックボックスとテキストの間にスペースを追加 */
}

#service-filter label input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: #007bff; /* チェックマークと枠の色を変更（モダンブラウザ対応） */
}

/* right-col */
.sr-col-r {
    flex: 0 0 80%;
    max-width: 80%;
    box-sizing: border-box;
    padding: 10px;
  	border-left: 1px solid #ccc;
  	padding-left:40px;
}

.sr-col-r #new_article h2{
  margin: 0 0 16px;
}

.sr-col-r #new_article p.sr-summary{
  margin: 0 0 16px;
}

.sr-col-r #new_article #searchForm{
  position: relative;
  margin: 14px 0 0;
}

.sr-col-r #new_article .search{
	width: 100%;
  max-width: 100%;
}

.sr-col-r #new_article #queryInput {
  border: 1px solid #bdc3c4;
  padding: .5rem 70px .5rem 40px;
  border-radius: 4px;
  height: 40px;
  line-height: 1;
  width: 600px;
  box-sizing: border-box;
  -webkit-appearance: none;
  font-weight: normal;
  font-size: 1rem;
}

.sr-col-r #new_article #searchButton{
    display: block;
    padding: 0px 0px;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 37px;
    content: "検索";
    background-color: #FF8258;
    color: white;
    border: none;
    border-radius: 20px;
    font-weight: 400;
    width: 60px;
    min-width: 95px;
    font-size: 0.9rem;
    font-weight: normal;
}

.sr-col-r #new_article #searchButton:hover{
  opacity: 0.6;
}

.sr-col-r #new_article h4 {
  margin-top:1em;
}

.sr-col-r #new_article .hit-container{
  border-bottom:1px #ccc solid;
  padding: 16px 0;
  position: relative;
  background-repeat: no-repeat;
	background-size: auto 20px;
  background-position: calc(100% - 28px) 35px;
}

.sr-col-r #new_article .sp-filter{
  display:none;
}

#new_article .hit-container h5{
 width: calc(100% - 210px); 
}



.logo-arg {background-image: url('/hc/theming_assets/01JD1XEH8AEY5X83A9TB3XFZ72');}
.logo-apy {background-image: url('/hc/theming_assets/01JCHRVS4THKGKXCYEZ4HJZ40D');}
.logo-mpa {background-image: url('/hc/theming_assets/01JCHRVWH960YECFMXJPAFJRBK');}
.logo-pyr {background-image: url('/hc/theming_assets/01JCHRVY5V55HMGRJQXREAMN73');}
.logo-msc {background-image: url('/hc/theming_assets/01JCHRVX1BHDKMX9AKSN139S9C');}
.logo-sft {background-image: url('/hc/theming_assets/01JCHRW060QX8FGR07C381DQ2G');}
.logo-rb {background-image: url('/hc/theming_assets/01JCHRVYSWSVNJPZ20NE17HFYT');}
.logo-mate {background-image: url('/hc/theming_assets/01JCHRVVD8Y2FAD1P6MAK658QN');}
.logo-awt {background-image: url('/hc/theming_assets/01JCHRVT9SM8TGJXH9D7K5GXWD');}
.logo-rsv {background-image: url('/hc/theming_assets/01JCHRVZJNPAQSXJC02Q59RKV0');}
.logo-inv {background-image: url('/hc/theming_assets/01JCHRVTV5W5JYJ6MTVYW3ND5W');}
.logo-aid {background-image: url('/hc/theming_assets/01JCHRVRJG8N9A57V16Y47Z57X');}
.logo-acs {background-image: url('/hc/theming_assets/01JCHRVR05V3XGC50C96T8HY75');}
.logo-mkt {background-image: url('/hc/theming_assets/01JCHRVVYPEQSDDCBBVSX2EQ1C');}
.logo-oes {background-image: url('/hc/theming_assets/01JCHRVXJHYG1AB4XHG76M23TT');}
.logo-psb {background-image: url('/hc/theming_assets/01JCHV62A5WEDBCEFNB33FP5D0');}

.sr-col-r #new_article .hit-container.logo-psb  {
    background-size: auto 30px;
}

#new_article .hit-container h5{
  font-size: 18px;
  margin: 14px 0;
  padding: 0;
}

#new_article .hit-container h5 em{
  font-style:normal;
  font-weight:bold;
  color: #0892c7;
}

.search-results em,.hit-container em{
  font-weight: 600 !important;!i;!;
  font-style: normal;
}

#new_article .zero-result-message{
  margin:18px 0;
  text-align: center;
}

#new_article .zero-result-message h3{
  border:0px;
  margin-bottom: 18px;
}

#new_article .hit-container .sr-breadcrumb{
  font-size:15px;
  color: #555;
}

#new_article .hit-container .sr-breadcrumb a{
  font-size:15px;
  color: #555;
  text-decoration:none;
}

#new_article .hit-container .sr-breadcrumb a:hover{
  text-decoration: underline;
  color: #0892c7;
}

@media screen and (max-width: 900px) {
  
  #new_article .hit-container h5{
    width: 100%;
    padding-left: 62px;
    line-height:1.3em;
    min-height: 44px;
    background-size: auto 38px;
    background-position: 0 center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
  }

  #new_article .hit-container{
    background-image:none;
  }
#new_article h5.logo-arg {background-image: url('/hc/theming_assets/01JCHRW2K5TXW9VW3K5EMMP08B');}
  #new_article h5.logo-apy {background-image: url('/hc/theming_assets/01JCHRW1TRTRRCTNCHX4MEXJG3');}
  #new_article h5.logo-mpa {background-image: url('/hc/theming_assets/01JCHRW6KS8CJ42HWEYEMHNZ05');}
  #new_article h5.logo-pyr {background-image: url('/hc/theming_assets/01JCHRW89A6M21CJ8EM8HFPSEN');}
  #new_article h5.logo-msc {background-image: url('/hc/theming_assets/01JCHRW75JYW2SWV756MD70VF4');}
  #new_article h5.logo-sft {background-image: url('/hc/theming_assets/01JCHRW9SZGWJWV9C17563KPCT');}
  #new_article h5.logo-rb {background-image: url('/hc/theming_assets/01JCHRW8S8VX5EC9V8MS72CTK8');}
  #new_article h5.logo-mate {background-image: url('/hc/theming_assets/01JCHRW5HTWH3NB3NNB0QRTA9J');}
  #new_article h5.logo-awt {background-image: url('/hc/theming_assets/01JCHRW34098H7JS46R7YHZVXP');}
  #new_article h5.logo-rsv {background-image: url('/hc/theming_assets/01JCHRW99N0C7EP8DK919F3ER0');}
  #new_article h5.logo-inv {background-image: url('/hc/theming_assets/01JCHRW4ZNYP4T9XHBRTBS5F8E');}
  #new_article h5.logo-aid {background-image: url('/hc/theming_assets/01JCHRW1ASPCJ70PRTA3MBVPT6');}
  #new_article h5.logo-acs {background-image: url('/hc/theming_assets/01JCHRW0S2562D7565XQEY8K5G');}
  #new_article h5.logo-mkt {background-image: url('/hc/theming_assets/01JCHRW63MGK729K3HZC8Y5ANR');}
  #new_article h5.logo-oes {background-image: url('/hc/theming_assets/01JCHRW7RYH14ZT1H8A82185C6');}
  #new_article h5.logo-psb {background-image: url('/hc/theming_assets/01JCJ6R6D2HA2BYJSJJRKCNP7B');}
}

.sr-col-r #new_article .hit-container.logo-psb  {
    background-size: auto 27px;
}



/*ファルタの表示切替*/
@media screen and (max-width: 767px) {
  .sr-col-l{
    display:none;
    width: 90%;
    max-width: 90%;
    flex: 0 0 90%;
  }
  
  .modal-close {
    	display:block;
      position: absolute;
      top: 14px;
      right: 14px;
      border: none;
      cursor: pointer;
    	height: 14px;
    	width: 14px;
    	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 41"%3E%3Cpath d="M2.245 40.384L0 38.139 17.755 20.384 0 2.629 2.245.384 20 18.139 37.755.384 40 2.629 22.245 20.384 40 38.139 37.755 40.384 20 22.629 2.245 40.384Z" fill="%23333"/%3E%3C/svg%3E');
      size: 14px;
      z-index: 10000;
  }
  
  .sr-col-r{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    border-left: none;
    padding-left: 0px;
  }
  
  .sr-col-r #new_article form{
    display:none;
  }
  
  .sr-col-r #new_article .sp-filter{
    position: relative;
    display: block;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 1em;
    padding: 16px 14px;
    border-radius: 4px;
    background-color: #20AEE5;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 14"><path d="M0.26 5.065L5.36 10.165c.083.086.183.154.293.201.11.046.228.07.348.069.237-.001.465-.094.636-.258l5.1-5.1c.09-.079.163-.176.216-.285s.06-.228.064-.348c.005-.12-.015-.24-.059-.352s-.097-.202-.182-.287-.201-.154-.313-.199c-.112-.045-.232-.067-.352-.064s-.24.028-.35.078-.198.122-.278.213L6 8.323 1.5 3.823c-.078-.095-.175-.173-.285-.228-.11-.055-.23-.087-.353-.093-.123-.006-.246.014-.36.058-.115.045-.219.113-.306.2-.087.087-.155.191-.2.306s-.069.233-.063.356c.005.123.037.244.093.353s.133.201.228.285z" fill="white"/></svg>');
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center right 20px;
    cursor:pointer;
	}

  .sr-col-l.modal {
      display: none;
      position: absolute;
      z-index: 9999;
      background-color: #fff;
      border:1px solid #ccc;
      padding: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  #new_article .sr-h4{
    display:block;
    margin: 8px 0 16px;
  }

  #service-filter,#info-filter {
    	display: flex;
			flex-wrap: wrap;
  }
  
  #service-filter label,#info-filter label {
    	width:33%;
  }
  
  .sr-col-r #new_article h2{
  font-size: 24px;
	}
  
  .sr-col-r #new_article .hit-container div{
    margin:0 6px;
  }

}

@media screen and (max-width: 580px) {

    #service-filter label,#info-filter label {
    	width:50%;
  }
  
}

/* 検索フォーム */

#searchForm {
    margin-bottom: 20px;
}

#queryInput {
    width: calc(100% - 100px);
    padding: 8px;
    margin-right: 10px;
}

#searchButton {
    padding: 8px 16px;
}

/****************************
Sraech Result Pagination
*****************************/

#sr-pagination-wrap{
    margin: 64px auto;
    text-align: center;
}

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

.sr-pagination ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: static; /* 必要に応じてpositionの値をリセット */
    text-indent: 0;
    padding-left: 0; /* 必要に応じてpadding-leftをリセット */
}

.sr-pagination ul>li::before {
    content: none;
}

.sr-pager {
    text-align: center;
    margin: 2em 0 4em;
}

.sr-pager_block {
    display: inline-block;
}

.sr-pagination {
    margin-bottom: .5em;
}

.sr-pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.sr-pagination ul li {
    width: 38px;
    height: 38px;
}

  /* ウィンドウ幅が768px未満の場合 */
  @media (max-width: 767px) {
      .sr-pagination ul li {
      width: 36px;
      height: 36px;
      }
  }

.sr-pagination ul li a,
.sr-pagination ul li span {
    display: block;
    font-size: 16px;
    padding: .5em;
    font-family: sans-serif;
    width: 100%;
    height: 100%;
    color: #536369;
}

.sr-pagination li+li {
    border-left: 1px solid #ccc;
}

.sr-pagination li:hover {
    background-color: #e5f4ff;
    opacity: .8;
}

.sr-pagination .sr-pagination-current {
    background-color: #e5f4ff;
}

.sr-pagination .sr-pagination_ico {
    position: relative;
}

.sr-pagination .sr-pagination_ico a:before {
    content: "";
    margin: 0;
    display: inline-block;
    width: 14px;
    height: 12px;
    background-size: 6px;
    position: absolute;
    top: 14px;
    left: 11px;
}

.sr-pagination .sr-pagination-prev a:before,
.sr-pagination .sr-pagination-next a:before {
    background: url('data:image/svg+xml,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2045.8%2080%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23bcc2c3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eico_arrow_right%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10%2C78.27l34-34A5.89%2C5.89%2C0%2C0%2C0%2C45.8%2C40a6.11%2C6.11%2C0%2C0%2C0-1.72-4.24l-34-34A5.88%2C5.88%2C0%2C1%2C0%2C1.72%2C10l30%2C30-30%2C30A5.88%2C5.88%2C0%2C1%2C0%2C10%2C78.27Z%22%2F%3E%3C%2Fsvg%3E') center center no-repeat transparent;
}

.sr-pagination .sr-pagination-first a:before,
.sr-pagination .sr-pagination-last a:before {
    background: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2074.2%2080.7%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23BCC2C3%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M38.4%2C78.5l34-34c1.2-1.1%2C1.8-2.7%2C1.8-4.3c0-1.6-0.6-3.1-1.7-4.2l-34-34c-2.1-2.4-5.8-2.7-8.3-0.6%20s-2.7%2C5.8-0.6%2C8.3c0.2%2C0.2%2C0.3%2C0.3%2C0.5%2C0.5l30%2C30l-30%2C30c-2.5%2C2.1-2.9%2C5.8-0.8%2C8.3c2.1%2C2.5%2C5.8%2C2.9%2C8.3%2C0.8%20C37.9%2C79.1%2C38.2%2C78.8%2C38.4%2C78.5z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.4%2C78.5l34-34c1.2-1.1%2C1.8-2.7%2C1.8-4.3c0-1.6-0.6-3.1-1.7-4.2l-34-34C8.4-0.4%2C4.7-0.7%2C2.2%2C1.4%20s-2.7%2C5.8-0.6%2C8.3c0.2%2C0.2%2C0.3%2C0.3%2C0.5%2C0.5l30%2C30l-30%2C30c-2.5%2C2.1-2.9%2C5.8-0.8%2C8.3c2.1%2C2.5%2C5.8%2C2.9%2C8.3%2C0.8%20C9.9%2C79.1%2C10.2%2C78.8%2C10.4%2C78.5z%22%2F%3E%3C%2Fsvg%3E') center center no-repeat transparent;
}

.sr-pagination .sr-pagination-prev a:before {
    transform: rotateY(180deg);
}

.sr-pagination .sr-pagination-first a:before {
    transform: rotateY(180deg);
}

.sr-pager .sr-page_results {
    text-align: right;
}

@media only screen and (max-width: 767px) {

    .sr-pagination {
        margin-bottom: .2em;
    }

    .sr-pagination ul {
        border: none;
    }

    .sr-pagination ul li {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        margin-top: .5em;
    }

    .sr-pagination ul li+li {
        margin-left: -1px;
    }

    .sr-pagination ul li:first-child {
        border-left: 1px solid #ccc;
        border-radius: 4px 0 0 4px;
    }

    .sr-pagination ul li:last-child {
        border-radius: 0 4px 4px 0;
    }

    .sr-pagination ul li a,
    .sr-pagination ul li span {
        font-size: 14px;
    }

    .sr-pagination .sr-pagination_ico a:before {
        top: 12px;
    }

    .sr-page_results {
        font-size: .95em;
    }
}

@media only screen and (max-width: 320px) {
    .sr-pagination ul li {
        width: 34px;
        height: 34px;
    }

    .sr-pagination .sr-pagination_ico a:before {
        width: 10px;
        height: 10px;
        top: 12px;
        left: 10px;
    }
}

/* オートコンプリートを非表示 */
zd-autocomplete-breadcrumbs-multibrand {display: none !important;}

/* サイト内検索のエラーメッセージ */
@keyframes sr-error-fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#sr-error {
    margin: 16px 0 26px;
    padding: 16px;
    border: 1px solid #f55852;
    border-radius: 6px;
    color: #f55852;

    animation: sr-error-fadeIn 1s ease-out;
}

#sr-error {
    opacity: 1;
    transform: translateY(0);
}

#sr-error h3 {
		color:#f55852;
    font-size: 22px;
  	font-weight: bold;
		margin: 0;
  	border-bottom: none;
}

#sr-error p{color:#f55852;}

#sr-error .relation{margin-bottom: 0;}

@media only screen and (max-width: 767px) {
    #sr-error h3 {
        font-size: 18px;
    }
}