.kv-slider li {
	max-width: 1024px;
	width: 80%;
	padding: 10px 5px;
}

.row {
	max-width: 1200px;
	margin: 0 auto;
}

.adidas-sis {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.loopSlider li > img,
.loopSlider02 li > img{
	max-width: 94%;
	object-fit: cover;
}

.pageNavi > ul{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	justify-content: space-between;
	gap: 15px;
}
.pageNavi > ul > li{
	display: flex;
}
.pageNavi > ul > li a{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #000;
	text-align: center;
	padding: 10px 10px 30px;
	border-radius: 15px;
	box-shadow: 5px 5px 5px #f1f1f1;
	position: relative;
}

.pageNavi > ul > li a::after{
	content: "";
	position: absolute;
	right: 50%;
	bottom: 10px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(136deg);
}

.pageNavi > ul > li a img{
	display: block;
	margin: 0 auto 10px;
	align-self: start;
	height: auto;
}

.pageNavi > ul > li a >span{
	width: 100%;
}

.pageNavi > ul > li a:hover img {
	transform: scale(1.05);
	transition: 0.3s ease;
}


.catch .date span {
	background: #e3127e;
	color: #fff;
	padding: 10px;
	display: inline-block;
	margin: 10px 0 0;
	font-size: 16px;
}



.feature-navi ul {
	margin: 0 auto 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1200px;
	border-left: 1px solid #121212;
	border-bottom: 1px solid #121212;
}

.feature-navi ul li {
	width: 200px;
	display: flex;
	flex-wrap: wrap;
}

/*.feature-navi ul li:last-child {
	display:none;
	}*/


	.feature-navi ul li a {
		padding: 1rem;
		text-align: center;
		border: 1px solid #121212;
		border-left: none;
		border-bottom: none;
		transition: 0.3s;
		font-size: 12px;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.feature-navi ul li a .navi-en {
		display: block;
		font-size: 18px;
		font-family: "adineuePRO", 'Poppins', sans-serif;
		line-height: 1.2;
		width: 100%;
	}

	.feature-navi ul li a:hover {
		background: #121212;
		color: #ffffff;
	}



	.gallery ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		overflow-x: auto;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
		scroll-behavior: smooth;
		max-width: 1200px;
		margin: 0 auto;
	}

	.gallery ul li {
		width: calc(100% / 3);
		overflow: hidden;
	}

	.gallery ul li img {
		transition: 0.5s;
		display: block;
	}

	.gallery ul li img:hover {
		transform: scale(1.1, 1.1);
	}


	.item-list-box li a {
		background: #fff;
		display: block;
		box-sizing: border-box;
		text-align: center;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		padding: 0 0 10px;
	}

	.item-list-box li a:hover{
		transform: rotate(-3deg);
		transition: .3s;
	}

	.item-list-box li a::after {
		content: "";
		height: 40px;
		width: 40px;
		position: absolute;
		right: -20px;
		bottom: -20px;
		transform: rotate(45deg);
	}


	.item-list li{
		max-width: 350px;
		width: 50%;
		margin: 0 0 40px;
	}

	.item-list li .cvbtn{
		background: #000;
		color: #fff;
		padding: 10px;
		max-width: 80%;
		margin: 10px auto;
	}

	.asroma .item-list li{
		width: 100%;
	}

	.lastblock-box .item-list li{
		max-width: 350px;
		width: 100%;
		margin: 0 auto;
	}

	.item-list-box li .item-name {
		font-size: 14px;
		margin: 10px 0;
	}

	/* .unit-block::after,
	.unit-block::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		transform: skewY(-2deg);
		z-index: -1;
		/* background-image: url(../img/bk_grunge.png);
		background-repeat: repeat;
		background-size: 100%;
		background-position: center center;
	}

	.unit-block::before {
		transform-origin: top left;
	}

	.unit-block::after {
		transform-origin: bottom right;
	}
	*/



	/* .subtitle::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 50%;
		background: #f1f1f1;
		bottom: 0;
		z-index: -1;
		} */

		.style-list {
			max-width: 1200px;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}

		.style-list li {
			overflow: hidden;
			width:25%;
			margin-bottom:-5px;
		}

		.style-list li a:hover img {
			transform: scale(1.1);
			transition: .3s;
		}

		.arrow {
			position: relative;
		}

		.arrow:before {
			width: 30px;
			transform: translate(30px, 0px);
		}

		.arrow:after {
			width: 10px;
			transform-origin: right center;
			transform: translate(30px, 0px) rotate(25deg);
		}

		.arrow:before,
		.arrow:after {
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			height: 1px;
			transition: .3s;
		}

		.other-btn .arrow:before,
		.other-btn .arrow:after {
			background: #ffffff;
			right: 50px;
		}

		.other-btn .arrow:hover.arrow:before,
		.other-btn .arrow:hover.arrow:after {
			background: #646464;
		}

		.view-all {
			background: #646464;
			padding: 50px 0;
		}

		.view-all .row {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.other-btn {
			max-width: 570px;
			width: 47%;
		}

		.other-btn a {
			border: 1px solid #fff;
			padding: 15px 0;
			text-align: center;
			display: block;
			font-size: 1.28em;
			color: #fff;
			transition: .3s;
		}

		.other-btn a:hover {
			background: #fff;
			border: 1px solid #646464;
			color: #646464;
		}

		.sold img,.sold p{
			opacity: 0.5;
		}

		.sold div{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 30px;
			font-weight: 600;
			font-family: "adineuePRO", 'Poppins', sans-serif;
		}

		.staff-img-box img{
			display: block;
		}

		.staff-item-box > ul{
			display: flex;
			flex-wrap: wrap;
			max-width: 760px;
			margin: 0 auto;
			justify-content: space-between;
		}

		.staff-item-box .staff-item-info > a{
			display: flex;
		}

		.staff-item-box .staff-item-info > a > div >img{
			display: block;
			max-width: 150px;
		}

		.staff-item-info div:nth-child(2){
			padding: 0 10px;
			display: flex;
			flex-wrap: wrap;
			align-content: space-between;
		}

		.shopListBox a{
			display: block;
			background: #000;
			color: #fff;
			text-align: center;
			padding: 15px;
			font-size: 1.28em;
			border: 1px solid #000;
			transition: .3s;
		}

		.shopListBox a:hover{
			background: #fff;
			color: #000;
		}

		.spbr{
			display: none;
		}

		.style-list li img {
			width: 100%;
			height: auto;
			max-width: 100%;
			display: block;
		}

		.topbg{
			/* background-color: #000000;
			*/
			max-width: 100%;
			padding-top: 80px;
		}

		.lecture{
			background-color: #f9f9f9;
			margin: 0 auto;
			max-width: 1200px;
			padding-bottom: 80px;
			padding: 1px 20px;
		}

		.lecture img{
			width: 240px;
		}

		.lecture h3{
			font-size: 36px;
			font-weight: 800;
			text-align: center;
			padding: 60px 40px;
			color: #00406f;
		}

		.lecture p{
			font-size: 20px;
			text-align: left;
			color: #060606;
			padding: 15px;
			max-width: 1200px;
			margin: 0 auto;
		}

		.name{
			font-size: 16px;
			text-align: left;
			color: #060606;
		}

		.staffname li{
			max-width: 50%;
			display: flex;
			margin: 20px;
			align-items: center;
		}

		.herosection {
			max-width: 1200px;
			margin: 40px auto;
			gap: 40px;
		}

		.title{
			font-size: 16px;
			text-align: left;
			background-color: #00406f;
			color: #ffffff;
			padding: 15px;
			max-width: 1200px;
			margin: 0 0 60px;
			display: block;
			font-weight: bold;
		}

		.herosection h3{
			font-size: 36px;
			font-weight: 800;
			text-align: center;
			margin: 60px 0 40px;
			color: #00406f;
			font-family: "adineuePRO", 'Poppins', sans-serif;
		}

		.hero-item {
			display: flex;
			gap: 20px;
			align-items: center;
			margin-bottom: 30px;
		}

		.hero-img {
			flex: 1 1 62%;
		}

		.hero-img img {
			width: 100%;
			height: auto;
			display: block;
		}

		.hero-text {
			flex: 1 1 60%;
		}

		.hero-text h3 {
			font-size: 24px;
			margin-bottom: 10px;
		}

		.goodstitle{
			font-size: 20px;
			font-weight: 800;
			margin-bottom: 5px;
		}

		.goodssabtitle{
			font-size: 16px;
			margin-bottom: 10px;
		}

		.maintxt{
			font-size: 14px;
			margin:30px 0;
			line-height: 1.5;
		}

		.small{
			font-size: 10px;
		}

		.goodsmodel{
			font-size: 14px;
			display: inline-block;
			padding: 5px;
			border: 1px solid #000;
			margin-bottom: 15px;
		}

		.hero-btn {
			display: inline-block;
			background-color: #000000;
			color: #fff;
			text-decoration: none;
			font-weight: 600;
			width: 100%;
			text-align: center;
			border: 1px solid #000;
			background: #000000;
			color: #ffffff;
			padding: 15px 0;
			cursor: pointer;
			transition: all 0.3s ease;
		}

		.Recommended{
			max-width: 1200px;
			margin: 120px auto;
		}

		.Recommended ul{
			display: flex;
			max-width: 1200px;
			margin-bottom: 20px;
			justify-content: space-between;
		}

		.Recommended li{
			width: 270px;
		}

		.Recommended a{
			display: flex;
			justify-content: right;
			font-size: 14px;
			font-weight: 600;
			margin-bottom: 20px;
			margin: 10px;
			color: #5d5d5d;
		}

		.Recommended a img{
			margin: 0 0 0 5px;
			margin-top:0.2vw;
		}

		.recommendedtitle{
			font-size: 16px;
			font-weight: 800;
			margin:	80px 0 20px 0;
		}

		.firsttime{
			max-width: 1200px;
			margin: 0 auto;
		}

		.firsttime p{
			text-align: center;
			margin-top: 15px;
		}

		.firsttimetxt{
			font-size: 16px;
			margin-bottom: 50px;
		}

		.firsttime h3{
			font-family: "adineuePRO", 'Poppins', sans-serif;
			font-size: 36px;
			font-weight: 800;
			text-align: center;
			margin-bottom: 50px;
			color: #00406f;
		}

		.firsttime ul{
			max-width: 1200px;
			display: flex;
			justify-content: space-between;
		}

		.firsttime li{
			max-width: 24%;
			display: block;
		}

		.product-name {
			font-size: 14px;
			font-weight: bold;
			color: #333;
		}


		.staffcomment span{
			color: #060606;
			font-size: 16px;
			line-height: 0;
			font-weight: 700;
		}



		.firsttime02{
			max-width: 1200px;
			margin: 0 auto;
			margin: 80px 0;
		}

		.firsttime02 p{
			max-width: 1200px;
			text-align: center;
			margin-bottom: 50px;
			font-size: 16px;
		}

		.firsttime02 h3{
			font-family: "adineuePRO", 'Poppins', sans-serif;
			font-size: 36px;
			font-weight: 800;
			text-align: center;
			margin-bottom: 15px;
			color: #00406f;
		}

		.firsttime02 ul{
			max-width: 1200px;
			display: flex;
			justify-content: space-between;
			margin: 0 0 120px 0;
		}

		.firsttime02 li{
			max-width: 33%;
			display: block;
		}

		.advice{
			max-width: 1200px;
			margin: 0 auto;
		}

		.advice p{
			max-width: 1200px;
			margin: 0 auto;
			text-align: center;
			font-size: 16px;
			margin-bottom: 60px;
			line-height: 1.5;
		}

		.advice h3{
			font-size: 28px;
			font-weight: 800;
			text-align: center;
		}

		.advice ul{
			max-width: 1200px;
			display: flex;
			justify-content: space-between;
			margin-bottom: 120px;
		}

		.advice li{
			width: 33%;
			background-color: #000000;
			color: #ffffff;
			text-align: center;
			padding: 25px 0;
			font-weight: 800;
			font-size: 18px;
		}

		.point{
			text-align: center;
			display: block;
			font-size: 24px;
			font-weight: bold;
			margin-bottom: 30px;
		}


		.acc-head img{
			width: 1.7vw;
			padding-bottom: 0px;
		}

		.acc-label img {
			width: 16px;
			margin-right: 6px;
			vertical-align: middle;
		}

		* { box-sizing: border-box;
		margin: 0 0 0 0;
	padding: 0;}
	body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

.slider {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	touch-action: pan-y;
	user-select: none;
	padding-left: 0 !important;
	padding-right: 0 !important;
}


.slide {
	width: 100%;
	flex-shrink: 0;
	position: relative;
}
/* デフォは 2:1 の比率（PCバナー想定） */
.slide::before {
	content: "";
	display: block;
	padding-top: var(--slider-ratio-pc);
}
/* 通常の単体画像スライド */
.slide > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	pointer-events: none;
}

/* --- 1枚目：ULを使った左右分割（PC） / 縦並び（SP） --- */


.split-slide > ul.split > li > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	pointer-events: none;
}

