<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*---------------------------------------------------
				PC/sp setteing    
---------------------------------------------------*/
#point8setting {
  line-height: 1.7;
  overflow-x: auto;
}
#point8setting main {
  overflow: hidden;
}
/*text_link*/
#point8setting a.text-link {
  color: #666;
  text-decoration: underline;
}
#point8setting a.text-link:hover {
  color: #666;
  text-decoration: none;
}
#point8setting .font-voll {
  font-family: 'Vollkorn', serif;
}
#point8setting .font-zcool {
  font-family: 'ZCOOL XiaoWei', serif;
}
#point8setting .font-sawarabi {
  font-family: 'Sawarabi Mincho', sans-serif, 游明朝,"Yu Mincho";
}
#point8setting #charm .contents-inner .charm-img .img-caption,
#point8setting #design .design-grid .design-grid-large01 .img-caption,
#point8setting #design .design-grid .design-grid-small02 .img-caption {
  bottom: 1%;
  font-size: .75rem;
  line-height: 1.4;
  position: absolute;
  right: 1%;
}
#point8setting #charm .contents-inner:last-child .charm-img .img-caption a,
#point8setting #design .design-grid .design-grid-large01 a .img-caption {
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
#point8setting .item_vari ul li:nth-of-type(3),
#point8setting .item_vari ul li:nth-of-type(4) {
    min-width: 160px;
}
/*商品バリエーション*/
#point8setting .point8-ring .item01_img {
    background: rgba(204,204,204,0.10) url(https://images.brilliance.co.jp/products/engagement/01337/W_01337_D_1l.jpg) no-repeat;
    background-blend-mode: multiply;
    background-position: center;
    background-size: 75%;
}
#point8setting .point8-ring .item02_img {
    background: rgba(204,204,204,0.10) url(https://images.brilliance.co.jp/products/engagement/01338/W_01338_D_1l.jpg) no-repeat;
    background-blend-mode: multiply;
    background-position: center;
    background-size: 75%;
}
#point8setting .point8-ring .item03_img {
    background: rgba(204,204,204,0.10) url(https://images.brilliance.co.jp/products/engagement/01339/W_01339_D_1l.jpg) no-repeat;
    background-blend-mode: multiply;
    background-position: center;
    background-size: 75%;
}
@supports(-ms-ime-align:auto){
  /* Edge のみ適用される */
#point8setting .point8-ring .item01_img  {
  background:rgba(204,204,204,0) url(https://images.brilliance.co.jp/products/engagement/01337/W_01337_D_1l.jpg) no-repeat;
  background-blend-mode:multiply;
  background-position:center;
  background-size:75%;
  border:1px solid #f0f0f0;
  }
#point8setting .point8-ring .item02_img {
  background:rgba(204,204,204,0) url(https://images.brilliance.co.jp/products/engagement/01338/W_01338_D_1l.jpg) no-repeat;
  background-blend-mode:multiply;
  background-position:center;
  background-size:75%;
  border:1px solid #f0f0f0;
  }
#point8setting .point8-ring .item03_img {
  background:rgba(204,204,204,0) url(https://images.brilliance.co.jp/products/engagement/01339/W_01339_D_1l.jpg) no-repeat;
  background-blend-mode:multiply;
  background-position:center;
  background-size:75%;
  border:1px solid #f0f0f0;
  }
}
/*ブリリアンスプラスインフォメーション*/
#point8setting .dQuality {
  
}

/*--------------------------------------------------- main-visual ----------*/
#point8setting #main-visual {
  position: relative;
}
#point8setting #main-visual h2 {
  color: #605656;
  left: 20%;
  margin: auto;
  position: absolute;
  top: 51%;
  transform: translateY(-51%);
}
#point8setting #main-visual .main-visual__tit-8 {
  font-size: 7.5rem;
  line-height: .85;
  margin: 0 10px -10px 0;
}
#point8setting #main-visual .main-visual__tit-page {
  font-size: 2.2rem;
  letter-spacing: .09em;
  line-height: 1.2;
}
#point8setting #main-visual .main-visual__tit-sub {
  font-size: .9rem;
  letter-spacing: .09em;
  line-height: 1.2;
}

/*--------------------------------------------------- intro_menu ----------*/
#point8setting .intro_menu h3 {
  color: var(--text-main-color);
}
#point8setting .intro_menu p {
	width: 100%;
}

