@charset "utf-8";

/* ===========================================================================================

	HEADER
=========================================================================================== */

header {
	// border-top: @headerBorderTop;
	font-feature-settings : "palt"; //文字詰め
	// margin: @headerMargin;
	width: 100%;
	position: relative;

	/* ===================================================
		レイアウトheaderLay01の場合 ロゴ：左 インフォメーション：右
	=================================================== */
	&.headerLay01 {
		padding: 0 0 20px;
		.headerContainer {

			/* Google翻訳なし */
			// h1 {
			// 	padding: 5px 0;
			// }

			/* Google翻訳あり(77号機~) */
			.headArea{
				padding: 5px 0;
				.clearfix;
				h1 {
					width: 80%;
				}
				.translation {
					float: right;
				}
			}

			.logoArea {
				width: @headerLay01LogoWidth;
				float: left;
				padding: 0px 0;
				margin: 20px 0 0;
			}

			.headerInfo {
				width: calc(~"100% - "@headerLay01LogoWidth);
				max-width: 65%;
			}
		}
	}

	/* ===================================================
		レイアウトheaderLay02の場合 H1：左 ロゴ：中央 インフォメーション：右
	=================================================== */
	&.headerLay02 {
		padding: 20px 0;

		.headerContainer {
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			/* 縦方向中央揃え */
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			/* 横方向中央揃え */
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;

			h1 {
				width: 33.3%;
			}

			/* Google翻訳あり(77号機~) */
			.translation {
				margin-bottom: 10px;
			}

			.logoArea {
				text-align: center;
				width: 33.3%;
			}

			.headerInfo {
				width: 33.3%;
			}
		}
	}

	/* ===================================================
		Header共通
	=================================================== */
	.headerContainer {
		width: @contentWidth;
		padding: 0;
		margin: 0 auto;

		.clearfix();

		h1 {
			font-size: 85%;
			font-weight: normal;
			line-height: 130%;
		}


		/* --------------------------------------------
			インフォメーション部分
		-------------------------------------------- */
		.headerInfo {
			float: right;
			font-size: 14px;
			text-align: right;
			letter-spacing: .05em;

			.telNum {
				font-size: @telFont;
				font-weight: bold;
				color: #f4ae4c;
				line-height: 100%;

				&::before {
					font-family: @iconFont;
					font-weight: normal;
					content: @telIcon;
					margin: 0 10px 0 0;
					font-size: @telFontBefore;
				}
			}

			.telNum {
				margin: 0 0 5px;
			}
			.contactLink, .add {
				margin: 0 0 8px;
			}

			.add, .businessHours {
				line-height: 130%;
				font-size: 85%;
			}
		}
	}/* headerContainer END */
}


/* ===========================================================================================

	グローバルナビ
=========================================================================================== */

.globalNavi {
	// background: @globalNaviBg;

	ul {
		border-bottom: 1px solid #373737;
		width: @contentWidth;
		margin: 0 auto;
		display: flex;
		justify-content: center;
    align-items: center;

		li {
			text-align: center;
			width: 100%;
			// background: url(../images/bg_gnavi_line.png) 0 50% no-repeat;
			// &:last-child {
			// 	background: url(../images/bg_gnavi_line.png) 0 50% no-repeat,
      //   						url(../images/bg_gnavi_line.png) 100% 50% no-repeat;
			// }

			a {
				// color: @globalColor;
				width: 100%;
				height: @globalHeight;
				line-height: @globalHeight;
				// padding: @globalPadding;
				margin: 0 auto;
				display: block;

				img {
					vertical-align: middle;
				}
			}
		}
	}
}
.fixed {
    position: fixed;
    background: #000;
    top: 0;
    width: 100%;
    z-index: 10000;
}


/* ===========================================================================================

スライダー
=========================================================================================== */
/* スライダー　通常 */
// #sliderContent {
// 	width: 100%;
// 	margin: 0 auto 40px;
// }
// .sliderWrap {
// 	max-width: 1200px; /*要調整*/
// 	margin: auto;
// 	padding: 0 20px;
// }
// #galleryslider {
// 	list-style-type: none;
// 	li {
// 		display: flex;
// 		justify-content: center;
// 		align-items: center;
// 		img {
//       width: 100%;
//       height: auto;
//       max-width: 1200px; /*要調整*/
//     }
// 	}
// }

/* スライダー　ブラウザ横幅最大 */
#sliderContent {
	width: 100%;
	margin: 0 auto;
}
#galleryslider {
	list-style-type: none;
	li {
		display: flex;
		justify-content: center;
		align-items: center;
		img {
      width: 100%;
      height: auto;
    }
	}
}

.bx-wrapper {
	margin: 0 auto;
	.bx-controls-direction a {
		margin-top: -43px;
	}
	/* pager（通常） */
	.bx-pager {
		padding: 15px 0 10px;
	}

	/* pager（メインコンテンツ内くいこみ） */
	// .bx-pager {
	// 	padding: 0;
	// 	position: absolute;
	// 	margin: auto;
	// 	right: 0;
	// 	left: 0;
	// 	bottom: -30px;
	// 	z-index: 999;
	// }

	a, a:link, a:active, a:visited {
		-webkit-transition: none;
		transition: none;
	}
	.bx-pager.bx-default-pager a {background: lighten(@colorSub, 10%) !important;}
	.bx-pager.bx-default-pager a.active {background: darken(@colorSub, 30%) !important;}
}