@charset "utf-8";
/* CSS Document */
.bg-light {
/*  background-color: rgba(203, 241, 255, 1) !important;	*/
  background-color: rgba(255, 238, 168, 1) !important;	/* ヘッダ背景色 */
}

.header-fix{
	position:fixed;			/* ヘッダ固定 */
}

.navbar {
	padding:0 1em;			/* ヘッダ高さ調整 */
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: blue;
}

.navbar-nav {
	margin-top:1em;		/* グローバルメニューのボタン位置	*/
}

a.nav-link{
	color:#000 !important;	/* グローバルメニューの文字色 */
	margin-right:10px;
	text-align:center;
	text-align:left;
	display:block;
	vertical-align:bottom;
	padding:0.5rem 0.5rem !important; 
}

a.nav-link:hover{
	color:#0071bb !important;
}

.navbar-brand{
  font-weight:bold;
  vertical-align:bottom;
  font-size:150%;			/* 会社名の文字サイズ */
}


.navbar-brand:hover{
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

a.navbar-brand img{
	width:17%;				/* ロゴマークサイズ */
	margin-top:-3px;		/* ロゴマーク位置の調整 */
	vertical-align:middle;
	margin-right:0.5em;
}
@media(max-width:1200px){
	a.navbar-brand img{
		width:12%;
	}
}
@media(max-width:575px){
	a.navbar-brand img{
		width:15%;
	}
}
@media(max-width:441px){
	a.navbar-brand img{
		display:none;
	}
}

.navbar > .container > button{
	margin-top:0;
}

.navbar-collapse{
	margin-top:1em;
}

.collapse{
	width:75%;				/* グローバルナビボタンの表示幅指定 */
}

/*--------------------------
	Drop Down Menu
---------------------------*/
a.dropdown-toggle{
	padding-left:0;
	color:#FFF;
	font-size:100%;
}

.dropdown-menu{
	background-color:#000;
}

ul.dropdown-menu{
	background-color:#0C85FA;
}

.dropdown-menu li{
	margin:5px 0;
}

.dropdown-menu > li > a{
	color:#045CAD;
	color:#FFF;
	font-size:100%;
	padding-left:1em;
}

.dropdown-menu > li > a:hover{
	color:#045CAD !important;
	text-decoration: none;
}

/*--------------------------
	Company Logo Setting
---------------------------*/
@media(max-width:767px){
	.navbar-brand {
		margin-right: 0;
		width:75%;
	}	
}

/*--------------------------
	Nav Button Setting
---------------------------*/
/* No Frame Type Button */ 
/*
.navbar-light .navbar-toggler {
  color: rgba(1, 1, 1, 0.5);
  border-color: rgba(0, 0, 0, 0);
}
*/

/* Menu Display */
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}

/* Menu Non Display */
.navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*--------------------------
	Header Position Fixed
---------------------------*/
@supports ((position: -webkit-sticky) or (position: sticky)) {
	.sticky-top {
		position:relative;
	}
}

@media(max-width:767px){
	@supports ((position: -webkit-sticky) or (position: sticky)) {
		.sticky-top {
			position: -webkit-sticky;
			position: sticky;
			top: 0;
			z-index: 1020;
		}
	}
}

/**********************************/
/* Toggle Button                  */
/**********************************/
/* navbar height custom */
@media(max-width:992px){
	.navbar {
/*		padding: 0.1rem 1rem;	*/
		padding: 0.2rem 1rem;
	}	
}

/* navbar-tobble height custom */
.navbar-toggle {
  padding: 0.1rem 0.75rem;
}

.navbar-toggle {
    display: block;
    position: fixed;	
    right: 13px;
    top: 3px;
		width: 41px;
		height: 38px;
    cursor: pointer;
    z-index: 3;
    text-align: center;
}

@media(min-width:768px){
	.navbar-toggle {
		display:none;
	}
}

/* ナビボタンの表示切替（閉じるボタン） */
.navbar-expand-lg .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}