/*
 * ==============================================
 * Skin for rdg
 * ==============================================
 */

/*
 * ------------------------------------------------------------------
 *  
 * Fight bootstrap
 *  
 */
.navbar {
	background: none;
	border: none;
	margin: 0;
	box-shadow: none;
}
a,
a:hover,
a:visited {
	color: #337ab7;
}
a:hover {
	text-decoration: none;
}

/*
 * ------------------------------------------------------------------
 *  
 * Menu
 *  
 */
.wh_top_menu a:hover {
	color: #267DBA;
}
.wh_top_menu a {
	text-transform: none;
	font-variant: normal;
	color: black;
}

@media only screen and (min-width : 768px) {
	.wh_top_menu_and_indexterms_link.navbar-collapse {
		display: table !important;
		text-align: right;
	}
	.wh_top_menu {
		display: table-cell;
	}
	.wh_indexterms_link {
		display: table-cell;
		width: 23px;
	}
}
@media only screen and (max-width : 767px) {
	.wh_top_menu_and_indexterms_link {
		/*display: inline-grid!important;*/
	}
}
/*
 * ------------------------------------------------------------------
 *  
 * header
 *  
 */

.wh_logo img {
	width: 100%;
	height: auto;
}
/* 2022.02.24 
.wh_header {
	background: url('body.png');
}
*/
.navbar-toggler-icon {
	width: 2.5em;
	height: 2.1em;
}
.navbar-collapse {
	flex-basis: unset;
}
.wh_top_menu ul ul {
	border: none;
}
@media only screen and (max-width : 767px) {
	.wh_toggle_button {
		margin: 10px 0;
	}
	.wh_top_menu_and_indexterms_link {
		border-top: 1px solid #ddd;
	}
}

/*
 * ------------------------------------------------------------------
 *  
 * Tiles
 * 
 */

.wh_tiles {
	margin: 0px;
}
/* output.toplevel2指定時にタイルが少なくなる場合も均等になるように追加 2020.10.6 */
.wh_rdg_tiles_toplevel2 {
    justify-content: space-around;
}

.wh_tile {
	padding: 0;
	border: none;
	background-color: white;
}

.wh_rdg_tile_image {
	width: 100%;
	height: auto;
}

.wh_rdg_tile_title {
	min-height: 50px;
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
	display: table;
}

.wh_rdg_tile_title_cell {
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: black;
}

.wh_tile_shortdesc {
	margin-top: 0;
	font-size: 20px;
	opacity: 0;
	color: #111;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	max-width: 342px;
	width: auto;
	padding: 10px;
	border-radius: 2px;
	background: #FFF;
	border: 1px solid #ccc;
	transition: .3s;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(90deg);
	position: absolute;
	z-index: 2;
}

