/*
 * ==============================================
 * Skin for oXygen generated WebHelp.
 * ==============================================
 #912B
 */

/*  treeでは、PC画面で検索blockを表示するため有効.
*/
.wh_search_input_tree {
    padding: 0;
    box-shadow: none;
    top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    z-index: 2;
}

.wh_logo img {
    width: 210%;
    height: auto;
}
.navbar-collapse { /* ヘッダのタイトルリストは非表示 2024.07.19 */
	display: none;
}

#searchForm > div{
    background-color: white;
}


/* 以下、23.cssで変更したものを転記 2024.07.19 */
.wh_header_flex_container {
    /* 背景色無効 2024.07.01 */
    background-color: unset;
}
/* Color for top menu hover 2021.12.09 */
.wh_top_menu a:hover { 
    text-decoration: underline;  /* ハンバーガーアイコンから表示されるメニューのtitle hover時 */
}
/*  treeでは、PC画面で検索blockを表示するため有効にする. */
.wh_search_input {
    padding: 0;
	box-shadow: none;
	top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    z-index: 21;
    display: none; /* main page 以外は表示しない */
}
.wh_main_page_search { /*mainページのみsearchエリアを出す 2024.06.25 */
    display: block; /* main page では表示 */
}
/* 913 */
.wh_header > .container-fluid {
    background-color: unset;
    max-width: 2920px;
    margin-left: 10%;
    margin-right: 10%;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
}

.wh_search_button {
	background-color: rgb(236, 239, 243); /* 2024.06.21  PC画面の虫眼鏡ボタンの背景色は白ではなく灰色. */
	color: rgb(0,0,0);
	border: rgb(255,255,255);
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    height:62px; /* 924 */
    right: inherit;
    position: relative;
    float: none;
    padding-top: 1mm;
    padding-right: 4rem;
}
.wh_topic_page .wh_search_button {
	color: white;
	background-color: #2372de;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
	font-size: 16px;
    height:2.73em; /* 40px; */
    right: inherit;
    position: relative;
    float: none;
    padding-top: 1mm;
    padding: 0.7rem 0 0.7rem 0.8rem;
}
.wh_search_page .wh_search_button { /* 924 */
	color: white;
	background-color: #2372de;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
	font-size: 16px;
    height:2.73em; /* 40px; */
    right: inherit;
    position: relative;
    float: none;
    padding-top: 1mm;
    padding: 0.7rem 0 0.7rem 0.8rem;
}

.wh_footer {
    background-color: unset;
}
.wh_search_button2 {
	color: white;
	background-color: transparent;
	border-radius: 0 .5em .5em 0;
    height:3em; /* #1. 2023.04. */
    width:3em; /* #1. 2023.04. */
	border: none;
    border-radius: 0;
    padding-top: 0em;
    padding-left: 0.5em;
}
/* topページの検索エリア  2024.08.06 */
.wh_search_textfield {
    height: 62px; /* 2024.06.25 change 924 */
    display: inline-block;
    font-size: 27px;
    width: 20vw;
    border-top-left-radius: 2em;
    border-top-right-radius: 0em;
    border-bottom-left-radius: 2em;  /* 2024.06.21 widthから下  PC画面の検索フィールドの周りは丸くする． */
    border-bottom-right-radius: 0em;
}

/* トピックページの検索エリア  2024.08.06 */
.wh_topic_page .wh_search_textfield {
    font-size: 16px;
    height: 2.73em;
    display: inline-block;
    width: 20vw;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0em;
    background-color: #ffffff; /* 910#3-1,#7-1 */
}
/* 検索結果ページの検索エリア  2024.08.06 */
.wh_search_page .wh_search_textfield {
    font-size: 16px;
    height: 2.73em;
    display: inline-block;
    width: 20vw;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0em;
    background-color: #ffffff; /* 910#3-1,#7-1 */
}

div.wh_publication_title {
/* comment 2024.07.01
    text-align: center;
    */
    margin: 0 auto;
    line-height: 0.8;
    /* add 2024.07.01 */
    margin-left: 0%;
    text-align: left;
    padding-top: 20px; /* 925 */
}

