@charset "UTF-8";

/*------------------------------------------ contents */

#PureGoldJewelry a {
  font-family: "BIZ UDGothic", sans-serif;
  text-decoration: none;
  color: #000000;
}
#PureGoldJewelry p {
  font-family: "BIZ UDGothic", sans-serif;
  color: #000000;
}
#PureGoldJewelry a:visited {
  color: #000000;
}
#PureGoldJewelry .none {
  display: none;
}
/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {
  #PureGoldJewelry {
    overflow: hidden;
  }
  #PureGoldJewelry a {
    display: inline-block;
    font-size: 2.58vw;
    position: relative;
    text-decoration: none;
  }
  #PureGoldJewelry a::after {
    background-image: url(../../../img/lp/PureGoldJewelry_202604/arrow.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    width: 1.2vw;
    height: 10px;
    position: absolute;
    top: 1vw;
    right: -8px;
  }
  #PureGoldJewelry span.tax {
    font-size: 1.83vw;
  }
  #PureGoldJewelry span.rate {
    font-size: 2.06vw;
  }
  #PureGoldJewelry .space {
    margin-left: -1.5%;
  }
  #PureGoldJewelry .swiper .item_box {
    position: absolute;
    line-height: 4.5vw;
  }
  #PureGoldJewelry .swiper .item_box a {
    margin-bottom: -1.5%;
  }
  #PureGoldJewelry .textbox p {
    margin: 0;
  }
  #PureGoldJewelry .notice_box {
    font-size: 2.58vw;
    list-style: none;
    position: absolute;
    margin: 508.2143% 0 0;
    left: 6%;
    margin-left: 1em;
    text-indent: -1em;
  }
  #PureGoldJewelry .notice_box li {
    margin: 0;
  }
  #PureGoldJewelry .block_topic_path_list li {
    font-size: 2.58vw;
  }
  #PureGoldJewelry .block_topic_path_list li a {
    font-size: 2.58vw;
  }

  #PureGoldJewelry #top {
    background-image: url("../../../img/lp/PureGoldJewelry_202604/top.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    padding-bottom: 246.6%;
  }
  #PureGoldJewelry #top #mv {
    position: absolute;
    width: 78.6%;
    margin: 31.6% 0 0 0;
    left: 10.4%;
    top: 0;
  }
  #PureGoldJewelry #top #top_lead {
    position: absolute;
    width: 55.7333%;
    margin: 141.2% 0 0;
    left: 35.4667%;
    top: 0;
  }
  #PureGoldJewelry #top #top_title {
    position: absolute;
    width: 53.8667%;
    margin: 6.9333% 0 0;
    left: 5.8667%;
    top: 0;
  }
  #PureGoldJewelry #top #top_text {
    position: absolute;
    width: 84%;
    margin: 174.4% 0 0;
    left: 6.9333%;
    top: 0;
  }

  #PureGoldJewelry #gold_diamond {
    background-image: url("../../../img/lp/PureGoldJewelry_202604/gold_diamond.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    padding-bottom: 650.2%;
  }
  #PureGoldJewelry #gold_diamond #gold_diamond_title {
    position: absolute;
    width: 60.1333%;
    margin: 0% 0 0;
    left: 19.6%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond #gold_diamond_text {
    position: absolute;
    width: 71.0667%;
    margin: 45.7333% 0 0;
    left: 14.2667%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond #gold_diamond_lead {
    position: absolute;
    width: 64%;
    margin: 472.9333% 0 0;
    left: 18.5333%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper01 {
    position: absolute;
    width: 100%;
    margin: 76.4% 0 0;
    left: 0%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper01 .gdsl1_slidebar01,
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper01 .gdsl1_slidebar02 {
    position: absolute;
    width: 10.3%;
    margin: 100% 0 0;
    right: 21%;
    top: 0;
    z-index: 4;
  }
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper01 .item_box {
    margin: 113.6% 0 0;
    left: 6.5%;
    top: 0;
  }

  #PureGoldJewelry #gold_diamond .gold_diamond_swiper02 {
    position: absolute;
    width: 100%;
    margin: 216.5333% 0 0;
    left: 0.5333%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper02 .gdsl2_slidebar01,
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper02 .gdsl2_slidebar02 {
    position: absolute;
    width: 10.3%;
    margin: 100% 0 0;
    right: 10%;
    top: 0;
    z-index: 4;
  }
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper02 .item_box {
    margin: 113.4% 0 0;
    left: 16%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond .gd_textblock {
    position: absolute;
    margin: 579.0667% 0 0;
    left: 8.2857%;
    top: 0;
    z-index: 3;
  }
  #PureGoldJewelry #gold_diamond .gd_textblock .textbox {
    line-height: 4.5vw;
  }
  #PureGoldJewelry #baby_ring {
    background-image: url("../../../img/lp/PureGoldJewelry_202604/baby_ring.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    padding-bottom: 579%;
  }
  #PureGoldJewelry #baby_ring #baby_ring_title {
    position: absolute;
    width: 68%;
    margin: 43.2% 0 0;
    left: 15.8667%;
    top: 0;
  }
  #PureGoldJewelry #baby_ring #baby_ring_text {
    position: absolute;
    width: 78.8%;
    margin: 78.6667% 0 0;
    left: 10.2667%;
    top: 0;
  }
  #PureGoldJewelry #baby_ring #baby_ring_lead {
    position: absolute;
    width: 79.3333%;
    margin: 248.4% 0 0;
    left: 10.4%;
    top: 0;
  }
  #PureGoldJewelry #baby_ring .baby_ring_swiper {
    position: absolute;
    width: 100%;
    margin: 114.6667% 0 0;
    left: 0%;
    top: 0;
  }
  #PureGoldJewelry #baby_ring .baby_ring_swiper .brsl_slidebar01,
  #PureGoldJewelry #baby_ring .baby_ring_swiper .brsl_slidebar02 {
    position: absolute;
    width: 10.3%;
    margin: 100% 0 0;
    right: 6%;
    top: 0;
    z-index: 4;
  }
  #PureGoldJewelry #baby_ring .baby_ring_swiper .item_box {
    margin: 106.6% 0 0;
    left: 13.5%;
    top: 4.5%;
    line-height: 4.5vw;
  }
  #PureGoldJewelry #baby_ring .baby_ring_swiper .item_box a {
    margin-left: 0;
    font-size: 2.4vw;
  }
  #PureGoldJewelry #baby_ring .br_textbox01 {
    position: absolute;
    margin: 514.8% 0 0;
    left: 21.7333%;
    top: 0;
  }
  #PureGoldJewelry #baby_ring .br_textbox02 {
    position: absolute;
    margin: 370.1333% 0 0;
    left: 5.4667%;
    top: 0;
  }

  #PureGoldJewelry #baby_ring .textbox p {
    font-size: 2.58vw;
  }
  #PureGoldJewelry #baby_ring .textbox .month {
    display: flex;
    justify-content: space-between;
    width: 72%;
    margin-bottom: 2%;
  }
  #PureGoldJewelry #baby_ring .textbox .month a {
    margin-top: 5.5%;
    display: block;
  }

  #PureGoldJewelry #chain_jewelry {
    background-image: url("../../../img/lp/PureGoldJewelry_202604/chain_jewelry.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    padding-bottom: 546.1%;
  }
  #PureGoldJewelry #chain_jewelry #chain_jewelry_title {
    position: absolute;
    width: 51.6%;
    margin: 0% 0 0;
    left: 24%;
    top: 0;
  }
  #PureGoldJewelry #chain_jewelry #chain_jewelry_text {
    position: absolute;
    width: 86.6667%;
    margin: 37.4667% 0 0;
    left: 6.6667%;
    top: 0;
  }
  #PureGoldJewelry #chain_jewelry #chain_jewelry_lead {
    position: absolute;
    width: 60.6667%;
    margin: 304.1333% 0 0;
    left: 19.4667%;
    top: 0;
  }
  #PureGoldJewelry #chain_jewelry .chain_jewelry_swiper {
    position: absolute;
    width: 100%;
    margin: 74% 0 0;
    left: 0%;
    top: 0;
  }
  #PureGoldJewelry #chain_jewelry .chain_jewelry_swiper .cjsl_slidebar01,
  #PureGoldJewelry #chain_jewelry .chain_jewelry_swiper .cjsl_slidebar02 {
    position: absolute;
    width: 10.3%;
    margin: 102% 0 0;
    right: 22%;
    top: 0;
    z-index: 4;
  }
  #PureGoldJewelry #chain_jewelry .chain_jewelry_swiper .item_box {
    margin: 116.0714% 0 0;
    left: 7.8571%;
    top: 0;
    width: 78%;
  }

  #PureGoldJewelry #chain_jewelry .cj_textblock {
    position: absolute;
    margin: 451.7857% 0 0;
    left: 8.2857%;
    top: 0;
    z-index: 3;
  }
  #PureGoldJewelry #chain_jewelry .cj_textblock .textbox {
    line-height: 4.5vw;
  }

  #PureGoldJewelry .pane_topic_path {
    position: absolute;
    margin: 530.2143% 0 0;
    left: 0%;
    top: 0;
    width: 100%;
  }
  #PureGoldJewelry section.pane_topic_path .wrap {
    padding-top: 1em;
    border-top: none;
    margin-left: 6.03%;
  }
  #PureGoldJewelry section.pane_topic_path .wrap a::after {
    content: initial;
  }

  /* 736px以下用（SP用）の記述 end--------------------------------------- */
}

