<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    
---------------------------------------------------*/

/*--------------------------------------------------- common ----------*/
a {
  transition:.3s;
}

#whitedayfair {
  color:#333333;
  font-size: 16px;
  letter-spacing:0.1em;
  line-height:2.2rem;
}
#whietdayfair-hashtag {
  color:#ffffff;
  font-size: 16px;
  letter-spacing:0.1em;
  line-height:2.2rem;
  overflow-x: hidden;
}
#whietdayfair-works {
  color:#333333;
  font-size: 16px;
  letter-spacing:0.1em;
  line-height:2.2rem;
}

/* font */
.whitedayfair__font-gupter400 {
  font-family: 'Gupter', serif;
  font-weight:400;
}
.whitedayfair__font-gupter500 {
  font-family: 'Gupter', serif;
  font-weight:500;
}
.whitedayfair__font-gupter700 {
  font-family: 'Gupter', serif;
  font-weight:700;
}

/* color */
.whitedayfair__color-navy {
  color:#1A3652;
}
.whitedayfair__color-lightgold {
  color:#BAA87F;
}
.whitedayfair__bg-navy {
  background-color:#1A3652;
}
.whitedayfair__bg-blue {
  background-color:#D0DAE3;
}
.whitedayfair__bg-lightgray {
  background-color:#F4F4F4;
}


/*--------------------------------------------------- animation ----------*/
.whitedayfair__is-animate {
  visibility: visible !important;
}
.whitedayfair__is-animate.whitedayfair__fade-in,
.whitedayfair__is-animate.whitedayfair__fade-up,
.whitedayfair__is-animate.whitedayfair__fade-right,
.whitedayfair__is-animate.whitedayfair__fade-left {
	opacity: 0;
  animation: whitedayfair__fade-in 1.5s ease forwards;
}
.whitedayfair__is-animate.whitedayfair__fade-up {
	animation: whitedayfair__fade-up 1.5s ease forwards;
}
.whitedayfair__is-animate.whitedayfair__fade-right {
	animation: whitedayfair__fade-right 1.5s ease forwards;
}
.whitedayfair__is-animate.whitedayfair__fade-left {
	animation: whitedayfair__fade-left 1.5s ease forwards;
}
.whitedayfair__is-animate.whitedayfair__fade-down {
	animation: whitedayfair__fade-left 1.5s ease forwards;
}
@keyframes whitedayfair__fade-in {
  100% { opacity: 1; }
}
@keyframes whitedayfair__fade-up {
  0% { opacity: 0; transform:translateY(20%); }
  100% { opacity: 1; transform:translateX(0); }
}
@keyframes whitedayfair__fade-right {
  0% { opacity: 0; transform:translateX(20%); }
  100% { opacity: 1; transform:translateY(0); }
}
@keyframes whitedayfair__fade-left {
  0% { opacity: 0; transform:translateX(-20%); }
  100% { opacity: 1; transform:translateY(0); }
}
@keyframes whitedayfair__fade-down {
  0% { opacity: 0; transform:translateY(-20%); }
  100% { opacity: 1; transform:translateY(0); }
}

/*------------キービジュアルエリア------------*/
.whitedayfair__keyvisual {
  position: relative;
}

/* タイトルanimation */
@-webkit-keyframes whitedayfair__keyvisual-title-passing {
	0% {
		left: 0;
		right: auto;
		width: 0;
	}
	50% {
		left: 0;
		right: auto;
		width: 100%;
	}
	51% {
		left: auto;
		right: 0;
		width: 100%;
	}
	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}
