@charset "utf-8";

/*-------------------------------------------------
                スマホ、PC共通
-------------------------------------------------*/
/*------------fullMainエリア------------*/
#fullMain .main_visual {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
#fullMain .main_visual li {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#fullMain .main_visual li a {
    display: block;
    width: 100%;
    height: 100%;
}


/*---- タイマー切り替えをする場合は 切り替え後 の li に timer というクラス名をつけてください ----*/

/*メイン_ブライダル手元*/
#fullMain .main_visual li:nth-of-type(1) {
    background-image: url(https://images.brilliance.co.jp/top/top_visual/top_main2.jpg);
}
/*クリスマスフェア*/
#fullMain .main_visual li.timer_xmas:nth-of-type(1) {
    background-image: url(https://images.brilliance.co.jp/engagement/fair/xmasfair/site-top.jpg);
}
/*メイン_秋冬〜*/
#fullMain .main_visual li.timer_0901:nth-of-type(1) {
    background-image: url(https://images.brilliance.co.jp/top/top_visual/top-main-aw.jpg);
}
/*BEAMS DESIGN FOR BRILLAINCE*/
#fullMain .main_visual li:nth-of-type(3) {
  background-color:#f7f9fa;
}
#fullMain .main_visual li:nth-of-type(3) img {
  width:16vw;
  position:absolute;
  transform:translateY(-50%);
  top:50%;
  margin:0 auto;
  right:0;
  left:0;
}
#fullMain .main_visual li:nth-of-type(3) span {
  position:absolute;
  bottom:40px;
  right:0;
  left:0;
}
/*クリスマスフェア*/
.font-josefin {font-family: 'Josefin Sans', sans-serif;}
#fullMain .main_visual li.timer_xmas .year {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position:absolute;
	top:45%;
	bottom:55%;
	margin:0 auto;
	left:calc((100% - 1140px) / 2);
	font-size:1.6rem;
	letter-spacing:0.4rem;
	line-height:0.6rem;
	text-shadow:0 0 8px #2d2d2d;
	background:#7d7d7d;
	height:128px;
	width:6px;
	text-align:center;
}
#fullMain .main_visual li.timer_xmas .title-box {
  padding-left: calc((100% - 1140px) / 2 + 30px);
  position: absolute;
  top:45%;
  bottom:55%;
  margin:auto;
  text-shadow:0 0 8px #2d2d2d;
}
#fullMain .main_visual li.timer_xmas h2 {
  line-height: 1.8;
  position:relative;
  font-size: 2.8rem;
  line-height:3.4rem;
}

/*コンビプレーン*/
/*#fullMain .main_visual li:nth-of-type(2) {*/
/*    background-image: url(https://images.brilliance.co.jp/top/top_visual/top_combi_plane.jpg);*/
/*}*/

/*ホワイトデーフェア開催中コンビプレーン*/
/*#fullMain .main_visual li:nth-of-type(3) {*/
/*    background-image: url(https://images.brilliance.co.jp/top/top_visual/top_combi_plane.jpg);*/
/*}*/

/*通常時ダイヤモンドでプロポーズ（3/11）〜*/
#fullMain .main_visual li.timer_right_over_0311:nth-of-type(2) {
    background-image: url(https://images.brilliance.co.jp/top/top_visual/top_diamond_propose.jpg);
}

/*通常時メイン*/
/*#fullMain .main_visual li:nth-of-type(1) {
    background-image: url(https://images.brilliance.co.jp/top/top_visual/top_main.jpg);
}*/


/*------- ▼スマホ個別指定がある場合▼ -------*/
@media screen and (max-width: 767px) {
    
/*メイン_ブライダル手元*/
#fullMain .main_visual li:nth-of-type(1) {
    background-image: url(https://images.brilliance.co.jp/top/top_visual/top_main2_sp.jpg);
    height:75vh;
    min-height: 400px;
}
/*メイン_ブライダル秋冬〜*/
#fullMain .main_visual li.timer_0901:nth-of-type(1) {
    background-image: url(https://images.brilliance.co.jp/top/top_visual/top-main-aw-sp.jpg);
}
/*BEAMS DESIGN*/
#fullMain .main_visual li:nth-of-type(3) {
  background-color:#f7f9fa;
  height:65vh;
}
#fullMain .main_visual li:nth-of-type(3) img {width:60vw;
  position:absolute;
  transform:translateY(-50%);
  top:50%;
  margin:0 auto;
  right:0;
  left:0;
}
#fullMain .main_visual li:nth-of-type(3) span {
  position:absolute;
  bottom:20vw;
  right:0;
  left:0;
}

