@charset "utf-8";

* { box-sizing: border-box;}
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
a { background-color: transparent;}
a:active,a:hover { outline: 0;}
b,strong { font-weight: bold;}
img { border: 0;}

body {padding: 0; background: #fff; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none;}
a {margin:0; padding:0; text-decoration:none; vertical-align:baseline;}
a:link {color:#1020d0;}
a:visited {color:#777;}
a:hover, a:active {background:transparent; color:#1020d0;}
h1, h2, h3, h4, a, p, span {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "San Francisco", "Segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Roboto", Verdana, Arial, Helvetica, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, MS UI Gothic;}
b, big {background:transparent; word-break: break-all; word-wrap: break-word; overflow:hidden;}

body>.e_ad .card{width:100%; margin:0;padding:2px 0 2px 0; background: #fbfef4; display: -webkit-box; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;}
body>.e_ad .thumb{width: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
body>.e_ad .thumb a:link, body> .e_ad .thumb a:visited, body> .e_ad .thumb a:hover, body> .e_ad .thumb a:active{display:block; width: 96px; height: 54px; margin: 0 5px 5px 0; overflow: hidden; background-color: #888; border: 1px solid #e1e1e1;}
body>.e_ad .thumb img{position: relative; top: 50%; left: 50%; width: auto; height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
body>.e_ad h2{display:block; width:auto; height:4.8em; margin:0; padding: 0 0 2px 5px; font-weight:normal; font-size: .875em;line-height:1.2em; word-wrap: break-word; background: #fbfef4; -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: left; overflow: hidden; }
body>.e_ad h2 a{display:block; width:auto; height:100%; background: #fbfef4; margin:0 auto 0; padding: 0; overflow: hidden;}
body>.e_ad h2 a span{display:block; padding: 1px 0 0 0; word-wrap: break-word;}
body>.e_ad .date { position: relative; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; height:1em;}
body>.e_ad .adtag .catab{position:absolute; top:2px; left:5px; color: #333; word-wrap: break-word; margin:0; font-weight:bold; font-size: .675em;}

