@charset "UTF-8";
/*----------------------------------------
color Setting
----------------------------------------*/
#sp_head .area_logo_big {
  z-index: 1;
  width: 110px;
  height: 85.55px;
}

@media screen and (max-width: 767px) {
  #sp_head .area_logo_big {
    width: 85px;
    height: 66.116px;
  }
}
#sp_head .area_logo_big a {
  display: block;
}

#sp_head .area_logo_big img {
  vertical-align: top;
  top: 0%;
  left: 0%;
  width: 100%;
  height: auto;
  transform: none;
}

/*top.css*/
#snav_wrap {
  top: calc(2.8rem + 60px); /* gnavとVRの高さ  ※バー表示の時使用*/
}

#sp_info02 {
  background: url(../../yes_img-top/top/announcement_banner_pc.jpg) repeat-x;
  background-size: auto 60px;
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 575px) {
  #sp_info02 {
    background-size: cover;
  }
}
#main {
  top: calc(2.8rem + 60px); /* バー表示の時使用 */
}

#lnav_wrap {
  top: calc(2.8rem + 60px); /* バー表示の時使用 */
}

@media screen and (min-width: 1001px) {
  #slider {
    margin-top: calc(2.8rem + 60px + 4.8rem); /* gnavとVR画像とエリアメニューの高さ ※バー表示の時使用*/
  }
  #head_bar {
    display: block;
    position: fixed;
    z-index: 50;
    top: 2.8rem;
    left: 0;
    width: 100%;
    height: 60px;
    background: url(../../yes_img-top/top/announcement_banner_pc.jpg) repeat-x;
    background-size: contain;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1399px) {
  #vertical_menu {
    top: calc(2.8rem + 60px); /* バー表示の時使用 */
  }
}
@media screen and (min-width: 1001px) {
  #slider_one {
    margin-top: 137px; /*上部にバー表示の時 */
  }
}
/*スマホメイングラビアの表示調整*/
@media screen and (max-width: 1000px) {
  #sp_head {
    background-position: center 0;
  }
  #sp_head .area_logo_big {
    top: 2px;
  }
}
@media screen and (max-width: 575px) {
  #sp_head {
    margin-top: 10vw;
    margin-top: max(36px, 10vw);
  }
  #sp_info02 {
    top: -10vw;
    height: 10vw;
    top: min(-36px, -10vw);
    height: max(36px, 10vw);
  }
  #ham_btn,
  #search_btn {
    top: calc(10vw + 2px);
  }
}
@media screen and (min-width: 576px) and (max-width: 1000px) {
  #sp_head {
    margin-top: 60px;
  }
  #sp_info02 {
    top: -60px;
  }
  #ham_btn,
  #search_btn {
    top: 62px;
  }
}
#head_bar {
  background-image: url("../../../yes_css-top/design/announcement_banner_pc.jpg?251226_01");
}

#sp_info02 {
  background-image: url("../../../yes_css-top/design/announcement_banner_pc.jpg?251226_01");
}

/*エリアのスモールロゴ差し替え*/
.area_logo_small a {
  position: relative;
  display: block;
}
.area_logo_small a::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
#sapporo .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_s.jpg?251226_01");
}
#ibaraki .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_m.jpg?251226_01");
}
#tsuchiura .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_t.jpg?251226_01");
}
#yokohama .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_y.jpg?251226_01");
}
#matsuyama .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_e.jpg?251226_01");
}
#hukuoka .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_f.jpg?251226_01");
}
#kumamoto .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_k.jpg?251226_01");
}
#naha .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_n.jpg?251226_01");
}

.bg_design {
  background: url("../../../yes_img-area/top/design/bg1.png?251226_01") left top repeat;
}

#main_inner section:nth-child(even) {
  background: url("../../../yes_img-area/top/design/bg2.jpg?251226_01") left top repeat;
}

#main_inner section:nth-child(odd) {
  background: url("../../../yes_img-area/top/design/bg1.png?251226_01") left top repeat;
}

#ham_btn_l {
  background-color: rgba(255, 255, 255, 0);
}

#ham_btn_l::before,
#ham_btn_l::after {
  color: #e9d5a0;
}

.comn_para {
  color: #e9d5a0;
}

/*.foot_sp a {
  background-color: #fff;
}*/
/*スライド*/
.pagination a::after,
.dots li::before {
  color: #570075;
}

.pagination a:hover::after,
.pagination a.active::after,
.dots li:hover::before,
.dots .slick-active::before {
  color: #570075;
}