/* ドットのみ */






/* ドラッグ演出 */


/* .rightimg{
	display: flex;
	flex-direction: column;
	padding: -50px;
}

.rightimg picture{
	align-items: center;
}

.rightimg p{
	margin: 40px 0;
	font-size: 30px;
	font-weight: bold;
	font-family: "adineuePRO", 'Poppins', sans-serif;
	text-align: left;
}

.kv-itemname{
	font-size: 24px;
	font-weight: 800;
	text-align: left;
	margin: 20px 0;
}

.kvcv{
	font-size: 18px;
	font-weight: 600;
	text-align: right;
	align-items: center;
	margin-left: 5px;
	} */




	/* 見出し：左上固定 */
	.kv-headline{
		position: absolute;
		left: 7%;
		top: 7%;
		font-weight: 800;
		line-height: 1.05;
		letter-spacing: .02em;
		font-size: clamp(22px, 4.5vw, 44px);
	}

	/* シューズ画像：右寄せで重ねる */
	.kv-shoe{
		position: absolute;
		right: 6%;
		bottom: 26%;
		width: 90%;
		height: auto;
		display: block;
		pointer-events: none;
		user-select: none;
	}

	/* 商品名：左下 */
	.kv-name{
		position: absolute;
		left: 7%;
		bottom: 15%;
		font-weight: 800;
		font-size: clamp(14px, 2.4vw, 22px);
	}

	/* 価格：商品名の下 */
	.kv-price{
		position: absolute;
		left: 7%;
		bottom: 11%;
		font-weight: 700;
		font-size: clamp(14px, 2vw, 18px);
	}
