{include common=css/member/public.css}
section.member>article>.mains .mypromote{padding:28px;}
section.member>article>.mains .mypromote img{float:left; margin-right:28px; border:1px solid #f8f8f8;}
section.member>article>.mains .mypromote dl{background:#f2f3f6; border-radius:3px; padding:28px;}
section.member>article>.mains .mypromote dl>dt{font-size:16px; font-weight:bold;}
section.member>article>.mains .mypromote dl>dd:after{display:block; content:''; clear:both;}
section.member>article>.mains .mypromote dl>dd p{margin:18px 0 16px 0; font-size:16px;}
section.member>article>.mains .mypromote dl>dd span{color:#888; display:block; margin-bottom:18px;}
section.member>article>.mains .mypromote dl>dd a{display:inline-block; padding:0 12px; background:#fff; cursor:pointer; font-size:15px; border-radius:5px; line-height:32px; box-shadow:0 0 3px rgba(0,0,0,0.18); border:1px solid #22bf68; color:#22bf68;}
section.member>article>.mains .mypromote dl>dd a:hover{color:#fff; background:#22bf68;}
@media(max-width:767px){
section.member>article>.mains .mypromote{padding:8px;}
section.member>article>.mains .mypromote dl{padding:18px;}
section.member>article>.mains .mypromote img{float:none; margin:0 auto; display:block;}
section.member>article>.mains .mypromote dl>dt{text-align:center;}
}