@charset "UTF-8";

/***********************************************************************
 * reset css
 ********************************************************************** */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
  vertical-align: baseline;
}

html {
  height: 100%;
  font-size: 15px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
main, section {
  display: block;
}

body {
  font-size: 1rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, sans-serif;
  line-height: 1;
  background: #fff;
}

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

ol, ul {
  list-style: none;
}

fieldset, img {
  border: 0;
}

img {
  vertical-align: top;
}

table {
  width: 100%;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

th, td {
  vertical-align: top;
  text-align: left;
}

caption, th {
  text-align: left;
}

address, caption, cite, code, dfn, em, th, var {
  font-weight: normal;
  font-style: normal;
}

sup {
  vertical-align: text-top;
  font-size: 62.5%;
}

input,
textarea {
  font-family: inherit;
}

a{
  color: inherit;
  text-decoration: none;
}

main{
  margin-top: 50px;
  background-color: #fff;
}


/***********************************************************************
 * common
 ********************************************************************** */

main > article{
  margin-bottom: 30px;
}

/***********************************************************************
 * title
 ********************************************************************** */

.list-title{
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #666;
  padding: 12px 11px;
  border-bottom: solid 1px #ddd;

}

/***********************************************************************
 * add-banner
 ********************************************************************** */

 .ad-banner-head{
   text-align: center;
   padding: 10px 0;
 }
 .ad-banner-head img{
   height: 100px;
   width: 320px;
   margin: auto;
 }


 /***********************************************************************
  * add-rect
  ********************************************************************** */

.ad-rect-wrapper{
  margin-bottom: 30px;
}

.ad-rect-wrapper img{
  display: block;
  width: 300px;
  height: 250px;
  margin: auto;
}

.ad-banner-wrapper
,.banner-wrapper{
  display: block;
}

.ad-banner-wrapper{
  width: 90%;
  margin: 20px auto 0;
}

.banner-wrapper{
  width: 100%;
  margin: 11px auto 0;
}

.ad-banner-wrapper a
,.banner-wrapper{
  display: block;
}

.ad-banner-wrapper img
,.banner-wrapper img{
  display: block;
  width: 100%;
  max-width: 100%;
}

.banner-wrapper.bg-set-center
,.banner-wrapper.bg-set-left{
  position: relative;
  height: 70px;
  width: 100%;
}

.banner-wrapper.bg-set-center img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;

  max-height: 70px;
  width: auto;
}

.banner-wrapper.bg-set-left img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;

  max-height: 70px;
  width: auto;
}

.banner-wrapper.bg-set-center.keizai
,.banner-wrapper.bg-set-left.keizai{
  background: url(../images/dummy/img-keizaiplus-bg.png) repeat-x center;
  background-size: cover;
}


 /***********************************************************************
  * main-menu
  ********************************************************************** */

.common-tab-list{
  display: flex;
  background-color: #eee;
  padding: 5px 10px;
}