/*--------------------------------------------------- contents-wrap ----------*/
#point8setting .contents-wrap h2 {
  color: var(--text-main-color);
  line-height: 1.5rem;
  margin-bottom: 5rem;
  position: relative;
  text-align: center;
}
#point8setting .contents-wrap h2:after {
  border-bottom: solid 2px var(--text-main-color);
  bottom: -12px;
  content: " ";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 3.5%;
}
#point8setting .contents-wrap h2 span {
  font-size: .55em;
}
#point8setting .contents-wrap h3 {
  color: var(--text-main-color);
  letter-spacing: .03em;
}
#point8setting .contents-wrap {
  color: var(--text-main-color);
}
/*--------------------------------------------------- charm*/
#point8setting #charm {
  width: 100%;
}
#point8setting #charm .contents-inner {
  position: relative;
}
#point8setting #charm .contents-inner:nth-of-type(2n+1) {
  flex-direction: row-reverse;
}
#point8setting #charm .contents-inner .inner-num {
  color: #e0dcdc;
  font-family: 'ZCOOL XiaoWei', serif;
  font-size: 8vw;
  letter-spacing: 0;
  line-height: 1;
  margin: -1.8% 0 0;
  position: absolute;
  top: 0;
}
#point8setting #charm .contents-inner:nth-of-type(2n+1) .inner-num {
  left: 15vw;
}
#point8setting #charm .contents-inner:nth-of-type(2n) .inner-num {
  right: 15vw;
}
#point8setting #charm .contents-inner .inner-num:after {
  content: "・・・・・・・・";
  color: #e0dcdc;
  display: block;
  font-size: 1.8vw;
  left: 50%;
  letter-spacing: -.4em;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
#point8setting #charm .contents-inner .charm-text-inner .charm-illust {
  max-width: 180px;
  margin: 0 auto 10%;
  width: 18vw;
}
#point8setting #charm .contents-inner:nth-of-type(2) .charm-text-inner .charm-illust {
  max-width: 400px;
  width: 22vw;
}
#point8setting #charm .contents-inner:last-child .charm-text-inner .charm-illust img {
  margin: 0 0 -30%;
}
#point8setting #charm .contents-inner .charm-img .img-caption span {
  color: #7d7d7d;
}
#point8setting #charm .contents-inner .charm-img .img-caption a {
  text-shadow: 0 0 2px rgba(255,255,255,0.7);
}
/*--------------------------------------------------- design*/
#point8setting #design .design-grid .design-grid-large01,
#point8setting #design .design-grid .design-grid-small02 {
  position: relative;
}
#point8setting #design .design-wrap .design-name:before {
  background: url(https://images.brilliance.co.jp/engagement/promotion/8pointsetting/design03-illust.webp) no-repeat center center;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
}
#point8setting #design .design-wrap:nth-of-type(2) .design-name:before {
  background: url(https://images.brilliance.co.jp/engagement/promotion/8pointsetting/design02-illust.webp) no-repeat center center;
  background-size: 100%;
}
#point8setting #design .design-wrap:last-child .design-name:before {
  background: url(https://images.brilliance.co.jp/engagement/promotion/8pointsetting/design01-illust.webp) no-repeat center center;
  background-size: 100%;
}


