@charset 'UTF-8';

/*-----------------------
 top
-----------------------*/
header {
/*background-color: #ffefd1;*/
}
#page_top a::before {
color: #FB607F;
}
html.active .toggle_in,
footer .in>p::before,
.nav2 a::before,
.page_link a::before,
.search_box input:checked + label,
.layout .sp_filterbtn a,
.submit input,
.more,
.search_box_close,
input[type="submit"].head_search_submit,
.topmv .slick-dots .slick-active button {
background-color: #FB607F;
}
html.active .toggle_in:hover,
.search_box_close:hover {
background-color: #F19cBB;
}
header,
#top_search .box2,
.more,
.layout .sp_filterbtn a,
.submit input,
input[type="submit"].head_search_submit {
border-color: #FB607F;
}
header .requesthead a:hover,
.head_search_btn:hover {
filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(95%) contrast(112%);
transition: 0s;
}
@media (min-width:768px) {
  #modal00 input:hover,
  #modal01 input:hover,
  .search_box label:hover {
  background-color: #FB607F;
  }
  .more:hover {
  color: #FB607F;
  background-color: #fff;
  }
}

/*-----------------------
 下層共通
-----------------------*/
.layout a,
.link3 a:hover,
.link:hover,
.link2 a:hover {
color: #FB607F;
}
.layout h2,
.link,
.link2 a {
color: #fff;
}
.layout h3::before,
/*.layout .accordion_header h2:hover,*/
.status p,
.request_check label,
.link3 a,
.link,
.link2 a {
background-color: #FB607F;
}
.layout h2,
.layout h4::before {
background-color: #F19cBB;
}
.bg01::before,
.link:hover,
.link2 a:hover {
background-color: #fff;
}
.link3 a,
.link,
.link2 a {
border-color: #FB607F;
}

/*-----------------------
 検索結果
-----------------------*/
.layout h3.layout_col2_search_ttl {
background-color: #F19cBB;
}
.layout_col2_search_bg {
background-color: #fff0f3;
}

/*-----------------------
 ページテンプレート
-----------------------*/
.page_single_txt1,
.page_single_nobox .ttl,
.page_single_nobox .in_1,
.page_single_strong .ttl,
.page_single_list4 li::before,
.page_single_faq .accordion_inner p::before {
color: #FB607F;
}
.page_single_strong .ttl::after,
.page_single_about h4,
.page_single_about h4::after,
.page_single_waku div::before {
background-color: #FB607F;
}
.page_single_txt3col .ttl,
.page_single_faq .accordion_header,
.article_side_ttl,
.page_single_mokuji h4 {
background-color: #F19cBB;
}
.page_single_list_waku {
background-color: #ffeaf2;
}
.page_single_txt3col .txt1,
.page_single_mokuji ol {
background-color: #fef7f3;
}
.page_single_nobox .in_2,
.page_single_about,
.page_single_strong,
.page_single_list3 li::before {
border-color: #F19cBB;
}
.page_single_arrow {
}
.layout .request a:hover,
.request a:hover,
.wp-pagenavi .current {
color: #fff;
background-color: #FB607F;
border-color: #FB607F;
}
.page_single_dl dt {
border-color: #FB607F;
}
.page_single_waku div {
background-image: linear-gradient(#F19cBB,#FB607F);
}

/*-----------------------
 ログイン
-----------------------*/
.login_note {
color: #FB607F;
}

/*-----------------------
 マイページ
-----------------------*/
.mypage_nav li a:hover {
background-color: #F19cBB;
}
.mypage_bg {
background-color: #fef7f3;
}
.mypage_nav li a:hover {
border-color: #F19cBB;
}
.mypage_nav li a {
border-color: #FB607F;
}

/*-----------------------
 フォーム
-----------------------*/
#contact_form .recommend {
border-color: #F19cBB;
}
.shiharai_sec .js-modal-open span,
#contact_form .osusume,
.layout .sp_filterbtn a:hover,
.submit input:hover {
color: #FB607F;
}
.status_bar .comp span::after,
.status_bar p.in2 span::before {
background-color: #FB607F;
}
.area_select01_txt::before {
background-color: #F19cBB;
}
.layout .sp_filterbtn a:hover,
.submit input:hover {
background-color: #fff;
}
#contact_form .selected2_wrap,
.status_bar .comp::before,
.status_bar .current span::after,
.status_bar .comp span::after,
.layout .sp_filterbtn a:hover,
.submit input:hover {
border-color: #FB607F;
}

/*-----------------------
 サイドアニメーション
-----------------------*/
html.active .animearea01,
html.active .animearea02 {
display: none;
}
.animearea01,
.animearea02 {
z-index: 9999999;
position: fixed;
width: calc(780px * 0.2);
height: calc(100vh - 90px);
top: 0;
}
.animearea01 {
left: 30px;
}
.animearea02 {
right: 30px;
}
.anime01_item,
.anime02_item {
display: block;
position: relative;
width: calc(780px * 0.2);
height: calc(890px * 0.2);
background-repeat: no-repeat;
background-size: contain;
}
.anime01_item {
background-image: url(../img/anime01.png);
}
.anime02_item {
background-image: url(../img/anime02.png);
}
.anime01_wrap {
display: block;
position: absolute;
top: 70px;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-duration: 10s;
animation-iteration-count: 1;
}
.anime01_wrap[data-order="top"] {
animation-name: GoTop;
}
.anime01_wrap[data-order="bottom"] {
animation-name: GoBottom;
}
@keyframes GoTop {
  0% {
    top: 0;
  }
  100% {
    top: 90%;
  }
}
@keyframes GoBottom {
  0% {
    top: 90%;
  }
  100% {
    top: 0px;
  }
}
@media (max-width:1700px) {
  .animearea01,
  .animearea02 {
  width: calc(780px * 0.15);
  }
  .animearea01 {
  left: 10px;
  }
  .animearea02 {
  right: 10px;
  }
  .anime01_item,
  .anime02_item {
  width: calc(780px * 0.15);
  height: calc(890px * 0.15);
  }
}
@media (max-width:1500px) {
  .animearea01,
  .animearea02 {
  display: none;
  }
}