#sapporo .pagination a:hover::after,
#sapporo .pagination a.active::after,
#sapporo .dots li:hover::before,
#sapporo .dots .slick-active::before {
  color: #ab0035;
}
#ibaraki .pagination a:hover::after,
#ibaraki .pagination a.active::after,
#ibaraki .dots li:hover::before,
#ibaraki .dots .slick-active::before {
  color: #ab0035;
}
#tsuchiura .pagination a:hover::after,
#tsuchiura .pagination a.active::after,
#tsuchiura .dots li:hover::before,
#tsuchiura .dots .slick-active::before {
  color: #ab0035;
}
#yokohama .pagination a:hover::after,
#yokohama .pagination a.active::after,
#yokohama .dots li:hover::before,
#yokohama .dots .slick-active::before {
  color: #ab0035;
}
#matsuyama .pagination a:hover::after,
#matsuyama .pagination a.active::after,
#matsuyama .dots li:hover::before,
#matsuyama .dots .slick-active::before {
  color: #ab0035;
}
#hukuoka .pagination a:hover::after,
#hukuoka .pagination a.active::after,
#hukuoka .dots li:hover::before,
#hukuoka .dots .slick-active::before {
  color: #ab0035;
}
#kumamoto .pagination a:hover::after,
#kumamoto .pagination a.active::after,
#kumamoto .dots li:hover::before,
#kumamoto .dots .slick-active::before {
  color: #ab0035;
}
#naha .pagination a:hover::after,
#naha .pagination a.active::after,
#naha .dots li:hover::before,
#naha .dots .slick-active::before {
  color: #ab0035;
}

.bg_design #breadcrumbs {
  background: rgb(194.8717948718, 153.8461538462, 45.1282051282);
  color: #0d0d0d;
}

#sapporo #sp_info::before,
#sapporo #ssear_inner #s_submit input {
  background: #ab0035;
}
#ibaraki #sp_info::before,
#ibaraki #ssear_inner #s_submit input {
  background: #ab0035;
}
#tsuchiura #sp_info::before,
#tsuchiura #ssear_inner #s_submit input {
  background: #ab0035;
}
#yokohama #sp_info::before,
#yokohama #ssear_inner #s_submit input {
  background: #ab0035;
}
#matsuyama #sp_info::before,
#matsuyama #ssear_inner #s_submit input {
  background: #ab0035;
}
#hukuoka #sp_info::before,
#hukuoka #ssear_inner #s_submit input {
  background: #ab0035;
}
#kumamoto #sp_info::before,
#kumamoto #ssear_inner #s_submit input {
  background: #ab0035;
}
#naha #sp_info::before,
#naha #ssear_inner #s_submit input {
  background: #ab0035;
}

#sapporo .chan-tit_name {
  background: #ab0035;
}
#ibaraki .chan-tit_name {
  background: #ab0035;
}
#tsuchiura .chan-tit_name {
  background: #ab0035;
}
#yokohama .chan-tit_name {
  background: #ab0035;
}
#matsuyama .chan-tit_name {
  background: #ab0035;
}
#hukuoka .chan-tit_name {
  background: #ab0035;
}
#kumamoto .chan-tit_name {
  background: #ab0035;
}
#naha .chan-tit_name {
  background: #ab0035;
}

@media screen and (max-width: 768px) {
  .chan-tit_chach {
    color: #fff;
  }
  #wrapper-free .chan_btn .chan-tit_chach {
    background: #ab0035;
  }
}
#sapporo #other .other_inner li {
  background: #ab0035;
}
#ibaraki #other .other_inner li {
  background: #ab0035;
}
#tsuchiura #other .other_inner li {
  background: #ab0035;
}
#yokohama #other .other_inner li {
  background: #ab0035;
}
#matsuyama #other .other_inner li {
  background: #ab0035;
}
#hukuoka #other .other_inner li {
  background: #ab0035;
}
#kumamoto #other .other_inner li {
  background: #ab0035;
}
#naha #other .other_inner li {
  background: #ab0035;
}

#sapporo #first_visitor .visitor_inner li {
  background: #ab0035;
}
#ibaraki #first_visitor .visitor_inner li {
  background: #ab0035;
}
#tsuchiura #first_visitor .visitor_inner li {
  background: #ab0035;
}
#yokohama #first_visitor .visitor_inner li {
  background: #ab0035;
}
#matsuyama #first_visitor .visitor_inner li {
  background: #ab0035;
}
#hukuoka #first_visitor .visitor_inner li {
  background: #ab0035;
}
#kumamoto #first_visitor .visitor_inner li {
  background: #ab0035;
}
#naha #first_visitor .visitor_inner li {
  background: #ab0035;
}

