﻿@charset "utf-8";

.collapsing {
	transition: none !important;
}

.sidebar {
	position: fixed;
	top: 100px;
	bottom: 0;
	left: 0;
	z-index: 100;
	overflow-y: auto;
	padding: 0;
	/*max-height: 1050px;
	max-height: 863px;
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);*/
}

.footerFixed {
    min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
    position: relative;/* ←相対位置 */
    padding-bottom: 100px; /* ←フッターの高さを指定 */
    box-sizing: border-box;
    /* ↑ヘッダーやフッターを含むすべての要素の高さ＝min-height:100vhになるように指定 */
}

.footer {
	position: absolute;/* ←絶対位置 */
	bottom: 0;
	height: 100px;
	font-size: small;
}

/* スマホ用　*/
@media (max-width: 768px) {
	.sidebar {
		top: 160px;
		padding: 0;
	}
	
	.footer {
		width: 100%;
	}
}

/* タブレット用　*/
@media (max-width: 992px) and (min-width: 768px) {
	.navbar {
		top: 0;
		position: sticky;
		z-index: 999;
	}
	
	.anchor { /*header分のずれ補修*/
		padding-top: 120px;
		margin-top: -120px;
	}
	
	.anchor-tab { /*jquery-ui tabs header分のずれ補修*/
		padding-top: 1px;
		margin-top: -1px;
	}
	
	.footer {
		margin-left: 33%;
	}
}

/* PC用　*/
@media (min-width: 992px) {
	.navbar {
		top: 0;
		position: sticky;
		z-index: 999;
	}
	
	.anchor { /*header分のずれ補修*/
		padding-top: 120px;
		margin-top: -120px;
	}
	
	.anchor-tab { /*jquery-ui tabs header分のずれ補修*/
		padding-top: 1px;
		margin-top: -1px;
	}
	
	.footer {
		margin-left: 25%;
	}
}

.sidebar .nav-link {
	color: #333;
}

.sidebar .nav-link.active {
	color: #0d6efd;
}

.bg-et {
	background: #0F2950;
}

.no-border {
    border: 0;
    box-shadow: none;
}

.dropdown:hover > .dropdown-menu {
 	display: block;
	background-color: #b0c4de;
}

.index_h2 {
	border-bottom: solid 3px #cce4ff;
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.index_h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #5472cd;
	bottom: -3px;
	width: 20%;
}

.index_h4 {
	padding: 0.3em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #cce4ff;/*背景色*/
	border-left: solid 3px #5472cd;/*左線*/
	border-radius: 5px;
}

.index_h5 {
	padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #f4f4f4;/*背景色*/
	border-left: solid 3px #5472cd;/*左線*/
	border-radius: 5px;
}

.index_h6 {
	padding: 0.2em 0.5em 0.2em 0;/*文字の上下 左右の余白*/
	color: #5472cd;/*文字色*/
	font-weight: bold;/*文字太さ*/
	border-bottom: solid 1px #5472cd;/*下線*/
}

.w160 {
 	width: 160px;
}

/* Bootstrap5 custom color */
/*.text-orange {
 	color: #f39800;
}

.border-orange {
 	color: #f39800;
}
*/
.table-orange {
 	background-color: #fac559;
	border-bottom: .5px solid #c5a05a;/*#caac71;*/
}
