@charset "UTF-8";

@media screen and (max-width: 960px) {
	.sec_ttl {
	}

	.price_tax {
		display: none;
	}
	html {
		overflow-x: hidden;
	}
	img {
		max-width: 100%;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.pc_none {
		display: block !important;
	}
	.sp_none {
		display: none !important;
	}
	.sp_center {
		text-align: center !important;
	}
	.wrapper {
		background-size: cover;
	}
	.content {
		font-size: 3.46666667vw;
		line-height: 1.8461538462;
		color: #666;
	}

	.lead{
		font-size: 2.9333333333vw;
		padding: 3em 0 0;
	}
	.anchor .list .item a{
		flex-direction: column;
	}
	.anchor .list .item a::after {
		margin-left: 0;
	}
	.bestseller{
		margin-top: 13.3333333333vw;
	}
	.bestseller .laurel{
		max-width: 30.4vw;
	}
	.sec_ttl img{
		max-height: 8vw;
	}
	.sec_ttl_sub{
		font-size: 3.2vw;
		margin-top: 1.6vw;
	}
	.sec_ttl_txt{
		font-size: 3.125vw;
	}
	.anchor .list{
		gap: 1px;
	}



	.bestseller .item_feature{
		flex-direction: column;
	}

	.bestseller .item_feature .price{
		margin: 0;
	}





	.bestseller .items{
		padding: 0;
		margin-top: 6.4vw;
	}

	/* ensure dots sit over slider */
	.bestseller .items.sp .slick-slider{
		position: relative;
	}

	/* slick dots for SP bestseller slider */
	.bestseller .items.sp .slick-dots{
		display: flex;
		justify-content: center;
		padding: 0 2.6666666667vw;
		position: absolute;
		left: 50%;
		bottom: 2.4vw;
		transform: translateX(-50%);
		width: 96vw;
		margin: 0;
	}
	.bestseller .items.sp .slick-dots li{
		width: 100%;
		height: 5px;
		margin: 0;
		background: #D1D1D1;
	}
	.bestseller .items.sp .slick-dots li:first-child{
		border-radius: 5px 0 0 5px;
	}
	.bestseller .items.sp .slick-dots li:last-child{
		background: #D1D1D1;
		border-radius: 0 5px 5px 0;
	}
	.bestseller .items.sp .slick-dots button{
		width: 100%;
		height: 5px;
		padding: 0;
		border: none;
		background: transparent;
		pointer-events: auto;
	}
	.bestseller .items.sp .slick-dots button:before{
		content: '';
		display: block;
		width: 100%;
		height: 5px;
		background: transparent;
		opacity: 1;
	}
	.bestseller .items.sp .slick-dots .slick-active button:before{
		background: #666666;
		border-radius: 5px;
	}
	/* slider item styles */
	.bestseller .items.sp .slider .slick-list{
		padding: 0 !important;
	}
	.bestseller .items.sp .slider .item.slide{
		width: 84vw;
		margin: 0 auto;
		background: transparent;
		padding: 0 8vw 12vw;
	}
	.bestseller .items.sp .slider .item.slide .img{
		text-align: center;
		margin-bottom: 6vw;
	}
	.bestseller .items.sp .slider .item.slide .img img{
		max-width: 100%;
		height: auto;
	}
	.bestseller .items.sp .slider .item.slide .name{
		font-size: 4.2666666667vw;
		line-height: 1.4;
		text-align: center;
		font-weight: bold;
		margin-bottom: 2vw;
	}
	.bestseller .items.sp .slider .item.slide .color{
		font-size: 3.2vw;
		text-align: center;
		color: #666;
		margin-bottom: 2vw;
	}
	.bestseller .items.sp .slider .item.slide .price{
		font-size: 4vw;
		text-align: center;
		font-weight: bold;
		margin-bottom: 4vw;
	}
	.bestseller .items.sp .slider .item.slide .txt{
		font-size: 3.2vw;
		line-height: 1.8;
		color: #666;
		text-align: left;
		margin-bottom: 1em;
	}
	.bestseller .items.sp .slider .item.slide .txt .notes{
		font-size: 2.8vw;
		text-align: right;
		margin-top: 0.5em;
		color: #666;
	}
	.bestseller .items.sp .slider .item.slide .button{
		margin-top: 5vw;
	}
	.bestseller .items.sp .slider .item.slide .button a{
		display: block;
		background: #3d2f3f;
		color: #fff;
		text-align: center;
		padding: 4vw 0;
		text-decoration: none;
		font-size: 3.7333333333vw;
		font-weight: normal;
		letter-spacing: 0.05em;
		max-width: 69.3333333333vw;
		margin: 0 auto;
	}

	.bestseller .item_feature{
		flex-direction: column;
		gap: 0;
	}

	.bestseller .item_feature .img{
		width: 100%;
	}
	.bestseller .item_feature .txt{
		margin-top: 1em;
	}
	.bestseller .item_feature .details{
		width: 100%;
	}

	.pickup{
		margin-top: 0;
	}
	.pickup .category{
		margin: 9.6vw 4vw;
		background: rgb(255 255 255 / 50%);
		padding: 5.3333333333vw;
	}

	.bestseller .item .name{
		font-size: 4.2666666667vw;
		line-height: 1.4;
	}

	.pickup .item_feature{
		flex-direction: column;
		background: none;
		padding: 0;
	}
	.pickup .item_feature .img{
		max-width: 84vw;
	}

	.pickup .item_feature .name,
	.pickup .item_feature .color,
	.pickup .item_feature .price{
		text-align: center;
		margin-top: 0;
	}

	.pickup .item_feature{
		gap: 15px;
	}
	.pickup .item_feature .details{
		max-width: 84vw;
	}
	.pickup .item_feature .button{
		text-align: center;
	}
	.pickup .item_feature .button a{
		text-align: right;
		width: 84vw;
		height: 25.3333333333vw;
		line-height: 25.3333333333vw;
	}
	.pickup .cheek .item_feature .button a{
		background-color: #fff;
		background-image: url(../../img/usr/br/2025best_of_mimc/pickup-cheek_more-sp.png);
		background-size: 84vw 25.3333333333vw;
	}

	.pickup .lip .item_feature .button a{
		background-color: #fff;
		background-image: url(../../img/usr/br/2025best_of_mimc/pickup-lip_more-sp.png);
		background-size: 84vw 25.3333333333vw;
	}


	.pickup .item_feature .button a{

	}
	.pickup .itemlist .color{
		margin-top: 0;
	}
	.pickup .skincare .item_feature .button{
		margin: 1em 0;
	}
	.pickup .skincare .item_feature .button a{
		text-align: center;
		height: auto;
		line-height: 1;
	}

	.pickup .itemlist .button{
		text-decoration: underline;
	}


}