/* 20221013 カートページ修正 */
.fs-c-cartTable .fs-c-cartTable__quantity {
  position: relative;
}

.fs-c-quantity__number:focus:not(.is-error) + .fs-c-quantity__message {
  left: 0;
  right: auto;
}

.fs-c-quantity__select {
	-webkit-appearance: menulist-button;
	-moz-appearance: menulist-button;
	appearance: menulist-button;
}

/* .fs-c-button--cancel--cart .fs-c-button__label {
	color: #808080;
} */

@media screen and (max-width: 750px) {
	/* .fs-c-button--cancel--cart {
		background-color: transparent;
	} */

	.cart_info_wrap {
		margin-bottom: 45px;
	}

	.cart_info_fx {
		max-width: 297px;
		margin: 0 auto;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.cart_info_item {
		width: 47.81%;
	}

	#cart_shipping_modal-container,
	#cart_payment_modal-container {
		display: none;
	}
	
	#cart_shipping_modal-container.cart_shipping-active,
	#cart_payment_modal-container.cart_payment-active {
		display: block;
		z-index: 9999999;
	}
	
	#cart_shipping_modal-container,
	#cart_payment_modal-container {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.3);
		width: 100vw;
		height: 100vh;
	}
	
	.cart_modal-body {
		width: 90.66%;
		height: calc(100vh - 102px);
		margin: 82px auto 22px;
		padding: 51px 20px 36px;
		background-color: #fff;
		overflow-y: auto;
		position: relative;
	}
	
	.cart_modal-close {
		display: inline-block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 8px;
		right: 8px;
		z-index: 1;
	}
	
	.cart_modal-close::before {
		background-color: #000;
		content: '';
		width: 1px;
		height: 25px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
	}
	
	.cart_modal-close::after {
		background-color: #000;
		content: '';
		width: 1px;
		height: 25px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(-45deg);
	}
	
}

/* content_wrap */
.cart_info_modal_wrap .content_wrap h2 {
	line-height: 1.6;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;
}

.cart_info_modal_wrap .content {
	border: 1px solid #d3d2d0;
}

.cart_info_modal_wrap .content h3 {
	border-top: 1px solid #d3d2d0;
	line-height: 1.8;
	letter-spacing: 0.1em;
	position: relative;
}

.cart_info_modal_wrap .content h3:first-child {
	border-top: none;
}

.cart_info_modal_wrap .content #kojinjouhou h3 {
	border-top: 1px solid #d3d2d0;
}

.cart_info_modal_wrap .content h3::after{
	content: '';
	border-top: 2px solid #a7adac;
	border-right: 2px solid #a7adac;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(135deg);
	transition: 0.3s;
}

.cart_info_modal_wrap .content h3.active::after {
	transform: translateY(-50%) rotate(315deg);
}

.cart_info_modal_wrap .content_acc {
	background-color: #f5f5f5;
	display: none;
}

.cart_info_modal_wrap .content_acc p {
	margin: 0;
	line-height: 1.8;
	letter-spacing: 0.01em;
}

.cart_info_modal_wrap .content_acc li {
	line-height: 1.8;
	letter-spacing: 0.01em;
	/* padding-left: 1.1em;
	text-indent: -1.1em; */
}

.cart_info_modal_wrap .content_acc span {
	display: block;
	line-height: 1.8;
	letter-spacing: 0.01em;
}

.cart_info_modal_wrap .content_acc dt {
	line-height: 1.8;
	letter-spacing: 0.01em;
}

.cart_info_modal_wrap .content_acc dd {
	line-height: 1.8;
	letter-spacing: 0.01em;
}

@media screen and (max-width: 750px) {
	.cart_info_modal_wrap .content_wrap h2 {
			font-size: 20px;
			margin-bottom: 30px;
			/* padding-top: 70px; */
	}

	.cart_info_modal_wrap .content h3 {
			padding: 10px 10% 10px 6.9%;
			font-size: 14px;
			line-height: 1.5;
	}

	.cart_info_modal_wrap .content h3::after{
			width: 8px;
			height: 8px;
			right: 20px;
	}

	.cart_info_modal_wrap .content_acc {
			padding: 20px 6.9%;
	}

	.cart_info_modal_wrap .content_acc p {
			font-size: 12px;
	}
	
	.cart_info_modal_wrap .content_acc li {
			font-size: 12px;
	}
	
	.cart_info_modal_wrap .content_acc span {
			font-size: 12px;
	}
	
	.cart_info_modal_wrap .content_acc dt {
			font-size: 12px;
	}
	
	.cart_info_modal_wrap .content_acc dd {
			font-size: 12px;
	}
}

@media screen and (min-width: 751px) {
	.cart_info_modal_wrap .content_wrap {
			margin-top: -65px;
			padding-top: 65px;
	}

	.cart_info_modal_wrap .content_wrap h2 {
			font-size: 22px;
			margin: 106px 0 39px;
	}

	.cart_info_modal_wrap .content h3 {
			padding: 15px 4%;
			font-size: 18px;
	}

	.cart_info_modal_wrap .content h3::after{
			width: 8px;
			height: 8px;
			right: 40px;
	}

	.cart_info_modal_wrap .content_acc {
			padding: 42px 6.9% 43px;
	}

	.cart_info_modal_wrap .content_acc p {
			font-size: 15px;
	}
	
	.cart_info_modal_wrap .content_acc li {
			font-size: 15px;
	}
	
	.cart_info_modal_wrap .content_acc span {
			font-size: 15px;
	}
	
	.cart_info_modal_wrap .content_acc dt {
			font-size: 15px;
	}
	
	.cart_info_modal_wrap .content_acc dd {
			font-size: 15px;
	}
}

