@charset "shift_jis";
/*------------------------------------------------

Copyright TSUTSUMI JEWELRY Co., Ltd.

------------------------------------------------*/

/*------------------------------------------------
common
------------------------------------------------*/
@media screen and (min-width: 768px) {
  .sp-none {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
}
/*------------------------------------------------
pure planets 2023ss
------------------------------------------------*/
#hb .page__collection_pureplanets_2023ss #mainImg {
  /* background: url(../../../images/collection/pureplanets/mv_pc.jpg?2023ss) left top no-repeat; */
  /* background-size: contain; */
  /* position: relative; */
}
/*#hb .page__collection_pureplanets_2023ss #mainImg .mainImg__wrap {
  width: auto;
  padding: 0;
  position: absolute;
  bottom: 110px;
  left: 40%;
  background-position: right bottom;
}*/
#hb .page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
  margin: 0;
  padding: 0;
  background: url(https://www.tsutsumi.co.jp/cms/img/top/title_pure4.png) left top no-repeat;
  background-size: 500px auto;
  position: absolute;
  bottom: 11%;
  left: 10%;
}

/*------------------------------------------------
pure planets 2022aw
------------------------------------------------*/
#hb .page__collection_pureplanets_2022aw #mainImg {
  background: url(https://www.tsutsumi.co.jp/cms/img/collection/pureplanets/2022aw_mainimg_pc.jpg) left top no-repeat;
  background-size: cover;
  position: relative;
}
#hb .page__collection_pureplanets_2022aw #mainImg .mainImg__wrap {
  width: auto;
  padding: 0;
  position: absolute;
  bottom: 110px;
  left: 40%;
  background-position: right bottom;
}
#hb .page__collection_pureplanets_2022aw #mainImg .mainImg__wrap h1 {
  margin: 0;
  padding: 0;
  background: url(https://www.tsutsumi.co.jp/cms/img/top/title_pure5.png) left top no-repeat;
  background-size: 500px auto;
  width: 500px;
  height: 157px;
}

/* responsive ------------------------------------------------*/

@media screen and (max-width: 800px) {

/*------------------------------------------------
pure planets 2023ss
------------------------------------------------*/
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg {
    /* background: url(../../../images/collection/pureplanets/sp/mv_sp.jpg) center top no-repeat; */
    /* background-size: 100%; */
  }
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap {
    margin: 85% 0 11% 25%;
    padding: 0;
    width: 67%;
    position: relative;
    top: 0;
    left: 0;
  }
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    position: relative;
    height: auto;
    margin: 0;
    padding: 20% 0 0 0;
    background: url(https://www.tsutsumi.co.jp/cms/img/collection/pureplanets/title.png) no-repeat;
    background-size: contain;
    z-index: 3;
    bottom: -5px;
    left: 45%;
    transform: translateX(-50%);
    width: unset;
}

/*------------------------------------------------
pure planets 2022aw
------------------------------------------------*/
  #hb #pageMain.page__collection_pureplanets_2022aw #mainImg {
    background: url(https://www.tsutsumi.co.jp/cms/img/collection/pureplanets/2022aw_mainimg_sp.jpg) center top no-repeat;
    background-size: 100%;
  }
  #hb #pageMain.page__collection_pureplanets_2022aw #mainImg .mainImg__wrap {
    margin: 73% 0 51% 21%;
    padding: 0;
    width: 82%;
    position: relative;
    top:0;
    left:0;
    background: none;
  }
  #hb #pageMain.page__collection_pureplanets_2022aw #mainImg .mainImg__wrap h1 {
    position: relative;
    height: auto;
    margin: 0;
    padding: 20% 0 0 0;
    background: url(https://www.tsutsumi.co.jp/cms/img/collection/pureplanets/title.png) no-repeat;
    background-size: contain;
    z-index: 3
  }

}