/*---------------------------------------------------
				PC   
---------------------------------------------------*/
@media screen and (min-width: 768px) {
  /*--------------------------------------------------- charm*/
  #point8setting #charm .contents-inner .charm-text {
    width: 46vw;
  }
  #point8setting #charm .contents-inner:nth-of-type(2n+1) .charm-text {
    margin: 0 4vw 0 0;
  }
  #point8setting #charm .contents-inner:nth-of-type(2n) .charm-text {
    margin: 0 0 0 4vw;
  }
  #point8setting #charm .contents-inner .charm-text-inner {
    max-width: 510px;
    width: 24vw;
  }
  #point8setting #charm .contents-inner:nth-of-type(2n+1) .charm-text-inner {
    margin: 0 0 0 auto;
  }
  #point8setting #charm .contents-inner:nth-of-type(2n) .charm-text-inner {
    margin: 0 auto 0 0;
  }
  #point8setting #charm .contents-inner .charm-img {
    position: relative;
    width: 50vw;
  }
  #point8setting #charm .contents-inner:nth-of-type(2) .charm-text-inner .charm-illust {
  margin: 0 auto 0 2%;
  }
  
  /*--------------------------------------------------- design*/
  #point8setting #design .container-large {
    max-width: 1484px;
    margin: 0 auto;
  }
  #point8setting #design .design-grid {
    display: flex;
   
  }
  #point8setting #design .design-grid .design-grid-large01 {
    max-width: 566px;
    padding: 4px;
    width: 90%
  }
  #point8setting #design .design-grid .design-grid-large02 {
    max-width: 566px;
    padding: 4px;
    width: 90%
  }
  #point8setting #design .design-grid .design-grid-small {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 57%;
  }
  #point8setting #design .design-grid .design-grid-small01 {
    max-width: 354px;
    padding: 4px;
  }
  #point8setting #design .design-grid .design-grid-small02 {
    max-width: 354px;
    padding: 4px;
  }
  #point8setting #design .design-grid .design-grid-large01 .img-caption {
    bottom: 1.5%;
    right: 1.8%;
    padding: 4px;
  }
  #point8setting #design .design-grid .design-grid-small02 .img-caption {
    bottom: 2%;
    left: 0;
    right: 0;
    padding: 4px;
  }
  #point8setting #design .design-grid .design-grid-small02 a .img-caption {
    font-size: 0.85rem;
    line-height: 1.6;
  }
  #point8setting #design .design-grid a img {
    transition: all .3s ease;
  }
  #point8setting #design .design-grid a:hover img {
    opacity: 0.75;
  }
  #point8setting #design .design-wrap .design-name {
    line-height: 2;
    position: relative;
  }
  #point8setting #design .design-wrap .design-name:before {
    right: 0;
    top: 0;
    width: 15%;
  }
  #point8setting #design .design-wrap .design-name .font-voll {
    font-size: 2.8rem;
  }

  /*--------------------------------------------------- variation*/
  #point8setting .variation {
    margin: auto;
  }
  /*--------------------------------------------------- designervoice*/
  #point8setting .designervoice {
    margin: auto;
  }
  
}

/*---------------------------------------------------
				bootstrap_xlブレークポイント    
---------------------------------------------------*/
@media screen and (min-width:767px) and (max-width:1200px) {
  /*--------------------------------------------------- charm*/
  #point8setting #charm .contents-inner .charm-text-inner {
    width: 43vw;
  }
  #point8setting #charm .contents-inner .charm-text-inner p {
    font-size: .9rem;
    letter-spacing: .04em;
  }
  #point8setting #charm .contents-inner .charm-text {
    position: relative;
  }
  #point8setting #charm .contents-inner .inner-num {
    top: -14%;
  }
  #point8setting #charm .contents-inner:nth-of-type(2n+1) .inner-num {
    left: 4%;
  }
  #point8setting #charm .contents-inner:nth-of-type(2n) .inner-num {
    right: 4%;
  }
  #point8setting #charm .contents-inner .charm-text-inner .charm-illust {
    width: 15vw;
    margin: 0 auto;
  }
  #point8setting #charm .contents-inner:nth-of-type(2) .charm-text-inner .charm-illust {
    width: 26vw;
    margin: 0 auto 0 5%;
  }
  #point8setting #charm .contents-inner .charm-img .img-caption {
    background: #f1f1f1;
    padding: 2%;
    position: relative;
    right: 0;
  }
  #point8setting #charm .contents-inner .charm-img .img-caption span {
    color: #7d7d7d;
  }
  #point8setting #charm .contents-inner:last-child .charm-img .img-caption a {
    text-shadow: none;
  }
  /*--------------------------------------------------- design*/
  #point8setting #design .container-large {
    max-width: 960px;
  }
  #point8setting #design .design-grid .design-grid-small02 a .img-caption {
    font-size: 0.7rem;
    letter-spacing: .01em;
  }
}

/*---------------------------------------------------
				bootstrap_lgブレークポイント  
---------------------------------------------------*/
@media screen and (min-width:767px) and (max-width:992px) {
  /*--------------------------------------------------- design*/
  #point8setting #design .container-large {
    max-width: 750px;
  }
}


