@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;
  }
}
/*------------------------------------------------
blessed rain 2023ss
------------------------------------------------*/
#hb .page__collection_blessedrain_2023ss #mainImg {
  background: url(../../../images/collection/blessedrain/mv_pc.png) center top no-repeat;
  background-size: contain;
  position: relative;
}
/*#hb .page__collection_blessedrain_2023ss #mainImg .mainImg__wrap {
  padding: 0;
  position: absolute;
  bottom: 110px;
  left: 62%;
}*/
#hb .page__collection_blessedrain_2023ss #mainImg .mainImg__wrap h1 {
  background: url(https://www.tsutsumi.co.jp/cms/img/top/title_blessed4.png) left top no-repeat;
  background-size: 500px 157px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 11%;
  right: 11%;
}

/*------------------------------------------------
blessed rain 2022aw
------------------------------------------------*/
#hb .page__collection_blessedrain_2022aw #mainImg {
  background: url(https://www.tsutsumi.co.jp/cms/img/collection/blessedrain/2022aw_mainimg_pc.jpg) center top no-repeat;
  background-size: cover;
  position: relative;
}
#hb .page__collection_blessedrain_2022aw #mainImg .mainImg__wrap {
  padding: 0;
  position: absolute;
  bottom: 110px;
  left: 40%;
}
#hb .page__collection_blessedrain_2022aw #mainImg .mainImg__wrap h1 {
  background: url(https://www.tsutsumi.co.jp/cms/img/top/title_blessed5.png) left top no-repeat;
  background-size: 500px 157px;
  margin: 0;
  padding: 0;
}

/* responsive ------------------------------------------------*/

@media screen and (max-width: 800px) {

/*------------------------------------------------
blessed rain 2023ss
------------------------------------------------*/
  #hb #pageMain.page__collection_blessedrain_2023ss #mainImg {
    background: url(../../../images/collection/blessedrain/sp/mv_sp.png) center top no-repeat;
    background-size: 100%;
  }
  #hb #pageMain.page__collection_blessedrain_2023ss #mainImg .mainImg__wrap {
    margin: 85% 0 11% 25%;
    padding: 0;
    width: 67%;
    position: relative;
    top: 0;
    left: 0;
  }

  #hb #pageMain.page__collection_blessedrain_2023ss #mainImg .mainImg__wrap h1 {
    margin: 0;
    padding: 20% 0 0 0;
    height: auto;
    background: url(https://www.tsutsumi.co.jp/cms/img/collection/blessedrain/title.png) no-repeat;
    background-size: contain;
    position: relative;
    z-index:10;
    bottom: 0;
    left: 60%;
    transform: translateX(-50%);
    width: unset;
  }

/*------------------------------------------------
blessed rain 2022aw
------------------------------------------------*/
  #hb #pageMain.page__collection_blessedrain_2022aw #mainImg {
    background: url(https://www.tsutsumi.co.jp/cms/img/collection/blessedrain/2022aw_mainimg_sp.jpg) center top no-repeat;
    background-size: 100%;
  }
  #hb #pageMain.page__collection_blessedrain_2022aw #mainImg .mainImg__wrap {
    margin: 73% 0 51% 21%;
    padding: 0;
    width: 82%;
    position: relative;
    top: 0;
    left: 0;
  }

  #hb #pageMain.page__collection_blessedrain_2022aw #mainImg .mainImg__wrap h1 {
    margin: 0;
    padding: 20% 0 0 0;
    height: auto;
    background: url(https://www.tsutsumi.co.jp/cms/img/collection/blessedrain/title.png) no-repeat;
    background-size: contain;
    position: relative;
    z-index:10;
  }

}

@media screen and (min-width: 768px) {

#hb .page__collection_blessedrain_2023ss #mainImg {
	height: unset;
    padding-top: 39%;
}

  .freepage-item.blessedrain-02_01,
  .freepage-item.blessedrain-04_01 {
    margin-left: 20px;
    margin-bottom: 0;
  }

  .blessedrain-02_02 {
    margin-top: -90px;
  }

  .blessedrain-03_02 {
    margin-right: 20px
  }

  .blessedrain-04_02 {
    margin-top: -40px;
  }
}

.blessedrain-01 .col-item {
  width: 500px;
  aspect-ratio: 1 / 1;
}

.blessedrain-01 .col-item iframe {
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .blessedrain-01 .col-item {
    width: calc(100% - 20vw);
    padding: 0 10vw;
  }
}

/*------------------------------------------------
blessed rain 2023aw
------------------------------------------------*/
.blessedrain2023aw .freepage-item .goods-info a {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #hb.blessedrain2023aw .page__collection_blessedrain_2023ss #mainImg {
    background: url(../../../images/collection/blessedrain/2403/mv_pc.jpg) left top no-repeat;
    background-size: contain;
    position: relative;
  }
  #hb.blessedrain2023aw .page__collection_blessedrain_2023ss #mainImg .mainImg__wrap h1 {
    margin: 0;
    padding: 0;
    background: url(../../../images/collection/blessedrain/2309/title.png) left top no-repeat;
    background-size: 78%;
    position: absolute;
    bottom: 6%;
    left: 22%;
  }
  .blessedrain2023aw .freepage-item.blessedrain-02_01,
  .blessedrain2023aw .freepage-item.blessedrain-04_01 {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #hb.blessedrain2023aw #pageMain.page__collection_blessedrain_2023ss #mainImg {
    background: url(../../../images/collection/blessedrain/2403/sp/mv_sp.jpg) center top no-repeat;
    background-size: 100%;
  }
  .blessedrain2023aw .blessedrain-03 {
    margin-bottom: 0;
  }
  .blessedrain2023aw .blessedrain-03 .freepage-container {
    display: flex;
    flex-direction: column;
  }
  .blessedrain2023aw .blessedrain-03 .freepage-container .blessedrain-03_01 {
    order: 2;
  }
  .blessedrain2023aw .blessedrain-03 .freepage-container .blessedrain-03_02 {
    order: 1;
  }
}

