.sec_new_arrival {
    padding: 32px 0 64px 0;

    background-image: url(back.png);
    background-repeat: repeat;
    background-size: auto;
    background-attachment: fixed;background-position: top;
}




.title_new_arrival {
    width: 395.65px;
    margin: 67px auto 36px;
}


.new_arrival_nav_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1142px;
	margin: 0 auto 64px;
}

.new_arrival_nav_items .item {
	width: 248px;
}

.new_arrival_nav_items .item a {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 248px;
	height: 248px;
	border-radius: 50%;
	background-color: #fff;
	text-decoration: none;
	color: #111;
	cursor: pointer;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	will-change: transform;
	text-align: center;
	border: 6px solid #FFE300;
	background: #fff;
	padding: 0;
	box-shadow: 9px 9px 0px #707070;
	box-sizing: border-box;
}

.new_arrival_nav_items .item a:hover {
	transform: translate(9px, 9px);
	box-shadow: 0 0 0;
}

.new_arrival_nav_items .item a img {
	transition: transform 0.35s ease;
}

.new_arrival_nav_items .item a:hover img {
	transform: scale(1.08);
}





#lp .new_arrival_nav_items .item img {
    width: 198px;
}

span.new_arrival_nav__num {
	font-size: 32px;
	letter-spacing: 0.5px;
	line-height: 1;
	margin: 32px 0 12px;
	font-family: 'Poppins', sans-serif;
	font-style: italic;
	font-weight: 500;
}

span.new_arrival_nav__label {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.new_arrival_nav__arrow {
	width: 14px;
	height: 14px;
	border-right: 2px solid #111;
	border-bottom: 2px solid #111;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
    margin: 5px 0 0;
}

.circleNav__link:hover .new_arrival_nav__arrow {
    transform: rotate(45deg) translate(2px, 2px);
}

/* coming soon */

.new_arrival_nav_items .item.is-comingsoon a {
    border-color: #a29b3a; /* オリーブがかった黄色 */
    background: #b0b0b0;   /* グレー背景 */
    color: #fff;
    cursor: default;
    pointer-events: none;  /* リンクとして機能させない */
}

/* 画像を少し暗くして「COMING SOON」が見やすいように */
/* 丸自体は白背景のまま、黄色ボーダーだけオリーブ系に */
.new_arrival_nav_items .item.is-comingsoon a {
    border-color: #a29b3a;
    cursor: default;
    pointer-events: none;
}

/* 画像とオーバーレイを重ねるための箱 */
.new_arrival_nav_items .item.is-comingsoon .new_arrival_nav__imgWrap {
    position: relative;
    width: 198px; /* 既存の画像幅と合わせる */
}

.new_arrival_nav_items .item.is-comingsoon .new_arrival_nav__imgWrap img {
    display: block;
    width: 100%;
}

/* 半透明グレーのオーバーレイ本体 */
.new_arrival_nav_items .item.is-comingsoon .new_arrival_nav__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(120, 120, 120, 0.58); /* 濃さはお好みで調整 */
}

/* 番号・ラベル・矢印は画像の上ではないのでそのまま黒文字でもOK。
   もし画像に重ねたい場合は position:absolute で配置調整してください */
.new_arrival_nav_items .item.is-comingsoon .new_arrival_nav__num,
.new_arrival_nav_items .item.is-comingsoon .new_arrival_nav__label {
    color: #111;
}

.new_arrival_nav_items .item.is-comingsoon .new_arrival_nav__soon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    z-index: 2;
}




.btn-more {
	padding: 24px 43px 23px 70px;
}

.sec_04_morebtn_wrap {
	text-align: center;
}

.sec_04_morebtn_wrap .btn-more {
	width: 330px;
	padding: 24px 3px 23px 99px;
}

.sec_04_morebtn_wrap .btn-more .btn-more__text {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 700;
	font-size: 20px;
	display: flex;
	align-items: center;
	gap: 42px;
	text-decoration: none;
	white-space: nowrap;
}


.shoes_items {
	margin: 0 auto 58px;
	position: relative;
}

.product-card__num {
	left: 58px;
}

.slick-list {
	padding: 20px;
	
}

.product-card {
	position: relative;
	border: 10px solid #FFE300;
	border-radius: 64px;
	background: #fff;
	padding: 20px 16px 16px;
	box-shadow: 7px 9px 0px #707070;
	cursor: pointer;
}

.shoes_items {
	width: 1142px;
}

/* slickが自前でdisplay:flexを崩すので、既存のitem横並び用flexは無効化 */
.shoes_items.slick-initialized {
    display: block;
}

.shoes_items .item {
	margin: 0 20px;
}




/* 矢印ボタン共通 */
.shoes_slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 69px;
    height: 69px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #FFE300;
    cursor: pointer;
    z-index: 10;
}

.shoes_slider-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-right: 2px solid #111;
    border-bottom: 2px solid #111;
}

.shoes_slider-arrow--prev {
    left: -0;
}
.shoes_slider-arrow--prev::before {
    transform: translate(-30%, -50%) rotate(135deg); /* 左向き */
}

.shoes_slider-arrow--next {
    right: -0;
}
.shoes_slider-arrow--next::before {
    transform: translate(-70%, -50%) rotate(-45deg); /* 右向き */
}

.shoes_slider-arrow.slick-disabled {
    opacity: 0;
    cursor: default;
}


.btn-youtube-wrap {
    margin: 48px 0 100px;
    text-align: center;
}

.btn-youtube {
    display: inline-block;
    padding: 23px 36px;
    background: #FF0000;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .5px;
    border-radius: 40px;
    text-decoration: none;
    transition: opacity .2s ease;
	position: relative;
	z-index: 10;
}
.btn-youtube:hover {
	background: #000;
	text-decoration: none;
}

/* ---- 動画エリア ---- */
.movie-slider {
    display: flex;
    justify-content: center; /* 1〜2本のときは中央寄せ */
    overflow: hidden;
    width: 100%;
    padding: 40px 0;
	position: relative;
	z-index: 10;
}

.movie-slider__track {
    display: flex;
    gap: 20px;
}

.movie-slider__item {
    position: relative;
    flex-shrink: 0;
    width: 654px;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    overflow: hidden;
    background: #000;
}

.movie-slider__item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* ---- 3本以上：無限ループ ---- */
.movie-slider.is-loop {
    justify-content: flex-start;
}
.movie-slider.is-loop .movie-slider__track {
    width: max-content;
    animation: movieInfiniteScroll 40s linear infinite;
}
.movie-slider.is-loop:hover .movie-slider__track {
    animation-play-state: paused; /* ホバー中は停止（動画操作しやすいように） */
}

@keyframes movieInfiniteScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}



#lp .sec_06 img.title_sub_more_line {
	position: absolute;
	left: -1056px;
	top: 235px;
	width: 1031px;
	z-index: 10;
}

.yellow-wrap {
    background: #FFE300;
}

.more_pro {
	padding: 118px 0 0;
	line-height: 0.7;
}


.honki-banner-items {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 30px;
	width: 950px;
	margin: 59px auto 0;
	padding: 0 0 100px;
}

.honki-banner-item {
    width: 460px; /* 画像の実寸に合わせて調整してください */
    text-align: center;
}

.honki-banner-item img {
    width: 100%;
    display: block;
}

.honki-banner-item video {
    margin-bottom: 25px;
}