@charset "UTF-8";
/*
kuji_pc.css
Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.
*/
.KeyVisualResult__links, .Step__items, .RelatedList__items, .RelatedList__info, .ProductList__items {
  *zoom: 1;
}

.KeyVisualResult__links:after, .Step__items:after, .RelatedList__items:after, .RelatedList__info:after, .ProductList__items:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

.KeyVisual__title, .KeyVisual__text, .KeyVisualResult__title, .KeyVisualResult__result, .KeyVisualResult__button, .Step__title, .Step__number, .RelatedList__title, .RelatedList__prev, .RelatedList__next, .ProductList__title, .State__button {
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.Appinfo {
  margin: 40px 0;
}

.Appinfo__inner {
  width: 950px;
  margin: 0 auto;
}

.Appinfo__header {
  margin-bottom: 16px;
}

.Appinfo__title {
  text-align: center;
  font-size: 26px;
  background-image: url(https://s.yimg.jp/images/auct/cms/common/pc/img/1.0.0/spr_common_04.png);
  background-position: 0px 0px;
  width: 573px;
  height: 54px;
  margin: 0 auto;
  text-indent: -9999px;
}

.Appinfo__body {
  margin-bottom: 14px;
}

.Appinfo__item {
  padding: 28px 25px 28px 83px;
}

.Appinfo__item + .Appinfo__item {
  border-top: 1px solid #dddbd4;
}

.Appinfo__deviceHeader {
  float: left;
  width: 293px;
}

.Appinfo__deviceTitle {
  display: block;
  text-indent: -9999px;
}

.Appinfo__deviceTitle--smartphone {
  background-image: url(https://s.yimg.jp/images/auct/cms/common/pc/img/1.0.0/spr_common_04.png);
  background-position: -870px -64px;
  width: 224px;
  height: 80px;
}

.Appinfo__deviceBody {
  overflow: hidden;
}

.Appinfo__deviceItem {
  width: 49.99%;
  float: left;
}

.Appinfo__link {
  display: block;
  text-indent: -9999px;
}

.Appinfo__link--smartphoneiOS {
  background-image: url(https://s.yimg.jp/images/auct/cms/common/pc/img/1.0.0/spr_common_04.png);
  background-position: 0px -273px;
  width: 214px;
  height: 84px;
}

.Appinfo__link--smartphoneAndroid {
  background-image: url(https://s.yimg.jp/images/auct/cms/common/pc/img/1.0.0/spr_common_04.png);
  background-position: -448px -273px;
  width: 214px;
  height: 83px;
}

.Appinfo__link:hover {
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.Appinfo__note {
  font-size: 75%;
  text-align: right;
}

.Knowledge__item--safesupport .Knowledge__link {
  background-image: url(https://s.yimg.jp/images/auct/cms/common/pc/img/1.0.0/spr_common_04.png);
  background-position: 0px -64px;
  width: 164px;
  height: 164px;
}

.Knowledge__item--about .Knowledge__link {
  background-image: url(https://s.yimg.jp/images/auct/cms/common/pc/img/1.0.0/spr_common_04.png);
  background-position: -174px -64px;
  width: 164px;
  height: 164px;
}

.Emergency {
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: 20px;
}

.Emergency__text {
  margin: 0px auto;
  text-align: center;
  width: 950px;
  padding: 20px;
  padding: 10px 20px;
  border: 2px solid #ff0033;
  color: #ff0033;
}

.KeyVisual {
  -webkit-box-shadow: 0px -50px 150px 50px rgba(0, 0, 0, 0.5) inset;
     -moz-box-shadow: 0px -50px 150px 50px rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0px -50px 150px 50px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 630px;
  margin-bottom: 30px;
  background: #000 url(../img/bg_keyvisual.png) no-repeat 50%;
}

@media (min-width: 1801px) {
  .KeyVisual {
    -webkit-background-size: cover;
       -moz-background-size: cover;
            background-size: cover;
  }
}

.KeyVisual__inner {
  position: relative;
  width: 950px;
  margin: 0 auto;
  padding-top: 113px;
}

.KeyVisual__title {
  background: url(../img/title_keyvisual.png) no-repeat 50% 0;
  height: 260px;
}

.KeyVisual__text {
  margin-top: 20px;
  background: url(../img/text_keyvisual.png) no-repeat 50% 0;
  height: 103px;
}

.KeyVisual__coupon {
  background: url(../img/bg_coupon.png) no-repeat 50% 100%;
}

.KeyVisualResult {
  -webkit-box-shadow: 0px -50px 150px 50px rgba(0, 0, 0, 0.5) inset;
     -moz-box-shadow: 0px -50px 150px 50px rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0px -50px 150px 50px rgba(0, 0, 0, 0.5) inset;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 432px;
  margin-bottom: 30px;
  background: #000 url(../img/bg_keyvisual_result.png) no-repeat 50% 0;
}

@media (min-width: 1801px) {
  .KeyVisualResult {
    -webkit-background-size: cover;
       -moz-background-size: cover;
            background-size: cover;
  }
}

.KeyVisualResult__inner {
  height: 432px;
}

.KeyVisualResult__inner--rose {
  background: url(../img/result_lose.png) no-repeat 50% 30px;
}

.KeyVisualResult__inner--win {
  height: 690px;
  background: url(../img/result_win.png) no-repeat 50% 0;
}

.KeyVisualResult__inner--win .KeyVisualResult__body {
  margin: 0 auto;
}

.KeyVisualResult__body {
  position: relative;
  width: 950px;
  margin: 0 auto;
  height: 432px;
}

.KeyVisualResult__hedera {
  position: absolute;
  top: 0;
  left: -430px;
  width: 758px;
  height: 145px;
  background: url(../img/hedera.png) no-repeat 50% 0;
}

.KeyVisualResult__title {
  position: absolute;
  top: 5px;
  right: 10px;
  background: url(../img/logo_sunday.png) no-repeat;
  width: 200px;
  height: 43px;
}

.KeyVisualResult__result {
  margin: 0 auto;
  width: 608px;
  height: 247px;
}

.KeyVisualResult__result--1per {
  background: url(../img/img_win_1per.png) no-repeat center bottom;
}

.KeyVisualResult__result--5per {
  background: url(../img/img_win_5per.png) no-repeat center bottom;
}

.KeyVisualResult__result--10per {
  background: url(../img/img_win_10per.png) no-repeat center bottom;
}

.KeyVisualResult__result--50per {
  background: url(../img/img_win_50per.png) no-repeat center bottom;
}

.KeyVisualResult__button {
  position: absolute;
  top: 180px;
  right: 35px;
  display: block;
  width: 167px;
  height: 167px;
  background: url(../img/button_show_coupon.png) no-repeat;
  z-index: 5;
  -webkit-animation: buttonAnim 1s ease-in-out 0.5s 1 both;
     -moz-animation: buttonAnim 1s ease-in-out 0.5s 1 both;
       -o-animation: buttonAnim 1s ease-in-out 0.5s 1 both;
          animation: buttonAnim 1s ease-in-out 0.5s 1 both;
}

.KeyVisualResult__button:hover {
  opacity: .8;
}

.KeyVisualResult__buttonAnim {
  opacity: 0;
  position: absolute;
  top: 194px;
  right: 22px;
  width: 167px;
  height: 167px;
  background: url(../img/button_show_coupon_waku.png) no-repeat;
  z-index: 3;
}

.KeyVisualResult__id {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
}

.KeyVisualResult__id--win {
  padding-top: 30px;
}

.KeyVisualResult__id--rose {
  padding-top: 256px;
}

.KeyVisualResult__links {
  margin: 18px auto 0;
  width: 390px;
}

.KeyVisualResult__links--2item {
  width: 185px;
}

.KeyVisualResult__links--2item .KeyVisualResult__item:first-child {
  margin-right: 25px;
}

.KeyVisualResult__item {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: bold;
}

.KeyVisualResult__item:first-child {
  margin-right: 63px;
}

.KeyVisualResult__item:last-child {
  float: right;
}

.KeyVisualResult__period {
  margin: 0 auto;
  width: 650px;
  text-align: center;
  font-size: 20px;
  margin-top: 10px;
  color: #dc0031;
  font-weight: bold;
}

.KeyVisualResult__notes {
  width: 590px;
  margin: 0 auto;
  padding-left: 25px;
  letter-spacing: -0.3px;
}

.KeyVisualResult__note {
  margin-top: 12px;
  font-size: 11.2px;
  line-height: 1.4;
  text-indent: -25px;
}

.KeyVisualResult__bold {
  font-weight: bold;
}

.KeyVisualBottomMargin {
  height: 200px;
}

@-webkit-keyframes buttonAnim {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-moz-keyframes buttonAnim {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}

@-o-keyframes buttonAnim {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}

@keyframes buttonAnim {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes atari {
  0% {
    background-position: 50% 200%;
    opacity: 0;
  }
  80% {
    background-position: 50% 100%;
    opacity: 0.4;
  }
  100% {
    background-position: 50% 100%;
    opacity: 1;
  }
}

@-moz-keyframes atari {
  0% {
    background-position: 50% 200%;
    opacity: 0;
  }
  80% {
    background-position: 50% 100%;
    opacity: 0.4;
  }
  100% {
    background-position: 50% 100%;
    opacity: 1;
  }
}

@-o-keyframes atari {
  0% {
    background-position: 50% 200%;
    opacity: 0;
  }
  80% {
    background-position: 50% 100%;
    opacity: 0.4;
  }
  100% {
    background-position: 50% 100%;
    opacity: 1;
  }
}

@keyframes atari {
  0% {
    background-position: 50% 200%;
    opacity: 0;
  }
  80% {
    background-position: 50% 100%;
    opacity: 0.4;
  }
  100% {
    background-position: 50% 100%;
    opacity: 1;
  }
}

.BidTerms__text {
  margin-bottom: 25px;
  font-size: 18px;
  text-align: center;
}

.Info {
  width: 800px;
  margin: 0 auto 40px;
}

.Info--win {
  margin-top: 200px;
}

.Info__title {
  margin-bottom: 25px;
  font-size: 18px;
  text-align: center;
}

.Info__noteItem {
  padding-bottom: 5px;
  padding-left: 30px;
  font-size: 12px;
  text-indent: -26px;
  line-height: 1.5;
}

.Info__noteItem:nth-child(1):before {
  content: "※1 ";
}

.Info__noteItem:nth-child(2) {
  padding-bottom: 0;
}

.Info__noteItem:nth-child(2):before {
  content: "※2 ";
}

.Info__noteItem:nth-child(3) {
  padding-bottom: 0;
}

.Info__noteItem:nth-child(3):before {
  content: "※3 ";
}

.Info__noteItem:nth-child(4) {
  padding-bottom: 0;
}

.Info__noteItem:nth-child(4):before {
  content: "※4 ";
}

.Info__noteItem a {
  color: #537ed3;
}

.Step {
  width: 720px;
  margin: 75px auto 50px;
  position: relative;
  z-index: 1;
}

.Step__title {
  height: 20px;
  margin-bottom: 28px;
  background: url(../img/title_step.png) center 0 no-repeat;
}

.Step__items {
  padding-top: 206px;
  background: url(../img/steps.png) 0 0 no-repeat;
}

.Step__item {
  width: 200px;
  float: left;
  margin-top: 15px;
  margin-right: 60px;
}

.Step__item:last-child {
  margin-right: 0;
}

.Step__info {
  font-size: 13px;
  text-align: center;
}

.Step__number {
  height: 0;
}

.Banner {
  text-align: center;
}

.Banner__inner {
  margin: 0 auto;
  padding: 32px 0px 25px 0px;
}

.Banner__items {
  *zoom: 1;
  margin: 0 auto;
}

.Banner__item {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 12px;
}

.shppointx5,
.travelpointx5,
.campaign51525,
.everyfive201907,
.tokukuji,
.kuji {
  display: none;
}

.RelatedList {
  padding: 12px 0 55px;
}

.RelatedList__inner {
  position: relative;
  width: 950px;
  margin: 0 auto 35px;
}

.RelatedList__inner:last-child {
  margin-bottom: 0;
}

.RelatedList__body {
  width: 850px;
  margin: 0 auto;
  overflow: hidden;
}

.RelatedList__title {
  margin-bottom: 38px;
  height: 27px;
  background: url(../img/title_relatedProduct.png) no-repeat 50% 0;
}

.RelatedList__subTitle {
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
}

.RelatedList__items {
  width: 950px;
  margin: 0 auto 15px;
  font-size: 0;
  vertical-align: top;
}

.RelatedList__item {
  float: left;
}

.RelatedList__link {
  display: block;
  width: 150px;
  margin: 0 auto;
}

.RelatedList__link:hover {
  text-decoration: none;
}

.RelatedList__thumb {
  position: relative;
  margin-bottom: 10px;
}

.RelatedList__image {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}

.RelatedList__endToday {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ff3300;
  background-color: rgba(255, 51, 0, 0.8);
  font-size: 10px;
  color: #fff;
  width: 60px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
}

.RelatedList__current {
  padding-bottom: 2px;
}

.RelatedList__currentText {
  padding-right: 5px;
  color: #8e8e8e;
  font-size: 10px;
}

.RelatedList__currentPrice {
  color: #2d2d2d;
  font-size: 12px;
  text-decoration: line-through;
}

.RelatedList__coupon {
  color: #ff2c04;
}

.RelatedList__couponText {
  display: inline-block;
  padding-right: 3px;
  font-size: 10px;
}

.RelatedList__couponPrice {
  display: inline-block;
  font-size: 18px;
}

.RelatedList__couponUnit {
  font-size: 12px;
}

.RelatedList__footer {
  width: 100%;
  height: 0;
  text-align: center;
}

.RelatedList__prev, .RelatedList__next {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 106px;
}

.RelatedList__prev span, .RelatedList__next span {
  display: block;
  width: 45px;
  height: 45px;
}

.RelatedList__prev span.is-on, .RelatedList__next span.is-on {
  cursor: pointer;
}

.RelatedList__prev {
  left: 0;
}

.RelatedList__prev span {
  background: url(../img/icon_prev_disabled.png) no-repeat 0;
}

.RelatedList__prev span.is-on {
  background: url(../img/icon_prev.png) no-repeat 0;
}

.RelatedList__next {
  right: 0;
}

.RelatedList__next span {
  background: url(../img/icon_next_disabled.png) no-repeat 0;
}

.RelatedList__next span.is-on {
  background: url(../img/icon_next.png) no-repeat 0;
}

.RelatedList__detail {
  padding-right: 10px;
  font-size: 12px;
  text-align: right;
}

.RelatedList__detail a {
  color: #144ccf;
}

.ProductList {
  padding: 37px 0 20px;
  background-color: #f6f6f6;
}

.ProductList__inner {
  width: 950px;
  margin: 0 auto;
  padding-bottom: 37px;
}

.ProductList__inner:last-child {
  padding-bottom: 0;
}

.ProductList__title {
  margin-bottom: 20px;
  height: 51px;
  background: url(../img/title_product01.png) no-repeat 50% 0;
}

.ProductList__title--popular {
  background: url(../img/title_product02.png) no-repeat 50% 0;
}

.ProductList__items--popular .ProductList__item {
  width: 170px;
  margin-right: 25px;
  margin-bottom: 23px;
}

.ProductList__items--popular .ProductList__item:nth-child(5n) {
  margin-right: 0;
}

.ProductList__item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 218px;
  margin-right: 26px;
}

.ProductList__item:last-child {
  margin-right: 0;
}

.ProductList__link {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 8px 10px 7px;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 0 0 #e8e8e8;
     -moz-box-shadow: 1px 2px 0 0 #e8e8e8;
          box-shadow: 1px 2px 0 0 #e8e8e8;
}

.ProductList__link:hover {
  text-decoration: none;
}

.ProductList__thumb {
  display: table-cell;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  padding-right: 10px;
}

.ProductList__thumb img {
  display: block;
  width: 60px;
  height: 60px;
}

.ProductList__name {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  color: #333;
  line-height: 1.3;
}

.ProductList__image {
  max-width: 100%;
}

.State__inner {
  width: 950px;
  height: 173px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

.State__textError {
  margin-top: 50px;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.State__outOfTerm, .State__textEndCampaign {
  margin: 40px auto 0;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-size: 24px;
  text-shadow: #190202 2px 0px,  #190202 -2px 0px, #190202 0px -2px, #190202 0px 2px, #190202 2px 2px , #190202 -2px 2px, #190202 2px -2px, #190202 -2px -2px, #190202 1px 2px,  #190202 -1px 2px, #190202 1px -2px, #190202 -1px -2px, #190202 2px 1px,  #190202 -2px 1px, #190202 2px -1px, #190202 -2px -1px;
}

.State__button {
  display: block;
  margin: 30px auto 0;
  width: 556px;
  height: 94px;
  background-position: top center;
}

.State__button:hover {
  opacity: 0.8;
}

.State__button--login {
  background: url(../img/button_login.png) no-repeat 0;
}

.State__button--getCoupon {
  background: url(../img/button_getCoupon.png) no-repeat 0;
}

.State__textFukuaka {
  margin: 30px auto 0;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  text-shadow: #190202 2px 0px,  #190202 -2px 0px, #190202 0px -2px, #190202 0px 2px, #190202 2px 2px , #190202 -2px 2px, #190202 2px -2px, #190202 -2px -2px, #190202 1px 2px,  #190202 -1px 2px, #190202 1px -2px, #190202 -1px -2px, #190202 2px 1px,  #190202 -2px 1px, #190202 2px -1px, #190202 -2px -1px;
}

.State__textNonTarget {
  margin: 40px auto 0;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-size: 24px;
  text-shadow: #190202 2px 0px,  #190202 -2px 0px, #190202 0px -2px, #190202 0px 2px, #190202 2px 2px , #190202 -2px 2px, #190202 2px -2px, #190202 -2px -2px, #190202 1px 2px,  #190202 -1px 2px, #190202 1px -2px, #190202 -1px -2px, #190202 2px 1px,  #190202 -2px 1px, #190202 2px -1px, #190202 -2px -1px;
}

.State__textMaintenance {
  margin: 30px auto 0;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  text-shadow: #190202 2px 0px,  #190202 -2px 0px, #190202 0px -2px, #190202 0px 2px, #190202 2px 2px , #190202 -2px 2px, #190202 2px -2px, #190202 -2px -2px, #190202 1px 2px,  #190202 -1px 2px, #190202 1px -2px, #190202 -1px -2px, #190202 2px 1px,  #190202 -2px 1px, #190202 2px -1px, #190202 -2px -1px;
}

.Notes {
  padding: 50px 0;
  background-color: #efeee5;
}

.Notes__title {
  font-size: 20px;
  font-weight: normal;
}

.Notes__table {
  display: block;
}

.Notes__row {
  display: block;
  margin-bottom: 35px;
}

.Notes__row:last-child {
  margin-bottom: 0;
}

.Notes__subTitle {
  display: block;
  border: 0 !important;
  padding: 0;
  width: 100%;
  margin-bottom: 5px;
}

.Notes__description {
  display: block;
  border: 0 !important;
  padding: 0;
}

/*******************************************
 Modalの背景など
*******************************************/
.GrayFilter {
  position: fixed;
  _position: absolute;
  top: 0;
  _top: 0;
  left: 0;
  width: 100%;
  height: 2000px;
  z-index: 9998;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/*******************************************
 ロード中
*******************************************/
.Loading {
  position: fixed;
  _position: absolute;
  top: 0;
  _top: 0;
  left: 0;
  width: 100%;
  height: 2000px;
  z-index: 9999;
}

.Loading__icon {
  width: 120px;
  height: 120px;
  text-indent: -9999px;
  background-image: url(../img/ico_loader.gif);
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-position: 44px 44px;
  -webkit-background-size: 32px 32px;
  -moz-background-size: 32px 32px;
  background-size: 32px 32px;
  overflow: hidden;
  top: 50%;
  left: 50%;
  position: fixed;
  margin-top: -60px;
  margin-left: -60px;
}

.PageTopNav__link {
  -webkit-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  transition: 0.3s linear;
}

/* 出し分け */
.Changeitem--PC {
  display: block;
}

.Changeitem--SP {
  display: none;
}

/* 開発反映後の修正 */
.BidTerms:nth-child(2) {
  display: none;
}