@charset "utf-8";

/*
 *
 * ===== テーマCSS [Urban] =====
 *
 */


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


    そのほかのコンポーネント


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



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


    ページレイアウト


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

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

    全体

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

body {
    background-color: #FFF;
    z-index: 10;
}
.loading-animation{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #808080;
  filter: alpha(opacity=85);
  -moz-opacity:0.85;
  opacity: 0.85;
  z-index: 100;/* 20220909 add s.u */
  padding-top: 240px;
  text-align: center;
}

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

    ヘッダー

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

/*
 * --- ヘッダー ---
 */

#page-header {
  display: flex;
  position: fixed;/* 20220803 change tk　// 20220804  再度修正　田中*/
  padding: 12.5px;
  width: 100%;
  height: 50px;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 10;
}
/*20220805　スマホのヘッダー修正　ここから*/
/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {
  #page-header {
    /* width: 100vw; 20220818 スマホのメニューが隠れてしまうためコメントアウト　田中*/
  }
}
/*20220805　スマホのヘッダー修正　ここまで*/

.status-menu-closed #page-header {/* 20220803 add tk */
  position: fixed;
}

.status-pinch-out #page-header {
  display: none !important;
}


/*
 * --- ヘッダー画像 ---
 */

#header-image {
  width: 80%;
  float: left;
}

#header-image img {
  max-height: 32px;
}


/*
 * --- ヘッダータイトル ---
 */

#header-title {
  display: flex;
  align-items: center;
  width: 35%; /*20220805ヘッダーの幅修正　元40%田中*/
  height: 100%;
  color: #FFFFFF;
  cursor: default;
}

#header-title.search {
  margin-right: 30px;
}

#header-title p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
  margin: 0;
}

#header-right{
  width:65%; /*20220805ヘッダーの幅修正　元60%田中*/
  display: flex;
  justify-content: flex-end;
}
#header-right nav > ol{
    overflow: hidden;
    padding: 0;
  list-style: none;
}

#header-right nav > ol li{
  margin: 0;
  float: left;
}

.selectLanguage {
  position: absolute;
    float: right;
    right: 316px;
}

select.languagePulldown{
  display: block;
  width: 200px;
  height: 30px;
  border: 1px solid #999999;
  border-radius: 5px;
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 40px 5px 5px;
  margin-right: 8px;
  outline: none;
  position: relative;
  float: right;
}


/*
 * --- ヘッダーボタン（XS） ---
 */

#header-button {
  position: absolute;
  top: 8px;
  right: 8px;
}

#header-button a {
  display: block;
  padding-top: 3.3px;
  line-height: 1;
  text-align: center;
  font-size: 26px;
  color: #2F363E;
  background-color: #FFFFFF;
  border-radius: 16px;
}

#header-right a{
  line-height:1.1 !important;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  #header-right a::after {
    content:"";
    background-image: url(../image/logo/icon_l_close_03.png) !important;
    background-size: 25px 25px;/* 20220803 change tk */
    display: inline-block;
    width: 25px;/* 20220803 change tk */
    height: 25px;/* 20220803 change tk */
    /* border-radius: 3px;　20220824 ロゴ変更　コメントアウト　田中 */
  }

  .status-menu-closed #header-right a::after {/* 20220803 add tk */
    background-image: url(../image/logo/icon_s_menu_03.png) !important;
    background-size: 25px 25px;
  }

  /* #header-right a::after {
    font-family: 'Metrize-Icons';
    content: '\e117';
    font-size: 26px;
    color:black;
    margin-right:5px;
  } */

/* 20220803 dell tk */
/*  .status-menu-closed #header-right a::after {
    content:"";
    background-image: url(../image/logo/icon_s_menu_03.png) !important;
    background-size: 25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
  } */
  /* .status-menu-closed #header-right a::after {
    font-family: 'Metrize-Icons';
    content: '\e0f5';
    font-size: 26px;
    color:black;
    margin-right:5px;
  } */

}

#header-button a:hover {
  background-color: #FFFFC0;
}

.btn-change-font{
  right:30px !important;
}

/* 検索ボックスが出ない場合の対応*/
/* 20220715 change ここから*/
#page-search form::before {
  font-size: 27px;
  line-height: 1.1;
  float: left;
  content: '';
  width: 1px;
  height: 25px;
  background-color: #ccc;
  margin-right: 15.5px; /*20220919 文字サイズアイコンと検索ボックスの間隔を揃える修正　田中*/
}
/* 20220715 change ここまで*/
/* 20230126 add s.u 表示消し用 ここから*/
#page-search form.no-data::before {
  font-size: 27px;
  line-height: 1.1;
  float: left;
  content: '';
  width: 1px;
  height: 25px;
  background-color: #ffffff;
  margin-right: 15.5px; /*20220919 文字サイズアイコンと検索ボックスの間隔を揃える修正　田中*/
}
/* 20230126 add s.u 表示消し用 ここまで*/
.btn-change-font a::after{
  margin-right: 15.5px;/* 20220721 change ここも追加*/
  background:url('../image/logo/text-medium.png');
  background-size: 40px 25px;
    display: inline-block;
    width: 40px;
    height: 25px;
  content:"" !important;
    /* border-radius: 3px;　20220824　ロゴ変更　コメントアウト　田中 */
}
.btn-change-font a.small-text::after{
  background:url('../image/logo/text_small.png');
  background-size: 40px 25px;
}
.btn-change-font a.medium-text::after{
  background:url('../image/logo/text-medium.png');
  background-size: 40px 25px;
}
.btn-change-font a.large-text::after{
  background:url('../image/logo/text-large.png');
  background-size: 40px 25px;
}
.btn-change-font a:hover{
  background-color: white !important
}


/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {
  #header-image {
    margin-left: 50px;
    padding-top: 5px;
  }

  #header-image img {
    max-height: 22px;
  }
  .btn-change-font{
    display: none;
    right:40px !important;
  }
  #header-right nav{
    right: 15px;
  }
}

/* --- XXSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 480px) {
}


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

    検索

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

/*
 * --- 検索エリア ---
 */


/*
 * --- 検索ボックス ---
 */

#page-search form::before {
}

@media screen and (min-width: 1px) and (max-width: 480px) {
  #page-search form::before{
    content: none;
  }
}

#page-search button {
  padding: 0 0 0 5px;
}

#page-search input {
    width: 340px; /* 20220721 */
    height: 25px;
    padding: 3px 1px 1px 3px;/* 20221011 change s.u 文字が入りきらない&若干下にずらす */
    font-size: 15px;
    border: solid 1px #999999;
    border-radius: 3px;
  float:left;
}
#page-search input:lang(he),
#page-search input:lang(ar){
/*  unicode-bidi: plaintext;
  text-align:right ;*/
}

#page-search input:focus {
  background-color: #FFFFE6;
}

/* --- プレースフォルダー（[,]で連結すると適用されません） --- */
#page-search input:-ms-input-placeholder { color: #B0B0B0; }
#page-search input::-webkit-input-placeholder { color: #B0B0B0; }
#page-search input::-moz-placeholder { color: #777; }



/*
 * --- 検索ボタン ---
 */

#page-search button {
  border: none;
  background: none;
  float:right;
}

#page-search button:hover {
  color: #FF9100;
}

.icon-search:before{
  content:"";
  background-image: url(../image/logo/look.png) !important;
  background-size: 25px 25px;
  display: inline-block;
  width: 25px;
  height: 25px;
  /* border-radius: 3px; 20220824　ロゴ変更　コメントアウト　田中 */
}
.icon-search:lang(ar):before{
  margin-top: 1px;
}
.icon-search:lang(he):before{/* ALL-3303 s.u 20241008 add */
  margin-top: 1px;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .icon-search:lang(ar):before{
    margin-top: 0px;
  }
  .icon-search:lang(he):before{/* ALL-3303 s.u 20241008 add */
    margin-top: 0px;
  }
}

.relatedKey {
    /* float: left; 20220823 関連語デザイン修正　田中 */
    margin-right: 15px;
}


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

  #page-search{
    margin: 0 12.5px;
  }

  #page-search input {
    max-width: 120px;
  }

  #page-search button {
    padding: 0;
  }

  .icon-search:before{
    content:"";
  }

}

/* --- XXSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 480px) {

  #page-search {
    right: 10px;
  }

  #page-search input {
    max-width: 120px;
  }

}


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

    メニュー

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

#page-menu {
  position: fixed;
  left: 0;
  top: 50px;
  width: 380px;
  max-width: 95vw;
  height: 100vh;
  background-color: #6c7074; /* 20220721 */
  z-index: 10;
  transition: left 0.5s;
}

.status-menu-closed #page-menu {
  left: -355px;
}


/*
 * --- メニューヘッダー ---
 */

#nav-menu-header {
  position: relative;
  padding: 7.5px 0; /*20220810 Chrome100％表示したときに画像が崩れる修正のため修正　元12.5px 0 田中*/
  /* margin: 0 0 12.5px; 20220810 Chrome100％表示したときに画像が崩れる修正のためコメントアウト 田中*/
  transition: right 0.5s;
}

.status-menu-closed #nav-menu-header .btn-view-switch .icon-block-menu:before {
  content: "\e113" !important;
}

#nav-menu-header a {
  margin-left: 5px;
  font-size: 24px;
  color: #2F363E;
}

#nav-menu-header a:hover {
  color: #FF9100;
}

#nav-menu-header a:active {
  color: #E08000;
}

/* --- パネルの開閉 --- */

#nav-menu-header .btn-view-switch {
  position: absolute;
  right: -10px;
  top: 35px; /*20220829　201 上下位置が揃っていません。部分修正　田中*/
}

#nav-menu-header .btn-view-switch i::before {
  background-image: url(../image/logo/hide-tree.png) !important;
  background-size: 25px 25px;
  display: inline-block;
  width: 25px;
  height: 25px;
  content:"";
}

.status-menu-closed #nav-menu-header .btn-view-switch i::before {
  transform: scale(-1, 1); /* 20220721 */
}

/*
 * --- ツールヒント ---
 */

 .btn-view-switch{
     position: relative;
     cursor: pointer;
     display: inline-block;
 }
 .btn-view-switch i{
     margin:0;
     padding:0;
 }
 .description {
     display: none;
     position: absolute;
     font-size: 14px !important;
     line-height: 1.6em;
     color: #333;
     /* width: 100px; 1行で表示させるためコメントアウト　20221223田中 */
     background: #fff; /*20220928 目次を閉じる開くツールヒント追加　田中*/
     padding: 0 3px; /*20220928 目次を閉じる開くツールヒント追加　田中*/
     white-space: nowrap; /*1行で表示させる修正　20221223　田中*/
 }
 .btn-view-switch:hover .description{
     display: inline-block;
     top: 40px;
     left: 0px;
 }

 .description::before {
   /* content: "目次を閉じる";20220928 目次を閉じる開くツールヒント追加 コメントアウト　田中*/
   padding: 1px 2px;
   background: #fff;
 }

.status-menu-closed .description::before {
   /* content: "目次を開く"; 20220928 目次を閉じる開くツールヒント追加 コメントアウト　田中*/
  }

/* --- すべてを開く --- */

#nav-menu-header .btn-expand-menu {
  /* float:left;　20220810 Chrome100％表示したときに画像が崩れる修正のためコメントアウト 田中 */
}

#nav-menu-header .btn-expand-menu i,
#nav-menu-header .btn-collapse-menu i{
  display: inline-block;
}

#nav-menu-header .btn-expand-menu .icon-button-add::before,
#nav-menu-header .btn-collapse-menu .icon-button-minus::before{
  content:"";
  background-size: 12.5px 12.5px;
  display: inline-block;
  width: 12.5px;
  height: 12.5px;
}

/* 20220824 ロゴ差替え　修正　ここから　田中 */
#nav-menu-header .btn-expand-menu .icon-button-add::before {
  background-color: #FFF; /* 20220726 改修 */
  background-image: url(../image/logo/expand_all_child.png) !important;
  border-radius: 2px; /*20220915 アイコンに角を追加　田中*/
}

.is-expanded  #nav-menu-header .btn-expand-menu .icon-button-add::before {
  /* background-image: url(../image/logo/expand_all_child_gray.png) !important; 20220919  半輝度アイコンを無くす修正　コメントアウト　田中*/
  border-radius: 2px; /*20220915 アイコンに角を追加　田中*/
  cursor: pointer; /*20220919 半輝度アイコンを無くす修正　追加　田中*/
}

.is-expanded #nav-menu-header .btn-collapse-menu .icon-button-minus::before {
  background-image: url(../image/logo/colapse_all_child.png) !important;
  border-radius: 2px; /*20220915 アイコンに角を追加　田中*/
  cursor: pointer; /*20220919 半輝度アイコンを無くす修正　追加　田中*/
}

#nav-menu-header .btn-collapse-menu .icon-button-minus::before {
  background-color: #FFF;
  background-image: url(../image/logo/colapse_all_child_gray.png) !important;
  border-radius: 2px; /*20220915 アイコンに角を追加　田中*/
  cursor: default; /*20220919 半輝度アイコンを無くす修正　追加　田中*/
}
/* 20220824 ロゴ差替え　修正　ここまで　田中 */

/*20220919 半輝度アイコンを無くす修正　追加　ここから　田中*/
.is-allexpanded #nav-menu-header .btn-expand-menu .icon-button-add::before {
  cursor: default;
}
/*20220919 半輝度アイコンを無くす修正　追加　ここまで　田中*/

#nav-menu-header .btn-expand-menu.expanded .icon-top-bottom::before {
  content: '\e0d3';
}

#nav-menu-header .btn-collapse-menu {
  /* float:left; 20220810 Chrome100％表示したときに画像が崩れる修正のためコメントアウト 田中 */
}

/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {

  #nav-menu-header {
    display: none;
  }

  #page-menu {
    width: 100%;
    max-width: 100vw;
  }

  .status-menu-closed #page-menu {
  left: -768px;
  }

}

@media screen and (min-width: 1px) and (max-width: 480px) {
  .status-menu-closed #page-menu {
  left: -500px;
  }


}

/*
 * --- メニューコンテンツ ---
 */

#page-menu nav {
}

#page-menu .nav-menu-content{
  padding: 0;
  margin: 0 25px 0 0;
}

/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {

  #page-menu .nav-menu-container {
    margin: 10px 10px;
  }

  #page-menu .nav-menu-content {
    margin: 0;
  }

  #mCSB_1_container{
    padding: 0;
  }

}

/* --- メニューリスト --- */

#page-menu .nav-menu-list {
  padding: 5px 5px 5px 0;
}
#page-menu .nav-menu-list:lang(ar) ,
#page-menu .nav-menu-list:lang(he) {
  padding: 5px 0 5px 5px;
}
#page-menu .nav-menu-list li {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  /*border:1px solid orange;*/
}