/*クリスマスフェア*/
.font-josefin {font-family: 'Josefin Sans', sans-serif;}
#fullMain .main_visual li.timer_xmas:nth-of-type(1) {
    background-image: url(https://images.brilliance.co.jp/engagement/fair/xmasfair/site-top-sp.jpg);
}
#fullMain .main_visual li.timer_xmas .box {text-align:center;
    padding-top:3vw;
}
#fullMain .main_visual li.timer_xmas .year {
	font-size:1.1rem;
	letter-spacing:0.2rem;
	line-height:0.6rem;
	text-shadow:0 0 8px #000;
	position:initial;
	text-align:center;
	-webkit-writing-mode:initial;
	-ms-writing-mode:initial;
	writing-mode:initial;
	background:none;
}
#fullMain .main_visual li.timer_xmas .title-box {
  width:90vw;
  margin:1vw auto 0 auto;
  text-shadow:0 0 8px #000;
  position:inherit;
}
#fullMain .main_visual li.timer_xmas .title-box .font-size-lg {font-size:0.8rem;}
#fullMain .main_visual li.timer_xmas h2 {
  line-height: 1.8;
  position:relative;
  font-size: 9.4vw;
  line-height:9.5vw;
  letter-spacing:0.1rem;
}
#fullMain .main_visual li.timer_xmas:before {
    background: none;
}

/*2_コンビプレーン*/
/*#fullMain .main_visual li:nth-of-type(2) {*/
/*    background-image: url(https://images.brilliance.co.jp/top/top_visual/top_combi_plane_sp.jpg);*/
/*    height:65vh;*/
/*}*/


/*3_ホワイトデーフェア開催中コンビプレーン*/
/*#fullMain .main_visual li:nth-of-type(3) {*/
/*    background-image: url(https://images.brilliance.co.jp/top/top_visual/top_combi_plane_sp.jpg);*/
/*    height:65vh;*/
/*}*/
/*3_通常時ダイヤモンドでプロポーズ（3/11）〜*/
#fullMain .main_visual li.timer_right_over_0311:nth-of-type(2) {
    height:65vh;
}

}

/*------------ダイヤモンドの価格と相場------------*/
/*スマホ*/
@media screen and (max-width: 767px) {
.diamond_price {
    background: url("https://images.brilliance.co.jp/top/diamond_price_sp.jpg");
}
}
/*PC*/
@media screen and (min-width: 768px) {
.diamond_price {
    background: url("https://images.brilliance.co.jp/top/diamond_price.jpg");
}
}



 /*------------BRILLIANCE+ Support------------*/
@-webkit-keyframes icon {
  0% { transform:translateY(0) }
  50% { transform:translateY(-10%) }
  100% { transform:translateY(0) }
}
@keyframes icon {
  0% { transform:translateY(0) }
  50% { transform:translateY(-10%) }
  100% { transform:translateY(0) }
}


 /*------------TOPICS カテゴリ------------*/
.i_item::before {
    content: "新商品";
    font-weight: bold;
    font-size: 0.9em;
    color: #E9BCA2;
    border:solid 1.3px;
    margin-right: 5px;
    display: inline-block;
    width: 90px;
    text-align: center;
    text-indent: 0em;
}

.i_news::before{
	content:"お知らせ";
	font-weight:bold;
	font-size:0.9em;
	color:#AEB1B2;
    border:solid 1.3px;
	margin-right:5px;
	display:inline-block;
	width:90px;
	text-align:center;
	text-indent: 0em;
}

.i_media::before{
	content:"メディア";
	font-weight:bold;
	font-size:0.9em;
	color:#EADAAB;
    border:solid 1.3px;
	margin-right:5px;
	display:inline-block;
	width:90px;
	text-align:center;
	text-indent: 0em;
}

.i_event::before{
	content:"イベント";
	font-weight:bold;
	font-size:0.9em;
	color:#8FA8A5;
    border:solid 1.3px;
	margin-right:5px;
	display:inline-block;
	width:90px;
	text-align:center;
	text-indent: 0em;
}

.i_store::before{
	content:"ショールーム";
	font-weight:bold;
	font-size:0.9em;
	color:#BFB3AA;
    border:solid 1.3px;
	margin-right:5px;
	display:inline-block;
	width:90px;
	text-align:center;
	letter-spacing:-0.1em;
	text-indent: 0em;
}
.i_pressrelease::before{
	content:"プレスリリース";
	font-weight:bold;
	font-size:0.9em;
	color:#8cadc7;
    border:solid 1.3px;
	margin-right:5px;
	display:inline-block;
	width:90px;
	text-align:center;
	letter-spacing:-0.1em;
	text-indent: 0em;
}




