/* =========================================================
[Home]
========================================================= */
/* line 8, ../../scss/home.scss */
.clearfix:after,
.block-home-news .unit-photo-wrapper .unit-photo:after,
.block-home-news .tabs:after,
.block-home-news .pickup:after,
.block-home-ranking .tabs:after {
  content: '';
  display: table;
  clear: both;
}

/* --------------------------------------------------
home news
-------------------------------------------------- */
/*.block-home-news {
  margin: -5px 0 0;
}*/
/* line 25, ../../scss/home.scss */
.block-home-news a {
  text-decoration: none;
}

/* line 29, ../../scss/home.scss */
.block-home-news-main h2 {
  margin: 0 15px;
  padding: 0px 0 10px 25px;
  background: url(//contents.oricon.co.jp/sp/img/_parts/icon/icon-news01.png) no-repeat 0 0;
  background-size: 20px 20px;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 2.0rem;
}

/* line 39, ../../scss/home.scss */
.block-home-news-main .unit-photo-wrapper {
  margin: 0 10px;
}

/* line 43, ../../scss/home.scss */
.block-home-news-main .unit-photo-wrapper .unit-photo {
  width: 100%;
  margin: 0 auto 15px;
  font-size: 1rem;
}

/* line 49, ../../scss/home.scss */
.block-home-news-main .unit-photo article {
  float: left;
  margin: 0 5px;
}

/* line 54, ../../scss/home.scss */
.block-home-news-main .unit-photo article a {
  display: block;
}

/* line 58, ../../scss/home.scss */
.block-home-news-main .unit-photo article:nth-child(2) {
  margin: 0 3.5%;
}

/* line 62, ../../scss/home.scss */
.block-home-news-main .unit-photo .image {
  margin: 0 auto 5px;
  border: 1px solid #eeeeee;
  text-align: center;
}

/*
.block-home-news-main .unit-photo .image img {
  width: 100%;
  height: auto;
}*/
/* line 73, ../../scss/home.scss */
.block-home-news-main .unit-photo .title {
  font-weight: bold;
  line-height: 1.5;
}

/* line 78, ../../scss/home.scss */
.block-home-news-main .unit-control {
  margin: 10px 15px 15px;
}

/* line 82, ../../scss/home.scss */
.block-home-news-main .unit-control .control {
  display: table;
  width: 100%;
  margin: 0 auto;
}

/* line 88, ../../scss/home.scss */
.block-home-news-main .unit-control p {
  display: table-cell;
  width: 45px;
  height: 26px;
  background: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

/* line 97, ../../scss/home.scss */
.block-home-news-main .unit-control p a {
  display: table-cell;
  width: 45px;
  height: 26px;
  border: 2px #EAEAEA solid;
  border-radius: 5px;
  color: #878787;
  text-align: center;
  vertical-align: middle;
}

/* line 108, ../../scss/home.scss */
.block-home-news-main .unit-control ul {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* line 114, ../../scss/home.scss */
.block-home-news-main .unit-control li {
  display: inline-block;
  margin: 0 4px;
}

/* line 119, ../../scss/home.scss */
.block-home-news-main .unit-control li a {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #878787;
}

/* line 127, ../../scss/home.scss */
.block-home-news-main .unit-control li .is-active {
  background: #1050A1;
}

/* --------------------------------------------------
home news(sub)
-------------------------------------------------- */
/* line 135, ../../scss/home.scss */
.block-home-news-sub .tabs {
  margin: 0 15px 10px;
  background: #EEEEEE;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

/* line 142, ../../scss/home.scss */
.block-home-news-sub .tabs li {
  float: left;
  width: 25%;
}

/* line 147, ../../scss/home.scss */
.block-home-news-sub .tabs a {
  display: block;
  position: relative;
  padding: 9px 0;
  color: #555555;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-decoration: none;
}

/* line 158, ../../scss/home.scss */
.block-home-news-sub .tabs a.is-active {
  background: #3171bd;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
  text-decoration: none;
}

/* line 166, ../../scss/home.scss */
.block-home-news-sub .tabs a.is-active:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -7px;
  left: 46%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #3171bd;
}

/* line 179, ../../scss/home.scss */
.block-home-news-sub .tab-contents {
  margin: 0 0 15px;
}

/* line 183, ../../scss/home.scss */
.block-home-news-sub .tab-body {
  display: none;
}

/* line 187, ../../scss/home.scss */
.block-home-news-sub .tab-body-inner {
  margin: 0 15px 15px;
  padding: 10px 10px 5px;
  border: 2px solid #eeeeee;
}

/* line 193, ../../scss/home.scss */
.block-home-news-sub .tab-body.is-active {
  display: block;
}

/* line 197, ../../scss/home.scss */
.block-home-news-sub .pickup {
  margin: 0 0 15px;
}

/* line 201, ../../scss/home.scss */
.block-home-news-sub .pickup a {
  display: block;
}

/* line 205, ../../scss/home.scss */
.block-home-news-sub .pickup .news {
  overflow: hidden;
}

/* line 210, ../../scss/home.scss */
.block-home-news-sub .pickup .image {
  float: left;
  margin: 0 10px 0 0;
}

/* line 215, ../../scss/home.scss */
.block-home-news-sub .pickup .title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  overflow: hidden;
}

/* line 222, ../../scss/home.scss */
.block-home-news-sub a {
  display: block;
  text-decoration: none;
}

/* line 227, ../../scss/home.scss */
.block-home-news-sub .tab-body li {
  border-top: 1px solid #EEEEEE;
}

/* line 231, ../../scss/home.scss */
.block-home-news-sub .tab-body li a {
  display: inline-block;
  width: 17em;
  padding: 10px 0;
  font-size: 1.4rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 242, ../../scss/home.scss */
.block-home-news-sub .tab-body li > span {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 5px;
}

/* line 250, ../../scss/home.scss */
.block-home-news .unit-footer {
  padding: 11px 15px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background: #f3f3f3;
}

/* line 258, ../../scss/home.scss */
.block-home-news .unit-footer .btn-more span {
  padding: 0 0 0 11px;
  background: url(//contents.oricon.co.jp/sp/img/_parts/icon/icon-arrow-right03.png) no-repeat 0 50%;
  background-size: 5px 8px;
}

/* --------------------------------------------------
home ranking
-------------------------------------------------- */
/* line 267, ../../scss/home.scss */
.block-home-ranking {
  padding: 5px 0 0;
}

/* line 271, ../../scss/home.scss */
.block-home-ranking h2 {
  margin: 0 15px;
  padding: 10px 0 10px 25px;
  background: url(//contents.oricon.co.jp/sp/img/_parts/icon/icon-ranking01.png) no-repeat 0 50%;
  background-size: 20px 20px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.0rem;
}

/* line 281, ../../scss/home.scss */
.block-home-ranking .tabs {
  margin: 2px 15px;
  font-size: 1.3rem;
  background: #eeeeee;
  border-radius: 20px;
}

/* line 288, ../../scss/home.scss */
.block-home-ranking .tabs li {
  float: left;
  width: 25%;
  font-weight: bold;
}

/* line 294, ../../scss/home.scss */
.block-home-ranking .tabs a {
  display: block;
  position: relative;
  padding: 9px 0;
  color: #555555;
  text-decoration: none;
  text-align: center;
  text-decoration: none;
}

/* line 304, ../../scss/home.scss */
.block-home-ranking .tabs a.is-active {
  background: #545454;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  color: #FFFFFF;
  text-decoration: none;
}

/* line 312, ../../scss/home.scss */
.block-home-ranking .tabs a.is-active:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -7px;
  left: 46%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #545454;
}

/* line 325, ../../scss/home.scss */
.block-home-ranking .tab-contents-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

/* line 331, ../../scss/home.scss */
.block-home-ranking .tab-contents {
  position: relative;
  padding: 15px 0 5px;
}

/* line 336, ../../scss/home.scss */
.block-home-ranking .tab-body {
  float: left;
  padding-bottom: 15px;
}

/* line 341, ../../scss/home.scss */
.block-home-ranking .tab-body:after {
  content: '';
  display: table;
  clear: both;
}

/* line 347, ../../scss/home.scss */
.block-home-ranking .tab-contents .unit-title {
  margin: 0 0 20px;
  padding: 0 15px 5px;
}

/* line 352, ../../scss/home.scss */
.block-home-ranking .tab-contents .unit-title h3 {
  float: left;
  font-weight: bold;
  font-size:1.4rem;
}

/* line 357, ../../scss/home.scss */
.block-home-ranking .tab-contents .unit-title .date {
  float: right;
  color: #888888;
  font-size:1.2rem;
}

/* line 362, ../../scss/home.scss */
.block-home-ranking .tab-contents .tab-body {
  position: relative;
  width: 425px;
}

/* line 367, ../../scss/home.scss */
.block-home-ranking .unit-footer {
  padding: 11px 15px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background: #f3f3f3;
}

/* line 374, ../../scss/home.scss */
.block-home-ranking .unit-footer .btn-more span {
  padding: 0 0 0 11px;
  background: url(//contents.oricon.co.jp/sp/img/_parts/icon/icon-arrow-right03.png) no-repeat 0 50%;
  background-size: 5px 8px;
}

/* --- add --- */
/* line 381, ../../scss/home.scss */
.ranking-contents-wrapper {
  overflow: hidden;
}

/* line 384, ../../scss/home.scss */
.ranking-contents:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

/* line 392, ../../scss/home.scss */
.ranking-contents {
  width: 3000px;
  -webkit-transition: -webkit-transform 0.3s ease-out;
}

/* --------------------------------------------------
home special
-------------------------------------------------- */
/* line 401, ../../scss/home.scss */
.block-special-list > h2 {
  position: relative;
  margin: 0 15px 19px;
  padding-left: 26px;
  height: 20px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 20px;
  background: url(//contents.oricon.co.jp/sp/img/_parts/icon/icon-special02.png) no-repeat 0 50%;
  background-size: 20px auto;
}

.block-prof-list > h2 {
  position: relative;
  margin: 0 15px 19px;
  padding-left: 26px;
  height: 20px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 20px;
  background: url(//contents.oricon.co.jp/sp/img/_parts/icon/icon-clown01.png) no-repeat 0 50%;
  background-size: 20px auto;
}

.block-prof-list .unit-footer {
    background: #f3f3f3 none repeat scroll 0 0;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    padding: 11px 15px;
}

.block-prof-list .unit-footer a:hover {
    background-color: #4f4f4f;
}

.block-prof-list .unit-footer .btn-more span {
  padding: 0 0 0 11px;
  background: url(//contents.oricon.co.jp/sp/img/_parts/icon/icon-arrow-right03.png) no-repeat 0 50%;
  background-size: 5px 8px;
}