/*------------------------------------------------
blessed rain 2024aw
------------------------------------------------*/
.blessedrain2024aw .freepage-item .goods-info a {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #hb.blessedrain2024aw .page__collection_blessedrain_2023ss #mainImg {
    background: url(../../../images/collection/blessedrain/2409/mv_pc.jpg) left top no-repeat;
    background-size: contain;
    position: relative;
  }
  #hb.blessedrain2024aw .page__collection_blessedrain_2023ss #mainImg .mainImg__wrap h1 {
    margin: 0;
    padding: 0;
    background: url(../../../images/collection/blessedrain/2309/title.png) left top no-repeat;
    background-size: 78%;
    position: absolute;
    bottom: 8%;
    right: 9%;
  }
  .blessedrain2024aw .freepage-item.blessedrain-02_01,
  .blessedrain2024aw .freepage-item.blessedrain-04_01 {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #hb.blessedrain2024aw #pageMain.page__collection_blessedrain_2023ss #mainImg {
    background: url(../../../images/collection/blessedrain/2409/mv_sp.jpg) center top no-repeat;
    background-size: 100%;
  }
  .blessedrain2024aw .blessedrain-03 {
    margin-bottom: 0;
  }
  .blessedrain2024aw .blessedrain-03 .freepage-container {
    display: flex;
    flex-direction: column;
  }
}
/*------------------------------------------------
blessed rain 2025ss
------------------------------------------------*/
.blessedrain2025ss .freepage-item .goods-info a {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #hb.blessedrain2025ss .page__collection_blessedrain_2023ss #mainImg {
    background: url(../../../images/collection/blessedrain/2504/mv_pc.jpg?202504) left top no-repeat;
    background-size: contain;
    position: relative;
  }
  #hb.blessedrain2025ss .page__collection_blessedrain_2023ss #mainImg .mainImg__wrap h1 {
    margin: 0;
    padding: 0;
    background: url(../../../images/collection/blessedrain/2309/title.png) left top no-repeat;
    background-size: 78%;
    position: absolute;
    bottom: 8%;
    right: 9%;
  }
  .blessedrain2025ss .freepage-item.blessedrain-02_01,
  .blessedrain2025ss .freepage-item.blessedrain-04_01 {
    position: relative;
  }

    .blessedrain2025ss .bg_square_color01_right01::before {
        height: 750px;
    }

    .blessedrain2025ss .bg_square_color01_left02::before {
        top: 220px;
        height: 900px;
    }

	.blessedrain2025ss .adjust_ml-80 {
		margin-left: -80px;
	}


}
@media screen and (max-width: 767px) {
  #hb.blessedrain2025ss #pageMain.page__collection_blessedrain_2023ss #mainImg {
    background: url(../../../images/collection/blessedrain/2504/mv_sp.jpg?202504) center top no-repeat;
    background-size: 100%;
  }
  .blessedrain2025ss .blessedrain-03 {
    margin-bottom: 0;
  }
  .blessedrain2025ss .blessedrain-03 .freepage-container {
    display: flex;
    flex-direction: column;
  }

}

/*------------------------------------------------
blessed rain 2025aw
------------------------------------------------*/
.blessedrain2025aw .freepage-item .goods-info a {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #hb.blessedrain2025aw .page__collection_blessedrain_2023ss #mainImg {
    background: url(../../../images/collection/blessedrain/2509/mv_pc.jpg) left top no-repeat;
    background-size: contain;
    position: relative;
  }
  #hb.blessedrain2025aw .page__collection_blessedrain_2023ss #mainImg .mainImg__wrap h1 {
    margin: 0;
    padding: 0;
    background: url(../../../images/collection/blessedrain/2309/title.png) left top no-repeat;
    background-size: 78%;
    position: absolute;
    bottom: 6%;
    right: 2%;
  }
  .blessedrain2025aw .freepage-item.blessedrain-02_01,
  .blessedrain2025aw .freepage-item.blessedrain-04_01 {
    position: relative;
  }

    .blessedrain2025aw .bg_square_color01_right01::before {
        height: 750px;
    }

    .blessedrain2025aw .bg_square_color01_left02::before {
        top: 220px;
        height: 900px;
    }

	.blessedrain2025aw .adjust_ml-80 {
		margin-left: -80px;
	}


}
@media screen and (max-width: 767px) {
  #hb.blessedrain2025aw #pageMain.page__collection_blessedrain_2023ss #mainImg {
    background: url(../../../images/collection/blessedrain/2509/mv_sp.jpg) center top no-repeat;
    background-size: 100%;
  }
  .blessedrain2025aw .blessedrain-03 {
    margin-bottom: 0;
  }
  .blessedrain2025aw .blessedrain-03 .freepage-container {
    display: flex;
    flex-direction: column;
  }

}