@CHARSET "UTF-8";

#contents {
	max-width: 1600px;
}

/* 全体レイアウト */
.bulkOrderLayout {
	padding: 20px 0px;
    margin: 0 auto;
    max-width: 1240px;
}

/* 商品画像 */
.goodsImgGroup {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 10px;
	width: 200px;
}

/* 商品情報 */
.goodsInfoGroup {
	vertical-align: top;
	display: inline-block;
	max-width: 60%;
}

/* 商品名 */
#goodsNameItemWrap {
	font-size: 1.4em;
	display: inline-block;
}

/* 商品詳細ページを見る */
#goodsDetailLink_link {
	display: flex;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #c37796;
    border-radius: 8px;
}

a#goodsDetailLink_link::after, a#brandName_link::after {
    content: "";
    border-right: 2px solid #c37796;
    border-bottom: 2px solid #c37796;
    display: inline-block;
    transform: rotate(-45deg);
    width: 0.5em;
    height: 0.5em;
    vertical-align: middle;
    margin-left: 6px;
}

/* ブランド名 */
/* 商品説明 */
#brandNameItemWrap,
#goodsExpSumItemWrap {
	padding-top: 8px;
	clear: both;
}

.skuGoodsItemGroup {
	padding: 10px;
}

.sku2DList {
	min-height: 100px;
	overflow-x: hidden;
	height: max-content;
}

.skuListRow {
	display: inline-flex;
	vertical-align:top;
	font-size: 0.9em;
	min-width: 225.2px;
	width: 225.2px;
	border: 0.5px solid #dcdcdc;
	margin-bottom: 1px;
}

.goodsSelectionLayout .skuListRow {
	height: auto;
}

.skuListRow.hidden {
	display: none !important;
}

@media (max-width: 600px) {
	.sku2DList:not(:has(.bulk-slick)) {
		margin: 0;
		overflow-x: auto;
	}
	.sku2DListRow {
		width: auto;
	}
	.goodsImgGroup {
		width: 100%;
		margin: 0 auto;
		padding: 0px 15px 20px;
	}
	/* 商品情報 */
	.goodsInfoGroup {
		max-width: 100%;
	}
	#goodsNameItemWrap {
		margin: 0;
	}
	#bulkOrderLayout .skuClassifyNameGroup,
	#bulkOrderLayout .skuClassifyList,
	#bulkOrderLayout .skuClassifyList .matrix-body {
        display: block;
        height: auto;
        overflow: auto;
    }
    #bulkOrderLayout .skuClassifyName1ItemWrap,
    #bulkOrderLayout .skuClassifyListRow {
    	width: 100%;
    	line-height: 18px;
    }
    #bulkOrderLayout .skuClassifyName1ItemWrap {
    	border:none;
    	font-size: 1.5em;
    	padding: 15px 0px;
    }
    #sku2DListGroup .skuClassifyName2ItemWrap,
    #sku2DListGroup .sku2DDisplayList,
    #sku2DListForScrollGroup,
    #sku2DListForScrollGroup .skuList .skuListRow {
        display: none;
    }
    #sku2DListForScrollGroup {
        width:100%;
        overflow-y: auto;
    }
    #sku2DListForScrollGroup .skuList .skuListRow {
    	padding: 10px;
		height: auto;
    	min-width: 176.2px;
    	width: 49%;
    }
    #sku2DListForScrollGroup .skuList .bulk-slick .skuListRow {
    	width: 270.2px;
    }
    .skuGoodsItemGroup {
		padding: 10px;
		height: auto;
	}
	.skuGoodsItemGroup .skuActionGroup {
		margin: 0px;
		width: 100%;
		padding-top: 5px;
	}
	.bulk-slick .skuListRow.goodsSelectionSkuGoodsListRow {
		height: 420px;
	}
	/* 商品詳細ページを見る */
	#goodsDetailLink_link {
		padding: 10px 0px;
		border: none;
	}

	.skuClassifyListSkuDetailName::after {
		content: "";
		border-left: 2px solid #c37796;
		border-bottom: 2px solid #c37796;
		display: inline-block;
		transform: rotate(-45deg);
		width: 0.5em;
		height: 0.5em;
		vertical-align: middle;
		float: right;
		margin-right: 20px;
	}
}