.common-tab-list.scroll-tab{
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.common-tab-list.scroll-tab::-webkit-scrollbar{
  -webkit-appearance: none;
  display:none;
}

.common-tab-list li{
  display: block;
  color: #2258a2;
  font-size: 14px;
  font-weight: bold;
  flex-grow: 1;
  text-align: center;
  padding: 8px 0;

  position: relative;
}

.common-tab-list.scroll-tab li{
  flex:0 0 auto;
  padding: 8px 10px;
}

.common-tab-list .current{
  color: #fff;
  background-color: #2258a2;
  border-radius: 5px;
}

.common-tab-list .current.animation{
animation: arrowIn .3s ease 0s 1 normal;
-webkit-animation: arrowIn .3s ease 0s 1 normal;
}

.common-tab-list .current:after{
  content: '';
  height: 0;
  position: absolute;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #2258a2;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

@keyframes arrowIn {
    0% {bottom: 5px}
    100% {bottom: 0px}
}

@-webkit-keyframes arrowIn {
  0% {bottom: 5px}
  100% {bottom: 0px}
}

.common-tab-contents-wrapper .common-tab-contents{
  width: 100%;
  display: none;
}

.common-tab-contents-wrapper .common-tab-contents.current{
  display: block;
}


/***********************************************************************
 * list
 ********************************************************************** */

.list-wrapper{
  margin-bottom: 20px;
}

.column-1-list.rank-list li{
  display: table;
  width: calc(100% - 60px);
  min-height: 60px;
  padding: 0 20px 0 40px;

  position: relative;

  counter-increment:ranking;
}

.column-1-list.rank-list li::before{
  content:"";

  display: inline-block;
  width: 20px;
  height: 20px;

  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

.column-1-list.rank-list li:first-child::before{
  background: url(../images/common/icn-rank_1.png) no-repeat;
  background-size: contain;
}

.column-1-list.rank-list li:nth-child(2)::before{
  background: url(../images/common/icn-rank_2.png) no-repeat;
  background-size: contain;
}

.column-1-list.rank-list li:nth-child(3)::before{
  background: url(../images/common/icn-rank_3.png) no-repeat;
  background-size: contain;
}

.column-1-list.rank-list li:nth-child(n+4)::before{
  background: url(../images/common/icn-rank_other.png) no-repeat;
  background-size: contain;
}

.column-1-list.rank-list li::after{
  content:counter(ranking);

  color: #fff;
  font-size: 12px;
  font-weight: normal;

  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -4px;
}

.column-1-list.rank-list li:nth-child(n+4)::after{
  color: #2258a2;
}

.column-1-list.rank-list a{
  display: table-cell;
  vertical-align: middle;
  margin-right: 20px;
}

/***********************************************************************
 * fixed-footer
 ********************************************************************** */

.fixed-footer{
  display: block;
  width: 100%;
  height: 60px;
  background-color: rgba(0,0,0,0.3);
  position: fixed;
  bottom: -60px;
  left: 0;
  z-index: 10;
  transition: .5s;
  padding-top: 5px;
}

.fixed-footer.is-show{
  bottom: 0;
}


.fixed-footer.add-paid-bnr a{
  display: block;
}

.fixed-footer.add-paid-bnr img{
  display: block;
  height: 55px;
  width: auto;
  margin: auto;
}


/***********************************************************************
 * btn
 ********************************************************************** */

.column-1-btn{
  display: block;
  width: 76%;
  padding: 12px 24px 12px 10px;
  margin: 12px auto 0;

  font-size: 15px;

  position: relative;

  border-radius: 5px;
  border: solid 1px #ddd;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);

  text-align: center;
  color: #2258a2;
  font-weight: bold;
  background-color: #ffffff;
}

.column-1-btn::after{
  content: '';

  width: 6px;
  height: 6px;
  margin-top: -2px;

  border: 0px;
  border-top: solid 2px #2258a2;
  border-right: solid 2px #2258a2;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

  position: absolute;
  top: 47%;
  right: 11px;
}

.column-1-btn.bottom-arrow::after{
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.column-1-btn.back-arrow::after{
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);

  right: auto;
  left: 11px;
}


/***********************************************************************
 * main-visual
 ********************************************************************** */

.main-visual
,.odekake-list li{
  width: 100%;

  position: relative;
}

.main-visual{
  margin-top: 11px;
}

.main-visual figure
,.odekake-list figure{
  display: block;
  background-color: #666;
  height: 200px;
  position: relative;
  overflow: hidden;
}

.main-visual figure img
,.odekake-list img{
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.main-visual .caption
,.odekake-list .caption{
  display: block;
  width: calc(100% - 20px);
  padding: 10px;

  background-color: #fff;
  opacity: 0.7;

  position: absolute;
  bottom: 0;
  left: 0;
}

.main-visual .caption.outer{
  position: static;
  background-color: inherit;
  opacity: 1;
}

.main-visual .caption .news-title
,.odekake-list .caption .news-title{
  font-weight: bold;
  line-height: 1.5rem;
  opacity: 1;
}


/***********************************************************************
 * feed-list
 ********************************************************************** */

 ul.feed-list li{
   display: none;
 }

 ul.feed-list li.active{
   display: block;
   animation: listFadeIn 1s;
   -webkit-animation: listFadeIn 1s;
 }

 .js-page-list{
   display: none;
 }

 @keyframes listFadeIn {
     0% {opacity: 0}
     100% {opacity: 1}
 }

 @-webkit-keyframes listFadeIn {
     0% {opacity: 0}
     100% {opacity: 1}
 }



 /***********************************************************************
  * weather-list
  ********************************************************************** */

 .weather-contents-wrapper{
   margin-top: 11px;
 }

 .weather-contents-list{
   display: flex;
   -webkit-justify-content: space-around; /* Safari */
   justify-content: space-around;

   margin: 11px 10px 0 10px;
 }

 .weather-contents-list > li{
   display: inline-block;
   width: 44%;
 }

 .weather-contents-list .area-name{
   display: block;
   margin-bottom: 7px;

   color: #2258a2;
   font-size: 14px;
   font-weight: bold;
 }

 .weather-contents-list .weather-info-wrapper{
   display: flex;
   width: 100%;
   height: calc(100% - 20px);
   font-size: 11px;

   -webkit-justify-content: space-between;
   justify-content: space-between;
 }

 .weather-contents-list .weather-info-list{
   width: 70%;
   display: inline-block;
   font-size: 11px;
   line-height: 1.1rem;
 }
 .weather-contents-list .weather-info-list li:nth-child(2){
   color: #f44336;
 }
 .weather-contents-list .weather-info-list li:last-child{
   color: #2258a2;
 }

 .weather-contents-wrapper div[class^="tenki"]{
    display: inline-block;
    height: 60px;
    width: 60px;
    -webkit-align-self: flex-end;
    align-self: flex-end;
  }

div[class^="tenki"]{
   display: block;
   height: 60px;
}

.tenki1{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center 0px;
}

.tenki2,.tenki2n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -60px;
}

.tenki3,.tenki3n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -120px;
}

.tenki4,.tenki4n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -180px;
}

.tenki5,.tenki5n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -240px;
}

