@charset "utf-8";
/* CSS Document */
/*--------------------------
	Basic Tag Definition
---------------------------*/

a {
/*  color: #007bff;	*/
}

a:hover {
  color: #330ac2;
}

/*--------------------------
	Global Navi
---------------------------*/
/* Header */
.bg-dark {
  background-color: #1eaa39 !important;
}

/*
.navbar-toggler{
	float:right;
	margin-top:2em;
}
*/

a.nav-link{
	color:#FFFFFF !important;
	margin-right:10px;
	text-align:center;
	display:block;
	vertical-align:bottom;
}

a.nav-link:hover{
	color:#1d2088 !important;
}

.navbar-brand{
	font-size:150%;
}
@media(max-width:575px){
	.navbar-brand{
		font-size:100%;
	}	
}

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

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

.header-fix{
	position:fixed;
}

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

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

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
---------------------------*/
header{
/*	background-color:#D3E8F1;	*/
}

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

.header-fix{
	position:fixed;
}

/*--------------------------
	Nav Button Setting
---------------------------*/
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}