/* 数量 */
.skuActionGroup{
	display:flex;
	margin:0px 5px;
}

.addCount {
	width: auto;
	padding: 4px;
}

.add_subbtn.plusButton,
.add_subbtn.minusButton {
	width: 35px;
	height: 40px;
	padding: 2px;
}


/* 化粧品・特定商品取引認定 申込みはこちらボタン */
#wrap div#brandConsentDispButton,
#wrap div#loginForAddCartButton{
	background-color: #7c858e;
    border-color: #7c858e;
}
#loginForAddCartButton a,
#brandConsentDispButton a{
	font-size : 13px;
	line-height: 1.2;
}

/* ログインは必須です*/
div#loginForAddCartMessageDiv {
	text-align: center;
}

/* 同意ロック中 */
div#forcedConsentLockMessageDiv {
	text-align: center;
	background-color: #7c858e;
    border-color: #7c858e;
    border-radius: 3px;
    color: #fff;
}

p#loginForAddCartMessage {
	color: #dd7e54;
    font-size: 13px;
}

/* カート追加成功メッセージ */
.addCartTopSuccessMessage,
.addCartBottomSuccessMessage {
	display:none;
}


/* カートに入れるボタン */
#addCartTop_link,
#addCartBottom_link,
#orderSelectedGoods_link {
	display: block;
	background-color: #363947;
	color: #fff;
	padding: 8px 1px;
	border: 1px solid #363947;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	margin: 5px auto;
	font-size: 1.2em;
}

#orderSelectedGoods_link.loginPriceMessage {
	color: #c5484f;
}

#orderSelectedGoods_link {
    width: 100%;
    background-color: #fcffe6;
    border: 2px solid #d8e18f;
    color: rgb(128, 128, 128);
    cursor: pointer;
}

#orderSelectedGoods_link.active {
    width: 100%;
    background-color: #d8e18f;
    border-color: #d8e18f;
    border-radius: 3px;
    color: #333333;
}

#orderSelectedGoods_link span[class=cartAdd]::before {
	color: #333333;
}

span[class=cartAdd]::before {
	content: "\f217";
	font-family: 'Font Awesome 5 Free';
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	line-height: 0;
	padding-right: 10px;
}

.addCartTopItemWrap {
	padding-top: 20px;
}

.addCartTopItemWrap,
.addCartBottomItemWrap,
.orderSelectedGoodsItemWrap {
	margin-top: 5px;
	width: 100%;
}

.skuClassifyTitleItemWrap{
	text-align:center;
	height: 45px;
}

.skuClassifyTitle,
.salePrice {
	font-weight: bold;
}


.skuClassifyNameGroup{
	clear: both;
	/*height:50px;*/
	/*margin-top:15px;*/
	display: flex;
}

.skuClassifyName1ItemWrap,
.skuClassifyListRow {
	border: 0.5px solid #dcdcdc;
	text-align:center;
}

.skuClassifyName1ItemWrap {
	width: 200px;
	min-width: 200px;
}

.skuClassifyListRow{
	width: 225.2px;
}

.skuClassifyName2ItemWrap{
	display: flex;
	padding: 20px 0px;
	border: 0.5px solid #dcdcdc;
	text-align:center;
	width: 100px;
	min-width: 100px;
}

.sku2DListSkuDisplayDetailNameItemWrap {
	/* display: flex; */
	padding: 20px 0px;
	border: 0.5px solid #dcdcdc;
	text-align:center;
	width: 100px;
	min-width: 100px;
	height: 100%;
}

.goodsImgItemWrap {
	text-align: center;
}
/* 画像下部と、卸価格、ログイン後表示との位置調整 */
.skuGoodsImgItemWrap{
	padding-bottom: 10px;
	text-align:center;
}

/* 成功メッセージ */
span[class="addCartTopSuccessMessage"],
span[class="addCartBottomSuccessMessage"] {
	display: block;
	padding: 2px 5px;
	margin: 1px 0;
	color: #c5484f;
	background: #FFF;
	border: solid 1px #c5484f;
	min-height: 36px;
	font-size: 1.0em;
	line-height: 34px;
	text-align: center;
}

