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

	@media screen and (max-width: 1199px) {}
	@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{
		display: table;
		background-color: #fff7e8;
		padding: 20px 0;
		width: 100%;
	}
	.cus-header-normal.cb-normal{
		background-color: white;
	}
	.cus-header-normal .header-logo{
		display: table-cell;
		padding-left: 2%;
		width: 360px;
		vertical-align: middle;
	}
	.cus-header-normal .header-logo img{
		width: 335px;
	}
	.cus-header-normal .header-nav{
		position: relative;
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}
	@media screen and (max-width: 1700px) {
		.cus-header-normal .header-logo{
			width: 330px;
		}
		.cus-header-normal .header-logo img{
			width: 305px;
		}
	}
	@media screen and (max-width: 1500px) {
		.cus-header-normal .header-logo{
			width: 270px;
		}
		.cus-header-normal .header-logo img{
			width: 245px;
		}
	}
	@media screen and (max-width: 1340px) {
		.cus-header-normal .header-logo{
			width: 220px;
		}
		.cus-header-normal .header-logo img{
			width: 195px;
		}
	}


	@media screen and (max-width: 991px) {
		.cus-header-normal{
			position: fixed;
			top: 0px;
			left: 0px;
			display: block;
			background-color: rgba(255,255,255,0);
			padding: 0;
			z-index: 99;
		}
		.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;
		}
	}

	/* こちらのロゴはバーガーメニュー時以外非表示 */
	.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;
		font-size: 18px;
		text-align: right !important;
	}
	@media screen and (max-width: 1700px) {
		.cus-header-normal .header-nav .header-nav-col{
			font-size: 17px;
		}
	}
	@media screen and (max-width: 1500px) {
		.cus-header-normal .header-nav .header-nav-col{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 1340px) {
		.cus-header-normal .header-nav .header-nav-col{
			font-size: 14px;
		}
	}












	/* 電話番号の表記 */
	.cus-navigation-phone{
		display: block;
		margin-right: 20px;
		text-align: left;
	}
	.cus-navigation-phone .phone-dial{
		display: block;
		font-size: 34px;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.02em;
	}
	.cus-navigation-phone .phone-dial .ic{
		display: inline-block;
		background-color: #fcb13e;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		width: 36px;
		height: 36px;
		font-size: 20px;
		color: white;
		line-height: 36px;
		text-align: center;
	}
	.cus-navigation-phone .phone-text{
		display: block;
		margin: 0;
		font-size: 14px;
		letter-spacing: 0.03em;
	}
	@media screen and (max-width: 1700px) {
		.cus-navigation-phone{
			margin-right: 10px;
		}
		.cus-navigation-phone .phone-dial{
			font-size: 28px;
		}
		.cus-navigation-phone .phone-dial .ic{
			width: 32px;
			height: 32px;
			font-size: 17px;
			line-height: 32px;
		}
		.cus-navigation-phone .phone-text{
			font-size: 12px;
		}
	}
	@media screen and (max-width: 1500px) {
		.cus-navigation-phone{
			margin-right: 10px;
		}
		.cus-navigation-phone .phone-dial{
			font-size: 22px;
		}
		.cus-navigation-phone .phone-dial .ic{
			width: 24px;
			height: 24px;
			font-size: 15px;
			line-height: 24px;
		}
		.cus-navigation-phone .phone-text{
			font-size: 10px;
		}
	}
	@media screen and (max-width: 1340px) {
		.cus-navigation-phone{
			margin-right: 10px;
		}
		.cus-navigation-phone .phone-dial{
			font-size: 19px;
		}
		.cus-navigation-phone .phone-dial .ic{
			width: 20px;
			height: 20px;
			font-size: 14px;
			line-height: 20px;
		}
		.cus-navigation-phone .phone-text{
			font-size: 8px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-navigation-phone{
			margin-right: 0px;
			margin-bottom: 20px;
			text-align: center;
		}
	}

	/* メールアイコンのボタンリンク */
	.cus-navigation-mail{
		display: block;
		width: 240px;
		text-align: center;
	}
	@media screen and (max-width: 1700px) {
		.cus-navigation-mail{
			width: 150px;
		}
		.cus-navigation-mail p a{
			font-size: 13px;
			text-align: left;
		}
	}
	@media screen and (max-width: 1500px) {
		.cus-navigation-mail{
			width: 140px;
		}
		.cus-navigation-mail p a{
			font-size: 12px;
			text-align: left;
		}
	}
	@media screen and (max-width: 1340px) {
		.cus-navigation-mail{
			width: 130px;
		}
		.cus-navigation-mail p a{
			font-size: 10px;
			text-align: left;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-navigation-mail{
			margin: 0 auto;
		}
	}


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