/* 修正 20220720 */
#page-menu .nav-menu-list a {
  display: block;
  margin-left: 25px;
  padding: 4px 5px; /* 20220721 */
  /* height: 25px; 20220720 dell merge */
  line-height: 1.2;
  color: #333;
  /* overflow: hidden; 20220720 dell merge */
  /* white-space: nowrap; 20220720 dell merge */
  /* text-overflow: ellipsis; 20220720 dell merge */
  margin-right: 5px; /*20220908 メニュー部分の余白修正　追加　田中*/
  /*border:1px solid red;*/
}
/* 修正 20220720 */

#page-menu .nav-menu-list a:lang(ar) ,
#page-menu .nav-menu-list a:lang(he) {/* ALL-3303 s.u 20241008 add */
  display: block;
  margin-left: 5px;
  /* height: 25px; 20220720 dell merge */
  line-height: 1.2;
  color: #333;
  /* overflow: hidden; 20220720 dell merge */
  /* white-space: nowrap; 20220720 dell merge */
  /* text-overflow: ellipsis; 20220720 dell merge */
  /* margin-right: 5px; /*20220908 メニュー部分の余白修正　追加　田中*/
  margin-right:25px;
}
/* 20221117 アラビア語機器対応 */
#page-menu.is_mfpapnl .nav-menu-list a:lang(ar) ,
#page-menu.is_mfpapnl .nav-menu-list a:lang(he) {/* ALL-3303 s.u 20241008 add */
    margin-right: 0px;
    padding: 15px 50px 15px 40px;
}
#page-menu .nav-menu-list > .group > a,
#page-menu .nav-menu-list > .group.expanded > a {
  font-size: 16px; /* !important;  20220826 merge s.u */
}

#page-menu .nav-menu-list li.active > a {
  color: #FFFFFF !important;
  background-color: #6c7074 ; /* 20220721 // 20220815 important削除　田中*/
}

#page-menu .nav-menu-list li ul {
  margin-left: 12px;/* add 20220624 */
  padding: 0 5px 0 0;
  font-size: 12px;
  display: none;
}
#page-menu .nav-menu-list li ul:lang(ar),
#page-menu .nav-menu-list li ul:lang(he){
  margin-left: 0px;
  margin-right:12px;
  padding: 0 0 0 5px;
}

#page-menu .nav-menu-list li ul a {
  margin: 2px 0 2px 12px;/* 20220712 残し // 20220823 メニューの位置修正　田中*/
  padding: 4px 6px;/* 20220712 残し //　20220919　項目と項目の間は広げず行間を広くする修正　田中 */
  line-height: 1.3;/* 20220919　項目と項目の間は広げず行間を広くする修正　田中 */
  /* height: 25px; 20220720 dell merge */
  font-size: 14px;
}
#page-menu .nav-menu-list li ul a:lang(ar),
#page-menu .nav-menu-list li ul a:lang(he){
  margin: 2px 12px 2px 0 ;
}

#page-menu .nav-menu-list li.expanded {
  padding-bottom: 3px;
}

#page-menu .nav-menu-list li.expanded a:hover {
  text-decoration:underline !important;
}

/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {
  #page-menu .nav-menu-list:lang(ar),
  #page-menu .nav-menu-list:lang(he){
    padding:0;
  }
/* 20221028t ここから*/
  #page-menu .nav-menu-list a:lang(ar) ,
  #page-menu .nav-menu-list a:lang(he) {/* ALL-3303 s.u 20241008 add */
    margin-left: 0;
    margin-right: 0;
  }
  .mCS-dir-rtl>.mCSB_inside>.mCSB_container:lang(ar),
  .mCS-dir-rtl>.mCSB_inside>.mCSB_container:lang(he) {/* ALL-3303 s.u 20241008 add */
    margin-left: 0;
  }
  #page-menu .nav-menu-list li.expanded ul .has_child:lang(ar),
  #page-menu .nav-menu-list li ul .icon.bullet:lang(ar) {
    width: 50px!important;
    right: 0!important;
    background: transparent!important;
  }
  #page-menu .nav-menu-list li.expanded ul .has_child:lang(he),
  #page-menu .nav-menu-list li ul .icon.bullet:lang(he) {/* ALL-3303 s.u 20241008 add */
    width: 50px!important;
    right: 0!important;
    background: transparent!important;
  }
  #page-menu .nav-menu-list li ul li.group .icon.has_child:lang(ar),
  #page-menu .nav-menu-list li ul li.group .icon.has_child:lang(he) {/* ALL-3303 s.u 20241008 add */
    background: transparent!important;
  }
  #page-menu .nav-menu-list li ul:lang(ar),
  #page-menu .nav-menu-list li ul:lang(he){
    margin-right:0px;
    padding: 0;
  }
  #page-menu .nav-menu-list li ul a:lang(ar),
  #page-menu .nav-menu-list li ul a:lang(he){
    margin: 0 ;
  }
/* 20221028t ここまで*/

  #page-menu .nav-menu-content ul {
    padding: 0;
  }
  #page-menu .nav-menu-list li a {
    margin: 0;
    padding: 15px 40px 15px 50px; /*20220919スマホメニュー開閉デザイン改修のため修正 田中*/
    min-height: 50px; /*20220825 スマホメニューの縦幅修正　田中*/
    border-left: none;
    border-bottom: 1px solid #c9c9c9;
  }

  #page-menu .nav-menu-list li a:lang(ar) ,
  #page-menu .nav-menu-list li a:lang(he) {/* ALL-3303 s.u 20241008 add */
    padding-right: 17px;/* 20221028 アラビア語対応 s.u */
    padding-top: 12px;/* 20221028 アラビア語対応 s.u */
    padding: 15px 50px 15px 40px; /*20221028t*/
  }

  #page-menu .nav-menu-list li:first-child{
    border-radius: 0;
  }
  #page-menu .nav-menu-list li.expanded {
    padding-bottom: 0;
  }
  #page-menu .nav-menu-list li ul {
    margin: 0;
    padding: 0;
  }

  #page-menu .nav-menu-list li ul li a {
    margin: 0;
    padding: 15px 40px 15px 50px; /*20220919スマホメニュー開閉デザイン改修のため修正 田中*/
    background: #efefef;/* 20221012 change 元#f3f3f3　2層目 */
    min-height: 50px; /*20220825 スマホメニューの縦幅修正　田中*/
  }

  #page-menu .nav-menu-list li.active > a {
    color: #333 !important;
    /* background-color: #f3f3f3 !important; 20220919スマホメニュー開閉デザイン改修のためコメントアウト　田中 */
  }

  #page-menu .nav-menu-list li.active > a::before {
    content: none;
  }

  /*20220919スマホメニュー開閉デザイン改修のため追加　ここから　田中*/
  #page-menu .nav-menu-list li.active > a {
    background-color: transparent;
  }

  #page-menu .nav-menu-list > li.active > a {
    background-color: #ffffff!important;
  }
  /* 2階層目 */
  #page-menu .nav-menu-list > li > ul > li.active > a {
    background: #efefef!important;/* 20221012 change 元#f3f3f3　2層目 */
  }

  /* 3階層目 */
  #page-menu .nav-menu-list > li > ul > li > ul > li > a {
    background-color: #dedede!important;/* 20221012 change 元#dcdddd!important　3層目 */
  }
  #page-menu .nav-menu-list > li > ul > li > ul > li:active > a {
    background-color: #dedede!important;/* 20221012 change 元#dcdddd!important　3層目 */
  }

  /* 4階層目 */
  #page-menu .nav-menu-list li ul li ul li ul li a {
    background-color: #c9c9c9!important;/* 20221012 change 元#c9caca!important　4層目 */
  }
  #page-menu .nav-menu-list li ul li ul li ul li:active a {
    background-color: #c9c9c9!important;/* 20221012 change 元#c9caca!important　4層目 */
  }

  #page-menu .nav-menu-list li.expanded a:hover {
    text-decoration:none!important;
  }

  /*20220919スマホメニュー開閉デザイン改修のため追加　ここまで　田中*/

}

/* --- アイコン ---  */
#page-menu .nav-menu-list .icon {
  position: absolute;
  display: inline-block;
}

#page-menu .nav-menu-list .group > .icon {
  cursor: pointer;
}

#page-menu .nav-menu-list .group > .icon::before,
#page-menu .nav-menu-list .group.expanded > .icon::before {
  content:"";
  display: inline-block;
  background-size: 12.5px 12.5px;
  background-repeat: no-repeat;
  margin: 7px;
  width: 12.5px;
  height: 12.5px;
}

/*2階層目の［＋／－］ボタンの位置修正　20220801　ここから*/
#page-menu .nav-menu-list li li span.icon.has_child::before {
  position: relative;
  /*top: -3px;*/
  left: 11px;
}
#page-menu .nav-menu-list li li span.icon.has_child:lang(he)::before,
#page-menu .nav-menu-list li li span.icon.has_child:lang(ar)::before {
  left:auto;
  right:11px;
}
#page-menu .nav-menu-list li li span.icon.has_child ~ a {
  margin-left: 36px;
  /*border:1px solid red;*/
}
/*2階層目の［＋／－］ボタンの位置修正　20221020　ar対応 ここから*/
#page-menu .nav-menu-list li li span.icon.has_child ~ a:lang(he),
#page-menu .nav-menu-list li li span.icon.has_child ~ a:lang(ar) {
  margin-right: 36px;
  margin-left:0;
}


/* 20221117 アラビア語機種対応 */
#page-menu.is_mfpapnl .nav-menu-list li li span.icon.has_child ~ a:lang(he) ,
#page-menu.is_mfpapnl .nav-menu-list li li span.icon.has_child ~ a:lang(ar) {
  margin-right: 0px;
}


/*2階層目の［＋／－］ボタンの位置修正　20221020　ar対応 ここまで*/

#page-menu .nav-menu-list li li span.icon.has_child ~ ul {
  margin-left: 24px;
}
#page-menu .nav-menu-list li li span.icon.has_child ~ ul:lang(he),
#page-menu .nav-menu-list li li span.icon.has_child ~ ul:lang(ar) {
  margin-left: 0;
  margin-right:24px;
}
/* --- XSサイズ 追記20220802--- */
@media screen and (min-width: 1px) and (max-width: 767px) {
  #page-menu .nav-menu-list li li span.icon.has_child ~ a {
    margin-left: 0;
  }

  #page-menu .nav-menu-list li li span.icon.has_child ~ ul {
    margin-left: 0;
  }
  #page-menu .nav-menu-list li li span.icon.has_child ~ ul:lang(he),
  #page-menu .nav-menu-list li li span.icon.has_child ~ ul:lang(ar) {
    margin-right:0px;
  }
  #page-menu .nav-menu-list li li span.icon.has_child::before {
    position: static;
  }
  #page-menu .nav-menu-list li li span.icon.has_child {
    top: 6px;
  }
  /* 20221028t */
  #page-menu .nav-menu-list li li span.icon.has_child ~ a:lang(ar),
  #page-menu .nav-menu-list li li span.icon.has_child ~ a:lang(he) {/* ALL-3303 s.u 20241008 add */
    margin-right: 0;
  }
}

/*2階層目の［＋／－］ボタンの位置修正　20220801　ここまで*/

#page-menu .nav-menu-list .group > .icon::before {
  background-image: url(../image/logo/expand_child.png) !important;
}

#page-menu .nav-menu-list .group.expanded > .icon::before {
  background-image: url(../image/logo/colapse_child.png) !important;
}

#page-menu .nav-menu-list .group > .icon:hover::before {
  color: #FF9100;
}

#page-menu .nav-menu-list li.expanded ul .has_child,
#page-menu .nav-menu-list li ul .icon.bullet {
  position: absolute;
  display: inline-block;
  width: 1px;
  /* height: 20px; 20220720 dell merge */
  height: 80%; /*  20220720 add merge */
  background: #999999;
  top: 2px;
  left: 15px; /*20220823 メニューの位置修正　田中*/
}
/*2階層目の［＋／－］ボタンの位置修正　20221020　ar対応 ここから*/

#page-menu .nav-menu-list li.expanded ul .has_child:lang(ar),
#page-menu .nav-menu-list li ul .icon.bullet:lang(ar) ,
#page-menu .nav-menu-list li.expanded ul .has_child:lang(he),
#page-menu .nav-menu-list li ul .icon.bullet:lang(he) {/* ALL-3303 s.u 20241008 add */
  position: absolute;
  /*display: inline-block;*/
  /*width: 1px;*/
  /* height: 20px; 20220720 dell merge */
  /*height: 80%;*/ /*  20220720 add merge */
  top: 2px;
  right: 15px; /*20220823 メニューの位置修正　田中*/
  left:auto;
}



/*2階層目の［＋／－］ボタンの位置修正　20221020　ar対応 ここまで*/
/* 20220701 !important削除
#page-menu .nav-menu-list li ul li .icon.has_child {
  background: #FFF !important;
  left: 0px !important;
}*/
#page-menu .nav-menu-list li ul li .icon.has_child {
  background: #FFF;
  left: 0px;
  /*border:1px solid blue;*/
}
/* 20221117 アラビア語機種対応 */
#page-menu.is_mfpapnl .nav-menu-list li.expanded ul .has_child:lang(ar),
#page-menu.is_mfpapnl .nav-menu-list li ul .icon.bullet:lang(ar) ,
#page-menu.is_mfpapnl .nav-menu-list li.expanded ul .has_child:lang(he),
#page-menu.is_mfpapnl .nav-menu-list li ul .icon.bullet:lang(he) {/* ALL-3303 s.u 20241008 add */
  right: 0px;
}



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

　/* 20220701 スマホだけ非表示　*/
  #page-menu .nav-menu-list li ul li .icon.has_child {
    left: inherit;
    background: transparent;
  }
  #page-menu .nav-menu-list .icon {
    width: 50px;
    top: 0px;
    /* right: 0; 20220919スマホメニュー開閉デザイン改修のため修正　田中*/
    text-align: center;
  }

  #page-menu .nav-menu-list .group > .icon {
    top: 5px;  /*20220919スマホメニュー開閉デザイン改修のため修正　田中*/
  }

  #page-menu .nav-menu-list .group.expanded > .icon::before {
    content: "";
    background-image: url(../image/logo/colapse_child.png) !important; /*20220919スマホメニュー開閉デザイン改修のため修正　田中*/
    background-size: 23px 23px; /*20220919スマホメニュー開閉デザイン改修のため修正　元20px田中*/
    left: inherit;
    top: 12px;
    display: inline-block;
    width: 23px; /*20220919スマホメニュー開閉デザイン改修のため修正　元20px田中*/
    height: 23px; /*20220919スマホメニュー開閉デザイン改修のため修正　元20px田中*/
    border-radius: 4px; /*20220919スマホメニュー開閉デザイン改修のため追加　田中*/
  }

  #page-menu .nav-menu-list .group > .icon::before {
    content: "";
    background-image: url(../image/logo/expand_child.png) !important; /*20220919スマホメニュー開閉デザイン改修のため修正　田中*/
    background-size: 23px 23px; /*20220919スマホメニュー開閉デザイン改修のため修正　元20px田中*/
    left: inherit;
    top: 12px;
    display: inline-block;
    width: 23px; /*20220919スマホメニュー開閉デザイン改修のため修正　元20px田中*/
    height: 23px; /*20220919スマホメニュー開閉デザイン改修のため修正　元20px田中*/
    border-radius: 4px; /*20220919スマホメニュー開閉デザイン改修のため追加　田中*/
  }

  #page-menu .nav-menu-list li.expanded ul .has_child,
  #page-menu .nav-menu-list li.expanded ul .icon {
    width: 50px;
    height: inherit;
    background: transparent;
    top: 0;
    left: inherit;
    /* right: 0; 20220919スマホメニュー開閉デザイン改修のためコメントアウト　田中 */
    text-align: center;
  }

  #page-menu .nav-menu-list li.expanded ul li.active .has_child,
  #page-menu .nav-menu-list li.expanded ul li.active .icon {
    background: transparent;
  }

  #page-menu .nav-menu-list li .icon::before,
  #page-menu .nav-menu-list li .has_child::before {
    /* content: ">"; 20220919スマホメニュー開閉デザイン改修のためコメントアウト　田中*/
    color: #0000cc;
    font-size: 32px;
  }

}


