@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: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;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
	.icon-search:lang(ar):before{
		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 li {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
}

/* 修正 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 メニュー部分の余白修正　追加　田中*/
}
/* 修正 20220720 */
#page-menu .nav-menu-list a:lang(ar) {
  display: block;
  margin-left: 5px;
  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 メニュー部分の余白修正　追加　田中*/
 	margin-right: 25px;
}
/* 20221117 アラビア語機器対応 */
#page-menu.is_mfpapnl .nav-menu-list a:lang(ar) {
    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 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.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) {
/* 20221028t ここから*/
  #page-menu .nav-menu-list a:lang(ar) {
    margin-left: 0;
    margin-right: 0;
  }

  .mCS-dir-rtl>.mCSB_inside>.mCSB_container:lang(ar) {
    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 ul li.group .icon.has_child:lang(ar) {
    background: transparent!important;
   }

/* 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) {
		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 ~ a {
  margin-left: 36px;
}
/*2階層目の［＋／－］ボタンの位置修正　20221020　ar対応 ここから*/
#page-menu .nav-menu-list li li span.icon.has_child ~ a:lang(ar) {
  margin-right: 36px;
}

/* 20221117 アラビア語機種対応 */
#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;
}

/* --- 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::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) {
    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) {
  position: absolute;
  display: inline-block;
  width: 1px;
  /* height: 20px; 20220720 dell merge */
  height: 80%; /*  20220720 add merge */
  background: #999999;
  top: 2px;
  right: 15px; /*20220823 メニューの位置修正　田中*/
}

/* 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) {
  right: 0px;
}


/*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;
}

@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 アラビア語通常ケース不具合 */
}
/* 20221117 アラビア語機種対応 */
.nav-sequence.is_nav_mfpapnl a:lang(ar){
		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: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 {
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
   width: 100%; /* 20220726 改修 */
   margin-top: 20px;

   /*20220804 改修のため追加　田中ここから*/
   position: absolute;
   bottom: 13px;
   right: 11px; /*20220805 トップに戻るボタンの位置修正　田中　元15px*/
   /*20220804 改修のため追加　田中ここまで*/
   flex-wrap: wrap;/*20221012 フッター修正　追加　田中*/
   gap: 6px 0;/*20221012 フッター修正　追加　田中*/
   padding-left: 10px;/*20221012 フッター修正　追加　田中*/
 }

#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;
}

.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: -3px;
}
.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: -3px;
}


.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;
}

.gen-qr a { /* 20220726 改修 */
  display: inline-block;
  background-image: url(../image/logo/qr_code.png) !important;
  background-size: 50px 25px;
  width: 50px;
  height: 25px;
}

@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に合わせるため修正 追加　田中*/
}

@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;
    width: 100vw; /*20220805 追加　田中*/
    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;
  margin-left: 10px;
}

#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;
}

/* 20221117 アラビア語対応 */
#page-footer .to-page-top a span:lang(ar) {
  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;
}

.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: inline-block;
    margin-bottom: 10px;
  }
}

#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 検索バーとアイコンが揃わない修正 追加　田中*/
}

/*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;
}
#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;
}

/* 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 32px, #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;
  }
  #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:not(.active)::before {
    content: '\e250';
    font-family: 'Glyphicons Halflings';
    left: 0px;
    top: 0px;
    padding-right: 2px;
    font-size: 10px;
}
/* 20221028 アラビア語の対応 ここから */
#select-page-tree-search .icon.has_child:not(.active):lang(ar)::before {
    content: '\e251';
    font-family: 'Glyphicons Halflings';
    left: 0px;
    top: 0px;
    padding-right: 2px;
    font-size: 10px;
}
/* 20221028 アラビア語の対応 ここまで */

#select-page-tree-search .icon.active::before {
    content: '\e252';
    font-family: 'Glyphicons Halflings';
    left: 0px;
    top: 0px;
    padding-right: 2px;
    font-size: 10px;
}

#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-content #pageCount {
  font-size: 24px !important;
}
#page-content span.ftitle {
  margin: 0 5px;
}

#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 */
	}

  #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) {
  background: #FFF !important;
}
/* 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;
  }
}

/* タブレットサイズ */
@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){
  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) {
  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　絞り込み部分修正　ここから　田中*/
#select-page-tree-search >div>div>div> li { /*スタイルが効くように修正　20221223　田中*/
  padding: 3px 11px 3px 8px;
}
#select-page-tree-search >div>div>div> li li { /*スタイルが効くように修正　20221223　田中*/
  padding: 3px 0 3px 8px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #mCSB_2_container > li:first-child:hover {
    text-decoration: none;
  }
}
/*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;
  }
}
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){
	padding-right: 25px;
}

ol.pt0.pb0:lang(ar),
ul.pt0.pb0:lang(ar){
	padding-right: 25px;
}
table.nml.mt8.mb8 tbody tr td:lang(ar){
	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) {
    float: right;
}
/* 20221024 アラビア語対応 ここまで*/

@media screen and (min-width: 1px) and (max-width: 767px) {
	#pagetreesearch input:lang(ar) {
    margin-right: 55px !important; /*20221028 アラビア語対応 s.u */
	}
}

/* 同義語の折り返し位置修正　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){
  margin-left: 0px;
}
/*アラビア語の絞り込み部分レイアウト修正　20221228　田中 ここまで*/

/*アラビア語の絞り込み部分レイアウト修正　20230111　田中 ここから*/
#select-page-tree-search .icon.has_child:lang(ar) {
  position: absolute;
}
#select-page-tree-search .has_child + .menutext:lang(ar) {
  padding-right: 15px;
}

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