@charset "UTF-8";
/* font */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@700;900&family=Noto+Sans+JP:wght@400;500;700;800&family=Noto+Serif+JP:wght@400;700&display=swap");
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.ec-productRole .ec-productRole__category a {
  color: #DE5D50 !important;
}

.ec-topicpath .ec-topicpath__item--active a {
  color: #DE5D50 !important;
}

.ec-productRole .ec-productRole__category ul li i {
  color: var(--bs-gray-500);
}

/*  */
.ec-pager {
  padding: 0 0 5.0em;
}

/* slick */
.slider_wrap {
  margin-top: 69px;
  margin-bottom: 4.0em;
}

.slider_wrap .slider .slick-slide {
  height: 33.333333vw;
}

@media only screen and (max-width: 767px) {
  .slider_wrap .slider .slick-slide {
    height: auto;
  }
}

.slider_wrap .slider .slick-slide picture {
  position: relative;
}

.slider_wrap .slider .slick-slide picture .inview {
  position: absolute;
  top: 2.0rem;
  left: 2.0rem;
  font-size: clamp(1.5rem, calc(2vw + 1rem), 3.75rem);
  font-weight: 800;
  line-height: 1.5;
  color: #fff;
  -webkit-filter: drop-shadow(0 0 10 #000);
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
}

.slider_wrap .slider .slick-slide picture img {
  width: 100%;
}

.slider_wrap .slick-dots {
  bottom: 0;
  padding: 1rem;
}

.slick-dots {
  bottom: 0;
  padding: 1rem;
}

.slick-dots li button::before {
  font-size: 33px !important;
}

/* pageTop */
.pageImage {
  height: 20vh;
  background-image: url(/html/template/haku/assets/img/common/topImg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 69px;
  margin-bottom: 3.0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.pageImage h2 {
  display: inline-block;
  color: #fff;
  padding: 0.25em 3.0em;
  background-color: rgba(0, 0, 0, 0.35);
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(1.5rem, calc(2vw + 1rem), 2.6rem);
  font-weight: 700;
}

.pageImage h2:not(:last-child) {
  display: none;
}

/* ec */
.ec-productRole {
  margin: 0 auto 3.0em;
  padding-left: 16px;
  padding-right: 0;
  max-width: 100%;
}

.ec-productRole .ec-sliderItemRole {
  padding-left: 0;
  padding-right: 16px;
  max-width: 100%;
  margin-bottom: 0;
}

.ec-productRole .ec-sliderItemRole .item_nav {
  width: 105%;
}

.ec-cartRole,
.ec-orderRole,
.ec-cartCompleteRole {
  margin-bottom: 3.0em;
  padding-left: 0;
  padding-right: 0;
}

.ec-cartRole .ec-cartRole__actions,
.ec-orderRole .ec-cartRole__actions,
.ec-cartCompleteRole .ec-cartRole__actions {
  width: 100%;
}

.ec-cartRole .ec-cartRole__actions .wrap,
.ec-orderRole .ec-cartRole__actions .wrap,
.ec-cartCompleteRole .ec-cartRole__actions .wrap {
  width: 30%;
  margin: auto;
  text-align: center;
}

.ec-layoutRole__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px;
}

.ec-shelfRole .slick-dots {
  bottom: 0px !important;
}

@media only screen and (max-width: 767px) {
  .ec-shelfRole .slick-dots {
    bottom: 0 !important;
  }
}

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.slick-dotsec-topicpath__item,
.ec-layoutRole {
  min-height: initial;
}

.ec-headerNav .ec-headerNav__item {
  font-size: initial;
}

.ec-cartNavi {
  border-radius: 0;
  padding: 0;
  min-width: initial;
  height: initial;
  background: none;
}

.ec-cartNavi .ec-cartNavi__badge {
  background-color: initial;
  font-size: 14px;
}

.ec-shelfGrid__item {
  text-align: center;
  margin-bottom: 2.0em !important;
}

.ec-shelfGrid__item a img {
  margin-bottom: 1.5em;
}

.ec-shelfGrid__item a p {
  font-size: 0.875rem;
  margin-bottom: 1.0rem;
}

.ec-shelfGrid__item a dl {
  font-size: 1.0rem;
}

.ec-shelfGrid__item a dl dt {
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(1rem, calc(2vw + 1rem), 1.1875rem);
  font-weight: 400;
  margin-bottom: 0.35rem;
}

.ec-shelfGrid__item a dl dd {
  font-size: 0.875rem;
  margin-bottom: 0;
}

/* main */
.ec-topicRole {
  padding: 0 0 60px;
}

.ec-topicRole .ec-role {
  margin-bottom: 0;
}

.ec-topicpath .ec-topicpath__item a {
  color: #525263;
}

.ec-mypageRole {
  padding-left: 16px;
  padding-right: 0;
  margin-bottom: 1.0em;
}

.ec-layoutRole__main,
.ec-off1Grid {
  margin-bottom: 6.0em;
}

.ec-searchnavRole {
  margin-bottom: 3.0em;
}

.ec-off1Grid__cell {
  width: 100% !important;
  margin-left: 0 !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.ec-pageHeader h1 {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-top: 0 !important;
}

.ec-categoryRole {
  padding: 0;
  background: initial;
}

.ec-categoryRole .ec-role {
  margin-bottom: 0;
}

.ec-categoryRole .ec-categoryRole__list {
  margin-bottom: 6.0em;
}

.ec-role {
  padding-left: 16px;
  padding-right: 0;
  max-width: 100%;
  margin-bottom: 6.0em;
}

@media only screen and (max-width: 767px) {
  .ec-role {
    padding-left: 0;
  }
}

.ec-shelfRole {
  margin-bottom: 3.0em;
}

.ec-shelfRole .wrap,
.ec-newsRole .wrap {
  text-align: center;
}

.ec-shelfRole .wrap h2,
.ec-newsRole .wrap h2 {
  font-size: clamp(1.375rem, calc(2vw + 1rem), 1.6rem);
  position: relative;
  display: inline-block;
  padding: 0 105px;
  font-weight: bold;
  margin-bottom: 3.0rem;
}

@media only screen and (max-width: 767px) {
  .ec-shelfRole .wrap h2,
  .ec-newsRole .wrap h2 {
    padding: 0;
  }
}

.ec-shelfRole .wrap h2::before, .ec-shelfRole .wrap h2::after,
.ec-newsRole .wrap h2::before,
.ec-newsRole .wrap h2::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100px;
  height: 3px;
  background-color: #acacac;
}

@media only screen and (max-width: 767px) {
  .ec-shelfRole .wrap h2::before, .ec-shelfRole .wrap h2::after,
  .ec-newsRole .wrap h2::before,
  .ec-newsRole .wrap h2::after {
    width: 50%;
    top: 120%;
  }
}

.ec-shelfRole .wrap h2::before,
.ec-newsRole .wrap h2::before {
  left: 0;
  background: -webkit-gradient(linear, right top, left top, from(#acacac), to(transparent));
  background: -webkit-linear-gradient(right, #acacac, transparent);
  background: linear-gradient(-90deg, #acacac, transparent);
}

.ec-shelfRole .wrap h2::after,
.ec-newsRole .wrap h2::after {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(#acacac), to(transparent));
  background: -webkit-linear-gradient(left, #acacac, transparent);
  background: linear-gradient(90deg, #acacac, transparent);
}

.ec-newsRole {
  padding-top: 0;
}

.ec-newsRole .ec-newsRole__news {
  border: none;
  padding: 0;
}

.ec-newsRole .ec-newsRole__news .ec-newsRole__newsItem {
  border-bottom: 1px dotted #cecece;
}

.ec-newsRole .ec-newsRole__news .ec-newsRole__newsItem .ec-newsRole__newsHeading .ec-newsRole__newsDate {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  position: relative;
  top: 4px;
}

.ec-newsRole .ec-newsRole__news .ec-newsRole__newsCloseBtn {
  background-color: initial;
}

.ec-newsRole .ec-newsRole__news .ec-newsRole__newsCloseBtn i {
  color: #b6b6b6;
  font-size: 1.2rem;
}

.ec-newsRole .ec-newsRole__newsDescription {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.0rem;
  font-weight: 400;
}

.ec-layoutRole__contents {
  width: 100%;
  max-width: 1680px;
  margin: auto;
}

.ec-layoutRole__contents .ec-layoutRole__mainWithColumn {
  width: 75%;
}

@media only screen and (max-width: 767px) {
  .ec-layoutRole__contents .ec-layoutRole__mainWithColumn {
    width: 100%;
  }
}

.ec-layoutRole__contents .ec-layoutRole__mainWithColumn .ec-searchnavRole {
  max-width: 100%;
}

.ec-layoutRole__contents .ec-layoutRole__mainWithColumn .ec-searchnavRole .ec-searchnavRole__topicpath .ec-topicpath {
  padding-top: 0;
}

.ec-layoutRole__contents .ec-layoutRole__mainWithColumn .ec-searchnavRole .ec-searchnavRole__infos {
  max-width: 100%;
}

.ec-layoutRole__contents .ec-layoutRole__mainWithColumn .ec-shelfRole {
  max-width: 100%;
  padding-left: 7px;
  padding-right: 0;
}

/* aside */
aside {
  width: 25%;
  min-width: 300px;
  padding-left: 0;
  padding-right: 16px;
}

@media only screen and (max-width: 767px) {
  aside {
    display: none;
  }
}

aside .wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
  padding-bottom: 30px;
}

aside .wrap ul {
  padding-left: 0;
}

aside .wrap ul li > ul {
  display: none;
}

aside .wrap ul li a {
  padding: 1.0rem;
}

aside .wrap ul li li a {
  padding-left: 2.0rem;
}

aside .wrap ul li li li a {
  padding-left: 3.0rem;
}

aside .wrap ul li li li li a {
  padding-left: 4.0rem;
}

aside .wrap .parent {
  margin: 0;
  padding: 0;
}

aside .wrap .parent li {
  list-style: none;
  font-size: 16px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

aside .wrap .parent li > a {
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(1rem, calc(2vw + 1rem), 1.1875rem);
  font-weight: 400;
  border: 1px solid #cecece;
  color: #555;
  cursor: pointer;
  display: block;
  margin-bottom: -1px;
  position: relative;
}

aside .wrap .parent li.second {
  position: relative;
}

aside .wrap .parent li.second > a {
  pointer-events: none;
}

aside .wrap .parent li.second .children {
  display: none;
  padding-left: 0;
}

aside .wrap .parent li.second .children li {
  list-style: none;
  font-size: 14px;
  cursor: pointer;
}

aside .wrap .parent li.second .children li a {
  border: 1px solid #cecece;
}

aside .wrap .parent li.second .children li.second .children {
  /* display: none; */
}

aside .wrap .parent li.second .children li.second.active > .children {
  /* display: block; */
}

aside .wrap .parent li.second.active > .children {
  /* display: block; */
}

aside .wrap .parent li.second.active::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

aside .wrap .parent li.second::after {
  content: '';
  position: absolute;
  top: 24px;
  right: 13px;
  width: 10px;
  height: 10px;
  border-top: 2px solid var(--bs-gray-500);
  border-right: 2px solid var(--bs-gray-500);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* main */
/* header */
.category_id {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  padding: 20px 30px;
  background-color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

header .ec-headerNavSP {
  background-color: initial;
  color: #f3f3f3;
  top: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

header.shlink {
  padding: 8px 30px;
  background-color: black;
}

header.shlink h1 .logo {
  width: 100px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

header.shlink .ec-headerNavSP {
  top: 1px;
}

header .ec-headerNav {
  font-family: 'Noto Serif JP', serif;
}

@media only screen and (max-width: 767px) {
  header .ec-headerNav {
    display: none;
  }
}

header .ec-headerNav .ec-headerNav__item {
  margin-right: 2.0rem;
}

header .ec-headerNav .ec-headerNav__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

header .ec-headerNav .ec-headerNav__itemLink {
  color: #f3f3f3;
}

header .ec-headerRole__cart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Noto Serif JP', serif;
}

header .ec-headerRole__cart .ec-cartNaviWrap {
  margin-right: 2.0rem;
}

@media only screen and (max-width: 767px) {
  header .ec-headerRole__cart .ec-cartNaviWrap {
    display: none;
  }
}

header .ec-headerRole__cart .ec-cartNaviWrap .ec-cartNavi {
  color: #f3f3f3;
}

header .ec-headerRole__cart .ec-cartNaviWrap .ec-cartNavi .cart_num span {
  position: relative;
  color: #f3f3f3;
  margin-left: 0.65rem;
}

header .ec-headerRole__cart .ec-cartNaviWrap .ec-cartNavi .cart_num span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #525252;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

header h1 {
  margin: 0 auto 0 0;
  font-size: initial;
}

@media only screen and (max-width: 767px) {
  header h1 {
    margin: auto;
  }
}

header h1 .logo {
  width: 135px;
  height: auto;
}

/*  */
.ec-headerSearch .ec-headerSearch__keyword {
  width: 57%;
  border-bottom-left-radius: inherit;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

@media only screen and (max-width: 767px) {
  .ec-headerSearch .ec-headerSearch__keyword {
    width: 100%;
  }
}

.ec-headerSearch {
  background-color: #222;
}

.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  font-size: 1.0rem;
  background: #4393c3;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ec-headerSearch .ec-headerSearch__keyword {
  color: #525263;
  border: 1px solid #ccc;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.ec-drawerRole .ec-headerSearch {
  padding: 20px 16px 20px;
  background: #EBEBEB;
  color: #636378;
}

.ec-itemNav__nav {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
  font-weight: normal;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list a {
  color: #f3f3f3;
}

.ec-drawerRoleClose {
  background-color: initial;
  color: #f3f3f3;
}

/*  */
.ec-cartNaviIsset,
.ec-cartNaviNull {
  -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.35));
  filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.25));
  background-color: #fff !important;
  top: 35px;
}

.ec-cartNaviIsset::before,
.ec-cartNaviNull::before {
  right: -1px;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent !important;
}

/*モーダルを開くボタン*/
.modal-open {
  padding-right: 20px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .modal-open {
    display: none;
  }
}

.modal-open i {
  font-size: 18px;
  color: #cecece;
}

/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 100px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 1001;
}

/*モーダル本体の擬似要素の指定*/
.modal-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active {
  opacity: 1;
  visibility: visible;
}

/*モーダル枠の指定*/
.modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
  width: 90%;
}

/*モーダルを閉じるボタンの指定*/
.modal-close {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

/*モーダル内のコンテンツの指定*/
.modal-content {
  background: #fff;
  text-align: left;
  padding: 50px 30px;
}

.ec-headerNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* .ec-role {
    max-width: 1680px;
    padding-left: 60px;
    padding-right: 60px;
} */
/* .ec-newItemRole .ec-newItemRole__listItem {
    width: 20%;
} */
/* .ec-newsRole {
    max-width: 1280px;
    margin: auto;
} */
/*  */
.ec-registerCompleteRole {
  margin: 0 auto 6.0em;
}

/* footer */
footer {
  background-color: #222;
  color: #aaa;
  /* .slick-slide:not(.slick-current) {
        opacity: 0;
    } */
}

footer a {
  color: #aaa;
}

footer .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1340px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  footer .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  footer .wrapper .utility {
    width: 100%;
  }
  footer .wrapper .wrap {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

footer .wrapper .item {
  width: calc(100% / 3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  footer .wrapper .item {
    width: 100%;
    padding: 30px 0 0;
  }
}

footer .wrapper .utility ul {
  position: relative;
  color: #f3f3f3;
  width: 100%;
}

footer .wrapper .utility ul::before {
  /* content: "INFORMATION";
                    position: absolute;
                    display: block;
                    top: -15px;
                    left: 20px;
                    background: #222;
                    color: #7e7e7e;
                    font-size: 16px;
                    font-weight: bold;
                    padding: 0 10px; */
}

footer .wrapper .utility ul li {
  line-height: 1.75;
}

footer .wrapper .utility ul li::marker {
  color: #555;
}

@media only screen and (max-width: 767px) {
  footer .wrapper .utility ul {
    padding-left: 0;
  }
  footer .wrapper .utility ul li {
    list-style: none;
    text-align: center;
  }
  footer .wrapper .utility ul li a {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.0rem;
    font-weight: 400;
    border-bottom: 1px dotted #7e7e7e;
    color: #f3f3f3;
    cursor: pointer;
    display: block;
    padding: 10px;
  }
}

footer .wrapper .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 66.6666%;
}

footer .wrapper .wrap .id {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  border-right: 1px solid #555;
  border-left: 1px solid #555;
  text-align: center;
  width: 50%;
}

@media only screen and (max-width: 767px) {
  footer .wrapper .wrap .id {
    width: 100%;
    border: none;
  }
}

footer .wrapper .wrap .id .logo {
  margin-bottom: 1.0rem;
}

footer .wrapper .wrap .id .logo img {
  width: 70%;
  height: auto;
}

footer .wrapper .wrap .calendar-wrap {
  width: 50%;
}

@media only screen and (max-width: 767px) {
  footer .wrapper .wrap .calendar-wrap {
    width: 100%;
  }
  footer .wrapper .wrap .calendar-wrap.item {
    padding-top: 0;
    position: relative;
  }
}

footer .wrapper .wrap .calendar-wrap p {
  text-align: center;
}

footer .wrapper .wrap .calendar-wrap p span {
  color: #DE5D50;
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__mon,
footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__tue,
footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__wed,
footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__thu,
footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__fri {
  background: none;
  color: #f3f3f3;
  font-weight: 400;
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__sun,
footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__sat,
footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__day,
footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__holiday {
  background: none;
  color: #f3f3f3;
  font-weight: 400;
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__today {
  color: #222;
  font-weight: 500;
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__today::before {
  background: #b6b6b6;
}

footer .wrapper .wrap .calendar-wrap .ec-calendar {
  width: 300px;
  margin: 0 auto 0.5em;
}

@media only screen and (max-width: 767px) {
  footer .wrapper .wrap .calendar-wrap .ec-calendar {
    width: 236px;
  }
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__month {
  width: 320px;
  margin-left: 0;
  display: table !important;
}

@media only screen and (max-width: 767px) {
  footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__month {
    display: initial !important;
  }
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__month th {
  border-bottom: 1px solid #7e7e7e;
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .ec-calendar__month td {
  border-top: 1px solid #7e7e7e;
  border-bottom: 1px solid #7e7e7e;
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .slick-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .slick-arrow::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #f3f3f3;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 31px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .slick-next {
  right: -35px;
}

@media only screen and (max-width: 767px) {
  footer .wrapper .wrap .calendar-wrap .ec-calendar .slick-next {
    right: -35px;
  }
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .slick-next::before {
  left: 12px;
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .slick-prev {
  left: -35px;
}

footer .wrapper .wrap .calendar-wrap .ec-calendar .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 12px;
}

.ec-blockTopBtn {
  width: auto;
  height: auto;
  line-height: initial;
  opacity: 0.8;
  background-color: initial;
  color: var(--bs-gray-500);
  font-size: clamp(1.8rem, calc(2vw + 1rem), 2.2rem);
}

@media only screen and (max-width: 767px) {
  .ec-blockTopBtn {
    right: 30px;
    bottom: 30px;
  }
}

/* select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
} */
/*# sourceMappingURL=custom.css.map */