#page-menu .nav-menu-list ul li ul li ul li a{
  /* border-left: 2px solid rgb(223, 225, 230); 20220829　2034階層目の縦棒が二重になっています。　部分修正　コメントアウト田中*/
}


#nav-menu-header a{
  font-size: 0;
}
.mCustomScrollBox{
  overflow: hidden;
  height: auto;
  background-color: #fff;
}
.mCSB_inside > .mCSB_container{
  margin: 0 0px;
  padding: 0;
}

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

    ページの移動ナビゲーション

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

#page-relation {
  margin: 0 30px 0 410px;
  padding-top: 50px;
  transition: margin-left 0.5s;
}

.status-menu-closed #page-relation {
  margin-left: 50px;
}


/*
 * --- パンくずリスト ---
 */

 .nav-breadcrumb {
   margin: 7.2px auto 1.2px; /*20221013 パンくず再修正　元0 to 8 s.u */
   padding: 4px 0;
   height: 100%; /*20220808 パンくず修正　元25px 田中*/
 }

.search .nav-breadcrumb {
  /* margin-bottom: 15px; dell merge */
  /* padding-bottom: 15px; dell merge */
  margin-bottom: 20px; /* 20220720 add merge */
  padding-bottom: 8px; /* 20220720 add merge */ /*20220829 検索部分の配置修正　田中*/
  border-bottom: 1px solid #c9c9c9;
}

.nav-breadcrumb > ol {
  overflow: hidden;
  padding: 0;
  list-style: none;
}

.nav-breadcrumb > ol li {
  float: left;
  margin-top: 0;
  margin-right: 10px;
  font-size: 14px !important;/* 20220812 パンくずの文字サイズ変更　追加　田中 */
  line-height: 1.2; /*20220808 パンくずが切れてるのを修正　田中 // 20220913 パンくず部分の余白を指定図に揃える　田中*/
}
/*20220812 パンくずの文字サイズ変更　追加　ここから田中*/
.nav-breadcrumb > ol li span {
  font-size: 14px;/* !important;  20220902 del s.u フォントサイズ変更対応 */
}

.nav-breadcrumb > ol li a{
  font-size: 14px;/* !important;  20220902 del s.u フォントサイズ変更対応 */
}
/*20220812 パンくずの文字サイズ変更　追加　ここまで田中*/

.nav-breadcrumb > ol li a {
  display: inline; /*20220808 パンくずが切れてるのを修正　田中*/
  color: #2F363E;
  border-radius: 10px;
}

.nav-breadcrumb > ol li a:hover {
  color: #FF9100;
}

.nav-breadcrumb > ol li a:active {
  color: #E08000;
}

/* --- やじるし --- */

.nav-breadcrumb > ol li::after {
  content: '>';
}

.nav-breadcrumb > ol li:last-child::after {
  display: none;
}

/* --- 現在地 --- */

.nav-breadcrumb > ol li:last-child {
  padding: 1px 0;
}

/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {

  #page-relation {
    margin: 0;
  }

  .status-menu-closed #page-relation {
    margin-left: 0;
  }

  .nav-breadcrumb {
    display: none;
  }
  .textpage .nav-breadcrumb {
    display: block;
    margin: 5px 12.5px 1px; /*20220808 パンくずが切れてるのを修正　田中 // 20220913 パンくず部分の余白を指定図に揃える　田中*/
    padding: 7px 0;
    overflow: hidden;
    /* white-space: nowrap;  20220808 パンくず修正のためコメントアウト　田中 */
    text-overflow: ellipsis;
    height: 100%; /*20220808 パンくずが切れてるのを修正　田中*/
  }

  /* スマホの検索画面の調整のため追記　20220801 ここから*/
  .search .nav-breadcrumb > ol li::after {
    display: none;
    }

    .search .nav-breadcrumb li:nth-child(2){
    display: none;
    }

    .search .nav-breadcrumb {
      display: block;
      margin: 17px 12.5px;
      padding: 7px 0;
      border-bottom: none;
    }
  /* スマホの検索画面の調整のため追記　20220801 ここまで*/

}



/*
 * --- ページシーケンス ---
 */

.nav-sequence {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 40px;
  background-color: #999999;
  color:#FFFFFF;
  /* border-radius: 5px 5px 0 0; 20220726 改修 //20220908　修正コメントアウト　田中 */
}

.nav-sequence a {
  display: flex;
  align-items: center;
  position: absolute;
  padding: 10px 0;
  width: 50%;
  height: 40px;
  line-height: 1;
  font-size: 12px;
  color: #FFFFFF !important;
}
/* 20221024 アラビア語対応 ここから*/
.nav-sequence a:lang(ar){
  display:block;
  text-overflow: ellipsis;/* 20221125 アラビア語通常ケース不具合 */
  overflow: hidden;/* 20221125 アラビア語通常ケース不具合 */
}
.nav-sequence a:lang(he){/* ALL-3303 s.u 20241008 add */
  display:block;
  text-overflow: ellipsis;/* 20221125 アラビア語通常ケース不具合 */
  overflow: hidden;/* 20221125 アラビア語通常ケース不具合 */
}
/* 20221117 アラビア語機種対応 */
.nav-sequence.is_nav_mfpapnl a:lang(ar){
    text-overflow: ellipsis;
    overflow: hidden;
}
.nav-sequence.is_nav_mfpapnl a:lang(he){/* ALL-3303 s.u 20241008 add */
    text-overflow: ellipsis;
    overflow: hidden;
}
/* 20221117 アラビア語機種対応 ここまで*/
/* 20221024 アラビア語対応 ここまで*/

.nav-sequence a span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.3; /*20220916 ヘッダーの前/次ページのタイトルの上下が文字切れ修正　田中*/
}

.nav-sequence a.available:hover {
  background-color: #6c7074; /* 20220721 */
}

.nav-sequence a.available:visited {
  color: #fff;
}

.nav-sequence a:first-child {
  left: 0;
  padding-left: 40px;
  padding-right: 5px;
}

.nav-sequence a:last-child {
  justify-content: flex-end;
  right: 0;
  padding-left: 5px;
  padding-right: 40px;
}

.nav-sequence a:first-child::before,
.nav-sequence a:last-child::after {
  content:"";
  position: absolute;
  display: inline-block;
  width: 20px; /*20220824 ロゴ変更　修正　田中*/
  height: 20px; /*20220824 ロゴ変更　修正　田中*/
  top: 10px;
  /* border: 1px solid #fff; 20220824 ロゴ変更　コメントアウト　田中 */
}

.nav-sequence a:first-child::before {
  background-image: url(../image/logo/icon_l_left_02_pc.png) !important; /*20220922　PCとスマホのロゴを分ける修正　田中*/
  background-size: 20px 20px;
  left: 10px;
  filter: brightness(0) invert(1); /*20220824 ロゴ変更　追加　田中*/
}

.nav-sequence a:last-child::after {
  background-image: url(../image/logo/icon_l_right_02_pc.png) !important; /*20220922　PCとスマホのロゴを分ける修正　田中*/
  background-size: 20px 20px;
  right: 10px;
  filter: brightness(0) invert(1); /*20220824 ロゴ変更　追加　田中*/
}

.nav-sequence a.unavailable {
  background-color: #E0E0E0;
}
.hide{
  display: none
}


/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {

  .nav-sequence {
    height: 50px;
    background-color: #6c7074;
    border-radius: 0;/* 20220803 add tk */
  }

  .nav-sequence a {
    padding: 11px 5px;
    white-space: inherit;
    text-overflow: inherit;
  }


  .nav-sequence a span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 14px !important; /* 20220803 change tk */
    line-height: 1.2; /* 20220722 */

  }

  .nav-sequence a span:lang(ar) {
    width: 100%;
    margin-top: 5px;
  }
  .nav-sequence a span:lang(he) {/* ALL-3303 s.u 20241008 add */
    width: 100%;
    margin-top: 5px;
  }
  .nav-sequence a:first-child {
    height: 50px;
  }
  .nav-sequence a:last-child {
    height: 50px;
    justify-content: flex-start;
  }

  .nav-sequence a:first-child::before,
  .nav-sequence a:last-child::after {
    border: none;
    width: 28px;
    height: 28px;
  }

  .nav-sequence a:first-child::before {
    background-image: url(../image/logo/icon_l_left_02_sp.png) !important; /*20220922　PCとスマホのロゴを分ける修正　田中*/
    background-size: 28px 28px; /*20220825 ロゴ差替え修正　田中*/
    left: 7px; /*20220825 ロゴ差替え修正　田中*/
  }

  .nav-sequence a:last-child::after {
    background-image: url(../image/logo/icon_l_right_02_sp.png) !important; /*20220922　PCとスマホのロゴを分ける修正　田中*/
    background-size: 28px 28px; /*20220825 ロゴ差替え修正　田中*/
    right: 7px; /*20220825 ロゴ差替え修正　田中*/
  }


}


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

    フッター

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

/*
 * --- フッター ---
 */

 #page-footer {
   margin-top: 20px;
   /*20220804 改修のため追加　田中ここから*/
   /*position: absolute;*/
   /*20220804 改修のため追加　田中ここまで*/
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;/*20221012 フッター修正　追加　田中*/
   align-items: center;
   justify-content: flex-end;
   column-gap: 20px;

   /*border:1px solid red;*/
 }

#page-footer a:visited {
  color: black;
}

/*
 * --- ページの先頭へ ---
 */

.to-page-top-absolute {
  display:none;
  margin-top: 20px;
  text-align: right;
  position: fixed;
  bottom: 10px;
  right: 35px; /*20220805 トップに戻るボタンの位置修正　田中　元40px*/
}
/*20220805 トップに戻るボタンの位置修正　田中　ここから*/
div.moduleh1 .to-page-top-absolute {
  right: 36px; /*20220805 追加　田中　元40px //20220909 位置修正　田中 //20220913 位置修正　田中*/
}

/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {
  div.moduleh1 .to-page-top-absolute {
    right: 11px;
  }
}
/*20220805 トップに戻るボタンの位置修正　田中　ここまで*/

.to-page-top-absolute a::before {
  background-image: url(../image/logo/scroll_top.png) !important;
  background-size: 40px 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
  content:"";
}

.bottom-page-link{ /* 20220726 改修 */
  /* width: 80%; 20220826 dell s.u */
  font-size: 12px !important;
  line-height: 1.3; /*20221012 フッターナビゲーション文字の行間を修正　田中*/
  text-align: right;
  display: flex;
  justify-content: center;
  /*margin-bottom:20px;*/
}

.bottom-page-link span{
  vertical-align: middle;
}

.bottom-page-link a,
.bottom-page-link a:link {
  color:black;
}
.bottom-page-link a:hover{
  color:#0000cc !important; /* 20220722*/
}

.bottom-page-link a:first-child::before,
.bottom-page-link a:last-child::after{ /* 20220726 改修 */
  content:"";
  display: inline-block;
  position:relative;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  vertical-align: bottom;
}


.bottom-page-link a:first-child::before { /* 20220726 改修 */
  background-image: url(../image/logo/back_gray.png) !important;
  vertical-align: text-top; /*20221012 フッター修正　田中*/
}
.bottom-page-link a:first-child:lang(ar)::before { /* 20220726 改修 */
  background-image: url(../image/logo/next_gray.png) !important;
  vertical-align: text-top; /*20221027 フッター修正 アラビア語対応　s.u */
  margin-top: 2px; /*20241121 ALL3484対応 h.t　*/
}
.bottom-page-link a:first-child:lang(he)::before { /* 20220726 改修 *//* ALL-3303 s.u 20241008 add */
  background-image: url(../image/logo/next_gray.png) !important;
  vertical-align: text-top; /*20221027 フッター修正 アラビア語対応　s.u */
  margin-top: 2px; /*20241121 ALL3484対応 h.t　*/
}
.bottom-page-link a:last-child::after { /* 20220726 改修 */
  background-image: url(../image/logo/next_gray.png) !important;
  vertical-align: text-top; /*20221012 フッター修正　田中*/
}
.bottom-page-link a:last-child:lang(ar)::after { /* 20220726 改修 */
  background-image: url(../image/logo/back_gray.png) !important;
  vertical-align: text-top; /*20221027 フッター修正 アラビア語対応　s.u */
  margin-top: 2px; /*20241121 ALL3484対応 h.t　*/
}
.bottom-page-link a:last-child:lang(he)::after { /* 20220726 改修 *//* ALL-3303 s.u 20241008 add */
  background-image: url(../image/logo/back_gray.png) !important;
  vertical-align: text-top; /*20221027 フッター修正 アラビア語対応　s.u */
  margin-top: 2px; /*20241121 ALL3484対応 h.t　*/
}

.bottom-page-link a.unavailable:last-child::after {
  content: none;
}

span.devided{ /* 20220726 改修 */
  margin: 0 10px 0;
  color: #6c7074;
  font-weight:normal;
}

/*
 * --- コピーライト ---
 */

#page-footer-copyright {
  position: relative;
  margin: 0 30px 0 410px; /*20220804　改修　田中　元margin: 0 30px 10px 410px;*/
  display: flex;
  justify-content: space-between;
}

#page-footer-copyright .copyright,
#page-footer-copyright .partno-data {
  margin: 0; /* 20220726 改修 */
  padding: 0 0 10px;
  transition: margin-left 0.5s;
}

#page-footer-copyright .copyright p,
#page-footer-copyright .partno-data p {
  margin: 0; /* 20220726 改修 */
  line-height: 1.3;
  font-size: 12px !important; /* 20220722*/
  letter-spacing: 0.5px;
  color: #666; /* 20220722*/
}

