@charset "utf-8";

/* ミニカート */
#miniCartMask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 999;
}

#miniCart {
    position: relative;
    top: 0;
    right: -400px;
    width: 400px;
    margin-left: auto;
    background-color: #fff;
}

#miniCart.hasRecommendList {
    height: 100%;
    overflow-y: scroll;
}

#miniCartTitleItemWrap {
    padding: 20px 20px 20px 28px;
    background-color: #f0f0f0;
}

#miniCartTitleItemWrap .items {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#miniCartTitle_innerId {
    display: flex;
    font-size: 1.2em;
    align-items: flex-start;
}

#miniCartTitleIcon {
	margin-left: 6px;
}

#miniCartCloseWrap {
    width: 22px;
    height: 22px;
    text-align: center;
}

#miniCartClose {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 2px;
}

#miniCartClose::before, #miniCartClose::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
}

#miniCartClose::before {
    transform: rotate(45deg);
}
#miniCartClose::after {
    transform: rotate(-45deg);
}

#miniCartTotalArea {
    margin: 12px 16px;
    padding: 16px 20px;
    background-color: #f0f0f0;
    border-radius: 6px;
}

#miniCartTotalSeparator {
	display: none;
}

#miniCartTotalNumItemWrap > .items,
#miniCartTotalAmountItemWrap > .items {
	white-space: nowrap;
}

#miniCartTotalNumItemWrap > .items > span,
#miniCartTotalAmountPreLabel,
#miniCartTotalAmountSuffixLabel {
    font-size: 1.2em;
}

#miniCartTotalAmount_innerId {
    font-size: 2.0em;
    font-weight: bold;
    color: #d85353;
}

#miniCartTotalAmountSuffixLabel {
    color: #d85353;
    font-weight: bold;
}

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

#miniCardDuplicateGoodsMessageWrap {
	display: flex;
    margin-top: 8px;
}

#miniCardDuplicateGoodsMessage {
    margin-left: 8px;
}

#miniCartButtonArea {
    display: flex;
    justify-content: space-between;
    margin: 0 16px;
}

#miniCartButtonArea > div {
    width: calc(50% - 8px);
}

#miniCartButtonArea a {
    display: block;
    padding: 12px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 6px;
}

#miniCartOrderItemWrap {
    margin: 12px 16px;
}

#miniCartOrderItemWrap a {
    display: block;
    padding: 10px 12px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    background-color: #de7e54;
    border-radius: 6px;
}

#miniCartRecommendArea {
    padding: 12px 16px;
}

#miniCartRecommendTitle_innerId {
    font-size: 1.2em;
}

#miniCartRecommendList {
	overflow: hidden;
}

#miniCartRecommendList::-webkit-scrollbar {
    display: none;
}

.miniCartRecommendListRow {
    width: 170px;
    margin: 10px 0;
    padding: 0 15px;
}

.miniCartRecommendWrap {
	display: inline-block;
    max-width: 140px;
}

.miniCartGoodsImage {
    width: 140px;
    height: 140px;
}

#miniCartRecommendList a.slick-prev.goods-slick.slick-arrow {
    width: 40px;
    left: -20px;
    background-color: rgba(54, 57, 71, 0.5);
}
#miniCartRecommendList a.slick-prev.slick-arrow:after {
    margin-left: 26px;
}
#miniCartRecommendList a.slick-next.goods-slick.slick-arrow {
    width: 40px;
    right: -20px;
    background-color: rgba(54, 57, 71, 0.5);
}
#miniCartRecommendList a.slick-next.slick-arrow:after {
    margin-left: 5px;
}

.miniCartRecommendInnerRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 12px;
}

.miniCartRecommendWrap:nth-of-type(3),
.miniCartRecommendWrap:nth-of-type(4) {
    margin-top: 24px;
}

.miniCartGoodsNameItemWrap {
    margin-top: 8px;
}