/*---------------------------------------------------
				sp   
---------------------------------------------------*/
@media screen and (max-width: 767px) {
  #point8setting main {
    overflow: hidden;
  }
  /*--------------------------------------------------- main-visual ----------*/
  #point8setting #main-visual h2 {
    color: #605656;
    left: 50%;
    position: absolute;
    top: 14%;
    transform: translateY(-15%);
    transform: translateX(-50%);
  }
  #point8setting #main-visual .main-visual__tit-8 {
    font-size: 5rem;
    line-height: 1;
    margin: 0 10px -10px 2px;
  }
  #point8setting #main-visual .main-visual__tit-page {
    font-size: 1.8rem;
    letter-spacing: .1em;
    line-height: 1.2;
    margin: 0 5px 0 0;
  }
  #point8setting #main-visual .main-visual__tit-sub {
    font-size: .8rem;
    letter-spacing: .03em;
    width: 100%;
  }
  
  /*--------------------------------------------------- intro_menu ----------*/
  #point8setting .intro_menu h3 {
    color: var(--text-main-color);
  }
  #point8setting .intro_menu p {
	  margin-left: auto;
	  margin-right: auto;
	  text-align:justify;
	  width:90%;
  }
  
  /*--------------------------------------------------- contents-wrap ----------*/
  #point8setting .contents-wrap h2 {
    font-size:1.1rem;
    line-height: 1.2rem;
    margin-bottom: 4rem;
  }
  #point8setting .contents-wrap h2:after {
    bottom: -8px;
    width: 10%;
  }
  #point8setting .contents-wrap h2 span {
    font-size: .6em;
  }
  
  /*--------------------------------------------------- charm*/
  #point8setting #charm .contents-inner .inner-num {
    color: #ccc7c7;
    font-size: 15vw;
    line-height: 1.2;
    margin: -10% 0 0;
    position: absolute;
    top: 0;
  }
  #point8setting #charm .contents-inner:nth-of-type(2n+1) .inner-num {
    left: 3vw;
  }
  #point8setting #charm .contents-inner:nth-of-type(2n) .inner-num {
    right: 3vw;
  }
  #point8setting #charm .contents-inner .inner-num:after {
    color: #ccc7c7;
    font-size: 4vw;
    bottom: -18vw;
  }
  #point8setting #charm .contents-inner .charm-text-inner {
    margin: 0 auto;
    width: 90%;
  }
  #point8setting #charm .contents-inner .charm-text-inner .charm-illust {
    margin: 8% auto;
    width: 40vw;
  }
  #point8setting #charm .contents-inner:nth-of-type(2) .charm-text-inner .charm-illust {
    max-width: 450px;
    width: 65vw;
  }
  #point8setting #charm .contents-inner:last-child .charm-text-inner .charm-illust img {
    margin: 0 0 -16%;
  }
  #point8setting #charm .contents-inner .charm-img {
    position: relative;
  }
  #point8setting #charm .contents-inner .charm-img .img-caption {
    position: absolute;
  }
  #point8setting #charm .contents-inner .charm-img .img-caption span {
    color: #7d7d7d;
  }

  /*--------------------------------------------------- design*/
  #point8setting #design .design-grid .design-grid-large01 {
    margin: 0 0 6px;
  }
  #point8setting #design .design-grid .design-grid-large02 {
    margin: 0 0 6px;
  }
  #point8setting #design .design-grid .design-grid-small {
    display: flex;
  }
  #point8setting #design .design-grid .design-grid-small01 {
    margin: 0 3px 0 0;
  }
  #point8setting #design .design-grid .design-grid-small02 {
    margin: 0 0 0 3px;
  }
  #point8setting #design .design-grid .design-grid-large01 .img-caption {
    bottom: 1%;
    right: 1%;
  }
  #point8setting #design .design-grid .design-grid-small02 .img-caption {
    bottom: 3%;
    left: 0;
    margin: auto;
    right: 0;
  }
  #point8setting #design .design-grid .design-grid-small02 a .img-caption {
    font-size: 0.7rem;
    letter-spacing: .01em;
  }
  #point8setting #design .design-wrap .design-name {
    line-height: 1;
    position: relative;
    padding: 4% 0 4% 2.5%;
  }
  #point8setting #design .design-wrap .design-name:before {
    bottom: 0;
    top: 0;
    margin: auto;
    max-width: 150px;
    right: 2%;
    width: 30%;
  }
  #point8setting #design .design-wrap .design-name .font-voll {
    font-size: 2.1rem;
  }
  #point8setting #design .design-text {
    line-height: 1.8;
    margin: 6% auto 0;
    width: 90%;
  }
}
</pre></body></html>