/* フッター(画面下部のパンくずリスト) */
.goodsFotterGroup {
	padding-top: 50px;
}

.sku2DListRow,
.skuClassifyList,
.skuList .matrix-body,
.sku2DListGroup,
.skuClassifyList .matrix-body,
.sku2DListForScrollGroup {
    display: flex;
}

.sku2DListForScrollGroup,
.goodsSelectionSkuParentListRow {
    overflow-y: hidden;
}

.skuClassifyList {
    overflow-x: scroll;
    overflow-y: hidden;
}

#goodsDetailLinkItemWrap {
    width: 200px;
}

a:link.skuClassifyListSkuDetailName {
	display: block;
    height: 100%;
    padding: 10px 0px;
    font-size: 1.2em;
}

div.skuList {
    width: 100%;
}

div#goodsActionGroupTop,
div#goodsActionGroupBottom {
    position: relative;
}

.goodsActionGroupTop div.addCartTopSuccessMessageItemWrap {
    top: -15px;
}

.goodsActionGroupBottom div.addCartBottomSuccessMessageItemWrap {
	top: -40px;
}

@media (max-width: 780px) {
	#sku2DList .matrix-body{
		display: flex;
		font-size: 0;
	}
	.skuListRow {
		font-size:13px;
	}
	div#goodsActionGroupBottom {
		bottom: 0;
		right: 0px;
		position: fixed;
		width: 100%;
		z-index: 999;
	}
	#addCartBottom_link {
			margin: 0px;
	}
	.skuListRow {
		width: 270.2px;
	}
	#sku2DList .skuGoodsItemGroup {
		max-width: 250px;
	}
}

/* 入荷お知らせ申込リンク */
span.hasNoStock {
    font-weight: bold;
    color: #dd7e54;
}

span.addArrivalInfoSkuLinkWrap {
    font-weight: bold;
    color: #dd7e54;
    font-size: 1.1em;
}

#wrap a[class*="addArrivalInfo"].addArrivalInfoSkuLink {
	background: none;
    border: none;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
.salePriceSuffixPreLabel.red {
	font-size: 1.4em;
	font-weight: bold;
}

.goodsSelectionSalePriceSuffixPreLabel {
	font-weight: bold;
	font-size: 0.8em;
}

.goodsSelectionPriceSuffixPreLabel {
	font-size: 1.2em;
}

/* よりどり商品 */
#goodsSelectionNameItemWrap {
	display: flex;
	border-bottom: 1px solid #dcdcdc;
}

#goodsSelectionNameItemWrap > .items {
	margin-right: auto;
	width: 85%;
}

#parentGoodsSelectionGoodsDetailLinkItemWrap {
	margin-left: auto;
	margin-top: 10px;
	width: 15%;
}

#goodsSelectionCautionFooterItemWrap {
    margin-top: 20px;
}

#goodsSelectionPriceItemWrap {
    display: flex;
    justify-content: center;
    align-items: start;
    position: relative;
    margin-top: 5px;
    max-width: 100px;
}
#goodsSelectionPriceItemWrap::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid black;
    transform: translateY(-50%);
}
#goodsSelectionSalePrice_innerId {
    color: #cc0000;
    font-weight: bold;
	font-size: 1.7rem;
	width: 100%;
	max-width: 200px;
}
#goodsSelectionPrice_innerId {
	font-size: 1.2rem;
	font-weight: normal;
}

#goodsSelectionGoodsDetailLink_innerId {
    font-size: 0.8rem;
    font-weight: bold;
}
#goodsSelectionGoodsDetailLinkItemWrap {
	text-align: right;
}

#goodsSelectionName_innerId {
	display: flex;
}
#goodsSelectionPriceGroup {
	 /* width: 15%; */
	padding: 0 10px;
	max-width: 150px;
}

#goodsSelectionSalePriceSuffixLabel {
	font-size: 0.5em;
    color: #333333;
}
.goodsSelectionSalePriceTax.true_price {
	font-size: 1.5em;
	padding-top: 8px;
}
.goodsSelectionSalePriceTaxSuffixLabel:not(.true_price) {
	font-size: 0.5em;
}

