@charset "UTF-8";

/*********
reset
*********/
html {
    -webkit-text-size-adjust: none;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    line-height: 160%;
    font-size: 14px;
    font-family: HiraKakuProN-W3, arial, helvetica, sans-serif;
}

header, nav, section, article, hgroup, footer, figure, figcaption, menu {
    display: block;
    clear: both;
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, input, textarea {
    margin: 0;
    padding: 0;
    font-size: 100%
}

li {
    list-style: none
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

a:link, a:hover, a:visited {
    text-decoration: none;
    outline: none
}

/*share class*/
.clear {
    clear: both;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-table;
}

.disp {
    display: inline-block;
    overflow: hidden;
    height: 0;
}

.tAc {
    text-align: center;
}
.ovH{ overflow: hidden; box-sizing: border-box;}
.fL{ float: left; box-sizing: border-box;}
.fR{ float: right; box-sizing: border-box;}
.mB5 {
    margin: 0 0 5px;
}

.mB10 {
    margin: 0 0 10px;
}

.ovH {
    overflow: hidden
}

/* Reset input[type="search"] */
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}

input[type="search"]:focus {
    outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
    display: none;
}

/*****************
header
******************/
#home #exHeader {
    margin: 0 0 5px;
}

#home #exHeader .headerBtnL {
    position: absolute;
    top: 4px;
    right: 5px;
}

#home #exHeader .mailBtn {
    position: absolute;
    top: 4px;
    right: 146px;
}

#exHeader span#siteLogo {
    margin-right: 0;
    display: inline-block;
    height: 33px;
    margin: 8px 5px 0 8px;
    float: left;
}

#exHeader span#siteLogo a span#logoExcite {
    margin: 0 3px 0 0;
}

#exHeader span#siteLogo a span#logoSub {
    margin: 0 5px 0 0;
}

#exHeader .mailBtn a {
    display: block;
    width: 33px;
    height: 33px;
    text-indent: -9999px;
    background: url(//s.eximg.jp/exnews/a/img/icon_header_mailBtn.png) no-repeat 0 0;
    -moz-background-size: 33px 33px;
    background-size: 33px 33px;
}

.mailBtn .count {
    display: block;
    width: 15px;
    height: 15px;
    background: #e20740;
    position: absolute;
    top: -3px;
    right: -3px;
    font-size: 10px;
    line-height: 17px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    border: solid 1px #fff;
    border-radius: 10px;
    text-shadow: 0 1px 1px #333;
}

#home #exHeader .serviceListSwitch {
    width: 98px;
    height: 33px;
    position: absolute;
    top: 4px;
    right: 43px;
}

#home #exHeader .serviceListSwitch span {
    width: 98px;
    height: 33px;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    background: url(//s.eximg.jp/exnews/a/img/icon_header_listBtn.png) no-repeat 0 0;
    -moz-background-size: 98px auto;
    background-size: 98px auto;
}

/*headerSrc*/
#exHeader h1#siteLogo {
    margin-right: 0;
}

#exHeaderSrc {
    width: 100%;
    margin: 5px 0;
}

#exHeaderSrc .inner {
    margin: 0 5px;
    position: relative;
    box-shadow: 1px 1px 5px #999 inset;
    border-radius: 5px;
}

#exHeaderSrc .src-ipt {
    width: 60%;
    height: 36px;
    display: inline-block;
    border: none;
    padding: 3px 5px 3px 40px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: left;
    background: url(//s.eximg.jp/exnews/a/img/icon_search_gray.png) no-repeat 8px center;
    -moz-background-size: 25px auto;
    background-size: 25px auto;
}

#exHeaderSrc .src-ipt::-webkit-input-placeholder {
    color: #555;
}

#exHeaderSrc .src-ipt::-moz-placeholder {
    color: #555;
}

#exHeaderSrc .searchsubmit {
    width: 25%;
    height: 44px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: 5px;
    border: none;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0.3em;
    text-align: center;
    border: solid 1px #333;
    text-shadow: 0 1px 0 #000;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 0 2px 1px #ff6868 inset, 0 0 5px #333 inset;
    background: -webkit-linear-gradient(top, #a90329 0%, #a90329 50%, #8f0222 51%, #a50008 100%);
    background: linear-gradient(180deg, #a90329 0%, #a90329 50%, #8f0222 51%, #a50008 100%);
}

#exHeaderSrc .searchform {
    border: solid 1px #999;
    overflow-x: hidden;
    border-radius: 6px;
}

/* weatherInfo */
.weatherInfo {
    margin: 10px;
    border: solid 1px #3d53ae;
    border-radius: 3px;
}

.weatherInfo .hgroup {
    background: #3d53ae;
    color: #fff;
    line-height: 26px;
    font-size: 85%;
    text-align: center;
}

.weatherInfo .inner {
    padding: 10px;
}

.weatherInfo .att a {
    color: #ff0000;
    font-size: 108%;
    text-decoration: underline;
}

.weatherInfo .att a:hover {
    text-decoration: none;
}

/* hotKeywords */
#hotKeywords {
    text-align: center;
}

#hotKeywords li {
    display: inline-block;
}

#hotKeywords li a {
    display: inline-block;
    background: #F1F6F9;
    border: solid 1px #C7D5E0;
    padding: 2px 5px;
    font-weight: bold;
    font-size: 85%;
    border-radius: 10px;
}

/*nav*/
#globalNav {
    width: 100%;
    margin: 5px 0;
}

#globalNav ul {
    text-align: center;
}

#globalNav li {
    display: inline-block;
    width: 18%;
    height: 55px;
    border-radius: 3px;
    background: -webkit-linear-gradient(top, #666666 0%, #333333 50%, #0a0e0a 51%, #0a0809 100%);
    background: linear-gradient(180deg, #666666 0%, #333333 50%, #0a0e0a 51%, #0a0809 100%);
}

#globalNav ul li a {
    display: block;
    height: 55px;
    text-indent: -9999px;
    -moz-background-size: 50px auto;
    background-size: 50px auto;
}

/* #globalNav icon */
li#world a {
    background: url(//s.eximg.jp/exnews/a/img/icon_world.png) no-repeat center center;
}

li#mail a {
    background: url(//s.eximg.jp/exnews/a/img/icon_mail.png) no-repeat center center;
}

li#blog a {
    background: url(//s.eximg.jp/exnews/a/img/icon_blog.png) no-repeat center center;
}

li#friends a {
    background: url(//s.eximg.jp/exnews/a/img/icon_friends.png) no-repeat center center;
}

li#list .serviceListSwitch {
    background: url(//s.eximg.jp/exnews/a/img/icon_list.png) no-repeat center center;
}

li#shopping a {
    background: url(//s.eximg.jp/exnews/a/img/icon_shopping.png) no-repeat center center;
}

li#weather a {
    background: url(//s.eximg.jp/exnews/a/img/icon_weather.png) no-repeat center center;
}

li#car a {
    background: url(//s.eximg.jp/exnews/a/img/icon_car.png) no-repeat center center;
}

li#dictionary a {
    background: url(//s.eximg.jp/exnews/a/img/icon_dictionary.png) no-repeat center center;
}

li#fourtune a {
    background: url(//s.eximg.jp/exnews/a/img/icon_fourtune.png) no-repeat center center;
}

li#wedding a {
    background: url(//s.eximg.jp/exnews/a/img/icon_wedding.png) no-repeat center center;
}

li#cardloan a {
    background: url(//s.eximg.jp/exnews/a/img/icon_cardloan.png) no-repeat center center;
}

li#ebook a {
    background: url(//s.eximg.jp/exnews/a/img/icon_ebook.png) no-repeat center center;
}

li#job a {
    background: url(//s.eximg.jp/exnews/a/img/icon_job.png) no-repeat center center;
}

li#app a {
    background: url(//s.eximg.jp/exnews/a/img/icon_app.png) no-repeat center center;
}

li#realestate a {
    background: url(//s.eximg.jp/exnews/a/img/icon_realestate.png) no-repeat center center;
}

li#bbhikari a {
    background: url(//s.eximg.jp/exnews/a/img/icon_bb.png) no-repeat center center;
}

li#friends {
    position: relative;
}

#globalNav .count {
    display: block;
    background: #e20740;
    padding: 3px 4px;
    position: absolute;
    top: -3px;
    right: -3px;
    border: solid 2px #fff;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0 2px 3px #000, 0 0 4px #555 inset;
    text-shadow: 0 1px 1px #333;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
#blogRanking.ranking .count { min-height: 20px; } 
/*****************
elements
*****************/
#newsTabList02 {
    border-top: solid 1px #ccc
}

/*newsTabs*/
.newsTabs {
    width: 100%;
    text-align: center;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}

.newsTabs li {
    -moz-box-flex: 4;
    -webkit-box-flex: 4;
    box-flex: 4;
}