.status-menu-closed #page-footer-copyright {
  margin-left: 60px;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  #page-footer-copyright {
    padding: 12px;
    background: #f3f3f3;
    flex-flow: column;
    display: none;/*20220805 追加　田中*/
  }

  #page-footer-copyright .copyright,
  #page-footer-copyright .partno-data {
    margin: 0 auto;
  }

  #page-footer-copyright .copyright p,
  #page-footer-copyright .partno-data p {
    text-align: center;
  }

  .status-menu-closed #page-footer-copyright {
    margin-left: 0px;
    margin-right: 0px;
    display: block; /*20220805 追加　田中*/
  }


}

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

    メインコンテンツ（#wiki-contentを囲む#page-content）

  'small-text','medium-text','large-text'
   ---------------------------------------- */

.small-text{
  font-size:10px !important;
}
.medium-text{
  font-size:14px !important;
}
.large-text{
  font-size:18px !important;
}

/*
 * --- 本文 ---
 */

#page-content .row {
  margin-left: -15px;
  margin-right: -15px;
}

#page-content {
  position: relative;
  overflow: hidden;
  margin: 0 25px 10px 410px; /* 20220726 改修 */
  padding: 0;
  transition: margin-left 0.5s;
}

.textpage #page-content .cnt_max .clm1 {
  /* min-height: 60vh; 20220726 改修  //20220804　改修のためコメントアウト　田中*/
}

/*20220804　フッターとの距離を空けるため追加　ここから　田中*/
.textpage #page-content .cnt_max > .clm1{
  padding-bottom: 11rem;/*20221012 フッター修正のため余白変更　田中*/
 }
div.moduleh1 {
  padding-bottom: 7rem;
}
/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {
  div.moduleh1 {
    padding-bottom: 9rem;
  }
  /*20221012 フッター修正のため余白変更　追加　ここから田中*/
  .textpage #page-content .cnt_max > .clm1{
    padding-bottom: 6rem;
    }
  /*20221012 フッター修正のため余白変更　追加　ここまで田中*/
}

div.tab-index-page {
  margin-bottom: 7rem;
}
/*20220804　フッターとの距離を空けるため追加　ここまで　田中*/

.textpage {
  background: #F3F3F3; /* 20220722 // 20220808 背景色修正　田中*/
  min-height: 100vh; /*20220804　追加　田中*/
}

.textpage #page-content {
  padding: 50px 0 0; /* 20220726 改修 */
}

.textpage #page-content .cnt_max {
  padding: 10px; /* 20220726 改修 */
  background-color: #FFFFFF;
  min-height: calc(100vh - 173px); /* 20220804　追加　田中*/
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .textpage {
    background: #fff;
  }
  .textpage #page-content {
    margin: 0;
    padding: 10px 0 10px;
  }

    /*20220808 パンくずが切れてるのを修正　ここから　田中*/
    .textpage #page-content .cnt_max {
      min-height: calc(100vh - 158px); /*20220823 修正　田中 // 20220826 修正　田中 //20220913 修正　田中*/
    }
    /*20220808 パンくずが切れてるのを修正　ここまで　田中*/

  .textpage #page-content .cnt_max {
    padding: 50px 10px 0;
    background-color: #FFFFFF;
  }

}

.status-menu-closed #page-content {
  margin-left: 50px;
}

/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {

  #page-content {
    margin: 0;
    padding: 25px 12.5px 0 12.5px;
    border-radius: 0px;
  }
  nav-breadcrumb {
    margin-left: 10px;
  }

  .status-menu-closed #page-content {
    margin-left: 0px;
    margin-right: 0px;
  }

}

/*
 * --- 見出し ---
 */

#page-content h2 {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: normal;
}

.textpage #page-content h1 {
  font-size: 24px;
}


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


    汎用コンポーネント


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

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

    箇条書き

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

ol.option01 > li:before {
  background-color: #2F363E;
}

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

    メニューリスト（子ページへのリンク）

   ---------------------------------------- */
/*
FY23-12の対応 
.childpages-macro {
  padding-left: 15px;
  margin-top: 5px;
}

.childpages-macro li {
}

.childpages-macro li a {
  display: block;
  position: relative;
  padding: 6px 35px 5px 15px;
  color: #FFFFFF;
  background-color: #546E7A;
  border-radius: 15px;
  vertical-align: middle;
}
.childpages-macro li a:hover { background-color: #FF9100; }
.childpages-macro li a:active { background-color: #E08000; }

.childpages-macro li a::after {
  content: '\e104';
  font-family: 'Metrize-Icons';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
}
*/
.aui-blanket {
    display:none;
  opacity: .5;
  transition: opacity .2s;
  transition-delay: .1s;
  visibility: visible;
  background: #000;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2500
}

#qrDialog {
  display:none;
  border-radius: 10px;
  border: 1px solid #dddddd;
  width: 400px;
  height: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:3000;
  padding:20px;
  background:#ffffff
}

#qrDialog>p {
  font-size: 15px;
  margin-top: 5px;
  cursor: default;
}

#qrDialog .close-qr {
  margin-right: 10px;
  float: right;
  cursor: pointer;
  font-size: 28px;
  font-weight: normal;
}

#qrcode {
  width: 150px;
  height: 150px;
  margin: 20px auto;
  text-align: center;
}

.gen-qr {
  margin: 5px 0 5px 0;
  text-align: right;
}

/* ALL-4282 QRコード削除　20250617 h.t start */
.gen-qr a { 
  display: inline-block;
  background-image: url(../image/logo/qr_code.png) !important;
  background-size: 50px 25px;
  width: 50px;
  height: 25px;
}

/*QRコードが無くなったことで左横の要素が幅いっぱいに表示されるように修正*/
.noQrcode {
  width: 100%!important;
  + div{
    display: none;
  }
}
/* ALL-4282 QRコード削除　20250617 h.t end */

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

  .gen-qr {
    display: none;
  }

}

/*
 * --- その他フォント指定 ---
 */
code {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Verdana,monospace;
}
/*
 * --- 日本語フォント指定 ---
 */
code:lang(ja) {
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial,monospace;
}
/* - eof. */



.btn-collapse-menu{
  opacity: 0.3;
  transition: all 0.1s ease-out;
}
.is-expanded .btn-collapse-menu{
  opacity: 1
}
.btn-expand-menu{
  opacity: 1;
  transition: all 0.1s ease-out;
}
.is-allexpanded .btn-expand-menu{
  opacity: 0.3
}

.page.view a,
.nav-breadcrumb > ol li a{
  color:#0000cc;
}
.page.view a:hover,
.nav-breadcrumb > ol li a:hover{
  text-decoration: underline !important;
  color:#0000cc;
}
.page.view,
.page.view p{
  line-height: 22.4px; /*20250826 行間設定をCSVに合わせるため修正 田中*/
  margin-bottom: 0; /*20250826 行間設定をCSVに合わせるため修正 追加　田中*/
}
div#errorMessage p:lang(ar),
div#errorMessage p:lang(he){
  text-align: right;/* ALL-3387 20241125 add s.u */
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .bottom-page-link {
    display: none;
  }
  #search{
    display: none;
  }
  /* 20220715 change ここも追加*/
  #page-search form::before {
    display: none;
  }
  /* 20220715 change ここも追加*/
}


@media screen and (min-width: 1px) and (max-width: 480px) {
  #page-footer{ /* 20220726 改修 */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0; /*20221012 フッター修正　追加　田中*/
  }
}
#header-title p a {
  display: block;
  max-width: 140px;
  margin-top: 3px;
}
#header-title p a img{
  display: block;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #header-title{
    width: 70%;
  }
  #header-right{
    width: 30%;
  }

  #header-title p {
    /* height: 25px; 20220906 ロゴの上部が切れていたので修正　コメントアウト田中*/
  }

  #header-title p a {
    max-width: 140px;
    margin-top: 0; /*20220906 ロゴの上部が切れていたので修正　田中*/
  }
  #page-header{
    margin: 0;
    padding: 12.5px;
    height: 50px;
    border-bottom: #6c7074 solid 1px;
  }
}

@media screen and (min-width: 1px) and (max-width: 480px) {

}
#page-footer .to-page-top { /* 20220726 改修 */
  display: inline-block;
  float:right;
}
#page-footer .to-page-top:lang(ar),
#page-footer .to-page-top:lang(he){
  float: left;
}


#page-footer .to-page-top a { /* 20220726 改修 */
  display: block;
  padding: 3px 10px;
  /* width: 150px;  20220826 merge s.u */
  white-space: nowrap;/* 20220902 add s.u 文字サイズ変更対応 */
  background-color: #656766; /*20220809 修正　田中*/
  color: #FFFFFF;
  border-radius: 3px;
}

#page-footer .to-page-top a:lang(ar) {
  padding: 4px 10px 3px 10px;
}
#page-footer .to-page-top a:lang(he) {/* ALL-3303 s.u 20241008 add */
  padding: 4px 10px 3px 10px;
}

/* 20221117 アラビア語対応 */
#page-footer .to-page-top a span:lang(ar) {
  vertical-align: middle;
}
#page-footer .to-page-top a span:lang(he) {/* ALL-3303 s.u 20241008 add */
  vertical-align: middle;
}

#page-footer .to-page-top a::before { /* 20220726 改修 */
  content: '';
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  background-image: url(../image/logo/scroll_top_tp.png) !important;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 12px;
  height: 12px;
}

/* 20221117 アラビア語対応 */
#page-footer .to-page-top a:lang(ar)::before {
  margin-right: -3px;
  margin-left: 5px;
}
#page-footer .to-page-top a:lang(he)::before {/* ALL-3303 s.u 20241008 add */
  margin-right: -3px;
  margin-left: 5px;
}

.to-page-top-absolute a::before{
  display: block;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  #page-footer .to-page-top {
    margin: 0;
    width: 100%;
    text-align: right;
  }

  #page-footer .to-page-top a {
    display: inline-block;
  }

  .to-page-top-absolute {
    right: 10px;
  }
  #page-footer .to-page-top{
    margin: 0;
    width: inherit;
  }
}

/* Top Page Start  */
.tab-index-page {
  /* max-height:275px; *//* 20220714 小野さんの要望で削除 */
  overflow-y:auto;
  overflow-x:hidden;
  /* background-color: #f3f3f3; *//*20220805 コメントアウト田中 // 20220909カラーコード修正　田中*/
  /* padding: 10px 0 0 10px; *//*20220805 コメントアウト田中*/
}
#page-content .tab-index-page .row {
  margin: 0;
  padding: 0;
  background-color: #f3f3f3; /*20220805 追加　田中 // 20220909カラーコード修正　田中*/
  padding-left: 10px; /*20220805 追加　田中*/
}

.tab-index-page .row > div {
  margin: 0;
  padding: 0 10px 10px 0;
}

/*20220805 おすすめ機能背景修正　追加ここから　田中*/
.tab-index-page div.row:first-child{ /*20220829 トップおすすめ修正　田中*/
  padding-top: 10px!important;
  background: #f3f3f3; /*20220909カラーコード修正　田中*/
}

.index-tab-content .index-tab-content .row {
  padding-left: 10px;
  background: #f3f3f3; /*20220909カラーコード修正　田中*/
}
/*20220805 おすすめ機能背景修正　追加ここまで　田中*/

/* .tab-index-page .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1,
 .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
  padding-left: 0px;
} */
.tab-index-page table {
  margin: 0;
  background-color: white;
  border:none !important;
}
.tab-index-page table>tbody>tr>td{
  border:none;
    text-align: center;
    vertical-align: middle;
  /* padding:15px 20220809トップおすすめ機能余白修正　コメントアウト　田中*/
}
.tab-index-page table>tbody>tr>td>a{
  display: inline-block;
  font-weight:normal;
  /* padding-bottom: 25px; 20220809トップおすすめ機能余白修正　コメントアウト　田中*/
  margin-top: 8px; /*20220809トップおすすめ機能余白修正　追加　田中*/
}
.tab-index-page table>tbody>tr:first-child{
  /* height:150px; 20220905 トップのおすすめ部分修正コメントアウト　田中*/
}

.nav-tabs-index>li.active>a, .nav-tabs-index>li.active>a:focus, .nav-tabs-index>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #f3f3f3; /*20220909カラーコード修正　田中*/
    border-bottom-color: transparent;
}
.tab-index-page::-webkit-scrollbar {
  width: 10px;
}

.tab-index-page::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

.tab-index-page::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
.tab-index-page::-webkit-scrollbar-thumb:hover {
  background: #888;
}

#wiki-content hr {
  height: 2px;
  margin: 0 0 5px;
  background: #666;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #wiki-content hr {
    display: none;
  }
}
/*20220804 トップページおすすめ機能タブ改修のため追加　ここから田中*/
ul.nav-tabs-index {
  display: flex;
}
/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {
  ul.nav-tabs-index{
    display: block;
  }
}
/*20220804 トップページおすすめ機能タブ改修のため追加　ここまで田中*/

.nav-tabs-index li{
  /* float: left; 20220804 トップページおすすめ機能タブ改修のためコメントアウト　田中 */
  position: relative;
  margin: 0 0 10px;
  padding: 0 5px;
  width: 100%; /*20220804 トップページおすすめ機能タブ改修のため修正　田中*/
  height: 75px;
  text-align: center;
  overflow: hidden;/*20220804 トップページおすすめ機能タブ改修のため追加　田中*/
}

