.local-topics { margin: 40px 0; } .local-topics--PC { display: block; } .local-topics_heading { font-size: 20px; line-height: 1.25; margin: 40px 0; font-weight: bold; } .local-topics_body { margin-right: calc((100vw - 1052px) / -2); margin-left: calc((100vw - 1052px) / -2); border-bottom: solid 1px #e2e2e2; background: linear-gradient(to bottom, #ffffff 0%, #f5f6f9 100%); } .local-topics_body_inner { max-width: 1052px; padding: 0 10px; margin: 0 auto; } .local-topics_itemList { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 0 -40px; } .local-topics_itemList_item { margin-left: 40px; margin-bottom: 40px; display: -webkit-flex; display: flex; } .local-topics_itemList_img { width: 243px; padding-right: 20px; -webkit-flex-shrink: 0; flex-shrink: 0; } .local-topics_itemList_img img { max-width: 100%; } .local-topics_itemList_text { -webkit-flex: 1 1 auto; flex: 1 1 auto; } .local-topics_itemList_text *:first-child { margin-top: 0; } .local-topics_itemList_icon { margin: 20px 0; } .local-topics_itemList_icon span { display: inline-block; background: #484848; color: #fff; border-radius: 3px; padding: 4px 8px 3px; font-size: 12px; font-weight: bold; } .local-topics_itemList_heading { margin: 12px 0; } .local-topics_itemList_heading h2, .local-topics_itemList_heading h3, .local-topics_itemList_heading h4, .local-topics_itemList_heading h5, .local-topics_itemList_heading h6 { font-size: 18px; line-height: 1.5; margin: 0; font-weight: bold; } .local-topics_itemList_paragraph { margin: 10px 0; } .local-topics_itemList_link { margin: 25px 0; } .local-topics_itemList_link a { display: inline-block; text-decoration: none; padding: 0 0 0 16px; text-indent: -16px; } .local-topics_itemList_link a:before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 6px; height: 6px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -.25em; margin-right: 8px; } @media screen and (max-width: 1072px) { .local-topics_body { margin-right: -10px !important; margin-left: -10px !important; } } @media screen and (max-width: 1024px) { .local-topics--PC { display: block; margin: 40px -10px; background: #f5f6f9; border-top: solid 1px #e2e2e2; border-bottom: solid 1px #e2e2e2; } .local-topics_inner { margin: 0 10px; } .local-topics_body { background: transparent; border-bottom: none; } .local-topics_itemList { display: block; margin: 0; } .local-topics_itemList_item { width: auto; margin: 0; padding: 35px 0 5px; border-top: dotted 1px #e2e2e2; } .local-topics_itemList_img { width: 33%; -webkit-flex-shrink: 0; flex-shrink: 0; box-sizing: border-box; padding-right: 10px; max-width: 240px; } .local-topics_itemList_text { -webkit-flex: 1 1 auto; flex: 1 1 auto; box-sizing: border-box; padding-left: 10px; } } @media print { .local-topics_itemList_item { width: 506px; } } .mod-supportProductsList_imgList .mod-supportProductsList_imgList_itemLarge { width: calc((100% - 20px * 2) / 2); margin-left: 20px; margin-bottom: 20px; } .mod-supportProductsList_additionalLink { margin: 40px 0 0; border-top: dotted 1px #e2e2e2; padding: 35px 0 0; } .mod-supportProductsList_additionalLink a { padding-left: 1em; text-indent: -1em; display: inline-block; } .mod-supportProductsList_additionalLink a:before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 6px; height: 6px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -.25em; margin-right: 8px; } .local-link1 { margin: 40px 0; } .local-link1_inner { display: -webkit-flex; display: flex; margin-bottom: -20px; margin-left: -20px; } .local-link1_item { width: calc((100% - 20px * 3) / 3); margin-left: 20px; margin-bottom: 20px; } .local-link1_item_img img { max-width: 100%; } .local-link1_item_text { margin: 20px 0 0; } .local-link1_item_heading { margin: 10px 0 0; font-size: 14px; } .local-link1_item_heading a { padding-left: 1em; text-indent: -1em; display: inline-block; } .local-link1_item_heading a:before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 6px; height: 6px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -.25em; margin-right: 8px; } @media screen and (max-width: 640px) { .local-link1_inner { display: block; margin: 0; } .local-link1_item { width: 100%; margin: 0 0 20px; display: -webkit-flex; display: flex; padding: 20px 0 0; border-top: dotted 1px #e2e2e2; } .local-link1_item:first-child { padding: 0; border-top: none; } .local-link1_item_img { width: 33%; box-sizing: border-box; padding-right: 10px; } .local-link1_item_text { width: 66%; margin: 0; box-sizing: border-box; padding-left: 10px; } .local-link1_item_heading { margin: 0; } } @media print { .local-link1_item { width: 337px; } } .mod-supportProductsList_imgList li p a { font-size: 14px; } .mod-supportProductsList_imgList li p span { font-size: 12px; }