.newsTabs li a {
    display: block;
    line-height: 30px;
    font-size: 100%;
    font-weight: bold;
    color: #fff;
    border-left: solid 1px #666;
    border-right: solid 1px #000;
    background: -webkit-linear-gradient(top, #666666 0%, #333333 50%, #0a0e0a 51%, #0a0809 100%);
    background: linear-gradient(180deg, #666666 0%, #333333 50%, #0a0e0a 51%, #0a0809 100%);
}

.newsTabs li .link-active h2, h3 {
    font-size: 85%;
}

.newsTabs li:first-child a {
    border-left: none
}

.newsTabs li:last-child a {
    border-right: none
}

.newsTabs li .link-active {
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background: -webkit-linear-gradient(top, #e1e8ed 0%, #fff 100%);
    background: linear-gradient(180deg, #e1e8ed 0%, #fff 100%);
}

.active {
    display: block;
}

.inactive {
    display: none;
}

/*articleList*/
.articleList li {
    border-bottom: solid 1px #c7d5e0;
    border-top: solid 1px #fff;
    white-space: nowrap;
    overflow: hidden;
    background: #f1f6f9 url(//s.eximg.jp/exnews/a/img/icon_arrow_gray.png) no-repeat 98% center;
    -moz-background-size: 10px auto;
    background-size: 10px auto;
}

.articleList li a,
.articleList li span {
  position: relative;
    display: block;
    padding: 5px 25px 5px 7px;
    height: 100%;
    color: #17338f;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.articleList .noLink { background: #f7f7f7; border-top: none; }
.seriesList .noLink span { color: #999; font-weight: normal}
.og-laurier .seriesList .noLink { background: none; }
.og-laurier .seriesList .noLink span { padding: 10px 20px 10px 10px; font-size: 15px; line-height: 1.2; }
.og-laurier .seriesList .listMoreBtn { background: none; text-align: right; border-top: none; border-bottom: 1px dotted #ddd; }
.og-laurier .seriesList .listMoreBtn a { padding-right: 25px; color: #555; font-weight: normal; text-shadow: none; border-bottom: none; background: url(//s.eximg.jp/exnews/a/img/icon_right_arrow_50.png) no-repeat scroll 97% center;
-moz-background-size: 10px auto;
background-size: 10px auto; }
.og-laurier .seriesList .listMoreBtn a:visited { color: #999; }

.seriesList .articleList li{ font-weight: bold; }

.articleList li a:visited {
    background: #f7f7f7;
    color: #999
}
.articleList .photo {
    white-space: inherit;
}
.articleList .thumb {
    display: block;
    width: 90px;
    height: 80px;
    line-height: 78px;
    overflow: hidden;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
    background: #fff;
}
.articleList .thumbLow {
    display: block;
    width: 100px;
    height: 70px;
    line-height: 68px;
    overflow: hidden;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
    background: #fff;
}

.articleList .thumb img,
.articleList .thumbLow img{
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
    display: inline;
}
#exr .articleList .thumbLow { height: 80px; line-height: 80px; }
#exr .articleList .thumbLow + p { line-height: 1.4; }
.articleList .noImage {
    display: block;
    float: left;
    width: 90px;
    line-height: 80px;
    overflow: hidden;
    background: #c7d5e0;
    margin: 0 10px 0 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}
.articleList li.camera a {
    background: url(//s.eximg.jp/exnews/a/img/camera_14x12.gif) no-repeat 2px center;
    padding-left: 19px;
}
.articleList li.video a{  
  background:url(//s.eximg.jp/exnews/a/img/icon_video.png) no-repeat 2px center;
  padding-left: 19px;
}
.articleList li.new a {
    background: url(//s.eximg.jp/exnews/a/img/new.gif) no-repeat 1px center;
    padding-left: 19px;
}
.articleList li.adtext a {
    background: url(//s.eximg.jp/exnews/a/img/icon_pr_s.gif) no-repeat 1px center;
    padding-left: 25px;
}

.pager .btn a {
    display: block;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    color: #17338f;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #7c90b2;
    text-shadow: 0 1px 0 #fff;
    border-radius: 3px;
    background: -webkit-linear-gradient(top, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
    background: linear-gradient(180deg, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
}

.halfPager { width: 100%; padding: 10px 5px; overflow: hidden; display: table; box-sizing: border-box;}
  .halfPager .btn{  display: table-cell; padding: 0 5px}

#storyPager.pager{ width: 100%; margin: 0 0 10px; box-sizing: border-box; position: relative;}
#storyPager ul{ display: block; width: 100%; overflow: hidden; text-align: center;}
#storyPager li { display: inline-block;}
#storyPager a ,
#storyPager span{ display: inline-block; width: 44px; line-height: 44px; background: #fff; border: solid 1px #ddd; margin: 0 5px 0 0; color: #242da1;}
#storyPager a { font-weight: bold;}
#storyPager span{ color: #ccc; background: #eee;}
#storyPager .prev,
#storyPager .next{ position: absolute; top: 0; }
#storyPager .prev a,
#storyPager .next a{ margin: 0;}
#storyPager .prev{ left:10px;}
#storyPager .next{ right:10px;}

/* cursor-wrapper */
.cursor-wrapper{ position: relative;}
.cursor-inner{ display: block; position: absolute; top: 33px; bottom:32px; right: 0; left: 0;
  position: absolute; z-index: 1000; background: rgba(0, 0, 0, 0.7);}
.cursor_line{ width: 100%; position: absolute; top: 100px; left: 0; right: 0; }
.cursor-text{ color: #fff; text-align: center; position: absolute; bottom: 100px; width: 100%;}
.cursor { position: absolute; top: 120px; right: 26%;
  -webkit-animation-name: swipe;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-direction:alternate;
}
@-webkit-keyframes swipe {
  0%{ right: 26%; }
  50%{ opacity: 1;}
  100%{ right: 60%; opacity: 0;}
}

/*barStyle*/
.barStyle {
    padding: 0 10px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    background: #333;
}

.barStyle h1,
.barStyle h2,
.barStyle h3,
.barStyle {
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

/* breadcrumbs */
.breadcrumbs {
    overflow: hidden;
    background: #ddd;
}

.breadcrumbs li {
    float: left;
}

.breadcrumbs li a {
    background: #333;
    color: #eee;
    text-decoration: none;
    font-size: 12px;
    line-height: 30px;
    display: block;
    padding: 0 0 0 30px;
    float: left;
    position: relative;
}

.breadcrumbs li a:after,
.breadcrumbs li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    left: 100%;
}

.breadcrumbs li a:after {
    z-index: 2;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 20px solid #333;
}

.breadcrumbs li a:before {
    margin-left: 1px;
    z-index: 1;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 20px solid #fff;
}

.breadcrumbs li:first-child a {
    padding-left: 10px;
}

.breadcrumbs li:last-child a {
    background: #777
}

.breadcrumbs li:last-child a:after {
    border-left: 20px solid #777
}

/*ranking*/
.ranking .count {
    display: block;
    float: left;
    line-height: 20px;
    width: 20px;
    min-height: 80px;
    padding: 5px 3px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #6f5000;
    text-shadow: 0 1px 0 #fff;
    background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    background: linear-gradient(180deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
}
#newsRanking.ranking .count {
  min-height: 40px;
}
.ranking .itemTitle {
    line-height: 20px
}

.ranking li a {
    white-space: normal;
    -webkit-text-overflow: inherit;
    -o-text-overflow: inherit;
    text-overflow: inherit;
}

/* rankingPage */
.rankingPage .count {
    display: block;
    float: left;
    line-height: 20px;
    width: 20px;
    padding: 5px;
    margin: 0 5px 0 0;
    text-align: center;
    font-weight: bold;
    color: #6f5000;
    text-shadow: 0 1px 0 #fff;
    background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    background: linear-gradient(180deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
}

.rankingPage .itemTitle {
    line-height: 20px
}

.rankingPage li a {
    white-space: normal;
    -webkit-text-overflow: inherit;
    -o-text-overflow: inherit;
    text-overflow: inherit;
}

/*btnTxt*/
.listMoreBtn a {
    display: block;
    color: #17338f;
}

.listMoreBtn {
    display: block;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    color: #17338f;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #7c90b2;
    text-shadow: 0 1px 0 #fff;
    background: -webkit-linear-gradient(top, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
    background: linear-gradient(180deg, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
}

.textBtnStyle {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    width: 100px;
    border: solid 1px #516a8c;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}

.textBtnStyle input {
    background: none;
    border: none;
    color: #fff;
}

.blackBtn {
    background: -webkit-linear-gradient(top, #666666 0%, #333333 50%, #0a0e0a 51%, #0a0809 100%);
    background: linear-gradient(180deg, #666666 0%, #333333 50%, #0a0e0a 51%, #0a0809 100%);
}

.blueBtn {
    box-shadow: 0 0 3px #2c59a1 inset;
    text-shadow: 0 1px 1px #2c59a1;
    background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    background: linear-gradient(180deg, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
}

.blueBtn input {
    text-shadow: 0 1px 1px #2c59a1;
}
.btn-external_links { margin: 10px 40px; text-align: center; line-height: 34px; font-weight: bold; background: #fff; }
.btn-external_links a { color: #17338f; display: block; border: 1px solid #ccc; border-radius: 5px; }

/*categoryNav*/
.categoryNav .inner {
    padding: 5px 0 0 5px;
}

.categoryNav ul {
    width: 100%;
    overflow: hidden;
}

.categoryNav li {
    display: block;
    float: left;
    width: 33.3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.categoryNav li a {
    display: block;
    border: solid 1px #7c90b2;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    color: #17338f;
    margin: 0 5px 5px 0;
    border-radius: 5px;
    text-shadow: 0 1px 0 #fff;
    box-shadow: inset 0 0 1px 0 #fff;
    background: -webkit-linear-gradient(top, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
    background: linear-gradient(180deg, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
}

/* todaysRecipe */
#todaysRecipe .inner {
    display: block;
    color: #333;
    padding: 7px;
}

#todaysRecipe figure {
    width: 100%;
    margin: 0 0 5px;
    overflow: hidden
}

#todaysRecipe .thumb {
    width: 90px;
    float: left;
    margin: 0 7px 0 0;
    padding: 1px;
    border: solid 1px #ccc;
}

#todaysRecipe figcaption {
    display: inline;
}

#todaysRecipe ul {
    overflow: hidden;
}

#todaysRecipe li {
    width: 50%;
    margin: 0 0 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#todaysRecipe li:nth-child(2n+1) {
    float: left;
    border-right: solid 3px #fff;
}

#todaysRecipe li:nth-child(2n) {
    float: right
}

#todaysRecipe li a {
    display: block;
    padding: 3px 10px 3px 25px;
    white-space: nowrap;
    overflow: hidden;
    border: solid 1px #f0d89e;
    font-size: 85%;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: #fff9e3 url(//s.eximg.jp/exnews/a/img/icon_arrow_gray.png) no-repeat 10px center;
    -moz-background-size: 7px auto;
    background-size: 7px auto;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* quakeInfo */
#quakeInfo {
    margin: 5px;
    border: solid 1px #fc9696;
    text-align: left;
    line-height: 1.5;
    font-size: 12px;
    background: #ffffcc;
    border-radius: 3px;
}

#quakeInfo a {
    display: block;
    padding: 5px 7% 5px 5px;
    background: url(//s.eximg.jp/exnews/a/img/icon_arrow_gray.png) no-repeat 96% center;
    -moz-background-size: 10px auto;
    background-size: 10px auto;
}

#quakeInfo header,
#quakeInfo header h1,
#quakeInfo p {
    display: inline;
    font-weight: bold;
}

/*****************
aside
*****************/
aside.adbanner {
    text-align: center;
    margin: 5px 0;
}
aside.adSumBanner {
    margin: 5px 0 10px 0px; 
}

aside.adbanner img {
    margin: 0 auto
}

aside.specialadbanner {
    text-align: center;
    margin: 5px 0;
}

aside.specialadbanner img {
    margin: 0 auto
}

aside.imageim {
    text-align: center;
    margin: 5px 0;
}

aside.rakutenWidget {
    text-align: center;
    margin: 5px 0;
}

aside#internal {
    margin: 5px;
    padding: 3px;
    border: solid 1px #9c3a51;
    background: #fafaea;
}

aside#internal header {
    margin: 0 0 5px;
    line-height: 30px;
    padding: 0 10px;
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: linear-gradient(180deg, #a90329 0%, #8f0222 44%, #6d0019 100%);
}

aside#internal header h2 {
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 black;
}

aside#internal li {
    padding: 0 0 5px;
    margin: 0 0 5px;
    overflow: hidden;
    border-bottom: dotted 1px #ccc;
    line-height: 1.5;
    font-size: 90%;
}

aside#internal li img {
    float: left;
    margin: 0 5px 0 0;
    border: solid 1px #ccc;
    padding: 1px;
    background: #fff;
}

aside#internal li .itemTitle {
    font-weight: bold;
    display: block;
    text-decoration: underline
}

aside#internal li .itemSummary {
    font-weight: bold;
    display: block;
}

aside#internal li .itemText {
    display: block;
}

aside#internal li:last-child {
    border: none;
    margin: 0;
    padding: 0
}

aside#smartpass ul {
    margin: 5px;
    padding: 3px;
    border: solid 1px #9c3a51;
    background: #fafaea;
}

aside#smartpass li {
    padding: 0 0 5px;
    margin: 0 0 5px;
    overflow: hidden;
    border-bottom: dotted 1px #ccc;
    line-height: 1.5;
    font-size: 90%;
}

aside#smartpass li img {
    float: left;
    margin: 0 5px 0 0;
    border: solid 1px #ccc;
    padding: 1px;
    background: #fff;
}

aside#smartpass li .itemTitle {
    font-weight: bold;
    display: block;
    text-decoration: underline
}

aside#smartpass li .itemSummary {
    font-weight: bold;
    display: block;
}

aside#smartpass li .itemText {
    display: block;
}

aside#smartpass li:last-child {
    border: none;
    margin: 0;
    padding: 0
}

.banner {
    display: -moz-box;
    display: -webkit-box;
    display: box;
}

.banner .exTwitter,
.banner .exFacebook {
    background: #333;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}

.banner .exFacebook {
    margin-left: 0;
}

.banner .exTwitter img,
.banner .exFacebook img {
    float: left;
    margin: 2px 5px 0 0;
}

.banner .exTwitter a,
.banner .exFacebook a {
    display: block;
    color: #fff;
    text-decoration: underline
}

aside.hotspot, aside#textAd {
    border-bottom: solid 1px #C7D5E0;
    background: #ffffff;
    overflow: hidden
}

aside.hotspot .inner, aside#textAd .inner {
    padding: 5px 5px 0;
}

aside.hotspot ul, aside#textAd ul {
    width: 100%;
    margin: 0 0 5px;
    text-align: center;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}

aside.hotspot li, aside#textAd li {
    display: block;
    width: 33.3%;
    color: #17338f;
    margin: 0 5px 0 0;
    overflow: hidden;
    border: solid 1px #C7D5E0;
    white-space: nowrap;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}

