
/*--------------------------------
nav
--------------------------------*/
.col-lg-0{display:none;}
nav{height:53px;}
nav #navi{
	background:#E0031C;
	position:fixed;
	z-index:999;
	width:100%;
}
nav a{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	transition:.5s;
}
nav a:hover{color:#E0031C;}
.btnCont{
	background:#FFF;
	border-radius:50px;
	color:#E0031C;
	display:inline-block;
	height:46px;
	padding:10px 35px;
	max-width:146px;
}
.btnCont:hover{
	color:#fff;
	opacity:.5;
}
.link {
	min-height:64px;
	color:#fff;
  display: flex;
  align-items: center;
	justify-content:center;
  position: relative;
  transition: .5s;
	font-weight:bold;
	width:20%;
}
.link:hover,
.link:focus{
  color: #E0031C;
	background:#FFF;
}
.link:hover a.fastLink,
.link:focus a.fastLink{
  color: #E0031C;
}
.link a.fastLink{
	width:100%;
	height:100%;
	text-align:center;
}
.dropDown {
  position: absolute;
	left:0;
  top: 100%;
  display: none;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0px 3px 8px -2px #777;
  color: initial;
	width:260%;
	min-width:200px;
}
.link:hover > .dropDown,
.link:focus > .dropDown {
  display: block;
	z-index:99;
}
.dropDown__list {
  display: flex;
  flex-direction: column;
	list-style: none;
	padding-left:0;
	width:auto;
	font-size:.9rem;
}
.dropDown__item{
	color:#E0031C;
	border-bottom: 1px solid #E0031C;
	line-height:1;
}
.dropDown__link {
	display:inline-block;
	width:100%;
  transition: .15s;
	color:#E0031C;
	padding:15px 5px;
}
.dropDown__link:hover,
.dropDown__link:focus {
  color: #FFF;
	background:#E0031C;
	padding:15px 10px 15px 15px;
}

/*** SP ***/
.hamburger-menu {
	right:0;
	display: inline-block;
	position:relative;
	top: 0;
	z-index:999;
	cursor: pointer;
}
.menu-btn {
	position: relative;
	display: flex;
	width: 45px;
	height: 45px;
	justify-content: center;
	align-items: center;
	z-index: 90;
	background:#E0031C;
	background-size:100%;
	transition:.5s;
	padding-top: 42px;
	color: #E0031C;
	font-weight: bold;
	font-size:12px;
	cursor: pointer;
	border-radius:50px;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
	content: '';
	display: block;
	height: 4px;
	width: 30px;
	border-radius: 3px;
	background-color: #FFF;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	transition:.5s;
}
.menu-btn span{top:45%;}
.menu-btn span:before {bottom: 10px;}
.menu-btn span:after {top: 10px;}
#menu-btn-check:checked ~ .menu-btn{background:none;}
#menu-btn-check:checked ~ .menu-btn span {background-color: rgba(255, 255, 255, 0);}
#menu-btn-check:checked ~ .menu-btn span::before {
	bottom: 0;
	transform: rotate(45deg);
	background-color:#E0031C;
}
#menu-btn-check:checked ~ .menu-btn span::after {
	top: 0;
	transform: rotate(-45deg);
	background-color:#E0031C;
}
#menu-btn-check {display: none;}
.menu-content {
	width: 100%;
	height: calc(100vh - 69px);
	position: fixed;
	top: 74px;
	right: -100%;
	z-index: -80;
	background-color: rgb(225 3 28/.9);
	transition: all 0.5s;
	opacity:0;
}
.menu-content .btnCont{
	display:inline-block;
	border-radius:50px;
	border:1px solid #FFF;
	color:#E0031C;
	height:auto;
	padding:10px 15px;
}
.menu-content .top {
	margin:30px 20px 0;
	text-align:left;
	border-bottom: solid 1px #194e73;
}
.menu-content .top p{
	display: block;
	font-size: 15px;
	color: #194e73;
	font-weight: bold;
	padding: 0 10px 6px;
}
.menu-content ul {
	padding:0 20px;
	width:100%;
	magin:auto;
}
.menu-content ul li {
	list-style: none;
	text-align:left;
	position:relative;
}
.menu-content ul li a {
	display: block;
	width: 100%;
	font-size: 18px;
	box-sizing: border-box;
	color:#FFF;
	text-decoration: none;
	padding: 10px;
	margin:5px 0!important;
	position: relative;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #FFF;
}
#menu-btn-check:checked ~ .menu-content {
	right:0;
	opacity:1;
	z-index: 80;
}

@media (max-width:991px) {
	.hamburger-menu {
		right:0;
		top: 0;
	}
	nav{
		background:#E0031C;
		width:100%;
		position:fixed;
		top:0;
		z-index:999;
	}
	.dropDown__link:hover,
	.dropDown__link:focus {
		padding:10px;
		opacity:.5;
	}
	header{margin-top:60px!important;}
	.col-lg-0{
		display:flex;
		margin-left:auto;
		align-items:center;
		justify-content:flex-end;
	}
	.menu-btn {background:#FFF;}
	.menu-btn span, .menu-btn span:before, .menu-btn span:after{background-color: #E0031C;}
	#menu-btn-check:checked ~ .menu-btn{background:#FFF;}
	.acd-check{display: none;}
	.acd-label{
    color: #fff;
    display: block;
    padding: 10px;
		text-align:center;
		font-weight:bold;
		font-size:18px;
	}
	.acd-content{
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
		text-align:center;
	}
	.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
	}
	.navTtls{position:relative;}
	.navTtls::before{
		background:#FFF;
		content:"";
		position:absolute;
		height:1px;
		width:100%;
		top:50%;
		left:101%;
		transform:translate(0,-50%);
	}
}
@media (max-width:767px) {
	.menu-content {top:80px;height: calc(100vh - 80px);}
	.dropDown {
		position: relative;
		background-color: #fff;
		width:100%;
	}
}
@media (max-width:575px) {
	.sc{max-width:170px;}
	header{margin-top:56px!important;}
	.menu-content {top:56px;height: calc(100vh - 56px);}
}