<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@media screen and (min-width: 768px){

.pc-none{
  display:none;
}
  .mt120 {margin-top:120px;}

  .relier-textbox {
    width:580px;
    margin:0 auto;
    font-size: 15px;
    text-align:justify;
    line-height:30px;
  }
  /*________________________________________________ cover ____________ */
  div#cover {
    position: relative;
    width:100%;
  }
  #cover h2.cover-title,
  #cover dl {
    font-family: Arial, Helvetica, sans-serif;
  }
  div#cover h2.cover-title {
    position: absolute;
    text-align:center;
    top: 28%;
    left: 43%;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 60%;
    letter-spacing: 0.1em;
    color:rgba(0,0,0,0.65);
  }
  div#cover dl dt {
    position: absolute;
    text-align:center;
    top: 35%;
    left: 28%;
    right: 0;
    bottom: 0;
    margin: auto;
    font-family: "Times New Roman", Times, serif;
    font-size: 280%;
    font-weight: normal;
    letter-spacing: 0.1em;
  }
  div#cover dl dd.text01 {
    position: absolute;
    text-align:center;
    top: 44.5%;
    left: 27.5%;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 50%;
    letter-spacing: 0.2em;
  }

  /*________________________________________________ intro ____________ */
  .relier-paragrah{
    margin-bottom:150px;
  }
  .intro {
    width: 980px;
    height: auto;
    margin: 80px auto 100px auto;
  }

  .relier-imgbox01 {
    width:980px;
    height:500px;
    margin:0 auto;
    background: url(https://images.brilliance.co.jp/marriage/promotion/relier/relier-img01.webp);
    position:relative;
  }
  .relier-imgbox01 ul.text01 {
    width: 380px;
    height: auto;
    text-align: justify;
    position: absolute;
    left: 50px;
    top: 180px;
  }
  .relier-imgbox01 ul.text01 li {
    font-size:15px;
    line-height: 30px;
  }
  .relier-imgbox01 ul.product {
    width: 380px;
    height: auto;
    text-align: justify;
    position: absolute;
    left: 50px;
    top: 350px;
  }
  .relier-imgbox01 ul.product li{
    font-size:12px;
    line-height: 1.8em;
  }

  .relier-imgbox02 {
    width:980px;
    height:500px;
    margin:0 auto;
    background: url(https://images.brilliance.co.jp/marriage/promotion/relier/relier-img02.webp);
    position:relative;
  }
  .relier-imgbox02 ul.product30 {
    width: 400px;
    height: auto;
    text-align: right;
    position: absolute;
    line-height: 2.5em;
    left: 60px;
    bottom: 20px;
  }
  .relier-imgbox02 ul.product30 li {
    font-size:12px;
  }
  .relier-imgbox02 ul.product35 {
    width: 400px;
    height: auto;
    text-align: right;
    position: absolute;
    line-height: 2.5em;
    right: 30px;
    bottom: 20px;
  }
  .relier-imgbox02 ul.product35 li {
    font-size:12px;
  }
  .relier-imgbox02 ul.product30 li a:link,.relier-imgbox02 ul.product35 li a:link {
    color:#FFFFFF;
  }
  .relier-imgbox02 ul.product35 li a:hover {
    color:#ccc;
  }

  .relier-imgbox03 {
    width:980px;
    height:500px;
    margin:0 auto;
    background: url(https://images.brilliance.co.jp/marriage/promotion/relier/relier-img03.webp) no-repeat;
    position:relative;
  }

  .relier-imgbox03 ul.text03 {
    width: 320px;
    height: auto;
    position: absolute;
    text-align:justify;
    line-height: 2.5em;
    left: 50px;
    top: 340px;
  }
  .relier-imgbox03 li {
    font-size:15px;
    line-height: 30px;
  }
 

  /*________________________________________________ design ____________ */
  .design {
    width: 980px;
    height: auto;
    margin: 0 auto;
  }

  .gender {
    width:980px;
  }
  .gender ul.female,
  ul.male {
    text-align:center;
  }
  .gender ul.female li {
    width:180px;
    background-color: var(--foundation-color-gray);
    padding: 15px 0;
    margin:80px auto 60px auto;
  }

  .relier-imgbox04 {
    width:980px;
    height:804px;
    margin:0 auto;
    background: url(https://images.brilliance.co.jp/marriage/promotion/relier/relier-img04.webp) no-repeat;
    position:relative;
  }

  .relier-imgbox05 {
    width:980px;
    height:804px;
    margin:0 auto;
    background: url(https://images.brilliance.co.jp/marriage/promotion/relier/relier-img05.webp) no-repeat;
    position:relative;
  }

  /*-------------------商品一覧内容---------------------------------*/
.variation{
  margin-top:150px;
}

  .relier .item01_img{
    background: url(https://images.brilliance.co.jp/marriage/promotion/relier/relier-variation01.webp) no-repeat;
    background-blend-mode: multiply;
    background-position: center;
    background-size: 75%;
  }
  .relier .item02_img{
    background: url(https://images.brilliance.co.jp/marriage/promotion/relier/relier-variation04.webp) no-repeat;
    background-size:85%;
    background-position:center;
  }

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

.sp-none{
  display:none;
}
  /*---------------------------　テキスト　---------------------------------*/
  .contents_title{
    width:100%;
    height:60px;
    border-bottom:#000000 2px solid;
    text-align:center;
    margin-bottom:0px;
  }
.relier-textbox,.text01,.text03{
  margin-top: 20px;
}


  /*----　結婚指輪 ― スタイル　----*/
  .gender {
    width:100%;
  }
  .gender ul.female {
    text-align:center;
  }
  .gender ul.female li {
    width:40%;
    background-color: var(--foundation-color-gray);
    padding: 12px 0;
    margin:10% auto 3% auto;
    font-size:0.9em;
    list-style:none;
  }
.relier-paragrah{
  margin-bottom: 80px;
}
/*-------商品一覧------*/
.item_img {
    background: rgba(204,204,204,0.10) url(https://images.brilliance.co.jp/marriage/promotion/relier/relier-variation01.webp) no-repeat;
    background-blend-mode: multiply;
    background-position: center;
    background-size: 75%;
    z-index: 1;
    height: 300px;
}
/*--//商品一覧--*/
}</pre></body></html>