/* CSS Document */
@charset "UTF-8";

.SaledayHeader {
    margin-bottom: 16px;
}

.SaledayContents {
    padding: 16px;
}

.SaledayBox {
    padding: 48px 16px 16px 16px;
    position: relative;
    margin-bottom: 16px;
    border-radius: 4px;
    margin-top: 36px;
}

.SaledayBox__Headline {
    position: absolute;
    left: -12px;
    top: -34px;
}

.SaledayBox--Monday {
    background-image: url(//jp.images-monotaro.com/main/news/saleday/img/saledayBackground_mon.gif);
}

.SaledayBox--Tuesday {
    background-image: url(//jp.images-monotaro.com/main/news/saleday/img/saledayBackground_tue.gif);
}

.SaledayBox--Wednesday {
    background-image: url(//jp.images-monotaro.com/main/news/saleday/img/saledayBackground_wed.gif);
}

.SaledayBox--Thursday {
    background-image: url(//jp.images-monotaro.com/main/news/saleday/img/saledayBackground_thu.gif);
}

.SaledayBox--Friday {
    background-image: url(//jp.images-monotaro.com/main/news/saleday/img/saledayBackground_fri.gif);
}

.SaledayBox--Saturday {
    background-image: url(//jp.images-monotaro.com/main/news/saleday/img/saledayBackground_sat.gif);
}

.SaledayProduct {
    background-color: #ffffff;
    padding: 28px 20px 36px 20px;
    margin-bottom: 12px;    
    overflow-x: auto;
    overflow-y: hidden;
}

.SaledayProduct--Monday {
    border-bottom: 4px solid #00349c;
}

.SaledayProduct--Tuesday {
    border-bottom: 4px solid #752300;
}

.SaledayProduct--Wednesday {
    border-bottom: 4px solid #7b0f0f;
}

.SaledayProduct--Thursday {
    border-bottom: 4px solid #60064e;
}

.SaledayProduct--Friday {
    border-bottom: 4px solid #224802;
}

.SaledayProduct--Saturday {
    border-bottom: 4px solid #005e5e;
}

.SaledayHeader__Title {
    font-size: 5.6rem;
}

.SaledayHeader__SubTitle {
    margin-bottom: 16px;
}

.SaledayTextEmphasis {
    color: #c7000f;
}

.SaledayButtonNavigation {
    margin-bottom: 16px;
}

.SaledayButtonNavigation__Item {
    padding-right: 8px;
}

.SaledayButton {
    color: #ffffff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.SaledayButton:hover {
    color: #ffffff;
}

.SaledayButton--Monday {
    background-color: #2461d1;
    -webkit-box-shadow: inset 0 -2px 0 0 #053eb2;
    box-shadow: inset 0 -2px 0 0 #053eb2;
}

.SaledayButton--Monday:hover {
    background-color: #82a5e5;
}

.SaledayButton--Tuesday {
    background-color: #e55f05;
    -webkit-box-shadow: inset 0 -2px 0 0 #912c00;
    box-shadow: inset 0 -2px 0 0 #912c00;
}

.SaledayButton--Tuesday:hover {
    background-color: #f0a370;
}

.SaledayButton--Wednesday {
    background-color: #db2c42;
    -webkit-box-shadow: inset 0 -2px 0 0 #9e1313;
    box-shadow: inset 0 -2px 0 0 #9e1313;
}

.SaledayButton--Wednesday:hover {
    background-color: #ea8693;
}

.SaledayButton--Thursday {
    background-color: #c0238a;
    -webkit-box-shadow: inset 0 -2px 0 0 #88096e;
    box-shadow: inset 0 -2px 0 0 #88096e;
}

.SaledayButton--Thursday:hover {
    background-color: #db81bc;
}

.SaledayButton--Friday {
    background-color: #3f8906;
    -webkit-box-shadow: inset 0 -2px 0 0 #336f04;
    box-shadow: inset 0 -2px 0 0 #336f04;
}

.SaledayButton--Friday:hover {
    background-color: #91bb70;
}

.SaledayButton--Saturday {
    background-color: #009999;
    -webkit-box-shadow: inset 0 -2px 0 0 #005e5e;
    box-shadow: inset 0 -2px 0 0 #005e5e;
}

.SaledayButton--Saturday:hover {
    background-color: #6dc5c5;
}

.ProductBox {
    display: table;
    margin-bottom: 16px;
}

.ProductBox__Img {
    display: table-cell;
    vertical-align: top;
    padding-right: 16px;
}

.ProductBox__Data {
    display: table-cell;
}

.ProductInfoName {
    margin-bottom: 4px;
}

.ProductInfoCatchcopy {
    margin-bottom: 16px;
}

.TextInputButtonGroup {
    white-space: nowrap;
}

.TextInputButtonGroup__Input {
    width: 42px;
    vertical-align: top;
    margin: 0;
}

.SaledayCellOrderButton {
    width: 205px;
}

.SaledayCellRegularPurchaseButton {
    width: 137px;
}

.SaledaySeparator {
    display: block;
    border-top: 4px solid #666;
    margin: 24px 0;
}

.SaledaySeparator--Saturday {
    border-top: 4px solid #006c6c;
}

.SaledayCampaignCode {
    font-size: 22px;
}

.SaledayCampaignCode__Number {
    display: inline-block;
    margin-bottom: 4px;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    padding: 0 16px;
    letter-spacing: 1px;
    vertical-align: middle;
    font-weight: bold;
}

.SaledayLabel {
    display: inline-block;
    margin: 0 16px 4px 0;
    border: 1px solid #c7000f;
    background-color: #c7000f;
    padding: 4px 16px;
    letter-spacing: 1px;
    font-size: 15px;
    vertical-align: middle;
    line-height: 1.3;
    color: #ffffff;
    font-weight: bold;
}

.SaledayCampaignGuide {
    margin-bottom: 24px;
}

.SaledayCampaignGuide__Link {
    margin-left: 90px;
}

.SaledayCampaignNotice {
    margin-bottom: 16px;
}

.SaledayCampaignNoticeList {
    list-style: none;
    padding: 0 0 0 8px;
    margin: 0;
}

.SaledayAlert {
    margin-bottom: 24px;
}

.Superscript {
    line-height: 0;
}

.TopBack {
    text-align: right;
    margin-bottom: 24px;
}


/*ダイアログタイトル*/
.DialogHeader__Title {
  padding-right: 0;
}

/*レコメンド残像バク対応*/
.DialogContents {
  -webkit-backface-visibility: hidden;
}

/* レコメンドの高さ調整 */
.Slide--Totalprice {
  min-height: 275px;
}

/*バスケットフィートバック*/
.BasketFeedbackGuide {
  margin-bottom: 16px;
  text-align: center;
}

.BasketFeedbackIncentive:last-child {
  margin-bottom: 0;
}


/*ユーティリティ*/
.u-TextAlign--Center {
    text-align: center;
}

.u-TextEmphasis {
    font-weight: 600;
}

.u-TextEmphasis--Alternate {
    color: #ab1620;
}