/*-------------------------------------------------
                      スマホ
-------------------------------------------------*/

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

/*------------fullMainエリア------------*/
#fullMain .main_visual li {
    width: 100%;
}
#fullMain .main_visual li:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 32%;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
}
/* テキスト背景色設定_黒 */
/*#fullMain .main_visual li.sp_txtbg_black:before {*/
/*    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));*/
/*}*/

.copytxt {
    position: absolute;
    bottom: 5vh;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 2;
    color: #222;
    text-align: center;
}
.copytxt p {
    font-size: 0.8em;
    margin: 0;
}
.copytxt .lead {
    font-size: 1.2em;
    font-weight: 400;
    margin: 0 0 1%;
}
.copytxt .catch {
    margin: 0 0 3%;
}
.copytxt .readmore {
    border: 1px solid #222;
}
.copytxt .readmore:hover {
    background: #222;
    color: #fff;
}
/*---readmoreのborderが白---*/
.copytxt .readmore_w {
    border: 1px solid #fff;
    background: rgba(0,0,0,0.2);
}
.copytxt .readmore_w:hover {
    background: #fff;
    color: #222;
    text-shadow: none;
}

/*------------top-banner------------*/
#top-banner a {
    border: 1px solid #ddd;
}
/*いい夫婦の日用*/
.iifufu1122 {
    text-align: center;
}
.iifufu1122 .banner-txt {
    transform: translateY(-2.2rem);
    margin: 0 0 -1.2rem;
}
#top-banner .sub-1122 {
    background: #fff;
    border-radius: 50%;
    color: #a5927f;
    font-family: 'Dancing Script', cursive;
    font-size: 1.5rem;
    padding: 4% 2.2% 8%;
}
#top-banner .tit-1122 {
    color: #4d4d4d;
    font-family: 'Sawarabi Mincho', sans-serif, 游明朝,"Yu Mincho";
    font-size: calc(1rem + ((1vw - 4.8px) * 0.2778));
    padding: 2% 0 0;
}
#top-banner .txt-1122 {
    font-size: calc(0.75rem + ((1vw - 4.8px) * 0.1389));
}


/*------------BRIDAL,FASHION------------*/
h2 {
    font-size: 1.4em;
}
.mt-10 {
    margin-top: 7rem;
}
.mb-10 {
    margin-bottom: 7rem;
}

.itemList {
    padding: 0;
}
.itemList li {
    position: relative;
    padding: 2px;
}
.itemList li:nth-of-type(1) {
    padding-left: 0;
}
.itemList li:nth-of-type(2) {
    padding-right: 0;
}
.itemList li:nth-of-type(3) {
    padding: 2px 0 0;
}
.itemList li:nth-of-type(4) {
    padding: 4px 0 0;
}
.itemList li h3 {
    color: #7d7d7d;
    position: absolute;
    bottom: 7px;
    left: 7px;
    margin: 0;
    font-size: 0.8em;
    z-index: 2;
    letter-spacing: 0;
}
.itemList li h3 span {
    color: #3a3b3d;
    font-size: 1.1em;
}
.itemList li a {
    display: block;
}