aside.hotspot li:last-child, aside#textAd li:last-child {
    margin: 0;
}

aside.hotspot li a, aside#textAd li a {
    display: block;
    border: solid 1px #fff;
    line-height: 36px;
    background: #f1f6f9;
}

#todaysContents {
    display: -webkit-box;
    display: -moz-box;
    display: box;
}

#todaysContents article {
    width: 50%;
    border: solid 1px #ccc;
    margin: 5px;
    padding: 5px;
    background: #ebf4e5;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    box-shadow: 0 0 2px #fff inset;
    border-radius: 5px;
}

#todays-contents a {
    display: block;
}

article#areaWeather {
    text-align: center;
}

article#areaWeather a section {
    font-weight: bold;
    font-size: 131%;
    line-height: 2
}

article#areaWeather img {
    display: inline-block;
    width: 30px;
    vertical-align: middle
}

article#horoscopes h3 {
    font-weight: bold;
    display: inline-block;
}

article#horoscopes p {
    font-size: 85%;
    line-height: 1.5
}

article#horoscopes img {
    display: inline-block;
    width: 22px;
    height: 19px;
    vertical-align: top;
}

aside.keywordCategory {
}

aside.keywordCategory li {
    background: #F1F6F9
}

aside.keywordCategory li a {
    padding: 0 0 0 40px;
    text-align: left;
    -moz-background-size: 38px auto !important;
    background-size: 38px auto !important;
}

#keyword-denwa a {
    background: url(//s.eximg.jp/exnews/a/img/icon_keywords_denwa.png) no-repeat left center
}

#keyword-beauty a {
    background: url(//s.eximg.jp/exnews/a/img/icon_keywords_beauty.png) no-repeat left center
}

#keyword-friends a {
    background: url(//s.eximg.jp/exnews/a/img/icon_keywords_friends.png) no-repeat left center
}

#keyword-woman a {
    background: url(//s.eximg.jp/exnews/a/img/icon_keywords_woman.png) no-repeat left center
}

#keyword-bit a {
    background: url(//s.eximg.jp/exnews/a/img/icon_keywords_bit.png) no-repeat left center
}

#keyword-music a {
    background: url(//s.eximg.jp/exnews/a/img/icon_keywords_music.png) no-repeat left center
}

#keyword-job a {
    background: url(//s.eximg.jp/exnews/a/img/icon_keywords_job.png) no-repeat left center
}

#keyword-car a {
    background: url(//s.eximg.jp/exnews/a/img/icon_keywords_car.png) no-repeat left center
}

/*****************
storyDetails
*****************/
#storyDetails {
    background: #f7f7f7;
}

#storyDetails .storyHeader,
#storyDetails .storyHeaderTitleOnly,
.matomeDetail .storyHeader {
    line-height: 1.5;
    padding: 10px 15px;
    margin: 0 0 5px;
    border-bottom: solid 1px #fff;
    overflow: hidden;
    box-shadow: 0 1px 3px #999;
    background: #111;
    background: -webkit-linear-gradient(top, #111 0%, #222 100%);
    background: linear-gradient(180deg, #111 0%, #222 100%);
}

#storyDetails .storyHeader header,
.matomeDetail .storyHeader header {
    background: none;
    padding: 0;
    line-height: 1.5
}

#storyDetails .storyHeader .storyMeta {
    color: #fff;
    font-size: 85%;
}

#storyDetails header h1 {
    font-size: 116%;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
}

.relKeywords {
    padding: 3px 8px 8px;
    font-size: 85%;
    color: #666;
    font-weight: bold;
}

.relKeywords h2 {
    display: inline-block;
    font-weight: bold;
}

.relKeywords ul {
    display: inline-block
}

.relKeywords li {
    display: inline-block;
    background: #F1F6F9;
    border-radius: 10px;
    border: 1px solid #C7D5E0;
}

.relKeywords li a {
    display: block;
    padding: 0 12px;
    line-height: 20px;
}

#storyDetails header dt,
#storyDetails header dd {
    display: block;
    float: left;
    font-size: 85%;
}

#storyDetails header dt {
    clear: both;
}

#storyDetails .story {
    padding: 10px;
    text-shadow: 0 1px 0 #fff;
}

#storyDetails .story h2.leaf { overflow: hidden; display: block; padding-bottom: 3px; border-bottom: 2px solid #f56573; color: #f56573; font-weight: bold; line-height: 1.4; }
#storyDetails .story .shikaku, #storyDetails .story .maru, #storyDetails .story .s90 { font-weight: bold; font-size: 116%; }
#storyDetails .story .shikaku { color: #8BB900; }
#storyDetails .story .s90 { color: #ec7f13; }
#storyDetails .story .maru { color: #9966cc; }
#storyDetails .story .shikaku:before, #storyDetails .story .s90:before { content: '■ '; }
#storyDetails .story .maru:before { content: '● '; }
#storyDetails .story h3 { margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px dotted #ccc; font-weight: bold; font-size: 100%; }
#storyDetails .story blockquote,
.matomeHeadLineSummary blockquote { position: relative; margin: 10px 0; padding: 26px 15px; background: #fff; border-radius: 6px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
#storyDetails .story blockquote:before,
.matomeHeadLineSummary blockquote:before { position: absolute; top: 5px; left: 10px; content: "“"; font-size: 70px; line-height: .76; font-family: 'Times New Roman', sans-serif; color: #ddd; }
#storyDetails .story blockquote:after,
.matomeHeadLineSummary blockquote:after { position: absolute; right: 10px;  bottom: 0; content: "”"; font-size: 70px; line-height: .1; font-family: 'Times New Roman', sans-serif; color: #ddd; }
.story a { word-break: break-all; }

.movie-default { margin-bottom: 5px; }
@media screen and (max-width: 320px) { .movie-default { margin: 0 -10px 5px;} }
.movie-default div div { margin: 0 auto!important; }
.movie-youtube { margin: 10px 0; text-align: center; }

#storyDetails .photo {
    text-align: center;
    margin: 10px;
    padding: 5px;
    background: #fff;
    box-shadow: 0 1px 3px #ccc;
}
#page_summary #storyDetails .photo { margin: -5px 0 10px; }
#page_summary #storyDetails .story { line-height: 1.5; }
#storyDetails .photo img {
    max-width: 100%;
    max-height: 150px;
    margin: 0 auto 5px;
}

#storyDetails .photo figcaption {
    text-align: left;
    font-size: 85%;
    color: #666;
    line-height: 1.5;
    margin: 3px;
}

#photoDetails .photo img {
    max-height: none;
}

/* socialModule 初期レイアウト */
.socialModule {
    text-align: center;
    padding: 5px;
    clear: both;
    overflow: hidden;
    border-top: dotted 1px #ccc;
}

.socialModule:last-child {
    border-bottom: none;
}

.socialModule .smBtn {
    display: inline-block;
    vertical-align: top;
}

.socialModule .smBtn a {
    display: block;
}

.socialModule .mailBtn {
    background: #434343;
}

.socialModule .lineBtn {
    background: #00c300;
}

.socialModule .pocketBtn {
    background: #ef3e56;
}

.socialModule .hatebuBtn {
    background: #00a4de;
}

.socialModule .twitterBtn {
    background: #5ea9dd;
}

.socialModule .facebookBtn {
    background: #3b5998;
}

.socialModule .count {
    display: block;
    margin: 3px 3px 0;
    overflow: hidden;
    font-size: 10px;
    line-height: 20px;
    color: #333;
    font-weight: bold;
    background: #fff;
    border-radius: 3px;
}

/* .socialModule-cnt カウント数付き(記事の上部) */
.socialModule-cnt .smBtn {
    width: 40px;
    height: 53px;
    vertical-align: middle;
}

.socialModule-cnt .smBtn img {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.socialModule-cnt .mailBtn,
.socialModule-cnt .lineBtn,
.socialModule-cnt .twitterBtn,
.socialModule-cnt .pocketBtn {
    line-height: 53px;
}

/* .socialModule-cnt カウント数なしでテキストあり(記事の下部) */
.socialModule-text {
    margin: 0 0 10px;
}

.socialModule-text .smBtn {
    width: 31%;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.socialModule-text .smBtn a {
    display: block;
    height: 50px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    text-align: left;
    position: relative;
}

.socialModule-text .smTxt {
    position: absolute;
    top: 10px;
    left: 40px;
}

.socialModule-text .smBtn img {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 8px;
}

.socialModule-text .facebookBtn img {
    position: absolute;
    left: 0;
    top: 6px;
}

.socialModule-text .facebookBtn .smTxt {
    left: 35px;
}

#storyDetails .errorTxt header h1 {
    font-weight: bold;
    color: #333;
    text-shadow: none;
    font-size: 100%;
}

#storyDetails .errorTxt {
    padding: 15px;
}

/* #page_summary */
#page_summary .storyHeader figure {
    float: left;
    margin: 0 10px 0 0;
    background: #fff;
    width: 100px;
    height: 100px;
    line-height: 96px;
    clear: none;
    text-align: center;
}

#page_summary .storyHeader figure img {
    display: inline-block;
    max-width: 100px;
    max-height: 100px;
    vertical-align: middle;
}

#page_summary .storyHeader header {
    margin-left: 110px;
    background: none;
    padding: 0;
    line-height: 1.5;
    clear: none;
}

#page_summary .storyHeader .storyMeta {
    color: #fff;
    font-size: 85%;
    margin-left: 110px;
}

#page_summary .storyHeader .storyMeta time {
    display: block;
}

#page_summary .sourceLogo {
    float: right;
    margin: 5px 10px 0 0;
}

#page_summary .sourceLogo img {
    max-width: 100px;
    max-height: 30px
}

#page_summary .toArticle {
    margin: 10px 20px 15px;
}

#page_summary .storyHeaderTitleOnly header {
    background: none;
    padding: 0;
    line-height: 1.5
}

#page_summary .storyHeaderTitleOnly .storyMeta {
    color: #fff;
    font-size: 85%;
    float: left;
}

.story .storyImg {
    margin: 10px auto;
    padding: 2px;
    max-width: 100%;
    text-align: center;
    height: auto;
    border: solid 1px #ccc;
    color: rgb(114, 114, 114);
}
.storyImg2 { height: auto; max-width: 100%; padding: 3px; margin: 10px auto; text-align: center; }
.story .storyImg .text {
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 2px;
    color: rgb(114, 114, 114);
}

