@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");
}

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

/*エリアのスモールロゴ差し替え*/
.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");
}
#ibaraki .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_m.jpg?251226");
}
#tsuchiura .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_t.jpg?251226");
}
#yokohama .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_y.jpg?251226");
}
#matsuyama .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_e.jpg?251226");
}
#hukuoka .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_f.jpg?251226");
}
#kumamoto .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_k.jpg?251226");
}
#naha .area_logo_small a::after {
  background-image: url("../../../yes_img-area/top/design/small_logo/small_logo_n.jpg?251226");
}

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

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

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

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

.comn_para {
  color: #ac7928;
}

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

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

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

.bg_design #breadcrumbs {
  background: #ac7928;
  color: #ffffff;
}

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

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

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

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

#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(244.0213414634, 127.4786585366, 173.9268292683);
}
#r_girl_job #girl_job_bana_area li a:hover {
  background: rgb(246.0426829268, 150.9573170732, 188.8536585366);
}
@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: #F2689F;
}
#r_girl_job #girl_job_bana_area li:last-child a:hover {
  background: rgb(244.0213414634, 127.4786585366, 173.9268292683);
}

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

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

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

#sapporo .shop_list_link a:hover {
  background: rgb(242.25, 242.25, 242.25);
  color: #ac7928;
}
#ibaraki .shop_list_link a:hover {
  background: rgb(242.25, 242.25, 242.25);
  color: #ac7928;
}
#tsuchiura .shop_list_link a:hover {
  background: rgb(242.25, 242.25, 242.25);
  color: #ac7928;
}
#yokohama .shop_list_link a:hover {
  background: rgb(242.25, 242.25, 242.25);
  color: #ac7928;
}
#matsuyama .shop_list_link a:hover {
  background: rgb(242.25, 242.25, 242.25);
  color: #ac7928;
}
#hukuoka .shop_list_link a:hover {
  background: rgb(242.25, 242.25, 242.25);
  color: #ac7928;
}
#kumamoto .shop_list_link a:hover {
  background: rgb(242.25, 242.25, 242.25);
  color: #ac7928;
}
#naha .shop_list_link a:hover {
  background: rgb(242.25, 242.25, 242.25);
  color: #ac7928;
}

.shop_list_link a::after,
.shop_list_link a:hover::after {
  color: inherit;
}

.ajust_item {
  padding-bottom: 1px;
}

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

.hime_not p {
  color: #ac7928;
}

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

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

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

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

.tab li {
  background: #ffffff;
  color: #ac7928;
}

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

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

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: #ac7928;
}
html:not(.ua_touch) .btn:not(.medical):not(.mutual_link):not(.goto_top):not(.other_area) a::after {
  background: #ffffff;
  color: #ac7928;
}

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

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

.bg_design {
  color: #ac7928;
}
.bg_design .at_title02 {
  color: #111;
}
.bg_design .comn_title {
  color: inherit;
  border-bottom-color: inherit;
}
.bg_design .comn_para {
  color: inherit;
}
.bg_design #big_banner .big_banner_title {
  color: inherit;
  border-left-color: inherit;
}

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

#banner_area a p {
  color: #ac7928;
}

/*
#main_inner section:nth-child(odd) {
  .comn_title {
    color: $main-color;
    border-bottom-color: $main-color;
  }
  .hime_not p {
    color: $main-color;
  }
  //店舗一覧のビル名
  .comn_sub_title {
    color: $main-color;
    border-left-color: $main-color;
  }
  //バナーエリア
  #banner_area a p {
    color: $main-color;
  }
  //タブ
  .tab li {
    background: $base-color;
  }
  .tab .tab_on,
  html:not(.ua_touch) & .tab li:hover {
    background: $main-color;
  }
}*//*# sourceMappingURL=top_design.css.map */