.tenki6,.tenki6n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -300px;
}

.tenki7,.tenki7n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -360px;
}

.tenki8,.tenki8n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -420px;
}

.tenki9,.tenki9n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -480px;
}

.tenki10,.tenki10n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -540px;
}

.tenki11,.tenki11n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -600px;
}

.tenki12,.tenki12n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -660px;
}

.tenki13,.tenki13n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -720px;
}

.tenki14,.tenki14n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -780px;
}

.tenki15,.tenki15n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -840px;
}

.tenki16,.tenki16n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -900px;
}

.tenki17,.tenki17n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -960px;
}

.tenki18,.tenki18n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1020px;
}

.tenki19,.tenki19n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1080px;
}

.tenki20,.tenki20n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1140px;
}

.tenki21,.tenki21n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1200px;
}

.tenki22,.tenki22n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1260px;
}

.tenki23,.tenki23n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1320px;
}

.tenki24,.tenki24n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1380px;
}

.tenki25,.tenki25n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1440px;
}

.tenki26,.tenki26n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1500px;
}

.tenki27,.tenki27n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1560px;
}

.tenki28,.tenki28n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1620px;
}

.tenki29,.tenki29n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1680px;
}

.tenki30,.tenki30n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1740px;
}

.tenki31,.tenki31n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1800px;
}

.tenki32,.tenki32n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1860px;
}

.tenki33,.tenki33n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1920px;
}

.tenki34,.tenki34n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -1980px;
}

.tenki35,.tenki35n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2040px;
}

.tenki36,.tenki36n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2100px;
}

.tenki37,.tenki37n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2160px;
}

.tenki38,.tenki38n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2220px;
}

.tenki39,.tenki39n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2280px;
}

.tenki40,.tenki40n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2340px;
}

.tenki41,.tenki41n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2400px;
}

.tenki42,.tenki42n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2460px;
}

.tenki43,.tenki43n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2520px;
}

.tenki44,.tenki44n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2580px;
}

.tenki45,.tenki45n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2640px;
}

