.cartLayout {
	margin: 100px auto;
	width: 90%;
	align-items: flex-start;
	min-height: 420px;
}



@media screen and (max-width:860px) {
	.cartLayout {
		margin-left: 0px;
		width: 100%;
		padding: 1rem;
	}
}

/*画像エリア*/
.cartImg {
	width: 25%;
	align-items: start;
	position: relative;
}

.productImage {
	width: 100%;
	height: 350px;
	object-fit: contain;
	background: #fff;
}

@media screen and (max-width:1200px) {
	.productImage {
		height: 200px;
	}
}



/*情報エリア*/
.cartContent {
	width: 75%;
	align-items: start;
	position: relative;
}

@media screen and (max-width:1000px) {

	.cartImg,
	.cartContent {
		width: 100%;
	}

	.productImage {
		height: 350px;
	}
}

.iteminfo {
	padding: 40px 20px;
}

.itemNo {
	font-size: 14px;
	color: #9E9E9E;
}

.bottomInfo {
	width: 500px;
}

.itemName {
	font-size: 24px;
	font-weight: 600;
}

@media screen and (max-width:860px) {
	.itemName {
		font-size: 18px;
	}
	.iteminfo {
		padding: 0px;
	}

}

@media screen and (max-width:600px) {
	.itemName {
		height: 38px;
		font-size: 14px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.bottomInfo {
		width: calc(100% - 120px);
	}
}

.itemPrice {
	font-size: 24px;
	font-weight: 600;
	width: 180px;
}

@media screen and (max-width:600px) {
	.itemPrice {
		width: 100%;
	}
}

.itemPrice .tax {
	font-size: 12px;
}



/*cart-btn*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
	text-align: center;
	height: 32px;

}

.input-group {
	align-items: center !important;
	width: 150px;
}


@media screen and (max-width:600px) {
	.phoneOrder {
		position: fixed;
		top: 90px;
		background: #fff;
		left: 10px;
		padding: 0px 20px;
		height: 80px;
		width: calc(100% - 40px);
		z-index: 99;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
	}

	.itemPrice {
		font-size: 18px;
	}
}

.input-group input {
	width: 80px;
	border-radius: 10px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 600;
	border: 2px solid #7C31EA;
}

/*numberBtn*/
.btn-number {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: none;
	font-size: 16px;
	background-color: #7C31EA;
	color: #FFF;
	align-items: center;
	justify-content: center;
	display: flex;
	margin: 0 5px;
}

.btn-number:hover {
	opacity: 0.6;
}

/*brandBanner*/
.brandBanner {
	margin-top: 40px;
	position: relative;
	width: 350px;
	font-size: 12px;
	background-color: #FFF;
	text-decoration: none;
	color: #000;
	padding: 10px 20px;
}

@media screen and (max-width:950px) {
	.brandBanner {
		width: calc(100% - 20px);
	}
}

.brandBanner .logoTitle {
	font-size: 16px;
	font-weight: 600;

}

.logoIcon {
	width: 100px;
	height: 60px;
	margin-right: 10px;
	object-fit: contain;
}

.brandBanner:after {
	content: "查看品牌";
	background-color: #A6A6A6;
	color: #FFF;
	width: 80px;
	height: 20px;
	padding-top: 3px;
	position: absolute;
	border-radius: 10px;
	font-size: 10px;
	right: 20px;
	text-align: center;
	top: -10px;
	font-weight: 700;
	box-sizing: border-box;
}

.brandBanner_cn::after {
  content: "查看品牌";
}
.brandBanner_jp::after {
  content: "ブランド詳細";
}
.brandBanner_en::after {
  content: "Brand detail";
}

.ratioLabel {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #366EB1;
	color: #FFF;
	padding: 5px 8px;
	font-size: 18px;
	font-weight: 700;
}

.ratioLabel span {
	font-size: 12px;
	padding-left: 4px;
}

.itemTableArea {
	font-size: 14px;
}

.itemTableArea table {
	border: none;
	width: 100%;
}

.itemTableArea table td {
	height: 30px;
}

.itemTableArea table td:nth-child(1) {
	width: 35%;
}


/*tab */
.paddingContent {
	padding: 30px 20px;
}

.tabArea {
	margin: 80px 0;
	flex-wrap: wrap;
	display: flex;
	width: 100%;
}

.tab_class {
	cursor: pointer;
	width: calc(100%/3);
	height: 50px;
	background-color: transparent;
	border-bottom: 1px solid #000;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	display: block;
	float: left;
	order: -1;
	color: #A6A6A6;
}

.tab_class:hover {
	opacity: 0.6;
}

.tab_class h3 {
	margin: 0;
}

input[name="tab_name"] {
	display: none;
}

input:checked+.tab_class {
	border-bottom: 5px solid #000;
	color: #000;
}

.chara1 {
	position: relative;
	width: 50px;
	writing-mode: vertical-rl;
	font-size: 18px;
	display: flex;
	color: #A6A6A6;
	padding-top: 10px;
}

.chara1:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #A6A6A6;
	position: absolute;
	top: -10px;
	left: 7px;
}

