@charset "utf-8";
/* サイトメニュー */
.l-headerMenu {
	width: 100%;
	background: #FFFFFF;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	position: relative;
}
	.l-header-spMenu {
		display: none;
	}
	.l-headerMenuListWrap {}
		.l-headerMenuList {
			display: flex;
			justify-content: center;
			width: 1100px;
			margin: 0 auto;
		}
			.l-headerMenuItem {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 60px;
				border-left: 1px solid #D9D9D9;
				flex-grow: 1;
			}
			.l-headerMenuItem:last-child {
				border-right: 1px solid #D9D9D9;
			}
				.l-headerMenu-title,
				.l-headerMenu-link {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: calc(100% - 8px);
					border-bottom: 4px solid #FFFFFF;
					color: #000000;
					font-size: 14px;
					font-weight: bold;
					padding: 4px 0 0;
					cursor: pointer;
					position: relative;
				}
				.l-headerMenu-title:hover,
				.l-headerMenu-link:hover {
					border-bottom: 4px solid #285FA8;
				}
				.l-headerMenuItem.-open .l-headerMenu-title {
					border-bottom: 4px solid #285FA8;
				}
				.l-headerMenuItem.-open .l-headerMenu-title::after {
					content: '';
					display: block;
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 13px 11px 0 11px;
					border-color: #2860a8 transparent transparent transparent;
					position: absolute;
					bottom: -17px;
					left: 42%;
					z-index: 999;
				}
				.l-headerMenu-subMenu {
					display: none;
					width: 100%;
					background: #FFFFFF;
					box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.4);
					position: absolute;
					top: 61px;
					left: 0;
					z-index: 900;
					transition: 0.3s;
				}
					.l-headerMenu-subMenu .siteNavContents {
						position: relative;
						width: 100%;
						margin: 0 auto;
						padding: 2% 2% 5%;
						box-sizing: border-box;
						max-width: 920px;
					}
						.l-headerMenu-subMenu .siteNavContents h2 {
							line-height: 1.3em;
						}
						.l-headerMenu-subMenu .siteNavContents ul,
						.l-headerMenu-subMenu .siteNavContents ul li,
						.l-headerMenu-subMenu .siteNavContents p {
							margin: 0;
						}
						.l-headerMenu-subMenu .siteNavContents p {
							color: #000000;
							font-size: 22px;
							font-weight: normal;
							float: left;
							line-height: 1em;
						}
						.l-headerMenu-subMenu .siteNavContents img {
							width: 100%;
						}
						.l-headerMenu-subMenu .siteNavContents a:hover img {
							opacity: 0.7;
							filter: alpha(opacity=70);
						}
						.l-headerMenu-subMenu .siteNavContents p.siteNavTopLink {
							float: right;
							width: 210px;
							text-align: center;
							margin: 0;
						}
						.l-headerMenu-subMenu .siteNavContents ul.siteNavTopLink2 {
							float: right;
							display: flex;
							flex-wrap: wrap;
							text-align: center;
						}
						.l-headerMenu-subMenu .siteNavContents p.siteNavTopLink a,
						.l-headerMenu-subMenu .siteNavContents ul.siteNavTopLink2 li a {
							display: block;
							padding: 5px 15px;
							color: #ffffff;
							font-size: 14px;
						}
						.l-headerMenu-subMenu .siteNavContents p.siteNavTopLink a:hover,
						.l-headerMenu-subMenu .siteNavContents ul.siteNavTopLink2 li a:hover {
							color: #ffffff;
							text-decoration: underline;
						}
						.l-headerMenu-subMenu .siteNavContents p.siteNavTopLink a span,
						.l-headerMenu-subMenu .siteNavContents ul.siteNavTopLink2 li a span {
							background: url(../img/icon_arrow05.png) no-repeat left 0.4em;
							padding-left: 10px;
							display: block;
							line-height: 1.3em;
						}
						.l-headerMenu-subMenu .siteNavContents > li.siteNavOn {
							background: #ccdbe6;
						}
	
				.l-headerMenu-subMenu.-products {
					max-height: 540px;
				}
				.l-headerMenu-subMenu.-pos .siteNavContents ul.cf > li,
				.l-headerMenu-subMenu.-xealt .siteNavContents ul.cf > li {
					width: 32%;
					margin-left: 2%;
				}
				.l-headerMenu-subMenu.-pos .siteNavContents ul li:nth-child(3n+1),
				.l-headerMenu-subMenu.-xealt .siteNavContents ul li:nth-child(3n+1) {
					margin-left: 0;
				}
	
				/*siteNav products*/
				.l-headerMenu-subMenu.-products {
					max-height: 575px;
					background: #E9EFF6;
				}
				.l-headerMenu-subMenu.-products .l-headerMenu-subMenu-inner {
					width: 976px;
					margin: 0 auto;
				}
				.l-headerMenu-subMenu.-products .l-headerMenu-subLink {
					max-width: 290px;
					margin: 0;
				}
					.l-headerMenu-subMenu.-products .l-headerMenu-subLink a {
						display: flex;
						align-items: center;
						justify-content: center;
						min-height: 50px;
						background: #285FA8;
						border: 1px solid #D9D9D9;
						border-radius: 6px;
						box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.4);
						color: #FFFFFF !important;
						font-size: 14px;
						font-weight: bold;
						line-height: 1.4;
						margin: 20px 0;
						position: relative;
					}
					.l-headerMenu-subMenu.-products .l-headerMenu-subLink a:hover {
						opacity: 0.7;
						text-decoration: none !important;
					}
					.l-headerMenu-subMenu.-products .l-headerMenu-subLink a::after {
						content: '';
						display: block;
						width: 10px;
						height: 10px;
						border-top: 3px solid #FFFFFF;
						border-right: 3px solid #FFFFFF;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						position: absolute;
						top: 38%;
						right: 25px;
					}
				.l-headerMenu-subMenu.-products .l-headerMenu-category {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					background: #FFFFFF;
					padding: 15px 15px 10px 15px;
					margin: 0 auto 15px;
				}
					.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem a {
						display: block;
					}
					.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem a:hover {
						opacity: 0.7;
					}
						.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem img {
							display: block;
						}
						.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem span {
							display: none;
						}
				.l-headerMenu-spContents {
					display: none;
				}
					.l-headerMenu-spContents-img {
						display: none;
					}
				.l-headerMenu-banner {
					display: flex;
					justify-content: center;
				}
					.l-headerMenu-banner a {
						display: block;
						margin: 0 10px;
					}
					.l-headerMenu-banner a:hover {
						opacity: 0.7;
					}
						.l-headerMenu-banner img {
							display: block;
						}
						.l-headerMenu-banner span {
							display: none;
						}
				.l-header-close {
					text-align: center;
					margin: 15px 0 25px;
				}
					.l-header-close span {
						display: inline-block;
						background: #FFFFFF;
						border: 1px solid #D9D9D9;
						border-radius: 6px;
						color: #000000;
						font-size: 16px;
						padding: 10px 50px 10px 20px;
						cursor: pointer;
						position: relative;
					}
					.l-header-close span:hover {
						opacity: 0.7;
					}
					.l-header-close span::before,
					.l-header-close span::after {
						content: "";
						width: 3px;
						height: 30px;
						background: #B4B4B4;
						position: absolute;
						top: 50%;
						right: 20%;
					}
					.l-header-close span::before {
						transform: translate(-50%,-50%) rotate(45deg);
					}
					.l-header-close span::after {
						transform: translate(-50%,-50%) rotate(-45deg);
					}
				
				/*siteNav pos*/
				.l-headerMenu-subMenu.-pos {
					background: #000000 url(../img/nav_top_bg_pos.jpg) no-repeat center top;
					border-bottom: solid 1px #b3b3b3;
					max-height: 425px;
				}
				.l-headerMenu-subMenu.-pos p {
					color: #ffffff;
				}
				.l-headerMenu-subMenu.-pos .siteNavContents ul.siteNavTopLink2 a {
					background: #a28212;
				}
				.l-headerMenu-subMenu.-pos .siteNavContents ul.siteNavTopLink2 a:hover {
					background: #a28212;
				}
				.l-headerMenu-subMenu.-pos .siteNavContents ul li {
					float: left;
					margin: 20px 0 0 20px;
				}
				.l-headerMenu-subMenu.-pos .siteNavContents ul li:first-child {
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-pos .siteNavContents ul li.ml0 {
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-pos.siteNavOuter .siteNavContents ul.siteNavTopLink2 li {
					width: 210px;
				}
				
				/*siteNav accessory*/
				.l-headerMenu-subMenu.-accessory {
					max-height: 472px;
				}
				.l-headerMenu-subMenu.-accessory .siteNavContents p.siteNavTopLink a {
					background: #000000;
				}
				.l-headerMenu-subMenu.-accessory .siteNavContents p.siteNavTopLink a:hover {
					background: #000000;
				}
				.l-headerMenu-subMenu.-accessory .siteNavContents ul.smallBnrList {
					float: left;
					width: 64%;
					margin-top: 5px;
				}
				.l-headerMenu-subMenu.-accessory .siteNavContents ul.smallBnrList li {
					float: left;
					margin: 5px 0 0 1%;
					width: 19%;
				}
				.l-headerMenu-subMenu.-accessory .siteNavContents ul.smallBnrList li:first-child {
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-accessory .siteNavContents ul.smallBnrList li.ml0 {
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-accessory .siteNavContents ul.smallBnrList li img {
					vertical-align: baseline;
				}
				.l-headerMenu-subMenu.-accessory .siteNavContents ul.largeBnrList {
					float: right;
					margin: 5px 0 0 1%;
					width: 35%;
				}
				.l-headerMenu-subMenu.-accessory .siteNavContents ul.largeBnrList li {
					margin-top: 5px;
				}
				
				/*siteNav event*/
				.l-headerMenu-subMenu.-event {
					max-height: 460px;
				}
				.l-headerMenu-subMenu.-event .l-headerMenu-subMenu-inner {
					width: 976px;
					margin: 0 auto;
					position: relative;
				}
				.l-headerMenu-subMenu.-event .l-headerMenu-subTitle {
					color: #000000;
					font-size: 22px;
					font-weight: normal;
					line-height: 1em;
					margin: 28px 0 15px;
				}
				.l-headerMenu-subMenu.-event ul {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
				}
				.l-headerMenu-subMenu.-event ul li {
					width: 466px;
				}
					.l-headerMenu-subMenu.-event ul li a:hover {
						opacity: 0.7;
					}
				/*
				.l-headerMenu-subMenu.-event .siteNavContents ul li {
					float: left;
					margin: 15px 0 0 20px;
				}
				.l-headerMenu-subMenu.-event .siteNavContents ul li:first-child {
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-event .siteNavContents ul li.ml0 {
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-event .siteNavContents ul#siteNav05BnrList li:first-child {
					width: 49%;
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-event .siteNavContents ul#siteNav05BnrList li {
					width: 49%;
					margin-left: 2%;
				}
				*/
				
				/*siteNav support*/
				.l-headerMenu-subMenu.-support {
					max-height: 365px;
				}
				.l-headerMenu-subMenu.-support .siteNavContents p.siteNavTopLink {
					text-align: center;
				}
				.l-headerMenu-subMenu.-support .siteNavContents p.siteNavTopLink a {
					background: #0180a4;
				}
				.l-headerMenu-subMenu.-support .siteNavContents p.siteNavTopLink a:hover {
					background: #0180a4;
				}
				.l-headerMenu-subMenu.-support .siteNavContents ul > li {
					float: left;
					margin: 10px 0 0 20px;
					width: 23.5%;
				}
				.l-headerMenu-subMenu.-support .siteNavContents ul > li:first-child {
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-support .siteNavContents ul > li:nth-child(n+9) {
					width: 32%;
				}
				.l-headerMenu-subMenu.-support .siteNavContents ul > li:nth-child(n+10) {
					margin-left: 2%;
				}
				.l-headerMenu-subMenu.-support .siteNavContents ul > li.ml0 {
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-support .siteNavContents ul > li.ml17 {
					margin-left: 2%;
				}
				.l-headerMenu-subMenu.-support .siteNavContents ul > li > ul > li {
					float: none;
					margin: 1% 0 0 0;
					width: 100%;
				}
				
				/*siteNav xealt*/
				.l-headerMenu-subMenu.-xealt {
					background: #000000 url(../img/nav_top_bg_xealt.jpg) no-repeat center top;
					border-bottom: solid 1px #b3b3b3;
					max-height: 425px;
					vertical-align: bottom;
				}
				.l-headerMenu-subMenu.-xealt::after {
					content: '';
					display: block;
					width: 100%;
					height: 100px;
					background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 60%);
					background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 60%);
					background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 60%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
					position: absolute;
					bottom: 0;
					left: 0;
					z-index: -1;
				}
				.l-headerMenu-subMenu.-xealt p {
					color: #ffffff;
				}
				.l-headerMenu-subMenu.-xealt .siteNavContents p.siteNavTopLink a {
					background: #000000;
					border: 1px solid #898989;
					margin: 18px 0 0 20px;
				}
				.l-headerMenu-subMenu.-xealt .siteNavContents p.siteNavTopLink a:hover {
					background: #000000;
				}
				.l-headerMenu-subMenu.-xealt .siteNavContents ul li {
					float: left;
					margin: 20px 0 0 20px;
				}
				.l-headerMenu-subMenu.-xealt .siteNavContents ul li:first-child {
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-xealt .siteNavContents ul li.ml0 {
					margin-left: 0;
				}
				.l-headerMenu-subMenu.-xealt.siteNavOuter .siteNavContents ul.siteNavTopLink li {
					width: 210px;
				}
				.l-headerMenu-subMenu.-support .siteNavContents ul > li > ul > li:first-child {
					margin: 0;
				}
		.l-header-spMenu-close {
			display: none;
		}
@media screen and (max-width: 1080px) {
	.l-headerMenuList {
		width: 976px;
	}
		.l-headerMenu-title,
		.l-headerMenu-link {
			font-size: 13px;
		}
}
@media screen and (max-width: 767px) {
	/* グローバルヘッダー調整 */
	.holdings-header {
		z-index: 990;
	}
	/* mainの最低値設定 */
	main.-open {
		min-height: 930px;
	}
	/* サイトメニュー */
	.l-headerMenu {
		border-bottom: none;
	}
	.l-header-spMenu {
		display: block;
		background: #FFFFFF;
		border-bottom: 1px solid #D9D9D9;
		position: relative;
		z-index: 988;
	}
		.l-header-spMenu-title {
			height: 22px;
			font-size: 17px;
			padding: 14px 15px;
		}
		.l-header-spMenu-title a {
			color: #000000;
		}
		.l-header-spMenu-btn {
			display: block;
			width: 55px;
			height: 50px;
			position: absolute;
			top: 0;
			right: 0;
		}
		.l-header-spMenu-btn:after {
			content: '';
			display: block;
			width: 15px;
			height: 15px;
			border-top: 1px solid #000000;
			border-right: 1px solid #000000;
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			position: absolute;
			top: 14px;
			right: 20px;
			transition: 0.3s;
		}
		.l-headerMenu.-open .l-header-spMenu-btn {}
		.l-headerMenu.-open .l-header-spMenu-btn:after {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			position: absolute;
			top: 22px;
			right: 20px;
		}
	.l-headerMenuListWrap {
		display: none;
		width: calc(100% - 20px);
		background: #FFFFFF;
		border-bottom: 1px solid #D9D9D9;
		box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.4);
		padding: 0 10px;
		position: absolute;
		top: 51px;
		left: 0;
		z-index: 989;
		overflow-y: scroll;
	}
	.l-headerMenu.-open::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 980;
	}
		.l-headerMenuList {
			display: block;
			width: 100%;
		}
			.l-headerMenuItem {
				display: block;
				height: auto;
				border-left: none;
				border-bottom: 1px solid #D9D9D9;
			}
			.l-headerMenuItem:last-child {
				border-right: none;
			}
				.l-headerMenu-link,
				.l-headerMenu-title {
					justify-content: flex-start;
					width: calc(100% - 30px);
					border-bottom: 0;
					font-size: 17px;
					font-weight: normal;
					padding: 15px;
					position: relative;
				}
				.l-headerMenu-link::after,
				.l-headerMenu-title::after {
					content: '';
					display: block;
					width: 6px;
					height: 6px;
					border-top: 2px solid #B4B4B4;
					border-right: 2px solid #B4B4B4;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					position: absolute;
					top: 45%;
					right: 15px;
				}
				.l-headerMenu-title:hover,
				.l-headerMenu-link:hover {
					border-bottom: none;
				}
				.l-headerMenu-title.-spAccordion::before {
					content: '';
					display: block;
					width: 1px;
					height: 18px;
					background: #000;
					border: none;
					transform: rotate(0deg);
					position: absolute;
					top: 34%;
					right: 18px;
					transition: 0.3s;
				}
				.l-headerMenu-title.-spAccordion::after {
					content: '';
					display: block;
					width: 1px;
					height: 18px;
					background: #000;
					border: none;
					transform: rotate(90deg);
					position: absolute;
					top: 34%;
					right: 18px;
				}
				.l-headerMenu-title.-spAccordion.-open::before {
					transform: rotate(90deg);
				}
				.l-headerMenu-subMenu.-products {
					display: block;
					max-height: 100%;
					background: #FFFFFF;
					box-shadow: none;
					position: static;
				}
					.l-headerMenu-subMenu.-products .l-headerMenu-subMenu-inner {
						width: 100%;
					}
						.l-headerMenu-subMenu.-products .l-headerMenu-subLink {
							display: none;
						}
						.l-headerMenu-subMenu.-products .l-headerMenu-category {
							padding: 5px 15px 10px 15px;
							margin: 0 auto;
						}
							.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem {
								width: 47%;
								border-radius: 3px;
								margin: 0 0 10px;
							}
							.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem.-kids {
								background: #FCF6F9;
								border: 2px solid #DEA7C3;
							}
							.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem.-shopping {
								background: #FEF6EE;
								border: 2px solid #E97F2A;
							}
							.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem.-school {
								background: #FEFFF2;
								border: 2px solid #B9C732;
							}
							.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem.-fashion {
								background: #EEF8FF;
								border: 2px solid #62B0E3;
							}
							.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem.-ebike {
								background: #F3F3F3;
								border: 2px solid #333333;
							}
							.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem.-business {
								background: #F2FFFF;
								border: 2px solid #61C1BE;
							}
							.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem a {
								display: flex;
								align-items: center;
								justify-content: center;
								height: calc(100% - 8px);
								min-height: 38px;
								color: #000000 !important;
								font-size: 15px;
								line-height: 1.1;
								text-align: center;
								padding: 6px 4px;
							}
								.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem img {
									display: none;
								}
								.l-headerMenu-subMenu.-products .l-headerMenu-categoryItem span {
									display: block;
								}
						.l-headerMenu-banner {
							display: block;
							margin: 0 0 20px;
						}
							.l-headerMenu-banner a {
								display: block;
								border: 1px solid #333333;
								border-radius: 3px;
								color: #000000;
								font-size: 14px;
								padding: 10px 20px;
								margin: 0 15px 10px;
							}
								.l-headerMenu-banner img {
									display: none;
								}
								.l-headerMenu-banner span {
									display: block;
								}
						.l-headerMenu-subMenu.-products .l-header-close {
							display: none;
						}
				.l-headerMenu-spContents.-event {}
					.l-headerMenu-spContents.-event ul {
						display: flex;
						flex-wrap: wrap;
						justify-content: space-between;
						padding: 5px 15px 15px 15px;
					}
						.l-headerMenu-spContents.-event ul li {
							width: 48%;
							margin: 0;
						}
							.l-headerMenu-spContents.-event ul li span {
								color: #000;
								font-size: 12px;
							}
				
				.l-headerMenu-spContents {
					display: none;
				}
					.l-headerMenu-spContents-img {
						display: block;
					}
					.l-headerMenu-spContentsList {
						padding: 5px 0 10px;
						margin: 0 auto;
					}
						.l-headerMenu-spContentsItem {}
							.l-headerMenu-spContentsItem a {
								display: flex;
								align-items: center;
								width: calc(100% - 30px);
								height: calc(100% - 8px);
								border-bottom: 0;
								color: #000000;
								font-size: 15px;
								font-weight: normal;
								padding: 15px;
								cursor: pointer;
								position: relative;
							}
							.l-headerMenu-spContentsItem a::after {
								content: '';
								display: block;
								width: 6px;
								height: 6px;
								border-top: 2px solid #B4B4B4;
								border-right: 2px solid #B4B4B4;
								transform: rotate(45deg);
								position: absolute;
								top: 45%;
								right: 15px;
							}
					.l-headerMenu-accessoryList {
						display: flex;
						flex-wrap: wrap;
						padding: 5px 15px 10px;
						margin: 0 auto;
					}
						.l-headerMenu-accessoryItem {
							width: calc((100% - 24px) / 3);
							margin: 0 12px 12px 0;
						}
						.l-headerMenu-accessoryItem:nth-child(3n) {
							margin: 0 0 12px 0;
						}
		.l-header-spMenu-close {
			display: block;
		}
			.l-header-spMenu-close span {
				display: block;
				color: #000000;
				font-size: 13px;
				text-align: center;
				padding: 20px 0;
				position: relative;
			}
			.l-header-spMenu-close span::before,
			.l-header-spMenu-close span::after {
				content: "";
				width: 2px;
				height: 20px;
				background: #B4B4B4;
				position: absolute;
				top: 51%;
				right: 38%;
			}
			.l-header-spMenu-close span::before {
				transform: translate(-50%,-50%) rotate(45deg);
			}
			.l-header-spMenu-close span::after {
				transform: translate(-50%,-50%) rotate(-45deg);
			}


}