@charset "UTF-8";
[class^=mdSaleCounter]{max-width:1320px;margin:16px auto 0;padding-bottom:34px;border-radius:8px;background:#fff}
[class^=mdSaleCounter] [class*=__heading]{padding:40px 40px 0;border-radius:8px 8px 0 0;background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/event/y-furusato/common/images/headline_bg_01.png) right no-repeat;background-size:contain;font-size:20px}
[class^=mdSaleCounter] [class*=__subHeading]{padding:24px 78px 8px;font-size:18px}
[class^=mdSaleCounter] [class*=__contentsNote]{padding:0 78px;color:#868686;font-size:11px}
[class^=mdSaleCounter] [class*=__breakdown]{width:680px;margin:24px auto 0}
[class^=mdSaleCounter] .elContainerList{display:-ms-flexbox;display:flex}
[class^=mdSaleCounter] .elCounterContainer{width:334px}
[class^=mdSaleCounter] .elCounterContainer:nth-of-type(2n){margin-left:12px}
[class^=mdSaleCounter] .elSaleCounterLabel{padding:4px;background-color:#ebebeb;font-size:14px;font-weight:700;text-align:center}
[class^=mdSaleCounter] .elSaleCounterLabel.elLimited{background-color:#ed7621;color:#fff}
[class^=mdSaleCounter] .elCondition{margin-top:4px;padding:7px 8px;border-radius:6px;border:1px solid #d9d9d9}
[class^=mdSaleCounter] .elConditionIinner{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}
[class^=mdSaleCounter] .elDetailsWrap{display:-ms-flexbox;display:flex;width:calc(100% - 48px);-ms-flex-align:center;align-items:center}
[class^=mdSaleCounter] .elDetailsWrap.elTextTwoPoints{width:calc(100% - 96px)}
[class^=mdSaleCounter] .elIconWrap{margin-right:8px}
[class^=mdSaleCounter] .elConditionIconImage{width:44px;height:44px}
[class^=mdSaleCounter] .elTextWrap{font-size:12px;line-height:1.3}
[class^=mdSaleCounter] .elPointValueWrap{text-align:right}
[class^=mdSaleCounter] .elPointValueWrap.elJumboPoint{width:59px}
[class^=mdSaleCounter] .elPointValueWrap.elTwoPoints{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:90px}
[class^=mdSaleCounter] .elConditionPoint,[class^=mdSaleCounter] .elConditionPoint_before{color:#f03;font-size:9px;font-weight:700;text-align:center;line-height:1.1;white-space:nowrap}
[class^=mdSaleCounter] .elConditionPoint+.elConditionPoint_before,[class^=mdSaleCounter] .elConditionPoint_before+.elConditionPoint_before{position:relative;display:block;line-height:16px;padding-left:13.4288px;line-height:1.1}
[class^=mdSaleCounter] .elConditionPoint+.elConditionPoint_before::before,[class^=mdSaleCounter] .elConditionPoint_before+.elConditionPoint_before::before{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:16px;line-height:1;width:9.4288px;text-indent:-3.2856px;top:50%;margin-top:-8px;left:0}
[class^=mdSaleCounter] .elAddText{font-size:8px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}
[class^=mdSaleCounter] .elConditionPointValue{font-size:20px;line-height:1.2;white-space:nowrap}
[class^=mdSaleCounter] .elConditionPointPercent{font-size:14px}
[class^=mdSaleCounter] [class*=__information]{position:relative;margin-top:24px}
[class^=mdSaleCounter] .elInfoText{text-align:center}
[class^=mdSaleCounter] .elInfoLink{position:relative;display:inline-block;padding-left:18px;color:#0260ea;font-size:12px;text-align:center}
[class^=mdSaleCounter] .elInfoLink::before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-7px;background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/event/furusato/common/images/ico_questionCircle_01.png) no-repeat;background-size:cover}
[class^=mdSaleCounter] .elInfoLink:hover{opacity:.7}
[class^=mdSaleCounter] [class*=__expandBox]{position:relative;width:830px;margin:24px auto 0}
[class^=mdSaleCounter] .elAnnotationBox{padding:12px 12px 32px;border-radius:8px;background-color:#f4f4f4}
[class^=mdSaleCounter] .elExpand{height:0;overflow:hidden;opacity:0;transition:.4s ease-out;height:70px;opacity:1}
[class^=mdSaleCounter] .elExpandToggle{position:absolute;left:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;width:100%;height:70px;border-radius:8px;background:linear-gradient(180deg,rgba(244,244,244,0) 0,#f4f4f4 70%)}
[class^=mdSaleCounter] .elToggleLink{position:relative;margin-bottom:8px;font-size:14px;color:#0260ea;position:relative;display:inline-block;line-height:15px;padding-right:14.14px}
[class^=mdSaleCounter] .elToggleLink::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:20px;line-height:1;width:12.14px;text-indent:-3.8848px;top:50%;margin-top:-10px;right:0}
[class^=mdSaleCounter] .elToggleLink::after{transition:.2s ease-out;-webkit-transform-origin:50% 50% 0;-ms-transform-origin:50% 50% 0;transform-origin:50% 50% 0}
[class^=mdSaleCounter] [data-libExpand].elOpen .elExpand{opacity:1}
[class^=mdSaleCounter] [data-libExpand].elOpen .elExpandToggle a::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
[class^=mdSaleCounter] [data-libExpand].elShow .elBreakdownLead{padding-bottom:20px;transition:.1s ease-out}
[class^=mdSaleCounter] [data-libExpand].elShow .elExpand{height:auto;opacity:1;-webkit-transition:none}
[class^=mdSaleCounter] [data-libExpand].elShow .elExpandToggle{height:auto;background:0 0}
[class^=mdSaleCounter] [data-libExpand].elShow .elExpandToggle a::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
[class^=mdSaleCounter] .elAnnotationText{font-size:11px}
[class^=mdSaleCounter] .elAnnotationText+.elAnnotationText{margin-top:4px}
[class^=mdSaleCounter] .elAnnotationText a{color:#0260ea}
[class^=mdSaleCounter] .elAnnotationText a:hover{opacity:.7}
[class^=mdSaleCounter] .isSP{display:none}