.new-product-area {
    overflow:hidden;
}
.new-fashion-img{
    height:135px;
    background: url(https://images.brilliance.co.jp/top/f_snap_foop_pierce.jpg) no-repeat;
    background-size:60%;
    background-position:center;
}

.copytxt-f{
    color: #222;
    text-align: center;
}
.copytxt-f p {
    font-size: 0.8em;
    margin: 0;
}
.copytxt-f .lead {
    font-size: 0.9em;
    font-weight: 400;
    margin: 0 0 1%;
}
.copytxt-f .catch {
    margin: 0 0 3%;
}
.copytxt-f .readmore {
    border: 1px solid #222;
}
.copytxt-f .readmore:hover {
    background: #222;
    color: #fff;
}




/*------------ダイヤモンドの価格と相場------------*/
.diamond_price {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.diamond_price a {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    padding: 10% 7px;
}
.diamond_price a p {
    color: #fff;
    margin: 0;
    font-size: 0.9em;
    line-height: 2;
    transition: all 0.5s;
}
.diamond_price a p.price_tit {
    font-size: 1.25em;
}
.diamond_price a .linktxt {
    border: 1px solid #fff;
    line-height: 1.6;
    font-size: 1em;
}
.diamond_price a .linktxt:hover {
    background: #fff;
    color: #000;
}


/*------------BRILLIANCE+ Support------------*/
.b_support li {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 0;
}
.b_support li:nth-of-type(2n) {
    border-left: 1px solid #ddd;
}
.b_support li:last-child {
   border-bottom: 1px solid #ddd; 
}
.b_support li a {
    display: block;
}
.b_support li a svg {
    height: 24px;
    width: auto;
    fill: #444;
}
.b_support li p {
    font-size: 0.95em;
    margin: 0;
    line-height: 1.4;
}



/*------------SHOWROOM------------*/
.showroom li {
    padding: 0 3px 4% 7px;
    line-height: 1.4;
}
.showroom li:nth-of-type(2n) {
    padding: 0 7px 4% 3px;
}


/*------------TOPICS------------*/
.topics {
    margin:6rem auto 0;
}
.topics .topics_tit {
    border-bottom: 1px solid #ddd;
    align-items: center;
    justify-content: space-between;
}
.topics h3 {
    font-size: 1.4em;
    margin: 0;
    padding: 0 0 2%;
}
.topics .topics_tit p {
    margin: 0;
}
.topics .t_listlink a:after {
    content: "";
    display: inline-block;
    width: 8px;
    height:8px;
    margin: 0 4px 1px 10px;
    border: solid #7d7d7d;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
}
.topics dt {
    font-weight: normal;
}
.topics dt {
    width: 100%;
}

}




/*-------------------------------------------------
                      PC
-------------------------------------------------*/

@media screen and (min-width: 768px) {
/*------------fullMainエリア------------*/
#fullMain .main_visual li {
    width: 50%;
    height: 45vh;
    background-color: #fff;
}
#fullMain .main_visual li:nth-of-type(1) {
    width: 100%;
    height: calc(100vh - 220px);
}
.copytxt {
    color: #222;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3%;
    z-index:1;
}
.copytxt .lead {
    margin: 0 0 2%;
}
.copytxt .catch {
    font-size: 0.9em;
}
.copytxt .readmore {
    border: 1px solid #222;
    transition: all 0.5s;
}
.copytxt .readmore:hover {
    background: #222;
    color: #fff;
}
/*---readmoreのborderが白---*/
.copytxt .readmore_w {
    border: 1px solid #fff;
    transition: all 0.5s;
    background: rgba(0,0,0,0.2);
}
.copytxt .readmore_w:hover {
    background: #fff;
    color: #222;
    text-shadow: none;
}

/*ホワイトデー時期トップ*/
.whiteday .whiteday_text h3{
    font-family: 'Cormorant Garamond', serif;
    font-size:5vh;
    line-height:1.4em;
    color:#091664;
    position:absolute;
    top:14vh;
	left:-5vw;
	letter-spacing:0.03em;
}
.whiteday .whiteday_text span {padding-left:43px;}
.whiteday .whiteday_text .line {
    position:absolute;
    top:32vh;
	left:-4vw;
    -webkit-transform: skewX(140deg);
    -moz-transform: skewX(140deg);
    transform: skewX(140deg);
    border-left: 1px solid #777;
    height:50px;
    width:50px;
}
.whiteday .whiteday_text .caption{
    position:absolute;
    top:0;
    right:-2vw;
    font-family:Brown-Regular,sans-serif;font-weight:400;
    font-size:11px;
    letter-spacing:1px;
    writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    padding:90px 0 0;z-index:1}
.whiteday .whiteday_text .caption:before{
    content:"";
    position:absolute;
    border-left:1px solid #777;
    width:auto;
    height:80px;
    top:0;left:7px;
    bottom:17px
}
.whiteday .whiteday_text .decoration_txt {
    position:absolute;
    top:34vh;
	left:-5vw;
    width:27vh;text-align:justify;
    font-size:11px;
    letter-spacing:0.07em;
}

#fullMain .topicsBox {
    position: absolute;
    bottom: 3%;
    left: 3%;
    transform: translateX(-50%);
    transform: translateY(-30%);
    background: #fff;
    width: 340px;
    z-index:1;
}
#fullMain .topicsBox .t_pic {
    flex: 1 1 0%
}
#fullMain .topicsBox .t_pic img {
    max-width: 100%;
    height: auto;
}
#fullMain .topicsBox p {
    padding: 3%;
    margin: 0;
}
#fullMain .topicsBox p span {
    position: absolute;
    bottom: 5%;
    color: #7d7d7d;
}