.nav-tabs-index li::before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 45px;
  background: #ddd;
  top: 14px;
  left: 0px;
}
.nav-tabs-index li:last-child::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 45px;
  background: #ddd;
  top: 14px;
  right: 0px;
}
.nav-tabs-index>li>a {
  position: relative;
  padding: 15px 5px;
  width: 100%;
  height: 100%;
  color: #333 !important;
  font-weight:normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nav-tabs-index>li>a::after {
  content: "";
  position: absolute;
  display: inline-block;
  background: url(../image/logo/icon_l_down_05.png) center no-repeat;
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  bottom: 0; /*20220804 トップページおすすめ機能タブ改修のため修正　田中*/
  left: 0; /*20220804 トップページおすすめ機能タブ改修のため修正　田中*/
  right: 0; /*20220804 トップページおすすめ機能タブ改修のため追加　田中*/
  margin: auto; /*20220804 トップページおすすめ機能タブ改修のため追加　田中*/
}
/* 20220808トップページおすすめ機能部分修正　ここから　田中 */
.tab-index-page .index-tab-content table > tbody > tr > td p {
  text-align: center;
 }
 /* 20220808トップページおすすめ機能部分修正　ここから　田中 */

@media screen and (min-width: 1px) and (max-width: 767px) {
  .nav-tabs-index {
    padding: 10px;
    background-color: #f3f3f3;
  }

  .nav-tabs-index li{
    margin:0 0 1px !important;
    padding:0px !important;
    width:100%;
    height: auto;
  }
  .nav-tabs-index li.active{
    border:none !important;
    background-color: #fff;
  }

  .nav-tabs-index>li.active>a {
    background-color: #f3f3f3; /*20220928  スマホのおすすめ機能部分　背景修正　田中*/
  }
  /*20220928  スマホのおすすめ機能部分　背景修正　追加ここから　田中*/
  .nav-tabs-index>li a,
  .nav-tabs-index>li a:hover{
    background-color: #fff;
  }
  /*20220928  スマホのおすすめ機能部分　背景修正　追加ここまで　田中*/

  .nav-tabs-index>li>a {
    padding: 25px 60px 25px 15px; /*20220825 スマホのトップおすすめ部分がvにかぶるのを修正　田中　// 20220928 スマホのおすすめ機能部分の幅を修正　田中*/
    font-weight: normal;
    background: none;
    background-color: #fff;
    line-height: 2 !important;
    color: black !important;
    border-radius: 0px !important;
    text-align: center;
  }

  .nav-tabs-index>li>a::after {
    color: #999;
    width: 20px;
    height: 20px;
    top: 30px;
    bottom: inherit;
    left: inherit;
    right: 30px; /*20220928 スマホのおすすめ機能部分の幅を修正　田中*/
  }

  .nav-tabs-index li::before{
    content: none;
  }
  .nav-tabs-index li:last-child::after {
    content: none;
  }

}

.index-product-manual{
  display: inline-block;
  margin: 0; /*20220808 文字が切れていたので修正　田中　元0 10px 10px 0*/
  font-size: 32px !important;
    vertical-align: bottom !important;
    /* line-height: 1 !important; 20220808 文字が切れていたのでコメントアウト　田中 */
    font-weight: 500;
}
/*20220808 文字が切れていたので修正　田中　ここから*/
@media screen and (min-width: 1px) and (max-width: 767px) {
  .index-product-manual{
    line-height: 1 !important;
    margin: 0 10px 10px 0;
  }
}
/*20220808 文字が切れていたので修正　田中　ここまで*/

.index-product-label{
  display: inline-block;
  /* margin: 0 10px 10px 5px; 20220720 dell merge */
  margin: 0 10px 10px 0; /* 20220720 add merge */
  font-size: 20px !important;
    vertical-align: bottom !important;
    line-height: 1 !important;
    font-weight: 500;
}
table.index-info>tbody>tr>td{
  border:none !important;
}
table.index-info{
  margin-bottom:0px !important;
}
.tab-index-page .mw160{
  max-width : unset !important;
  margin:0px !important;
}
/* Top Page END  */

.search #page-content .title {
  font-size: 26px !important;
}

.search .page {
  margin: 0 0 0 250px;
  padding: 10px 0 0 0; /*20220909 位置修正　田中*/
  min-height: calc( 100vh - 187px); /*20220906 検索画面の縦幅修正 田中*/
}

.search #page-footer {
  padding: 10px 0;/*20220909 位置修正　田中*/
}

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

  .search #page-content{
    margin-bottom: 0;
    padding: 0px 10px 13px; /* スマホの検索画面にパンくずを追加したため修正　修正前　25px 10px 10px　08012022 //20220913 修正　田中*/
  }

  .search #page-content .title{
    margin: 0;
  }
  .moduleh1 .row {
    display: none;
  }

  .search .page {
    margin: 0 0 10px;
    padding: 0;
    min-height: calc( 100vh - 234px); /*20220906 検索画面の縦幅修正　追加　田中*/
  }

  .search .bottom-page-link {
    display: block;
    margin-bottom: 10px;
    /*border:1px solid red;*/
  }
}

#pagetreesearch {
  position: relative;
  margin: 0 0 10px;
}

#pagetreesearch input {
  display: inline-block;
  margin: 0;
  padding: 2px 5px 0px 3px; /*20221012 change 検索ボックスの文字切れ対応 s.u */
  min-width: 60%;
  font-size: 16px;
  border: solid 1px #999999;
  border-radius: 3px;
  vertical-align: top;
  height: 30px; /*20220909 検索バーとアイコンが揃わない修正 追加　田中*/
}
#pagetreesearch input:lang(he),
#pagetreesearch input:lang(ar){
/*  unicode-bidi: plaintext;
  text-align: right;*/
}

/*20220909 検索バーとアイコンの修正　ここから田中*/
@media screen and (min-width: 1px) and (max-width: 767px) {
  #pagetreesearch div button.btn-submit {
    line-height: inherit;
  }
}
/*20220909 検索バーとアイコンの修正　ここまで田中*/

/*20220909  画面を縮小したときに検索バーが切れる部分修正　ここから田中*/
@media screen and (min-width: 965px) and (max-width: 1150px) {
  #pagetreesearch input {
    width: 85%;
  }
}
@media screen and (min-width: 900px) and (max-width: 964px) {
  #pagetreesearch input {
    width: 80%;
  }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
  #pagetreesearch input {
    width: 75%;
  }
}
/*20220909  画面を縮小したときに検索バーが切れる部分修正　ここまで田中*/


#pagetreesearch button {
  display: inline-block;
  margin: -1px 0px 0px 0px;/* 20221012 change 微調整 s.u */
  padding: 0;
  background-color: inherit;
  border: none;
  vertical-align: top;
}

#pagetreesearch button .icon-search:before {
  width: 30px; /*20220909 検索バーとアイコンが揃わない修正　田中*/
  height: 30px; /*20220909 検索バーとアイコンが揃わない修正　田中*/
  background-size: 30px 30px; /*20220909 検索バーとアイコンが揃わない修正　田中*/
}

#pagetreesearch #search-display-input {
  display: none;
}
#spaceName{
  opacity: 0;
}
#pageTitle {
  display: block;
  width: 220px;
}

.status-menu-closed #select-page-tree-search {
  margin-left: 0;
}

#select-page-tree-search {
  display: block;
  border: 1px solid #E9E9E9;
  position: absolute;
  top: 130px;
  left: -250px;
  width: 220px;
  transition: margin-left 0.5s;
}
.select-title {
  margin: 0;/* 20220720 add merge */
  padding: 2px 10px;
  color: #FFF;
  background-color: #656766;
  text-align: center!important; /*絞り込みの文字を真中に　20221228　田中*/
}

.select-title-sp {
  display: none;
}

/* 20220720 変更*/
#select-page-tree-search li {
  list-style-type: none;/* 20220720 add merge */
  /* padding: 3px 8px; /*20220915　絞り込みの省略文字の幅を均等にする　コメントアウト田中*/
  /* background: #FFF;20220720 add merge // 20220831 絞り込み部分デザイン改修コメントアウト　田中*/
  border-bottom: 1px solid #E9E9E9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#select-page-tree-search li:last-child {
  border-bottom: none;
}

#select-page-tree-search li ul {
  margin-top:5px;/* 20220720 add merge */
  padding: 0;
}

#mCSB_2_container > li:first-child{
  cursor: pointer;
}

/* dafault.cssから移動 20220720 */
#select-page-tree-search li:hover {
  /* background: linear-gradient(#E9E9E9 35px, #ffffff 0%) !important;20220720 add merge // 20220812 改修のためコメントアウト　田中 */
  /*cursor: pointer;*/ /*20220905 絞り込み部分firefoxとedgeで効いていない不都合のため追加　田中*/
}

/*20220905 絞り込み部分firefoxとedgeで効いていない不都合のため追加　ここから　田中*/
#mCSB_2_container > li:first-child:hover { /*20220915 下線の挙動がおかしかったので修正　田中*/
  text-decoration: underline;
}
/*20220905 絞り込み部分firefoxとedgeで効いていない不都合のため追加　ここまで　田中*/

#select-page-tree-search li.selected {
  background: linear-gradient(#E9E9E9 33px, #ffffff 0%) !important; /*20220720 add merge // 20220812 改修のためコメントアウト　田中 // 20220831 絞り込み部分デザイン改修田中*/
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  #searchForm #pageTitle {
    display: none;
    width: 100%;
    margin-top: -15px;
  }

  .select-title-sp {
    display: block;
    position: relative;
    padding: 10px;
    border-radius: 5px; /*20220913 絞り込みボタンの角を調整　田中*/
    width: 100%;
    height: 50px;
  }

  .select-title-sp::before {
    position: absolute;
    content:"";
    background-image: url(../image/logo/search_list.png) !important;
    background-size: 36px 25px; /*20020915 スマホ絞り込みアイコンサイズ修正　田中*/
    display: inline-block;
    width: 36px; /*20020915 スマホ絞り込みアイコンサイズ修正　田中*/
    height: 25px;
    border-radius: 2px;
    top: 12px;
    left: 15px;
  }

  .select-title-pc {
    display: none;
  }

  #search-display-input span {
    display: none;
  }

    /*20220920 絞り込みの文字サイズ修正　ここから　田中*/
    #search-display-input p {
      font-size: 20px!important;
    }
    /*20220920 絞り込みの文字サイズ修正　ここまで　田中*/

  #pagetreesearch #search-display-input {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    top: 0;
    left: inherit;
    width: 100% !important;
    height: 50px;
    opacity:0;
  }
  #select-page-tree-search {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  #pagetreesearch button .icon-search:before {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
  }

}

/* 20220720 add merge ここから */

#select-page-tree-search .icon.has_child::before {
    vertical-align: middle;
    cursor: pointer;
    font-size: 10px;
}
#select-page-tree-search .icon.has_child:hover{
  &::before{
    
  }
}
#select-page-tree-search .icon.has_child:not(.active)::before {
  content: '\e250';
  font-family: 'Glyphicons Halflings';
  left: 0px;
  top: 0px;
  padding-right: 2px;
}
/* 20221028 アラビア語の対応 ここから */
#select-page-tree-search .icon.has_child:not(.active):lang(ar)::before,
#select-page-tree-search .icon.has_child:not(.active):lang(he)::before {/* ALL-3303 s.u 20241008 add */
  content: '\e251';
  padding-right:0px;
  padding-left:2px;
}
/* 20221028 アラビア語の対応 ここまで */

#select-page-tree-search .icon.active::before {
  content: '\e252';
  font-family: 'Glyphicons Halflings';
  left: 0px;
  top: 0px;
  padding-right: 2px;
}
#select-page-tree-search .icon.active:lang(ar)::before,
#select-page-tree-search .icon.active:lang(he)::before {
  padding-right:0;
  padding-left:2px;
}

#search-display-input {
    background-color: #FFFFFF !important;
    margin: 5px 0px 5px 0px;
    border-radius: 3.5px;
}

#search-display-input:hover {
    background-color: #FFFFFF !important;
}

#search-display-input span.dropdowntree-name {
    float: left;
}

#search-display-input span.caret-page-search {
    float: right;
}

#search-display-input span.caret-page-search::before {
    content: '\e252';
    font-family: 'Glyphicons Halflings';
    left: 0px;
    top: 0px;
    padding-right: 2px;
    font-size: 10px;
}

#search-display-input span.caret {
    border: none;
}
#page-cont#ent #pageCount {
  font-size: 24px !important;
}
#page-content span.ftitle {
  margin: 0 5px;
}
#page-content #searchKey:lang(he),
#page-content #searchKey:lang(ar){
  /*unicode-bidi: plaintext;*/
  unicode-bidi: isolate; /* 要素の中のテキスト方向を外側から隔離（isolate） */
  margin:0 4px;
}
#resultSearchContainner {
  border-top: 1px solid #E9E9E9;
}

#resultSearchContainner .fpage {
  /* padding: 15px 0 10px 0; 20220720 dell merge */
  padding: 15px 0;/* 20220720 add merge */
}
#resultSearchContainner .fpage h2 {
  margin-bottom: 0;
}

#resultSearchContainner .fpage ul {
  padding: 0;
}

#resultSearchContainner .fpage .summary {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 1px) and (max-width: 480px) {

  #relatedWords{
    padding: 20px 0 0 0;
  }

  #searchForm a.aui-button{
    display: none;
  }
}
/*20220902　検索件数が押せなくる不都合修正　追加ここから　田中*/
#relatedWords {
  width: 85%; /*20221014 関連語レイアウト修正　田中*/
}
/*20220902　検索件数が押せなくる不都合修正　追加ここまで　田中*/

/*20220805 スマホ検索バー修正　追加　ここから　田中*/
@media screen and (min-width: 1px) and (max-width: 767px) {

  #searchForm .text.middle-field:not(lang(ar)){
    margin: 0 5px 10px 0!important; /*20220808 スマホ検索バー修正　追加　田中*/
  }
  #searchForm .text.middle-field:lang(ar) {
    /* margin-right: 55px; 20221028 アラビア語対応 s.u 20241120 ALL3484 h.t commentout */
  }
  #searchForm .text.middle-field:lang(he) {/* ALL-3303 s.u 20241008 add */
    /* margin-right: 55px; 20221028 アラビア語対応 s.u 20241120 ALL3484 h.t commentout */
  }
  #pagetreesearch form > div {
    display: flex;
    flex-wrap: wrap;
  }
}
/*20220805 スマホ検索バー修正　追加　ここまで　田中*/

@media screen and (min-width: 1px) and (max-width: 768px) {
  #searchForm .text.middle-field{
    margin: 0 0 10px 0;
    width: calc(100% - 55px);/* 20220803 change tk */
    height: 50px;
  }

  #relatedWords{
    padding: 20px 0 0 0;
    width: 100%; /*20220902　検索件数が押せなくる不都合修正　追加　田中*/
  }

  #searchForm a.aui-button{
    display: none;
  }

  .product-info{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .index-product-label{
    line-height:1 !important;
    width:100%  !important;
  }

  .tab-index-page{
    /* padding: 10px 0px 10px 10px !important;　20220805　おすすめ機能改修のためコメントアウト　田中 */
  }
  .tab-index-page table>tbody>tr:first-child {
    height: 120px;
  }


  .tab-index-page .col-sm-2 {
    float: left;
    width: 50%;
    padding-right: 10px !important;
    padding-bottom: 10px;
    height: 220px;
  }
  .tab-index-page table{
    margin-bottom: 5px !important;
    margin-top: 0px !important;
    height: 100%;
  }
  .tab-index-page table>tbody>tr>td{
    padding:10px;
  }
  .tab-index-page table>tbody>tr>td>a {
    /* padding-bottom: 10px; 20220809トップおすすめ機能余白修正　コメントアウト　田中*/
  }
  .tab-index-page::-webkit-scrollbar {
    width: 5px;
  }

  .tab-index-page::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: 5px;
  }

  .tab-index-page::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 5px;
  }
  .tab-index-page::-webkit-scrollbar-thumb:hover {
    background: #888;
  }
}
/* スクロールバー表示不正の対応 20220714  ここから*/
.mCSB_inside > .mCSB_container{
  margin: 0 0px;
  padding: 0 0 5px 0;
}
/* スクロールバー表示不正の対応 20220714  ここまで*/

