@charset "UTF-8";
header.header
  .header-inner
  .header-inner__second
  .list-wrapper
  .gnav-second__list
  .gnav-second__item
  .gnav-second__link:last-of-type {
  padding-right: 0;
}
.gnav-second__link:hover::before,
.gnav-second__link.active::before {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  border-bottom: 3px solid #000;
  z-index: -1;
}
.header-inner__first-lead {
  font-size: 1.2rem;
}
@media screen and (max-width: 767.9px) {
  header.header .header-inner-sp {
    height: 39px;
  }
  .front-page .main-visual__pick .mainvisual__pick-link {
    height: 60px;
  }
  .top-store__img {
    margin-top: 10px;
  }
  .top-wholesale__btn-item {
    margin-bottom: 15px;
  }
  .top-wholesale__btn-item:nth-last-child(-n + 2) {
    margin-bottom: 5px;
  }
}
header.header .nav-sp-wrapper .header-cart_icon img {
  width: 23px;
  height: 22px;
}
.copyright-text {
  padding-bottom: 50px;
}
.underlayer-nav__inner {
  font-family: FP-HiraMinStdN-W5;
}
.underlayer-nav__wrap {
  width: 100%;
}
.underlayer-nav__wrap::after {
  content: "";
  width: calc(100% - 1060px / 2);
  height: 1px;
  position: absolute;
  background-color: #d5d5d5;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.underlayer-nav__wrap::before {
  content: "";
  width: calc(100% - 1060px / 2);
  height: 1px;
  background-color: #d5d5d5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
header.header .header-inner .header-inner__second {
  border-bottom: 0;
  position: relative;
}
.home header.header .header-inner .header-inner__second {
  border-bottom: 1px solid #c9c9c9;
}
.hover-nav {
  top: 110px;
}
.top-store__img .top-store__img-wrap {
  width: calc(50% - 0.5px);
  height: auto;
}
.top-store__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767.9px) {
  .top-store__img .top-store__img-wrap {
    width: calc(50% - 0.5px);
    height: auto;
  }
  .top-store__img img {
    height: 36.6666666667vw;
  }
}
.top-about__container-sp .top-about__bgimage-wrapper ul.top-about__inner-list {
  text-align: center;
  position: absolute;
  top: 11.5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.4rem;
  font-family: FP-HiraMinStdN-W5;
  line-height: 2.6;
  color: #000;
  width: calc(100% - 22.8px);
}
.top-about__container-sp
  .top-about__bgimage-wrapper
  ul.top-about__inner-list
  .top-about__inner-item {
  border: 1px solid #707070;
  border-bottom: 0;
  margin-bottom: 10px;
}
.top-about__container-sp
  .top-about__bgimage-wrapper
  ul.top-about__inner-list
  .top-about__inner-item
  a {
  display: block;
  line-height: 1;
  padding-top: 17.5px;
  padding-bottom: 3px;
}
#about-coffeeboy .paragraph-main strong {
  font-size: 2rem;
}
@media screen and (max-width: 767.9px) {
  #about-coffeeboy .paragraph-main strong {
    font-size: 1.4rem;
  }
  #aboutus table tbody td {
    padding-left: 8px;
  }
}
#catering .specific_head-and-desc {
  padding-top: 0;
}
@media screen and (min-width: 1161px) {
  .header-inner__second .gnav-second__item:last-of-type .pc-sns-icons {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .header-inner__second .gnav-second__item:last-of-type .pc-sns-icons {
    position: absolute;
    top: 50%;
    right: -312px;
    display: flex;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    transform: translate(100%, -50%);
  }
}
header.header
  .header-inner
  .header-inner__first
  .wrapper
  .gnav-first__list
  .gnav-first__item
  .gnav-first__link.light-gray {
  color: #ccc;
}
#aboutus table {
  font-family: FP-HiraMinStdN-W5;
}
.contact-inner .top-desc {
  font-family: FP-HiraMinStdN-W5;
}
.page-shop__inner .other-shops .other-shops__list {
  display: flex;
  -moz-column-gap: 60px;
  column-gap: 60px;
  justify-content: flex-start;
  width: 1060px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.9px) {
  .page-shop__inner .other-shops .other-shops__list {
    -moz-column-gap: 0;
    column-gap: 0;
    justify-content: space-between;
    width: 100%;
  }
}
.page-recruit__inner .recruit-detail .recruit-list__wrapper .table {
  width: 100%;
  margin-top: -1px;
}
@media screen and (max-width: 767.9px) {
  .page-recruit__inner
    .recruit-detail
    .recruit-list__wrapper
    .table
    thead
    tr
    td:last-of-type::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(135deg);
  }
}
#wholesale-inquiry form .toppart-mailform-data-wrap dd ul {
  justify-content: flex-start;
}
#wholesale-inquiry form .toppart-mailform-data-wrap dd .contact-method__list {
  justify-content: space-around;
}
#wholesale-inquiry
  form
  .toppart-mailform-data-wrap
  dd
  .wpcf7-list-item:not(:first-child) {
  margin: 0 0 0 2em;
}
@media screen and (max-width: 767.9px) {
  #wholesale-inquiry
    form
    .toppart-mailform-data-wrap
    dd
    .wpcf7-list-item:not(:first-child) {
    margin: 0;
  }
}
.top-store__btn-item {
  width: calc(100% / 6);
}
@media screen and (min-width: 768px) {
  .top-wholesale__btn-item {
    width: calc(100% / 5);
  }
}

