@charset "utf-8"; /* ===========================================================================================

	ヘッダー
=========================================================================================== */

header {
	margin: 0;
	font-size: 13px;
	width: 100%;
	position: relative;
	/* ===================================================
		パターン1：ロゴ：左
	=================================================== */
	&.headerLay01 {
		.headArea01 {

			.wrap {
				padding: 5px 0;
				display: table;
				table-layout: fixed;

				.translation,
				h1 {
					display: table-cell;
					vertical-align: middle;
				}

				.translation {
					text-align: right;
					width: 220px;
				}
			}
		}

		.headArea02 {
			.wrap {
				padding: 2px 0 12px;
				display: table;

				.infoArea,
				.logoArea {
					display: table-cell;
					vertical-align: middle;
				}

				.logoArea {
					width: 40%;
				}

				.infoArea {
					text-align: right;
				}
			}
		}
	}
	/* ===================================================
	パターン2：ロゴ：中央
	=================================================== */
	&.headerLay02 {
		padding: 20px 0 0;

		.wrap {
			display: table;
			table-layout: fixed;
			padding: 10px 0;

			.headArea01,
			.headArea02,
			.headArea03 {
				display: table-cell;
				vertical-align: middle;
				width: 33.3%;
			}

			.headArea01 {}

			.headArea02 {
				text-align: center;
				padding: 0 10px;
			}

			.headArea03 {
				text-align: right;
			}
		}
	}
	/* ===================================================
		Header共通
	=================================================== */
	.wrap {
		width: @contentWidth;
		margin: 0 auto;
	}

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

	.translation {
		margin-bottom: 10px;
		list-style-position: 1.4;
	}

	.telNum {
		color: #ff7301;
		margin-bottom: 4px;
		font-weight: bold;
		font-size: 28px;
		line-height: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;

		&:before {
			display: inline-block;
			content: '';
			width: 37px;
			height: 22px;
			background: url("../images/free_dial02.png") center / 37px 22px no-repeat;
			margin: 0px 4px 0 0;
		}
	}

	.businessHours {
		margin-bottom: 5px;
	}
	.businessHours, .add {
		line-height: 1.6;
	}
}
/* ===========================================================================================

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

.globalNavi {
	border-bottom: 3px solid #e26500;
	background: #ff7301;
	margin: 0;

	ul {
		width: @contentWidth;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;

		li {
			text-align: center;
			width: 100%;
			font-weight: bold;
			font-size: 15px;
			position: relative;

			&::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				right: 0;
				margin: auto;
				width: 3px;
				height: 31px;
				background: url("../images/bg_gnavi_line.png") no-repeat;
			}
			&:first-child {
				&::before {
					content: "";
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					margin: auto;
					width: 3px;
					height: 31px;
					background: url("../images/bg_gnavi_line.png") no-repeat;
				}
			}

			a {
				color: #fff;
				display: block;
				padding: 13px 0 11px;
				margin: 0;
			}
		}
	}
}
/* ===========================================================================================

スライダー
=========================================================================================== */

#sliderContent {
	width: 100%;
	margin: 0 auto;

	.sliderWrap {
		width: auto;
		/*要調整*/
		margin: auto;
		min-width: 1000px;
		.bx-viewport {
			background: url("../images/bg_mv.jpg") top center no-repeat;
		}
	}

	#galleryslider {
		list-style-type: none;

		li {
			img {
				width: auto;
				height: auto;
			}
		}
	}

	.bx-wrapper {
		margin-bottom: 20px;

		.bx-controls-direction{
			a,
			a:active,
			a:link,
			a:visited {
				-webkit-transition: none;
				transition: none;
			}
		}

		.bx-pager.bx-default-pager {
				padding: 5px 0 0 !important;

			a {
				background: #ffbf80 !important;
			}
			a.active {
				background: #f07800 !important;
			}
		}
	}
}