.kv-tax{ font-size: 0.9em;}

/* CVリンク：右下固定 */
.kv-link{
	position: absolute;
	right: 0%;
	bottom: 9%;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: #121212;
	font-weight: 600;
	font-size: clamp(12px, 1.8vw, 16px);
}
.kv-link .kv-line{
	width: 40px;
	height: auto;
	display: block;
}



.hero-to-inquiry-bg {
	/* background: #000;
	*/
	width: 100%;
}

.hero-to-inquiry {
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	padding: 20px 20px 80px 20px;
}


.slide picture{
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.slide picture > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.split-slide::before{
	content:"";
	display:block;
	padding-top: var(--slider-ratio-pc);
}

.img-center {
	display: flex;
	justify-content: center;
	/* 横中央 */
	align-items: center;
	/* 縦中央（ラッパーに高さがある場合） */
	width: 100%;
	margin-bottom: 120px;
}

.img-link {
	display: inline-block;
	line-height: 0;
	/* 画像下のすき間対策 */
}

.img-link img {
	display: block;
	max-width: 100%;
	height: auto;
}


.goodsname{
	display: block !important;
	justify-content: right;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #000 !important;
}

.goodspricehight{
	min-height: 2.5em;
}

.goodsmodel02{
	font-size: 10px;
	display: inline-flex;
	padding: 5px;
	border: 1px solid #000;
	margin-bottom: 7px;
	width: fit-content;
}

.dragging .split-hit,
.dragging .kv-card{
	pointer-events: none;
}



/*-----------------------------------
スマホ用はここから
-------------------------------*/

@media screen and (max-width:768px){

	.feature-navi ul {
		width: 1200px;
		margin: 10px;
	}



	.item-list li {
		width: 90%;
		margin: 0 auto 40px;
	}



	.lastblock-box .item-list li {
		width: 70%;
	}

	.item-list-box li a p {
		width: 100%;
	}

	.view-all {
		padding: 50px 0 30px 0;
	}

	.other-btn {
		width: 90%;
		margin: 0 auto 20px;
	}







	.pageNavi > ul {
		grid-template-columns: repeat(3, 2fr);
		gap: 10px;
	}

	.pageNavi > ul > li a {
		justify-content: center;
	}

	.pageNavi > ul > li a img {
		max-height: 80px;
		object-fit: contain;
	}









	.staff-img-box img {
		width: 100%;
		max-width: unset;
	}



	.staff-item-box ul {
		width: 150%;
		margin: 10px 0 0;
		padding: 10px 20px;
	}

	.staff-item-info div:nth-child(2) {
		padding: 0;
		margin: 20px 0;
	}



	.staff-item-box .staff-item-info > a > div >img {
		max-width: 100%;
	}

	.staff-item-box .staff-item-info > a {
		flex-wrap: wrap;
		justify-content: center;
	}







	.scrolldown2 span {
		position: absolute;
		left: -35px;
		bottom: 10px;
		color: #000;
		font-size: 16px;
		letter-spacing: 0.05em;
		font-family: "adineuePRO", 'Poppins', sans-serif;
	}





	.feature-navi ul li {
		width: 50%;
	}

	.feature-navi ul li:last-child {
		display: flex;
	}







	@keyframes circlemove {
		0% {
			left: 90px;
			}100% {
				left: -90px;
			}}


			@keyframes cirlemovehide {
				0% {
					opacity: 0;
				}

				50% {
					opacity: 1;
				}

				80% {
					opacity: 0.9;
				}

				100% {
					opacity: 0;
				}

			}





			.style-list-box {
				overflow-x: auto;
			}

			.style-list {
				display: block;
				white-space: nowrap;
				padding: 0 0 0 10px;
				margin: 30px 0 0 0;
			}

			.style-list li {
				display: inline-block;
				width: 60%;
				margin-right: 5px;
			}

			.style-list li:last-child {
				margin-right: 0;
			}













			.spbr {
				display: block;
			}



			/* 250814追記 */
			.lecture img {
				width: 40%;
				margin: 0px;
			}

			.lecture h3 {
				font-size: 1.9em;
				padding: 40px 0 20px;
			}

			.lecture p {
				background-color: #484951;
				color: #ffffff;
			}



			.staffname {
				display: block;
			}

			.introduction {
				font-size: 16px;
			}

			.staffname li {
				max-width: 100%;
				margin: 0 0 20px 0;
			}

			.herosection {
				margin: 60px auto;
			}

			.title {
				font-size: 18px;
				margin: 0 auto 40px;
			}

			.herosection h3 {
				font-size: 1.9em;
				margin: 40px 0 20px;
			}



			.goodssabtitle {
				margin-bottom: 5px;
			}

			.maintxt {
				margin: 20px 0;
				line-height: 1.8;
			}

			.Recommended {
				margin: 60px auto;
			}

			.Recommended a {
				font-weight: 600;
				margin-bottom: 30px;
			}

			.firsttime p {
				margin-top: 10px;
			}

			.firsttimetxt {
				font-size: 18px;
				line-height: 1.5;
			}

			.firsttime h3 {
				font-size: 1.9em;
				margin-bottom: 30px;
			}

			.firsttime ul {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				/* 2カラム */
				gap: 16px;
				/* カードの間隔（調整可） */
				list-style: none;
				padding: 0;
				margin: 0;
			}

			.firsttime li {
				text-align: center;
			}





			.firsttime02 p {
				font-size: 16px;
				line-height: 1.6;
			}

			.advice p {
				font-size: 18px;
				line-height: 1.6;
			}









			.goodsmodel02 {
				font-size: 10px;
				display: inline-block;
				padding: 5px;
				border: 1px solid #000;
				margin: 10px 0 0 0;
			}

			.model{
				display: flex !important;
				grid-template-columns: repeat(2, 1fr);
				gap: 16px;
				list-style: none;
				padding: 0;
				margin-bottom: 60px !important;
			}

			.firsttime02 {
				max-width: 1200px;
				margin: 0 auto;
				margin: 60px 0;
			}

		:root { --sp-gutter: 10px;}


		.adidas-sis main > *:not(.title) {
			padding-left: var(--sp-gutter);
			padding-right: var(--sp-gutter);
			margin-top: 0px;
		}

		.hero-item {
			display: flex;
			flex-direction: column;
			width: auto;
			margin-bottom: 20px;
		}
	.hero-img, .hero-text { flex: 0 0 auto;}
.hero-text { margin-top: 12px;}

.Recommended ul,
.firsttime ul,
.firsttime02 ul,
.row,
.staffname {
	gap: 20px 15px;
}

.name{
	padding: 10px;
}

.advice ul {
	gap: 20px;
	display: block;
}

.Recommended li{
	width: 65% !important;
	max-width: 100% !important;
}

.firsttime li,
.firsttime02 li,
.advice li {
	width: 100% !important;
	max-width: 100% !important;
}

.firsttime li,
.advice li{
	width: 100% !important;
	max-width: 100% !important;
	margin-bottom: 15px;
}

.hero-img img,
.Recommended li img,
.firsttime li img,
.firsttime02 li img {
	width: 100%;
	height: auto;
	display: block;
}

.Recommended ul {
	display: flex;
	flex-direction: row;
	overflow-x: auto;
	gap: 10px;
	padding: 0 10px;
	scroll-snap-type: x mandatory;
}

.Recommended ul li {
	flex: 0 0 auto;
	width: 70%;
	max-width: 250px;
	scroll-snap-align: start;
}

.Recommended ul li img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 6px;
	padding: 0 10px 0 0;
}

.staffcomment {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: #ffffff;
	padding: 20px 20px 0 20px;
}

.onepoint {
	display: inline-block;
	line-height: 0.5;
	margin: 0 0 0 0;
}

.onepointtitle {
	font-weight: bold;
	font-size: 20px !important;
	display: block;
	margin: 0 0 40px 0 !important;
	width: 100% !important;
}

.onepoint span {
	font-size: 16px;
	line-height: 1;
	display: block;
}



.staffcomment img {
	max-width: 100%;
	height: auto;
	padding-bottom: 20px;
}

.staffcomment span {
	display: block;
}

.firsttime02 h3{
	font-family: "adineuePRO", 'Poppins', sans-serif;
	font-size: 1.9em;
	font-weight: 800;
	text-align: center;
	margin-bottom: 15px;
	color: #00406f;
}

.point{
	text-align: center;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 30px;
}

.hero-to-inquiry {
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	padding: 20px 20px 40px 20px;
}

.img-center {
	margin-bottom: 60px;
}


@media (max-width: 768px) {
	/* 1枚目（分割スライド）の比率を 1:1 にして、上下にスタック */
	.split-slide::before { padding-top: 200%;
	} /* 1:1 */
	.split-slide > ul.split { flex-direction: column;
}
.split-slide > ul.split > li { flex-basis: 50%;
}
/* 文字サイズやタップ余白など必要があればここに追加 */
}

.hero-btn {
	margin-bottom: 40px;
}
}

