@charset "utf-8";.category-list-image {
	transform: translateX(-50%) translateY(-50%) rotate(0) skewX(0) skewY(0) scaleX(150%) scaleY(150%);
}

.headding-format {
	font-size: 30px;
}

@media only screen and (min-width: 960px) {
	.headding-format {
		font-size: 68px;
	}
}

{* 商品リスト *}
.content-border {
	border-block: 1px solid;
	border-color: #dfdfdf;
}

.item-area {
	padding-left: 20%;
	padding-right: 15%;
}

.item-name {
	font-size: 10px;
	border-bottom: 1px solid;
	width: 100%;
}

.item-price {
	font-size: 11px;
}

@media only screen and (min-width: 960px) {
	.item-name {
		font-size: 15px;
		border-bottom: 2px solid;
	}

	.item-price {
		font-size: 14px;
	}
}

{* 商品画像 *}
.dresses-image-area {
	padding-top: 150%;
}

.tops-image-area {
	padding-top: 150%;
}

.bottoms-image-area {
	padding-top: 150%;
}

.link_position {
	padding-top: 135px;
	margin-top:-135px;
}

@media only screen and (min-width: 960px) {
	.link_position {
		padding-top: 0px;
		margin: auto;
	}
}

.style-contents-bigger {
	width:70%;
}

.style-contents-smaller {
	width:30%;
}

.goods_img {
	overflow: hidden;
	align-self: start;
}

.goods_img img:nth-child(2) {
	cursor: pointer;
}

.goods_img:hover img:nth-child(2) {
	opacity: 0;
	transition: opacity .5s;
}

.pick-list {
	justify-content: space-evenly;
	height: 95%;
}

.pick_one_item {
	margin-top: 0;
	width: 45%;
}

.pick_two_item {
	margin-top: 0;
	width: 35%;
	height: 225px;
}

@media only screen and (min-width: 960px) {
	.pick_one_item {
		margin-top: 5%;
	}

	.pick_two_item {
		width: 35%;
		margin-top: 10%;
		height: 450px;
	}
}

.list-item {
	height: 200px;
}

@media only screen and (min-width: 750px) {
	.list-item {
		height: 310px;
	}
}

@media only screen and (min-width: 960px) {
	.list-item {
		height: 480px;
	}
}


.list-item > a,
.pick_two_item > a{
	display: grid;
	height: 100%;
	align-items: end;
}

.hover-pick-item-img {
	transform: translateX(-50%) translateY(-50%) rotate(0) skewX(0) skewY(0) scaleX(95%) scaleY(95%);
}

.pick-item-img {
	transform: translateX(-50%) translateY(-50%) rotate(0) skewX(0) skewY(0) scaleX(135%) scaleY(135%);
}

.hover-list-item-img {
	transform: translateX(-50%) translateY(-50%) rotate(0) skewX(0) skewY(0) scaleX(95%) scaleY(95%);
}

.list-item-img {
	transform: translateX(-50%) translateY(-50%) rotate(0) skewX(0) skewY(0) scaleX(125%) scaleY(125%);
}

.group {
	padding: 0 5px;
}

@media only screen and (min-width: 960px) {
	.group {
		padding: 0 20px;
	}
}

{* slick *}
.c-items-slider .c-next { 
		right: -20px;
		background: transparent;
		width: 40px;
		height: 60px;
		z-index: 90;
	}

	.c-items-slider .c-prev, .c-items-slider .c-next { 
		width: 30px;
		height: 50px;
	}

	.c-items-slider .c-prev .c-arrow, .c-items-slider .c-next .c-arrow {
		position: absolute;
		top: 125%;
		left: -20%;
		width: 305%;
		height: 40px;
		border-color: #F8F8F8;
	}

	@media only screen and (min-width: 960px) {
	.c-items-slider .c-prev .c-arrow, .c-items-slider .c-next .c-arrow {
		left: -60%;
		width: 300%;
	}
}

	.c-items-slider .c-prev .c-arrow {
		position: relative;
		border: none;
		--tw-rotate: 180deg;
	}

	@media only screen and (min-width: 960px) {
	.c-items-slider .c-prev .c-arrow {
		display: block;
	}
}

	.c-items-slider .c-prev .c-arrow::before {
		content:' ';
		width: 40px;
		height: 20px;
		border-right: solid 3px #a9a9a9;
		transform: rotate(35deg);
		position: absolute;
		top: calc(122% - -8px);
		right: 40px;
	}

	.c-items-slider .c-prev .c-arrow::after {
		content:' ';
		width: 40px;
		height: 20px;
		border-right: solid 3px #a9a9a9;
		transform: rotate(-35deg);
		position: absolute;
		top: calc(122% - -14px);
		right: 40px;
	}

	.c-items-slider .c-next .c-arrow {
		position: relative;
		border: none;
		--tw-rotate: 0deg;
	}

	@media only screen and (min-width: 960px){
	.c-items-slider .c-next .c-arrow {
		display: block;
	}
}

	.c-items-slider .c-next .c-arrow::before {
			content:' ';
			width: 40px;
			height: 20px;
			border-right: solid 3px #a9a9a9;
			transform: rotate(35deg);
			position: absolute;
			top: calc(-10% - 38px);
			right: 40px;
	}

	.c-items-slider .c-next .c-arrow::after {
		content:' ';
		width: 40px;
		height: 20px;
		border-right: solid 3px #a9a9a9;
		transform: rotate(-35deg);
		position: absolute;
		top: calc(-10% - 32px);
		right: 40px;
	}

	#pick_style {
	padding: 0;
	}

.catgory-group > * {
	margin-bottom: 15px;
}

@media only screen and (min-width: 960px) {
	.catgory-group > * {
	margin-bottom: 35px;
	}
}

.flex-row-reverse {
	margin:0 3%; 
}

@media only screen and (min-width: 75px) {
	.flex-row-reverse {
	margin:0; 
	}
}

.movie_item {
	width: 100%;
}