.archive__wrapper .archive-flex {
  justify-content: flex-start;
  -moz-column-gap: 60px;
  column-gap: 60px;
}
@media screen and (max-width: 767.9px) {
  .archive__wrapper .archive-flex {
    justify-content: space-between;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
}
.mailmagazine-single-inner .archive .archive-contents__wrapper .magazine-list {
  justify-content: flex-start;
  -moz-column-gap: 60px;
  column-gap: 60px;
}
@media screen and (max-width: 767.9px) {
  .mailmagazine-single-inner
    .archive
    .archive-contents__wrapper
    .magazine-list {
    justify-content: space-between;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
}
.mailmagazine-single-inner .single__container .single-bpx dd .image-wrapper {
  height: auto;
}
.specific_head-and-desc {
  font-family: FP-HiraMinStdN-W5;
}
.c-family_flex {
  font-family: FP-HiraMinStdN-W5;
}
.c-family_services {
  font-family: FP-HiraMinStdN-W5;
}
.catering-card_title,
.catering-card_desc,
.catering-card-price {
  font-family: FP-HiraMinStdN-W5;
}
header.header
  .header-inner
  .header-inner__second
  .list-wrapper
  .gnav-second__list
  .gnav-second__item {
  margin: 0 23.5px;
}
header.header
  .header-inner
  .header-inner__second
  .list-wrapper
  .gnav-second__list
  .gnav-second__item:last-child {
  margin-right: 0px;
}
header.header
  .header-inner
  .header-inner__second
  .list-wrapper
  .gnav-second__list
  .gnav-second__item
  .gnav-second__link {
  padding: 0;
}
.shop-underlayernav__inner .shop-underlayernav__inner-list {
  display: flex;
  justify-content: flex-start;
}
.page-news__list-wrap .page-news__item .news__item-wrap .wp-post-image {
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767.9px) {
  #archive .page-news__list .page-news__item .page-news__link {
    padding: 12px 8px 12px 8px;
  }
  .page-news__list-wrap .page-news__item .news__item-wrap .wp-post-image {
    width: 75px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.mailmagazine-single-inner .single-box {
  line-height: calc(30 / 13);
}
.scholar-report-contents__wrapper .scholar-report_list {
  display: flex;
  justify-content: flex-start;
  -moz-column-gap: 60px;
  column-gap: 60px;
}
@media screen and (max-width: 767.9px) {
  .scholar-report-contents__wrapper .scholar-report_list {
    display: flex;
    -moz-column-gap: 0;
    column-gap: 0;
    justify-content: space-between;
  }
}
.aboutbeans-single-inner .main-image__wrapper {
  height: auto;
}
@media screen and (max-width: 767.9px) {
  .top-store__btn-list .top-store__btn-item {
    border-left: 1px solid #c9c9c9;
  }
  .top-wholesale__btn-item {
    border-left: 1px solid #c9c9c9 !important;
  }
  .top-project__btn-list .top-project__btn-item {
    border-left: 1px solid #c9c9c9;
  }
  .top-monthlybeans_wrapper ul {
    width: 100% !important;
  }
  .top-monthlybeans_wrapper ul .top-monthlybeans_item {
    width: calc(50% - 3.2%);
  }
  .top_nav .second-nav_panel li {
    border-left: 1px solid #222;
  }
}
.single-box + .single-box {
  margin-top: 50px;
}
@media screen and (max-width: 767.9px) {
  .single-box + .single-box {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767.9px) {
  .top-wholesale__img li:nth-last-child(-n + 2) {
    display: none;
  }

  .top-store__btn-list li:last-child {
    border-right: 1px solid #c9c9c9;
  }
}

.catering .catering-card_price-wrap .catering-card-price span {
  font-size: 3rem;
}
@media screen and (max-width: 767.9px) {
  .catering .catering-card_price-wrap .catering-card-price span {
    font-size: 1.8rem;
  }
}
.catering .catering-card_desc {
  margin-bottom: 45px;
}
@media screen and (max-width: 767.9px) {
  .catering .catering-card_desc {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 767.9px) {
  .top-about__container-sp
    .top-about__bgimage-wrapper
    ul.top-about__inner-list {
    position: absolute;
    top: 9.55px;
    font-size: 1.3rem;
    line-height: calc(87 / 26);
    width: calc(100% - 20.5px);
    display: flex;
    flex-wrap: wrap;
  }
  .top-about__container-sp
    .top-about__bgimage-wrapper
    ul.top-about__inner-list
    .top-about__inner-item {
    margin-bottom: 16px;
  }
  .top-about__container-sp
    .top-about__bgimage-wrapper
    ul.top-about__inner-list
    .top-about__inner-item.w50 {
    width: 50%;
  }
  .top-about__container-sp
    .top-about__bgimage-wrapper
    ul.top-about__inner-list
    .top-about__inner-item.w100 {
    width: 100%;
  }
  .top-about__container-sp
    .top-about__bgimage-wrapper
    ul.top-about__inner-list
    .top-about__inner-item:nth-child(2),
  .top-about__container-sp
    .top-about__bgimage-wrapper
    ul.top-about__inner-list
    .top-about__inner-item:nth-child(5) {
    border-left: 0;
  }
  .second-nav_sub-menu.top_nav {
    padding-left: calc(
      31.4666666667vw + ((100vw - 94.4vw - 2.6666666667vw - 4px) / 2) * 2
    ) !important;
  }
  .top-wholesale__btn-item.w100 {
    width: 100%;
  }
  .about-coffeeboy .paragraph-main {
    text-align: left;
    line-height: calc(26 / 14);
  }
  .why-caldi .paragraph-main {
    text-align: left;
    line-height: calc(26 / 14);
  }

  .page-about__inner .msg {
    text-align: left;
  }
  .mama-inner .message {
    text-align: left;
  }
  .mama-inner .info {
    text-align: left;
  }
  .mama-inner .yamanoko-contents__wrapper {
    text-align: left;
  }
  .tabisuru-inner .message,
  .days-inner .message,
  .videoletter-inner .message {
    text-align: left;
    font-size: 1.2rem;
    line-height: calc(26 / 14);
  }
  .videoletter-inner .youtube-area .message {
    text-align: left;
  }
  .tabisuru-inner .popupstore-contents__wrapper {
    text-align: left;
  }
  .tabisuru-inner .info,
  .videoletter-inner .info {
    text-align: left;
  }
  .message,
  .info {
    text-align: left;
  }
  .message {
    font-size: 1.2rem;
  }
  .specific_head-and-desc .specific_head,
  .specific_head-and-desc .specific_desc {
    text-align: left;
    font-size: 1.2rem;
    line-height: calc(34 / 22);
  }
  .mailmagazine-single-inner .single__container .single-box dd .desc {
    font-size: 1.2rem;
    line-height: calc(26 / 14);
  }
  .page-project__inner .title-desc {
    line-height: calc(26 / 14);
  }
  .mailmagazine-single-inner .single__container .single-box dt {
    font-size: 1.4rem;
    margin-bottom: 16px;
    margin-top: 16px;
  }
}

section.season .product-box {
  width: 1055px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 767.9px) {
  section.season .product-box {
    width: 100%;
    justify-content: space-between;
  }
}
.scholar-report-contents__wrapper .scholar-report_list .box .img-box a {
  position: relative;
  width: 100%;
  padding-top: 66.66%;
  overflow: hidden;
  display: block;
}
.scholar-report-contents__wrapper .scholar-report_list .box .img-box a img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.archive__wrapper .archive-flex .box .img-box a {
  position: relative;
  width: 100%;
  padding-top: calc(401 / 656 * 100%);
  overflow: hidden;
  display: block;
}
.archive__wrapper .archive-flex .box .img-box a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  #wholesale-inquiry form .toppart-mailform-data-wrap dt .title-flex .required {
    margin-left: auto;
  }
  .wholesale-contact__toppart-container
    .toppart-mailform-data-wrap
    dd
    .wpcf7-form-control.wpcf7-checkbox {
    display: grid;
    row-gap: 3.5px;
  }
  #single .page-title .link {
    position: absolute;
    top: -32px;
    right: 0;
    padding: 5px 2px;
    width: 123px;
  }
}
.mailmagazine-single-inner
  .archive
  .archive-contents__wrapper
  .magazine-list
  .box
  .img-box {
  width: 100%;
  height: auto;
}
.mailmagazine-single-inner
  .archive
  .archive-contents__wrapper
  .magazine-list
  .box
  .img-box
  a {
  position: relative;
  width: 100%;
  padding-top: 66.66%;
  overflow: hidden;
  display: block;
}
.mailmagazine-single-inner
  .archive
  .archive-contents__wrapper
  .magazine-list
  .box
  .img-box
  a
  img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.second-nav_outer .second-nav_right {
  padding-left: 16px;
}
.underlayer-nav__inner {
  border-top: 1px solid #bbb;
}
.underlayer-nav__inner .underlayer-nav__inner-list {
  border-right: 1px solid #bbb;
}
.underlayer-nav__inner-item {
  border-left: 1px solid #bbb;
}
.underlayer-nav__inner-link {
  border-bottom: 1px solid #bbb;
}
.underlayer-nav__wrap::before {
  background-color: #bbb;
}
.underlayer-nav__wrap::after {
  background-color: #bbb;
}
.front-page
  .main-visual__pick
  .main-visual__pick-link
  .main-visual-pic-item
  .main-visual-pic-head {
  font-size: 1.3rem;
  border: 1px solid #712e2b;
  background: #fff;
  padding: 5px 18px 6px 18px;
  line-height: calc(26 / 13);
  letter-spacing: 0.1em;
  color: #712e2b;
}
@media screen and (max-width: 767.9px) {
  .front-page .main-visual__pick .main-visual__pick-link .main-visual-pic-item {
    font-size: 1.1rem;
  }
  .front-page
    .main-visual__pick
    .main-visual__pick-link
    .main-visual-pic-item
    .main-visual-pic-head {
    font-size: 0.95rem;
    line-height: calc(38 / 19);
    padding: 3px 15px 4px 15px;
    margin-right: 16px;
  }
  .page-members__inner
    .event-schedule
    .event-schedule__table-wrapper
    .event-schedule__table
    tr
    td {
    padding-left: 8px;
  }
  .top-store__btn-list .top-store__btn-item-3col .text {
    font-family: FP-HiraMinStdN-W5;
  }
  .second-nav_panel ul p.shop-name {
    font-size: 1.3rem;
  }
  .shop-list-wrapper .shop-name {
    font-size: 1.2rem;
  }
  .tabisuru-inner .message .title {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
.wholesale-flex-item__wrapper:not(:last-of-type) {
  margin-bottom: 90px;
}
.flex_col-2:not(:last-of-type) {
  margin-bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .wholesale-flex-item__wrapper:not(:last-of-type) {
    margin-bottom: 45px;
  }
  .flex_col-2:not(:last-of-type) {
    margin-bottom: 0;
  }
}
#catering .flex_col-2:not(:last-of-type) {
  margin-bottom: 90px;
}
@media screen and (max-width: 767.9px) {
  #catering .flex_col-2:not(:last-of-type) {
    margin-bottom: 45px;
  }
}
header.header
  .header-inner
  .header-inner__first
  .wrapper
  .gnav-first__list
  .gnav-first__item.search-item {
  margin-left: 20.3px;
  cursor: pointer;
  position: relative;
}
header.header .header-top__search-wrap {
  position: absolute;
  top: 27px;
  right: -60px;
}
body {
  color: #111111;
}
a {
  color: #111111;
}

.gnav-sp_sec .gnav-sp_sec-contents .gnav-sp_sec-inner .gnav-sp_list li a {
  text-align: center;
}
.page-recruit__inner
  .staff-talk__container
  .staff-talk__list
  .staff-talk__item
  .staff-talk__image-wrapper {
  width: 100%;
  padding-top: 66.66%;
  position: relative;
  overflow: hidden;
}
.page-recruit__inner
  .staff-talk__container
  .staff-talk__list
  .staff-talk__item
  .staff-talk__image-wrapper
  img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-shop__inner .shop-detail__container .shop-detail__wrapper {
  border-bottom: 2px solid #c9c9c9;
}
.page-shop__inner .shop-detail__container .shop-detail__wrapper:first-of-type {
  border-top: 2px solid#c9c9c9;
}
.page-shop__inner .page-title {
  border-bottom: 2px solid #c9c9c9;
}
.page-members__inner
  .event-schedule
  .event-schedule__table-wrapper
  .event-schedule__table
  tr
  td {
  border: 1px solid #c9c9c9;
}
.page-members__inner
  .event-schedule
  .event-schedule__table-wrapper
  .event-schedule__table {
  border: 1px solid #c9c9c9;
}
#archive .page-news__list .page-news__item,
body.search.search-results .page-news__list .page-news__item {
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  border-top: 1px solid #c9c9c9;
}
#archive .page-news__list .page-news__item:last-child,
body.search.search-results .page-news__list .page-news__item:last-child {
  border-bottom: 1px solid #c9c9c9;
}
#wholesale-inquiry form .toppart-mailform-data-wrap dd ul {
  border: 1px solid #c9c9c9;
}
.home header.header .header-inner .header-inner__second {
  position: relative;
}
.header-inner__second .gnav-second__item:last-of-type {
  position: static;
}
@media screen and (max-width: 1279.9px) {
  .header-inner__second .pc-sns-icons {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .header-inner__second .pc-sns-icons {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
    display: flex;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
}
.hover-nav {
  top: 76px;
}
.gnav-sp_footer .user-menu-list .user-menu-list_item .gnav-first__link {
  font-size: 1.2rem;
}
@media screen and (max-width: 767.9px) {
  .beans .product-item img {
    width: 100%;
  }
  .home .top-monthlybeans_item-link img,
  .beans .product-item_image img {
    width: 100%;
  }
  .home .top-monthlybeans_item-link::after,
  .beans .product-item_image::after {
    content: "";
    position: absolute;
    display: block;
    background-image: url(../images/cart-icon_right-top.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    right: 0;
    width: 18.18%;
    height: 6vw;
  }
}
.top-banner-area {
  text-align: center;
}
.top-banner-area ul li {
  margin-top: 125px;
}
.top-banner-area ul li a {
  display: inline-block;
}
@media screen and (max-width: 767.9px) {
  .top-banner-area ul li {
    margin-top: 56px;
  }
  .top-banner-list {
    width: 100% !important;
  }
  .top-banner-area-wrap {
    padding: 0 30px;
  }
}
.top-about__btn .top-about__btn-list .top-about__btn-item,
.top-wholesale__btn .top-wholesale__btn-list .top-wholesale__btn-item,
.top-project__btn .top-project__btn-list .top-project__btn-item,
.top-store__btn .top-store__btn-list .top-store__btn-item {
  padding-top: 22px;
  padding-bottom: 3px;
}
@media screen and (max-width: 767.9px) {
  .top-store__btn .top-store__btn-list,
  .top-project__btn .top-store__btn-list,
  .top-wholesale__btn .top-store__btn-list,
  .top-about__btn .top-store__btn-list {
    border-right: 0;
  }
  .top-about__btn .top-about__btn-list .top-about__btn-item,
  .top-wholesale__btn .top-wholesale__btn-list .top-wholesale__btn-item,
  .top-project__btn .top-project__btn-list .top-project__btn-item,
  .top-store__btn .top-store__btn-list .top-store__btn-item {
    padding-top: 13.5px;
    padding-bottom: 3px;
    margin-bottom: 0;
  }
  .top-store__btn-list .top-store__btn-item-3col,
  .top-project__btn-list .top-store__btn-item-3col,
  .top-wholesale__btn-list .top-store__btn-item-3col {
    padding-top: 13.5px;
    margin-bottom: 0;
    padding-bottom: 3px;
  }
  .top-wholesale__btn
    .top-wholesale__btn-list
    .top-wholesale__btn-item
    .top-wholesale__btn-link {
    padding: 0;
  }
  .top-wholesale__btn .top-wholesale__btn-list .top-wholesale__btn-item {
    margin-bottom: 10px;
  }
  .top-wholesale__btn .top-wholesale__btn-list .top-wholesale__btn-item.w100 {
    margin-bottom: 0 !important;
  }
}
.home .slick-dots {
  position: absolute;
  bottom: -78px;
}
.home .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.home .slick-dots li {
  width: 5px;
  height: 5px;
  margin: 0 3.5px;
}
.home .slick-dots button {
  width: 5px;
  height: 5px;
  padding: 0;
}
.home .slick-dots li button:before {
  background: #222;
  opacity: 1;
  content: "";
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
.home .slick-dots li.slick-active button::before {
  background: #fff;
  border: 1px solid #222;
}
@media screen and (max-width: 767.9px) {
  .home .slick-dots {
    position: absolute;
    bottom: -74.5px;
  }
  .home .slick-dotted.slick-slider {
    margin-bottom: 0;
  }
  .home .slick-dots li {
    width: 3px;
    height: 3px;
    margin: 0 2px;
  }
  .home .slick-dots button {
    width: 3px;
    height: 3px;
  }
  .home .slick-dots li button:before {
    background: #222;
    opacity: 1;
    content: "";
    border-radius: 50%;
    width: 3px;
    height: 3px;
  }
  .home .slick-dots li.slick-active button::before {
    background: #fff;
    border: 1px solid #222;
  }
}

header.header
  .header-inner
  .header-inner__first
  .wrapper
  .gnav-first__list
  .gnav-first__item
  .gnav-first__link.brown-red {
  color: #95524d;
}
.news-picker__cate-online {
  background: #95524d;
}
.front-page
  .main-visual__pick
  .main-visual__pick-link.news-picker__cate-online
  .main-visual-pic-item {
  color: #fff;
}
.front-page
  .main-visual__pick
  .main-visual__pick-link.news-picker__cate-online
  .main-visual-pic-item
  .main-visual-pic-head {
  border: 1px solid #c9c9c9;
  color: #333;
}

.top-onlineinfo {
  margin-top: 120px;
}
.top-onlineinfo .top-box__title {
  font-size: 3rem;
  font-family: FP-HiraMinStdN-W5;
  line-height: 1.3333333333;
  letter-spacing: 0.1em;
  padding-bottom: 17.5px;
  border-bottom: 1px solid #712e2b;
  opacity: 0.6;
  margin: 0 auto;
  width: 42.4528301887%;
  margin-bottom: 22.5px;
}

.top-onlineinfo__btn-list {
  width: 100% !important;
}
.top-onlineinfo__text-red {
  font-size: 2rem;
  color: #792525;
  letter-spacing: 0.05em;
  font-family: FP-HiraMinStdN-W5;
}

.top-onlineinfo__btn {
  width: 100%;
  margin-top: 57px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 3px;
  border-top: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}

.top-onlineinfo__img {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 21px;
}
@media screen and (max-width: 767.9px) {
  .top-onlineinfo {
    margin-top: 48px;
  }
  .top-onlineinfo .top-box__title {
    font-size: 2.2rem;
    padding-bottom: 8.5px;
    width: 100%;
    margin-bottom: 11.5px;
  }
  .top-onlineinfo__text-red {
    font-size: 1.2rem;
  }
  .top-onlineinfo__btn-list {
    border-top: 1px solid #c9c9c9;
  }
  .top-onlineinfo__img {
    flex-direction: column;
    padding: 0 5px;
    margin-top: 10px;
    row-gap: 1px;
  }
  .top-onlineinfo__btn {
    margin-top: 28.5px;
    padding: 0 5px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
  }
  .top-onlineinfo__btn-item {
    padding-top: 13.5px;
    padding-bottom: 3px;
  }
  .top-onlineinfo__btn-list .top-onlineinfo__btn-item {
    border-right: 1px solid #c9c9c9;
    width: 100%;
    border-left: 1px solid #c9c9c9;
  }
}
.gnav-first__item-online {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
/*topオンラインストア情報*/
.top-onlineinfo__img > li > a {
  position: relative;
  display: block;
}
.os-visual_img-text.os-black-top {
  position: absolute;
  top: 27px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.8rem;
  padding-bottom: 27px;
  text-align: center;
  color: #383230;
  border-bottom: 1px solid #acacac;
  width: 100%;
  font-family: "FP-ヒラギノ明朝 StdN W5";
}
@media screen and (min-width: 1100px) and (max-width: 1600px) {
  .os-visual_img-text.os-black-top {
    top: 15px;
    padding-bottom: 15px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .os-visual_img-text.os-black-top {
    top: 10px;
    padding-bottom: 10px;
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 399.9px) {
  .os-visual_img-text.os-black-top {
    font-size: 1.2rem;
    top: 8px;
    padding-bottom: 8px;
  }
}