@media screen and (max-width:480px){






	.feature-navi ul li a {
		padding: .5rem;
	}

	.view-all {
		padding: 40px 0 20px 0;
	}

	.item-list-box li .item-name {
		font-size: 12px;
	}

	.goodsmodel{
		font-size: 12px;
		display: inline-block;
		padding: 5px;
		border: 1px solid #000;
		margin: 5px auto;
	}

}


@media screen and (max-width:450px){

	.asroma .item-list li{
		width: 90%;
	}
}

@media screen and (max-width:400px){
	.asroma .item-list li{
		width: 80%;

	}
}

@media screen and (max-width:375px){


}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){
}


/*----//スクロールアニメ----*/
@media (max-width: 768px){
	.slide::before,
	.split-slide::before {
		padding-top: var(--slider-ratio-sp);
	}

	/* スライダーだけ全幅にして左右10pxの余白を打ち消す */


	.slider { user-select: none;
cursor: grab;}

}

@media (max-width: 768px){
	/* SPのときは上下に2枚分の高さを確保する */
	.split-slide::before {
		padding-top: 200% !important;
	}

	.split-slide > ul.split {
		flex-direction: column !important;
		/* 縦並びに */
	}

	.split-slide > ul.split > li {
		flex-basis: 50% !important;
		/* 親高さの半分ずつ */
	}

	.split-slide > ul.split > li > img,
	.split-slide > ul.split > li > picture > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		/* 画像を隙間なくはめ込み */
	}

	@media (max-width: 768px){
		.kv-headline{ left: 4%;
		top: 10%;
	font-size: clamp(20px, 6.2vw, 28px);}
	.kv-shoe   { right: 0%;
	bottom: 20%;
width: min(100%, 420px);}
.kv-name   { left: 4%;
bottom: 15%;
font-size: clamp(14px, 4.2vw, 18px);}
.kv-price  { left: 4%;
bottom: 10%;
font-size: clamp(13px, 3.6vw, 16px);}
.kv-link   { right: 0%;
bottom: 10%;
font-size: clamp(16px, 1.4vw, 15px);}
.kv-link .kv-line{ width: clamp(36px, 7vw, 72px);}
}
.Recommended a img{
	margin: 0 0 0 5px;
	height: 3.2vw;
	margin-top: 4px;
}
}

