@CHARSET "UTF-8";

/* クーポン適用プロモーション */
#goodsDetailCouponAutoApplyPromotion {
    margin-top: 12px;
    margin-bottom: 4px;
}

#couponPromotionLabel {
    display: inline-block;
    width: 145px;
    padding: 1px 8px;
    color: white;
    font-size: 1.0em;
    font-weight: bold;
    background: #ff9900;
    position: relative;
    text-align: center;
}
/*
#couponPromotionLabel:before,
#couponPromotionLabel:after{
    content: "";
    position: absolute;
    right: -8px;
    border-style: dashed;
    border-width: 9px;
    border-color: rgba(255, 255, 255, 0);
}
#couponPromotionLabel:before {
    top: 0;
    border-top: 16px solid #ff9900;
}
#couponPromotionLabel:after {
    bottom: 0;
    border-bottom: 16px solid #ff9900;
}
*/
#couponPromotionItemWrap > .items {
    display: inline-block;
    margin-left: 16px;
}

#couponPromotion {
    transform: scale(1.2);
    margin-right: 10px;
}

#couponPromotion_label {
    font-weight: bold;
}

/* 商品特別キャンペーン */
#goodsDetailPromotion {
	position: relative;
}

#goodsDetailPromotion > div:nth-child(10) {
    margin-top: 12px;
}

#promotionSummary,
#reviewPromotionSummary,
#couponPromotionItemWrap {
	display: inline-block;
	cursor: pointer;
	width: auto;
    margin-top: 7px;
}
#promotionSummary #promotionSummaryLabel,
#reviewPromotionSummaryLabel {
    display: inline-block;
    width: 145px;
    padding: 1px 5px;
    color: white;
    font-size: 1.0em;
    font-weight: bold;
	text-align: center;
}
#promotionSummary #promotionSummaryLabel {
    background-color: #54b3dd;
    margin-right: 4px;
}
#reviewPromotionSummaryLabel {
    background-color: #cacf34;
}
#promotionSummary:after,
#reviewPromotionSummary:after,
#couponPromotionItemWrap:after {
    margin-left: 2px;
	content: "\f107";
    color: #bbc8cb;
    font-family: 'Font Awesome 5 Free';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
}

#topPromotionName,
#topReviewPromotionName {
	margin-right: 5px;
	font-weight: 600;
}

#topReviewPromotionName {
	margin-left: 10px;
}

#reviewBaloonTriangle:after {
  content: "";
  position: absolute;
  top: 2px;
  left: -6px;
  border-style: solid;
  border-color: #cacf34 transparent transparent transparent;
  border-width: 12px 6px 0 6px;
  transform: rotate(-90deg);
}

#reviewBaloonTriangle {
    position: relative;
}

/* ポップアップ */
#goodsDetailPromotion #results,
#goodsDetailPromotion #reviewPromotionResults,
#goodsDetailCouponAutoApplyPromotion #couponPromotionResults {
    position: absolute;
    max-width: 100%;
    background-color: white;
    padding: 8px 16px;
	border: 1px solid #dbdbdb;
    box-shadow: 0 2px 4px rgb(0 0 0 / 13%);
    z-index: 10;
    display: none;
}
.touch #goodsDetailPromotion #results,
.touch #goodsDetailPromotion #reviewPromotionResults,
.touch #goodsDetailCouponAutoApplyPromotion #couponPromotionResults {
    padding: 8px 8px;
}

/* アニメーション用プロパティ */
#goodsDetailPromotion #results.show,
#goodsDetailPromotion #reviewPromotionResults.show,
#goodsDetailCouponAutoApplyPromotion #couponPromotionResults.show {
	display: block;
}

/* 明細行 */
#goodsDetailPromotion .resultsRow,
#goodsDetailPromotion .reviewPromotionResultsRow ,
#goodsDetailCouponAutoApplyPromotion .resultsRow {
	white-space: nowrap;
	margin-bottom: 8px;
}

/* プロモーション画像 */
.promotionImage {
	width: 46px;
}
.promotionImageItemWrap,
.reviewPromotionImageItemWrap,
.couponPromotionImageItemWrap {
	display: inline-block;
	vertical-align: top;
}

/* プロモーション名＋説明文 */
.promotionContent {
	display: inline-block;
	max-width: calc(100% - 52px);
	white-space: normal;
	vertical-align: top;
    margin-left: 8px;
}
.promotionContent.noImage {
    max-width: none;
    margin-left: 0;
}

/* プロモーション名＋リンク */
#goodsDetailPromotion .noImage .promotionNameItemWrap .items:before,
#goodsDetailPromotion .noImage .promotionNameLinkItemWrap .items:before,
#goodsDetailPromotion .noImage .reviewPromotionNameItemWrap .items:before,
#goodsDetailPromotion .noImage .reviewPromotionNameLinkItemWrap .items:before,
#goodsDetailCouponAutoApplyPromotion .noImage .couponPromotionNameItemWrap .items:before,
#goodsDetailCouponAutoApplyPromotion .noImage .couponPromotionNameLinkItemWrap .items:before {
	content: "・";
	font-weight: bold;
}
#goodsDetailPromotion .promotionName_itemLabel,
#goodsDetailPromotion .reviewPromotionName_itemLabel,
#goodsDetailCouponAutoApplyPromotion .couponPromotionName_itemLabel,
#goodsDetailPromotion .promotionNameLink {
	font-weight: bold;
}
#goodsDetailPromotion .noImage .promotionName_itemLabel,
#goodsDetailPromotion .noImage .reviewPromotionName_itemLabel,
#goodsDetailCouponAutoApplyPromotion .noImage .couponPromotionName_itemLabel,
#goodsDetailPromotion .noImage .promotionNameLink {
	margin-left: 0;
}

/* プロモーションリンク */
#goodsDetailPromotion .promotionNameLink:after,
#goodsDetailPromotion .promotionDescriptonLink:after {
    margin-left: 6px;
	content: "\f35d";
    color: #363947;
    font-size: 0.9em;
    font-family: 'Font Awesome 5 Free';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
}

/* プロモーション説明文 */
.promotionDescriptonItemWrap,
.reviewPromotionDescriptonItemWrap,
.couponPromotionDescriptonItemWrap {
	margin-left: 4px;
}
.noImage .promotionDescriptonItemWrap,
.noImage .applyPeriodStartItemWrap,
.noImage .reviewPromotionDescriptonItemWrap,
.noImage .reviewApplyPeriodStartItemWrap,
.noImage .couponPromotionDescriptonItemWrap,
.noImage .couponApplyPeriodStartItemWrap  {
	margin-left: 22px;
}