/* クレジット決済 */
.cart_info_modal_wrap .card img {
	display: block;
}

.cart_info_modal_wrap .card span {
	display: block;
}

@media screen and (max-width: 750px) {
	.cart_info_modal_wrap .card li:not(:first-child) {
			margin-top: 10px;
	}

	.cart_info_modal_wrap .card img {
			margin-top: 10px;
			width: 50%;
	}

	.cart_info_modal_wrap .card span {
			margin-top: 10px;
	}
}

@media screen and (min-width: 751px) {
	.cart_info_modal_wrap .card li:not(:first-child) {
			margin-top: 38px;
	}

	.cart_info_modal_wrap .card img {
			margin-top: 23px;
			width: 26.5%;
	}

	.cart_info_modal_wrap .card span {
			margin-top: 23px;
	}
}

/* 請求書のお届けについて */
.cart_info_modal_wrap .seikyusyo span {
	padding-left: 1.1em;
	text-indent: -1.1em;
}

@media screen and (max-width: 750px) {
	.cart_info_modal_wrap .seikyusyo dt:not(:first-child) {
			margin-top: 10px;
	}
	
	.cart_info_modal_wrap .seikyusyo span {
			margin-top: 10px;
	}
}

@media screen and (min-width: 751px) {
	.cart_info_modal_wrap .seikyusyo dt:not(:first-child) {
			margin-top: 32px;
	}
	
	.cart_info_modal_wrap .seikyusyo span {
			margin-top: 32px;
	}
}

/* 配送について */
.cart_info_modal_wrap .haisou img {
	display: block;
}

.cart_info_modal_wrap .haisou li {
	padding-left: 1.1em;
	text-indent: -1.1em;
}

@media screen and (max-width: 750px) {
	.cart_info_modal_wrap .haisou img {
			width: 100%;
	}

	.cart_info_modal_wrap .haisou ul {
			margin-top: 20px;
	}
}

@media screen and (min-width: 751px) {
	.cart_info_modal_wrap .haisou img {
			width: 73.6%;
	}

	.cart_info_modal_wrap .haisou ul {
			margin-top: 40px;
	}
}

/* 指定可能な配送時間帯 */
.cart_info_modal_wrap .haisou_jikan ul {
	display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.cart_info_modal_wrap .haisou_jikan li {
	margin-right: 1.5%;
	text-align: center;
	border: 1px solid #d3d2d0;
	background-color: #fdfdfd;
}

@media screen and (max-width: 750px) {
	.cart_info_modal_wrap .haisou_jikan li {
			width: 20%;
			height: 50px;
			line-height: 50px;
			font-size: 10px;
	}

	.cart_info_modal_wrap .haisou_jikan p {
			margin-top: 20px;
	}
}

@media screen and (min-width: 751px) {
	.cart_info_modal_wrap .haisou_jikan li {
			width: 10.3%;
			height: 68px;
			line-height: 68px;
			font-size: 1.12vw;
	}

	.cart_info_modal_wrap .haisou_jikan p {
			margin-top: 35px;
	}
}

@media screen and (min-width: 1340px) {
	.cart_info_modal_wrap .haisou_jikan li {
			font-size: 15px;
	}
}

/* 配送会社について */
.cart_info_modal_wrap .haisou_gaisya dl:nth-child(2) dd {
	padding-left: 1.1em;
}

.cart_info_modal_wrap .haisou_gaisya .attention {
	border: 1px solid #000;
	display: inline-block;
}

.cart_info_modal_wrap .haisou_gaisya .attention span {
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: 0.01em;
}

@media screen and (max-width: 750px) {
	.cart_info_modal_wrap .haisou_gaisya dl:not(:first-child) {
			margin-top: 10px;
	}

	.cart_info_modal_wrap .haisou_gaisya .attention {
			padding: 16px 3%;
			margin-top: 20px;
	}
}

@media screen and (min-width: 751px) {
	.cart_info_modal_wrap .haisou_gaisya dl:not(:first-child) {
			margin-top: 36px;
	}

	.cart_info_modal_wrap .haisou_gaisya .attention {
			padding: 24px 1.9% 17px;
			margin-top: 28px;
	}
}

/* 送料について */
.cart_info_modal_wrap .souryou dt span {
	display: inline-block;
}

.cart_info_modal_wrap .souryou .jouon {
	color: #f7931e;
	font-weight: bold;
}

.cart_info_modal_wrap .souryou .reizou {
	color: #29abe2;
	font-weight: bold;
}

.cart_info_modal_wrap .souryou .reitou {
	color: #2e3192;
	font-weight: bold;
}

.cart_info_modal_wrap .souryou .red {
	color: #c1272d;
}

.cart_info_modal_wrap .souryou ul {
	margin-top: 20px;
}

.cart_info_modal_wrap .souryou ul li {
	padding-left: 1.1em;
	text-indent: -1.1em;
}

.cart_info_modal_wrap .souryou .img img {
	width: 100%;
}

@media screen and (max-width: 750px) {
	.cart_info_modal_wrap .souryou dt:not(:first-child) {
			margin-top: 10px;
	}

	.cart_info_modal_wrap .souryou .img {
			width: 100%;
			margin-top: 30px;
	}
}

@media screen and (min-width: 751px) {
	.cart_info_modal_wrap .souryou dt:not(:first-child) {
			margin-top: 35px;
	}

	.cart_info_modal_wrap .souryou .img {
			width: 74.2%;
			margin-top: 60px;
	}
}
