/* =========================================================

original Color Format

// カラー変更可能箇所 //

========================================================== */


/* ---------------------------------------------------------------------------

header

--------------------------------------------------------------------------- */

/* 資料請求・公式サイト（限定サイト内） */
header .headerInline .salonNav .salonNavWrap .btn.request a{
  background: #0b318f;
}
header .headerInline .salonNav .salonNavWrap .btn.official a{
  background: #4B7399;
}
/* 来場予約 */
header .headerInline .salonNav .salonNavWrap .btn.reserve a{
  background: #b6a17a;
}

/* 資料請求者限定サイト */
header .headerInline .salonNav .salonNavWrap .member a{
  border: 1px solid #0b318f;
  color: #0b318f;
}

/* 来場者限定サイト */
header .headerInline .salonNav .salonNavWrap .attendance a{
  border:1px solid #974B4B;
  color:#974B4B;
}

/* ホバー時 */
header .gnav .gnavWrap li a::after{
  background: #0b318f;
}

@media screen and (max-width: 1280px) {
  header .gnav .salonNavWrap .member a {
    border: 1px solid #0b318f;
    color: #0b318f;
  }
    header .gnav .salonNavWrap .attendance a{
      border:1px solid #b6a17a;
      color: #b6a17a;
    }
    header .gnav .salonNavWrap .btn.request a{
      background:url(../../crm/images/icon-arrow-wh.svg) right 10% center no-repeat,#0b318f;
      background-size: 10%;
      border:1px solid #0b318f;
    }
    header .gnav .salonNavWrap .btn.official a{
      background:url(../../crm/images/icon-arrow-wh.svg) right 10% center no-repeat,#4B7399;
      background-size: 10%;
      border:1px solid #4B7399;
    }
    header .gnav .salonNavWrap .btn.reserve a{
      background:url(../../crm/images/icon-arrow-wh.svg) right 10% center no-repeat,#974B4B;
      background-size: 10%;
      border:1px solid #b6a17a;
    }  
}

@media screen and (max-width: 768px) {
  .crm--header .gnav .salonNavWrap .btn.request a {
    background: url(../../crm/images/icon-arrow-wh.svg) right 10% center no-repeat, #0b318f;
    background-size: 15%;
  }
    header .gnav .salonNavWrap .btn.reserve a{
      background:url(../../crm/images/icon-arrow-wh.svg) right 10% center no-repeat,#b6a17a;
      background-size: 15%;
    }  
}


/* ハンバーガーメニュー */
header .spMenuBtn{
  background: #0b318f;
}
header .spMenuBtn span{
  background: #fff;
}
header .spMenuBtn .menu{
  color: #fff;
}



/*---------------------------------------------------------------

  crm--mainSlide

--------------------------------------------------------------- */

/*PC スライダー背景*/
.crm--mainSlide{
  background: -moz-linear-gradient(135deg, rgba(211,223,237,1) 0%, rgba(197,212,233,1) 100%);
  background: -webkit-linear-gradient(135deg rgba(211,223,237,1) 0%, rgba(197,212,233,1) 100%);
  background: linear-gradient(135deg, rgba(211,223,237,1) 0%, rgba(197,212,233,1) 100%);
}

/* ドットナビ */
.crm--mainSlide .slick-dots li.slick-active button:before{
  color:#0C1B37;
}

/* PREV NEXT　ボタン */
@media screen and (max-width: 480px) {
  .crm--mainSlide .slick-prev:before, .slick-next:before{
    background: #0C1B37;
  }
}



/*---------------------------------------------------------------

  crm--infoArea

--------------------------------------------------------------- */
.crm--infoArea{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(225,230,234,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(225,230,234,1) 100%);
  background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(225,230,234,1) 100%);
}
.crm--infoArea h4{
  color:#0C1B37;
}



/*---------------------------------------------------------------

  crm--meritBox

--------------------------------------------------------------- */

