/*
	* Bootstrap ヘッダ・フッタに関するカスタムCSS

	@media screen and (max-width: 1289px) {}
	@media screen and (max-width: 991px) {}
	@media print {}
	@media screen and (max-width: 767px) {}
 
	xl-1290(max-1289)
	lg-992(max-991)
	md-768(max-767)
	sm-576(max-575)
 
	-------------------

	基本ナビ（小幅時バーガーメニュー）
	ビッグメニュー（小幅時バーガーメニュー）

*/



/* 基本ヘッダ（小幅時バーガーメニュー） */
	.cus-header-normal{
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: rgba(255,255,255,0.8);
		width: 100%;
		z-index: 999;
	}
	.cus-header-normal .normal-in{
		position: relative;
		display: table;
		padding-right: 280px;
		width: 100%;
		height: 100px;
	}
	.cus-header-normal .header-logo{
		display: table-cell;
		padding-left: 2%;
		width: 440px;
		vertical-align: middle;
	}
	.cus-header-normal .header-logo img{
		width: 410px;
	}
	.cus-header-normal .header-nav{
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

/* こちらのロゴはバーガーメニュー時以外非表示 */
	@media screen and (max-width: 1289px) {
		.cus-header-normal .normal-in{
			padding-right: 200px;
			height: 80px;
		}
		.cus-header-normal .header-logo{
			width: 250px;
		}
		.cus-header-normal .header-logo img{
			width: 220px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-header-normal{
			display: block;
			background-color: rgba(255,255,255,0);
		}
		.cus-header-normal .normal-in{
			padding-right: 0px;
			height: 60px !important;
		}
		.cus-header-normal .header-logo{
			display: none;
		}
		.cus-header-normal .header-nav{
			display: block;
			text-align: left;
		}
		
		.header-toggler-bg{
			position: relative;
			top: -10px;
		}
		.header-toggler-bg::before{
			content: '';
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: rgba(255,255,255,.8);
			width: 100%;
			height: 60px;
			z-index: -1;
		}
	}
	@media print {
		.cus-header-normal{
			display: none;
		}
	}

	/* こちらのロゴはバーガーメニュー時以外非表示 */
	.cus-header-normal .header-nav .header-nav-brand{
		display: none;
	}
	@media screen and (max-width: 991px) {
		.cus-header-normal .header-nav .header-nav-brand{
			display: block;
		}
		.cus-header-normal .header-nav .header-nav-brand img{
			position: relative;
			top: 2px;
			width: 180px;
		}
	}

	.cus-header-normal .header-nav .header-nav-col{
		display: -webkit-flex !important;
		display: flex !important;
		justify-content: flex-end !important;
		text-align: right !important;
	}

	/* メールアイコンのボタンリンク */
	.cus-navigation-mail{
		position: absolute;
		top: 0px;
		right: 0px;
		display: block;
		width: 280px;
		height: 100px;
		text-align: center;
	}
	.cus-navigation-mail .mail-link{
		overflow: hidden;
		display: block;
		position: relative;
		background: transparent;
		background: linear-gradient(90deg, #1f2677 0%, #0686a6 100%);/* メールボタン背景色 */
		padding: 20px 0 0 0;
		height: 100px;
		line-height: 1;
		text-decoration: none;
		z-index: 1;
		transition: .3s;
	}
	.cus-navigation-mail .mail-link .link-ic{
		display: block;
		margin-bottom: 10px;
	}
	.cus-navigation-mail .mail-link .link-text{
		display: block;
		font-size: 24px;
		font-weight: 400;
		color: white;
	}
	.cus-navigation-mail .mail-link::before{
		content: "";
		top: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		background: #1f2677;/* メールボタン背景色 */
		width: 100%;
		height: 100%;
		z-index: -1;
		transform-origin: 100% 50%;
		transform: scaleX(0);
		transition: transform ease .3s;
	}
	.cus-navigation-mail .mail-link:hover{
		text-decoration: none;
	}
	.cus-navigation-mail .mail-link:hover::before{
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	@media screen and (max-width: 1289px) {
		.cus-navigation-mail{
			width: 200px;
			height: 80px;
		}
		.cus-navigation-mail .mail-link{
			padding: 14px 0 0 0;
			height: 80px;
		}
		.cus-navigation-mail .mail-link .link-text{
			font-size: 20px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-navigation-mail{
			display: none;
		}
	}

/* ビッグメニュー（小幅時バーガーメニュー） */
	.cus-navigation-bigmenu{
		background-color: rgba(255,255,255,0.8);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
		padding: 20px;
	}