.miniCartGoodsName {
	display: block;
	display: -webkit-box;
	height: 38px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 0.8em;
	text-align: left;
}

.miniCartGoodsPrice, .miniCartGoodsPriceAfterLogin {
	display: flex;
    align-items: baseline;
    justify-content: flex-start;
    height: 28px;
}

.miniCartGoodsPriceNum {
    font-size: 1.2em;
    color: #d85353;
}

.miniCartGoodsPriceLabel {
    font-size: 1.1em;
    color: #d85353;
}

.miniCartGoodsPriceTax {
    font-size: 0.7em;
    color: #d85353;
}

.miniCartGoodsPriceAfterLogin {
    font-size: 0.9em;
    align-items: center;
}

#miniCartIncludeArea {
	padding-bottom: 10px;
}

/* SP表示用差分 */
/* @media screen and (max-width: 768px) { */
	.touch #miniCart {
		position: absolute;
	    top: auto;
	    bottom: -400px;
	    right: 0;
	    height: auto;
	    width: 100%;
	}

	.touch #miniCartTitleItemWrap {
	    padding: 12px 20px;
	}

	.touch #miniCartTotalArea {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-around;
	    align-items: baseline;
	    margin: 0;
	    background: none;
	}

	.touch #miniCartTotalSeparator {
		display: block;
		margin: 0 4px;
	}

	.touch #miniCartTotalNumItemWrap > .items > span,
	.touch #miniCartTotalAmountPreLabel,
	.touch #miniCartTotalAmountSuffixLabel {
	    font-size: 1.0em;
	}

	.touch #miniCartTotalAmount_innerId {
	    font-size: 1.2em;
	}

	.touch #miniCartButtonAreaWrap {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    padding: 0 16px;
	}

	.touch #miniCartButtonArea {
		display: block;
		margin: 0;
		flex-grow: 1;
	}

	.touch #miniCartButtonArea > div {
	    width: auto;
	}

	.touch #miniCartContinueItemWrap {
		display: none;
	}

	.touch #miniCartButtonArea a {
		padding: 12px 4px;
	}

	.touch #miniCartOrderItemWrap {
		margin: 0 0 0 8px;
		flex-grow: 3;
	}

	.touch .miniCartRecommendListRow {
	    border-left: 1px solid #dbdbdb;
	    text-align: center;
	}

	.touch .miniCartRecommendInnerRow {
		display: block;
		padding: 0;
	}

	.touch .miniCartRecommendListRow:nth-of-type(1) {
		border-left: none;
	}

	.touch #miniCartIncludeArea {
		padding: 10px 0;
	}

/* } */

/* 小さい画面用 */
@media screen and (max-width: 320px) {
	#miniCartTitle_innerId {
		font-size: 1.0em;
	}

	#miniCartButtonArea a {
		font-size: 0.8em;
	}

	#miniCartOrderItemWrap a {
		font-size: 1.0em;
	}

	.miniCartGoodsPriceNum {
	    font-size: 1.0em;
	}

	.miniCartGoodsPriceLabel {
	    font-size: 0.8em;
	}

	.miniCartGoodsPriceTax {
	    font-size: 0.5em;
	}

	.miniCartGoodsPriceAfterLogin {
	    font-size: 0.7em;
	}
}

/**
* プロモーションレコメンド
*/
#miniCart .recommendBrowsingTitle.level_h1 {
	margin: 0 0 0 0.5em;
	text-align: left;
	padding: 0;
}
#miniCart .item_list {
	overflow: scroll;
}
#miniCart .section_inner {
	padding: 0;
}
#miniCart .section_inner .recommendBrowsingTitle {
	padding-top: 30px
}
#miniCart .item_list .item {
	width: 40%;
}

@media screen and (max-width: 480px){
	#miniCart .slick_carousel_wrap .slick-slider .slick-list{
		padding: 0;
	}
	#miniCart .item_list {
		height: 250px;
	}
}