/*------------top-banner------------*/
#top-banner a img {
    transition: all .5s;
}
#top-banner a:hover img {
    opacity: .7;
}
#top-banner .banner-ph {
    position: relative;
}
#top-banner .banner-txt {
    left: 5%;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
/*いい夫婦の日用*/
.iifufu1122 {
    text-align: center;
}
#top-banner .sub-1122 {
    color: #a5927f;
    font-family: 'Dancing Script', cursive;
    font-size: calc(1rem + ((1vw - 4.8px) * 1.1111));
    padding: 2.5% 3% 7%;
}
#top-banner .tit-1122 {
    color: #4d4d4d;
    font-family: 'Sawarabi Mincho', sans-serif, 游明朝,"Yu Mincho";
    font-size: calc(1rem + ((1vw - 4.8px) * 0.2778));
}
#top-banner .txt-1122 {
    font-size: calc(0.75rem + ((1vw - 4.8px) * 0.1389));
}



/*------------BRIDAL,FASHION------------*/
.mt-10 {
    margin-top:13rem;
}

.mb-10 {
    margin-bottom: 13rem;
}

.itemList li {
    position: relative;
    padding: 2px;
}
.itemList li h3 {
    color: #7d7d7d;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    margin: 0;
    font-size: 1em;
    z-index: 2;
}



.itemList li h3 span {
    color: #3a3b3d;
}
.itemList li a {
    display: block;
}
.itemList li a img {
    transition: all 0.5s;
}
.itemList li a:hover img {
    opacity: 0.7;
}

.new-fashion-img{
    height:300px;
    background: url(https://images.brilliance.co.jp/top/f_snap_foop_pierce.jpg) no-repeat;
    background-size:60%;
    background-position: 100% center;
}


.copytxt-f{
    color: #222;
    text-align: left;
}
.copytxt-f p {
    font-size: 0.9em;
    margin: 0;
}
.copytxt-f .lead {
    font-size: 1.2em;
    font-weight: 400;
    margin: 0 0 1%;
}
.copytxt-f .catch {
    margin: 0 0 3%;
}
.copytxt-f .readmore {
    border: 1px solid #222;
}
.copytxt-f .readmore:hover {
    background: #222;
    color: #fff;
    transition: all 0.5s;
}

/*------------ダイヤモンドの価格と相場------------*/
.diamond_price {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.diamond_price a {
    display: block;
    background: rgba(0, 0, 0, 0.4);
    padding: 8% 0;
}
.diamond_price a p {
    color: #fff;
    margin: 0;
    line-height: 2.2;
    transition: all 0.5s;
}
.diamond_price a p.price_tit {
    font-size: 1.5em;
}
.diamond_price a .linktxt {
    border: 1px solid #fff;
    line-height: 1.6;
}
.diamond_price a .linktxt:hover {
    background: #fff;
    color: #000;
}


/*------------BRILLIANCE+ Support------------*/
.b_support li {
    border-right: 1px solid #ddd;
    margin: 0;
    padding: 0;
}
.b_support li:last-child {
    border-right: none;
}
.b_support li a {
    display: block;
}
.b_support li a svg {
    height: 30px;
    width: auto;
    fill: #333;
}
.b_support li a:hover svg {
    fill: #222;
    -webkit-animation: icon 0.4s ease;
    animation: icon 0.4s ease;
}
.b_support li p {
    margin: 0;
}
.b_support li p:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5% 0.5% 4%;
    border: solid #7d7d7d;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
}

/*------------SHOWROOM------------*/
.showroom li {
    padding: 0 25px 25px;
}
.showroom li a img {
    transition: all 0.5s;
}
.showroom li a:hover img {
    opacity: 0.7;
}


/*------------TOPICS------------*/
.topics {
    width: 85%;
    margin:14rem auto 0;
}
.topics .topics_tit {
    border-bottom: 1px solid #ddd;
    align-items: center;
    justify-content: space-between;
}
.topics h3 {
    margin: 0;
    padding: 0 0 2%;
}
.topics .topics_tit p {
    margin: 0;
}
.topics .t_listlink a:after {
    content: "";
    display: inline-block;
    width: 8px;
    height:8px;
    margin: 0 2px 1px 10px;
    border: solid #7d7d7d;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
}
.topics dt {
    font-weight: normal;
    width: 10%;
    vertical-align: top;
    word-wrap: break-word;
}
.topics dd {
    width: 89%;
    text-indent: -7.2em;
    padding-left: 7.2em;
}


}