@keyframes whitedayfair__keyvisual-title-passing {
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@-webkit-keyframes whitedayfair__keyvisual-title {
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes whitedayfair__keyvisual-title {
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}

.whitedayfair__keyvisual-title-passing {
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.whitedayfair__keyvisual-title-passing:before {
	content: '';
	display: inline-block;
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #ffffff;
}
.whitedayfair__keyvisual-title {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.move .whitedayfair__keyvisual-title-passing:before {
	-webkit-animation: whitedayfair__keyvisual-title-passing .8s ease 0s 1 normal forwards;
	animation: whitedayfair__keyvisual-title-passing .8s ease 0s 1 normal forwards;
}
.move .whitedayfair__keyvisual-title {
	-webkit-animation: whitedayfair__keyvisual-title 0s ease .4s 1 normal forwards;
	animation:whitedayfair__keyvisual-title 0s ease .4s 1 normal forwards;
}


/*--------------------------------------------------- btn ----------*/
.whitedayfair__btn-navy {
  position: relative;
  background-color:#1A3652;
  border:1px solid #1A3652;
  color:#fff;
}
.whitedayfair__btn-navy:hover {
  background-color:#fff;
  border:1px solid #1A3652;
  color:#1A3652;
}

.whitedayfair__btn-lightblue {
  position: relative;
  background-color:#4B697B;
  border:1px solid #4B697B;
  color:#ffffff;
}
.whitedayfair__btn-lightblue:hover {
  background-color:#fff;
  border:1px solid #4B697B;
  color:#4B697B;
}

.whitedayfair__btn-lightgold {
  position: relative;
  background-color:#BAA87F;
  border:1px solid #BAA87F;
  color:#1A3652;
}
.whitedayfair__btn-lightgold:hover {
  background-color:transparent;
  border:1px solid #BAA87F;
  color:#BAA87F;
}
.whitedayfair__btn-lightgold-outline {
  position: relative;
  background-color:transparent;
  border:1px solid #BAA87F;
  color:#BAA87F;
}
.whitedayfair__btn-lightgold-outline:hover {
  background-color:#ffffff;
  border:1px solid #BAA87F;
  color:#BAA87F;
}

.whitedayfair__btn-navy,.whitedayfair__btn-lightblue,.whitedayfair__btn-lightgold,.whitedayfair__btn-lightgold-outline {
  border-radius:0;
}


/* ハッシュタグキャンペーン */
.whitedayfair-hashtag__keyvisual {
  width:100%;
}
.whitedayfair-hashtag__keyvisual-headline {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  opacity: 0;
  animation-name: fadein-bottom;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

/* ライン */
.whitedayfair-hashtag__line-area {
  position:relative;
}

/*------------ハッシュタグキャンペーン みなさまからの投稿エリア------------*/
.whitedayfair-hashtag__works-inner {
  background:url(https://images.brilliance.co.jp/engagement/fair/whitedayfair/whiteday2021-works-bg.webp) no-repeat;
  background-size:100%;
  height:104%;
}
.whitedayfair__article-hashtag {
  border-radius:50px;
  font-size:0.8rem;
}


/*---------------------------------------------------
				PC   
---------------------------------------------------*/
@media screen and (min-width: 768px) {
#whitedayfair {
  font-size: 15px !important;
}

#whitedayfair section {
  margin-bottom:200px;
}

.whitedayfair__h3 {
  font-size:2rem;
  line-height:3.5rem;
}
.whitedayfair__h4 {
  font-size:1.5rem;
}
.whitedayfair__h3, .whitedayfair__h4 {
  letter-spacing:0.15rem;
}


/*--------------------------------------------------- btn ----------*/
.whitedayfair__btn-navy,.whitedayfair__btn-lightblue,.whitedayfair__btn-lightgold,.whitedayfair__btn-lightgold-outline {
  padding: 18px;
  font-size:1.1em;
}
.whitedayfair__btn-arrow {
  bottom: 0;
  margin: auto !important;
  position: absolute;
  right: 4%;
  top: 35%;
}


/*------------キービジュアルエリア------------*/
.whitedayfair__keyvisual {
  background: url(https://images.brilliance.co.jp/engagement/fair/whitedayfair/whiteday2021-cover.webp) no-repeat center center;
  background-size:cover;
  width:100%;
  height:calc(100vh - 220px);
  min-height: 800px;
}
  
.whitedayfair__keyvisual-title-area {
	position: absolute;
  bottom: 50%;
  right: 14%;
	width:27%;
}


/*------------イントロエリア------------*/
.whitedayfair__introduction {
  margin:0;
  position: relative;
}
.whitedayfair__introduction-inner {
  position:absolute;
  top:-300px;
  right:0;
  padding:5% 20% 5% 5%;
}
.whitedayfair__introduction-h3 {
  font-weight: normal;
}


/*------------プロポーズエリア------------*/
.whitedayfair__propose {
  margin-top:-200px;
  padding:800px 0 150px;
  width:100%;
  z-index:0;
}
.whitedayfair__propose-date {
  font-size:8rem;
  letter-spacing:0.3rem;
}
.whitedayfair__propose-deadline {
  border-bottom:2px solid;
  font-size:1.2em;
  margin:50px auto;
  width:40%;
}
.whitedayfair__propose-textbox {
  text-align:center;
}
.whitedayfair__propose-inner {
  width:100%;
  max-width:1500px;
  margin:100px auto 550px auto;
  position:relative;
}
.whitedayfair__propose-h4 {
  font-size:1.5em;
  text-align:right;
  position:absolute;
  top:0;
  left:5%;
}
.whitedayfair__propose-h4--number {
  font-size:2.5rem;
}
.whitedayfair__propose-h4--propose {
  font-size: 1.3rem;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  position: absolute;
  white-space: nowrap;
  left: -2%;
  top:60px;
}
.whitedayfair__propose-list-area {
  width:90%;
  position:absolute;
  top:80%;
  left:0;
  margin:5%;
}
.whitedayfair__propose-recommended {
  font-size:1.1em;
  text-align:center;
  padding:  8% 0;
  position:relative;
}
.whitedayfair__propose-recommended::after,.whitedayfair__propose-recommended::before {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.whitedayfair__propose-recommended::after {
  display: block;
  content: '';
  position: absolute;
  top: 69%;
  left: 49%;
  transform: translateX(-50%);
  width: 18px;
  height: 18px;
  border-bottom: 1px solid;
  -webkit-transform: rotate(45degs);
  transform: rotate(45deg);
  background-color: #fff;
}
.whitedayfair__propose-recommended::before {
  background: #1A3652;
  width: 250px;
  left: 50%;
  top:75%;
  height: 1px;
}
.whitedayfair__propose-checkbox {
  width:81%;
  display:block;
  margin:2% auto 10% auto;
}
.whitedayfair__propose-checkbox-list {
  font-size:1.1em;
  padding:10px 0;
}


/*------------0.314ctエリア------------*/
.whitedayfair__0314ct-span {
  border:1px solid #7d7d7d;
  border-radius:50px;
  padding:2%;
  font-size:0.9em;
}
.whitedayfair__0314ct-h3 {
  color:#333;
  font-size:1.5rem;
  margin:8% 0 6%;
}
.whitedayfair__0314ct-rightbox {
  line-height: 3em;
  background-color:#EAEEF2;
}
.whitedayfair__0314ct-span02 {
  font-size:2em;
}


/*-----------レビューエリア------------*/  
.whitedayfair__review-title {
  color:#4274AF;
  font-size:1.3em;
}
.whitedayfair__review-list {
  -webkit-border-radius: 300px 300px 0 0 / 300px 300px 0 0;
  -moz-border-radius: 300px 300px 0 0 / 300px 300px 0 0;
  border-radius: 300px 300px 0 0 / 300px 300px 0 0;
  height:450px;
}
.whitedayfair__review-spec {
  font-size:0.9em;
}
.whitedayfair__review-text {
  font-size:0.9em;
  line-height:1.8em;
}


/*-----------短納期エリア------------*/
.whitedayfair__quickdelivery-text {
  text-align:center;
}
.whitedayfair__quickdelivery-img {
  width:50%;
  transition: all 0.2s ease-in-out;
}
.whitedayfair__quickdelivery-img:hover {
  opacity:0.7;
}
.whitedayfair__quickdelivery-dl {
  line-height:1.8em;
}
.whitedayfair__quickdelivery-dd {
  font-size:0.9rem;
}


/*-----------サマリーエリア------------*/
.whitedayfair__summary--headline {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  font-size:1rem;
  line-height:2.8rem;
}
.whitedayfair__summary-inner {
  flex-direction:column;
}
.whitedayfair__summary-p {
  font-size:0.9rem;
  line-height:1.9rem;
}


/*-----------注意事項エリア------------*/
.whitedayfair__caution-ul {
  width:65%;
  list-style:circle;
  font-size:0.85em;
  line-height:1.6rem;
}
.whitedayfair__caution-li-nocircle {
 list-style:none;
 margin-left: -17px;
}


/*---------------------------------------------------
				ハッシュタグキャンペーン setteing PC    
---------------------------------------------------*/
/*------------common------------*/
#whietdayfair-hashtag section {
  padding-bottom:200px;
}
.whitedayfair-hashtag__inner {
  max-width:1500px;
  margin:0 auto;
}

/*------------ハッシュタグキャンペーン キービジュアルエリア------------*/

.whitedayfair-hashtag__keyvisual-headline {
  font-size:1.6rem;
  letter-spacing:0.3rem;
  line-height:5rem;
}
/* ライン */
.whitedayfair-hashtag__line01 {
  opacity:0;
  position:absolute;
  top:25vh;
  right:7vw;
  width:15vw;
}
.whitedayfair-hashtag__line02 {
  position:absolute;
  top:85vh;
  left:10vw;
  width:15vw;
}


/*------------ハッシュタグキャンペーン イントロエリア------------*/
.whitedayfair-hashtag__introduction-p {
  padding-top:10%;
  line-height:3rem;
}
.whitedayfair-hashtag__introduction-question {
  font-size:3rem;
  letter-spacing:0.2rem;
}
.whitedayfair-hashtag__introduction-answer {
  background-color:#F8F7F2;
  border:2px solid #BAA87F;
  font-size:3rem;
}
/* ライン */
.whitedayfair-hashtag__line03 {
  position:absolute;
  top:40vh;
  left:0;
  width:15vw;
}
.whitedayfair-hashtag__line04 {
  position:absolute;
  top:90vh;
  right:12vw;
  width:15vw;
}


/*------------ハッシュタグキャンペーン 特別寄稿作品エリア------------*/
.whitedayfair-hashtag__contribution {
  padding-bottom:200px;
}
.whitedayfair-hashtag__contribution-dd {
  font-size:0.9rem;
  line-height:1.3rem;
}

/*------------ハッシュタグキャンペーン 募集要項エリア------------*/
.whitedayfair-hashtag__recruit {
  background-color:#3D5C6F;
  margin-bottom:200px;
  position:relative;
  width:100%;
}
.whitedayfair-hashtag__recruit-heading {
  position:absolute;
  top:-100px;
  left:0;
  right:0;
  margin:auto;
  width:130px;
}
.whitedayfair-hashtag__recruit-hashtag {
  padding:180px 0 50px;
  width:30%;
}
.whitedayfair-hashtag__recruit-p {
  width:680px;
  margin:0 auto;
}
a.whitedayfair-hashtag__text-lint-gold:hover {
  color:#BAA87F;
}
a.whitedayfair-hashtag__text-lint-white {
  color:#ffffff;
}
a.whitedayfair-hashtag__text-lint-white:hover {
  opacity:#ffffff;
}

/*------------ハッシュタグキャンペーン みなさまからの投稿エリア------------*/
.whitedayfair-hashtag__works {
  font-weight:500;
  padding:200px 0;
}
.whitedayfair-hashtag__works-heading {
  margin:0 auto;
}
.whitedayfair-hashtag__works-span {
  font-size:0.9rem;
}
.whitedayfair-hashtag__works-inner {
  margin-bottom:30px;
  padding:6% 6% 0;
}

/* 作品掲載ページ */
.whitedayfair__article {
  width:800px;
  margin:0 auto;
  font-size:16px;
  line-height:2rem;
}
.whitedayfair__article-section {
  border-top:1px dotted #ccc;  
}
.whitedayfair__article-h2 {
  font-size:2rem;
  border-bottom:1px dotted #ccc;
}
.whitedayfair__article-h3 {
  font-size:1.3rem;
}
.whitedayfair__article-p {
  font-size:0.9rem;
}
.whitedayfair__share {
  border-top:1px dotted #ccc; 
}
.whitedayfair__article-profile {
  font-size:0.9rem;
  line-height:1.8rem;
}


}


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

#whitedayfair section {
  margin-bottom:20%;
  letter-spacing: 0.04em;
  line-height: 2em;
}
#whitedayfair h3 {
  font-size:1.3rem;
  letter-spacing:0.1em;
}
#whitedayfair h4 {
  font-size:1.2rem;
  letter-spacing:0.1em;
}


/*--------------------------------------------------- btn ----------*/
.whitedayfair__btn-navy,.whitedayfair__btn-lightblue,.whitedayfair__btn-lightgold,.whitedayfair__btn-lightgold-outline {
  padding:5% 0;
  font-size:4.3vw;
}
.whitedayfair__btn-arrow {
  bottom: 0;
  margin: auto !important;
  position: absolute;
  right: 3%;
  top: 35%;
}


/*------------キービジュアルエリア------------*/
.whitedayfair__keyvisual {
  background: url(https://images.brilliance.co.jp/engagement/fair/whitedayfair/whiteday2021-cover-sp.webp) no-repeat top center;
  background-size:cover;
  width:100%;
  height:calc(100vh - 97px);
}

.whitedayfair__keyvisual-title-area {
  position:absolute;
  left:0;
  right:0;
  bottom:4%;
  margin:0 auto;
  padding:3%;
	width:90%;
}


/*------------イントロエリア------------*/
.whitedayfair__introduction {
  margin-top:-20%;
}
.whitedayfair__introduction-inner {
  padding:15% 0;
  margin:0 auto;
  width:90%;
}
.whitedayfair__introduction-h3 {
  letter-spacing:0 !important;
}


/*------------プロポーズエリア------------*/
.whitedayfair__propose {
  margin-top:-20%;
  padding:20% 0 10% 0;
  z-index:0;
}
.whitedayfair__propose-date {
  font-size:5rem;
  letter-spacing:0.3rem;
}
.whitedayfair__propose-deadline {
  border-bottom:2px solid;
  font-size:4vw;
  margin:20px auto;
  width:95%;
}
.whitedayfair__propose-textbox {
  text-align:justify;
}
.whitedayfair__propose-inner {
  width:100%;
  margin:10% auto;
  position:relative;
}
.whitedayfair__propose-h4 {
  font-size:6vw;
  position:absolute;
  top:0;
  left:5%;
}
.whitedayfair__propose-h4--number {
  font-size:2.5rem;
}
.whitedayfair__propose-h4--propose {
  font-size: 1.3rem;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  position: absolute;
  white-space: nowrap;
  left: -2%;
  top:60px;
}
.whitedayfair__propose-list-area {
  width:94%;
  position:absolute;
  top:80%;
  left:0;
  margin:3%;
}
.whitedayfair__propose-recommended {
  font-size:1.1em;
  text-align:center;
  padding:  30px 0;
  position:relative;
}
.whitedayfair__propose-recommended::after,.whitedayfair__propose-recommended::before {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.whitedayfair__propose-recommended::after {
  display: block;
  content: '';
  position: absolute;
  top: 61px;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 18px;
  border-bottom: 1px solid;
  -webkit-transform: rotate(45degs);
  transform: rotate(45deg);
  background-color: #fff;
}
.whitedayfair__propose-recommended::before {
  background: #1A3652;
  width: 250px;
  left: 50%;
  top:75%;
  height: 1px;
}
.whitedayfair__propose-checkbox {
  width:90%;
  display:block;
  margin:2% auto 10% auto;
}
.whitedayfair__propose-checkbox-list {
  font-size:1rem;
  padding:10px 0;
  line-height: 1.5rem;
}
.whitedayfair__propose-engagementring {
  margin:420px 0 360px;
}


/*------------0.314ctエリア------------*/
.whitedayfair__0314ct-span {
  padding:2%;
  font-size:0.9em;
  letter-spacing:0;
}
.whitedayfair__0314ct-h3 {
  color:#333;
  font-size:1.5rem;
  margin:8% 0 6%;
}
.whitedayfair__0314ct-rightbox {
  line-height: 2.5em;
  font-size:4.2vw;
}
.whitedayfair__0314ct-span02 {
  font-size:2em;
}


/*-----------レビューエリア------------*/
.whitedayfair__review-title {
white-space: nowrap;
}
.whitedayfair__review-title {
  color:#4274AF;
  font-size:1.3em;
}
.whitedayfair__review-list {
  -webkit-border-radius: 300px 300px 0 0 / 300px 300px 0 0;
  -moz-border-radius: 300px 300px 0 0 / 300px 300px 0 0;
  border-radius: 300px 300px 0 0 / 300px 300px 0 0;
  height:450px;
}
.whitedayfair__review-spec {
  font-size:0.85em;
}
.whitedayfair__review-text {
  font-size:0.85em;
  line-height:1.8em;
}
.whitedayfair__review-inner {
  -moz-overflow-x: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}


/*-----------短納期エリア------------*/
.whitedayfair__quickdelivery-text {
  text-align:justify;
}
.whitedayfair__quickdelivery-img {
  width:50%;
}
.whitedayfair__quickdelivery-dl {
  line-height:1.8em;
}


/*-----------サマリーエリア------------*/
.whitedayfair__summary {
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
.whitedayfair__summary--headline {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  font-size:1rem;
  line-height:2.8rem;
}
.whitedayfair__summary-inner {
  flex-direction:column-reverse;
}
.whitedayfair__summary-p {
  font-size:1rem;
  line-height:1.9rem;
}


/*-----------注意事項エリア------------*/  
.whitedayfair__caution-ul {
  width:88%;
  list-style:circle;
  font-size:0.85em;
  line-height:1.5rem;
}
.whitedayfair__caution-li-nocircle {
 list-style:none;
 margin-left: -17px;
}


/*---------------------------------------------------
				ハッシュタグキャンペーン setteing sp    
---------------------------------------------------*/
/*------------common------------*/
#whietdayfair-hashtag section {
  padding-bottom:80px;
}
#whitedayfair-hashtag h3 {
  font-size:1.3rem;
  letter-spacing:0.1em;
}
#whitedayfair-hashtag h4 {
  font-size:1.2rem;
  letter-spacing:0.1em;
}

.whitedayfair__h3 {
  font-size:1.3rem;
}
.whitedayfair__h4 {
  font-size:1.2rem;
}

.whietdayfair-hashtag__inner {
  width:100%;
  margin:0;
}

/*------------ハッシュタグキャンペーン キービジュアルエリア------------*/
.whitedayfair-hashtag__keyvisual-headline {
  font-size:1.1rem;
  letter-spacing:0.2rem;
  line-height:2.8rem;
}
/* ライン */
.whitedayfair-hashtag__line01 {
  opacity:0;
  position:absolute;
  top:300px;
  right:8vw;
  width:38vw;
}
.whitedayfair-hashtag__line02 {
  position:absolute;
  top:550px;
  left:0;
  width:38vw;
}


/*------------ハッシュタグキャンペーン イントロエリア------------*/
.whitedayfair-hashtag__introduction-question {
  font-size:7vw;
  letter-spacing:0.2rem;
}
.whitedayfair-hashtag__introduction-answer {
  background-color:#F8F7F2;
  border:2px solid #BAA87F;
  font-size:7vw;
  line-height:1.8rem;
}
.whitedayfair-hashtag__introduction-p {
  font-size:4vw;
  padding-top:10%;
  line-height:2.2rem;
}
/* ライン */
.whitedayfair-hashtag__line03 {
  position:absolute;
  top:550px;
  left:15vw;
  width:38vw;
}
.whitedayfair-hashtag__line04 {
  position:absolute;
  top:730px;
  right:-10vw;
  overflow-x:hidden;
  width:38vw;
}


/*------------ハッシュタグキャンペーン 特別寄稿作品エリア------------*/
.whitedayfair-hashtag__contribution {
  padding-bottom:130px !important;
}
.whitedayfair-hashtag__contribution-heading {
  width:25%;
  margin:0 auto;
}
.whitedayfair-hashtag__contribution-dd {
  font-size:0.85rem;
  line-height:1.3rem;
}

/*------------ハッシュタグキャンペーン 募集要項エリア------------*/
.whitedayfair-hashtag__recruit {
  background-color:#3D5C6F;
  position:relative;
  width:100%;
}
.whitedayfair-hashtag__recruit-heading {
  position:absolute;
  top:-80px;
  left:0;
  right:0;
  margin:auto;
  width:24%;
}
.whitedayfair-hashtag__recruit-hashtag {
  padding:100px 0 0;
  width:80%;
}
.whitedayfair-hashtag__recruit-p {
  width:90%;
  margin:0 auto;
  line-height:2rem;
}
.whitedayfair-hashtag__recruit-caution {
  line-height:1.3rem;
}
a.whitedayfair-hashtag__text-lint-white {
  color:#ffffff;
}

/*------------ハッシュタグキャンペーン みなさまからの投稿エリア------------*/
.whitedayfair-hashtag__works {
  padding-bottom:130px !important;
}
.whitedayfair-hashtag__works-heading {
  width:25%;
  margin:0 auto;
  padding-top:100px;
}
.whitedayfair-hashtag__works-inner {
  font-size:4.3vw;
  padding:6%;
}
.whitedayfair-hashtag__works-span {
  font-size:4vw;
}


/*-----------サマリーエリア------------*/
.whitedayfair__summary-fairheading {
  font-size:4vw;
}


/* 作品掲載ページ */
.whitedayfair__article-icon {
  display:block;
  margin:0 auto;
}
.whitedayfair__article {
  color:rgba(0,0,0,0.8) !important;
  width:93%;
  margin:0 auto;
  font-size:16px;
  line-height:2rem;
}
.whitedayfair__article-section {
  border-top:1px dotted #ccc;  
}
.whitedayfair__article-h2 {
  font-size:1.5rem;
  border-bottom:1px dotted #ccc;
}
.whitedayfair__article-h3 {
  font-size:1.3rem;
}
.whitedayfair__article-p {
  font-size:0.9rem;
  line-height:1.8rem;
}
.whitedayfair__share {
  border-top:1px dotted #ccc; 
}
.whitedayfair__article-profile {
  font-size:0.9rem;
  line-height:1.6rem;
}
}


/* iphone 5,5s,se用 */
@media screen and (max-width: 320px) { 
.whitedayfair__brank-iphonese {
  display:none;
}

.whitedayfair-hashtag__works-inner {
  font-size:4.2vw;
  line-height:2rem;
  padding:6% 6% 0;
}
}


/* PCリキッド用 lg */
@media screen and (min-width: 922px) and (max-width: 1200px) {
.whitedayfair__container {
  width:1140px;
}
/*------------プロポーズエリア------------*/
.whitedayfair__propose {
  margin-top:-80px;
  padding:48% 0 8%;
  width:100%;
  z-index:0;
}
.whitedayfair__propose-deadline {
  width:50%;
}
}

/* PCリキッド用 sm */
@media screen and (min-width: 768px) and (max-width: 991px) { 
.whitedayfair__post-item {
  background:url(https://images.brilliance.co.jp/engagement/fair/whitedayfair/whitedayfair-massage.svg) no-repeat;
  background-size:100%;
  font-size: 0.8em;
}
.whitedayfair__post-item-inner {
  height:215px;
  overflow: hidden;
  position:relative;
  padding: 8% 17% 0 8%;
  line-height: 3.4em;
}
.whitedayfair__post-item-inner:before {
  position: absolute;
  content: "…";
  bottom: 2%;
  right: 13%;
  height: 20px;
  width: 22px;
  /*background-color: #fff;*/
  z-index: 1;
  line-height: 1em;
}
}
/* ipad pro用 */
@media screen and (min-width: 768px) and (max-width: 1200px) { 
.whitedayfair__keyvisual {
  background: url(https://images.brilliance.co.jp/engagement/fair/whitedayfair/whiteday2021-cover.webp) no-repeat top center;
  background-size:cover;
  width:100%;
  height:100%;
  min-height:600px;
}
.whitedayfair__container {
  width:1140px;
  max-width: 100%;
  margin-left:auto;
  margin-right:auto;
}
.whitedayfair__introduction-h3 {
  margin-top:0;
}

.whitedayfair-hashtag__works-inner {
  margin-bottom:20px;
  padding:6% 6% 0;
}

/*------------プロポーズエリア------------*/
.whitedayfair__propose {
margin-top:-200px;
padding:60% 0 8%;
width:100%;
z-index:0;
}
.whitedayfair__propose-inner {
width:1140px;
margin:100px auto 550px auto;
position:relative;
}
}

/* iphone 6、6s、7、8 用 */
@media screen and (min-width: 375px) and (max-width: 413px) { 
.whitedayfair__post-item {
  background: url(https://images.brilliance.co.jp/engagement/fair/whitedayfair/whitedayfair-massage.svg) no-repeat center center;
  background-size: 100%;
  font-size: 0.8em;
  padding-bottom: 10%;
}
.whitedayfair__post-item-inner {
  height: 225px;
  padding: 25px 63px 0 28px;
  line-height: 40px;
  overflow: hidden;
  position: relative;
}
.whitedayfair__post-item-inner:before {
  position: absolute;
  content: "…";
  bottom: 4%;
  right: 13%;
  z-index: 1;
  line-height: 1em;
  /*background-color: #fff;*/
  width: 5%;
  height: 16px;
  text-align:center;
}
}

/* iphone 6、7、8 plus 用 */
@media screen and (min-width: 414px) and (max-width: 767px) {
.whitedayfair__post-item {
  background: url(https://images.brilliance.co.jp/engagement/fair/whitedayfair/whitedayfair-massage.svg) no-repeat center center;
  background-size: 100%;
  font-size: 0.9em;
  padding-bottom: 10%;
}
.whitedayfair__post-item-inner {
  height:33vh;
  padding: 30px 68px 0 32px;
  line-height: 43px;
  overflow: hidden;
  position:relative;
}
.whitedayfair__post-item-inner:before {
  position: absolute;
  content: "…";
  bottom: 1%;
  right: 13%;
  z-index: 1;
  line-height: 1em;
  /*background-color: #fff;*/
  width: 20px;
  height: 23px;
  text-align:center;
}

.whitedayfair-hashtag__works-inner {
  margin-bottom:20px;
  padding:7%;
}
}</pre></body></html>