.tenki1n{
  background: url(../images/common/icon_weather.png) no-repeat;
  background-size: 60px;
  background-position: center -2700px;
}

 /***********************************************************************
  * slider
  ********************************************************************** */

 .slider-wrapper + .column-1-list{
   border-top: solid 1px #ddd;
 }

 .selector-wrapper{
   position: relative;
   height: 43px;
 }

 .prev-selector
 ,.next-selector{
   display: inline-block;
   width: 27px;
   height: 27px;
   border-radius: 50%;
   background-color: #eee;

   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;

   box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
 }

 .prev-selector{
   left: 10px;
 }
 .next-selector{
   right: 10px;
 }

 .prev-selector::after
 ,.next-selector::after{
   content: '';
   width: 6px;
   height: 6px;
   margin-top: -2px;
   border: 0px;

   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);

   position: absolute;
   top: 47%;
 }

 .prev-selector::after{
   border-bottom: solid 2px #2258a2;
   border-left: solid 2px #2258a2;
   left: 11px;
 }

 .next-selector::after{
   border-top: solid 2px #2258a2;
   border-right: solid 2px #2258a2;
   right: 11px;
 }

 .prev-selector a
 ,.next-selector a{
   display: block;
   width: 100%;
   height: 100%;
 }

 .pager-list{
   display: table;
   margin: auto;
   text-align: center;
 }

 .pager-list li{
   display: table-cell;
   vertical-align: middle;
 }

 .pager-list li a{
   display: block;
   height: 40px;
   width: 20px;
   position: relative;
 }
 .pager-list li a::after{
   content:"";
   display: block;
   height: 6px;
   width: 6px;

   background-color: #eee;
   border-radius: 50%;

   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
 }
 .pager-list li a.active::after {
   background-color: #2258a2;
 }

 .movie-list figure{
   display: block;
   background-color: #000;
   padding: 5px 0;
 }

 .movie-list figure img{
   display: block;
   margin: auto;
   max-height: 187px;
   width: auto;
 }

 .movie-list .caption{
   font-size: 15px;
   font-weight: bold;
   width: 80%;
   min-width: 290px;
   margin: 10px auto;
   line-height: 1.5rem;
 }


 /***********************************************************************
  * topic-list
  ********************************************************************** */

 .topic-wrapper{
    margin: 11px 10px 0 10px;
 }

 .topic-wrapper .topic-list li{
    display: inline-block;
    width: 45%;
    margin-bottom: 6px;
    position: relative;
    background-color: #f5f5f5;
    border: solid 1px #ddd;
    font-size: 12px;
 }

 .topic-wrapper .topic-list li:nth-child(odd){
   margin-right: calc(15px + 1%);
 }

 .topic-wrapper .topic-list li::before{
   content: "";
   top: -1px;
   left: calc(100% + 1px);
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
   border-right: 0px solid transparent;
   border-left: 10px solid #ddd;
   position: absolute;
   z-index: 2;
 }

 .topic-wrapper .topic-list li::after{
   content: "";
   top: 0;
   left: 100%;
   border-top: 14px solid transparent;
   border-bottom: 14px solid transparent;
   border-right: 0px solid transparent;
   border-left: 10px solid #f5f5f5;
   position: absolute;
   z-index: 2;
 }

 .topic-wrapper .topic-list .new a{
   padding-left: 12px;
 }

 .topic-wrapper .topic-list li a{
   display: block;
   padding: 8px 0 8px 6px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   position: relative;
 }

 .topic-wrapper .topic-list .new a::before{
   content: "";
   top: -1px;
   left: -1px;
   border-bottom: 20px solid transparent;
   border-left: 20px solid #f44336;
   position: absolute;
   z-index: 2;
 }

 .topic-wrapper .topic-list .new a::after{
   content: "N";
    display: block;
    top: 1px;
    color: #fff;
    left: 1px;
    position: absolute;
    z-index: 3;
    font-size: 9px;
 }



/***********************************************************************
 * breadcrumb-list
 ********************************************************************** */

.breadcrumb-list{
  padding: 0 10px 10px 10px;
}

.breadcrumb-list li{
  display: inline-block;
  font-size: 12px;
  padding-right: 20px;
  position: relative;
  color: #2258a2;
  font-weight: bold;
}

.breadcrumb-list li::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #999;
  border-right: solid 1px #999;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  margin: auto;
 }

