@charset "utf-8";


#right-sns {
	top: auto;
	bottom: 20px;
	z-index: 10000;
}

#right-sns li:not(:last-of-type) {
	display: none;
}

#item #container {
	margin-top: 15px;
}

#item .youtube {
		display: block;
		width: 100%;
		max-width: 560px;
		height: 50vw;
		max-height: 315px;
		margin: 30px auto 0;
	}

		#item .main {
			background: none;
		}
	@media screen and (max-width: 1282px) {
		#item .main {
			margin: 50px 0 0 264px;
			text-align: center;
			width: calc(100% - 264px);
			max-width: 976px;
		}
	}

	#item .main img {
		width: 100%;
		max-width: none;
		height: calc(624 / 1280 * 100vw);
		height: 630px;
		object-fit: contain;
		object-position: center center;
	}

	#item .main__logo {
		position: absolute;
		width: 540px;
		top: 80px;
		left: 260px;
		z-index: 100;
	}

	#item .lineup h2 .main__logo img {
		width: 100%;
		height: auto;
		filter: drop-shadow(0 0 5px #fff);
	}

	#item .splide__pagination {
			position: static;
			margin-top: 15px;
		}

	#item .itemBoxUp dl dd.icon {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		float: none !important;
	}

	.#item itemBoxUp dl dd.icon span {
		margin: 0 !important;
		padding: 2px 5px;
	}

	#item .itemBoxUp dl dd.icon span.mew,
	#item .itemBoxUp dl dd.icon span.renewal {
		background: #D92163;
	}

	#item .itemBoxUp dl dd.icon span.season,
	#item .itemBoxUp dl dd.icon span.shop {
		color: #560A0A;
		background: none;
		border: 1px solid #560A0A;
	}

	#item h1.item__name {
		position: static;
		width: 100%;
		text-align: center;
		margin: 0 auto 10px;
		padding: 0;
		transform: none;
	}

	#item h1.item__name img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	#item h1.item__name img.item__name-image--retina {
		width: var(--item-name-image-width);
	}

	@media screen and (max-width: 767px) {
		#item h1.item__name img.item__name-image--retina {
			/* 元画像の1/3（PC表示時の1/2のさらに2/3） */
			width: calc(var(--item-name-image-width) * 2 / 3);
		}
	}

	#item .item-lineup__button {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		width: 100%;
		height: 40px;
		font-size: 14px;
		font-weight: 700;
		margin: 15px auto 0;
		padding: 0 15px;
		color: #fff;
		background-color: #D92163;
		border-radius: 100vmax;
		box-sizing: border-box;
		transition: .3s opacity;
	}

	#item .item-lineup__button span {
		width: 100%;
		text-align: center;
	}

	#item .item-lineup__button::before {
		content: '';
		flex-shrink: 0;
		width: 20px;
		height: 20px;
		background-color: #fff;
		mask-image: url(../../common/images/icon_onlineshop.svg);
		mask-size: contain;
		mask-repeat: no-repeat;
	}

	#item .item-lineup__button:hover {
		opacity: 0.7;
	}

	#item .lineup h2 {
		font-size: 21px;
	}

	@media screen and (max-width: 767px) {
		#item .main {
			width: 100%;
			margin: 0 auto;
			padding-top: 50px;
		}

		#item .topBtn {
			width: 50px;
			z-index: 10;
		}

		#item .main img {
			height: 100vw;
		}

		#item .main__logo {
			top: 18%;
			left: 5%;
			width: 75%;
			z-index: 100;
		}

		#item .main__logo img {
			width: 100%;
			height: auto;
			filter: drop-shadow(0 0 3px #fff);
		}


		#item .lineup__text {
			text-align: left !important;
		}

		#item .lineup__text br {
			display: none;
		}


		#item .item-lineup__button {
			width: 200px;
			font-size: 16px;
		}

	}

	/* page-specialty: Splide photo sliders */
	#container2.specialty .specialty-slider.splide {
		width: 100%;
		height: 100%;
		visibility: hidden;
	}

	#container2.specialty .specialty-slider.splide.is-initialized {
		visibility: visible;
	}

	#container2.specialty .specialty-slider .splide__track,
	#container2.specialty .specialty-slider .splide__list,
	#container2.specialty .specialty-slider .splide__slide,
	#container2.specialty .specialty-slider .specialty-slide {
		width: 100%;
		height: 100%;
	}

	#container2.specialty .specialty-slider .splide__slide {
		display: block;
	}

	#container2.specialty .specialty-slider .specialty-slide {
		box-sizing: border-box;
		background-repeat: no-repeat;
	}

	#container2.specialty .specialtyNav li {
		cursor: pointer;
	}

	#container2.specialty .specialtyNav li.is-active,
	#container2.specialty .specialtyNav li.over {
		border: #d92163 3px solid;
	}

	@media only screen and (max-width: 750px) {
		#container2.specialty .specialty-slider.splide {
			height: auto;
			aspect-ratio: 1 / 1;
		}

		#container2.specialty .specialty-slider .splide__track,
		#container2.specialty .specialty-slider .splide__list,
		#container2.specialty .specialty-slider .splide__slide,
		#container2.specialty .specialty-slider .specialty-slide {
			height: 100%;
		}
	}

	/* Splide.js */
	.main.splide .splide__track {
		overflow: hidden;
	}

	.main.splide .splide__slide {
		display: block;
	}

	.main.splide .splide__slide > a {
		display: block;
	}

	.main.splide .splide__slide > a > img {
		display: block;
		width: 100%;
	}

	.main.splide .splide__slide > a > p img {
		width: auto;
		height: auto;
	}

	.instagram-slider {
		margin: 4.17827% 0 0;
	}

	.instagram-slider .splide__slide {
		max-width: none;
		float: none;
		margin: 0 !important;
	}

	.instagram-slider .splide__slide img {
		display: block;
		width: 100%;
	}

	@media screen and (max-width: 767px) {
		.instagram-slider {
			width: 91.64346%;
			margin: 0 auto;
		}
	}


	.splide__pagination__page {
		    width: 20px;
    height: 20px;
    display: block;
    background: #FFF;
    background: rgba(256, 256, 256, 1);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
		opacity: 1;
	}
.splide__pagination__page.is-active {
    background: #d92163;
    background: rgba(217, 33, 99, 1);
    cursor: default;
		transform: none;
		opacity: 1;
}