@media (min-width: 769px){
	.slide.split-slide .slide-hit {
		pointer-events: none !important;
	}

}
@media (min-width: 769px){
	.slide.split-slide .slide-hit{
		pointer-events: auto !important;
	}
}


.slide.split-slide .slide-hit{
	position: absolute;
	inset: 0;
	display: block;
	background: transparent;
	text-decoration: none;
	z-index: 9999;
	pointer-events: auto;
}




:root { --slider-ratio-pc: 50%;}

.slider-fade {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	touch-action: pan-y;
	user-select: none;
	padding-left: 0 !important;
	padding-right: 0 !important;
}


.slider-fade .slide::before {
	content: "";
	display: block;
	padding-top: var(--slider-ratio-pc);
}
.slider-fade .slide picture,
.slider-fade .slide picture > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}


.slider-fade .slides { position: relative;}
.slider-fade .slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity .6s ease;
	pointer-events: none;
}
.slider-fade .slide.is-active {
	opacity: 1;
	pointer-events: auto;
}


/* .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	display: flex;
	justify-content: center;
	gap: 8px;
	z-index: 2;
} */

/* .dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255,255,255,.6);
	border: 1px solid rgba(0,0,0,.2);
}

.dot[aria-current="true"] { background: rgba(0,0,0,.85);} */