#goodsSelectionNotify_innerId {
    padding: 12px;
    background-color: #F5F5F5;
}

#goodsSelectionNotifyTitle {
    margin-bottom: 8px;
}

#goodsSelectionInfoGroup {
    margin-bottom: 10px;
}

#goodsSelectionSkuParentList {
    margin: 20px 0;
    overflow-x: clip;
}

.goodsSelectionSkuList {
    overflow-x: clip;
}

.goodsSelectionSkuListRow {
    margin-bottom: 20px;
}

.goodsSelectionSkuGoodsList {
    white-space: nowrap;
    overflow-x: auto;
}
#goodsSelectionDiscountRateItemWrap {
	color: #f08981;
    font-size: 0.8rem;
    height: 10%;
}

.goodsSelectionSkuMainGoodsName {
    font-size: 1.2em;
}

.goodsSelectionLayout .skuClassifyTitle {
    display: -webkit-box;
    height: 46px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#goodsSelectionToCartItemWrap > .items {
	display: flex;
    justify-content: center;
}

#goodsSelectionToCartItemWrap #goodsSelectionToCart_link.goodsSelectionToCart {
	display: block;
	margin: 10px auto;
    padding: 10px 12px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    background-color: #de7e54;
    border-radius: 3px;
	width: 100%;
}
#goodsSelectionToCartItemWrap {
    display: none;
}
#goodsDetailNameLink_link {
	width: 65%;
	line-height: 1.2;
}

@media screen and (max-width: 1380px) {
	#goodsSelectionNameItemWrap {
		flex-direction: column;
	}
	#goodsSelectionName_innerId {
		flex-wrap: wrap;
	}

	#goodsSelectionPriceItemWrap{
		margin: 5px auto 0;
	}

	#parentGoodsSelectionGoodsDetailLinkItemWrap {
		width: 50%;
	}

	#goodsSelectionPriceItemWrap::before {
		top: 50%;
	}
	#goodsSelectionNameItemWrap > .items,
	#goodsDetailNameLink_link {
		width: 100%;
	}
	#goodsSelectionPriceGroup, #goodsSelectionSalePrice_innerId {
    	margin-top: 10px;
	}
}

.add_subbtn.plusButton.disabled,
.add_subbtn.plusButton.max,
.skuActionGroup.fixednum .add_subbtn,
.goodsSelectionSkuListRow.disabled .plusButton {
	background-color: #888;
}

a.orderSelectedGoods:hover {
	opacity: inherit;
}

.orange {
    color: #dd7e54;
    font-weight: bold;
}

#currentNum,
#remainNum {
	font-size: 1.4em;
}

#orderSelectedGoods_link .cartAdd {
    font-size: 1.2em;
}

/** slick */
a.slick-disabled {
    display: none !important;
}

/* 販売価格（税込） */
.salePriceTaxItemWrap .items .salePriceTaxPreLabel:not(.true_price) {
	color: transparent;
}
.skuGoodsItemGroup .salePriceTaxItemWrap .items .salePriceTax:not(.true_price) {
	font-size: small;
}
.salePriceTaxItemWrap .items .salePriceTaxSuffixLabel {
	font-size: 0.9em;
}

/* よりどり親 */
.goodsSelectionSalePriceWrap {
	display: flex;
	flex-direction: column;
}

/* ブランド同意ダイアログ ここから */
div#pagePartsHtmlText_GoodsDetailBrandDialog_innerId {
    text-align: center;
}
#brandDialogCloseItemWrap {
	display: flex;
    justify-content: flex-end;
}

.brandDialogClose {
  display: block;
}

.brandDialogClose::before, .brandDialogClose::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 15px;
  background: #333;
}

.brandDialogClose::before {
  transform: translate(-50%,-50%) rotate(45deg);
}

.brandDialogClose::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

div#brandConsentDialogHdr, div#brandCustomerDialogHdr {
	text-align:center;
	font-size:18px;
}

div#brandCompleteHdr {
	font-size:18px;
}

div#customerDialogText {
	padding-bottom :10px;
}
#customerInfoTable td{
	border:1px solid #dbdbdb;
	padding:10px;
}
.hdr {
	background-color:#f2f2f2;
}