#r_girl_job #girl_job_bana_area li {
  /*@media screen and (min-width: 768px) {
    &:nth-child(4n-2) a,
    &:nth-child(4n-1) a {
      background: lighten($main-color, 20%);
      &:hover {
        background: lighten($main-color, 25%);
      }
    }
  }*/
}
#r_girl_job #girl_job_bana_area li a {
  background: rgb(217.3678756477, 1.1321243523, 127.9300518135);
}
#r_girl_job #girl_job_bana_area li a:hover {
  background: rgb(242.7357512953, 1.2642487047, 142.8601036269);
}
@media screen and (max-width: 767px) {
  #r_girl_job #girl_job_bana_area li {
    /*&:nth-child(even) a {
      background: lighten($main-color, 20%);
      &:hover {
        background: lighten($main-color, 25%);
      }
    }*/
  }
}
#r_girl_job #girl_job_bana_area li:last-child a {
  background: #c00171;
}
#r_girl_job #girl_job_bana_area li:last-child a:hover {
  background: rgb(217.3678756477, 1.1321243523, 127.9300518135);
}

#shop_list_area {
  border: 1px solid #e9d5a0;
  color: #e9d5a0;
  background: #ab0035;
  font-weight: bold;
}

#shop_list_area #h1_area h1 {
  font-weight: bold;
}

/*店舗一覧を見るボタン*/
#sapporo .shop_list_link a {
  background: #570075;
  color: #e9d5a0;
}
#ibaraki .shop_list_link a {
  background: #570075;
  color: #e9d5a0;
}
#tsuchiura .shop_list_link a {
  background: #570075;
  color: #e9d5a0;
}
#yokohama .shop_list_link a {
  background: #570075;
  color: #e9d5a0;
}
#matsuyama .shop_list_link a {
  background: #570075;
  color: #e9d5a0;
}
#hukuoka .shop_list_link a {
  background: #570075;
  color: #e9d5a0;
}
#kumamoto .shop_list_link a {
  background: #570075;
  color: #e9d5a0;
}
#naha .shop_list_link a {
  background: #570075;
  color: #e9d5a0;
}

#sapporo .shop_list_link a:hover {
  background: rgb(124.9230769231, 0, 168);
  color: #e9d5a0;
}
#ibaraki .shop_list_link a:hover {
  background: rgb(124.9230769231, 0, 168);
  color: #e9d5a0;
}
#tsuchiura .shop_list_link a:hover {
  background: rgb(124.9230769231, 0, 168);
  color: #e9d5a0;
}
#yokohama .shop_list_link a:hover {
  background: rgb(124.9230769231, 0, 168);
  color: #e9d5a0;
}
#matsuyama .shop_list_link a:hover {
  background: rgb(124.9230769231, 0, 168);
  color: #e9d5a0;
}
#hukuoka .shop_list_link a:hover {
  background: rgb(124.9230769231, 0, 168);
  color: #e9d5a0;
}
#kumamoto .shop_list_link a:hover {
  background: rgb(124.9230769231, 0, 168);
  color: #e9d5a0;
}
#naha .shop_list_link a:hover {
  background: rgb(124.9230769231, 0, 168);
  color: #e9d5a0;
}

.shop_list_link a::after {
  color: #e9d5a0;
}

.ajust_item {
  padding-bottom: 1px;
}

.comn_title {
  color: #e9d5a0;
  border-bottom-color: #e9d5a0;
}

.hime_not p {
  color: #e9d5a0;
}

.slick_prev i,
.slick_next i {
  color: #ab0035;
  border-color: #ab0035;
}

html:not(.ua_touch) .slick_prev:hover i,
html:not(.ua_touch) .slick_next:hover i {
  background-color: #ab0035;
  color: #fff;
}

.tab {
  border-bottom-color: #ab0035;
  height: auto;
}

.tab .tab_on,
html:not(.ua_touch) .tab li:hover {
  background: #ab0035;
  color: #e9d5a0;
}

.tab li {
  background: #e9d5a0;
  color: #ab0035;
}

.btn:not(.medical):not(.mutual_link):not(.goto_top):not(.other_area) a,
.hime_not .btn a,
.more_btn a {
  color: #e9d5a0;
  border-color: #ab0035;
  background-color: #ab0035;
}

.btn:not(.medical):not(.mutual_link):not(.goto_top):not(.other_area) a i,
.more_btn a i {
  color: #e9d5a0;
}

html:not(.ua_touch) .btn:not(.medical):not(.mutual_link):not(.goto_top):not(.other_area) a:hover,
html:not(.ua_touch) .btn:not(.medical):not(.mutual_link):not(.goto_top):not(.other_area) a:hover i {
  color: #ab0035;
}
html:not(.ua_touch) .btn:not(.medical):not(.mutual_link):not(.goto_top):not(.other_area) a::after {
  background: #ffffff;
  color: #ab0035;
}

html:not(.ua_touch) .more_btn a:hover {
  background: #ffffff;
  color: #ab0035;
}

