@charset "UTF-8";
[class^=mdCoverImage]+.wpSocialGift{margin-top:55px}
.wpSocialGift.elMarginTop{margin-top:90px}
.wpSocialGift.elNotCp{background:linear-gradient(#fff8e6 0,#fff 100%)}
.wpSocialGift.elNotCp .wpSocialGiftInner{padding-top:30px}
.wpSocialGift [class^=elBackground]{position:relative;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.wpSocialGift [class^=elBackground][class*=__top]{padding-top:5.5555555556%;background-image:url(https://s.yimg.jp/images/sh/contents/event/fathers_day/2026/pc/images/common_socialgift_bg_top_01.png);background-position:top center}
.wpSocialGift [class^=elBackground][class*=__bottom]{margin-top:-1px;padding-bottom:6.9444444444%;background-image:url(https://s.yimg.jp/images/sh/contents/event/fathers_day/2026/pc/images/common_socialgift_bg_bottom_01.png);background-position:bottom center}
.wpSocialGift .wpSocialGiftInner{position:relative;margin-top:-1px;padding-right:20px;padding-left:20px;padding-bottom:40px;background-color:#b3e5fc}
.wpSocialGift [class^=mdIconTitle] [class*=ptSub]{padding:40px 24px 0}
.wpSocialGift [class^=mdIconTitle] [class*=ptSub] .elSubIcon{height:22px}
.wpSocialGift [class^=mdIconTitle] [class*=ptSub] .elSubTitle{font-size:18px}
.wpSocialGift [class^=mdIconTitle]+[class^=elBackground__top]{margin-top:64px}
.wpSocialGift [class^=mdMoreLink]{padding-top:16px}
[class^=mdSocialGift]{max-width:990px;width:100%;margin:0 auto}
[class^=mdSocialGift] .elLink{color:#0260ea}
[class^=mdSocialGift] .elLink:hover{opacity:.7}
[class^=mdSocialGift] .elImage{width:100%;height:auto}
[class^=mdSocialGift] [class*=__heading]{height:0;text-align:center}
[class^=mdSocialGift] [class*=__heading] .elHeadding{height:0}
[class^=mdSocialGift] [class*=__heading] .elHeaddingImage{position:relative;top:74%;-webkit-transform:translateY(-74%);-ms-transform:translateY(-74%);transform:translateY(-74%);width:660px;height:auto;background:0 0}
[class^=mdSocialGift] [class*=__heading]+[class*=__item]{margin-top:70px}
[class^=mdSocialGift] [class*=__item]{padding:28px 0;border-radius:8px;background-color:#fff}
[class^=mdSocialGift] [class*=__item]>[class^=el]:not(.elDetailWrap){width:500px;margin:0 auto}
[class^=mdSocialGift] [class*=__item] .elTitleWrap{padding:0 16px;text-align:center}
[class^=mdSocialGift] [class*=__item] .elTitleWrap .elSubTitle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
[class^=mdSocialGift] [class*=__item] .elTitleWrap .elSubTitle .elTitleImage{width:calc(100% - 32px);max-width:302px;height:auto}
[class^=mdSocialGift] [class*=__item] .elTitleWrap .elMainTitle{padding-top:8px;color:#434343;font-size:20px;font-weight:700}
[class^=mdSocialGift] [class*=__item] .elImageWrap{padding-top:12px;text-align:center}
[class^=mdSocialGift] [class*=__item] .elImageWrap .elCampaignImage .elImage{max-width:366px}
[class^=mdSocialGift] [class*=__item] .elExpandWrap{padding-top:8px;-webkit-text-size-adjust:none;text-size-adjust:none}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elToggleLink{display:block;padding:8px;border-radius:8px;background-color:rgba(0,0,0,.04);color:#0260ea;font-size:14px;font-weight:700;text-align:center}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elToggleLink span{position:relative;display:inline-block;line-height:15px;padding-right:19px}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elToggleLink span::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:20px;line-height:1;width:15px;text-indent:-2.5px;top:50%;margin-top:-10px;right:0}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elToggleLink span::after{transition:.2s ease-out;-webkit-transform-origin:50% 50% 0;-ms-transform-origin:50% 50% 0;transform-origin:50% 50% 0}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elToggleLink:hover{opacity:.7}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elFlowList{padding-top:16px}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elFlowItem+.elFlowItem{position:relative;margin-top:20px;padding-top:20px;border-top:1px solid #e5ecef}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elFlowItem+.elFlowItem::after{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;left:50%;top:-1px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:18px;height:9px;background-color:#e5ecef;content:""}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elFlowItemBox{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:20px}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elFlowItemBox .elFlowImage{width:104px}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elFlowItemBox .elFlowText{padding-left:32px}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elFlowItemBox .elFlowText .elDetailText{padding-top:4px;text-align:left}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elFlowImage+.elFlowImage{padding-top:16px}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elContentsNote{padding:16px 24px 0}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elContentsNote .elText{padding:0 0 8px 0}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elText{padding-top:8px;color:#6a6a6a;font-size:12px}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elLeadText{color:#434343;font-size:14px;font-weight:700}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpandContent .elLeadText+.elText{padding-top:4px}
[class^=mdSocialGift] [class*=__item] .elExpandWrap .elExpand{height:0;overflow:hidden;opacity:0;transition:.4s ease-out}
[class^=mdSocialGift] [class*=__item] .elExpandWrap.elOpen .elExpand{opacity:1}
[class^=mdSocialGift] [class*=__item] .elExpandWrap.elShow .elExpand{height:auto;opacity:1;-webkit-transition:none}
[class^=mdSocialGift] [class*=__item] .elExpandWrap.elShow .elToggleLink span{position:relative;display:inline-block;line-height:15px;padding-right:19px}
[class^=mdSocialGift] [class*=__item] .elExpandWrap.elShow .elToggleLink span::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:20px;line-height:1;width:15px;text-indent:-2.5px;top:50%;margin-top:-10px;right:0}
[class^=mdSocialGift] [class*=__item] .elExpandWrap.elOpen .elToggleLink,[class^=mdSocialGift] [class*=__item] .elExpandWrap.elShow .elToggleLink{transition:.4s}
[class^=mdSocialGift] [class*=__item] .elExpandWrap.elOpen .elToggleLink span::after,[class^=mdSocialGift] [class*=__item] .elExpandWrap.elShow .elToggleLink span::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
[class^=mdSocialGift] [class*=__item] .elDetailWrap{max-width:664px;margin:24px auto 0}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elDetailTitle{font-size:16px;font-weight:700;text-align:center}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elDetailFlow{margin-top:12px;padding:16px 40px;border-radius:8px;background-color:#fff8e6}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elContentsInner{width:100%;margin:0 auto}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elContentsInner+.elContentsInner{margin-top:16px}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elContentsInner.elOpen .elExpand{opacity:1}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elContentsInner.elOpen .elExpandToggle a::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elContentsInner.elShow .elExpand{height:auto;opacity:1;-webkit-transition:none}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elContentsInner.elShow .elExpandToggle a::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elInnerWrap{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;position:relative;gap:32px;max-width:400px;margin:0 auto;padding:0 24px}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elCampaignImage{width:122px}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elCampaignDetail{width:calc(100% - 112px);line-height:1.3}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elCampaignDetailText{font-size:16px;font-weight:700}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elExpandToggle{margin-top:4px}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elToggleLink{font-size:14px;line-height:18px;position:relative;display:inline-block;line-height:14px;padding-right:12.498px}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elToggleLink::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:14px;line-height:1;width:8.498px;text-indent:-2.71936px;top:50%;margin-top:-7px;right:0}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elToggleLink::after{transition:.2s ease-out;-webkit-transform-origin:50% 50% 0;-ms-transform-origin:50% 50% 0;transform-origin:50% 50% 0}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elExpand{height:0;overflow:hidden;opacity:0;transition:.4s ease-out}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elExpandInner{margin-top:16px;padding:16px;border-radius:8px;background-color:#f4f4f4}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowList{display:-ms-grid;display:grid;-ms-grid-columns:(146px)[3];grid-template-columns:repeat(3,146px);-ms-flex-pack:justify;justify-content:space-between;border-radius:12px;padding:16px 28px 24px;background:#fff;overflow-x:scroll}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowItem{box-sizing:content-box}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowItem:not(:last-child){position:relative}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowItem:not(:last-child) .elHowImage{position:relative;display:inline-block;line-height:30px;padding-right:22.5px;margin:0;padding:0}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowItem:not(:last-child) .elHowImage::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:30px;line-height:1;width:22.5px;text-indent:-3.75px;top:50%;margin-top:-15px;right:0;color:#a0a0a0}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowItem:not(:last-child) .elHowImage::after{top:140px;right:-25px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowTitle{min-height:78px;font-size:13px;font-weight:700;text-align:center}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowTitle .elArchText{background:0 0;width:69px;position:relative;top:8px}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowTitle .elHowNumber{font-size:20px;font-weight:700;line-height:1}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowImage img{background:0 0;padding-top:24px;width:100%;height:auto}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowText{font-size:14px;padding-top:10px;line-height:normal}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowText .elCaption{display:inline-block;margin-bottom:8px;color:#6a6a6a;font-size:10px}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elHowText .elHighlight{background-color:#ffeb7f}
[class^=mdSocialGift] [class*=__item] .elDetailWrap .elText{padding-top:16px;color:#6a6a6a;font-size:12px}
[class^=mdSocialGift] [class*=__item] .elDetailReward{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;margin-top:24px;padding:28px;border-top:1px solid #e5ecef}
[class^=mdSocialGift] [class*=__item] .elDetailReward .elRewardImage{width:120px}
[class^=mdSocialGift] [class*=__item] .elDetailReward .elRewardText{padding-left:16px;text-align:left}
[class^=mdSocialGift] [class*=__item] .elDetailReward .elRewardText .elDetailText{padding-top:4px;text-align:left}
[class^=mdSocialGift] [class*=__item] .elDetailReward .elRewardText .elStrikethroughText{color:#434343;font-size:14px}
[class^=mdSocialGift] [class*=__item] .elDetailReward .elRewardText .elAsteriskText{position:relative;top:-3px;left:-5px;font-size:10px}
[class^=mdSocialGift] [class*=__item] .elDetailReward .elText{padding-top:8px;color:#6a6a6a;font-size:12px}
[class^=mdSocialGift] [class*=__item] .elDetailReward .elLeadText{color:#434343;font-size:14px;font-weight:700}
[class^=mdSocialGift] [class*=__item] .elDetailReward .elLeadText .elStrikethroughText{font-size:12px}
[class^=mdSocialGift] [class*=__item] .elDetailReward .elLeadText .elColorText{font-size:14px}
[class^=mdSocialGift] [class*=__item] .elDetailReward .elLeadText+.elText{padding-top:4px}
[class^=mdSocialGift] [class*=__item] .elDetailReward::after{position:absolute;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);left:50%;top:-1px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:18px;height:9px;background-color:#e5ecef;content:""}
[class^=mdSocialGift] [class*=__item] .elTextLink{padding-top:10px;text-align:center}
[class^=mdSocialGift] [class*=__item] .elTextLink .elBorderTop{padding-top:10px;border-top:1px solid #ebebeb}
[class^=mdSocialGift] [class*=__item] .elTextLink .elLink{font-size:12px}
[class^=mdSocialGift] [class*=__item] .elTextLink .elLink.elArrowBottom span{position:relative;display:inline-block;line-height:15px;padding-right:16.14px}
[class^=mdSocialGift] [class*=__item] .elTextLink .elLink.elArrowBottom span::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^=mdSocialGift] [class*=__item] .elTextLink .elLink.elArrowRight span{position:relative;display:inline-block;line-height:15px;padding-right:12.02px}
[class^=mdSocialGift] [class*=__item] .elTextLink .elLink.elArrowRight span::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:18px;line-height:1;width:7.02px;text-indent:-6.1776px;top:50%;margin-top:-9px;right:0}
.wpBottomCommonSection .wpSocialGift{margin-top:46px}
.wpBottomCommonSection .wpSocialGift.elNotCp{margin-top:0;background:0 0}
.wpBottomCommonSection .wpSocialGift.elNotCp .wpSocialGiftInner{padding-top:24px}