/* headerを固定 */
.wh_header {
    position: sticky;
    top: 0px;
    z-index: 3000;
    /*
    height: 173px;
    */
    /* 背景色無効 2024.07.01
    background-color: rgb(28,128,196);
    */
}
.wh_search_textfield {
/*	background-color: rgba(255,255,255,0.85); */
	background-color: rgb(236, 239, 243); /* 2024.06.21  titleのPC画面のときの検索フィールドの背景色は白ではないため変更. */
	border: none; /* 2024.06.21 */
	padding-left: 1.2em;
}

/* PC表示　+ コンテンツページ用 
.wh_topic_page .wh_logo_and_publication_title_container {
		margin-top: -100px; /\*製品ロゴ画像を上にずらす *\/
}
*/

/* topページ用（.wh_main_page) */
.wh_main_page .wh_main_page_toc a {
    color: #6A737D; /* topic titleは常にグレー */
}
.wh_main_page .wh_search_button:after{
	    font-size: 27px;
}
.wh_main_page #searchForm > div > input {
/*
	width: 50%; /\* 911#1-12 70%; *\/
	*/
}
.wh_main_page #searchForm > div{
	width: 32vw; /* 913 */
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 61vw; /* 913 */
	white-space: nowrap;
	display: inline-flex; /* 927 */
}

.wh_main_page .wh_search_button {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding-top: 1mm;
    padding-right: 45px;
    height: 62px; /* 927 */
}

.wh_main_page .wh_main_page_toc {
	margin-top: 8em;
}
/* ここまで */

.wh_search_button:after{
    font-size: 20px;
}

 /* ヘッダのタイトルリストは表示しない. 2024.07.30 */
.wh_top_menu_and_indexterms_link .navdiv {
    display: none;
}

.wh_publication_title > a {
  padding: 0;
}

.wh_publication_title > a > span.booktitle {
    color: white;
    font-size: 2.6vw;
    line-height: 1.1em;
}

#searchForm > div{
    /* width: 40vw; not responsive */
    width: 40vw;
    display: block;
}

.wh_welcome:not(:empty) {
    height: 50px;
    padding: 0;
    display: block;
    /* display: none; */
}

/* 虫眼鏡アイコンエリアpadding指定要素変更. 2024.08.01 */
.wh_search_button2_div {
    padding-top: 160px;
    height: 50px;
}
.wh_terms_page .wh_search_button2_div {
	display: none;
	/*
    padding-top: 100px;
    height: 150px;
    */
}
.wh_terms_page .wh_indexterms_link {
  display: none;
}
.wh_topic_page .wh_search_button2_div {
    padding-top: 5px;
    height: unset;
}
.wh_search_page .wh_search_button2_div { /* 924 */
    padding-top: 5px;
    height: unset;
}

/* topページ以外は 虫眼鏡、ハンバーガーを常に表示 2024.07 */
.s_button_b_button { /*以下はPC表示ように調整 2024.08.01 */
    width: 16%;
    display: flex;
    justify-content: right;
    align-items: center; /* 912#6-1 */
}
/*虫眼鏡アイコンサイズ変更 2024.08.01*/
.wh_search_button2:after{
    font-size: 50px;
    padding-left: 0.1em;
    padding-top: 0.1em;
}
/* ハンバーガーアイコンサイズ変更 911#6-1 */
.navbar-toggler-icon {
    width: 5vw; /* 50px; */
    height: 5vh; /* 50px; */
    padding-top: 5vh;
}
.navbar-light .navbar-toggler{ /* 911#6-1 */
    padding-top: 0px;  /*115px. 20px; */
    padding-left: 1vw; /* 0px; */
    /* margin: 2em; */
}

.wh_topic_page #searchForm > div{ /* コンテンツページの検索エリア 2024.07.19 */
	    width: 513px;
	    background-color: rgba(62,75,79,0.5);
	    padding: 15px;
	    display: flex;
}
.wh_search_page #searchForm > div{ /* 検索結果ページの検索エリア 924 */
	    width: 513px;
	    background-color: rgba(62,75,79,0.5);
	    padding: 15px;
	    display: flex;
}

/* title文字色変更. 2024.07.31 */
.wh_main_page_toc .wh_main_page_toc_entry a{
    color:#6A737D;
}
a:visited {
    color:#6A737D;
}
/* title boldをnormalに変更. 2024.07.31 */
.wh_main_page_toc > .wh_main_page_toc_accordion_header,
.wh_main_page_toc > .wh_main_page_toc_entry {
  font-weight: normal;
}
.wh_indexterms_link a span {
    font-size: 1.3em; /* 911 ハンバーガーニューの[索引] 14px; */
    width: 180px; /* 911#1-10 */
}