/* 見出し */
.crm--meritBox h4{
    color:#ffffff;
}
.crm--meritBox .sub{
    opacity: 0.5;
}

/* 背景 */
.crm--meritBox{
    background: url(../../images/bg_merit.png) top center repeat,#323A49;
    background-size: 100px;
}

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



/*---------------------------------------------------------------

  crm--secContentArea

--------------------------------------------------------------- */

/* 背景 */
.crm--block{
    background: url(../../images/bg_content_right.jpg)center right no-repeat,#ffffff;
}

/* テキストボックス */
.crm--block .txtWrap{
    background:url(../../images/bg-content.png) top center no-repeat, -moz-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(231,230,234,1) 100%);
    background:url(../../images/bg-content.png) top center no-repeat, -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(231,230,234,1) 100%);
    background: url(../../images/bg-content.png) top center no-repeat,linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(231,230,234,1) 100%);
    background-size: contain;
}
.crm--block .txtWrap .ttl{
  color:#3F4144;
}
.crm--block .txtWrap .en{
  color:#8AA8D2;
}
.crm--block .txtWrap .copy{
  color:#3F4144;
}
.crm--block.reserve{
  background: url(../../images/bg_content_left.jpg)center left no-repeat,#ffffff;
}
.crm--block .txtWrap .subTtl{
  color:#8AA8D2;
}
/* ボタン */
.crm--block .txtWrap .btnContent a{
  background: -moz-linear-gradient(135deg, rgba(79,92,124,1) 0%, rgba(59,69,90,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(79,92,124,1) 0%, rgba(59,69,90,1) 100%);
  background: linear-gradient(135deg, rgba(79,92,124,1) 0%, rgba(59,69,90,1) 100%);
  color:#fff;
  position: relative;
}
.crm--block .txtWrap .btnContent a::after{
  content: url(../../crm/images/icon-arrow-wh.svg);
  width: 30px;
  position: absolute;
  right:7%;
  top:50%;
  transition: 0.4s;
  transform: translateY(-50%);
}
.crm--block .txtWrap .btnContent a:hover::after{
  right:5%;
}
.crm--block .txtWrap .btnSub a{
  background: url(../../crm/images/icon-arrow-gray.svg) right 5% top 45% no-repeat;
  background-size: 30px;
  border:1px solid #3F4144;
  color:#3F4144;
}
.crm--block .txtWrap .btnSub a:hover{
  background: url(../../crm/images/icon-arrow-wh.svg) right 2% top 45% no-repeat,#3F4144;
  background-size: 30px;
  color:#fff;
}
/* コンテンツ別背景 */
.crm--block#position .bg {
  background: url(../../images/bg_content02_pc.jpg) bottom center no-repeat;
  background-size: cover;
}
.crm--block#access .bg{
  background: url(../../images/bg_content01_pc.jpg)bottom center no-repeat;
  background-size: cover;
}
.crm--block#location .bg{
  background: url(../../images/bg_content_location_pc.jpg)center center no-repeat;
  background-size: cover;
}
.crm--block#plan .bg{
  background: url(../../images/bg_content03_pc.jpg)center center no-repeat;
  background-size: cover;
}
.crm--block#brand .bg{
  background: url(../../images/bg_content04_pc.jpg)center center no-repeat;
  background-size: cover;
}
.crm--block#design .bg {
  background: url(../../images/bg_content_design_pc.jpg)center center no-repeat;
  background-size: cover;
}
.crm--block#model .bg {
  background: url(../../images/bg_content_model_pc.jpg)center center no-repeat;
  background-size: cover;
}
.crm--block#safety .bg {
  background: url(../../images/bg_content_safety_pc.jpg)center center no-repeat;
  background-size: cover;
}
.crm--block#review .bg {
  background: url(../../images/bg_content_review_pc.jpg)center center no-repeat;
  background-size: cover;
}
.crm--block#special .bg{
  background: url(../../images/bg_content05_pc.jpg)center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 480px) {
  .crm--block#position .bg {
    background: url(../../images/bg_content02_sp.jpg) center center no-repeat;
    background-size: cover;
  }
  .crm--block#access .bg{
    background: url(../../images/bg_content01_sp.jpg)center center no-repeat;
    background-size: cover;
  }
  .crm--block#location .bg{
    background: url(../../images/bg_content_location_sp.jpg)center center no-repeat;
    background-size: cover;
  }
  .crm--block#plan .bg{
    background: url(../../images/bg_content03_sp.jpg)center center no-repeat;
    background-size: cover;
  }
  .crm--block#brand .bg{
    background: url(../../images/bg_content04_sp.jpg)center center no-repeat;
    background-size: cover;
  }s
  .crm--block#design .bg {
    background: url(../../images/bg_content_design_sp.jpg)center center no-repeat;
    background-size: cover;
  }
  .crm--block#model .bg {
    background: url(../../images/bg_content_model_sp.jpg)center center no-repeat;
    background-size: cover;
  }
  .crm--block#safety .bg {
    background: url(../../images/bg_content_safety_sp.jpg)center center no-repeat;
    background-size: cover;
  }
  .crm--block#review .bg {
    background: url(../../images/bg_content_review_sp.jpg)center center no-repeat;
    background-size: cover;
  }
  .crm--block#special .bg{
    background: url(../../images/bg_content05_sp.jpg)center center no-repeat;
    background-size: cover;
  }
  .crm--block .txtWrap .btnSub a{
    background: url(../../crm/images/icon-arrow-gray.svg) right 5% top 45% no-repeat;
    background-size: 20px;
  }
  .crm--block .txtWrap .btnSub a:hover{
    background: url(../../crm/images/icon-arrow-wh.svg) right 2% top 45% no-repeat,#595758;
    background-size: 20px;
  }
}