@media screen and (min-width: 768px) {

#hb .page__collection_pureplanets_2023ss #mainImg {
	height: auto;
	padding-top: 39%;
}

  .freepage-item.pureplanets-02_01,
  .freepage-item.pureplanets-04_01 {
    margin-left: 20px;
    margin-bottom: 0;
  }

  .pureplanets-02_02 {
    margin-top: -90px;
  }

  .pureplanets-04_02 {
    margin-top: -40px;
  }
}

.pureplanets-01 .col-item {
  width: 500px;
  aspect-ratio: 1 / 1;
}

.pureplanets-01 .col-item iframe {
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .pureplanets-01 .col-item {
    width: calc(100% - 20vw);
    padding: 0 10vw;
  }
}

/*------------------------------------------------
pure planets 2023aw
------------------------------------------------*/
.pureplanets2023aw .freepage-item .goods-info a {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #hb.pureplanets2023aw .page__collection_pureplanets_2023ss #mainImg {
    background: url(../../../images/collection/pureplanets/2403/mv_pc.jpg) left top no-repeat;
    background-size: 100%;
    margin-bottom: 40px;
    position: relative;
  }
  #hb.pureplanets2023aw .page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    margin: 0;
    padding: 0;
    background: url(../../../images/collection/pureplanets/2309/title.png) left top no-repeat;
    background-size: 70%;
    position: absolute;
    bottom: 7%;
    left: 51%;
  }
  .pureplanets2023aw .freepage-item.pureplanets-02_01,
  .pureplanets2023aw .freepage-item.pureplanets-04_01 {
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  #hb.pureplanets2023aw .page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    background-size: 60%;
    bottom: 5%;
    left: 40%;
  }
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap {
    margin: 0;
  }
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    bottom: 12px;
    left: 88%;
}
}
@media screen and (max-width: 767px) {
  #hb.pureplanets2023aw #pageMain.page__collection_pureplanets_2023ss #mainImg {
    background: url(../../../images/collection/pureplanets/2403/sp/mv_sp.jpg) center top no-repeat;
    background-size: 100%;
  }
  .pureplanets2023aw .pureplanets-03 {
    margin-bottom: 0;
  }
  .pureplanets2023aw .pureplanets-03 .freepage-container {
    display: flex;
    flex-direction: column;
  }
  .pureplanets2023aw .pureplanets-03 .freepage-container .pureplanets-03_01 {
    order: 2;
  }
  .pureplanets2023aw .pureplanets-03 .freepage-container .pureplanets-03_02 {
    order: 1;
  }
}
/*------------------------------------------------
pure planets 2024aw
------------------------------------------------*/
.pureplanets2024aw .freepage-item .goods-info a {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #hb.pureplanets2024aw .page__collection_pureplanets_2023ss #mainImg {
    background: url(../../../images/collection/pureplanets/2409/mv_pc.jpg) left top no-repeat;
    background-size: 100%;
    margin-bottom: 40px;
    position: relative;
  }
  #hb.pureplanets2024aw .page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    margin: 0;
    padding: 0;
    background: url(../../../images/collection/pureplanets/2309/title.png) left top no-repeat;
    background-size: 70%;
    position: absolute;
    bottom: 7%;
    left: 21%;
  }
  .pureplanets2024aw .freepage-item.pureplanets-02_01,
  .pureplanets2024aw .freepage-item.pureplanets-04_01 {
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  #hb.pureplanets2024aw .page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    background-size: 60%;
    bottom: 5%;
    left: 40%;
  }
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap {
    margin: 0;
  }
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    bottom: 12px;
    left: 88%;
}
}
@media screen and (max-width: 767px) {
  #hb.pureplanets2024aw #pageMain.page__collection_pureplanets_2023ss #mainImg {
    background: url(../../../images/collection/pureplanets/2409/mv_sp.jpg) center top no-repeat;
    background-size: 100%;
  }
  .pureplanets2024aw .pureplanets-03 {
    margin-bottom: 0;
  }
  .pureplanets2024aw .pureplanets-03 .freepage-container {
    display: flex;
    flex-direction: column;
  }
}
/*------------------------------------------------
pure planets 2025ss
------------------------------------------------*/
.pureplanets2025ss .freepage-item .goods-info a {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #hb.pureplanets2025ss .page__collection_pureplanets_2023ss #mainImg {
    background: url(../../../images/collection/pureplanets/2504/mv_pc.jpg?202504) left top no-repeat;
    background-size: 100%;
    margin-bottom: 40px;
    position: relative;
  }
  #hb.pureplanets2025ss .page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    margin: 0;
    padding: 0;
    background: url(../../../images/collection/pureplanets/2309/title.png) left top no-repeat;
    background-size: 70%;
    position: absolute;
    bottom: 7%;
    left: 17%;
  }
  .pureplanets2025ss .freepage-item.pureplanets-02_01,
  .pureplanets2025ss .freepage-item.pureplanets-04_01 {
    position: relative;
  }

    .pureplanets2025ss .bg_square_color02_right01::before {
        height: 750px;
    }

    .pureplanets2025ss .bg_square_color02_left02::before {
        top: 220px;
        height: 900px;
    }

	.pureplanets2025ss .adjust_ml-80 {
		margin-left: -80px;
	}
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  #hb.pureplanets2025ss .page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    background-size: 60%;
    bottom: 5%;
    left: 40%;
  }
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap {
    margin: 0;
  }
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    bottom: 12px;
    left: 88%;
}
}
@media screen and (max-width: 767px) {
  #hb.pureplanets2025ss #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    left: 42%;
  }
  #hb.pureplanets2025ss #pageMain.page__collection_pureplanets_2023ss #mainImg {
    background: url(../../../images/collection/pureplanets/2504/mv_sp.jpg?202504) center top no-repeat;
    background-size: 100%;
  }
  .pureplanets2025ss .pureplanets-03 {
    margin-bottom: 0;
  }
  .pureplanets2025ss .pureplanets-03 .freepage-container {
    display: flex;
    flex-direction: column;
  }
}

