@charset "UTF-8";
/**
 * ページ見出し
 */
/* line 11, ../_sass/remake.scss */
section.main-cover {
  background-image: url(../img/remake/cover_sp.jpg);
  height: 525px;
  background-size: cover;
  background-position: 50% 50%;
}
@media screen and (min-width: 768px) {
  /* line 11, ../_sass/remake.scss */
  section.main-cover {
    background-image: url(../img/remake/cover_pc.jpg);
    height: 464px;
  }
}

/**
 * リード
 */
/* line 25, ../_sass/remake.scss */
section.lead {
  margin-top: 70px;
  margin-bottom: 70px;
}
@media screen and (min-width: 768px) {
  /* line 25, ../_sass/remake.scss */
  section.lead {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  /* line 33, ../_sass/remake.scss */
  section.lead .container {
    width: 700px;
  }
}
/* line 40, ../_sass/remake.scss */
section.lead h2 {
  text-align: center;
  margin: 0 0 40px;
}
/* line 49, ../_sass/remake.scss */
section.lead h3 {
  margin-bottom: 30px;
  font-size: 2.5rem;
  letter-spacing: 1px;
  text-align: center;
  font-family: Hiragino Mincho ProN, Hiragino Mincho Pro, Yu Mincho, YuMincho, serif;
  color: #004896;
}
@media screen and (min-width: 768px) {
  /* line 49, ../_sass/remake.scss */
  section.lead h3 {
    margin-bottom: 20px;
    font-size: 2.8rem;
  }
  /* line 60, ../_sass/remake.scss */
  section.lead h3 br {
    display: none;
  }
}
/* line 68, ../_sass/remake.scss */
section.lead p {
  margin-bottom: 1.0em;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  /* line 68, ../_sass/remake.scss */
  section.lead p {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 2.0em;
  }
}

/**
 * 見出し共通
 */
/* line 82, ../_sass/remake.scss */
section.good h2,
section.recommend h2,
section.lineup h2 {
  padding: 10px;
  border: 1px solid #004896;
  text-align: center;
  font-size: 2.0rem;
  font-family: Hiragino Mincho ProN, Hiragino Mincho Pro, Yu Mincho, YuMincho, serif;
  font-weight: normal;
  color: #004896;
}
@media screen and (min-width: 768px) {
  /* line 82, ../_sass/remake.scss */
  section.good h2,
  section.recommend h2,
  section.lineup h2 {
    padding: 15px;
    margin: 0 0 45px;
    background-color: #004896;
    font-size: 2.4rem;
    color: #ffffff;
  }
  /* line 98, ../_sass/remake.scss */
  section.good h2 br,
  section.recommend h2 br,
  section.lineup h2 br {
    display: none;
  }
}

/**
 * リメイクジュエリーのココがお値打ち
 */
/* line 107, ../_sass/remake.scss */
section.good {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  /* line 107, ../_sass/remake.scss */
  section.good {
    margin-bottom: 100px;
  }
}
/* line 113, ../_sass/remake.scss */
section.good .card {
  padding-bottom: 5px;
  margin-bottom: 20px;
  background-color: #ffffff;
}
/* line 118, ../_sass/remake.scss */
section.good figure img {
  width: 100%;
}
/* line 121, ../_sass/remake.scss */
section.good h3 {
  margin: 15px 15px 10px;
  font-size: 1.8rem;
  color: #004896;
}
@media screen and (min-width: 768px) {
  /* line 121, ../_sass/remake.scss */
  section.good h3 {
    font-size: 1.6rem;
  }
}
/* line 129, ../_sass/remake.scss */
section.good p {
  margin: 10px 15px;
  font-size: 1.4rem;
  line-height: 1.8em;
}

/**
 * リメイクジュエリープランナーのイチオシアイテム
 */
/* line 139, ../_sass/remake.scss */
section.recommend {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  /* line 139, ../_sass/remake.scss */
  section.recommend {
    margin-bottom: 100px;
  }
}
/* line 146, ../_sass/remake.scss */
section.recommend .planner {
  margin-bottom: 15px;
  text-align: right;
}
@media screen and (min-width: 768px) {
  /* line 146, ../_sass/remake.scss */
  section.recommend .planner {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  /* line 155, ../_sass/remake.scss */
  section.recommend .planner figure {
    width: 510px;
  }
}
/* line 159, ../_sass/remake.scss */
section.recommend .planner figure img {
  width: 100%;
}
/* line 163, ../_sass/remake.scss */
section.recommend .planner .profile {
  display: inline-block;
  margin: -15px 10px 0 10px;
  padding: 15px;
  background-color: #ffffff;
  text-align: right;
  font-family: Hiragino Mincho ProN, Hiragino Mincho Pro, Yu Mincho, YuMincho, serif;
  font-weight: bold;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  /* line 163, ../_sass/remake.scss */
  section.recommend .planner .profile {
    width: 350px;
    margin: 0 0 0 -50px;
    padding: 30px;
  }
}
/* line 177, ../_sass/remake.scss */
section.recommend .planner .post {
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  /* line 177, ../_sass/remake.scss */
  section.recommend .planner .post {
    margin-bottom: 5px;
    font-size: 1.4rem;
  }
}
/* line 184, ../_sass/remake.scss */
section.recommend .planner .name {
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  /* line 184, ../_sass/remake.scss */
  section.recommend .planner .name {
    margin-bottom: 5px;
    font-size: 2.2rem;
  }
}
/* line 191, ../_sass/remake.scss */
section.recommend .planner p {
  margin-bottom: 0;
  font-size: 1.2rem;
}
@media screen and (min-width: 992px) {
  /* line 191, ../_sass/remake.scss */
  section.recommend .planner p {
    font-size: 1.4rem;
  }
}
/* line 201, ../_sass/remake.scss */
section.recommend h3 {
  position: relative;
  display: inline-block;
  margin: 0 0 20px;
  padding: 15px;
  text-align: left;
  font-size: 1.8rem;
  font-family: Hiragino Mincho ProN, Hiragino Mincho Pro, Yu Mincho, YuMincho, serif;
}
/* line 209, ../_sass/remake.scss */
section.recommend h3 br {
  display: none;
}
/* line 211, ../_sass/remake.scss */
section.recommend h3 br.remake_tit {
  display: inline;
}
@media screen and (min-width: 768px) {
  /* line 201, ../_sass/remake.scss */
  section.recommend h3 {
    padding: 15px 20px;
    font-size: 2.2rem;
  }
  /* line 218, ../_sass/remake.scss */
  section.recommend h3 br {
    display: inline;
  }
}
/* line 222, ../_sass/remake.scss */
section.recommend h3:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border-top: 2px solid #c9c9c9;
  border-left: 2px solid #c9c9c9;
}
/* line 233, ../_sass/remake.scss */
section.recommend h3:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 22px;
  height: 22px;
  border-bottom: 2px solid #c9c9c9;
  border-right: 2px solid #c9c9c9;
}
/* line 246, ../_sass/remake.scss */
section.recommend p {
  font-size: 1.4rem;
  line-height: 2em;
  margin-bottom: 1em;
}
/* line 253, ../_sass/remake.scss */
section.recommend .ring {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  /* line 253, ../_sass/remake.scss */
  section.recommend .ring {
    margin-bottom: 170px;
  }
}
@media screen and (min-width: 768px) {
  /* line 259, ../_sass/remake.scss */
  section.recommend .ring .text {
    width: 610px;
    margin: 0 auto 50px;
  }
}
/* line 267, ../_sass/remake.scss */
section.recommend .ring figure span {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  /* line 271, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(1) {
    margin-right: 360px;
  }
  /* line 274, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(1) img {
    width: 340px;
  }
}
@media screen and (min-width: 992px) {
  /* line 271, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(1) {
    margin-right: 426px;
  }
  /* line 280, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(1) img {
    width: 406px;
  }
}
@media screen and (min-width: 768px) {
  /* line 285, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(2) {
    margin-right: 260px;
    margin-top: 20px;
  }
  /* line 289, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(2) img {
    width: 240px;
  }
}
@media screen and (min-width: 992px) {
  /* line 285, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(2) {
    margin-right: 320px;
    margin-top: 20px;
  }
  /* line 296, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(2) img {
    width: 300px;
  }
}
@media screen and (min-width: 768px) {
  /* line 301, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(3) {
    margin-left: 360px;
    margin-top: -310px;
  }
  /* line 305, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(3) img {
    width: 340px;
  }
}
@media screen and (min-width: 992px) {
  /* line 301, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(3) {
    margin-left: 426px;
    margin-top: -360px;
  }
  /* line 312, ../_sass/remake.scss */
  section.recommend .ring figure span:nth-child(3) img {
    width: 406px;
  }
}
/* line 317, ../_sass/remake.scss */
section.recommend .ring figure span img {
  width: 100%;
}
/* line 325, ../_sass/remake.scss */
section.recommend .necklace {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  /* line 325, ../_sass/remake.scss */
  section.recommend .necklace {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 768px) {
  /* line 335, ../_sass/remake.scss */
  section.recommend .necklace .text {
    width: 570px;
    margin-left: 40px;
  }
}
/* line 342, ../_sass/remake.scss */
section.recommend .necklace figure {
  text-align: center;
}
@media screen and (min-width: 768px) {
  /* line 342, ../_sass/remake.scss */
  section.recommend .necklace figure {
    width: 350px;
  }
}
/* line 347, ../_sass/remake.scss */
section.recommend .necklace figure img {
  width: 100%;
  max-width: 260px;
}
/* line 355, ../_sass/remake.scss */
section.recommend .pierce {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  /* line 355, ../_sass/remake.scss */
  section.recommend .pierce {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 768px) {
  /* line 364, ../_sass/remake.scss */
  section.recommend .pierce .text {
    width: 500px;
    margin-right: 40px;
  }
}
@media screen and (min-width: 768px) {
  /* line 371, ../_sass/remake.scss */
  section.recommend .pierce figure {
    width: 410px;
  }
}
/* line 375, ../_sass/remake.scss */
section.recommend .pierce figure img {
  width: 100%;
}

/**
 * リメイクジュエリーラインナップ
 */
/* line 386, ../_sass/remake.scss */
section.lineup li {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  /* line 386, ../_sass/remake.scss */
  section.lineup li {
    margin-bottom: 30px;
  }
}
/* line 392, ../_sass/remake.scss */
section.lineup a {
  position: relative;
  display: block;
  background-color: #ffffff;
  border: 2px solid #004896;
  padding: 20px;
  text-align: right;
  text-decoration: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 60% 50%;
}
@media screen and (min-width: 480px) {
  /* line 392, ../_sass/remake.scss */
  section.lineup a {
    background-position: 0% 50%;
  }
}
/* line 406, ../_sass/remake.scss */
section.lineup a.ring {
  background-image: url(../img/remake/lineup_ring.jpg);
}
/* line 409, ../_sass/remake.scss */
section.lineup a.necklace {
  background-image: url(../img/remake/lineup_necklace.jpg);
}
/* line 412, ../_sass/remake.scss */
section.lineup a.pierce {
  background-image: url(../img/remake/lineup_pierce.jpg);
}
/* line 415, ../_sass/remake.scss */
section.lineup a.cert {
  background-image: url(../img/remake/lineup_cert.jpg);
}
/* line 418, ../_sass/remake.scss */
section.lineup a:hover {
  opacity: 0.7;
}
/* line 422, ../_sass/remake.scss */
section.lineup a p {
  color: #333333;
  font-size: 1.4rem;
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  /* line 422, ../_sass/remake.scss */
  section.lineup a p {
    font-size: 1.6rem;
  }
}
/* line 430, ../_sass/remake.scss */
section.lineup a b {
  color: #004896;
  font-size: 1.6rem;
  font-weight: normal;
  background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 992px) {
  /* line 430, ../_sass/remake.scss */
  section.lineup a b {
    font-size: 1.8rem;
  }
}
/* line 438, ../_sass/remake.scss */
section.lineup a b:after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 14px;
  background-image: url(../img/common/link_arrow_blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
}

/*# sourceMappingURL=remake.css.map */