div#brandConsentDialogMask,
div#brandExpDialogMask,
div#brandCustomerDialogMask,
div#brandCancelDialogMask,
div#brandCompleteDialogMask {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #00000080;
    z-index: 1000;
}

div#brandConsentDialog,
div#brandExpDialog,
div#brandCustomerDialog,
div#brandCancelDialog,
div#brandCompleteDialog {
    max-width: 40%;
    max-height: 60%;
    padding: 24px 24px 12px 24px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    background-color: #fff;
    overflow-y: scroll;
}

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

	div#brandConsentDialog, div#brandExpDialog,
	div#brandCustomerDialog, div#brandCancelDialog,
	div#brandCompleteDialog {
	    max-width: 80%;
	}

}

div#brandConsentDialogNotice, div#brandConsentDialogNoticeSku,
div#brandExpDialogNotice, div#brandExpDialogNoticeSku,
div#brandCustomerDialogNotice, div#brandCustomerDialogNoticeSku {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

img#brandConsentDialogNoticeIcon, img#brandConsentDialogNoticeIconSku,
img#brandExpDialogNoticeIcon, img#brandExpDialogNoticeIconSku,
img#brandCustomerDialogNoticeIcon, img#brandCustomerDialogNoticeIconSku {
    margin-right: 6px;
}

div#brandConsentDialogChecks,
div#brandExpDialogContents,
div#brandCustomerDialogContents,
div#brandCancelDialogContents,
div#brandCompleteDialogContents {
    margin-bottom: 20px;
}

div#brandCompleteDialogContents, div#brandCancelDialogContents {
	text-align: center;
}

div#brandConsentDialogChecks > div, div#brandConsentDialogChecksSku > div {
	display: flex;
 	margin-bottom: 4px;
	}

input[type="checkbox"].brandConsentCheck, input[type="checkbox"].brandConsentCheckSku {
    margin-top: 4px;
  height: 20px;
  width: 20px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;

}
input[type="checkbox"].brandConsentCheck:checked, input[type="checkbox"].brandConsentCheckSku:checked{
	border: none;
  background: #dd7e54;
}
input[type="checkbox"].brandConsentCheck:checked::before, input[type="checkbox"].brandConsentCheckSku:checked::before{
	display: block;
  content: '';
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(45deg);
}

#brandCustomerDialogLink {
	color: #dd7e54;
	border-bottom: 1px solid #dd7e54
}
#brandDialogLinkDiv {
	text-align: center;
}


div#brandConsentDialogButtons,
div#brandExpDialogButtons,
div#brandCustomerDialogButtons,
div#brandCompleteDialogButton,
div#brandCancelDialogButtons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

div#brandConsentDialogButtons{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-content: space-around;
}

div#brandCancelDialogButtons, div#brandCancelDialogButtonsSku {
	margin-top: 20px;
}

div#brandConsentDialogButtons > input,
div#brandExpDialogButtons > input,
div#brandCancelDialogButtons > input,
div#brandCustomerDialogButtons > input {
	width: 160px;
    height: 36px;
    margin: 0 8px 8px 8px;
}

div#brandCompleteDialogButtons > input, div#brandCompleteDialogButtonsSku > input {
	width: 160px;
    height: 36px;
    margin-top: 15px;
    margin-bottom: 15px;
	}

div#brandConsentDialogChecks label, div#brandConsentDialogChecksSku label,
div#brandExpDialogChecks label, div#brandExpDialogChecksSku label,
div#brandCustomerDialogChecks label, div#brandCustomerDialogChecksSku label {
	width: calc(100% - 30px);
    cursor: pointer;
}

input#brandConsentDialogCancel,
input#brandExpDialogCancel,
input#brandCustomerDialogCancel,
input#brandCompleteDialogCancel,
input#brandCancelDialogCancel,
input#brandCancelDialogStay {
	border: 1px solid #4e4e4e;
    background-color: #ffffff;
    color: #4e4e4e;
}

/*スクロールバーデザイン変更*/
.is-scrollable::-webkit-scrollbar, .skuClassifyList::-webkit-scrollbar {
	height: 20px
}
/* ブランド同意ダイアログ ここまで */