@charset "utf-8";

#wrapper, .wrapper {
  letter-spacing: var(--default-letter-spacing-ja);
}

@media screen and (min-width: 768px) {
/*--======================Topimage========================--*/

  .promotion_spring__cover-span {
    position: absolute;
    font-size:11px;
    bottom:5%;
    right:2%;
    text-align:right;
    line-height:1.5em;
    transition-property: all;
    transition:0.3s linear;
  }

  .promotion_spring__cover-link {
    color: var(--text-main-color);
  }

  .promotion_spring__cover-link:hover {
    color: var(--text-main-color);
    text-decoration: underline;
  }

  .promotion-spring__cover-image {
    min-width:1200px;
  }

/*--====================introduction==========================--*/

  .promotion-spring__introduction-h2 {
    margin:150px auto 50px auto;
    width:600px;
    font-size:1.8em;
    line-height:1.75em;
    text-align:justify;
  }

  .promotion-spring__introduction-p {
    width:600px;
    margin:0 auto;
    font-size:1.2em;
    line-height:2.0em;
    text-align:justify;
  }

  .promotion-spring__introduction-ul {
    display: flex;
    margin:50px auto;
    width:720px;
    justify-content:space-between;
  }

  .promotion-spring__introduction-list {
    width:45%;
    height:300px;
    text-align:center;
    padding-top:250px;
    box-sizing:border-box;
  }

  .promotion-spring__introduction-list a {
    color: var(--text-sub-color);
  }

  .promotion-spring__introduction-list--01 {
    background-image:url(https://images.brilliance.co.jp/tmp/engagement/promotion/images/spring/W_01200_D_2l.webp);
    background-repeat: no-repeat;
    background-size:100%;
    background-position:center;
  }

  .promotion-spring__introduction-list--02 {
    background-image:url(https://images.brilliance.co.jp/tmp/engagement/promotion/images/spring/W_01201_D_2l.webp);
    background-repeat: no-repeat;
    background-size:100%;
    background-position:center;
  }

  .promotion-spring__introduction-image {
    width:100%;
    margin-top:180px;
    height:480px;
    background-image:url(https://images.brilliance.co.jp/tmp/engagement/promotion/images/spring/spring_img01.webp);
    background-repeat: no-repeat;
    background-size:700px;
    background-position:left;
    box-sizing:border-box;
    padding-top:200px;
    padding-left:600px;
  }

  .promotion-spring__introduction-p--image {
    width:340px;
    height:120px;
    font-size:1.2em;
    line-height:2.0em;
  }

/*=======================contents_title=========================*/

  .promotion-spring__contents-span {
    font-size:1.7em;
  }

  .promotion-spring__contents-h3 {
    padding-top:20px;
  }

/*=========================デザインの特徴===============================*/

  .promotion-spring__product-span {
    font-size:1.4em;
    display: block;
    margin-bottom: 15px;
  }

  .promotion-spring__product-p {
    font-size:1.2em;
  }

  .promotion-spring__product--01 {
    margin-top:100px;
    height:380px;
    background-image:url(https://images.brilliance.co.jp/tmp/engagement/promotion/images/spring/spring_img02.webp);
    background-repeat: no-repeat;
    background-position:left;
    position:relative;
  }

  .promotion-spring__product-p--01 {
    position:absolute;
    width:300px;
    top:120px;
    left:605px;
  }

  .promotion-spring__product--02 {
    margin-top:10px;
    height:465px;
    background-image:url(https://images.brilliance.co.jp/tmp/engagement/promotion/images/spring/spring_img03.webp);
    background-repeat: no-repeat;
    background-position:right;
    position:relative;
  }

  .promotion-spring__product-p--02 {
    position:absolute;
    width:230px;
    top:150px;
    left:20px;
  }

  .promotion-spring__product--03 {
    margin-top:10px;
    height:500px;
    background-image:url(https://images.brilliance.co.jp/tmp/engagement/promotion/images/spring/spring_img04.webp);
    background-repeat: no-repeat;
    background-position:left;
    position:relative;
  }

  .promotion-spring__product-p--03 {
    position:absolute;
    width:230px;
    top:190px;
    left:685px;
  }

/*========================バリエーション============================*/


/*=========アイテムタイトル=============*/

  .promotion-spring__item-title {
    width:100%;
    text-align:center;
  }

  .promotion-spring__item-h2 {
    font-size:1.2em;
  }

  .promotion-spring__item-h3 {
    font-size:1.5em;
    margin-top:5px;
  }

/*=========プロダクトリスト=============*/

  .promotion-spring__item {
    width:100%;
    display:flex;
    justify-content:center;
    height:440px;
    margin-top:30px;
  }

  .promotion-spring__item-list {
    width:35%;
    box-sizing:border-box;
    padding:190px 20px 0 20px;
  }

  .promotion-spring__status {
    width:100%;
    font-size:0.9em;
    margin-bottom:10px;
  }

  .promotion-spring__status-th {
    width:45%;
    border-bottom: solid 0.5px #ccc;
    padding:8px 0;
  }

  .promotion-spring__status-td {
    width:55%;
    padding:8px 0;
    border-bottom: solid 0.5px #ccc;
  }

  .promotion-spring__status--last {border-bottom:none;}

  .promotion-spring__status--big {font-size:1.5em;
  }
  .promotion-spring__status--kara {font-size:0.6em;}

/*================ItemList===================*/

/*==スプリング・デュオ==*/
  .promotion-spring__item--01 {
    background-image:url(https://images.brilliance.co.jp/products/engagement/01200/W_01200_D_1l.jpg);
    background-repeat: no-repeat;
    background-size:80%;
    background-position:center -5px;
  }

  .promotion-spring__item--02 {
    background-image:url(https://images.brilliance.co.jp/products/engagement/01200P/W_01200P_D_1l.jpg);
    background-repeat: no-repeat;
    background-size:80%;
    background-position:center -5px;
  }

/*==スプリング・カルテットs==*/

  .promotion-spring__item--03 {
    background-image:url(https://images.brilliance.co.jp/products/engagement/01201/W_01201_D_1l.jpg);
    background-repeat: no-repeat;
    background-size:80%;
    background-position:center -5px;
  }
}

@media screen and (max-width: 767px) {
  .promotion_spring__h4 {
    padding:5px;
    text-align:justify;
  }

/*===========デザイン紹介箇所============*/

  .promotion_spring__design-span {
    font-size:1.4em;
    display:block;
  }

/*---------------------------商品一覧---------------------------------*/

  .promotion_spring__item--name {
    font-size:1.2em;
    background-color:rgba(192,174,164,0.2);
    text-align:center;
    padding:10px 0 10px 0;
    color: var(--text-main-color);
  }

  .promotion_spring__item-span--name {
    font-size:0.6em;
  }
}