.breadcrumb-list li:last-child::after{
  display: none;
}



/********************************************
  native広告:
  YDNレスポンシブ広告対応 / 説明書き部分を削除 20171017修正分
********************************************/

.yads_ad{
  display:block;
  position:relative;
  border-bottom: solid 1px #ddd;
  min-height: 64px;
}

.yads_ad a{
  flex-wrap: wrap;
  height: 50px;
  align-content: center;
  }

.yads_ad .yads_ad_adv,
.yads_ad .yads_ad_info{
  font-size: 10px;
  line-height:12px;
  margin-top: 3px;
  color: #666666;
  font-weight:bold;
  margin-left:85px;
}

.yads_ad .yads_ad_title{
  font-size: 15px;
  line-height: 120%;
  color: #333;
  font-weight:bold;
  margin-left:85px;
}

.yads_ad .yads_ad_title a{
  font-size: 15px;
  line-height: 120%;
  color: #333;
  font-weight:bold;
  align-items: left;
}

.yads_ad .yads_ad_adv a,
.yads_ad .yads_ad_info a{
  color: #999999;
  min-height:initial;
  align-items: left;
}


.yads_ad .yads_ad_adv{
display:block;
}

.yads_ad .yads_ad_info{
margin-top: 0!important;
}

.yads_ad .yads_ad_info a{
    padding:0!important;
    display:inline!important;
}


.yads_ad .yads_ad_desc{
    display:none;
}

.yads_ad .yads_ad_info span {
    /* display: none; */
    position: absolute;
    bottom: 7px;
    right: 25px;
}

.yads_ad .yads_ad_info img{
zoom:1;
width:12px;
height:12px;
position:absolute;
bottom:7px;
right:10px;
}

/*yahoo広告下線打ち消し*/
div[class^="yads_ad_"] a{
  text-decoration: none;
}


/*画像サイズを統一*/
.yads_ad .yads_ad_img{
  display: block;
  height: 50px;
  width: 50px!important;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center center;

  position: absolute;
  top: 0;    /*追加*/
  bottom: 0;    /*追加*/
  margin: auto;    /*追加*/
}


/*「広告」アイコンの表示*/
.yads_ad .yads_ad_img:after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60px;
    margin: auto;
    content: 'PR';
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    padding: 3px;
    background-color: #bbb;
    border-radius: 5%;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}



/* ------  image-large時  ------ */


.image-large .yads_ad{
  min-height: 89px;
}

.image-large .yads_ad a{
  height: 75px;
}


.image-large .yads_ad .yads_ad_img{
  width:75px;
  height:75px;
}

.image-large .yads_ad .yads_ad_adv,
.image-large .yads_ad .yads_ad_info{
  margin-left:110px;
}

.image-large .yads_ad .yads_ad_title{
  margin-left:110px;
}

/*画像サイズを統一*/
.image-large .yads_ad .yads_ad_img{
  height: 75px;
  width: 75px!important;
  background-size: 75px 75px;
}

/*「広告」アイコンの表示*/
.image-large .yads_ad .yads_ad_img:after{
    left:85px;
}

