メル【弘前】のブログ

table.footer-table { width: 100%; font-size: inherit; line-height: 18px; text-align: center; } table.footer-table .footer-background { width: 685px; font-size: 11px; line-height: 22px; color: #888; text-align: center; background-repeat: no-repeat; background-position: center top; padding: 15px 0 7px; background-image: url(https://statici.icloud.com/emailimages/v4/common/footer_gradient_web.png); } .grey-footer-background { width: 685px; font-size: 11px; line-height: 22px; color: #888; text-align: center; background-repeat: no-repeat; background-position: center top; padding: 29px 0 7px; overflow: hidden; background: #f5f5f5 no-repeat; } table.footer-table .icloud-logo { display: inline-block; } table.footer-table .footer-cell { font-family: system,-apple-system,-webkit-system-font,SFNSText,Segoe UI,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif; font-size: 12px; line-height: 15px; color: #666; text-align: center; padding: 0 18px 18px 18px; } table.footer-table .nobr { white-space: nowrap; } table.footer-table .footer-cell a { color: #0070c9; text-decoration: none; } footer-color { color: #666 !important; } table.footer-table .footer-cell a.apple-address { color: #666; white-space: nowrap; text-decoration: none; } table.footer-table1 { width: 100%; font-size: inherit; background-color: #f2f2f2; margin-top: auto; } table.footer-table1 .nobr { white-space: nowrap; } table.footer-table1 .footer-background1 { font-size: 11px; line-height: 22px; color: #888; background-image: url(https://statici.icloud.com/emailimages/v4/common/footer_gradient_web.png); } table.footer-table1 .footer-cell1 { font-family: system,-apple-system,-webkit-system-font,SFNSText,Segoe UI,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif; font-size: 12px; line-height: 18px; padding: 20px 36px 1px 40px; margin-left:10px; } table.footer-table1 .footer-cell1-smallsize { font-family: system,-apple-system,-webkit-system-font,SFNSText,Segoe UI,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif; font-size: 11px; line-height: 18px; color: #666 !important; padding: 20px 36px 1px 40px; margin-left:10px; } table.footer-table1 .footer-cell2 { font-family: system,-apple-system,-webkit-system-font,SFNSText,Segoe UI,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif; font-size: 12px; line-height: 18px; color: #666; padding: 1px 36px 20px 40px; margin-left:10px; } table.footer-table1 .footer-cell1 a { color: #555; text-decoration: none; } table.footer-table1 .footer-cell2 a.apple-address { color: #666; white-space: nowrap; text-decoration: none; } table.footer-table .footer-link { color: #555; text-decoration: none; } table.footer-table .footer-text{ color: #888; text-decoration: none; } table.footer-table .footer-text a{ color: #888; text-decoration: none; } body { padding: 0; margin: 0; } body * { margin: 0; } img { border: 0; } hr.horizontal-divider { height: 1px; background-color: #f6f6f6; border: 0; } a { color: #0070c9; text-decoration: none; } a.big-button { color: #0070c9; text-decoration: none; display: inline-block; text-align: center; height: 43px; line-height: 43px; font-size: 17px; padding: 0; } a.big-button > table { text-align: center; background-color: rgb(70,162,255); font-size: inherit; line-height: inherit; padding: 0; border: 0; } a.big-button > table td.btn-padding { width: 18px; font-family: inherit; font-size: inherit; line-height: inherit; background-size: 18px 43px !important; background-repeat: no-repeat; background-color: rgb(70,162,255); } a.big-button > table td.btn-left { background-image: url(https://statici.icloud.com/emailimages/v4/familysharing/button_left.png); } a.big-button > table td.btn-right { background-image: url(https://statici.icloud.com/emailimages/v4/familysharing/button_right.png); } a.big-button > table td.btn-middle { min-width: 60px; text-align: center; background: url('https://statici.icloud.com/emailimages/v4/familysharing/button_middle.png') repeat-x; background-position:left bottom !important; background-color: rgb(70,162,255); zoom: 1; font-family: inherit; line-height: inherit; font-size: inherit; } a.big-button > table td.btn-middle > a { color: #ffffff; text-decoration: none; } body, td, p, ul, ol { font-family: system,-apple-system,-webkit-system-font,SFNSText,Segoe UI,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif; font-size: 13px; -webkit-font-smoothing: antialiased; line-height: 18px; color: #333333; } table { border-spacing: 0; border-collapse: collapse; border: 0; } table td { padding: 0; } table td.align-left { text-align: left; } table td.align-center { text-align: center; } table td.align-right { text-align: right; } h1 { font-size: 19px; line-height: 22px; color: #333333; font-weight: bold; } h2 { font-size: 16px; line-height: 18px; color: #333333; font-weight: bold; } .hr { height:1px; background-color:#ccc; } .mail-wrapper { background-color: #ffffff; } table.list-items { table-layout: fixed; line-height: inherit; font-size: inherit; } table.list-items .list-item-prefix { padding-right: 4px; text-align: left; vertical-align: top; } table.list-items .list-item { text-align: left; vertical-align: top; } .show-on-mobile { display: none; mso-hide: all; /* Outlook */ max-height: 0; /* Gmail */ overflow: hidden; /* Gmail */ } @media (max-width: 414px) { .show-on-mobile { display: table !important; mso-hide: none !important; /* Outlook */ max-height: none !important; /* Gmail */ } .hide-on-mobile { display: none !important; mso-hide: all !important; max-height: 0 !important; overflow: hidden; } } .main-table-1 { width: 685px; padding: 0px 20px; } .main-table-2 { width: 685px; padding: 0px 36px 0px 40px; } .content-table-1 { margin: 0 auto; text-align: center; } .content-table-2 { margin: 0 auto; text-align: left; } .header-1 { font-family: system,-apple-system,-webkit-system-font,SFNSText,Segoe UI,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif; -webkit-font-smoothing: antialiased; color: #333; font-smooth: always; font-size: 34px; line-height: 37px; text-align: center; } .text-1 { font-family: system,-apple-system,-webkit-system-font,SFNSText,Segoe UI,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif; -webkit-font-smoothing: antialiased; color: #333; font-smooth: always; font-size: 17px; line-height: 26px; text-align: center; } .button-text { font-family: system,-apple-system,-webkit-system-font,SFNSText,Segoe UI,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif; -webkit-font-smoothing: antialiased; color: #333; font-smooth: always; font-size: 17px; line-height: 26px; text-align: center; } .padding-1{ padding-top: 16px; } .padding-2{ padding-bottom: 14px; } .padding-3{ padding-bottom: 16px; } .padding-4{ padding-top: 24px; } .padding-5{ padding-bottom: 26px; } .padding-6{ padding-bottom: 30px; } .padding-7{ padding-bottom: 12px; } .padding-8{ padding-top: 38px; } .padding-9{ padding-top: 32px; } @media screen and (max-width: 750px) { .content-table-1 { padding: 0px 20px; text-align: center; } .content-table-2 { padding: 0px 20px; } } .mail-wrapper { text-align: center; font-size: 15px; color: #666666; } .btn-inner-table { font-size: inherit; line-height: inherit; padding: 0; border: 0; } .center-table { margin: 0 auto; font-size: inherit; line-height: inherit; table-layout: fixed; } .link-clr-1{ color : rgb(0, 138, 205); text-decoration: none; } .link-clr-2{ color: rgb(57, 57, 57); text-decoration:none; } .link-clr-3{ color: #08c; text-decoration: none; } .location-addr-1{ color: #1a1a1a; text-decoration: none; } .nobr{ white-space:nowrap; } .fmf_blue_arrow{ width: 4px; height: 7px; border: none; display: inline-block; background-repeat: no-repeat; vertical-align: center; padding-right: 5px; } .fmf-logo-box-left{ text-align: left; float:left; margin-left:10px; } .fmf-content-sf { font-family: system,-apple-system,-webkit-system-font,SFNSText,Segoe UI,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif; color: #333; font-smooth: always; font-size: 17px; line-height: 26px; text-align: left; } .fmf-padding-1 { padding-top:40px; } .fmf-padding-2 { padding-bottom:20px; } .fmf-padding-3 { padding-bottom:17px; } .fmf-padding-4 { padding-bottom:26px; } .nolink { text-decoration: none; color: #333; } .link-attr-2{ color: rgb(0, 138, 205); text-decoration: none; }