/* */
/*
@media limited
*/
@media only screen and (min-width : 991px) { /* 画面サイズが◯◯px以上に適用 */

	.for_mobile_nav { /* 927 */
		overflow-x: auto;
		overflow-y: auto;
	}

	div.wh_publication_title {
	    padding-top: 10px; /* 925 */
	}

	.wh_header_flex_container {
	    margin-top: 10px; /* 30px; 925 */
	}

	.wh_topic_page .s_button_b_button {
	  width: 16%;
	  height: 2vh;
	  margin-left: 83%;
	}

	.wh_main_page .wh_main_page_toc {
	  width: 79vw; /* 927 76vw; */
	  margin: 0px;
	  margin-top: 9vh; /* 11vh */
	}

	/* 913 footerの両端のmargin調整 #1-2 */
	div.footer-container {
	  display: flex;
	  justify-content: space-between;
	  gap: 50px;
	  flex-wrap: wrap;
	  /*
	  margin-left: auto;
	  margin-right: auto;
	  */
	  padding-left: 0%;
	  padding-right: 0%;
	  max-width: 1920px;
	  width: 100%;
	  margin-left: 10%;
	  margin-right: 10%;
	}

	.wh_main_page .wh_content_flex_container {
	  display: flex;
	  /* 927
	  align-items: stretch;
	  justify-content: start;
	  margin-left: 12%;
	  margin-right: 0;
	  */
	  margin-left: 10vw;
	  justify-content: space-around;	  
	}

	.wh_terms_page .wh_header {
		padding-bottom: 0px; /* 925 */
	}

	.wh_terms_page .wh_index_terms {
	    min-height: calc(100vh - 280px);
	}
	
    .wh_top_menu ul {
    /* treeタイプではPC画面のヘッダにtopicのメニューは出力しない 2024.07.05
        display: flex;
        */
        display: none;
        flex-wrap: wrap;
        justify-content: center;
        font-weight: normal;
    }
	/* add 2024.07.05 虫眼鏡ボタンは 992以上では表示しない．⇒topページ以外では常に表示するため無効化.  2024.07.26
      .wh_search_button2 {
  	      display: none
    	}
	*/
	/* mediaに関係なく、ハンバーガーアイコンを表示する. ⇒ コンテンツメニューが左に表示されないときだけ表示する. 2024.07.26 */
	.navbar-expand-lg .navbar-toggler {
		/* display: inherit; */
		display: none;
	}
	.wh_main_page .wh_indexterms_link a span {
	    color: rgb(255, 255, 255);     /* PCかつtopページの[索引]文字色 white */
	    width: 180px; /* 911#1-10 */
	}
	.wh_publication_title > a > span.booktitle {
	/* 1002
	    font-size: 50px;
	    */
	    font-size: 3vw;
	    display: inline-block; /* 1002 */
	    height: 110px; /* 1002 */
	}

	/* PC表示　+ コンテンツページ用 */
	.wh_topic_page .wh_logo_and_publication_title_container {
			margin-top: 23px; /*製品ロゴ画像を上にずらす */
	}
	.wh_search_page .wh_logo_and_publication_title_container { /* 924 */
			margin-top: 23px; /*製品ロゴ画像を上にずらす */
	}
	.wh_terms_page .s_button_b_button {
		width: 16%;
		height: 0vh;
		margin-left: 83%;
	}
}
/* topページのヘッダーlogoを上に */
.wh_main_page .title_and_search_button {
  align-items: flex-start;
  height: 120px;
}


.wh_topic_page .title_and_search_button {
	height: 120px;
}
.wh_search_page .title_and_search_button { /* 924 */
	height: 120px;
}
.wh_breadcrumb {
	padding-left: 15px;
}