/*---------------------------------------------------------------*/
/*  続きを読む（ReadMore）のデザイン変更　20210401から   */
/*---------------------------------------------------------------*/
.paid-area .KeyLogin {
	margin: 0 3px;
	vertical-align: 1px;
}
.LinkArea
ul {
	font-size: 0;
	margin: 0;
	padding: 0;
}
.LinkArea
ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #3C3C35;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}
.LinkArea ul li.ReadMoreLinkStandardSP a.NoMember {
	color: #FFF;
	background: #f5f5ee;
	background: -o-linear-gradient(top, #5886dc 0%, #7c9ede 99%);
	background: -webkit-gradient(linear, left top, left bottom, from(#5886dc), color-stop(99%, #7c9ede));
	background: linear-gradient(to bottom, #5886dc 0%, #7c9ede 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5886dc',endColorstr='#7c9ede',GradientType=0 );
	border: 2px solid #7c9ede;
	text-decoration: none;
}
.LinkArea ul li.ReadMoreLinkStandardSP a.NoMember:hover {
	color: #FFF;
	background: #f5f5ee;
	background: -o-linear-gradient(top, #2667e0 0%, #7c9ede 99%);
	background: -webkit-gradient(linear, left top, left bottom, from(#2667e0), color-stop(99%, #7c9ede));
	background: linear-gradient(to bottom, #2667e0 0%, #7c9ede 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2667e0',endColorstr='#7c9ede',GradientType=0 );
	border: 2px solid #7c9ede;
	text-decoration: none;
}
.LinkArea ul li.ReadMoreLinkStandardSP a.LogoutMember {
	color: #1E1E17;
	background: #FFF;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0 );
	border: 2px solid #D2D2CB;
	text-decoration: none;
}
.LinkArea ul li.ReadMoreLinkStandardSP a.LogoutMember:hover {
	color: #7c9ede;
	background: #FFF;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0 );
	border: 2px solid #7c9ede;
	text-decoration: none;
}
.LinkArea ul li.ReadMoreLinkStandardSP a {
	display: block;
	width: 240px;
	margin: 0 5px 5px 0;
	margin: 0 5px 5px 0\9;
	padding: 8px 10px 6px 12px;
	color: #FFF;
	font-size: 85%;
	font-weight: bold;
	background: #f5f5ee;
	background: -o-linear-gradient(top, #5886dc 0%, #7c9ede 99%);
	background: -webkit-gradient(linear, left top, left bottom, from(#5886dc), color-stop(99%, #7c9ede));
	background: linear-gradient(to bottom, #5886dc 0%, #7c9ede 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5886dc',endColorstr='#7c9ede',GradientType=0 );
	border: 2px solid #7c9ede;
	border-radius: 4px;
	line-height: 1.1;
	text-align: center;
	white-space: nowrap;
}
.LinkArea ul li.ReadMoreLinkPlusSP a.NoMember {
	color: #FFF;
	background: #f5f5ee;
	background: -o-linear-gradient(top, #00a88a 0%, #3ea794 99%);
	background: -webkit-gradient(linear, left top, left bottom, from(#00a88a), color-stop(99%, #3ea794));
	background: linear-gradient(to bottom, #00a88a 0%, #3ea794 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a88a',endColorstr='#3ea794',GradientType=0 );
	border: 2px solid #3ea794;
	text-decoration: none;
}
.LinkArea ul li.ReadMoreLinkPlusSP a.NoMember:hover {
	color: #FFF;
	background: #f5f5ee;
	background: -o-linear-gradient(top, #00846c 0%, #3ea794 99%);
	background: -webkit-gradient(linear, left top, left bottom, from(#00846c), color-stop(99%, #3ea794));
	background: linear-gradient(to bottom, #00846c 0%, #3ea794 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00846c',endColorstr='#3ea794',GradientType=0 );
	border: 2px solid #3ea794;
	text-decoration: none;
}
.LinkArea ul li.ReadMoreLinkPlusSP a.LogoutMember {
	color: #1E1E17;
	background: #FFF;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0 );
	border: 2px solid #D2D2CB;
	text-decoration: none;
}
.LinkArea ul li.ReadMoreLinkPlusSP a.LogoutMember:hover {
	color: #3ea794;
	background: #FFF;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0 );
	border: 2px solid #3ea794;
	text-decoration: none;
}
.LinkArea ul li.ReadMoreLinkPlusSP a {
	display: block;
	width: 240px;
	margin: 0 5px 5px 0;
	margin: 0 5px 5px 0\9;
	padding: 8px 10px 6px 12px;
	color: #FFF;
	font-size: 85%;
	font-weight: bold;
	background: #f5f5ee;
	background: -o-linear-gradient(top, #00a88a 0%, #3ea794 99%);
	background: -webkit-gradient(linear, left top, left bottom, from(#00a88a), color-stop(99%, #3ea794));
	background: linear-gradient(to bottom, #00a88a 0%, #3ea794 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a88a',endColorstr='#3ea794',GradientType=0 );
	border: 2px solid #3ea794;
	border-radius: 4px;
	line-height: 1.1;
	text-align: center;
	white-space: nowrap;
}