html:not(.ua_touch) .more_btn a:hover i {
  color: #ab0035;
}

.bg_design {
  color: #ab0035;
}
.bg_design .comn_title {
  color: inherit;
  border-bottom-color: inherit;
}
.bg_design .comn_para {
  color: inherit;
}
.bg_design #big_banner .big_banner_title {
  color: #0d0d0d;
  border-left-color: #0d0d0d;
}

.comn_sub_title {
  color: #e9d5a0;
  border-left-color: #e9d5a0;
}

#banner_area a p {
  color: #e9d5a0;
}

#main_inner section:nth-child(even) {
  /*スライド*/
}
#main_inner section:nth-child(even) .slick_prev i,
#main_inner section:nth-child(even) .slick_next i {
  color: #e9d5a0;
  border-color: #e9d5a0;
}
html:not(.ua_touch) #main_inner section:nth-child(even) .slick_prev:hover i, html:not(.ua_touch) #main_inner section:nth-child(even) .slick_next:hover i {
  background-color: #e9d5a0;
  color: #ab0035;
}
#main_inner section:nth-child(even) .pagination a::after,
#main_inner section:nth-child(even) .dots li::before {
  color: #e9d5a0;
}
#sapporo #main_inner section:nth-child(even) .pagination a:hover::after,
#sapporo #main_inner section:nth-child(even) .pagination a.active::after,
#sapporo #main_inner section:nth-child(even) .dots li:hover::before,
#sapporo #main_inner section:nth-child(even) .dots .slick-active::before {
  color: #ab0035;
}
#ibaraki #main_inner section:nth-child(even) .pagination a:hover::after,
#ibaraki #main_inner section:nth-child(even) .pagination a.active::after,
#ibaraki #main_inner section:nth-child(even) .dots li:hover::before,
#ibaraki #main_inner section:nth-child(even) .dots .slick-active::before {
  color: #ab0035;
}
#tsuchiura #main_inner section:nth-child(even) .pagination a:hover::after,
#tsuchiura #main_inner section:nth-child(even) .pagination a.active::after,
#tsuchiura #main_inner section:nth-child(even) .dots li:hover::before,
#tsuchiura #main_inner section:nth-child(even) .dots .slick-active::before {
  color: #ab0035;
}
#yokohama #main_inner section:nth-child(even) .pagination a:hover::after,
#yokohama #main_inner section:nth-child(even) .pagination a.active::after,
#yokohama #main_inner section:nth-child(even) .dots li:hover::before,
#yokohama #main_inner section:nth-child(even) .dots .slick-active::before {
  color: #ab0035;
}
#matsuyama #main_inner section:nth-child(even) .pagination a:hover::after,
#matsuyama #main_inner section:nth-child(even) .pagination a.active::after,
#matsuyama #main_inner section:nth-child(even) .dots li:hover::before,
#matsuyama #main_inner section:nth-child(even) .dots .slick-active::before {
  color: #ab0035;
}
#hukuoka #main_inner section:nth-child(even) .pagination a:hover::after,
#hukuoka #main_inner section:nth-child(even) .pagination a.active::after,
#hukuoka #main_inner section:nth-child(even) .dots li:hover::before,
#hukuoka #main_inner section:nth-child(even) .dots .slick-active::before {
  color: #ab0035;
}
#kumamoto #main_inner section:nth-child(even) .pagination a:hover::after,
#kumamoto #main_inner section:nth-child(even) .pagination a.active::after,
#kumamoto #main_inner section:nth-child(even) .dots li:hover::before,
#kumamoto #main_inner section:nth-child(even) .dots .slick-active::before {
  color: #ab0035;
}
#naha #main_inner section:nth-child(even) .pagination a:hover::after,
#naha #main_inner section:nth-child(even) .pagination a.active::after,
#naha #main_inner section:nth-child(even) .dots li:hover::before,
#naha #main_inner section:nth-child(even) .dots .slick-active::before {
  color: #ab0035;
}

#main_inner section:nth-child(odd) .comn_title {
  color: #ab0035;
  border-bottom-color: #ab0035;
}
#main_inner section:nth-child(odd) .hime_not p {
  color: #ab0035;
}
#main_inner section:nth-child(odd) .comn_sub_title {
  color: #ab0035;
  border-left-color: #ab0035;
}
#main_inner section:nth-child(odd) #banner_area a p {
  color: #ab0035;
}
#main_inner section:nth-child(odd) .tab li {
  background: #ffffff;
}
#main_inner section:nth-child(odd) .tab .tab_on, html:not(.ua_touch) #main_inner section:nth-child(odd) .tab li:hover {
  background: #ab0035;
}/*# sourceMappingURL=top_design.css.map */