/*#45. 767px->991px */
@media only screen and (max-width: 991px) { /* 画面サイズが991px以下に適用  */

	/* ヘッダの [索引] 927B */
	.wh_top_menu_and_indexterms_link.navbar-collapse {
		justify-content: flex-end;
		flex-wrap: nowrap;
		align-items: flex-end;
		flex-direction: row;
		display: flex;
		padding-bottom: 15px;
		margin-right: 18vw;
	}

	.wh_topic_page .wh_top_menu ul ul li { /* 925 */
		border: none;
    		text-indent: 0.4em;
	}

	.wh_topic_page .s_button_b_button {
	  width: 16%;
	  height: 2vh;
	  margin-left: 83%;
	  margin-top: -15px;
	}
	.wh_search_page .s_button_b_button {
	  width: 16%;
	  height: 2vh;
	  margin-left: 83%;
	  margin-top: -15px;
	}

	.wh_main_page .wh_main_page_toc {
	  width: 79vw; /* 927 76vw; */
	  margin: 0px;
	  margin-top: 11vh;
	}

	/* 913 footerの両端のmargin調整 #1-2 */
	div.footer-container {
	  display: flex;
	  justify-content: space-between;
	  gap: 50px;
	  flex-wrap: wrap;
	  padding-left: 0%;
	  padding-right: 0%;
	  max-width: 1920px;
	  width: 100%;
	  margin-left: 60px;
	  margin-right: 60px;
	}

	.wh_main_page .wh_content_flex_container {
	  display: flex;
	  align-items: stretch;
	  justify-content: start;
	  margin-left: 10vw; /* 927 70px; */
	  margin-right: 0;
	}

	.wh_top_menu ul {
	    margin-left: 1em;
	}
/*
    .wh_top_menu ul li+ li {
        border-left: 0px;
        padding-left: 2em;
        text-indent: -2em;
    }
*/
    .wh_top_menu ul li {
        border-left: 0px;
        padding-left: 2em;
        text-indent: -2em;
        width: 100%; /* 924 90%; */
    }

	.wh_topic_page .title_and_search_button {
		height: 80px; 
		padding-top: 0px; /* 925 */
	}
	.wh_search_page .title_and_search_button {
		height: 80px; 
		padding-top: 0px; /* 925 */
	}


	  .wh_top_menu ul li:hover a {
	    background-color: white;
	    color:#6A737D;
	  }

	.wh_main_page .title_and_search_button {
	  height: 60px;
	}

	.wh_terms_page .navbar-toggler-icon { /* 索引ページのハンバーガーアイコン */
		display: none;
	}

	/* 990px以下のtopic page header高さ 
	.wh_topic_page .wh_header {
		height: 173px;
	}
	*/

  div.wh_publication_title {
	height:90px;
	margin-top: -25px; /* 925 */
  }
  .wh_terms_page div.wh_publication_title {
	height:160px;
  }

  .wh_main_page .indexterms_container {
    margin-top: 10px;
    padding-bottom: 12px;
    display: flex; /* 927 */
  }
	.wh_header_flex_container {
	    line-height: 3em;
	}
	.wh_search_button2:after{
	    font-size: 5vw; /* 910#6-1 55px; */
	}

	.container-fluid > .header-row { /*  mobileのトップページのヘッダのmargin */
		margin: 0em;
		/* ハンバーガーアイコン押下時のリストの右に空きができてしまうためコメント化
		padding: 1.5em;
		*/
	}
	.wh_topic_page .wh_search_button2_div {
	   /* 912#6-1
	    padding-top: 55px;
	    */
	    height: unset;
	}

	.wh_header > .container-fluid {
	    margin-top: 10px;
	    margin-bottom: 0px;
	    margin-left: 32px; /* 924 */
	    margin-right: 32px; /* 924 */
	}
	.wh_topic_page .wh_header > .container-fluid {
	    margin-bottom: 55px;
	/* ハンバーガーアイコン押下時のリストの右に空きができてしまうため追加 */
	    padding-right: 0px; 
	}
	.wh_search_page .wh_header > .container-fluid {
	    margin-bottom: 60px;
	/* ハンバーガーアイコン押下時のリストの右に空きができてしまうため追加 */
	    padding-right: 0px; 
	}

    .wh_top_menu_and_indexterms_link .navdiv {
	/*        margin-left: 20%;  *//*#16. add 2023.04. */
        justify-content: start;
        background-color: unset;
        /* #40. Adjustment of index position for mobile display. 2023.04. */
	 margin-bottom: 80px;
        display: block;
    }
    /* #40. Add the following 2023.04. */
    /* @mediaに関係なくハンバーガアイコンは機能させる 2024.07.26  */
    .wh_top_menu_and_indexterms_link {
       margin-top: 11px; /* ハンバーガーアイコン押下で現れるメニューのtop位置調整 2024.08.09 */
     }
    .wh_top_menu_and_indexterms_link.nav_open {
    	right: 0;
    	/* 913
	position: fixed;
    	width: 80%;
    	*/
    	position: absolute;
        visibility: visible;
    	display: block;
    	/* Allow scrolling of the menu.
    	overflow-y: auto;
    	*/
    	overflow-y: visible;
    	height: 100vh;
    	/* 2024.07.01 変更
       background-color: rgb(0,137,199); /\* add. rm#24664 2023.05. *\/
       */
       /* これらは<header>に属するが、ヘッダーの両端にマージンを設定したことにより、
       　　相対位置と幅にズレが起きているため、それを補正します。913 */
    	width: 120%;
    	margin-right: -35%;
    }
    
    
    .wh_top_menu ul li a {
        color: rgb(137,137,137);
        background-color:white;
        /*
        border-bottom: rgb(137,137,137) solid 0.5px;
        */
        border-bottom: #CBD7E4 solid 0.5px;
        font-size: 1.3em;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-right: 2em; /* 924 */
    }
    .wh_top_menu ul>li.has-children:not(.active)[role="menuitem"]>span.topicref>span.title>a:before{
	 font-family: "oXygen WebHelp", serif;
/*        color: rgb(137,137,137); */
   	color: #CBD7E4;
        content:"q";
	 padding-left: 0px;
    	 padding-right: 14px;
    }
    .wh_top_menu ul ul li a:hover {
    /* 2024.07.01 変更
     	background-color: rgb(0,137,199);
     	*/
     	background-color: white;
    	border-bottom: #ffffff solid 1px; /* change color. rm##24664 2023.05. */ 
    }
    .wh_logo img{
    	display: none; /* PCサイズには表示されるロゴは、タブレット幅（990px）以下では無し 2024.06.25 
        height: 20px;
        */
    }
    #searchForm > div{ /* コンテンツページの検索エリア 2024.07.19 */
	    width: 430px;
	    /*
	    background-color: rgba(62,75,79,0.5);
	    */
    }
    
    #searchForm > div.input_div_top { /* トップページの検索エリアの場合は背景色を変えない. 2024.07.19 */
	    background-color: rgb(255,255,255);
	    width: 40vw;
    }

    /* ハンバーガアイコンで開くメニューの背景色を変更. 2024.07.26 */
    .wh_top_menu_and_indexterms_link.nav_open {
	background-color: rgb(255,255,255);
	overflow-y: auto;
    }
    /* 索引関連 */
    .indexterms_container.for_mobile .wh_indexterms_link {
           background-color: rgb(255,255,255);
    	    padding-left: 42px;
           padding-right: 80px;
           vertical-align: middle;
           display: flex;
    }
    div .mobile_menu_close {
	background-color: rgb(255,255,255);
    }

    .wh_main_page div .mobile_menu_close {
	background-color: unset;
 	display: none;
    }


   .mobile_menu_close:after {
	    font-family: "oXygen WebHelp", serif;
	    font-size: 200%;
	    content: "g";
    	    color: #CBD7E4;
/*	    color: rgb(137, 137, 137); */
	    border: none;
   }
   .wh_indexterms_link a span {
	    display:block;
	    color: rgb(137, 137, 137);
	    white-space: nowrap;
	    width: 145px;
	    padding-top: 4px;
	    padding-bottom: 4px;
	    border: 1px solid rgb(137, 137, 137);
    }

    
  /* ハンバーガーアイコンのメニュー文字色 */
  .wh_top_menu li.active a {
    color: rgb(137,137,137);
  }

    .wh_top_menu ul>li>span.topicref>span.title>a:before {
       padding-left: 0.8em;
    }

    .wh_top_menu ul>li.has-children.active[role="menuitem"]>span.topicref>span.title>a:before{
	 font-family: "oXygen WebHelp", serif;
/*	color: rgb(137,137,137); */
   	color: #CBD7E4;
        /* color:white; */
        content: "p";
	 padding-left: 20px;
    	 padding-right: 14px;
    }
	/* padding指定要素変更. 2024.08.01 */
	.wh_search_button2_div {
	    padding-top: 55px;
	}
    .wh_top_menu ul li ul a { /* ハンバーガーアイコンで開くリストの小リストは下線をひかない. 2024.08.01 */
        border-bottom: unset;
    }

     .wh_topic_page .container-fluid > .header-row {  /*  mobileのコンテンツページのヘッダのmargin */
	/* mobile時の margin */
	margin: 0em;
    }
     .wh_search_page .container-fluid > .header-row {  /*  mobileのコンテンツページのヘッダのmargin 924*/
	/* mobile時の margin */
	margin: 0em;
    }
    
	.wh_topic_page #searchForm > div.input_div_contents{ /* コンテンツページの検索エリア 2024.07.19 */
		    width: 513px;
		    background-color: rgba(62,75,79,0.5);
	}
	.wh_search_page #searchForm > div.input_div_contents{ /* コンテンツページの検索エリア 924*/
		    width: 513px;
		    background-color: rgba(62,75,79,0.5);
	}

	.title_and_search_button {
	    justify-content: inherit;
	}
    
	/* index.htmlページのみ */
          .wh_main_page #searchForm > div{
			margin-left: 54%; /* 57%;924 */ /* 91345%;*/ /* 911#4-1 40vw; */
	}
	.wh_main_page #searchForm > div > input {
			width: 70%; /* 68%; 924 */ /* 911#4-1 90%; */ /* 927 */
	}
	/* ここまで */
	
	/* 2024.08.19 topページの索引アイコン関連 */
	.wh_terms_page .wh_indexterms_link {
	    display: none;
	}
	.indexterms_container {
	    display: block;
	}
	.wh_topic_page .wh_indexterms_link {
	    display: none;
	}
	.navbar-collapse {
	    display: block;
	}
	 .wh_main_page .wh_top_menu_and_indexterms_link {
	    border-top: 0px solid #ddd;
	    position: inherit;
	    right: 0%;
	    visibility: inherit;
	    transition: none;
	    /*
	    transition: 0.3s ease-in-out;
	    */
	}
	.wh_main_page .wh_indexterms_link a span {
	    color: rgb(255, 255, 255);     /* mobileかつtopページの[索引]文字色 white */
	}
	.wh_indexterms_link a span {
	    display: block;
	    color: #6A737D; /* rgb(255, 255, 255); */
	    white-space: nowrap;
	    width: 380%; /* 927 180px; */ /* 911#1-10 */
	    padding-top: 4px;
	    padding-bottom: 4px;
	    border: 1px solid rgb(255, 255, 255); /* => white */
	    height: auto;
	    font-size: 1.3em; /* 911 ハンバーガーニューの[索引] 14px; */
	    margin-bottom: 4px;
	}
	.wh_topic_page .wh_indexterms_link a span {
/*	    border: 1px solid #6A737D; */
	    border: 1px solid #CBD7E4;
	}
	.wh_terms_page .wh_indexterms_link a span {
/*	    border: 1px solid #6A737D; */
	    border: 1px solid #CBD7E4;
	}
	.wh_main_page .wh_indexterms_link {
	    padding-bottom: 25px; /* 925 4px; */
	    margin-left: 70%; /* 927B */
	    margin-top: -25px;
	}
	.wh_publication_title > a > span.booktitle {
	    font-size: 34px;
	}
}	
}
/* 画面サイズが991px以下に適用ここまで */