.slide.split-slide { position: relative;}
.split-slide > ul.split {
	position: absolute;
	inset: 0;
	display: flex;
	width: 101%;
	height: 100%;
	list-style: none;
}
.split-slide > ul.split > li { flex: 1 0 50%;
position: relative;
overflow: hidden;}
.split-slide > ul.split > li > img,
.kv-shoe { pointer-events: none;
user-select: none;}

.kv-card{
	position: absolute;
	inset: 0;
	display: block;
	color: inherit;
	text-decoration: none;
	z-index: 30;
}
.staffname {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}


.staff-card {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 0px;
	box-sizing: border-box;
	border-radius: 6px;
}
.staff-card img {
	width: 160px;
	height: 160px;
	object-fit: cover;
	flex-shrink: 0;
	display: block;
}

.staff-card .name {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex: 1 1 auto;
	min-width: 0;
}

.introduction {
	font-size: 14px;
	line-height: 1.6;
	color: #000000;
	margin-top: 4px;
	white-space: normal;
	word-break: break-word;
}


@media (max-width: 768px){
	.staffname {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 0 12px;
	}
	.staff-card img {
		width: 100px;
		height: 100px;
	}
}


@media screen and (min-width: 769px){
	.staffname {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 1200px;
		margin: 0 auto;
	}

	.staffname li {
		width: 48%;
		margin: 20px 0;
		display: flex;
		align-items: flex-start;
		gap: 16px;
	}

	.staffname img {
		width: 180px;
		height: auto;
		object-fit: cover;
		flex-shrink: 0;
	}

	.staffname .name {
		flex: 1;
	}

	.staffcontent {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		flex-wrap: wrap;
		width: 100%;
	}
}

.staffcomment img {
	width: 200px;
	height: auto;
	flex-shrink: 0;
}

.staffcomment {
	max-width: 1200px;
	margin: 60px auto;
	background: #f9f9f9;
	text-align: center;
}

.staff-inner {
	display: flex;
	flex-direction: column;
	/* タイトルを上、その下に横並び */
	align-items: center;
	gap: 20px;
	padding:60px 0;
}

.onepointtitle {
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	padding:15px;
	background-color: #00406f;
	margin: 0 auto;
}

.staffcontent {
	display: flex;
	justify-content: center;
	/* 横中央寄せ */
	align-items: flex-start;
	/* ← ここを変更（上揃えで固定） */
	gap: 20px;
	flex-wrap: wrap;
	/* SP時は縦並び */
	width: 100%;
}

.staffcontent img {
	width: 200px;
	height: auto;
	flex-shrink: 0;
	align-self: flex-start;
}

.onepoint {
	text-align: left;
	max-width: 600px;
}

.storename {
	font-weight: bold;
	font-size: 16px;
	color: #00406f;
	margin-bottom: 5px;
	display: block;
}

.staffperson {
	font-size: 16px;
	color: #333;
	margin-bottom: 20px;
	display: block;
	font-weight: 700;
}

.stafftext {
	font-size: 14px;
	line-height: 1.6;
	color: #060606;
	word-break: break-word;
	text-align: left !important;
}



@media (max-width: 768px){
	.staffcontent{
		display: block !important;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		flex-wrap: wrap;
		width: 100%;
		padding: 0px 0px !important;
	}

	.staffperson {
		font-size: 16px;
		font-weight: 700;
	}

	.storename {
		margin-bottom: 10px;
	}

	.staff-inner {
		padding: 20px 0;
	}
}

.video-block-bg{
	/* background:#000;
	*/
	width:100%;
}

