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

	ヘッダー
=========================================================================================== */
header {
	margin: 0 0 10px;
	font-size: 80%;
	width: 100%;
	position: relative;
	/* ===================================================
		パターン1：ロゴ：左
	=================================================== */
	&.headerLay01 {
		color: #121212;
		.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: 10px 0;
				display: table;

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

				.logoArea {
					width: 40%;
				}

				.infoArea {
					text-align: right;
					.contactLink {
						display: flex;
						justify-content: flex-end;
						align-items: center;
						a:nth-child(2) {
							margin-left: 5px;
						}
					}
				}
			}
		}
	}
	/* ===================================================
	パターン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: 14px;
		font-weight: normal;
		line-height: 130%;
	}

	.translation {
		margin-bottom: 10px;
	}

	.telNum {
		margin-bottom: 5px;
		font-size: 26px;
		line-height: 100%;
		font-weight: bold;

		&:before {
			font-family: Flaticon;
			content: '\e0a9';
			font-size: 20px;
			margin: 0 5px 0 0;
			line-height: 0;
		}
	}

	.add {
		font-size: 14px;
	}

	.businessHours {
		font-size: 14px;
		margin-bottom: 10px;
	}
}
/* ===========================================================================================

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

.globalNavi {
	margin: 0;
	box-shadow: 0px 8px 8px -8px #6a6a6a;
	position: relative;
	z-index: 1;

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

		li {
			text-align: center;
			width: 100%;
			font-size: 15px;
			position: relative;
			&::before {
				content: "";
				position: absolute;
				width: 1px;
				height: 70%;
				top: 0;
				bottom: 0;
				right: auto;
				left: 0;
				margin: auto;
				border-left: 1px dotted #d3d3d3;
			}
			&:last-child::after {
				content: "";
				position: absolute;
				width: 1px;
				height: 70%;
				top: 0;
				bottom: 0;
				right: 0;
				left: auto;
				margin: auto;
				border-right: 1px dotted #d3d3d3;
			}

			a {
				display: block;
				padding: 7px 5px;
				color: #121212;
				font-weight: bold;
				&.blank_href {
					pointer-events: none;
				}
			}
			&:hover {
				ul.dropdown-nav {
					display: inline-block;
				}
			}
		}
	}
	ul.dropdown-nav {
		display: none;
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 100;
		background: #FFFFFF;
		li {
			text-align: left;
			position: relative;
			&::before {
				position: absolute;
				content: '';
				width: 80%;
				height: 1px;
				box-sizing: border-box;
				border-top: 1px solid #E6E6E6;
				top: 0px;
				bottom: auto;
				right: 0;
				left: 0;
			}
			a {
				display: block;
				padding: 7px 7px 7px 30px;
				box-sizing: border-box;
				position: relative;
				font-size: 14px;
				&:before {
					position: absolute;
					content: '';
					top: 0;
					bottom: 0;
					left: 15px;
					margin: auto;
					width: 10px;
					height: 10px;
					-webkit-border-radius: 50%;
					border-radius: 50%;
					background: #000000;
				}
				&:after {
					position: absolute;
					content: '';
					top: 0;
					bottom: 0;
					left: 17px;
					margin: auto;
					width: 3px;
					height: 3px;
					border-top: 1px solid #fff;
					border-right: 1px solid #fff;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
				}
			}
		}
	}
}
.headerArea2 {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: auto;
	z-index: -10000;
	background: #FFFFFF;
	.infoArea {
		text-align: right;
		overflow: hidden;
		width: 1000px;
		margin: auto;
		padding: 5px 0;
		.contactLink {
			float: right;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			& a:nth-child(2) {
				margin-left: 5px;
			}
		}
	}
	.globalNavi2 {
		width: 1000px;
		flex-grow: 5;
		margin: auto;

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

			li {
				text-align: center;
				width: 100%;
				font-size: 15px;
				position: relative;
				&::before {
					content: "";
					position: absolute;
					width: 1px;
					height: auto;
					top: 0;
					bottom: 0;
					right: auto;
					left: 0;
					margin: auto;
					border-left: 1px dotted #d3d3d3;
				}
				&:last-child::after {
					content: "";
					position: absolute;
					width: 1px;
					height: auto;
					top: 0;
					bottom: 0;
					right: 0;
					left: auto;
					margin: auto;
					border-right: 1px dotted #d3d3d3;
				}

				a {
					display: block;
					padding: 7px 5px;
					color: #121212;
					font-weight: bold;
				}
				&:hover {
					ul.dropdown-nav {
						display: inline-block;
					}
				}
				ul.dropdown-nav {
					display: none;
					position: absolute;
					width: 100%;
					top: 100%;
					left: 0;
					right: 0;
					z-index: 100;
					background: #FFFFFF;
					li {
						text-align: left;
						position: relative;
						&::before {
							position: absolute;
							content: '';
							width: 80%;
							height: 1px;
							box-sizing: border-box;
							border-top: 1px solid #E6E6E6;
							top: 0px;
							bottom: auto;
							right: 0;
							left: 0;
						}
						a {
							display: block;
							padding: 7px 7px 7px 30px;
							box-sizing: border-box;
							position: relative;
							font-size: 14px;
							&:before {
								position: absolute;
								content: '';
								top: 0;
								bottom: 0;
								left: 15px;
								margin: auto;
								width: 10px;
								height: 10px;
								-webkit-border-radius: 50%;
								border-radius: 50%;
								background: #000000;
							}
							&:after {
								position: absolute;
								content: '';
								top: 0;
								bottom: 0;
								left: 17px;
								margin: auto;
								width: 3px;
								height: 3px;
								border-top: 1px solid #fff;
								border-right: 1px solid #fff;
								-webkit-transform: rotate(45deg);
								transform: rotate(45deg);
							}
						}
					}
				}
			}
		}
	}
}
/* ===========================================================================================

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

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

	.sliderWrap {
		width: auto;
		/*要調整*/
		margin: auto;
		min-width: 1000px;
	}

	#galleryslider {
		list-style-type: none;

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

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

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

		.bx-pager.bx-default-pager a {
			background: #DCDCDC !important;
		}

		.bx-pager.bx-default-pager a.active {
			background: #222222 !important;
		}
	}
}