/* ３階層目が右寄せにならない不具合の対応 モバイル 20220714 ここから*/
#page-menu .nav-menu-list li ul li .icon.has_child {
  background: #FFF;
  left: 0px;
}
/* 20221024 アラビア語対応 ここから*/
/* ３階層目が右寄せにならない不具合の対応 モバイル 20220714 ここから*/
#page-menu .nav-menu-list li ul li .icon.has_child:lang(ar),
#page-menu .nav-menu-list li ul li .icon.has_child:lang(he) {/* ALL-3303 s.u 20241008 add */
  background: #FFF !important;
  right:0;
  left:auto;
}
/* 20221024 アラビア語対応 ここまで*/

@media screen and (min-width: 1px) and (max-width: 767px) {
  #page-menu .nav-menu-list li ul li .icon.has_child {
    left: inherit;
    background: transparent;
  }
}
/* ３階層目が右寄せにならない不具合の対応 モバイル 20220714 ここまで*/

/* おすすめ機能ページ内のリンクテキストのサイズを16pxに修正　08012022　ここから*/
div.tab-index-page td.confluenceTd {
  font-size: 16px;
}
/* おすすめ機能ページ内のリンクテキストのサイズを16pxに修正　08012022　ここまで*/

/*子ページのある目次の文字の大きさ16pxに修正　20220801　ここから*/
#page-menu .nav-menu-list li span.icon.has_child ~ a {
  font-size: 16px;
}
/*子ページのある目次の文字の大きさ16pxに修正　20220801　ここまで*/

/*目次スクロールバーの色修正　20220801　ここから*/
.mCSB_scrollTools {
  opacity: 1!important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #999999;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar
 {
  background-color: #999999!important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  top: 2px!important;
  left: 3px!important;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color:transparent;/*20220819  スクロールバーがメニューにかぶっていた所修正　田中*/
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #999999!important;
}
/*目次スクロールバーの色修正　20220801　ここまで*/

/* 20220809 トップおすすめ機能部分余白修正　ここから　田中 */
.tab-index-page .confluenceTd p a img,
.tab-index-page .confluenceTd h6 a img { /*20220905 トップのおすすめ部分修正　追加　田中*/
  max-height: 200px;
  width: auto!important;
}
.tab-index-page .col-sm-3 table.nml {
  /* max-height: 332px; 20220829 縦幅修正　田中//20220905 トップのおすすめ部分修正コメントアウト　田中*/
}
.tab-index-page table > tbody > tr:nth-child(2) > td {
  padding: 0px 8px 10px 8px; /*20220905 トップのおすすめ部分修正　田中*/
}

.tab-index-page table > tbody > tr:first-child > td {
  padding: 10px 8px 0 8px;/*20220905 トップのおすすめ部分修正　田中*/
}

.tab-index-page .col-sm-3 table.nml tr td a,
.tab-index-page .col-sm-3 table.nml tr td p { /*20220905 おすすめ機能部分修正　追加　 田中*/
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /*20220905 トップのおすすめ部分修正　田中*/
}

/* XSサイズ */
@media screen and (min-width: 1px) and (max-width: 767px) {
  .tab-index-page .confluenceTd p a img {
    max-height: 200px;
    width: auto!important;
  }
  .tab-index-page .col-sm-3 table.nml {
    height: auto!important;
  }
  .tab-index-page table > tbody > tr:nth-child(2) > td {
    padding-bottom:20px;
  }
}
/* 特定の画面幅になると高さが崩れるので追加　田中 */
@media screen and (min-width: 1481px) and (max-width: 1593px) {
  .tab-index-page .col-sm-3 table.nml {
    /* height: 345px!important; 20220905 トップのおすすめ部分修正　コメントアウト　田中*/
    /* max-height: none; 20220905 トップのおすすめ部分修正　コメントアウト　田中*/
  }
}
/* 20220809 トップおすすめ機能部分余白修正　ここまで　田中 */

/* 20220812 絞り込み部分デザイン改修　ここから　田中 */
#select-page-tree-search li ul li:first-child {
  border-top: 1px solid #E9E9E9;
}

#select-page-tree-search li span.menutext:hover { /*20220905 ポップアップ出ない不都合修正　田中*/
  text-decoration: underline;
  cursor: pointer;
}
#select-page-tree-search li.selected > span.menutext { /*20220905 ポップアップ出ない不都合修正　田中*/
  /* text-decoration: underline;　20220831 絞り込み部分デザイン改修コメントアウト　田中 */
}
div#mCSB_1_container p + li.selected {
  text-decoration: underline;
  cursor: pointer;
}
div#mCSB_1_container p + li {
  cursor: pointer;
}

/* 20220812 絞り込み部分デザイン改修　ここまで　田中 */

/* 20220815 絞り込み部分デザイン改修　ここから　田中 */
div#mCSB_1_container > li:first-child.selected {
  /* text-decoration: underline;20220831 絞り込み部分デザイン改修コメントアウト　田中 */
  cursor: pointer;
}

/* 20220831 絞り込み部分デザイン改修追加　ここから田中 */
div#mCSB_1_container > li:first-child:hover {
  text-decoration: underline;
}
/* 20220831 絞り込み部分デザイン改修追加　ここまで田中 */

div#mCSB_1_container > li:first-child {
  cursor: pointer;
}
/* XSサイズ */
@media screen and (min-width: 1px) and (max-width: 767px) {
  div.select-page-tree #mCSB_1_container ul>li:first-child.active {
    text-decoration: underline;
  }
  div.select-page-tree #mCSB_1_container ul>li.active > a{
    text-decoration: underline!important;
  }
  /* 20220831 絞り込み部分デザイン改修追加　ここから田中 */
  #select-page-tree-search li span.menutext:hover { /*20220905 ポップアップ出ない不都合修正　田中*/
    text-decoration: none;
  }
  /* 20220831 絞り込み部分デザイン改修追加　ここまで田中 */
}
/* 20220815 絞り込み部分デザイン改修　ここまで　田中 */

/*20220818 qrコードが画面から切れてしまうため、修正　田中　ここから*/
@media screen and (min-width: 768px) and (max-width: 900px) {
  div.nt_max .clm .row .col-sm-10 {
    width: 77%;
  }
  div.nt_max .clm .row .col-sm-2 {
    width: 23%;
  }
}
/*20220818 qrコードが画面から切れてしまうため、修正　田中　ここまで*/

/* 20220819　絞り込みメニューのポップアップ表示修正　ここから　田中 */
.menutextpop {
  position: absolute;
  color: rgb(255, 255, 255);
  width: 300px;
  font-size: 14px !important;
  line-height: 1.6em;
  left: 205px; /*20220905 メニューポップアップ部分修正　ここまで 田中*/
  z-index: 1000;
  padding: 3px 8px;
}
/* XSサイズ */
@media screen and (min-width: 1px) and (max-width: 767px) {
  .menutextpop {
    left: 20px;
  }
}
/* 20220819　絞り込みメニューのポップアップ表示修正　ここまで　田中 */

/* 20220823　関連語デザイン修正　追加　ここから　田中 */
.headrendDisplay {
  display: none;
}
p.synonymWords {
  position: relative;
  top: -25px; /*文字の位置微調整　20221228　田中*/
}
div#termWord {
  position: relative;
  top: -25px; /*20221012　同義語の行間修正　田中　// 文字の位置微調整　20221228　田中*/
  width: 45%;/*20220902　検索件数が押せなくる不都合修正　追加　田中*/
}
/* XSサイズ */
@media screen and (min-width: 1px) and (max-width: 767px) {
  .headrendDisplay {
    display: block;
  }
  #errorMessage {
    padding-top: 20px;
  }
  div#termWord {
    clear: both;
    width: 100%;/*20220902　検索件数が押せなくる不都合修正　追加　田中*/
  }
  div#termWord p{
    margin: 0!important;
  }
  #errorMessage p.synonymWords {
    margin-bottom: 0;
  }
}

#errorMessage p.relatedKey {
  margin: 0!important; /*20221012　同義語の行間修正　田中*/
}

/* PCサイズ */
@media screen and (min-width: 1370px)  {
  p.synonymWords {
    float: left;
  }
  p.synonymWords:lang(ar) { /*アラビア語での表示修正 20221223 田中*/
    float: none !important;
  }
  p.synonymWords:lang(he) { /*アラビア語での表示修正 20221223 田中*//* ALL-3303 s.u 20241008 add */
    float: none !important;
  }
}

/* タブレットサイズ */
@media screen and (min-width: 768px) and (max-width: 1370px) {
  #errorMessage p.synonymWords {
    width: 50%; /*20220902　検索件数が押せなくる不都合修正　田中 //20221014 レイアウト修正　田中 //20230110 修正　田中*/
    margin-bottom: 0;
  }
  div.related-key-title-container {
    width: 70%; /*20220902　検索件数が押せなくる不都合修正　田中*/
  }
  #relatedWords {
    padding: 0;
  }
}

/* 20220823　関連語デザイン修正　追加　ここまで　田中 */

/* 20220826　ricoh_mfpapnl機器の場合は、メニューをスマホに合わせる　修正追加　ここから　田中 20220829 検索画面も追加対応*/
.is_mfpapnl div#mCSB_1 ul.nav-menu-list,
.is_mfpapnl div#mCSB_2 ul.nav-menu-list {
  padding: 0;
}

.is_mfpapnl div#mCSB_1_container li a,
.is_mfpapnl div#mCSB_2_container li a {
  /* display: block; 20221024 スマホのデザインに合わせる修正　田中 */
  margin: 0; /*20221024 スマホのデザインに合わせる修正　田中*/
  padding: 15px 40px 15px 50px; /*20221024 スマホのデザインに合わせる修正　田中*/
  min-height: 50px;
  border-left: none;
  border-bottom: 1px solid #c9c9c9;
  /* width: 100%; 20221024 スマホのデザインに合わせる修正　田中 */
  /* color: #333; 20221024 スマホのデザインに合わせる修正　田中 */
  /* margin-left: 0; 20221024 スマホのデザインに合わせる修正　田中 */
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li ul li a,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li ul li a {
  margin: 0;
  padding: 15px 40px 15px 50px; /*20221024 スマホのデザインに合わせる修正　田中*/
  background: #efefef; /*20221024 スマホのデザインに合わせる修正　田中*/
  min-height: 50px;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li ul,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li ul {
  margin-left : 0;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li.expanded ul .has_child,
.is_mfpapnl div#mCSB_1_container .nav-menu-list li ul .icon.bullet,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li.expanded ul .has_child,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li ul .icon.bullet {
  display : none;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list .group.expanded > .icon::before,
.is_mfpapnl div#mCSB_2_container .nav-menu-list .group.expanded > .icon::before {
  content: "";
  background-image: url(../image/logo/colapse_child.png) !important; /*20221024 スマホのデザインに合わせる修正　田中*/
  background-size: 23px 23px; /*20221024 スマホのデザインに合わせる修正　田中*/
  left: inherit;
  top: 12px;
  display: inline-block;
  width: 23px; /*20221024 スマホのデザインに合わせる修正　田中*/
  height: 23px; /*20221024 スマホのデザインに合わせる修正　田中*/
  border-radius: 4px; /*20221024 スマホのデザインに合わせる修正　田中*/
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list .group > .icon::before,
.is_mfpapnl div#mCSB_2_container .nav-menu-list .group > .icon::before {
  content: "";
  background-image: url(../image/logo/expand_child.png) !important; /*20221024 スマホのデザインに合わせる修正　田中*/
  background-size: 23px 23px; /*20221024 スマホのデザインに合わせる修正　田中*/
  left: inherit;
  top: 12px;
  display: inline-block;
  width: 23px; /*20221024 スマホのデザインに合わせる修正　田中*/
  height: 23px; /*20221024 スマホのデザインに合わせる修正　田中*/
  border-radius: 4px; /*20221024 スマホのデザインに合わせる修正　田中*/
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list .group > .icon,
.is_mfpapnl div#mCSB_2_container .nav-menu-list .group > .icon {
  top: 6px;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list .icon,
.is_mfpapnl div#mCSB_2_container .nav-menu-list .icon {
  width: 50px;
    top: 0px;
    /* right: 0; *20221024 スマホのデザインに合わせる修正　田中 */
    text-align: center;
    position: absolute;
    display: inline-block;
}

.is_mfpapnl div#mCSB_1_container li .icon::before,
.is_mfpapnl div#mCSB_1_container .nav-menu-list li .has_child::before,
.is_mfpapnl div#mCSB_2_container li .icon::before,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li .has_child::before {
  content: ""; /*20221024 スマホのデザインに合わせる修正　田中*/
  color: #0000cc;
  font-size: 32px;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li.active > a,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li.active > a {
  color: #333!important;
  background-color: transparent;
}

.is_mfpapnl div#mCSB_1 #mCSB_1_container,
.is_mfpapnl div#mCSB_2 #mCSB_1_container{
  padding: 0;
}

/* 20221117 アラビア語機種対応 */
.is_mfpapnl div#mCSB_1 #mCSB_1_container:lang(ar),
.is_mfpapnl div#mCSB_2 #mCSB_1_container:lang(ar),
.is_mfpapnl div#mCSB_1 #mCSB_1_container:lang(he),
.is_mfpapnl div#mCSB_2 #mCSB_1_container:lang(he){/* ALL-3303 s.u 20241008 add */
  padding: 0;
  margin-left: 0px;
}

.is_mfpapnl #nav-menu-header a:nth-child(1),
.is_mfpapnl #nav-menu-header a:nth-child(2) {
  display: none;
}

.is_mfpapnl #nav-menu-header {
  height: 37px;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li li span.icon.has_child ~ a,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li li span.icon.has_child ~ a {
  margin-left: 0;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li.active > a,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li.active > a {
  background-color: #f3f3f3 !important;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li li span.icon.has_child ~ ul,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li li span.icon.has_child ~ ul {
  margin-left: 0;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li ul,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li ul {
  margin: 0;
  padding: 0;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li.expanded ul .has_child,
.is_mfpapnl div#mCSB_1_container .nav-menu-list li.expanded ul .icon,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li.expanded ul .has_child,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li.expanded ul .icon {
  width: 50px;
  height: inherit;
  background: transparent;
  top: 0;
  left: inherit;
  /* right: 0; 20221024 スマホのデザインに合わせる修正　田中*/
  text-align: center;
  position: absolute;
    display: inline-block;
}
/* 20221117 アラビア語機種対応 */
.is_mfpapnl div#mCSB_1_container .nav-menu-list li.expanded ul .has_child:lang(ar),
.is_mfpapnl div#mCSB_1_container .nav-menu-list li.expanded ul .icon:lang(ar),
.is_mfpapnl div#mCSB_2_container .nav-menu-list li.expanded ul .has_child:lang(ar),
.is_mfpapnl div#mCSB_2_container .nav-menu-list li.expanded ul .icon:lang(ar),
.is_mfpapnl div#mCSB_1_container .nav-menu-list li.expanded ul .has_child:lang(he),
.is_mfpapnl div#mCSB_1_container .nav-menu-list li.expanded ul .icon:lang(he),
.is_mfpapnl div#mCSB_2_container .nav-menu-list li.expanded ul .has_child:lang(he),
.is_mfpapnl div#mCSB_2_container .nav-menu-list li.expanded ul .icon:lang(he) {/* ALL-3303 s.u 20241008 add */
  background: transparent !important;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li li span.icon.has_child,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li li span.icon.has_child {
  top: 6px;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li li span.icon.has_child::before,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li li span.icon.has_child::before {
  position: static;
}

.is_mfpapnl div#mCSB_1_container .nav-menu-list li.expanded,
.is_mfpapnl div#mCSB_2_container .nav-menu-list li.expanded {
  padding-bottom: 0;
}

.is_mfpapnl #mCSB_2_container {
  padding-bottom: 0;
}
  /*20221024 スマホのデザインに合わせる修正　ここから　田中*/
  /* 3階層目 */
  .is_mfpapnl div#mCSB_1_container .nav-menu-list > li > ul > li > ul > li > a {
    background-color: #dedede!important;
  }
  .is_mfpapnl div#mCSB_1_container .nav-menu-list > li > ul > li > ul > li:active > a {
    background-color: #dedede!important;
  }

  /* 4階層目 */
  .is_mfpapnl div#mCSB_1_container .nav-menu-list li ul li ul li ul li a {
    background-color: #c9c9c9!important;
  }
  .is_mfpapnl div#mCSB_1_container .nav-menu-list li ul li ul li ul li:active a {
    background-color: #c9c9c9!important;
  }
  /*20221024 スマホのデザインに合わせる修正　ここまで　田中*/