/* 737px以上用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 737px) {
  #PureGoldJewelry a {
    display: inline-block;
    font-size: 11.5px;
    position: relative;
    text-decoration: none;
  }
  #PureGoldJewelry a::after {
    background-image: url(../../../img/lp/PureGoldJewelry_202604/arrow_pc.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    width: 7px;
    height: 11px;
    position: absolute;
    top: 4px;
    right: -10px;
  }
  #PureGoldJewelry span.tax {
    font-size: 8px;
  }
  #PureGoldJewelry span.rate {
    font-size: 9px;
  }
  #PureGoldJewelry .space {
    margin-left: -6px;
  }
  #PureGoldJewelry .swiper .item_box {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
  }
  #PureGoldJewelry .swiper .item_box a {
    margin-bottom: 0.5%;
  }
  #PureGoldJewelry .textbox a {
    margin-top: 1.2%;
  }

  #PureGoldJewelry .swiper .item_box a:nth-child(2n) {
    margin-left: 4%;
  }
  #PureGoldJewelry .textbox p {
    margin: 0;
  }
  #PureGoldJewelry .notice_box {
    font-size: 12px;
    list-style: none;
    position: absolute;
    margin: 137.2143% 0 0;
    left: 7.4857%;
  }
  #PureGoldJewelry .notice_box li {
    margin: 0;
  }
  #PureGoldJewelry .block_topic_path_list li {
    margin: 0;
    font-size: 12px;
  }
  #PureGoldJewelry .block_topic_path_list li a {
    font-size: 12px;
  }

  #PureGoldJewelry {
    margin: 0 auto;
    max-width: 1400px;
    min-width: 1200px;
  }
  #PureGoldJewelry a {
    transition: all 0.3s;
  }
  #PureGoldJewelry a:hover {
    opacity: 0.6;
  }

  #PureGoldJewelry #top {
    background: url(../../../img/lp/PureGoldJewelry_202604/top_pc.jpg) no-repeat top center / 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: auto;
    position: relative;
    padding-bottom: 67.5%;
  }
  #PureGoldJewelry #top #mv {
    position: absolute;
    width: 31.7%;
    margin: 4% 0 0 0;
    left: 33.5%;
    top: 0;
  }
  #PureGoldJewelry #top #top_lead {
    position: absolute;
    width: 22.2143%;
    margin: 9.0714% 0 0;
    left: 7.5%;
    top: 0;
  }
  #PureGoldJewelry #top #top_title {
    position: absolute;
    width: 22.3571%;
    margin: 25.5714% 0 0;
    left: 62.8571%;
    top: 0;
  }
  #PureGoldJewelry #top #top_text {
    position: absolute;
    width: 47.5714%;
    margin: 53.5% 0 0;
    left: 25.9286%;
    top: 0;
  }

  #PureGoldJewelry #gold_diamond {
    background: url(../../../img/lp/PureGoldJewelry_202604/gold_diamond_pc.jpg) no-repeat top center / 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: auto;
    position: relative;
    padding-bottom: 182.3%;
  }
  #PureGoldJewelry #gold_diamond::before {
    content: "";
    position: absolute;
    top: 17.2143%;
    left: 80.3571%;
    width: 18.3571%;
    height: 100%;
    background: url(../../../img/lp/PureGoldJewelry_202604/gold_diamond_ring_shadow_pc.png) no-repeat top right / contain;
    z-index: 2;
    mix-blend-mode: multiply;
    pointer-events: none;
  }
  #PureGoldJewelry #gold_diamond::after {
    content: "";
    position: absolute;
    top: 17.2143%;
    left: 80.3571%;
    width: 18.3571%;
    height: 100%;
    background: url(../../../img/lp/PureGoldJewelry_202604/gold_diamond_ring_pc.png) no-repeat top right / contain;
    z-index: 2;
    pointer-events: none;
  }
  #PureGoldJewelry #gold_diamond #gold_diamond_title {
    position: absolute;
    width: 22.3571%;
    margin: 14.7857% 0 0;
    left: 62.4286%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond #gold_diamond_text {
    position: absolute;
    width: 22.3571%;
    margin: 31.1429% 0 0;
    left: 62.4286%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond #gold_diamond_lead {
    position: absolute;
    width: 19%;
    margin: 119.5714% 0 0;
    left: 49.2143%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper01 {
    position: absolute;
    width: 49.7143%;
    margin: 0% 0 0;
    left: 0%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper01 .item_box {
    margin: 105.6% 0 0;
    left: 22%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper01 .gdsl1_slidebar01,
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper01 .gdsl1_slidebar02 {
    position: absolute;
    width: 10.3%;
    margin: 97% 0 0;
    right: 2%;
    top: 0;
    z-index: 4;
  }

  #PureGoldJewelry #gold_diamond .gold_diamond_swiper02 {
    position: absolute;
    width: 50.2857%;
    margin: 49.8571% 0 0;
    left: 49.7143%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper02 .item_box {
    margin: 105.6% 0 0;
    left: 10%;
    top: 4%;
  }
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper02 .gdsl2_slidebar01,
  #PureGoldJewelry #gold_diamond .gold_diamond_swiper02 .gdsl2_slidebar02 {
    position: absolute;
    width: 10.3%;
    margin: 100% 0 0;
    right: 14%;
    top: 0;
    z-index: 4;
  }
  #PureGoldJewelry #gold_diamond .gd_textbox01 {
    position: absolute;
    margin: 136.4571% 0 0;
    left: 20.5714%;
    top: 0;
  }
  #PureGoldJewelry #gold_diamond .gd_textbox02 {
    position: absolute;
    margin: 165.3571% 0 0;
    left: 65.1286%;
    top: 0;
  }

  #PureGoldJewelry #baby_ring {
    background: url(../../../img/lp/PureGoldJewelry_202604/baby_ring_pc.jpg) no-repeat top center / 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: auto;
    position: relative;
    padding-bottom: 134.7%;
  }
  #PureGoldJewelry #baby_ring #baby_ring_title {
    position: absolute;
    width: 24.9286%;
    margin: 6.7143% 0 0;
    left: 13.7857%;
    top: 0;
  }
  #PureGoldJewelry #baby_ring #baby_ring_text {
    position: absolute;
    width: 25%;
    margin: 20.5714% 0 0;
    left: 13.7857%;
    top: 0;
  }
  #PureGoldJewelry #baby_ring #baby_ring_lead {
    position: absolute;
    width: 25.3571%;
    margin: 95.8571% 0 0;
    left: 10.9286%;
    top: 0;
  }
  #PureGoldJewelry #baby_ring .baby_ring_swiper {
    position: absolute;
    width: 51.42%;
    margin: 0 0 0;
    left: 49.7143%;
    top: 0;
  }
  #PureGoldJewelry #baby_ring .baby_ring_swiper .brsl_slidebar01,
  #PureGoldJewelry #baby_ring .baby_ring_swiper .brsl_slidebar02 {
    position: absolute;
    width: 10.3%;
    margin: 104% 0 0;
    right: 15%;
    top: 0;
    z-index: 4;
  }
  #PureGoldJewelry #baby_ring .baby_ring_swiper .item_box {
    margin: 106.6% 0 0;
    left: 12%;
    top: 5%;
  }
  #PureGoldJewelry #baby_ring .baby_ring_swiper .item_box02 {
    margin: 104.3% 0 0;
  }
  #PureGoldJewelry #baby_ring .baby_ring_swiper .item_box a {
    margin-left: 0;
  }
  #PureGoldJewelry #baby_ring .br_textbox01 {
    position: absolute;
    margin: 76.7857% 0 0;
    left: 10.2429%;
    top: 0;
  }
  #PureGoldJewelry #baby_ring .br_textbox02 {
    position: absolute;
    margin: 105.1429% 0 0;
    left: 9.3571%;
    top: 0;
    text-align: right;
  }
  #PureGoldJewelry #baby_ring .textbox p {
    font-size: 11.5px;
  }
  #PureGoldJewelry #baby_ring .textbox .month {
    display: flex;
    justify-content: space-between;
    width: 71%;
    text-align: right;
    margin: 0 0 6% auto;
  }
  #PureGoldJewelry #baby_ring .textbox .month a {
    margin-top: 7.5%;
  }

  #PureGoldJewelry #chain_jewelry {
    background: url(../../../img/lp/PureGoldJewelry_202604/chain_jewelry_pc.jpg) no-repeat top center / 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: auto;
    position: relative;
    padding-bottom: 149%;
  }
  #PureGoldJewelry #chain_jewelry::before {
    content: "";
    position: absolute;
    top: -9%;
    right: 0.2%;
    width: 49.7%;
    height: 100%;
    background: url(../../../img/lp/PureGoldJewelry_202604/chain_jewelry_necklace_shadow_pc.png) no-repeat top right / contain;
    z-index: 2;
    mix-blend-mode: multiply;
    pointer-events: none;
  }
  #PureGoldJewelry #chain_jewelry::after {
    content: "";
    position: absolute;
    top: -9%;
    right: 0.2%;
    width: 49.7%;
    height: 100%;
    background: url(../../../img/lp/PureGoldJewelry_202604/chain_jewelry_necklace_pc.png) no-repeat top right / contain;
    z-index: 2;
    pointer-events: none;
  }
  #PureGoldJewelry #chain_jewelry #chain_jewelry_title {
    position: absolute;
    width: 18.1429%;
    margin: 19.0714% 0 0;
    left: 67.9286%;
    top: 0;
    z-index: 3;
  }
  #PureGoldJewelry #chain_jewelry #chain_jewelry_text {
    position: absolute;
    width: 29.9286%;
    margin: 34.0714% 0 0;
    left: 61.7857%;
    top: 0;
  }
  #PureGoldJewelry #chain_jewelry #chain_jewelry_lead {
    position: absolute;
    width: 18.3571%;
    margin: 75.1429% 0 0;
    left: 7.5%;
    top: 0;
  }
  #PureGoldJewelry #chain_jewelry .chain_jewelry_swiper {
    position: absolute;
    width: 53.57%;
    margin: 0 0 0;
    left: 0%;
    top: 0;
  }
  #PureGoldJewelry #chain_jewelry .chain_jewelry_swiper .cjsl_slidebar01,
  #PureGoldJewelry #chain_jewelry .chain_jewelry_swiper .cjsl_slidebar02 {
    position: absolute;
    width: 10.3%;
    margin: 104% 0 0;
    right: 20%;
    top: 0;
    z-index: 4;
  }
  #PureGoldJewelry #chain_jewelry .chain_jewelry_swiper .item_box {
    margin: 113.0714% 0 0;
    left: 10.8571%;
    top: 0;
  }

  #PureGoldJewelry #chain_jewelry .cj_textbox01 {
    position: absolute;
    margin: 102.7857% 0 0;
    left: 69.2857%;
    top: 0;
    z-index: 3;
  }

  #PureGoldJewelry #chain_jewelry .cj_textbox02 {
    position: absolute;
    margin: 121.2143% 0 0;
    left: 47.7857%;
    top: 0;
    z-index: 3;
  }

  #PureGoldJewelry .pane_topic_path {
    position: absolute;
    margin: 143.2143% 0 0;
    left: 7.4857%;
    top: 0;
  }
  #PureGoldJewelry section.pane_topic_path .wrap {
    padding-top: 1em;
    border-top: none;
  }
  #PureGoldJewelry section.pane_topic_path .wrap a::after {
    content: initial;
  }

  /* 737px以上用（PC用）の記述 end--------------------------------------- */
}