.video-block{
	max-width:1200px;
	margin:0 auto;background:#fff;
	padding:80px 20px
}
.video-embed{
	position:relative;width:100%;
}

.video-embed::before{
	content:"";
	display:block;
	padding-top:56.25%;
	} /* 16:9比率 */

	.video-embed>iframe{
		position:absolute;
		inset:0;
		width:100%;
		height:100%;
		border:0;
	}

	@supports (aspect-ratio:16/9){
	.video-embed{aspect-ratio:16/9}
.video-embed::before{display:none}
}
@media (max-width:768px){.video-block{padding:20px}}


.movietitle{
	color: #000;
	background-color: white;
	text-align: center;
	font-family: 'Roboto', source-han-sans-japanese, sans-serif;
	font-size: 36px;
	font-weight: 800;
	color: #6715c5;
	margin-bottom: 20px;
}

.movietxt{
	color: #000;
	background-color: white;
	font-size: 16px;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.7em;
}

@media (max-width: 768px){
	.movietitle{
		color: #000;
		background-color: white;
		text-align: center;
		font-family: 'Roboto', source-han-sans-japanese, sans-serif;
		font-size: 1.9em;
		font-weight: 800;
		color: #3e057e;
		margin-bottom: 20px;
	}

	.movietxt{
		color: #000;
		background-color: white;
		font-size: 16px;
		text-align: center;
		margin-bottom: 30px;
		line-height: 1.7em;
	}

	.video-block{
		padding:60px 20px;
	}
}


html, body { height: 100%;
background: transparent !important;}

html {
	background: url("../img/groundtype_bg1_01.jpg") center top / cover no-repeat fixed !important;
}

/* .topbg,
.hero-to-inquiry-bg,
.advice li {
	background: transparent !important;
	background-color: transparent !important;
	} */


	/* .topbg { background-color: rgba(0,0,0,.35) !important;} */

	.adidas-sis { position: relative;
	z-index: 1;} /* 既に position:relative;あり */

	/* slick用リセット（Recommended内だけ） */
	.Recommended ul.slick-slider {
		display: block;
		overflow: hidden;
	}
	.Recommended .slick-track {
		display: flex;
		align-items: stretch;
	}
	.Recommended .slick-slide {
		display: flex;
		justify-content: center;
	}
	/* slick時に崩れないようにリセット */
	.Recommended ul.slick-slider {
		overflow: hidden;
	}
	.Recommended .slick-track {
		display: flex;
		align-items: stretch;
	}
	.Recommended .slick-slide {
		display: flex;
		justify-content: center;
	}

	/* SP時は従来の横スクロールを優先 */
	@media screen and (max-width: 768px) {
		.Recommended ul {
			display: flex;
			flex-direction: row;
			overflow-x: auto;
			gap: 10px;
			padding: 0 10px;
			scroll-snap-type: x mandatory;
		}
		.Recommended ul li {
			flex: 0 0 auto;
			width: 65%;
			scroll-snap-align: start;
		}
	}
	/* ===== slick有効時のみ出るスクロールバー風 ===== */
	.Recommended ul.has-bar {
		position: relative;
		padding-bottom: 20px;
		/* バー分の余白 */
	}

	/* ===== slick進捗バー：端まで稼働＆クリック可 ===== */
	/* 進捗バー（PC） */
	.slider-progress{
		position: relative;
		width: 1200px;
		/* 稼働域は1200px（デザイン仕様） */
		max-width: 100%;
		height: 5px;
		background-color: #e7e7e7;
		margin: 15px auto 15px;
		border-radius: 2px;
		overflow: hidden;
		cursor: pointer;
		z-index: 100;
	}
	.slider-progress-inner{
		height: 100%;
		background: #b3b3b3;
		/* 任意のブランドカラー */
		border-radius: 2px;
		transform: translateX(0);
		transition: transform .30s ease;
		/* 追従は軽めに */
	}
	@media (max-width: 768px){
	.slider-progress{ display:none;}
}


.Recommended li {
	position: relative;
}

.Recommended .badge {
	position: absolute;
	top: 6px;
	left: 6px;
	background-color: #ff3e10;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 8px;
	line-height: 1;
	z-index: 10;
}

@media (max-width: 768px) {
.Recommended .badge {
	top: 4px;
	left:4px;
	font-size: 10px;
	padding: 3px 6px;
}
}

.slick-initialized .slick-slide {
	width: 270px !important;
}

.slick-track {
	display: flex !important;
	gap: 20px;
}

.slick-track {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: flex-start;
}

/* 1225追記 */

.goods_price{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 3px;
	letter-spacing: 0.8px;
	color: #838383;
	position: relative;
}

.goods_price ::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 0.01em;
	background-color: currentColor;
	transform: translateY(-34%);
	width: 16%;
}

.goods_saleprice{
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 5px;
	color: #000;
	letter-spacing: 1.2px;
}



.recommended-slider {
  position: relative;
  display: flex;
  align-items: center;
}

.rec-viewport {
  overflow: hidden;
  width: 100%;
}

.rec-track {
  display: flex;
  transition: transform 0.4s ease;
}

.rec-track li {
  flex: 0 0 25%; /* 4商品 */
  box-sizing: border-box;
  padding: 0 10px;
}

