@charset "UTF-8";

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

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

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

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

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

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

.renewal2018 ol, .renewal2018 ul {
  list-style: none;
}

.renewal2018 fieldset, .renewal2018 img {
  border: 0;
}

.renewal2018 img {
  vertical-align: top;
}

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

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

.renewal2018 caption, .renewal2018 th {
  text-align: left;
}

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

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

.renewal2018 input,
.renewal2018 textarea {
  font-family: inherit;
}

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

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


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

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

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

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

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

.renewal2018 .ad-banner-head {
  text-align: center;
  padding: 10px 0;
}

.renewal2018 .ad-banner-head img {
  height: 100px;
  width: 320px;
  margin: auto;
}

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

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

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

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

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

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

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

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

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

.renewal2018 .banner-wrapper.bg-set-center img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 70px;
  width: auto;
}

.renewal2018 .banner-wrapper.bg-set-left img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 70px;
  width: auto;
}

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


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

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

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

.renewal2018 .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;
}

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

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

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

.renewal2018 .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;
  }
}

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

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


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

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

.renewal2018 .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;
}

.renewal2018 .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;
}

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

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

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

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

.renewal2018 .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;
}

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

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

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

.renewal2018 .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;
}

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

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

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


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

.renewal2018 .column-1-btn {
    display: block;
    width: 100%;
    padding: 12px 20px 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;
}

.renewal2018 .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;
}

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

.renewal2018 .column-1-btn.back-arrow::after {
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  right: auto;
  left: 11px;
}


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

.renewal2018 .main-visual
, .renewal2018 .odekake-list li {
  width: 100%;
  position: relative;
}

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

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

.renewal2018 .main-visual .tg-figure img
, .renewal2018 .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%);
}

.renewal2018 .main-visual .caption
, .renewal2018 .odekake-list .caption {
  display: block;
  width: calc(100% - 20px);
  padding: 10px;
  background-color: #fff;
  opacity: 0.7;
  position: absolute;
  bottom: 0;
  left: 0;
}

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

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


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

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

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

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

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

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


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

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

.renewal2018 .weather-contents-list {
  display: flex;
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
  margin: 11px 10px 0 10px;
}

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

.renewal2018 .weather-contents-list .area-name {
  display: block;
  margin-bottom: 7px;
  color: #2258a2;
  font-size: 14px;
  font-weight: bold;
}

.renewal2018 .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;
}

.renewal2018 .weather-contents-list .weather-info-list {
  width: 70%;
  display: inline-block;
  font-size: 11px;
  line-height: 16.5px;
}

.renewal2018 .weather-contents-list .weather-info-list li:nth-child(2) {
  color: #f44336;
}

.renewal2018 .weather-contents-list .weather-info-list li:last-child {
  color: #2258a2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.renewal2018 .prev-selector
, .renewal2018 .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);
}

.renewal2018 .prev-selector {
  left: 10px;
}

.renewal2018 .next-selector {
  right: 10px;
}

.renewal2018 .prev-selector::after
, .renewal2018 .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%;
}

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

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

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

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

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

.renewal2018 .pager-list li a {
  display: block;
  height: 40px;
  width: 20px;
  position: relative;
}

.renewal2018 .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;
}

.renewal2018 .pager-list li a.active::after {
  background-color: #2258a2;
}

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

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

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


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

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

.renewal2018 .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;
}

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

.renewal2018 .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;
}

.renewal2018 .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;
}

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

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

.renewal2018 .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;
}

.renewal2018 .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
********************************************************************** */

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

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

.renewal2018 .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;
}

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


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

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

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

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

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

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

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

.renewal2018 .yads_ad .yads_ad_adv {
  display: block;
}

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

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

.renewal2018 .yads_ad .yads_ad_desc {
  display: none;
}

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

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

.renewal2018 div[class^="yads_ad_"] a {
  text-decoration: none;
}

.renewal2018 .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;
  /*追加*/
}

.renewal2018 .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;
}

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

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

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

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

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

.renewal2018 .image-large .yads_ad .yads_ad_img {
  height: 75px;
  width: 75px !important;
  background-size: 75px 75px;
}

.renewal2018 .image-large .yads_ad .yads_ad_img:after {
  left: 85px;
}