/* 1399px以下用（PC用）のフォント可変値　記述------------------------------------------- */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  #PureGoldJewelry a {
    font-size: 0.8vw;
  }
  #PureGoldJewelry a span {
    font-size: 0.57vw;
  }
  #PureGoldJewelry #baby_ring .textbox p {
    font-size: 0.8vw;
  }
  #PureGoldJewelry span.rate {
    font-size: 0.64vw;
  }
  #PureGoldJewelry .notice_box {
    font-size: 0.8vw;
  }
  #PureGoldJewelry .block_topic_path_list li {
    font-size: 0.8vw;
  }
  #PureGoldJewelry .block_topic_path_list li a {
    font-size: 0.8vw;
  }

  /* 1399px以下用（PC用）の記述 end--------------------------------------- */
}

/* 1199px以下用（PC用）のフォント最小値　記述------------------------------------------- */
@media screen and (min-width: 738px) and (max-width: 1199px) {
  #PureGoldJewelry a {
    font-size: 9.2px;
  }
  #PureGoldJewelry a span {
    font-size: 4.57px;
  }
  #PureGoldJewelry #baby_ring .textbox p {
    font-size: 9.2px;
  }
  #PureGoldJewelry span.rate {
    font-size: 7.68px;
  }
  #PureGoldJewelry .notice_box {
    font-size: 9.2px;
  }
  #PureGoldJewelry .block_topic_path_list li {
    font-size: 9.2px;
  }
  #PureGoldJewelry .block_topic_path_list li a {
    font-size: 9.2px;
  }

  /* 1199px以下用（PC用）の記述 end--------------------------------------- */
}