.wh_tile:hover .wh_tile_shortdesc {
	filter: alpha(opacity=93);
	-moz-opacity: 0.93;
	opacity: 0.93;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

@media only screen and (max-width : 767px) {
	.wh_tile > div {
		height: auto;
	}
}

/*
 * ------------------------------------------------------------------
 *  
 * responsive 
 * 
 */
@media only screen and (max-width : 640px) {
	.wh_tile_shortdesc {
		display: none;
	}
}
@media only screen and (max-width : 767px) {
	.wh_tile {
		max-width: 670px;
		width: 670px;
	}

	.wh_rdg_tile_image {
		width: 100%;
		height: auto;
	}
	.wh_rdg_tile_title {
		max-height: 50px;
		width: 100%;
		height: 100%;
	}
	.wh_rdg_tile_title_cell {
		font-size: 20px;
	}
	.wh_tile_shortdesc {
		display: none;
	}
}
/*@media only screen and (min-width : 768px) {
	.wh_tile_shortdesc {
		max-width: 324px;
	}
}*/
@media only screen and (min-width : 992px) {
	.wh_tile_shortdesc {
		max-width: 518px;
		width: -webkit-calc(-webkit-calc(100% - 30px) * 0.45 );
		width: calc(calc(100% - 30px) * 0.45 );
	}
}
@media only screen and (min-width : 1200px) {
	.wh_tile_shortdesc {
		max-width: 471px;
		width: -webkit-calc(-webkit-calc(100% - 30px) * 0.3 );
		width: calc(calc(100% - 30px) * 0.3 );
	}
}

/*
 * ------------------------------------------------------------------
 *  
 * Search area
 * 
 */

.wh_search_input {
	display: block;
    /* 検索エリアの空きは無効にする．2021.12.23
	padding: 119px 0;
    */
	margin: 0;
	margin-bottom: 1em;
	background-size: cover;
	box-shadow: 0px -5px 21px 0px rgba(0, 0, 0, 0.3);
}

.wh_rdg_search_input {
	display: block;
	padding: 42px 0;
	margin-top: 0em;
	margin-bottom: 1em;
	background-size: cover;
	box-shadow: 0px 7px 21px -12px rgba(0, 0, 0, 0.3);
}

.wh_search_textfield {
	border: solid 1px #939393;
	color: #494949;
	background-color: #ffffff;
	padding: 0 .4em;
	height: 2em;
	font-size: 1em;
	border-radius: 0 .5em 0.5em 0.5em 0.5em;
	font-size: 16px;
}

.wh_search_button {
	color: white;
	background-color: #2372de;
	border-radius: 0 .5em .5em 0;
	/*font-size: 16px;*/
	border: none;
}

/* Added to prevent the left end missing. 2020.12.07 */
.wh_search_results {
    margin-left:10px;
}

.wh_welcome:not(:empty) {
	display: none;
}

/* Render search area for devices smaller than 767px */
@media only screen and (max-width : 767px) {
	.wh_search_input {
    /* 検索エリアの空きは無効にする．2021.12.23
		padding: 109px 0;
    */
	}
	.wh_search_button {
		display: inline;
	}
	.wh_rdg_search_input {
		padding: 109px 0;
		margin-bottom: 0;
	}
	.wh_search_textfield,
	.wh_search_button {
		/*font-size: 18px;*/
	}
}

/*
 * ------------------------------------------------------------------
 *  
 * Tools
 * 
 */
.wh_tools {
	background-color: #EBF2FA;
	border-bottom: none;
}

.wh_breadcrumb .active .topicref a {
	color: #267DBA;
	font-weight: bold;
}

.wh_breadcrumb .active > span {
	font-weight: bold;
	color: #267DBA;
}
.wh_breadcrumb .active {
	font-weight: bold;
	color: #267DBA;
}

.wh_print_link a {
	color: #267DBA;
}

/* Selected autocomplete item */
.ui-menu-item .ui-state-active {
	background-color: #337AB7;
	border: none;
	margin: 0;
}
.wh_breadcrumb ol {
	background-color: transparent;
}

/* 
 * search page
 */
#wh-search-pagination > ul > li.active > a {
	background-color: #337ab7;
}
.pagination > li > a,
.pagination > li > span {
	color: #337ab7;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	border-color: #337ab7 !important;
}

/*
 * ------------------------------------------------------------------
 *  
 * Side Toc
 * v19.0 .wh_side_toc , v21.1 .wh_publication_toc
 */
.wh_publication_toc {
	border: none;
	background-color: #F8F8F8;
	margin: 0;
	margin-top: 1em;
	padding: 1em;
	border-radius: .5em;
	font-size: 0.95em;
}
.wh_publication_toc > ul {
	border: none;
	padding-left: 0;
	margin: 1em;
	margin-bottom: 1.5em;
}
.wh_publication_toc li {
	margin: .3em 0;
}
.wh_publication_toc a {
	color: #848993;
}
.wh_publication_toc > span {
	color: #267DBA;
}
.wh_publication_toc .active:before {
	content: "";
	font-weight: bold;
	font-family: "Glyphicons Halflings";
	color: #99cc00;
	display: block;
	position: absolute;
	left: -1px;
}
.wh_publication_toc .active > .topicref a {
	color: #267DBA;
	font-weight: bold;
}

/*
 * ------------------------------------------------------------------
 *  
 * title
 * 2019.11 add
 */
 .topictitle1{
 	margin-bottom:0.8em;
 	line-height:1.5em;
}
.topictitle2{
 	line-height:1.5em;
 }
.level5::after{
	content:'';
	display:block;
	background-color:#D3D3D2;
	border-color:#D3D3D3;
	border-style:solid;
	border-width:3px;
	border-radius:3px;
}
/*
 * ------------------------------------------------------------------
 *  
 * step
 * 2019.11 add
 */
.stepstart {
	display:inline-block;
	background-color:#D3D3D3;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-width:3px;
	border-style:double;
	border-radius:3px;
	line-height:1.4em;
	font-size:1.2em;
	margin:1.0em 0em;
	box-shadow: 0px 0px 0.5px 0.5px rgba(0, 0, 0, 0.3);
}