/* ボタン */
.rec-btn {
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
  padding: 10px;
  user-select: none;
  background-color: #373737;
  border: 1px solid #373737;
  width: 3%;
  color: #ffff;
}

.hero-btn:hover,
button:hover {
  background: #7c7c7c;
  color: #ffff;
  border: 1px solid #b7b7b7;
}

.rec-btn:disabled {
  opacity: 0.3;
  cursor: default;
}

.recommended_section{
  margin: 80px auto 120px;
}

.recommended_tax{
  font-size: 8px;
}

.normal_tax{
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0.2em;
  position: relative;
  color: #838383;
}

.normal_tax ::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 0.01em;
  background-color: currentColor;
  transform: translateY(-34%);
  width: 100%;
}

.goodsname{
  display: flex !important;
  flex-direction: column;
  height: 100%;
}

.goodsname .pricehight{
  margin-top: 0.5em;
}



.other_btn{
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 15px;
  background-color: #ffffff;
  color: #00406f;
  font-size: 16px;
  font-weight: 700;
  width: 50%;
  margin-top: 70px;
  border: solid 1px #00406f;
  border-radius: 50px;
}

.other_btn{
	position: relative;
	overflow: hidden;
}


.other_btn::before{
	content: "";
	position: absolute;
	top: 0;
	left: -125%;
	width: 120%;
	height: 100%;
	background: #00406f;
	transform: skewX(-20deg);
	transition: left 0.45s ease;
	z-index: 0;
}

.other_btn:hover::before{
	left: -10%;
}

.other_btn{
	z-index: 1;
}

.other_btn::after{
	content: "";
	width: 7px;
	height: 7px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
	margin-left: 12px;
	display: inline-block;
	transition: transform 0.3s ease;
	position: relative;
	top: -1px;
	z-index: 1;
	left: 5%;
}

.other_btn:hover::after{
	transform: translateX(4px) rotate(45deg);
}

.other_btn{
	transition: color 0.3s ease 0.2s;
}

.other_btn::after{
	transition: transform 0.3s ease, color 0.3s ease 0.2s;
}

.other_btn:hover::after{
	color: #ffffff;
}

.other_btn::before{
  z-index: -1;
}

.other_btn{
  transition: color 0.2s ease 0.2s;
}

.recommended_section .other_btn:hover{
  color: #ffffff !important;
}

.attention{
	font-size: 12px;
	font-weight: 500;
	color: #c90606;
	margin-top: 20px;
	letter-spacing: 1.3px;
}

.recommended_btn{
	display: inline-block;
	background-color:#00406f;
	padding: 8px;
	color: #ffffff;
	font-size: 12px;
	margin-top: 15px;
	text-align: center;
	border-radius: 50px;
	width:90%;
	border: solid 1px #00406f;
	font-weight: 700;
}

.pricehight{
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1.3px;
}

.recommended_btn{
  margin-top: auto;
}

/* 枠 */
.goods-img{
  display: block;
  overflow: hidden;
}

/* 中身 */
.goods-img img{
  width: 100%;
  height: auto;
  display: block;
  transition: transform .35s ease;
}

/* 中身だけズーム */
.goodsname:hover .goods-img img{
  transform: scale(1.1);
}

.recommended_btn{
  background: #00406f;
  color: #fff;
  border: 1px solid #00406f;
  transition: background .3s ease, color .3s ease;
}

.goodsname:hover .recommended_btn{
  background: #fff;
  color: #00406f;
}


@media (max-width: 768px) {

.goods_price {
    margin-top: 10px;
}

.goods_price ::after {
    width: 25%;
}

.other_btn {
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
    color: #00406f;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    margin-top: 40px;
    border: solid 1px #00406f;
    border-radius: 50px;
}
  .rec-btn {
    display: none;
  }

  .rec-viewport {
    overflow-x: auto;
  }

  .rec-track {
    transform: none !important;
	gap: 20px;
  }

  .rec-track li {
    flex: 0 0 70%;
  }

  .goodsname{
	display: block !important;
	justify-content: right;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #000 !important;
}

.normal_tax {
    font-size: 14px;
}

.recommendedtitle {
    font-size: 18px;
    margin: 60px 0 30px 0;
}

.goodsname .pricehight {
    margin-top: 0.5em;
    margin-bottom: 2.4em;
}

.attention {
    font-size: 12px;
    margin-top: -20px;
	line-height: 1.5;
}

.recommended_btn {
    padding: 10px;
    width: 100%;
}

.pricehight{
	font-size: 20px;
}

}


/* 基準 */
.hero-text {
  position: relative;
}

/* 右上装飾画像 */
.hero-text-badge {
  position: absolute;
  bottom: 60%;
  right: 20px;
  width: 30%;
  z-index: 2;
}

.hero-text-badge img {
  width: 100%;
  height: auto;
  display: block;
}

.hero-icon {
    display: none;
  }

/* SPでは非表示 */
@media screen and (max-width: 768px) {
  .hero-text-badge {
    display: none;
  }
}


@media screen and (max-width: 768px) {
  .hero-icon {
    display: block;
    z-index: 2;
	width: 100%;
	margin: 30px auto 10px;
  }
}