.chara2 {
	width: calc(100% - 50px);
	font-size: 14px;
}

.chara2 h4 {
	font-size: 18px;
	color: #FF5757;
	margin: 0;
}

.itemInfoText2 {
	height: 500px;
	overflow-y: scroll;
	position: relative;
}
.itemInfoText2 img{
	width: 33.3%;
}
@media screen and (max-width:950px) {
	.itemInfoText2 img{
		width: 50%;
	}
}

@media screen and (max-width:600px) {
	.itemInfoText2 img{
		width: 100%;
	}
}

.itemInfoText2::-webkit-scrollbar {
	width: 12px;
	/* 横幅 */
}

.itemInfoText2::-webkit-scrollbar-thumb {
	background: #7C31EA;
	/* ハンドルの色 */
}

.itemInfoText2::-webkit-scrollbar-track {
	background: #FFFFFF;
	/* 背景色 */
}

/*ダウンロード */
.brandCampLink {
	width: 100%;
	height: 100px;
	position: sticky;
	bottom: 0;
	background: -moz-linear-gradient(top, transparent, #000);
	background: -webkit-linear-gradient(top, transparent, #000);
	background: linear-gradient(to bottom, transparent, #000);
	padding-top: 50px;
}

.brandCampLink a {
	background-color: #FF5757;
	color: #FFF;
	font-size: 14px;
	width: 200px;
	/* height: 30px; */
	line-height: 30px;
	border-radius: 20px;
	padding: 5px 8px;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	margin-bottom: -70px;
}




/*recommend */
.itemInfoHead,
.titleHead {
	font-size: 24px;
	text-align: center;
	font-weight: 600;
}



.recommendThumb {
	width: calc(25% - 20px);
	margin-top: 30px;
	position: relative;
}

@media screen and (max-width:1200px) {
	.recommendThumb {
		width: calc(50% - 10px);
	}
}


.recommendImg {
	width: 100%;
	height: 200px;
	object-fit: contain;
	background: #fff;
}

.recommendBrand {
	font-size: 14px;
	margin-bottom: 0;
	color: #a8a8a8;
}

.recommendName {
	font-size: 16px;
	font-weight: 600;
	color: #000;
}

.recommendPrice {
	font-size: 20px;
	padding: 10px 0;
	top: 150px;
	position: absolute;
	text-align: center;
	color: #fff;
	width: 100%;
	background: linear-gradient(0deg, rgba(68,68,68,1) 0%, rgba(255,255,255,0) 100%);
}

.recommendPrice .tax {
	font-size: 11px;
}

.recommendItemRatio {
	border: 1px solid #cfcfcf;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 50px;
	height: 50px;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	color: #000;
	border-radius: 50%;
	text-align: center;
	font-weight: 700;
}



.content_class {
	display: none;
	width: 100%;
	background-color: #FFF;
	line-height: 28px;
	min-height: 500px;
}

input:checked+.tab_class+.content_class {
	display: block;
}

.content_class li {
	margin-top: 30px;
}



/*cart*/

.cartLabel {
	border-bottom: 1px solid #333;
	color: #333;
	font-size: 16px;
	line-height: 200%;
	margin-bottom: 10px;
}

.cartItemList {
	padding-bottom: 20px;

}

.cartItemList:nth-last-child(2) {
	border-bottom: 1px solid #333;
}

.cartItemImgArea,
.cartItemTextArea {
	width: 45%;
}

.cartItemBrand {
	font-size: 14px;
	margin: 0;
}

.cartItemName {
	font-size: 16px;
}

.cartItemPrice {
	font-size: 14px;

}

.itemallPrice {
	align-items: end;
	justify-content: end;
	margin-top: 30px;
}

.cartLabelContentb3 {
	font-size: 20px;
}

.cartLabelContentb3 span {
	font-size: 14px;
}

.checkoutBut {
	display: inline-block;
	margin-top: 30px;
	height: 50px;
	width: 300px;
	line-height: 30px;
	border-radius: 30px;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	background-color: #336CB0;
	color: #FFF;
}

.ri-delete-bin-line {
	font-size: 20px;
}

@media screen and (max-width:860px) {
	.cartLabelContent2 {
		display: none;
	}

	.itemListInfo {
		order: 1;
		width: 68%;
	}

	.itemallPrice {
		order: 2;
		width: 28%;
	}

	.itenQuant {
		order: 3;
		margin-left: 0;
		margin-top: 30px;
	}

	.cartLabelContentb3 {
		width: 100%;
		margin-top: 10px;
	}
}

/*cart confirm*/
.confirmHead {
	font-size: 32px;
	font-weight: 700;
	margin-top: 0;
}

.subHead {
	font-size: 16px;
	margin-bottom: 0;
}


.cartConfirmTable {
	width: 100%;
	border-spacing: 0;
	margin: 0 auto 30px auto;
}



.cctInfo {
	width: calc(100% - 430px);
	display: flex;
	justify-content: center;
	border: 1px solid #F1F1F1;
}

.cctQuant {
	width: 200px;
	align-items: center;
	display: flex;
	justify-content: center;
	border: 1px solid #F1F1F1;
}

.cctTotal {
	width: 130px;
	align-items: center;
	justify-content: center;
	display: flex;
	border: 1px solid #F1F1F1;
}

.cctSelect{
	width: 50px;
	border: 1px solid #F1F1F1;
	padding: unset !important;
	font-size: 14px !important;
	vertical-align: middle;
}

.cctTotal_kin {
	justify-content: flex-end;
	padding-right: 20px;
}

@media(max-width:600px) {
	.cctQuant {
		width: 164px;
	}
}

.cctth {
	background-color: #A6A6A6;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	padding: 10px 0;
}

.ccttd {
	border: 2px solid #F1F1F1;
	background-color: #FFF;
}

.cctImg {
	padding: 5px;
	height: 70px;
	width: 70px;
	margin-top: 20px;
	object-fit: contain;
	background: #fff;
}

.cartDetail {
	width: calc(100% - 110px);
	padding: 20px 10px;
}

.cctjan {
	font-size: 10px;
}

.cctName {
	font-size: 16px;
}



.cctDeli img {
	padding-top: 10px;
	width: 80px;
}



.ccsRow {
	order: 1;
	width: calc(100% - 300px);
	margin-top: 30px;
}


.ccsInfo {
	width: 30%;
	font-size: 14px;
	text-align: left;
}

.choice {
	width: 70%;
	justify-content: center;
}

.choice select {
	height: 40px;
	width: 100%;
	padding: 10px;
}

.choice textarea {
	min-height: 60px;
	width: calc(100% - 20px);
	padding: 10px;
}

.count {
	order: 2;
	padding: 35px 20px;
	width: 350px;
	line-height: 200%;
	margin-left: auto;
}

.ccsTotal {
	width: 20%;
	justify-content: center;
	display: flex;
	line-height: 200%;
}

.conutTilte {
	width: 40%;
	font-size: 14px;
}

.conutResult {
	font-size: 20px;
	width: 60%;
	font-weight: 600;
	text-align: right;
}

@media screen and (max-width:600px) {

	.ccsRow,
	.count {
		width: 100% !important;
	}

	.count {
		order: 1;
		padding: 5px 0px;
	}

	.ccsRow {
		order: 2;
	}
}



.confirmCheckout {
	display: inline-block;
	/* margin-top: 120px; */
	height: 40px;
	width: calc(100% - 20px);
	line-height: 40px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	background-color: #7C31EA;
	color: #FFF;
	transition: all 0.5s ease;
}

.confirmCheckout:hover {
	background-color: #000;
}

.cart_checkout_btn_wrapper {
	display: flex;
	width: 25%;
	margin-left: auto;
}

@media screen and (max-width:600px) {
	.cctImg {
		height: 50px;
		width: 50px;
	}

	.cartDetail {
		width: calc(100% - 90px);
		padding: 5px 10px;
	}

	.cctInfo {
		width: 100%;
	}


	.cctQuant {
		padding-bottom: 10px;
	}

	.cctTotal {
		justify-content: flex-end;
		padding-right: 10px;
		width: calc(100% - 164px);
	}

	.ccttd {
		border: none;
	}

	.cctQuant.cctth,
	.cctTotal.cctth {
		display: none;
	}

	.cctName {
		font-size: 14px;
	}


	.ccsLabel {
		width: 30%;
		margin-top: 40px;
	}

	.ccsSelect,
	.ccsTotal {
		width: 70%;
		margin-top: 40px;
		justify-content: flex-end;
	}

	.ccsTotal {
		text-align: right;
	}


	.confirmCheckout {
		width: 100%;
		/* position: fixed;
		bottom: 0;
		left: 0; */

	}

	.cart_checkout_btn_wrapper {
		width: 100%;
	}
}


/*cart thankyou*/

.thankImg {
	width: 100px;
	height: 100px;
	margin: 30px auto 0px auto;
}

.thankyouBlock {
	margin: 50px 0;
	background-color: #FFF;
	border-radius: 30px;
	height: 500px;
	margin: 50px auto;
}

.thankyouButton {
	width: 300px;
	height: 40px;
	line-height: 40px;
	background-color: #346CB0;
	color: #FFF;
	padding: 12px 20px;
	font-size: 18px;
	text-decoration: none;
	margin-bottom: 50px;
}


@media screen and (max-width:600px) {
	.thankyouButton {
		width: 70% !important;
	}


}

.ri-delete-bin-line {
	font-size: 12px;
}
.cctSelectItem{
	display: flex;
	justify-content: center;
	align-items: center;
}