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

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

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

*/

/* 基本ヘッダ（小幅時バーガーメニュー） */
	.cus-header-normal{
		position: absolute;
		top: 0px;
		left: 0px;
		display: table;
		width: 100%;
		z-index: 999;
	}
	.cus-header-normal.normal-sb{
		position: static;
	}
	.cus-header-normal .header-logo{
		display: table-cell;
		padding-left: 2%;
		width: 295px;
		vertical-align: middle;
	}
	.cus-header-normal .header-logo img{
		position: relative;
		width: 275px;
	}
	.cus-header-normal .header-nav{
		position: relative;
		display: table-cell;
		padding: 20px 2% 20px 0;
		text-align: right;
		vertical-align: middle;
	}
	.cus-header-normal.normal-sb .header-nav{
		padding: 10px 2% 10px 0;
	}
	.cus-header-normal.normal-sb .header-logo{
		background-color: white;
		box-shadow: 0px 0px 6px 2px #b9b9b9;
		border-radius: 0 0 40px 0;
		-webkit-border-radius: 0 0 40px 0;
		-moz-border-radius: 0 0 40px 0;
		padding: 0 30px 0 2%;
		width: 325px;
	}

/* こちらのロゴはバーガーメニュー時以外非表示 */
	@media screen and (max-width: 1469px) {
		.cus-header-normal .header-logo{
			width: 245px;
		}
		.cus-header-normal.normal-sb .header-logo{
			width: 275px;
		}
		.cus-header-normal .header-logo img{
			width: 225px;
		}
	}
	@media screen and (max-width: 1100px) {
		.cus-header-normal .header-logo{
			width: 225px;
		}
		.cus-header-normal.normal-sb .header-logo{
			padding: 0 20px 0 2%;
			width: 245px;
		}
		.cus-header-normal .header-logo img{
			width: 205px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-header-normal{
			position: fixed;
			top: 0px;
			left: 0px;
			display: block;
			background-color: rgba(255,255,255,0);
		}
		.cus-header-normal .header-logo{
			display: none;
		}
		.cus-header-normal .header-nav{
			display: block;
			padding: 0;
			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,.9);
			width: 100%;
			height: 60px;
			z-index: -1;
		}
	}

	/* こちらのロゴはバーガーメニュー時以外非表示 */
	.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;
	}
	
	.header-nav-col-bg{
		background-color: white;
		box-shadow: 0px 0px 6px 2px #b9b9b9;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		padding: 10px 10px 10px 40px;
	}
	@media screen and (max-width: 991px) {
		.header-nav-col-bg{
			background-color: rgba(0, 0, 0, 0);
			box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
			padding: z;
		}
	}

	/* メールアイコンのボタンリンク */
	.cus-navigation-mail{
		display: block;
		text-align: center;
	}
	.cus-navigation-mail .mail-link{
		overflow: hidden;
		display: block;
		position: relative;
		background: transparent;
		background-color: #03c39a;/* メールボタン背景色 */
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		box-shadow: 1px 1px 1px 0px #c1c1c1;
		padding: 10px 14px !important;
		font-weight: 700;
		color: white;
		text-decoration: none;
		z-index: 1;
		transition: .3s;
	}
	.cus-navigation-mail .mail-link .ink-ic{
		position: relative;
		top: -2px;
		display: inline-block;
	}
	.cus-navigation-mail .mail-link .link-text{
		display: inline-block;
		padding-left: 10px;
		font-size: 16px;
	}
	.cus-navigation-mail .mail-link::before{
		content: "";
		top: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		background: #039474;/* メールボタン背景色 */
		width: 100%;
		height: 100%;
		z-index: -1;
		transform-origin: 100% 50%;
		transform: scaleX(0);
		transition: transform ease .3s;
	}
	.cus-navigation-mail .mail-link:hover{
		color: white !important;
		text-decoration: none;
	}
	.cus-navigation-mail .mail-link:hover::before{
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	@media screen and (max-width: 1469px) {
		.cus-navigation-mail .mail-link .link-text{
			padding-left: 8px;
			font-size: 15px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-navigation-mail{
			margin-top: 30px;
		}
		.cus-navigation-mail .mail-link .link-text{
			padding-left: 8px;
			font-size: 18px;
		}
	}

/* ビッグメニュー（小幅時バーガーメニュー） */
	.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;
	}