/*------------------------------------------------
pure planets 2025aw
------------------------------------------------*/
.pureplanets2025aw .freepage-item .goods-info a {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #hb.pureplanets2025aw .page__collection_pureplanets_2023ss #mainImg {
    background: url(../../../images/collection/pureplanets/2509/mv_pc.jpg) left top no-repeat;
    background-size: 100%;
    margin-bottom: 40px;
    position: relative;
  }
  #hb.pureplanets2025aw .page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    margin: 0;
    padding: 0;
    background: url(../../../images/collection/pureplanets/2309/title.png) left top no-repeat;
    background-size: 70%;
    position: absolute;
    bottom: 5%;
    left: 13%;
  }
  .pureplanets2025aw .freepage-item.pureplanets-02_01,
  .pureplanets2025aw .freepage-item.pureplanets-04_01 {
    position: relative;
  }

    .pureplanets2025aw .bg_square_color02_right01::before {
        height: 750px;
    }

    .pureplanets2025aw .bg_square_color02_left02::before {
        top: 220px;
        height: 900px;
    }

	.pureplanets2025aw .adjust_ml-80 {
		margin-left: -80px;
	}
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  #hb.pureplanets2025aw .page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    background-size: 60%;
    bottom: 5%;
    left: 40%;
  }
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap {
    margin: 0;
  }
  #hb #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    bottom: 12px;
    left: 88%;
}
}
@media screen and (max-width: 767px) {
  #hb.pureplanets2025aw #pageMain.page__collection_pureplanets_2023ss #mainImg .mainImg__wrap h1 {
    left: 42%;
  }
  #hb.pureplanets2025aw #pageMain.page__collection_pureplanets_2023ss #mainImg {
    background: url(../../../images/collection/pureplanets/2509/mv_sp.jpg) center top no-repeat;
    background-size: 100%;
  }
  .pureplanets2025aw .pureplanets-03 {
    margin-bottom: 0;
  }
  .pureplanets2025aw .pureplanets-03 .freepage-container {
    display: flex;
    flex-direction: column;
  }
}