/*---------------------------------------------------------------

  crm--secDegitalSalon

--------------------------------------------------------------- */
/* 資料請求ボタン */
#pardot #pdt_link a {
  color: #FFF;
  background: -moz-linear-gradient(96deg, rgb(75 115 153) 0%, rgb(114 153 189) 50%, rgb(75 115 153) 100%) !important;
  background: -webkit-linear-gradient(96deg, rgb(75 115 153) 0%, rgb(114 153 189) 50%, rgb(75 115 153) 100%) !important;
  background: linear-gradient(96deg, rgb(75 115 153) 0%, rgb(114 153 189) 50%, rgb(75 115 153) 100%) !important;
  position: relative;
}
#pardot #pdt_link a::after{
  content: url(../../crm/images/icon-arrow-wh.svg);
  width: 30px;
  position: absolute;
  right:7%;
  top:50%;
  transition: 0.4s;
  transform: translateY(-50%);
}
#pardot #pdt_link a:hover::after{
  right:5%;
}
#pardot #pdt_link02 a {
    background: url(../../../pardot/common/img/icon_link.png) 95% 50% #323A49 no-repeat !important;
}
#pardot #pdt_link02 a:hover {
    background: url(../../../pardot/common/../img/icon_link.png) 98% 50% #323A49 no-repeat;
    opacity: 0.8;
}



