/* ------------------------------------------ COMMON ------------------------------------------ */ body { padding-top: 80px; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-size:15px; color: #000; line-height: 1.8; } .pc{ display:block; } img{ width:100%; } a { color: #2690d2 !important; transition: 1.0s ; display:block; } a:hover{ text-decoration:none; } p{ width:100%; } .indent{ padding-left:1.5em !important; text-indent:-2.3em; } .weight{ font-weight:bold; } .red{ color:#ed1c24; } .blue{ color:#2690d2; } .color333{ border:#333; } .m_b10{ margin-bottom:10px; } .m_t10{ margin-top:10px; } .list-hr{ margin-bottom:0; border:1px solid #888; } .caution{ width:100%; padding:20px; margin:10px 0; background:#f2f2f2; } h1,h2,h3{ font-weight:bold; } h1{ font-size:32px; text-align: center; color:#fff; margin-top:20px; margin-bottom:20px; } h1 span{ position: relative; display: inline-block; padding-bottom:0.5em; border-bottom: 2px solid #fff; } h1 span::before, h1 span::after { position: absolute; top: 100%; left:50%; transform:translateX(-50%); content: ''; border: 10px solid transparent; } h1 span::before { border-top: 12px solid #fff; } h1 span::after { margin-top: -1px; border-top: 10px solid #2690d2; opacity:0.8; } h2{ position: relative; color: white; padding:0.4em 0.5em 0.4em 1.4em; background-color: #2690d2; font-size:20px; } h2:after { position: absolute; top: 50%; left:0.7em; transform:translateY(-50%); content: ''; width: 5px; height:25px; background-color:white; } h2.triangle{ margin: 0; font-size: 20px; position: relative !important; margin-bottom: 15px; padding: 50px 0 0 40px; /* 打消し */ color:#555; background-color:transparent; } h2.triangle:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 0px 0 60px 30px; border-color: transparent transparent #2690d2 transparent; opacity:0.5; position: absolute; z-index: -1; transform: rotate(30deg); top: 25px; left: 20px; } h2.etr-list, h3.etr-list{ margin:50px 0 15px 0 !important; } h3{ padding:0.5em; font-size:18px; color:#2690d2; border-top:1px solid #2690d2; border-bottom:1px solid #2690d2; } h4{ position: relative; padding-left: 1em; font-size:16px; margin:25px 0 7px 0; } h4::after{ position: absolute; top: 50%; left:0; transform:translateY(-50%); content: ''; width: 6px; height:1.3em; background-color: #2690d2; } h5{ font-weight:bold; font-size:15px; margin:20px 0 0px; } .breadcrumb{ background:#fff; font-size:12px; } .navbar { position: fixed; top: 0; left: 0; width: 100%; margin-bottom: 0; padding: 1em 0; border-radius: 0; z-index: 1000; background:none; transition :all 0.2s ease-in-out 0s; box-shadow: 1px 1px 4px #1772aa; background-color:#FFF; } .sticky { padding: 1em 0; background: rgba(255,255,255,0.98); box-shadow: 1px 1px 4px #e6e6e6; } footer { padding: 10px 0; margin:20px 0; background: none; border-top:1px solid #e0e0e0; font-size: 86%; color: #fff; } #copyright a { color: #fff; text-decoration: underline; } #copyright a:hover { text-decoration: none; } #footer-navi { text-align: right; } #footer-navi li { display: inline-block; list-style: none; } #footer-navi li a { display: inline-block; padding: 0 0 0 10px; color: #fff; } #footer-navi p.license a { color: #fff; text-decoration: underline; } #footer-navi p.license a:hover { text-decoration: none; } /* ------------------------------------------ CONTENT COMMON STYLES ------------------------------------------ */ #content { padding: 4em 0 2em; } #content article .row { margin-bottom: 1em; } #content article h2, #content article h3{ margin:50px 0 15px !important; } /* ------------------------------------------ LOWER CONTENT ------------------------------------------ */ #mainvisual-lower { position: relative; padding: 2.5em 0; background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); } #mainvisual-lower .overray { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#2690d2; opacity:0.5; } #mainvisual-lower .row { display: table; width: 100%; margin:0 auto; } #mainvisual-lower .row .col-sm-12 { display: table-cell; width: 100%; vertical-align: middle; } #mainvisual-lower h2 { margin: 0; font-size: 40px; } #mainvisual-lower h2 i { padding-right: 10px; font-size: 50px; } #localnavi { border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; } #localnavi nav ul { margin: 0; padding: 0; text-align: left; } #localnavi nav li { display: inline-block; list-style: none; float: left; } #localnavi nav li a { position: relative; display: inline-block; } #localnavi nav li.home a { padding: 5px 1em ; } #localnavi nav li a:hover { background: #fff; text-decoration: none; } #localnavi nav li span { display: inline-block; padding: 5px 0.5em 5px 1.5em; } #localnavi nav li.pagetop span { position: relative; } #localnavi nav li a:before { right:-10px; content:">"; display:block; position:absolute; z-index:1; padding-top:5px; } #localnavi nav li.home a:before{ padding-top:0; } #localnavi nav li a:after { right:-11px; content:""; display:block; top:0; position:absolute; width:0; } #localnavi nav li a:hover:before { border-left-color:#fff; } #localnavi nav li.pagetop ul li { display: block; float: none; } #localnavi nav li.pagetop ul li a { display: block; border-right: none; } #localnavi nav li.pagetop ul li a:hover { background: #f6f6f6; } #localnavi nav li.pagetop ul li.active a:hover { background: #428bca; } #localnavi nav li.pagetop ul li a:before, #localnavi nav li.pagetop ul li a:after { display: none; } .breadcrumb { background-color: #none; border-radius: 0; list-style: none outside none; margin-bottom: 0; padding: 0; } #blog-primary-content { padding-left: 0; } #entry-list article { margin-bottom: 3em; padding-bottom: 3em; border-bottom: solid 1px #e9e9e9; } #entry-list figure { width: 300px; float: right; margin-left: 2em; margin-bottom: 1em; } #entry-list figure img { width: 100%; border: solid 1px #e9e9e9; } .entry-meta { display:inline-flex; } .entry-meta a{ margin-left:15px; height:25px; line-height:25px; padding:0px 10px; background:#808080; color:#fff !important; } .entry-excerpt { margin-bottom: 1em; } .pagemore { text-align: left; } #content #entry-list h1 { margin-bottom: 15px; font-size: 20px; color: #000; } #sidebar nav { margin-bottom: 2em; padding-bottom: 2em; } #sidebar div { padding-bottom:5px; font-size: 20px; font-family: "Mplus 1p"; font-weight:bold; color:#555; } #sidebar ul { padding: 0; margin-bottom: 0; } #sidebar ul li { list-style: none; border-bottom: dotted 1px #e9e9e9; } h1.page-title { margin: 0 0 1em 0; } /* ------------------------------------------ ENTRY DETAIL ------------------------------------------ */ #entry-detail figure { margin-bottom: 2em; } #entry-detail img { max-width: 100%; } .entry-social-buttons { margin-top: 3em; } .entry-social-buttons ul { padding-left: 0; list-style: none; } .entry-social-buttons ul li { display: inline-block; margin-right: 0.7em; vertical-align: top; } /* ------------------------------------------ BTN ------------------------------------------ */ .btn-or a{ display: inline-block; width:60%; height:60px; line-height:60px; margin:20px 0; text-decoration: none; text-align:center; color: #FFF !important; font-weight:bold; font-size:16px; background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%); background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%); } .btn-or a:hover{ background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%); background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%); } .btn-blue{ text-align:center; } .btn-blue a{ display:inline-block; width:30%; height:50px; line-height:50px; margin:20px 0; text-decoration:none; text-align:center; color:#2690d2; border:1px solid #2690d2; } .btn-blue a:hover{ background:#2690d2; color:#fff !important; } /* ------------------------------------------ TOP ------------------------------------------ */ body#sitetop { padding-top: 0; } #mainvisual { width: 100%; min-height: 300px; padding: 8em 0 3em 0; background: url(https://demo.movabletype.jp/simple_corporate/assets/demo-bg-top-main.png) no-repeat center bottom; background-size: cover; text-align: center; border-bottom: solid 1px #e9e9e9; } #mainvisual h2 { margin: 0 0 20px 0; } #mainvisual #main-text { margin-bottom: 2em; } #mainvisual .btn-group { } #mainvisual .btn-group .btn { width: 300px; } #top-about .webpages { padding: 3em 0; border-bottom: solid 1px #f1f1f1; } #top-about .webpages:nth-child(even) { background: #F5F7FA; } #top-about .webpages h3 { margin: 0 0 15px 0; text-align: center; font-size: 40px; } #top-about .webpages p.webpage-lead { margin-bottom: 2em; text-align: center; } #top-about .webpages .col-sm-4 { position: relative; padding-bottom: 50px; } #top-about .webpages i { padding-right: 0.2em; } #top-about .webpages .page-detail { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 15px; text-align: center; } #top-about .webpages .page-detail .btn { width: 100%; } #top .main-desc{ margin-bottom:0px; } /* ------------------------------------------ nav menu ------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; box-sizing: border-box; } ol, ul { list-style: none; } a { text-decoration: none; color: inherit; } .cp_cont { height: 65vh; } .cp_offcm01 { position: absolute; top: 11px; right: 20px; display: inline-block; } /* menu */ .cp_offcm01 .cp_menu { position: fixed; top: 0; right: -100vw; width: 250px; height: 100%; cursor: pointer; -webkit-transition: 0.53s transform; transition: 0.53s transform; -webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99); transition-timing-function: cubic-bezier(.38,.52,.23,.99); background-color: #2690d2; opacity: 1.0; } .cp_offcm01 .cp_menu ul { margin: 0; padding: 0; } .cp_offcm01 .cp_menu li { list-style: none; } .cp_offcm01 .cp_menu li a { display: block; padding: 15px; text-decoration: none; color: #ffffff !important; border-bottom: 1px solid #0d80ba; } .cp_offcm01 #cp_toggle01 { position: absolute; display: none; opacity: 0; } .cp_offcm01 #cp_toggle01:checked ~ .cp_menu { -webkit-transform: translateX(-100vw); transform: translateX(-100vw); } /* menu toggle */ .cp_offcm01 #cp_toggle01 ~ label { display: block; padding: 0.2em 1em; cursor: pointer; -webkit-transition: 0.5s transform; transition: 0.5s transform; -webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27); transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27); text-align: center; background:#2690d2; color: #fff; } .cp_offcm01 #cp_toggle01:checked ~ label { -webkit-transform: translateX(-250px); transform: translateX(-250px); } .cp_offcm01 #cp_toggle01 ~ label::before { font-family: 'FontAwesome'; content: '\f0c9'; font-size: 2em } .cp_offcm01 #cp_toggle01:checked ~ label::before { content: '\f00d'; } label{ font-weight:normal; } /* contents */ .cp_contents { color: #333333; text-align: left; font-weight:bold; } .cp_contents a{ display:inline-block; margin-right:10px; } @media screen and (min-width:960px){ .cp_contents a{ width:120px; } } /* ------------------------------------------ footer ------------------------------------------ */ .footer-area{ text-align:center; } .footer-area .menu-area{ text-align:left; padding:5px 15px; } .footer-area .menu-area a{ color:#333 !important; display:inline-block; } .footer-area .menu-area .a-menu{ position: relative; display: inline-block; padding: 0 20px 0 18px; color: #000; vertical-align: middle; text-decoration: none; font-size: 15px; } .footer-area .menu-area .a-menu::before, .footer-area .menu-area .a-menu::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } .footer-area .menu-area .a-menu::before{ width: 12px; height: 12px; background: #2690d2; } .footer-area .menu-area .a-menu::after{ left: 5px; box-sizing: border-box; width: 3px; height: 3px; border: 3px solid transparent; border-left: 3px solid #fff; } .footer-logo{ width:100px; margin:20px auto 10px; } .footer-logo img{ width:100%; } .copyright{ color:#b3b3b3; font-size:12px; } #page-top { position: static; } #page-top { font-size: 77%; } #page-top a { background: #2690d2; text-decoration: none; color: #fff !important; width: 100px; padding: 20px 0; text-align: center; display: block; border-radius: 5px; position: fixed; bottom: 20px; right: 20px; } #page-top a:hover { text-decoration: none; } /* ------------------------------------------ 10/17追加 ------------------------------------------ */ *, *:before, *:after { box-sizing: border-box; } .navbar .cp_contents .brand img{ width:120px; } .category-link{ width: 100%; display: flex; display: -ms-flexbox; /* IE10 */ flex-wrap: wrap; -ms-flex-wrap: wrap; /* IE10 */ } .category-link > div{ width: 24%; height:50px; line-height:50px; margin:4px; border:1px solid #2690d2; box-sizing: border-box; position:relative; overflow:hidden; text-align:center; } .category-link > div a:hover{ background:#2690d2; color:#fff !important; text-decolation:none; } #entry-list{ display:block; } .list-dz, .list-dz-a{ list-style: none; border:1px solid #e0e0e0; box-sizing: border-box; padding: 15px; margin:10px 0; box-shadow: 0px 0px 0px #e6e6e6; } .list-dz li, .list-dz-a li{ padding:5px 0; padding-left:1.5em !important; text-indent:-2.3em; } .list-dz li:before, .list-dz-a li:before{ content: ""; width: 5px; height: 16px; margin-right:15px; margin-left:15px; display: inline-block; background-color: #888888; vertical-align:middle; } .list-dz-a li a{ display:inline; } /* ------------------------------------------ side menu ------------------------------------------ */ .side-nav li a{ padding:15px 0; color:#000 !important; font-weight:bold; } .side-nav li a:hover{ background:#f2f2f2; } .side-nav li a:hover:before{ background:#2690d2; opacity:1; } .side-nav li a:before{ content: ""; width: 5px; height: 18px; margin:0 10px 0 0; display: inline-block; background-color: #888888; vertical-align:middle; } .side-nav .side-sub-cat{ padding-left:15px; } .side-nav .side-sub-cat a{ font-weight:normal; color:#8a8a8a !important; } .side-nav .side-sub-cat a:before{ width: 10px; height: 10px; border-top: solid 2px #8a8a8a; border-right: solid 2px #8a8a8a; -webkit-transform: rotate(45deg); transform: rotate(45deg); background:none; } .side-nav .side-sub-cat a:hover:before{ background:none; border-top: solid 3px #2690d2; border-right: solid 3px #2690d2; } /* ------------------------------------------ category-list-page ------------------------------------------ */ .sick-list{ width:100%; margin:0 0 10px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .sick-list .sick{ margin:0 1% 1% 0; padding:15px 20px; border:1px solid #2690d2; box-sizing:border-box; width:49%; background:url("/disease/diabetes/column/img/arrow.png") no-repeat bottom right; background-size:25px; } .sick h3{ font-size:18px; border:none; border-bottom:1px solid #2690d2; padding:0; padding-bottom:5px; margin-bottom:10px; } .sick p{ color:#000; } .sick a{ display:block; } .category-list{ width:100%; display:inline-block; border-bottom:1px solid #d7d7d7; } .category-list a:hover{ background:#f2f2f2; } .category-list a{ padding:25px 15px; } .category-list h3{ border:none; padding:0 0 0.5em 0; color:#333; } .category-list .category-img{ width:30%; display:inline-block; } .category-list .category-img img{ } .category-list .category-text{ width:69%; display:inline-block; vertical-align:top; padding:0.5em !important; } .category-list .category-text p{ color:#333 !important; } /* ------------------------------------------ article-page ------------------------------------------ */ .art-des { width: 100%; margin: 40px auto 0; padding: 10px 0; color: #2690d2; border:1px solid #2690d2; position:relative; } .art-des .caption{ padding:0 15px; background:#fff; position:absolute; top:-15px; left:20px; font-size:20px; } .art-des p{ padding:20px; display:block; color:#000; } dl{ border:1px solid #e0e0e0; margin:10px 0; box-shadow: 0px 0px 0px #e6e6e6; } dl dt{ padding:15px 15px 0 15px; font-size:16px; } dl .list-dz{ border:none; margin:0; padding-top:10px; } dl .list-dz-a{ border:none !important; margin:0; padding-top:10px; } dl .list-dz li{ padding-left:1.5em !important; text-indent:-2.3em; } .clip-box-a { position: relative; margin: 3em auto; padding: 15px 35px 15px 25px; width: 100%; background-color: #fff; border: 1px solid #ccc; /* 枠線 */ box-shadow: 1px 1px 1px #acacac; /* 影の色 */ } .clip-box-a::before { position: absolute; content: ''; top: -15px; right: 10px; height: 55px; width: 15px; border: 3px solid #555555; /*クリップ色 */ background-color: none; border-radius: 12px; box-shadow: 1px 1px 2px #999; transform: rotate(10deg); z-index: 1; } .clip-box-a::after { position: absolute; content: ''; top: 0px; width: 10px; right: 20px; border: solid 5px #fff; /*背景色と同じ色にする*/ z-index: 2; } .gray-list{ background:#f2f2f2; width:100%; display:block; margin:10px 0; padding:15px 20px; } table{ border-collapse: collapse; table-layout: fixed; width:100%; margin:30px 0; } table tr{ padding:10px; } table tr th, table tr td{ min-height:50px; height:auto !important; height:50px !important; border: solid 1px #888; padding:0 10px; } .arrow-bottom{ width: 30px; height: 30px; border: 5px solid; border-color: transparent transparent #2690d2 #2690d2; transform: rotate(-45deg); margin:0 auto !important; } .arrow{ padding-bottom:10px; } table caption{ text-align:left; font-weight:bold; font-size:18px; } table.spacing th{ letter-spacing:-0.1em; font-size:14px; line-height:1.5; } /* ------------------------------------------ author ------------------------------------------ */ table.author tr th{ width:25%; } /* ------------------------------------------ sp ------------------------------------------ */ @media screen and (max-width: 960px) { .category-link > div{ width: 48%; margin:1%; } .pc{ display:none; } } @media screen and (max-width:767px){ body{ padding-top:60px; } h1{ font-size:26px; } img { max-width: 100%; } #content{ padding:2em 0 2em; } .pc{ display:none; } header { margin-bottom: 5px; } .navbar { padding:0.5em 0; } .navbar .cp_contents .brand img{ width:100px; } .cp_contents a{ margin-right:-10px; } .cp_offcm01{ top:7px; right:6px; } .cp_offcm01 #cp_toggle01 ~ label{ padding:0em 0.7em; } .cp_offcm01 #cp_toggle01 ~ label::before { font-size: 1.6em } .container > .navbar-header { position: relative; width: 100%; margin: 0; text-align: center; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { margin-bottom: 50px; } section .col-sm-1:last-of-type, section .col-sm-2:last-of-type, section .col-sm-3:last-of-type, section .col-sm-4:last-of-type, section .col-sm-5:last-of-type, section .col-sm-6:last-of-type, section .col-sm-7:last-of-type, section .col-sm-8:last-of-type, section .col-sm-9:last-of-type, section .col-sm-10:last-of-type, section .col-sm-11:last-of-type, section .col-sm-12:last-of-type { margin-bottom: 1em; } #localnavi nav li.home a { padding: 2px 0.5em ; } #localnavi nav li span { padding: 2px 0.5em 2px 1.0em; } #localnavi nav li a:before { padding-top:2px; } #mainvisual .btn-group { display: block; text-align: center; } #mainvisual .btn-group .btn { display: inline-block; width: 45%; float: none; margin-bottom: 0.5em; border-radius: 3px; } #mainvisual .btn-group .btn:last-of-type{ margin: 0; } #mainvisual-lower{ padding:2em 0; } #sidebar{ width: 100%; } #sidebar nav{ margin-bottom:0; padding-bottom:0; } #entry-list figure{ width: 40%; } .col-sm-3{ padding-right:0; padding-left:0; } .col-sm-9{ padding-right:0; padding-left:0; } .col-sm-12{ margin-bottom:0 !important; padding-right:5px; padding-left:5px; } .sick-list .sick{ width:100%; margin:5px 0; } .brand{ width:120px; margin:auto; } footer{ margin:0; } .footer-logo{ width:100%; margin:10px auto; } #footer-logoarea { text-align: center; } #footer-navi ul.pull-right { float: none !important; padding: 0; text-align: center; } footer .col-sm-6 { margin-bottom: 0; } } @media screen and (max-width: 480px) { .category-link > div{ width: 48%; margin:1%; } .category-list .category-img{ width:100%; } .category-list .category-text{ width:100%; } } .accordion .main-cat{ background:#f2f2f2; } .accordion .sub-cat{ background:#f9f9f9; } .accordion .entry-data{ font-weight:normal; font-size:13px; padding-left:2.5em; text-indent:-1.5em; } .accordion > ul > li > p a.entry-data:before{ content:"" !important; } .accordion ul { width:100%; padding:0; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; } .accordion li { position:relative; border-bottom:1px solid #ccc; list-style:none; } .accordion li:first-child { border-top:1px solid #ccc; } .accordion > ul > li > a { display: block; text-decoration: none; cursor: pointer; padding: 10px 15px; position: relative; } .accordion > ul > li > a span.category-name{ font-size:15px; } .accordion > ul > li > a span.category-name:hover { color: #111; text-decoration:none; } .accordion > ul > li > p { display: none; text-align:left; color:#555; font-size:14px; font-weight:none; line-height:1.8; } .accordion > ul > li > p a{ padding:10px 15px; border-bottom:dotted 1px #e9e9e9 ; } .accordion > ul > li > p a:before{ content:">"; background:none; vertical-align:initial; font-weight:bold; padding-right:10px; } .accordion > ul > li > p a:hover:before{ color:#2690d2; background:none; vertical-align:initial; } .accordion li .accordion_icon, .accordion li .accordion_icon span { display: inline-block; transition: all .3s; box-sizing: border-box; } .accordion li .accordion_icon { position: absolute; width: 15px; height: 15px; top:28px; right:10px; } .accordion li .accordion_icon span { position: absolute; width: 100%; height: 1px; background-color: #666; } .accordion li .accordion_icon span:nth-of-type(1) { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .accordion li .accordion_icon span:nth-of-type(2) { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .accordion li .accordion_icon.active span:nth-of-type(1) { display:none; } .accordion li .accordion_icon.active span:nth-of-type(2) { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } /*サイドバナー拡張CSS*/ .side-bannerlist li{border-bottom:1px dashed #E6E6E6;} .side-bannerlist li a,.side-bannerlist li a:hover{background:url(side_arrowicon.svg) no-repeat 15px center;} .side-bannerlist li a:hover{opacity: 0.5 ;} .side-nav .side-bannerlist li a:before{display:none;} .side-bannerlist li a dl{display:flex;margin:0; border:none;align-items: center;padding-left:20px;} .side-bannerlist li a dl dt{padding:0;} .side-bannerlist li a dl dd{margin-left: auto;}