/* 20220826　ricoh_mfpapnl機器の場合は、メニューをスマホに合わせる　修正追加　ここまで　田中 20220829 検索画面も追加対応*/

/*20220829 　トップページおすすめ部分の修正　追加　ここから　田中*/
.index-tab-content div.row:first-of-type {
  padding-top: 10px!important;
  background: #f3f3f3; /*20220909カラーコード修正　田中*/
}

div.tab-index-page div.row + p,
div.tab-index-page p.condition  {
  display: none;
}

div.tab-index-page td.confluenceTd p {
  font-size: 16px ; /* !important; 20220902 dell 文字サイズ変更対応 s.u */
}

/*20220829　トップページおすすめ部分の修正　追加　ここまで　田中*/

/* 20220829　フッター修正追加　ここから　田中 */
@media screen and (min-width: 840px)  {
  .search #page-footer div.to-page-top {
    /*position: absolute;*/
  }

  .search .bottom-page-link {
    margin: 0 auto;
  }
}

@media screen and (min-width: 840px) and (max-width: 1000px) {
  .search #page-footer div.to-page-top {
    position: static;
  }
}

@media screen and (min-width: 769px) and (max-width: 840px) {
  .search #page-footer div.to-page-top {
    /*position: absolute;*/
    /*top: 34px;*/
  }
  .search #page-footer div.bottom-page-link {
    position: relative;
    /*top: -17px;*/
    margin: 0 auto;
  }
}

@media screen and (min-width: 500px) and (max-width: 768px) {
  .search #page-footer div.to-page-top {
    /*position: absolute;
    top: 16px;*/
  }
  .search #page-footer div.bottom-page-link {
    position: relative;
    /*top: -34px;*/
    margin: 0 auto;
  }
}

/* 20220829　フッター修正追加　ここまで　田中 */

/* 20220905 トップのおすすめ部分修正　追加　ここから　田中*/
.tab-index-page table.nml { /*20220920 トップページを指定　修正　田中*/
  height: 18vw!important;
  max-height: 330px!important;
}
.tab-index-page td.confluenceTd { /*20220920 トップページを指定　修正　田中*/
  height: 90px;
}

.tab-index-page .confluenceTd h6 {
  margin-top: 8px;
  margin-bottom: 0;
}
/* 20220905 トップのおすすめ部分修正　追加　ここまで　田中*/

/* 20220908 本文のQRコードが欠ける部分修正　追加　ここから田中 */
@media screen and (min-width: 768px) and (max-width: 910px) {
  .col-sm-10 {
    width: 78%;
  }
  .col-sm-2 {
    width: 22%;
  }
}
/* 20220908 本文のQRコードが欠ける部分修正　追加　ここまで田中 */

/* 20220912 検索画面の幅を狭めた時に表示が崩れるのを修正　ここから　田中 */
@media screen and (min-width: 768px) and (max-width: 1040px) { /*20221014 関連語レイアウト修正　田中*/
  .col-sm-6{
    width: 100%;
  }
  #relatedWords {
    top: 0!important;
    width: 100%;
  }
  #errorMessage p.synonymWords {
    width: 100%;
    top: 0;
  }
  div#termWord {
    top: 0;
    width: 100%;
  }
  div.related-key-title-container {
    width: 100%;
  }
}
/* 20220912 検索画面の幅を狭めた時に表示が崩れるのを修正　ここまで　田中 */

/* 20220913 絞り込みボタンのテキストを中央に配置　ここから　田中 */
@media screen and (min-width: 1px) and (max-width: 767px) {
  #search-display-input p.select-title-sp {
    line-height: 31px;
  }
}
/* 20220913 絞り込みボタンのテキストを中央に配置　ここまで　田中 */


/*20220915　絞り込み部分修正　ここから　田中*/

/*スタイルが効くように修正　20221223　田中*/
/*
#select-page-tree-search > div > div > div > li { 
  padding: 3px 0px 3px 8px;
  .icon.has_child{
    @media screen and (min-width: 1px) and (max-width: 767px) {
      &:lang(ar),
      &:lang(he){
        margin-right:0;
      }
    }
    &:lang(ar),
    &:lang(he){
      &:before{
        margin-right:4px;
      }
    }
    &:before{
      @media screen and (min-width: 1px) and (max-width: 767px) {
        font-size:14px ;
        margin-right:16px;
      }
    }
  }
}*/

#select-page-tree-search > div > div > div > li {
  padding: 3px 0px 3px 12px;
}
#select-page-tree-search > div > div > div > li:lang(ar),
#select-page-tree-search > div > div > div > li:lang(he){
  padding: 3px 12px 3px 0px;
}

/* andoroid 8.0以下のため */
@media screen and (min-width: 1px) and (max-width: 767px) {
  #select-page-tree-search > div > div > div > li .icon.has_child:before{
    font-size:14px;
    margin-right:16px;
    margin-right:16px;
  }
  #select-page-tree-search > div > div > div > li .icon.has_child:lang(ar):before,
  #select-page-tree-search > div > div > div > li .icon.has_child:lang(he):before{
    margin-right:0;
    margin-left:16px;
  }
}

#select-page-tree-search > div > div > div > li li { /*スタイルが効くように修正　20221223　田中*/
  padding: 3px 0 3px 12px;
  /*padding-left:32px;*/
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #mCSB_2_container > li:first-child:hover {
    text-decoration: none;
  }
  #select-page-tree-search > div > div > div > li li{
    padding-left: 32px;
  }
}
/*20220915　絞り込み部分修正　ここまで　田中*/



/* 20220922 日本語のページトップボタン内のテキストが上に寄る修正　ここから　田中 */
#page-footer .to-page-top a.jplang {
  padding: 4px 10px 2px;
}
#page-footer .to-page-top a.jplang::before {
  vertical-align: initial;
}
/* 20220922 日本語のページトップボタン内のテキストが上に寄る修正　ここまで　田中 */

/* 20220926 図、表キャプション上部の余白修正　ここから　田中 */
.clm p.fs18[id] {
  padding-top: 0;
  margin-top: 8px;
}
div.accordion_sct .accordionDetail .clm > p.fs18[id]:first-child {
  margin-top: 0;
}
/* 20220926 図、表キャプション上部の余白修正　ここから　田中 */
/* 20220930 clm のpaddingをCSVと一致させる　ここから　s.u */
div.acd_dtl.accordionDetail.open .clm1  div.clm{
  width: 100%;float: left;padding: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 641px) and (max-width: 740px) {
    #side_menu{ max-width: 110px; }
    .accordion_sct .acd_dtl.open{ padding:0px!important; }
}

@media screen and (min-width: 741px) and (max-width: 840px) {
    #side_menu{ max-width: 130px; }
    .accordion_sct .acd_dtl.open{ padding:0px!important; }
}

@media screen and (min-width: 841px) and (max-width: 940px) {
    #side_menu{ max-width: 150px; }
    .accordion_sct .acd_dtl.open{ padding:0px!important; }
}

@media screen and (min-width: 941px) and (max-width: 1040px) {
    #side_menu{ max-width: 170px; }
    .accordion_sct .acd_dtl.open{ padding:0px!important; }
}

@media screen and (min-width: 1041px) and (max-width: 1140px)  {
    #side_menu{ max-width: 200px; }
    .accordion_sct .acd_dtl.open{ padding:0px!important; }
}
/* 20220930 clm のpaddingをCSVと一致させる　ここまで　s.u */

/* 20221014 関連語・同義語レイアウト修正　ここから　田中*/
@media screen and (min-width: 1370px) {
  p.related-key-title {
    float: left;
  }
  p.related-key-title:lang(ar) { /*アラビア語での表示修正 20221223 田中*/
    float: none !important;
  }
  p.related-key-title:lang(he) { /*アラビア語での表示修正 20221223 田中*//* ALL-3303 s.u 20241008 add */
    float: none !important;
  }
}
div#related-key-group {
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 1501px)and (max-width: 1670px) {
  div#termWord {
    width: 35%; /*20230110 修正　田中*/
  }
}
@media screen and (min-width: 1415px)and (max-width: 1500px) {
  div#termWord {
    width: 27%; /*20230110 修正　田中*/
  }
}
@media screen and (min-width: 1371px)and (max-width: 1414px) {
  div#termWord {
    width: 23%; /*20230110 修正　田中*/
  }
}
@media screen and (min-width: 1041px) and (max-width: 1370px) {
  div#termWord {
    width: 100%; /*20221020 同義語のレイアウト修正*/
  }
}
/* 20221014 関連語・同義語レイアウト修正　ここまで　田中*/

/*20221018 前・次移動ボタンと、目次内の白背景の上辺を揃える修正　ここから　田中 */
div#nav-menu-header {
  height: 35px;
}
.is-expanded #nav-menu-header .btn-expand-menu .icon-button-add::before,
#nav-menu-header .btn-expand-menu .icon-button-add::before {
  position: absolute;
  top: 11px;
  left: 5px;
}
.is-expanded #nav-menu-header .btn-collapse-menu .icon-button-minus::before,
#nav-menu-header .btn-collapse-menu .icon-button-minus::before {
  position: absolute;
  top: 11px;
  left: 23px;
}
/*20221018 前・次移動ボタンと、目次内の白背景の上辺を揃える修正　ここまで　田中 */

/* 20221020 スマホの検索画面レイアウト修正　ここから　田中 */
@media screen and (min-width: 1px) and (max-width: 767px) {
  #pagetreesearch #searchForm > *:first-child {
    position: relative;
  }
  #pagetreesearch button.btn-submit {
    position: absolute;
    right: 0px;
    top: 1px;
  }
}
/* 20221020 スマホの検索画面レイアウト修正　ここまで　田中 */

/* 20221024 関連語修正　ここから　田中 */
@media screen and (min-width: 1501px)and (max-width: 1670px) {
  div#related-key-group {
    width: 63%;
  }
}
@media screen and (min-width: 1415px)and (max-width: 1500px) {
  div#related-key-group {
    width: 56%;
  }
}
@media screen and (min-width: 1371px)and (max-width: 1414px) {
  div#related-key-group {
    width: 50%;
  }
}
@media screen and (min-width: 1041px) and (max-width: 1370px) {
  div#related-key-group {
    width: 100%;
  }
}
/* 20221024 関連語修正　ここまで　田中 */

/* 20221024 iphoneだけパディング調整　ここから　田中 */
.is_iphone ul.pagenavi li{
 padding: 4px 0!important;
}
/* 20221024 iphoneだけパディング調整　ここまで　田中 */

/* 20221024 アラビア語対応 ここから*/
ol.pt8.pb8:lang(ar),
ul.pt8.pb8:lang(ar),
ol.pt8.pb8:lang(he),
ul.pt8.pb8:lang(he){/* ALL-3303 s.u 20241008 add */
  padding-right: 25px;
}

ol.pt0.pb0:lang(ar),
ul.pt0.pb0:lang(ar),
ol.pt0.pb0:lang(he),
ul.pt0.pb0:lang(he){/* ALL-3303 s.u 20241008 add */
  padding-right: 25px;
}
table.nml.mt8.mb8 tbody tr td:lang(ar){
  vertical-align: top;/* 20230317 アラビア語 他の言語に合わせる*/
}
table.nml.mt8.mb8 tbody tr td:lang(he){/* ALL-3303 s.u 20241008 add */
  vertical-align: top;/* 20230317 アラビア語 他の言語に合わせる*/
}
@media (min-width: 768px)
.col-sm-1:lang(ar), .col-sm-10:lang(ar), .col-sm-11:lang(ar), .col-sm-12:lang(ar), .col-sm-2:lang(ar), .col-sm-3:lang(ar), .col-sm-4:lang(ar), .col-sm-5:lang(ar), .col-sm-6:lang(ar), .col-sm-7:lang(ar), .col-sm-8:lang(ar), .col-sm-9:lang(ar),
.col-sm-1:lang(he), .col-sm-10:lang(he), .col-sm-11:lang(he), .col-sm-12:lang(he), .col-sm-2:lang(he), .col-sm-3:lang(he), .col-sm-4:lang(he), .col-sm-5:lang(he), .col-sm-6:lang(he), .col-sm-7:lang(he), .col-sm-8:lang(he), .col-sm-9:lang(he) {
    float: right;
}
/* 20221024 アラビア語対応 ここまで*/

@media screen and (min-width: 1px) and (max-width: 767px) {
  #pagetreesearch input:lang(ar),
  #pagetreesearch input:lang(he){/* ALL-3303 s.u 20241008 add */
    margin-left: 55px !important; /*20221028 アラビア語対応 s.u ..  20241120 ALL3484 h.t edited*/ 
  }
}

/* 同義語の折り返し位置修正　20221223 // コメントアウト　20221228　田中*/
/* @media screen and (min-width: 1191px) {
  div#errorMessage {
    width: 88%;
  }
}

@media screen and (min-width: 480px) and (max-width: 1190px) {
  div#errorMessage {
    width: 83%;
  }
} */
/* 同義語の折り返し位置修正　20221223 // コメントアウト　20221228　田中*/

/*パソコンのみ文字の位置微調整　20221228　田中 ここから*/
@media screen and (min-width: 970px) {
  p.synonymWords {
    padding-bottom: 6px;
}
  p.related-key-title {
    padding-bottom: 8px; /*20230130 関連語の位置修正　田中*/
  }
}
/*文字の位置微調整　20221228　田中 ここまで*/

