@charset "UTF-8";

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

@media screen and (max-width: 767px) {
  .pc-page {
    display: none;
  }
  .sp-page {
  }
  .paragrah h2 {
    font-size: 17px;
  }
  dl.item_detail {
    margin: 0;
  }
  dl.item_detail dt {
    padding: 0;
  }
  dl.item_detail dd ul.ring_width_1 {
    margin-bottom: 0;
  }
  dl.item_detail dd ul.ring_width_1 li {
    width: 33%;
  }
  dl.item_detail dd ul.color_variation {
    margin: 0;
    display: inline-block;
  }
  .price {
    font-size: 15px;
  }
  .link-btn a {
    display: block;
    width: 95%;
    border: 1px solid #ab871f;
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    color: #ab871f;
  }
}

@media screen and (min-width: 768px) {
  .sp-page {
    display: none;
  }
  .pc-page {
    font-size: 12px;
  }
  .clearfix {
    display: block;
  }
  .design-features {
    font-size: 12px;
  }
  #eta_sapphire{
    width:auto;
    height:auto;
    padding:30px 300px 20px 20px;
    margin-top:20px;
  }
  #eta_sapphire h3 {
    margin-top: 0px;
  }
  #footer .wrapper {
    width: 1080px;
  }

  /*---------------------------ルビー---------------------------------*/
  .eta_ruby_img {
    background:url(https://images.brilliance.co.jp/marriage/promotion/coloredhalfeternity/coloredhalfeternity_img08.webp) no-repeat ;
  }

  /*---------------------------ダイヤモンド---------------------------------*/
  .eta_dia_img{
    background:url(https://images.brilliance.co.jp/marriage/promotion/coloredhalfeternity/coloredhalfeternity_img16.webp)  no-repeat;
    color:#FFFFFF;
  }

  /*---------------------------ブルーサファイア---------------------------------*/
  .eta_sapphire_img{
    background:url(https://images.brilliance.co.jp/marriage/promotion/coloredhalfeternity/coloredhalfeternity_img05.webp) no-repeat ;
  }

  #eta_sapphire.sa_blue{
    background:url(https://images.brilliance.co.jp/marriage/promotion/coloredhalfeternity/coloredhalfeternity_img06.webp) no-repeat;
  }

  .eta_blue h3{
    font-size:20px;
    margin-bottom:40px;
  }

  .eta_blue p{
    font-size:15px;
    line-height:30px;
  }

  .eta_dia_img h3 {
    color: #fff;
  }

  .in_txt_l{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:980px;
    height:400px;
    padding:120px 580px 50px 50px ;
  }

  .in_txt_r{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:980px;
    height:400px;
    padding:120px 50px 50px 580px;
  }

  .in_txt_l h3,.in_txt_r h3{
    font-size:25px;
    margin-bottom:20px;
    letter-spacing:1px;
    line-height:40px;
  }

  .in_txt_l p,.in_txt_r p{
    font-size:15px;
    line-height:30px;
  
  }

  .in_txt_l  p span,.in_txt_r  p span{
    font-size:11px;
  }
  /*---------------------------イントロダクション---------------------------------*/
  .introduction_01{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:url(https://images.brilliance.co.jp/marriage/promotion/coloredhalfeternity/coloredhalfeternity_img02-2.webp);
    width:980px;
    height:800px;
    padding:330px 750px 50px 0px;
    font-size:18px;
    line-height:36px;
    margin-bottom:4px;
    margin-top:200px;
  }
  
  .introduction_01 p{
    font-size:13px;
    line-height:26px;
  }
  
  .introduction_01 p span{
    font-size:25px;
    line-height:40px;
  }

  .contents_txt h2 {
    letter-spacing: var(--default-letter-spacing-en);
  }
}

#wrapper h2, h3 {
  color: var(--text-main-color);
  font-weight: 400;
}

.wrapper h2, h3 {
  color: var(--text-main-color);
  font-weight: 400;
}