.story_next_article{ margin: 10px; padding: 10px 30px 10px 10px; border-radius: 3px;
  background: #c8f3c0 url(//s.eximg.jp/exnews/a/img/icon_right_arrow_50.png) no-repeat scroll 97% center / 10px auto }
.story_next_article .cap{ font-weight: bold; display: block;}
.story_next_article a{ display: block; color: #242da1;}
.story_next_article .next_title{ text-decoration: underline; }

.pt1{ background-color: #c8f3c0;}
.pt1 a{ color: #242da1; }
.pt2{ background-color: #1b9c4a;}
.pt2 a{ color:#fff }
.pt3{ background-color: #cae6ff;}
.pt3 a{ color: #242da1; }
.pt4{ background-color: #f89e37;}
.pt4 a{ color: #fff}
.pt5{ background-color: #f89e37;}
.pt5 a{ color: #242da1 }

/* haiku */
#haiku .barStyle .cnt, #pagehaiku .barStyle .cnt{ float: right; font-weight: normal; font-size: 11px; }
  /* list-haiku */
  .list-haiku li { padding: 8px 14px 12px; margin: 10px 10px 10px 14px; border-radius: 6px; position: relative; overflow: inherit; background: #FFF9CE; border: solid 3px #edd84e; color: #7B6D15;}
  .list-haiku li:before{ content:'◀︎'; color: #edd84e; position:absolute; left: -12px;}
  .haiku575{ margin-bottom: 10px; line-height: 1.5; vertical-align: bottom; }
  .haiku575:first-letter{ font-weight:bold; font-size:17px;}
  .haiku-info{ overflow:hidden; font-size: 11px; line-height: 18px; color: #A89837;}
  .haiker{ display: inline-block; float: left; }
  .list-haiku time{ display: inline-block; float:right;}

  #haiku .iframeWrap { position: relative; width: 100%;}
  #haiku .iframeWrap iframe { width: 100%; border:none; vertical-align: top; height: 0;}
  .yomibito ,
  #haikuMoreBtn a{ display: block; line-height: 40px; margin: 10px; text-decoration: underline;
    text-align: center; color: #7B6D15; background: #FCF2B3; border-radius: 5px;}
  #haikuMoreBtn a{ margin: 10px 20px;}
  .yomibito { background: #FCF2B3 url(//s.eximg.jp/exnews/a/img/icon_comment.png) no-repeat 22% center;
      -moz-background-size: 20px auto;
    background-size: 20px auto;}

  /* haikuPost */
  #haikuPost{ padding: 10px; background: #fffce2; border-bottom: solid 3px #fffce2}
    #haikuPost .cap{ text-align: center; margin: 0 0 10px; font-size: 12px;}
    #haikuPost input[type=text]{ border: solid 1px #ccc; width: 100%; height: 36px;
      padding: 10px 10px 10px 40px; box-sizing: border-box; border-bottom: none;}
      #haikuPost input[name="syllabic_1"]{ background: #fff url(//s.eximg.jp/exnews/a/img/icon_comment_5.png) no-repeat 10px center;}
      #haikuPost input[name="syllabic_2"]{ background: #fff url(//s.eximg.jp/exnews/a/img/icon_comment_7.png) no-repeat 10px center;}
      #haikuPost input[name="syllabic_3"]{ background: #fff url(//s.eximg.jp/exnews/a/img/icon_comment_5.png) no-repeat 10px center;
        border-bottom: solid 1px #ccc;}
      #haikuPost input[name="name"]{ border-bottom: solid 1px #ccc; margin: 8px 0; padding: 10px;}
      #haikuPost input[type=text]{
          -moz-background-size: 20px 20px;
        background-size: 20px auto !important;}

    a.haiku-policy{ display: block; width: 48%; line-height: 30px;
      text-align: center; text-decoration: underline; font-size: 12px; background: #fdecb3; color: #7B6D15;}

    #haikuPost .haiku-agree{ display: block; border: solid 2px #ddd; line-height: 40px; margin: 8px 0 ; text-align: center; background: #fff;
      border-radius: 3px; font-size: 12px;}
      #haikuPost .haiku-agree a{ text-decoration: underline; font-weight: bold;}
    #haikuPost #postBtn{ display: block; width: 100%; border: solid 1px #ddd; line-height: 40px; text-align: center; margin: 8px 0 0;
      font-weight: bold; color: #17338f; text-shadow: 0 1px 0 #fff;
      border-top: solid 1px #fff; border-bottom: solid 1px #7c90b2; border-radius: 5px;
        background: -webkit-linear-gradient(top, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
        background: linear-gradient(180deg, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%); }

    .deleteBtn,
    .reportBtn{ display: inline-block; margin: 0 0 0 3px; padding: 0 3px; text-decoration: underline;}

    .overlay{ display: none; width: 100%; height:100%; line-height: 100%; text-align: center; vertical-align: middle;
      position: fixed; top: 0; bottom:0; left: 0; right: 0; z-index: 100; background: rgba(0,0,0,0.7); padding: 20px; box-sizing: border-box;}
    .overlay .text{ display: inline-block; line-height: 100vh; color: #eee; vertical-align: middle; font-weight: bold; font-size: 20px;}

  /* policy */
  .policy{ padding: 20px; font-size: 12px; line-height: 1.7;}
  .policy section{ margin: 20px 0; border-bottom: solid 1px #eee; padding: 0 0 20px; }
  .policy section p ,
  .policy section ul{ margin: 0 0 10px; }
  .policy section li{ list-style: disc; margin: 0 0 10px 20px; }
  .policy section p:last-child ,
  .policy section li:last-child{ margin-bottom: 0;}
  .policy h1{ display: block; font-size: 15px; font-weight: bold; margin: 0 0 8px;}
  .policy .taR{ text-align: right;}

/* #pagehaiku list-pickup-popular */
#pagehaiku .barStyle + .page-haiku-list { margin-top: 10px; }
#pagehaiku .lead { margin-bottom: 10px; padding: 10px 8px; font-size: 13px; line-height: 1.4; color: #888; background: #f6f6f6; border-bottom: solid 1px #eee; }
  #pagehaiku .lead + .page-haiku-list-kiji { margin-top: -10px;  }
.haiku-balloon { padding: 8px 10px 4px; margin: 5px 10px 10px 14px; border-radius: 6px; position: relative; overflow: inherit; list-style: none; background: #FFF9CE; border: solid 3px #edd84e; color: #7B6D15; }
  .haiku-balloon:before{ content:'◀︎'; color: #edd84e; position:absolute; left: -12px; }
   .haiku-status + .haiku-balloon {  margin: 5px 10px 10px 38px; }
  
.haiku-info{ overflow:hidden; font-size: 11px; line-height: 18px; color: #A89837; }
.haiker{ display: inline-block; float: left; }
.page-haiku-list time { display: inline-block; float:right; }

.haiku-kiji { margin-bottom: 12px; padding: 10px 18px 6px 10px; clear: both; overflow: hidden; box-shadow: 0px 2px 2px #ddd; border-top: 1px dotted #ddd;
padding-top: 8px; background: #fff url(//s.eximg.jp/exnews/a/img/icon_arrow_gray.png) no-repeat 98% 50%; 
    -moz-background-size: 10px auto;
    background-size: 10px auto; }
  .haiku-kiji .photo { line-height: 29px; }
  .haiku-kiji .item-title, .haiku-kijiL .item-title { color: #777; line-height: 1.3; }
  .haiku-kiji .thumb { display: block; width: 38px; height: 30px; line-height: 29px; background: #ddd; overflow: hidden; float: left; margin: 0 5px 0 0; text-align: center; }
    .haiku-kiji .thumb img { max-width: 38px; max-height: 30px; margin: 0 auto; vertical-align: middle; display: inline; }

.haiku-status { overflow: hidden; padding: 0; }
.haiku-rank { float: left; margin-right: 8px; font-weight: 700; color: #6f5000; text-align: center; padding: 4px 0 3px; width: 30px; background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: linear-gradient(180deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); }
.haiku-number { padding: 3px 10px; background: #008c00; color: #fff; font-weight: 700; border-radius: 20px; }
.haiku-vote { margin: 0 10px 10px; overflow: hidden; min-width: 300px; }
  .haiku-vote-status { font-weight: 700; float: left; line-height: 34px; color: #666; }
.count-total { float: left; font-weight: 700; line-height: 34px; color: #E90142; }
.haiku-vote-bar { float: right; }

.haiku-list-good, .haiku-bar-good { background: #e90142; }
.haiku-list-bad, .haiku-bar-bad { background: #0077d0; }
.haiku-vote-good, .goodBtn { color: #e90142; }
.haiku-vote-bad, .badBtn { color: #0077d0; }

.haiku-btn { float: left; width: 34px; padding: 5px 2px 3px 20px; text-align: center; border: 1px solid #ccc; background: #fff; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1); border-radius: 4px; text-align: center; font-size: 13px; font-weight: 700; text-decoration: none; background: url(//s.eximg.jp/exnews/a/img/haiku-goodbad-sp.png) no-repeat 6px 6px; -moz-background-size: 18px auto; background-size: 18px auto; }
.goodBtn, .badBtn{ display: inline-block; cursor: pointer; border: 1px solid #e90142; }
  .badBtn { border: 1px solid #0077d0; background: url(//s.eximg.jp/exnews/a/img/haiku-goodbad-sp.png) no-repeat 6px -36px; -moz-background-size: 18px auto; background-size: 18px auto; }
  .goodBtn:hover { color: #fff; background: #e90142 url(//s.eximg.jp/exnews/a/img/haiku-goodbad-sp.png) no-repeat 6px -78px; -moz-background-size: 18px auto; background-size: 18px auto; }
  .badBtn:hover { color: #fff; background: #0077d0 url(//s.eximg.jp/exnews/a/img/haiku-goodbad-sp.png) no-repeat 6px -120px; -moz-background-size: 18px auto; background-size: 18px auto; }
.haiku-bar { float: left; margin: 6px 8px 0; overflow: hidden; }
  .haiku-bar-good, .haiku-bar-bad { display: inline-block; height: 12px; }

.page-haiku-list-kiji .haiku-status { float: left; }
  .page-haiku-list-kiji li { clear: both; overflow: hidden; border-bottom: solid 1px #ddd; border-top: solid 1px #fff; background: #f6f6f6; }
.haiku-kijiL { padding: 5px 20px 5px 30px; background: #fff url(//s.eximg.jp/exnews/a/img/icon_arrow_gray.png) no-repeat 98% 50%; 
    -moz-background-size: 10px auto;
    background-size: 10px auto; }
  .haiku-kijiL a { display: block; overflow: hidden; }
  .articleList.haiku-kijiL .thumb img { max-width: 100px; max-height: 80px; width: auto; }
  .articleList.haiku-kijiL .noImage { height: 80px; line-height: 80px; }

.haiku-pager { padding: 8px 0px 3px 5px; overflow: hidden; background: #fffce2; }
  .haiku-pager ul { display: -webkit-box; display: -webkit-flex; display: flex; }
  .haiku-pager li { text-align: center; font-size: 13px; line-height: 1.3; font-weight: 700; -webkit-box-flex: 1; -webkit-flex: 1; }
    .haiku-pager li a { display: block; margin: 0 5px 5px 0; padding: 8px 0 7px; border-radius: 5px; border: 1px solid #7BA347; color: #fff;
      background:-webkit-linear-gradient(-90deg,rgb(142,183,91) 0%,rgb(108,154,45) 100%);
        background:linear-gradient(180deg,rgb(142,183,91) 0%,rgb(108,154,45) 100%);
        box-shadow:0px 2px 0px rgba(0,0,0,0.1); text-shadow:1px 1px 1px rgba(0,0,0,0.1); }
        .haiku-pager .icon-pickup { padding: 0 0 0 17px; background: url(//s.eximg.jp/exnews/a/img/haiku-goodbad-sp.png) no-repeat 0 -168px; -moz-background-size: 18px auto; background-size: 18px auto; }

  .haiku-pager-head { padding: 8px 0px 0 5px; border-bottom: 4px solid #6c9a2d; }
    .haiku-pager-head h1 { font-weight: 700; }
    .haiku-pager li a.current { margin: 0 5px 0 0; padding: 10px 0; border: 1px solid #6c9a2d; background: #6c9a2d; box-shadow: none; border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0; 
    -webkit-border-bottom-left-radius: 0; 
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0; }

.haiku-pager-line-top { border-top: solid 3px #edd84e; } .haiku-pager-line { border-bottom: solid 3px #edd84e; }
#pagehaiku .page-haiku-list + .haiku-pager, #pagehaiku .page-haiku-list + .pager { margin-top: -10px; }

/*****************
servicelist
*****************/
.boxinactive {
    display: none;
}

.boxactive {
    display: block;
}

#serviceListBox h2 {
    float: left;
}

#serviceListBox .serviceListClose {
    width: 80%;
    margin: 10px auto;
    display: block;
}

#serviceListBox ul:first-child {
    border-right: solid 1px #c7d5e0;
}

#serviceListBox ul:last-child {
    border-left: solid 1px #fff;
}

#serviceListBox li a {
    display: block;
    padding: 8px 15px 8px 30px;
    color: #000;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: solid 1px #c7d5e0;
    border-top: solid 1px #fff;
    background: #f1f6f9 url(//s.eximg.jp/exnews/a/img/icon_arrow_gray.png) no-repeat 10px center;
    -moz-background-size: 10px auto;
    background-size: 10px auto;
}

#serviceListBox .inner {
    width: 100%;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}

.servicelistL,
.servicelistR {
    width: 50%;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}

#serviceListBox section header h1 {
    font-weight: bold;
}

#serviceListBox section header {
    display: block;
    line-height: 40px;
    color: #2b3947;
    font-weight: bold;
    padding: 0 10px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #7a8e9a;
    text-shadow: 0 1px 1px #fff;
    background: -webkit-linear-gradient(top, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
    background: linear-gradient(to bottom, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
}

/*****************
bit
*****************/
/* top */
#bitDateNews {
    margin: 5px;
    padding: 5px 5px 5px 35px;
    border: solid 1px #8CBA00;
    border-radius: 5px;
    background: #F2FADA url(//s.eximg.jp/exnews/a/img/icon_bitCalender.png) no-repeat 7px center;
    -moz-background-size: 22px 22px;
    background-size: 22px 22px;
}

#bitDateNews a {
    display: block;
}

/* bit contents */
#bit .barStyle {
    padding: 2px 0;
    background: #9cc300;
}

#bit .barStyle h1 {
    display: block;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
    padding: 0 10px 0 115px;
    text-shadow: none;
    background: url(//s.eximg.jp/exnews/a/img/logo_bit.gif) no-repeat 10px center;
    -moz-background-size: 95px 17px;
    background-size: 95px 17px;
}

#bit .inner {
    padding: 10px;
}

#bit .socialModule {
    border-bottom: none;
    margin: 10px 0 0;
    padding: 10px 0 0;
}

#bit .newsList {
    clear: both;
    margin: 10px 0 0;
}

#bit .newsList li {
    padding: 0 0 0 15px;
    margin: 0 0 10px;
    line-height: 1.4;
    background: url(//s.eximg.jp/exnews/a/img/icon_arrow_gray.png) no-repeat left 5px;
    -moz-background-size: 10px auto;
    background-size: 10px auto;
}

.anniversaryList .dayPager {
    overflow: hidden;
    text-align: center;
    height: 40px;
    margin: 0 0 10px;
    padding: 7px;
    background: #F2FADA;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    box-shadow: 0 0 3px #999;
}

.anniversaryList .dayPager li {
    display: block;
    line-height: 40px;
    width: 30%;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}

.anniversaryList .dayPager li a {
    display: block;
    border: solid 1px #8CBA00;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 0 3px #fff inset;
    background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
    background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);

}

.anniversaryList .dayPager .crrent {
    font-weight: bold;
    color: #047804;
    width: 40%;
}

.anniArticle {
    overflow: hidden;
    clear: both;
    padding: 5px;
    background: #F2FADA;
    border: solid 1px #8CBA00;
    padding: 10px 10px 5px;
    margin: 7px;
    border-radius: 5px;
}

.anniArticle .anniTitle h1 {
    font-weight: bold;
    font-size: 116%;
    border-bottom: dotted 1px #8CBA00;
    margin: 0 0 10px;
    padding: 0 5px 5px;
    color: #047804;
}

.anniArticle .thumb {
    margin: 2px 5px 0 0;
    width: 100px;
    border: 1px solid #ccc;
    float: left;
    margin: 0 10px 0 0;
    padding: 2px;
}

.anniArticle .thumb img {
    width: 100px;
}

.anniArticle .anniDesc {
    line-height: 1.5;
}

/*searchAnni*/
#searchAnni .inner {
    padding: 20px 0;
    font-size: 116%;
    text-align: center;
}

#searchAnni label select {
    height: 44px;
    width: 60px;
    display: inline-block;
    border: solid 1px #999;
    font-size: 116%;
    text-align: center;
}

#searchAnniSubmit input {
    display: inline
}

/*****************
photoNews
*****************/
.photoList {
}

.photoList li {
    background: #F1F6F9;
    border-bottom: solid 1px #C3D9FF;
    border-top: solid 1px #fff;
    padding: 10px;
}

.photoList figure {
    position: relative;
    width: 100%;
    max-height: 300px;
    background: #333;
    overflow: hidden;
    padding: 15px 0;
}

.photoList .thumb {
    margin: 0 auto 5px;
    max-width: 100%;
    max-height: 300px;
    background: #000
}

.photoList figcaption {
    display: block;
    width: 96%;
    background: #000;
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 5px 2%;
    font-size: 85%;
    line-height: 1.5;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.photoList .listMoreBtn {
    margin: 10px 10px 0;
    border-radius: 5px;
}

.photoList .IM {
    padding: 0;
    border: 0;
}

.photoList .noImage {
    display: block;
    float: left;
    width: 100%;
    line-height: 110px;
    overflow: hidden;
    background: #4D4C4C;
    margin: 0 10px 0 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 -1px 0 #000;
}

#photoNewsRanking a {
    margin: 0 25px 0 0;
}

#photoNewsRanking .thumb {
    float: left;
    background: #444;
    margin: 0 10px 0 0;
}

#photoNewsRanking img {
    margin: 0;
    float: none;
}

#photoNewsRanking .count {
    margin: 0 1px 0 0;
    padding: 5px;
    width: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#photoNewsRanking .note {
    margin: 5px auto;
}

#photoNewsRanking .note span {
    font-size: 85%;
    color: #666;
    display: block;
    line-height: 1.6;
}

#photoGenre {
}

#photoGenre ul {
    overflow: hidden;
}

#photoGenre li {
    float: left;
    width: 50%;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#photoGenre li:nth-child(2n) {
    border-left: solid 1px #fff;
}

#photoGenre li:nth-child(2n+1) {
    border-right: solid 1px #C3D9FF;
}

#photoGenre figure {
    padding: 0;
    height: 160px;
}

#photoGenre figure img {
    max-width: 100%;
    margin: 0 auto
}

#photoGenre figcaption {
    height: 50px
}

#photoNews {
}

#photoGenreNews {
}

.toPhotos a,
.toArticle a {
    display: block;
    color: #17338f;
}

.toPhotos,
.toArticle {
    display: block;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    color: #17338f;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #7c90b2;
    margin: 0 20px 5px;
    border-radius: 5px;
    text-shadow: 0 1px 0 #fff;
    background: -webkit-linear-gradient(top, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
    background: linear-gradient(180deg, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
}
/* btn new */
.moreBtn { margin: 5px 0 10px; text-align: center; line-height: 48px; font-weight: bold; }
.moreBtn a { display: block; padding-top: 1px; font-size: 18px; border-radius: 5px; }
.moreBtn a .btn-arr { position: relative; vertical-align: -1px; }
.moreBtn a .btn-arr:before,
.moreBtn a .btn-arr:after { position: absolute; content: " "; display: inline-block; width: 9px; height: 9px; border-top: 3px solid #17338f; border-right: 3px solid #17338f; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.btn-more { padding-left: 20px; }
/* 00 btn-ex */
.moreBtn.btn-ex { margin: 10px 20px 15px; line-height: 40px; border-radius: 5px; border-top: solid 1px #fff; border-bottom: solid 1px #7c90b2; color: #17338f; text-shadow: 0 1px 0 #fff;
  background: -webkit-linear-gradient(top, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
  background: linear-gradient(180deg, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%); }
.moreBtn.btn-ex a { padding-top: 0; font-size: 14px; color: #17338f; }
.moreBtn.btn-ex a .btn-arr:before,
.moreBtn.btn-ex a .btn-arr:after { display: none; }
/* 01 btn-blue */
.moreBtn.btn-blue { border-radius: 5px; border-top: solid 1px #fff; border-bottom: solid 1px #7c90b2; color: #17338f; text-shadow: 0 1px 0 #fff;
  background: -webkit-linear-gradient(top, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
  background: linear-gradient(180deg, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%); }
.moreBtn.btn-blue a { color: #17338f; }
.moreBtn.btn-blue a .btn-arr:before { top: 0; left: 0; border-color: #fff; }
.moreBtn.btn-blue a .btn-arr:after { top: -1px; left: -1px; border-color: #17338f; }
/* 02 btn-green */
.moreBtn.btn-green { border-radius: 5px; border-top: solid 1px #fff; border-bottom: solid 1px #a7c34f; color: #060; text-shadow: 0 1px 0 #fff;
  background: -webkit-linear-gradient(#e4fc9f 0%, #d2eb89 41%, #c2e26a 100%);
  background: linear-gradient(180deg, #e4fc9f 0%, #d2eb89 41%, #c2e26a 100%); }
.moreBtn.btn-green a { color: #060; }
.moreBtn.btn-green a .btn-arr:before { top: 0; left: 0; border-color: #fff; }
.moreBtn.btn-green a .btn-arr:after { top: -1px; left: -1px; border-color: #060; }
/* 03 btn-orange */
.moreBtn.btn-orange { border-radius: 5px; border-top: solid 1px #fff; border-bottom: solid 1px #dd8504; color: #7b4101; text-shadow: 0 1px 0 #fff;
  background: -webkit-linear-gradient(#fdd6a9 0%,#f7be64 41%, #f8a02b 100%);
  background: linear-gradient(180deg, #fdd6a9 0%,#f7be64 41%, #f8a02b 100%); }
.moreBtn.btn-orange a { color: #7b4101; }
.moreBtn.btn-orange a .btn-arr:before { top: 0; left: 0; border-color: #fff; }
.moreBtn.btn-orange a .btn-arr:after { top: -1px; left: -1px; border-color: #7b4101; }
/* 04 btn-blue-f */
.moreBtn.btn-blue-f { border-radius: 5px; }
.moreBtn.btn-blue-f a { color: #0059b2; background: #ebf2fc; box-shadow: 0px 0px 0px 1px #78aadd inset, 0px 3px 0px 0px #759ed3, 0px 3px 0px 0px #5f8cc9, 0px 5px 2px 0px rgba(0, 0, 0, .15); }
.moreBtn.btn-blue-f a .btn-arr:before { top: 0; left: 0; border-color: #fff; }
.moreBtn.btn-blue-f a .btn-arr:after { top: -1px; left: -1px; border-color: #0059b2; }
/* 05 btn-green-f */
.moreBtn.btn-green-f { border-radius: 5px; }
.moreBtn.btn-green-f a { color: #008c23; background: #E8F8DC; box-shadow: 0px 0px 0px 1px #5aa36d inset, 0px 3px 0px 0px #5ba168, 0px 3px 0px 0px #3f8646, 0px 5px 2px 0px rgba(0, 0, 0, .15); }
.moreBtn.btn-green-f a .btn-arr:before { top: 0; left: 0; border-color: #fff; }
.moreBtn.btn-green-f a .btn-arr:after { top: -1px; left: -1px; border-color: #008c23; }
/* 06 btn-orange-f */
.moreBtn.btn-orange-f { border-radius: 5px; }
.moreBtn.btn-orange-f a { color: #f67d00; background: #fcf7df; box-shadow: 0px 0px 0px 1px #f78e25 inset, 0px 3px 0px 0px #f38f00, 0px 3px 0px 0px #e67200, 0px 5px 2px 0px rgba(0, 0, 0, .15); }
.moreBtn.btn-orange-f a .btn-arr:before { top: 0; left: 0; border-color: #fff; }
.moreBtn.btn-orange-f a .btn-arr:after { top: -1px; left: -1px; border-color: #f67d00; }

#photoOthers ul {
    padding: 10px 3% 5px;
    overflow: hidden;
}

#photoOthers li {
    float: left;
    margin: 0 2% 5px 0;
    height: 100px;
    width: 32%;
}

#photoOthers li:nth-child(3n) {
    margin: 0 0 5px 0;
}

#photoOthers li a {
    display: block;
    height: 100px;
    line-height: 100px;
    text-align: center;
    vertical-align: middle;
    background: #eee;
    overflow: hidden;
}

#photoOthers img {
    display: inline-block;
    max-width: 100%;
    max-height: 100px;
    line-height: 100px;
    vertical-align: middle;
    margin: -4px auto 0;
}

/*****************
spmode/lp/
*****************/
.serviceHead {
    border-bottom: solid 1px #ccc;
    overflow: hidden;
    color: #fff;
    box-shadow: 0 2px 2px #ccc;
    text-shadow: 0 1px 0 #000;
    background: -webkit-linear-gradient(top, #666666 0%, #333333 50%, #0a0e0a 51%, #0a0809 100%);
    background: linear-gradient(180deg, #666666 0%, #333333 50%, #0a0e0a 51%, #0a0809 100%);
}

.serviceIcon {
    width:;
    float: left;
    margin: 0 10px 0 0;
    width: 80px
}

.serviceHead h1 {
    padding: 8px 0 0;
    font-size: 123%;
    font-weight: bold;
}

.contentDetails {
    padding: 15px;
}

.serviceImg {
    margin: 0 0 10px;
    border: solid 1px #ccc;
    max-width: 100%
}

.detailText {
    margin: 0 0 15px
}

.btn_to_service {
    margin: 0 0 10px;
    display: block;
    height: 60px;
    border: 1px solid #ba0000;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    text-shadow: 0 -1px 0 #666;
    background: -webkit-linear-gradient(top, #ffe0e0 0%, #ba0000 95%, #e80000 100%);
    background: linear-gradient(180deg, #ffe0e0 0%, #ba0000 95%, #e80000 100%);
}

.recomTarminal {
    border: solid 1px #ccc;
    margin: 10px;
    border-radius: 3px;
}

.recomTarminal ol {
    font-weight: bold;
}

.recomTarminal li {
    padding: 0 10px;
    line-height: 2.5
}

.recomTarminal li:nth-child(2n+1) {
    background: #e3f1fa;
}

/*****************
bit/post
*****************/
.bitList .note {
    overflow: hidden;
}

.bitList .thumb {
    float: left;
    margin: 0 5px 0 0;
}

.bitList .time {
    font-size: 85%;
    color: #666;
    display: block;
    line-height: 1.6;
}

.bitList a:visited .time {
    color: #999;
}

.aboutBit p {
    padding: 10px;
}

#bitDetailExcerpt img {
    max-width: 100%;
    height: auto;
}

.bitDetailInfo {
    margin: 10px;
    padding: 10px 0 0 0;
    border-top: 1px dotted #ccc;
    color: #666;
}

.bitDetailAuthor a span {
    color: #666;
}

.bitDetailRelated {
    margin: 10px 0 0 0;
}

.bitDetailRelated li {
    display: inline;
    line-height: 2.6;
}

.bitDetailRelated a {
    white-space: nowrap;
    padding: 7px 7px 7px 22px;
    border: 1px solid #999;
    background: #FFF url(//s.eximg.jp/exnews/a/img/icon_bitKeywords.png) no-repeat 5px 50%;
    -moz-background-size: 15px auto;
    background-size: 15px auto;
}

#bitpostRanking a {
    margin: 0 25px 0 0;
}

#bitpostRanking .thumb {
    float: left;
    background: #444;
    margin: 0 10px 0 0;
}

#bitpostRanking img {
    margin: 0;
    float: none;
}

#bitpostRanking .count {
    margin: 0 1px 0 0;
    padding: 5px;
    width: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#bitpostRanking .note {
    margin: 5px auto;
}

#bitpostRanking .note span {
    font-size: 85%;
    color: #666;
    display: block;
    line-height: 1.6;
}

#bitpostRanking a:visited .note span {
    color: #999;
}

/*****************
partner module
*****************/

/* ANA */
#anaForm {
    margin: 0 0 15px;
}

#anaForm .barStyle h1 {
    display: inline-block
}

#anaForm .barStyle img {
    display: block;
    float: left;
    margin: 5px 10px 0 0;
}

#anaForm .formItem {
    padding: 5px;
    border-bottom: dotted 1px #ccc;
}

#anaForm .formItem:first-child {
    border-top: dotted 1px #ccc;
}

#anaForm .formCaption {
    display: inline-block;
    width: 80px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #b1995c;
    border: solid 1px #dfd3a7;
    border-radius: 3px;
    text-shadow: 0 1px 0 #fff;
    background: #fff9dc;
}

#anaForm select {
    height: 30px;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    min-width: 70px;
}

#anaForm .submitBtn {
    margin: 10px;
}

#anaForm .submitBtn input {
    display: block;
    width: 100%;
    height: 40px;
    color: #17338f;
    font-weight: bold;
    border: none;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #7c90b2;
    border-radius: 5px;
    text-shadow: 0 1px 0 #fff;
    background: -webkit-linear-gradient(top, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
    background: linear-gradient(180deg, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%);
}

#anaForm #memberCount .formCaption {
    float: left;
}

#anaForm #memberCount .inner {
    margin: 0 0 5px 90px;
}

#anaForm #memberCount .count {
    display: inline-block;
    width: 90px;
    text-align: left;
    font-size: 12px;
}

#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 77%;
}

#page-top a {
    background: #ccc url(//s.eximg.jp/exnews/a/img/icon_up_g.png) no-repeat center center;
    background-size: 20px 20px;
    text-decoration: none;
    color: #fff;
    padding: 40px 0 0;
    text-align: center;
    display: block;
    border-radius: 3px;
    height: 0;
    width: 40px;
    overflow: hidden;
    opacity: 0.8;
}

.video-container {
    margin-left: 10px;
    margin-top: 15px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    margin-bottom: 50px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 98%;
}

/*newsTabs01 color*/
.newsTabs li.all a{border-top:solid 3px #c7d5e0}
.newsTabs li.sub a{border-top:solid 3px #9c8ae0}
.newsTabs li.entertainment a{border-top: solid 3px #14773c}
.newsTabs li.sports a{border-top: solid 3px #25458a}
.newsTabs li.society a{border-top: solid 3px #95032c}
.newsTabs li.column a{border-top: solid 3px #bda817}
.newsTabs li.bit a{border-top: solid 3px #7ba400}
.newsTabs li.laurier a{border-top: solid 3px #c56487}
.newsTabs li.odd a{border-top: solid 3px #4a84b7}
.newsTabs li.review a{border-top: solid 3px #9933cc}
.newsTabs li.it a{border-top: solid 3px #999}
.newsTabs li.economy a{border-top: solid 3px #aecede}
.newsTabs li.world a{border-top: solid 3px #005f31}


/*****************
contentsClass "today"
******************/
.BrightcoveExperience{ display: block; margin: 0 auto;}
.movie{ max-width:100%; margin: 0 auto; background: #333; text-align: center;}
.movieTitle{ display: block; color: #fff; font-weight: bold; line-height: 40px; text-indent: 10px;}

.source{ margin: 5px auto; padding: 0 10px; line-height: 18px!important;
  color: #999; font-size: 12px; text-align: right; vertical-align: middle;}
  .source img{ display: inline-block;  vertical-align: bottom;}


  #latestNews .articleList li { border-bottom: solid 1px #ddd; border-top: 0; background: #f7f7f7 ;}

    #latestNews .articleList li a { padding: 10px; color: #333; font-size: 110%;
    -webkit-text-overflow: inherit; -o-text-overflow: inherit; text-overflow: inherit;}

    #latestNews time{ font-size: 11px; color: #999; }
    #latestNews .articleList .thumb {
      width: 70px; height: 70px; line-height: 68px; text-align: center;
      background: #ddd; margin: 0 10px 0 0;}
    #latestNews .articleList .thumb img { display: inline; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle;}
    #latestNews .articleList .noImage{ background: #ddd; width: 70px; line-height: 1.2; padding: 18px 0 0; height: 70px;
      text-shadow: none; font-size: 85%; font-weight: normal;
      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* #revisionNews */
#revisionNews{}
  .source{ color: #999; font-size: 12px; float: right; line-height: 30px; padding: 0 10px; }

#revisionNews #movieThumb{ text-align: center; width: 100%; height: 200px;
  position: relative; background: #000;}
#revisionNews .thumb{ height: 200px; margin: 0 auto;}
#revisionNews .icon-play{ width: 64px; height: 64px; opacity: 0.6;
  position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;
  border-radius: 5px; box-shadow: 1px 1px 1px #000; padding: 10px 14px 14px 10px; background: #fff;}

/* latestNews */
#latestNews{}

/* weekMovies */
#weekMovies{}
  #weekMovies .movieList{ margin: 10px;}
  #weekMovies .movie{ margin-bottom: 10px;}

/*****************
seriesList
******************/
/* seriesList */
.seriesList-head { padding: 7px; overflow: hidden;}
  .seriesList-head .series-thumb{ width: 100px; float: left; margin-right: 10px; border: solid 1px #ddd;}
  .photo .seriesList-head .series-head{ margin: 0 0 0 115px;}
  .seriesList-head .series-title{ font-size: 18px; line-height: 1.3; font-weight: bold; margin: 0 0 5px; color: #000;}
  .seriesList-head .series-summary{ font-size: 11px; line-height: 1.6;}
  
/* author */
.authorInfo { padding: 7px 25px 7px 7px; overflow: hidden; display: box; display: -webkit-box; display: -moz-box; 
box-align:center;
-webkit-box-align:center;
-moz-box-align:center;
background: url(//s.eximg.jp/exnews/a/img/icon_arrow_gray.png) no-repeat 98% center;
-moz-background-size: 10px auto;
background-size: 10px auto; }
.authorInfo .thumb { overflow: hidden; width: 50px; height: 50px; margin-right: 10px; border: 1px solid #ddd; background: #fff; text-align: center; } 
.authorInfo .thumb img, .authorInfoDetail .thumb img { width: 50px; height: auto; }
.authorInfo .authorName { font-weight: 700; line-height: 1.8; color: #17338f; }
.authorInfo .authorbody { overflow: hidden; padding-right: 0; }
.thumb + .authorbody { padding-right: 60px; }
.authorInfo .authorSummary { font-size: 12px; line-height: 1.4; color: #222; }

.authorInfoDetail { padding: 7px; color: #222; }
.authorInfoDetail .thumb { float: left; overflow: hidden; width: 50px; height: 50px; margin-right: 7px; border: 1px solid #ddd; background: #fff; text-align: center; }
.authorInfoDetail .authorName { display: table-cell; vertical-align: middle; height: 50px; }
.authorInfoDetail .authorName h2 { font-size: 16px; line-height: 1.2; font-weight: 700; }
.authorInfoDetail .authorSummary { clear: both; margin-bottom: 5px; }
.authorInfoDetail .linkbtn { text-align: right; font-weight: 700; }
.authorInfoDetail .linkbtn a { padding: 5px 10px 3px; border: 1px solid #ddd; background: #f1f6f9; color: #17338f; border-radius: 3px; }

.sponsored { color: #999; font-size: 85%; }
.sponsored-detail { color: #999; font-size: 85%; float: right; }

/*****************
og-laurier
******************/
.og-laurier { background: #f7f7f7; }
.og-laurier .barMain { padding: 2px 5px 0 0; background: #ffd6d6; color: #fff; }
.og-laurier .barMain a { display: block; overflow: hidden; height: 0; padding-top: 42px; background: url(//s.eximg.jp/exnews/a/img/laurier-header.png) no-repeat center center; -moz-background-size: 267px 18px; background-size: 267px 18px; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.og-laurier .barStyle, .og-laurier .categoryNav .barStyle, .og-laurier #topnews-genre section h2.barStyle { background: #ffd6d6; color: #fff; text-shadow: none; border-bottom: none; }
.og-laurier .barStyle h1, .og-laurier .barStyle h2, .og-laurier .barStyle h3 { text-shadow: none; font-size: 100%; }
.barMain + .og-laurier .barStyle, .barMain + .barStyle h1, .og-laurier #topnews-genre h1.barStyle, .og-laurier #topnews-genre .barStyle h1 { background: #fff; color: #f99ea7; }
.barMain + .barStyle, .barMain + #topnews-genre .barStyle { background: #fff; color: #f99ea7; border-bottom: 1px solid #eee; }

/* list */
.og-laurier .articleList li { border-bottom: 1px solid #eee; background: #fff url(//s.eximg.jp/exnews/a/img/icon_right_arrow_50.png) no-repeat scroll 97% center; -moz-background-size: 10px auto; background-size: 10px auto; }
.og-laurier .articleList li a { position: relative; padding: 10px 20px 10px 10px; color: #555; font-size: 15px; line-height: 1.4; }
.og-laurier .articleList li a:visited { color: #999; }
.og-laurier .articleList .thumb, .og-laurier .matomeArticleList .thumb { width: 64px; height: 64px; line-height: 63px; background: #eee; }
.og-laurier .articleList .thumb img, .og-laurier .matomeArticleList .thumb img { width: auto; height: auto; max-width: 64px; max-height: 64px; }
.og-laurier .articleList .noImage { width: 64px; height: 64px; line-height: 64px; font-size: 10px; background: #eee; color: #fff; text-shadow: none; }
.label-subgenre { position: absolute; bottom: 10px; right: 20px; font-size: 12px; color: #f99ea7; line-height: 1; }
.og-laurier .rank_link { position: relative; }
.og-laurier .articleList li.rank-infeed { position: relative; padding: 10px 20px 10px 10px; }
.og-laurier .articleList li.rank-infeed a { padding: 0; }
.og-laurier .articleList li.rank-infeed .yads_ad_adv { left: 84px; }
.og-laurier .articleList li.rank-infeed .yads_ad_adv a { color: #888; font-size: 11px; }
.og-laurier .articleList li.rank-infeed .yads_ad_img a { display: block; width: 64px; height: 64px; margin-right: 10px; }
.og-laurier #exr .articleList .thumbLow { width: 64px; height: 64px; line-height: 64px; background: #f7f7f7; }

.count-thumb { position: absolute; top: 10px; left: 10px; width: 20px; height: 10px; padding: 5px 0; font-size: 11px; text-align: center; line-height: 11px; color: #fff; background: #f56573; }
.og-laurier .article-pickup { position: relative; height: 164px; overflow: hidden; }
.og-laurier .article-pickup a { display: block; height: 164px; overflow: hidden; }
.og-laurier .article-pickup img { width: 100%; }
.og-laurier .pickup-summary { position: absolute; bottom: 0; width: 100%; color: #fff; 
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,0.4) 100%);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,0.4) 100%); }
.og-laurier .pickup-summary p { padding: 60px 10px 8px; font-size: 16px; line-height: 1.4; font-weight: 700; }

/* btn */
.og-laurier .halfPager { display: block; padding: 5px; background: #eee; }
.og-laurier .halfPager .btn { display: block; float: left; width: 50%; padding: 0; }
.og-laurier .halfPager .btn.next { float: right; }
.og-laurier .pager .btn a { overflow: hidden; height: 0; padding: 30px 8px 15px 10px; color: #f56573; background: url(//s.eximg.jp/exnews/a/img/laurier-parts.png) no-repeat right -390px; -moz-background-size: 25px auto; background-size: 25px auto; border: none; line-height: 50px; }
.og-laurier .pager .btn.prev a { background-position: 10px -440px; }
.og-laurier .listMoreBtn { color: #f56573; background: #f7f7f7; border-bottom: none; }
.og-laurier .listMoreBtn a { color: #f56573; background: #fff; border-bottom: solid 1px #ddd; }

/* kiji */
.og-laurier #storyDetails .storyHeader, .og-laurier #storyDetails .storyHeaderTitleOnly { margin-bottom: 5px; padding: 8px 7px 5px; background: #fff; box-shadow: 0px 2px 3px rgba(0,0,0,0.1); }
.og-laurier #storyDetails header h1 { color: #333; text-shadow: none; line-height: 1.3; }
.og-laurier #storyDetails .storyHeader .storyMeta, .og-laurier #storyDetails .storyHeaderTitleOnly .storyMeta { color: #999; padding-top: 2px; }
#page_summary .og-laurier .storyHeader .storyMeta { color: #999; margin-left: 90px; }
.og-laurier #storyDetails .story { font-size: 15px; line-height: 1.7; color: #444; text-shadow: none; }
#page_summary .og-laurier #storyDetails .story { padding: 5px 10px 10px; font-size: 14px; line-height: 1.5; }
.og-laurier #storyDetails .story a { color: #f56573; }
.og-laurier .story .storyImg { border: none;  }
#page_summary .og-laurier .storyHeader figure { width: 80px; height: 80px; margin-bottom: 3px; line-height: 78px; background: #f7f7f7; }
#page_summary .og-laurier .storyHeader header { margin-left: 90px; }

#page_summary .og-laurier .toArticle { margin: 10px 20px 15px; border: 0; border-radius: 6px; text-shadow: 0 1px 0 #fff; }
.og-laurier #storyDetails .toArticle a,
.og-laurier .toArticle a.btn-blue-w-mg0 { margin: -3px -20px 0; border-radius: 5px; color: #0369b4; background: #ebf2fc; border: 1px solid #78aadd; font-size: 16px; line-height: 42px; text-shadow: none; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); }
.og-laurier .toArticle a span,
.og-laurier .toArticle a.btn-blue-w-mg0 span { padding-left: 16px; background: url(//s.eximg.jp/exnews/a/img/btn-angle2.png) no-repeat 0 6px; -moz-background-size: 12px auto; background-size: 12px auto; }

.og-laurier .pt3 { overflow: hidden; margin: 10px 10px 0; padding: 8px 30px 5px 10px; border: 1px solid #ddd; color: #666; background: #fff url(//s.eximg.jp/exnews/a/img/icon_right_arrow_50.png) no-repeat scroll 97% center; -moz-background-size: 10px auto; background-size: 10px auto; border-radius: 4px; }
.og-laurier .pt3 a { color: #666; }
.pt3 .thumb-img { float: left; width: 40px; height: 40px; margin-right: 5px; overflow: hidden; }
.pt3 .thumb-img img { width: 40px; min-height: 40px; }
.og-laurier .next_title { display: block; overflow: hidden; color: #f56573; }

.og-laurier aside.adbanner { margin: 0; } 
.og-laurier .relKeywords { padding: 8px; background: #f7f7f7; }
.og-laurier .relKeywords li { display: inline-block; margin: 2px 4px 4px 0; background: #fff; border-radius: 4px; border: 1px solid #ddd; }
.og-laurier .relKeywords li a { padding: 2px 8px; color: #f56573; font-weight: normal; }

.og-laurier .authorInfo { border-bottom: 1px solid #eee; background: #fff url(//s.eximg.jp/exnews/a/img/icon_right_arrow_50.png) no-repeat scroll 97% center; -moz-background-size: 10px auto; background-size: 10px auto; }
.og-laurier .authorInfo .authorName { font-weight: normal; color: #f56573; }
.og-laurier .authorInfo .thumb, .og-laurier .authorInfoDetail .thumb { border-radius: 25px; }
.og-laurier .authorInfoDetail { background: #fff; box-shadow: 0px 2px 3px rgba(0,0,0,0.1); }
.og-laurier .authorInfoDetail .linkbtn a { background: #f7f7f7; color:  #f56573; font-weight: normal; font-size: 12px; }
.og-laurier .authorInfoDetail + section h2 { background: #ffd6d6; color: #fff; border-bottom: none; }
.og-laurier #storyDetails .photo { margin: 10px 10px 5px; box-shadow: 0 1px 3px #eee; }
.og-laurier #storyDetails .photo figcaption { line-height: 1.4; }
#photo_newsDetailIndex .og-laurier .photo { position: relative; }
#photo_newsDetailIndex .og-laurier .ranking .count { position: absolute; top: 10px; left: 10px; z-index: 999; width: 20px; height: 10px!important; padding: 5px 0; font-size: 11px; text-align: center; line-height: 12px; color: #fff; background: #f56573; text-shadow: none; }
#photo_newsDetailIndex .og-laurier .articleList .thumb { height: 64px!important; }
#photo_newsDetailIndex .articleList { border-top: 1px solid #eee; }

/* sub genre */
.og-laurier .categoryNav .inner { padding: 10px 0 2px 10px; background: #eee; }
.og-laurier .categoryNav li { width: 50%; }
.og-laurier .categoryNav li a { margin: 0 8px 8px 0; padding-left: 32px; color: #555; background: #fff url(//s.eximg.jp/exnews/a/img/laurier-parts.png) no-repeat 8px 7px; -moz-background-size: 25px auto; background-size: 25px auto; border-radius: 4px; border: none; border-bottom: solid 1px #ddd; text-align: left; }
.og-laurier .categoryNav li:nth-child(2) a { background-position: 8px -43px; }
.og-laurier .categoryNav li:nth-child(3) a { background-position: 8px -93px; }
.og-laurier .categoryNav li:nth-child(4) a { background-position: 8px -143px; }
.og-laurier .categoryNav li:nth-child(5) a { background-position: 8px -193px; }
.og-laurier .categoryNav li:nth-child(6) a { background-position: 8px -243px; }
.og-laurier .categoryNav li:nth-child(7) a { background-position: 8px -293px; }
.og-laurier .categoryNav li:nth-child(8) a { background-position: 8px -343px; }
.og-laurier .categoryNav li:nth-child(9) a { background-position: 9px -489px; }
/* kiji sns */
.socialModule-cnt2 .smBtn { width: 31%; height: 34px; padding: 2px; overflow: hidden; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.socialModule-cnt2 .smBtn a { display: block; color: #fff; font-size: 11px; font-weight: bold; line-height: 15px; text-align: center; }
.socialModule.socialModule-cnt2 .count { color: #fff; background: none; display: inline; font-size: 13px; font-weight: normal; line-height: 34px }
.socialModule.socialModule-cnt2 .service { color: #fff; background: none; display: inline; font-size: 15px; font-weight: bold; line-height: 32px }
.socialModule-cnt2 .twitterBtn div, .socialModule-cnt2 .facebookBtn div { float: left; width: 25px; height: 0; margin-left: 5px; padding-top: 30px; background: url(//s.eximg.jp/exnews/a/img/laurier-sns.png) no-repeat 0 0; -moz-background-size: 60px auto; background-size: 60px auto; }
.socialModule-cnt2 .facebookBtn div { background: url(//s.eximg.jp/exnews/a/img/laurier-sns.png) no-repeat 0 -50px; -moz-background-size: 60px auto; background-size: 60px auto; }
.socialModule-cnt2 .lineBtn div { height: 0; padding-top: 34px; overflow: hidden; background: url(//s.eximg.jp/exnews/a/img/laurier-sns.png) no-repeat center -100px; -moz-background-size: 60px auto; background-size: 60px auto; }
.og-laurier .socialModule-text { margin: 0; }
.og-laurier .socialModule { border-top: none; }
.og-laurier .socialModule-text .twitterBtn, .og-laurier .socialModule-text .facebookBtn { box-shadow: none; }
.article-share { overflow: hidden; padding:10px 10px 5px; margin-bottom: 10px; }
.article-share a { display: block; height: 80px; overflow: hidden; background: #fff; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 4px 1px; }
.share-img { float: left; width: 100px; height: 80px; overflow: hidden; text-align: center; }
.share-body { text-align: center; padding: 8px 10px 0; font-size: 13px; line-height: 1.3; color: #666; }
.share-img + .share-body { padding: 8px 10px 0 110px; }
.btn-article-share { margin: 3px 20px 0; padding: 6px; border-radius: 4px; background: #55acee; color: #fff; font-size: 12px; }
.btn-article-share span { padding: 0 0 2px 26px; line-height: 1.6; background: url(//s.eximg.jp/exnews/a/img/laurier-sns.png) no-repeat 0 -8px; -moz-background-size: 60px auto; background-size: 60px auto; }
/* footer sns */
.tx-link a { display: block; padding: 10px 24px 8px; font-size: 13px; border-top: 1px solid #fff; color: #888; background: #f7f7f7 url(//s.eximg.jp/exnews/a/img/icon_right_arrow_50.png) no-repeat scroll 10px center; -moz-background-size: 10px auto; background-size: 10px auto; }
.followme { padding: 15px 0 8px; overflow: hidden; text-align: center; color: #f99ea7; background: #fff; }
.followme h3 { font-size: 100%; }
.followme ul { margin: 0 5px; }
.followme li { float: left; width: 25%; margin-top: 8px; }
.followme li a { display: block; font-size: 10px;  }
.icon-twitter span, .icon-instagram span, .icon-youtube span, .icon-facebook span { display: block; margin: 0 auto; width: 32px; height: 32px; border-radius: 16px; background: #55acee url(//s.eximg.jp/exnews/a/img/laurier-sns.png) no-repeat 2px 1px; -moz-background-size: 60px auto; background-size: 60px auto; }
.icon-twitter { color: #55acee; }
.icon-instagram { color: #000; } .icon-instagram span { background: #000 url(//s.eximg.jp/exnews/a/img/laurier-sns.png) no-repeat 1px -199px; -moz-background-size: 60px auto; background-size: 60px auto; }
.icon-youtube { color: #cd201f; } .icon-youtube span { background: #cd201f url(//s.eximg.jp/exnews/a/img/laurier-sns.png) no-repeat 1px -149px; -moz-background-size: 60px auto; background-size: 60px auto; }
.icon-facebook { color: #3B5998; } .icon-facebook span { background: #3B5998 url(//s.eximg.jp/exnews/a/img/laurier-sns.png) no-repeat 1px -49px; -moz-background-size: 60px auto; background-size: 60px auto; }

/* ad */
.og-laurier .ob_strip_container .ob_org_header .barStyle h1 { color: #fff; }
.og-laurier .ob_strip_container .ob_container .item-link-container .item-container { padding: 5px 20px 5px 7px; border-bottom: 1px solid #eee; background: #fff url(//s.eximg.jp/exnews/a/img/icon_right_arrow_50.png) no-repeat scroll 97% center / 10px auto; }
.og-laurier .ob_strip_container a.item-link-container { display: block; background: #fff; }
.og-laurier .ob_strip_container .item-container .ob-text-content .strip-rec-link-title { color: #555; font-size: 14px; line-height: 20px; }
.og-laurier .ob_strip_container .ob-text-content .strip-rec-link-source { color: #999; }
.og-laurier #logly-lift-3598207 .logly-lift-ad-content { color: #999; }
.og-laurier #logly-lift-3598207 .logly-lift-ad-title { color: #555; font-size: 14px; line-height: 18px; }
.og-laurier #logly-lift-3598207 #logly-lift-widget-content { border-bottom: 1px solid #eee; background: #fff; }
.og-laurier #logly-lift-3598207 .logly-lift-ad { padding: 7px 10px 7px 7px; border-top: 1px solid #eee; background: #fff url(//s.eximg.jp/exnews/a/img/icon_right_arrow_50.png) no-repeat scroll 97% center / 10px auto; }
.og-laurier .adtext { border-top: 1px solid #eee; }
.og-laurier .articleList li.adtext a { padding-left: 35px; background: url(//s.eximg.jp/exnews/a/img/icon_pr_s.gif) no-repeat 10px 12px; }

.og-laurier .ex_ydn_text_sp_top { border-top: 1px solid #eee; }
.og-laurier .ex_ydn_text_sp_top a { background-color: #fff; }
.og-laurier .ex_ydn_text_sp_top dt, .og-laurier .ex_ydn_text_sp_top dd { color: #555; }
.og-laurier .ex_ydn_text_sp_top dl { color: #999; border-bottom-color: #eee; }
.og-laurier .ex_ydn_text_sp_top dl .site { color: #999; }

#exFooter .footerLink li a { background: url(//s.eximg.jp/exnews/a/img/icon_right_arrow_slim_50.png) no-repeat 95% center; background-size: 10px auto; }

/* matome */
.matomeDetail { padding-bottom: 10px; background: #f7f7f7; }
.matomeTitle  { position: relative; overflow: hidden; padding: 10px 15px; margin: 0 0 5px; line-height: 1.5; border-bottom: solid 1px #fff; box-shadow: 0 1px 3px #999; background: #000; }
    .matomeTitle h1 { font-size: 116%; color: #fff; font-weight: bold; text-shadow: 0 1px 0 #000; }
    .matomeTitle .sponsored-detail { position: absolute; right: 10px; bottom: 10px; }
.matomeThumb { float: left; margin: 0 10px 0 0; background: #fff; width: 100px; height: 100px; line-height: 96px; clear: none; text-align: center; }
    .matomeThumb img { display: inline-block; max-width: 100px; max-height: 100px; vertical-align: middle; }
.matomeSummary { padding: 0 10px 5px; color: #666; font-size: 13px; }
.matomeHeadLine { margin: 10px 10px 10px; }
    .matomeArticleList + .matomeHeadLine { margin: 25px 10px 10px;  }
    .matomeHeadLine h2 { padding: 0 0 5px 0; font-size: 18px; line-height: 1.4; font-weight: bold; border-bottom: 3px solid #b9d7ee; }
.matomeHeadLineSummary { margin: 10px 10px 15px; font-size: 15px; line-height: 1.7; }
    .matomeHeadLineSummary a { color: #17338f; }
    .matomeHeadLineSummary .matome-img { max-width: 100%; height: auto; }
    .matomeHeadLineSummary iframe { width: 100%; }
.matomeContentsImage { padding: 1px 1px 2px; margin: 10px 10px 15px; border: 1px solid #ddd; border-radius: 2px; background: #fff; }
    .matomeContentsImage a { display: block; }
    .matomeContentsImage_img { margin-bottom: 4px; background: #f7f7f7; }
    .matomeContentsImage img { margin: 0 auto; max-width: 100%; max-height: 300px; }
    .matomeContentsImage h3 { padding: 0 4px; color: #666; line-height: 1.5; text-align: left; font-size: 13px; }
    .matomeContentsImage b { display: block; padding-left: 2px; font-weight: bold; color: #666; font-size: 13px; }
.matomeContentsLink { margin-bottom: 10px; }
.matomeArticleList { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; overflow: hidden; background: #fafafa url(http://image.excite.co.jp/jp/News/images/icon_arrow_gray.png) no-repeat 98% center; background-size: 10px auto; }
    .matomeArticleList + .matomeArticleList  { border-top: solid 1px #fff; }
    .matomeArticleList a { overflow: hidden; display: block; padding: 5px 25px 5px 7px; color: #17338f; }
    .matomeArticleList .thumb { display: block; width: 70px; height: 70px; line-height: 68px; overflow: hidden; float: left; background: #fff; margin: 0 10px 0 0; text-align: center; }
    .matomeArticleList .thumb img{ width: 100%; margin: 0 auto; vertical-align: middle; display: inline; }
.date-end { position: absolute; bottom: 5px; right: 20px; color: #999; font-size: 12px; line-height: 1; }
blockquote { word-break : break-all; }
.matome-source, .matome-source a { font-size: 12px; color: #999; } 
.og-laurier .matomeTitle { margin-bottom: 5px; padding: 8px 7px 5px; background: #fff; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); }
.og-laurier .matomeTitle figure { float: left; margin: 0 10px 0 0; width: 80px; height: 80px; margin-bottom: 3px; line-height: 78px; }
.og-laurier .matomeTitle h1 { color: #333; text-shadow: none; line-height: 1.3; }
.og-laurier .matomeThumb { margin: 10px 10px 5px; box-shadow: 0 1px 3px #eee; }
.og-laurier .matomeHeadLine h2 { border-bottom: 2px solid #f56573; color: #f56573; background: #f7f7f7; border-radius: 0; }
.og-laurier .matomeHeadLineSummary { color: #444; text-shadow: none; }
.og-laurier .matomeHeadLineSummary a { color: #f56573; }
.og-laurier .matomeArticleList { border-bottom: 1px solid #eee; border-top: 1px solid #eee; background: #fff url(//image.excite.co.jp/jp/share/images/sp/icon_right_arrow_50.png) no-repeat scroll 97% center; background-size: 10px auto; }
    .og-laurier .matomeArticleList + .matomeArticleList  { border-top: solid 1px #fff; }
.og-laurier .matomeArticleList  a { position: relative; padding: 10px 20px 10px 10px; color: #555; font-size: 15px; line-height: 1.4; }
.og-laurier .matomeArticleList  a:visited { color: #999; }
.og-laurier .date-end { bottom: 10px; }

/* ydn promo */
.prm { position: relative; height: 87px; padding: 5px 25px 5px 7px; border-bottom: solid 1px #c7d5e0; border-top: solid 1px #fff; overflow: hidden;
background: #f1f6f9 url(//s.eximg.jp/exnews/a/img/icon_arrow_gray.png) no-repeat 98% center; -moz-background-size: 10px auto; background-size: 10px auto; }
.yads_ad_img a { display: block; float: left; width: 90px; height: 86px; margin-right: 10px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
.yads_ad_title { line-height: 1.5; }
.yads_ad_title a { display: block; color: #17338f; position: absolute; top: 0; left: 0; padding: 5px 25px 0 107px; height: 90px; }
.yads_ad_adv { position: absolute; bottom: 16px; left: 107px; }
.yads_ad_adv a { color: #888; font-size: 11px; }
.yads_ad_info { bottom:5px; box-sizing:border-box;display:inline-block;position:absolute;right:10px;text-align:right;vertical-align:middle; }
.yads_ad_info a, .og-laurier .articleList li .yads_ad_info a { color:#0a5d9c;cursor:pointer;display:inline-block;font-size:11px;height:15px;margin:3px 0;text-decoration:none;vertical-align:middle; }
.yads_ad_info span, .articleList li .yads_ad_info span { color:#888;text-decoration:none;line-height:15px;vertical-align:middle;white-space:nowrap;display:inline-block;padding: 0; margin-top:2px;*margin-top:-2px; }
.yads_ad_info img, .articleList li .yads_ad_info img { display:inline-block;margin-left:4px; vertical-align:middle; }

#exr .prm { height: 80px; }
#exr .prm .yads_ad_img a { width: 100px; height: 80px; }
#exr .prm .yads_ad_title a { height: 87px; padding-left: 117px; }
#exr .prm .yads_ad_adv { left: 117px; }

.og-laurier #exr .prm { height: 64px; padding: 10px 20px 10px 10px; border-bottom: 1px solid #eee; background: #fff url(//s.eximg.jp/exnews/a/img/icon_right_arrow_50.png) no-repeat scroll 97% center; background-size: 10px auto; }
.og-laurier #exr .prm .yads_ad_img a { width: 64px; height: 64px; }
.og-laurier #exr .prm .yads_ad_title a { height: 64px; padding: 8px 20px 0 84px; font-size: 15px; line-height: 1.4; color: #555; }
.og-laurier #exr .prm .yads_ad_adv { left: 84px; line-height: 1.4 }

#recommendInfo { margin-top: -8px; }
.recommendedbyw { position: relative; z-index: 2; width: 100%; cursor: pointer; text-align: right; font-size: 11px; font-family: arial; color: #999; }
  .recommendedbyw.active:after { position: absolute; top: 37px; right: 20px; content: "x"; padding: 0 5px 2px; z-index: 1; font-size: 20px; line-height: 1; color: #fff; background: #aca4d9; border-radius: 10px; }
.logo-wisteria-s { display: inline-block; overflow: hidden; width: 80px; height: 0; padding-top: 16px; margin: 0 4px 0 2px; vertical-align: -3px; background: url(//s.eximg.jp/extop/s/logo/logo-wisteria84x16.png) no-repeat; background-size: 80px auto; }
.recommend_info { display:none; padding: 10px; margin: 0 5px 5px; color: #666; background: #f9f8fc; border: 5px solid #dfdbf1; }
  .recommend_info h3 { text-align: center; margin-bottom: 10px; color: #aca4d9; font-size: 13px; }
  .recommend_info h3 img{ margin: 0 auto 5px; }
.recommend_btn { display: block; padding: 7px 10px; margin: 10px 0px 5px; font-size: 13px; line-height: 1.3; color: #17338f; background: #fff; border: 1px solid #ccc; border-radius: 5px; }