/*
 * ------------------------------------------------------------------
 *  
 * phrase
 * 2019.11 add
 */
 .stepnum {
 	font-weight:bold;
 	font-size:1.2em;
 	margin-right:0.2em;
 }
 .xref .stepnum{
 	margin-right:unset;
 	font-size:1.5em;
 }
  a > .stepnum,.link .stepnum {
 	font-weight:normal;
 	font-size:1.0em;
 }

/*
 * ------------------------------------------------------------------
 *  
 * table
 * 2019.11 add
 */
 .entry[has='fpnum'] {
 	text-align:center !important;
 	vertical-align:middle !important;
 } 
 
/*
 * ------------------------------------------------------------------
 *  
 * fn
 * 
 */
 /* 2019.11 table の fn はテーブルの直ぐ下に出力する */
.table-fn {
	margin-top:10px;
	margin-bottom:10px;
}

/*
 * ------------------------------------------------------------------
 *  
 * xref 
 * 
 */
 /* 2019.11 リンク文字を span で囲み、CSS にて "" を付与する */
span.xref::before{
	content:'"'
}
span.xref::after{
	content:'"'
}

/*
 * ------------------------------------------------------------------
 *  
 * related links 
 * 
 */
.related-links a {
	color: #337ab7;
	/*font-weight: bold;*/
}
.wh_child_links {
	background-color: #eefaff;
	border-radius: 0.3em;
	padding: 1em 1.5em 2.0em 1.5em;
}
.linklist .related_link {
	/*display: list-item;*/
	list-style: unset;
}

.related_link {
	padding:0px ;
}
.wh_topic_content .related-links{
	background-color: #eefaff;
	padding:0;
}
.wh_related_links {
	background-color: #eefaff ;
/*	padding:1.0em 1.5em 1.5em 1.5em !important; */
	padding:1.0em 1.5em 1.5em 1.5em;
	border-radius: 0.3em;
	
}
div.wh_related_links > nav.related-links {
	border-bottom:0.11em solid;
	margin-bottom: 1em;
}
nav.related-links > div.linklist {
	margin-left: 30px;
}
nav.related-links > div.relatedlinktitle {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1em;
	padding-bottom: 0.3em;
	border-bottom: 0.1em solid;
	margin-bottom: 1em;
	margin-left: 0px;
}
div.wh_child_links > nav.related-links {
	margin-top: 1em;
}

/*
 * ------------------------------------------------------------------
 *  
 * Note
 * 
 */
.warningtitle,
div[class = "warning"] > h3 {
	background-image: url("img/warning.svg") !important;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 23px;
}

.warningtitle {
	font-weight: bold;
}

.notetitle,
div[class = "note"] > h3 {
	background-image: url("img/note.svg") !important;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 23px;
}
.notetitle {
	font-weight:bold;
}

.cautiontitle,
div[class = "caution"] > h3 {
	background-image: url("img/caution.svg") !important;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 23px;
}
.cautiontitle {
	font-weight:bold;
}

.troubletitle,
div[class = "trouble"] > h3 {
	background-image: url("img/troubleshooting.svg") !important;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 23px;
}
.troubletitle {
	font-weight:bold;
}

.importanttitle,
div[class = "important"] > h3,
.attentiontitle,
div[class = "attention"] > h3,
.noticetitle,
div[class = "notice"] > h3 {
	background-image: url("img/important.svg") !important;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 23px;
}
.importanttitle,
.attentiontitle,
.noticetitle {
	font-weight:bold;
}

.remembertitle,
div[class = "remember"] > h3 {
	background-image: url("img/remember.svg") !important;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 23px;
}
.remembertitle{
	font-weight:bold;
}

.restrictiontitle,
div[class = "restriction"] > h3 {
	background-image: url("img/restriction.svg") !important;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 23px;
}
.restrictiontitle {
	font-weight:bold;
}

.dangertitle,
div[class = "danger"] > h3 {
	background-image: url("img/danger.svg") !important;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 23px;
}
.dangertitle {
	font-weight:bold;
}

.tiptitle,
div[class = "tip"] > h3 {
	background-image: url("img/tip.svg") !important;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 23px;
}
.tiptitle {
	font-weight:bold;
}

.fastpathtitle {
	font-weight:bold;
}


/*
 * ------------------------------------------------------------------
 *  
 * Footer
 * 
 */
.wh_footer {
	font-family: serif;
	font-size: smaller;
	text-align: center;
	padding: 2em;
	margin-top: 1em;
	background-color: #E9EEF4;
}