@media only screen and (max-width: 376px) {
    #searchForm > div {
        width: 100vw !important; 
        margin: 0;
        display: block;
    }
}

@media only screen and (max-width: 767px) { /* skin23を打ち消し */
    .wh_top_menu li.active > span a {
    background-color: white;
        /* background-color: rgba(0, 0, 0, 0.07); */
    }
    .wh_top_menu li.active {
	 background-color: white;
        /*background-color: #2372de; */
    }
}
    
@media only screen and (min-width : 991px) {  /* 画面サイズが992px以上⇒991px以上に適用 */
	.wh_topic_page .wh_search_button2_div {
	  padding-top: 0px; /* 110px; */
	  margin-top: -35px; /* 925 */
	}
	.wh_search_page .wh_search_button2_div {
	  padding-top: 0px; /* 110px; */
	  margin-top: -35px; /* 925 */
	}

	/* ヘッダの [索引] */
	.wh_top_menu_and_indexterms_link.navbar-collapse {
	/*
		margin-right: 8%;
		*/
		justify-content: flex-end;

		flex-wrap: nowrap;
		align-items: flex-end;
		flex-direction: row;
		display: flex;
		padding-bottom: 15px; /* 925 */
	}

	.wh_topic_page .wh_top_menu_and_indexterms_link.navbar-collapse {
		margin-right: 6%;
	}
	.wh_search_page .wh_top_menu_and_indexterms_link.navbar-collapse { /* 924 */
		margin-right: 6%;
	}
	
	.wh_indexterms_link {
		display: flex;
		width: auto;
		margin-left: auto;
	}
	/*
	.wh_indexterms_link {
		display: table-cell;
       }
       */
	#wh_menu_mobile_close_button2 {
		display: none;
	}

}
/* 911 */
.wh_indexterms_link { /* 910#1-10 */
	background-color: unset;
}
.wh_publication_title > a { /* 911#1-8 */
  text-transform: unset;
}
.wh_main_page_toc_accordion_entries > * { /* 910#1-11,#5-1 */
  margin-left: 1.3em; /* 924 */
}
a.oxyFooter { /* 910#1-9 */
	color: #ffffff
}
a.oxyFooter:visited {/* 910#1-9 */
	color: #ffffff;
}