/*---------------------------------------------------------------

  crm--secPicUpWord

--------------------------------------------------------------- */
/* 背景 */
.crm--secPickUpWord{
background: -moz-linear-gradient(left, #333B4A 0%, #333B4A 40%, #edf0f5 40%, v 100%); 
background: -webkit-linear-gradient(left, #333B4A 0%,#333B4A 40%,#edf0f5 40%,#edf0f5 100%);
background: linear-gradient(to right, #333B4A 0%,#333B4A 40%,#edf0f5 40%,#edf0f5 100%);
}
/* タイトル部分 */
.crm--secPickUpWord .crm--ttlWrap{
  background: #333B4A;
}
.crm--secPickUpWord .crm--ttlWrap .crm--ttl{
  color:#fff;
}
.crm--secPickUpWord .crm--ttlWrap .crm--copy{
  color:#fff;
}
/* タグ部分 */
.crm--secPickUpWord .crm--listWrap{
  background: #edf0f5;
}
.crm--secPickUpWord .crm--listWrap .crm--list a{
  border:solid 1px #333B4A;
  color:#333B4A;
}
.crm--secPickUpWord .crm--listWrap .crm--list a:hover{
  background: #333B4A;
  color:#fff;
}

@media screen and (max-width: 480px) {
.crm--secPickUpWord{
  background: #333b4a;
}
.crm--secPickUpWord .crm--ttlWrap{
  background: none;
}
.crm--secPickUpWord .crm--listWrap .crm--list a{
  border:1px solid #8aa8d2;
  color:#fff;
}
.crm--secPickUpWord .crm--listWrap{
  background: none;
}
}



/* ---------------------------------------------------------------------------

cvWrap

--------------------------------------------------------------------------- */
/* 資料請求 */
.crm--requestWrap {
  border: 5px solid #35393D;
}
.crm--cvWrap.btn.request a {
  background: #0b318f;
  position: relative;
}
.crm--cvWrap.btn.request a::after{
  content: url(../../crm/images/icon-arrow-wh.svg);
  width: 30px;
  position: absolute;
  right:7%;
  top:50%;
  transition: 0.4s;
  transform: translateY(-50%);
}
.crm--cvWrap.btn.request a:hover::after{
  right:5%;
}

/* 来場予約 */
.crm--cvWrap.btn.reserve a{
  background:url(../../crm/images/icon-arrow-wh.svg) right 5% center no-repeat,#b6a17a;
  background-size: 40px;
}
.crm--cvWrap.btn.reserve a:hover{
  background:url(../../crm/images/icon-arrow-wh.svg) right 2% center no-repeat,#b6a17a;
  background-size: 40px;
}



/* ---------------------------------------------------------------------------

footer

--------------------------------------------------------------------------- */
/*ナビゲーション背景*/
footer .crm--fNav{
  background: #1b1b21;
}
footer .crm--fNav p a{
  color:#fff;
  border-right:1px solid #fff;
}

/*問い合わせ先*/
footer .crm--inquiry {
background: rgb(231,230,234);
background: -moz-linear-gradient(96deg, rgba(231,230,234,1) 0%, rgba(226,231,238,1) 100%);
background: -webkit-linear-gradient(96deg, rgba(231,230,234,1) 0%, rgba(226,231,238,1) 100%);
background: linear-gradient(96deg, rgba(231,230,234,1) 0%, rgba(226,231,238,1) 100%);
}

@media screen and (max-width:480px) {
footer .crm--fNav p a{
  background: url(../../crm/images/icon-arrow-wh.svg) center right 5% no-repeat;
  background-size: 40px;
  border-bottom:1px solid rgba(255,255,255,0.5);
}
footer .crm--inquiry {
  background: #fff;
  border:3px solid #c4c4c4;
}
footer .crm--inquiry .crm--inner .btnTel{
  background: #323A49;
}  
}



/* ---------------------------------------------------------------------------

footFixNavi
// 固定ナビゲーション //

--------------------------------------------------------------------------- */
/*資料請求*/
.crm--footFixNav .footFixNavWrap .nav.request a{
  background: #0b318f;
}

/*来場予約*/
.crm--footFixNav .footFixNavWrap .nav.reserve a{
  background: #b6a17a;
}


/* ---------------------------------------------------------------------------

scroll pageTop

--------------------------------------------------------------------------- */
.crm--pageTop a {
  color: #FFF;
  background: #0b318f;
  border: 1px solid #0b318f;
}
.crm--pageTop a:hover {
  color: #0b318f;
  background: #FFF;
}