/*アラビア語の絞り込み部分レイアウト修正　20221228　田中 ここから*/
.mCS-dir-rtl>.mCSB_inside>.mCSB_container:lang(ar),
.mCS-dir-rtl>.mCSB_inside>.mCSB_container:lang(he){/* ALL-3303 s.u 20241008 add */
  margin-left: 0px;
}
/*アラビア語の絞り込み部分レイアウト修正　20221228　田中 ここまで*/

/*アラビア語の絞り込み部分レイアウト修正　20230111　田中 ここから*/
#select-page-tree-search .icon.has_child:lang(ar),
#select-page-tree-search .icon.has_child:lang(he) {/* ALL-3303 s.u 20241008 add */
    unicode-bidi: isolate;
}
#select-page-tree-search .has_child + .menutext:lang(ar),
#select-page-tree-search .has_child + .menutext:lang(he) {/* ALL-3303 s.u 20241008 add */

}

#select-page-tree-search > div > div > div > li li:lang(ar), 
#select-page-tree-search > div > div > div > li li:lang(he){ /* ALL-3303 s.u 20241008 add */
  padding: 3px 12px 3px 0;
  /*padding-right:32px;*/
}
/*アラビア語の絞り込み部分レイアウト修正　20230111　田中 ここまで*/

/* ALL-3484 h.t 20241120 add ここから*/
#page-menu:lang(ar),
#page-menu:lang(he) {
  right: 0;
  transition: right 0.5s;
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  -ms-transition: right 0.5s;
  -o-transition: right 0.5s;
}

#page-content:lang(ar),
#page-content:lang(he) {
  margin: 0 410px 10px 25px;
  transition: margin-right 0.5s;
  -webkit-transition: margin-right 0.5s;
  -moz-transition: margin-right 0.5s;
  -ms-transition: margin-right 0.5s;
  -o-transition: margin-right 0.5s;
}

#nav-menu-header .btn-view-switch:lang(ar),
#nav-menu-header .btn-view-switch:lang(he) {
  left: -16px;
  z-index: 1;
  right: auto;
}

#nav-menu-header .btn-view-switch i:lang(ar)::before,
#nav-menu-header .btn-view-switch i:lang(he)::before {
  transform: scale(-1, 1);
}

#page-menu .nav-menu-content:lang(ar),
#page-menu .nav-menu-content:lang(he) {
  margin: 0 0 0 25px;
}

.status-menu-closed #page-menu:lang(ar),
.status-menu-closed #page-menu:lang(he) {
  right: -355px;
}  

.status-menu-closed #nav-menu-header .btn-view-switch i:lang(ar)::before,
.status-menu-closed #nav-menu-header .btn-view-switch i:lang(he)::before {
  transform: none !important;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

.status-menu-closed #page-content:lang(ar),
.status-menu-closed #page-content:lang(he)  {
  margin-right: 50px;
}


.status-menu-closed #page-relation:lang(ar),
.status-menu-closed #page-relation:lang(he) {
  margin-right: 50px;
}

#page-relation:lang(ar),
#page-relation:lang(he) {
  margin: 0 410px 0 30px;
  transition: margin-right 0.5s;
  -webkit-transition: margin-right 0.5s;
  -moz-transition: margin-right 0.5s;
  -ms-transition: margin-right 0.5s;
  -o-transition: margin-right 0.5s;
}

.is-expanded #nav-menu-header .btn-expand-menu .icon-button-add:lang(ar)::before, 
#nav-menu-header .btn-expand-menu .icon-button-add:lang(ar)::before,
.is-expanded #nav-menu-header .btn-expand-menu .icon-button-add:lang(he)::before, 
#nav-menu-header .btn-expand-menu .icon-button-add:lang(he)::before {
  right: 5px;
}

.is-expanded #nav-menu-header .btn-collapse-menu .icon-button-minus:lang(ar)::before, 
#nav-menu-header .btn-collapse-menu .icon-button-minus:lang(ar)::before,
.is-expanded #nav-menu-header .btn-collapse-menu .icon-button-minus:lang(he)::before, 
#nav-menu-header .btn-collapse-menu .icon-button-minus:lang(he)::before {
  right: 23px;
}

#page-footer-copyright:lang(ar),
#page-footer-copyright:lang(he) {
  margin: 0 410px 0 30px;
}

.status-menu-closed #page-footer-copyright:lang(ar),
.status-menu-closed #page-footer-copyright:lang(he) {
  margin-right: 60px;
}

.page_top a:lang(ar),
.page_top a:lang(he) {
  padding-right: 24px;
  padding-left: 0;
  background-position: right;
}

#page-footer:lang(ar),
#page-footer:lang(he) {
}


.search .page:lang(ar),
.search .page:lang(he) {
  margin: 0 250px 0 0;
}

#select-page-tree-search:lang(ar),
#select-page-tree-search:lang(he) {
  right: -250px;
  left: auto;
}

.menutextpop:lang(ar),
.menutextpop:lang(he) {
  right: 205px;
}

#header-right nav > ol li:first-child:lang(ar),
#header-right nav > ol li:first-child:lang(he) {
  padding-left: 10px;
}

#page-search form:lang(ar)::before,
#page-search form:lang(he)::before  {
  position: absolute;
  left: 402px;
}

/*#header-right nav > ol li:nth-child(2):has(div):lang(ar),
#header-right nav > ol li:nth-child(2):has(div):lang(he) {*/
/* andorid 7.0 で has は効かない */
#header-right nav > ol li:nth-child(2):lang(ar),
#header-right nav > ol li:nth-child(2):lang(he) {
  padding-left: 34px;
  padding-right: 20px;
}

#header-right nav > ol li:nth-child(2) button:lang(ar),
#header-right nav > ol li:nth-child(2) button:lang(he) {
  position: absolute;
  left: 10px;
  float: none !important;
} 

#header-right nav > ol:lang(ar),
#header-right nav > ol:lang(he) {
  display: flex;
}

nav.nav-sequence a:first-child:lang(ar),
nav.nav-sequence a:first-child:lang(he)  {
  text-align: right!important;
  padding-right: 44px;
}

nav.nav-sequence a:nth-child(2):lang(ar),
nav.nav-sequence a:nth-child(2):lang(he)  {
  text-align: left!important;
  padding-left: 44px;
}

nav.nav-sequence:lang(ar),
nav.nav-sequence:lang(he) {
  display: flex; 
}

nav.nav-sequence a:lang(ar),
nav.nav-sequence a:lang(he) {
  position: unset;
  
}

div.bottom-page-link:lang(ar),
div.bottom-page-link:lang(he) {
  flex-direction: row-reverse;
}

div.bottom-page-link a:lang(ar),
div.bottom-page-link a:lang(he) {
  display: flex; 
  flex-direction: row-reverse;
}

div.bottom-page-link a:first-child span:lang(ar),
div.bottom-page-link a:first-child span:lang(he) {
  padding-left: 5px;
}

div.bottom-page-link a:nth-child(3) span:lang(ar),
div.bottom-page-link a:nth-child(3) span:lang(he) {
  padding-right: 5px;
}

div.bottom-page-link a:nth-child(3):lang(ar),
div.bottom-page-link a:nth-child(3):lang(he) {
  padding-right: 10px;
}

.bottom-page-link a:lang(ar)::after,
.bottom-page-link a:lang(ar)::before,
.bottom-page-link a:lang(he)::after,
.bottom-page-link a:lang(he)::before {
  transform: scale(-1, 1);
}

.accordion_sct .acd_ttl a:lang(ar):after,
.accordion_sct .acd_ttl a:lang(he):after {
  left: 8px;
  right: auto;
}

.bottom-page-link a:first-child:lang(ar)::before,
.bottom-page-link a:first-child:lang(he)::before {
  padding-left: 17px;
  background-repeat: no-repeat;
}

.bottom-page-link a:last-child:lang(ar)::after,
.bottom-page-link a:last-child:lang(he)::after {
  padding-right: 17px;
  background-repeat: no-repeat;
}

.to-page-top-absolute:lang(ar),
.to-page-top-absolute:lang(he) {
  left: 35px;
  right: auto;
}

#page-content .tab-index-page .row:lang(ar),
#page-content .tab-index-page .row:lang(he) {
  display: flex;
}

ul.nav-tabs-index li a:lang(ar),
ul.nav-tabs-index li a:lang(he) {
  text-align: center!important;
}

div.index-tab-content p a.right:lang(ar),
div.index-tab-content p a.right:lang(he){
  background-position: right;
  padding-left: 0!important;
  background-image:none!important;
}

div.index-tab-content p a.right:lang(ar)::before,
div.index-tab-content p a.right:lang(he)::before {
  content: url(../image/logo/icon_s_right_01.png) !important;
  transform: scale(-1, 1);
  display: inline-block;
  vertical-align: top;
}

.nav-sequence a:first-child:lang(ar)::before,
.nav-sequence a:first-child:lang(he)::before {
  right: 10px;
  left: auto;
  transform: scale(-1, 1);
}

.nav-sequence a:last-child:lang(ar)::after,
.nav-sequence a:last-child:lang(he)::after {
  right: auto;
  left: 10px;
  transform: scale(-1, 1);
}

/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {
  .status-menu-closed #page-menu:lang(ar),
  .status-menu-closed #page-menu:lang(he) {
  right: -768px;
  }


  .status-menu-closed #page-content:lang(ar),
  .status-menu-closed #page-content:lang(he) {
    margin-left: 0px;
    margin-right: 0px;
  }

  #page-relation:lang(ar),
  #page-relation:lang(he) {
    margin: 0;
  }

  .status-menu-closed #page-relation:lang(ar),
  .status-menu-closed #page-relation:lang(he) {
    margin-right: 0;
  }

  #header-right nav > ol li:nth-child(2):lang(ar),
  #header-right nav > ol li:nth-child(2):lang(he) {
    position: absolute;
    left: 84px;
    float: none !important;
  }

  
  #header-right nav > ol li:nth-child(3):lang(ar),
  #header-right nav > ol li:nth-child(3):lang(he) {
    position: absolute;
    left: 11px;
    float: none !important;
  }

  #page-menu .nav-menu-content:lang(ar),
  #page-menu .nav-menu-content:lang(he) {
    margin: 0;
  }

  .search #page-content:lang(ar),
  .search #page-content:lang(he) {
    margin-bottom: 0;
    padding: 0px 10px 13px; 
  }

  #page-content:lang(ar),
  #page-content:lang(he) {
    margin: 0;
  }

  #pagetreesearch button.btn-submit:lang(ar),
  #pagetreesearch button.btn-submit:lang(he) {
    left: 0;
    right: auto;
  }
  #select-page-tree-search > div > div > div > li li:lang(ar), 
  #select-page-tree-search > div > div > div > li li:lang(he){ /* ALL-3303 s.u 20241008 add */
    padding: 3px 32px 3px 0;
    /*padding-right:12px;*/
  }
  .select-title-sp:lang(ar)::before,
  .select-title-sp:lang(he)::before {
    right: 15px;
    left: auto;
    transform: scale(-1, 1);
  }

  .status-menu-closed #page-footer-copyright:lang(ar),
  .status-menu-closed #page-footer-copyright:lang(he) {
    margin-left: 0px;
    margin-right: 0px!important;
  }

  #page-footer{
    display: block;
  }

  #page-footer:lang(ar), 
  #page-footer div.to-page-top:lang(ar),
  #page-footer:lang(he), 
  #page-footer div.to-page-top:lang(he) {
    /*direction: ltr !important;*/
  }

  #page-footer a:lang(ar),
  #page-footer a:lang(he) {
    /*direction: rtl !important;*/
  }

  #page-footer .to-page-top:lang(ar),
  #page-footer .to-page-top:lang(he) {
    /*text-align: left!important;*/
  } 

  .menutextpop:lang(ar),
  .menutextpop:lang(he) {
    right: 20px;
  }

  .search .page:lang(ar),
  .search .page:lang(he) {
    margin: 0 0 10px;
  }

  #select-page-tree-search:lang(ar),
  #select-page-tree-search:lang(he) {
    right: 0;
  }

  div.bottom-page-link:lang(ar),
  div.bottom-page-link:lang(he) {
    /*display: none !important;*/
  }

  .to-page-top-absolute:lang(ar),
  .to-page-top-absolute:lang(he) {
    left: 10px;
  }

  #page-content .tab-index-page .row:lang(ar),
  #page-content .tab-index-page .row:lang(he) {
  display: block;
  }

  .nav-tabs-index>li>a:lang(ar),
  .nav-tabs-index>li>a:lang(he) {
    padding: 25px 15px 25px 65px;
  }

  .nav-tabs-index>li>a:lang(ar)::after,
  .nav-tabs-index>li>a:lang(he)::after {
    left: 30px;
    right: inherit;
  }

  #header-right nav > ol li:nth-child(2) button:lang(ar),
  #header-right nav > ol li:nth-child(2) button:lang(he) {
    left: -36px;
  } 

  .accordion_sct .acd_ttl a:lang(ar),
  .accordion_sct .acd_ttl a:lang(he) {
    padding: 8px 16px 8px 32px!important;
  }

}

@media screen and (min-width: 1px) and (max-width: 480px) {
  .status-menu-closed #page-menu:lang(ar),
  .status-menu-closed #page-menu:lang(he) {
  right: -500px;
  }
}




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

    ricoh_mfpapnl

---------------------------------------- */
/*
.ricoh_mfpapnl{
  #select-page-tree-search{
     .icon.has_child{
       &::before{
        font-size:14px;
        margin-right:16px;
       }
       &:lang(ar),
       &:lang(he){
        @media screen and (min-width: 1px) and (max-width: 767px) {
          margin-right:0;
        }
        &::before{
          margin-right:0;
          margin-left: 16px;
        }
        + .menutext{
          padding-right: 30px;
        }
       }
     }
  }
}
*/

/* Android 10.0 6.0 対策 */
.ricoh_mfpapnl #page-menu .nav-menu-list li li span.icon.has_child ~ ul:lang(he), 
.ricoh_mfpapnl #page-menu .nav-menu-list li li span.icon.has_child ~ ul:lang(ar){
  margin-right:0;
}

.ricoh_mfpapnl #select-page-tree-search .icon.has_child::before {
  font-size: 14px;
  margin-right: 16px; 
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .ricoh_mfpapnl #select-page-tree-search .icon.has_child:lang(ar), 
  .ricoh_mfpapnl #select-page-tree-search .icon.has_child:lang(he) {
    margin-right: 0; 
  } 
}
.ricoh_mfpapnl #select-page-tree-search .icon.has_child:lang(ar)::before, 
.ricoh_mfpapnl #select-page-tree-search .icon.has_child:lang(he)::before {
  margin-right: 0;
  margin-left: 16px; 
}

.ricoh_mfpapnl #select-page-tree-search > div > div > div > li li{
    padding-left: 32px;
}
.ricoh_mfpapnl #select-page-tree-search > div > div > div > li li:lang(ar),
.ricoh_mfpapnl #select-page-tree-search > div > div > div > li li:lang(he){
    padding-right: 32px;
    padding-left:3px;
}