@media only screen and (max-width: 900px) {
	 /* [索引]を消す. 927C 
	.wh_main_page .wh_indexterms_link {
	    display: none; /\* 927C *\/
	}
	*/
	.wh_main_page .indexterms_container {
	  padding-bottom: 40px; /* 927C 12px; */
	}
	input::placeholder { /* "検索"を消す 930*/
	  color: rgb(236,239,243);
	}
}

/*
切り替え

@media only screen and (max-width: 991px) { /* 画面サイズが◯◯px以下に適用 *\/
	.wh_main_page .container-fluid > .header-row { /*  mobileのトップページのヘッダのmargin *\/
	.wh_topic_page .container-fluid > .header-row { /*  mobileのコンテンツページのヘッダのmargin *\/
*/

/* update 913 */

.wh_main_page_toc .wh_main_page_toc_accordion_header::before {
    color: #6A737D; 
}

.wh_logo_and_publication_title_container {
 /* width: 20%;*/
  width: auto;
}
.wh_logo img {
 /* width: 200%;
  height: auto;
  */
  object-fit: contain;
  width: 24vw;
}


.wh_main_page .wh_content_area {
  background-color: #ffffff;
  padding: 0em;
  /*
  padding: 4em 0 2em 0;
  */
  color: #2372de;
  text-align: center;
}
/*
.wh_main_page .wh_logo_and_publication_title {
  padding-top: 2.5vh;
}
*/
.wh_main_page .wh_logo_and_publication_title {
  padding-top: 2.2vh;
}
.wh_terms_page .wh_logo_and_publication_title {
  padding-top: 2.2vh;
}

