@charset "UTF-8";

/*=================================================
common
=================================================*/

:root {
  --main-color: #dfcfdd;
  --sub-color: #f9f2ff;
  --logo-color: #7b286f;
  --accent-color: #714c6c;
  --shadow-color: rgba(118, 85, 136, 0.4);
  --slide-color: #bf96b9;
}

/*=================================================
Caption
=================================================*/

.official_caption {
  background: var(--accent-color);
}

/*=================================================
Pagetop
=================================================*/

.pagetop a {
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
}

.pagetop i {
  color: var(--accent-color);
}

.pagetop span {
  color: var(--accent-color);
}

/*=================================================
Slider
=================================================*/

.slick-dots li.slick-active button {
  background: var(--slide-color);
}

/*=================================================
Button
=================================================*/

.re_btn {
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
}

.re_btn-white {
  color: var(--accent-color) !important;
  background: #fff;
}

/*=================================================
Modal Menu
=================================================*/

.modalmenu_global {
  background: var(--sub-color);
}

.modalmenu_ttl {
	color: var(--accent-color) !important;
}

/*=================================================
User Info
=================================================*/

/*.userinfo_btn {
  background: var(--accent-color);
  box-shadow: 0 3px 0 0 var(--shadow-color);
}

.userinfo_btn i svg line {
  stroke: var(--accent-color);
}*/

/*=================================================
Linklist
=================================================*/

.linklist li a {
  border: 3px solid var(--sub-color);
  box-shadow: 0 5px 0 0 var(--sub-color);
}

/*=================================================
Advice
=================================================*/

.advice_consult i {
  background: var(--accent-color);
}

/*=================================================
Message List
=================================================*/

.message_list li.is-replyed {
  background: var(--sub-color);
}

/*=================================================
Faq Link
=================================================*/

.faq_link li a {
  background: var(--sub-color);
}

.faq_link li a i {
  color: var(--accent-color);
}

/*=================================================
Header
=================================================*/

.header {
  background: var(--main-color); 
}

.header_logo span {
  color: var(--logo-color);
}

.header_hamburger {
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
}

.linklist li a .coming_soon_icon {
  background: var(--shadow-color);
}


/*=================================================
auto campaign
=================================================*/

.auto_campaign_ticketBtn .btn_base {
  color: #fff;
  border: 1px solid var(--accent-color);
  background: var(--accent-color);
}

.auto_campaign_head.is-ticket {
  color: var(--accent-color);
}

.auto_campaign_box.is-ticket:after {
  background: var(--accent-color);
}

.auto_campaign_box.is-get {
  border: 1px solid var(--accent-color);
}

.auto_campaign_dl.is-get dt,
.auto_campaign_dl.is-appraiser dt {
  color: #fff;
  background: var(--accent-color);
}

.auto_campaign_dl.is-get dt i,
.auto_campaign_dl.is-appraiser dt i {
  border: 1px solid #fff;
  background: #fff;
}

.auto_campaign_dl dt i:after {
  border-left: 2px solid var(--accent-color);
  border-top: 2px solid var(--accent-color);
}

.auto_campaign_dl.is-get dd,
.auto_campaign_dl.is-appraiser dd {
  background: var(--sub-color);
  border: 0;
}