.wh_content_area {
  min-height: calc(100vh - 25vh); /* footerの位置を調整 calc(100vh - 400px)*/
}

.wh_topic_page .wh_indexterms_link a span {
  width: 180px;
}

.title_and_search_button { 
  display: flex;
  width: 100%;
  align-items: flex-start;
  /*
  align-items: center;
  */
  flex-wrap: wrap;
}
/*
.wh_topic_page .title_and_search_button {
	height: 120px;
}
*/
.wh_topic_page. div.wh_publication_title {
    margin: 0 auto;
    line-height: 0.8;
    margin-left: 0%;
    text-align: left;
    width: 50%;
}

.wh_topic_page .wh_logo_and_publication_title_container {
/*
  margin-top: 10px;
  */
  width: 50%;
}
.wh_search_page .wh_logo_and_publication_title_container { /* 924 */
  width: 50%;
}

.wh_search_page .s_button_b_button { /* 924 */
  width: 16%;
  height: 2vh;
  margin-left: 83%;
}
/* For line breaks in the bookmaptitle element. 2024.09.17 */
.css-br::after {
  content:"\A";
  white-space: pre;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header:before { /* 924 */
    content: "q";
}
.wh_main_page_toc .wh_main_page_toc_accordion_header.expanded:before { /* 924 */
    content: "p";
}

.wh_search_page .wh_content_area { /* 924 */
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-right: 40px;
	padding-left: 60px;
}

#textToSearch::-webkit-search-cancel-button {            /*  id=#textToSearch 927*/
  -webkit-appearance: none;    /* デフォルトのサーチキャンセルボタンを非表示 */
}