@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Voltaire&display=swap"); /*
font-family: "Montserrat", sans-serif;
font-family: "Noto Sans JP", sans-serif;
font-family: "Noto Serif JP", serif;
font-family: "Libre Caslon Text", serif;
 font-family: "Zen Antique Soft", serif;
*/
h1 {
  margin: 0;
}

figure {
  margin: 0;
}

ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

li, p {
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  color: #fff;
  cursor: pointer;
}

a:visited {
  color: #fff;
}

button,
input,
select,
optgroup,
textarea {
  font-size: 1em;
  line-height: 1.6;
}

.typ1 a {
  font-weight: 500;
  position: relative;
  color: #fff;
  background: #7D5A44;
  display: block;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25em;
  text-decoration: none;
}

.typ1 a:after {
  right: 1.5em;
  position: absolute;
  transition: 0.2s;
  content: "";
  display: block;
  width: 1.25em;
  height: 1.25em;
  background: url(../img/cake_icon.svg) no-repeat;
  background-size: auto 100%;
}

.typ1 a:hover:after {
  right: 1em;
}

.typ2 a {
  font-weight: 500;
  position: relative;
  color: #fff;
  background: #4B2F1E;
  display: block;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25em;
  text-decoration: none;
}

.typ2 a:after {
  right: 1.5em;
  position: absolute;
  transition: 0.2s;
  content: "";
  display: block;
  width: 1.25em;
  height: 1.25em;
  background: url(../img/cake_icon.svg) no-repeat;
  background-size: auto 100%;
}

.typ2 a:hover:after {
  right: 1em;
}

.btn {
  font-weight: 500;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  border: #fff 0.1em solid;
  padding: 1em;
  border-radius: 0.2em;
  color: #fff;
  z-index: 0;
}

.btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: -1;
}

.btn:hover {
  color: #301D11;
}

.btn:hover::before {
  transform: translateX(0);
}

.pagetitle {
  padding: 2em 0 2em 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #301D11 url(../img/bgframe.svg) center center no-repeat;
  background-size: cover;
  margin-bottom: 5em;
  color: #301d11;
}
@media screen and (max-width: 768px) {
  .pagetitle {
    background: #301D11 url(../img/bgframesp.svg) center center no-repeat;
    background-size: cover;
  }
}

.pagetitle h2 {
  text-align: center;
  font-size: 2.5em;
  margin: 0;
  line-height: 1;
}

.pagetitle h1 {
  text-align: center;
  font-size: 1.4em;
  margin: 0;
}

.pagetitle h2,
.pagetitle h1 {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.js-animate {
  opacity: 0;
  transform: scale(1.1);
  filter: blur(10px);
  transition: opacity 0.8s ease-out, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1), filter 0.7s ease-out;
  will-change: opacity, transform, filter;
}

.js-animate.is-show {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.js-fade {
  opacity: 0;
  filter: blur(10px);
  transition: opacity 0.6s ease-out, filter 0.6s ease-out;
  will-change: opacity, filter;
}

.js-fade.is-show {
  opacity: 1;
  filter: blur(0);
}

/*******************レイアウト***************************/
body {
  font-family: "Montserrat", "Noto Sans JP", serif;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  color: #fff;
  font-size: 1.1111111111vw;
  background: #301D11;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 3.0902777778vw;
  }
}

.header {
  position: relative;
  width: 100%;
  padding: 1em 2.5em;
  z-index: 2;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .header {
    padding: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__logo {
  width: 2.5em;
}
.header__logo-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .header__logo-sp {
    display: block;
    margin-bottom: 2em;
  }
}
.header__logo-link {
  display: flex;
}
.header__nav {
  display: flex;
  align-items: center;
}
.header__menu {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header__menu {
    flex-direction: column;
  }
}
.header__menu-item {
  margin-right: 1em;
}
@media screen and (max-width: 768px) {
  .header__menu-item {
    font-size: 1.5em;
    margin-bottom: 0.7em;
    margin-right: 0;
  }
}
.header__menu-item:last-child {
  margin-right: 3em;
}
@media screen and (max-width: 768px) {
  .header__menu-item:last-child {
    margin-right: 0;
  }
}
.header__menu-link {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 1.2em;
}
@media screen and (max-width: 768px) {
  .header__menu-link {
    color: #301D11;
  }
}
.header__menu-link span {
  display: block;
  transition: transform 0.35s ease, opacity 0.25s ease;
  width: 100%;
  text-align: center;
}
.header__menu-link:hover {
  color: #fff;
  text-decoration: none;
}
.header__menu-link:hover .header__menu-en {
  transform: translateY(-100%);
  opacity: 0;
}
.header__menu-link:hover .header__menu-ja {
  transform: translateY(0);
  opacity: 1;
  font-size: 0.9em;
}
.header__menu-link:visited {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .header__menu-link:visited {
    color: #301D11;
  }
}
.header__ec {
  width: 1.5em;
}
.header__menu-en {
  transform: translateY(0);
}
.header__menu-ja {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(100%);
  opacity: 0;
}

.mainvisual__inner {
  position: relative;
}
.mainvisual__inner img {
  display: block;
  width: 100%;
}
.mainvisual__brand {
  position: absolute;
  left: 5%;
  top: 12em;
  width: 25%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mainvisual__brand {
    width: 60%;
    top: 18em;
  }
}
.mainvisual__brand img {
  width: 100%;
  display: block;
}
.mainvisual__catch {
  position: absolute;
  left: 5%;
  top: 12em;
  width: 80%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mainvisual__catch {
    width: 90%;
    top: 16em;
  }
}
.mainvisual__catch img {
  width: 100%;
  display: block;
}
.mainvisual__text {
  position: absolute;
  left: 5%;
  top: 60em;
  font-size: 0.8em;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mainvisual__text {
    width: 90%;
    top: 52em;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual__text br {
    display: none;
  }
}
.mainvisual__schedule {
  position: absolute;
  right: 5%;
  top: 49em;
  background: #fff;
  display: flex;
  align-items: stretch;
  z-index: 1;
  height: 3.8em;
}
@media screen and (max-width: 768px) {
  .mainvisual__schedule {
    top: 51em;
    width: 90%;
    left: 5%;
  }
}
.mainvisual__schedule div.item {
  padding: 0;
  box-sizing: border-box;
  display: block;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.mainvisual__schedule .swiper-wrapper {
  width: 20em;
  margin: 0.5em;
  height: auto;
}
.mainvisual__schedule-title {
  background: #301D11;
  color: #fff;
  padding: 1em;
  display: flex;
  align-items: center;
  width: 7em;
}
.mainvisual__schedule-link {
  padding: 1em;
  background: #fff;
  text-decoration: none;
}
.mainvisual__schedule-date {
  display: block;
  font-size: 0.8em;
  color: #301D11;
}
.mainvisual__schedule-label {
  display: block;
  color: #301D11;
  height: 0.6em;
  font-size: 0.9em;
  font-weight: 500;
}

.read {
  background: url(../img/readbg.jpg) center center;
  background-size: cover;
  padding: 3em;
}
.read__text {
  text-align: center;
  line-height: 2.2;
}
@media screen and (max-width: 768px) {
  .read__text {
    padding: 0 10%;
  }
}
.read__logo {
  margin: 1em auto 3em;
  width: 10%;
}
@media screen and (max-width: 768px) {
  .read__logo {
    width: 20%;
  }
}

.products__item {
  display: flex;
}
@media screen and (max-width: 768px) {
  .products__item {
    flex-direction: column;
  }
}
.products__item--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .products__item--reverse {
    flex-direction: column;
  }
}
.products__media {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .products__media {
    width: 100%;
  }
}
.products__image {
  display: block;
}
.products__content {
  width: 50%;
  padding: 4em;
}
@media screen and (max-width: 768px) {
  .products__content {
    width: 100%;
    padding: 2em;
  }
}
.products__title-en {
  font-size: 1.2em;
  margin: 0;
}
.products__title-jp {
  font-size: 0.9em;
  margin: 0 0 2em 0;
}
.products__text {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.8;
}
.products__cta {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .products__cta {
    width: 90%;
    margin: 0 auto;
  }
}

.information {
  background: #4B2F1E;
  padding: 5em 10%;
  display: flex;
  justify-content: center;
  gap: 5%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .information {
    flex-direction: column;
  }
}
.information .events, .information .schedule {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .information .events {
    margin-bottom: 2em;
  }
}
.information .circle {
  z-index: 0;
  border-radius: 50%;
  background: #432919;
  position: absolute;
  opacity: 0.75;
  will-change: transform;
  pointer-events: none;
}
.information .circle1 {
  width: 10.2em;
  height: 10.2em;
  top: 22%;
  left: 4%;
}
.information .circle2 {
  width: 6em;
  height: 6em;
  top: 12%;
  right: 6%;
}
.information .circle3 {
  width: 12.2em;
  height: 12.2em;
  bottom: -12%;
  left: 6%;
}
.information .circle4 {
  width: 8em;
  height: 8em;
  top: 64%;
  right: 10%;
}
.information .circle5 {
  width: 9.6em;
  height: 9.6em;
  bottom: 6%;
  right: -6%;
}
.information .circle6 {
  width: 5em;
  height: 5em;
  bottom: 26%;
  right: 44%;
}
.information .circle7 {
  width: 9.5em;
  height: 9.5em;
  top: -18%;
  right: -12%;
}
.information .circle8 {
  width: 11.4em;
  height: 11.4em;
  top: -14%;
  left: 18%;
}
.information .circle9 {
  width: 5.2em;
  height: 5.2em;
  top: 34%;
  right: -10%;
}
.information .circle10 {
  width: 13em;
  height: 13em;
  bottom: -22%;
  left: 22%;
}
.information .circle11 {
  width: 7.4em;
  height: 7.4em;
  top: 48%;
  right: 26%;
}
.information .circle12 {
  width: 12em;
  height: 12em;
  bottom: 0%;
  right: 15%;
}

.events {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .events {
    width: 100%;
  }
}
.events__title-en {
  font-size: 1.2em;
  margin: 0;
  text-align: center;
}
.events__title-jp {
  font-size: 0.8em;
  margin: 0 0 0 0;
  text-align: center;
}
.events__header {
  padding-bottom: 2em;
}
.events__content {
  background: #301D11;
  margin: 0;
  padding: 0;
}
.events__item {
  border-bottom: 0.05em solid #4B2F1E;
  display: flex;
  align-items: stretch;
}
.events__date {
  position: relative;
  background: #7D5A44;
  padding: 0.75em 1.25em 0.75em 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 7em;
  width: 7em;
  clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
}
.events__date-start {
  display: block;
  line-height: 1;
  text-align: center;
}
.events__date-day {
  font-size: 1.6em;
  font-weight: 700;
  display: block;
  text-align: center;
}
.events__date-end {
  font-size: 0.6em;
  text-align: center;
}
.events__place {
  padding: 1.75em;
  font-size: 0.9em;
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 500;
}

.schedule {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .schedule {
    width: 100%;
  }
}
.schedule__title-en {
  font-size: 1.2em;
  margin: 0;
  text-align: center;
}
.schedule__title-jp {
  font-size: 0.8em;
  margin: 0 0 0 0;
  text-align: center;
}
.schedule__header {
  padding-bottom: 2em;
}
.schedule__content {
  background: #301D11;
}

.contact {
  background: #241309;
  width: 100%;
}
.contact__inner {
  width: 90%;
  margin: 0 auto;
  display: flex;
  gap: 5%;
  padding: 4em 0;
}
@media screen and (max-width: 768px) {
  .contact__inner {
    flex-direction: column;
  }
}
.contact__header h2 {
  margin-top: 0;
}
.contact__text {
  text-align: left;
  margin: 2em 0 0;
  line-height: 1.4;
  font-weight: 400;
  font-size: 0.8em;
}
@media screen and (max-width: 768px) {
  .contact__text {
    margin-bottom: 2em;
  }
}
.contact__info {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .contact__info {
    width: 100%;
  }
}
.contact__cta {
  flex-direction: column;
  width: 35%;
}
@media screen and (max-width: 768px) {
  .contact__cta {
    width: 100%;
  }
}
.contact__cta-cs {
  border-radius: 0.5em;
  margin-bottom: 1em;
}
.contact__cta-bs {
  border-radius: 0.5em;
}

.footer {
  font-size: 0.8em;
  padding: 5em 0 3em;
}
.footer__sns {
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  gap: 2em;
}
.footer__sns-item a {
  display: block;
}
.footer__nav {
  margin: 2em auto;
  display: flex;
  justify-content: center;
  padding: 0;
}
.footer__nav-item a {
  color: #fff;
}
.footer__nav-item a:hover {
  text-decoration: underline;
}
.footer__nav-item:after {
  content: "｜";
  display: inline-block;
  margin: 0 1em 0 1em;
}
.footer__nav-item:last-child {
  margin-right: 0;
}
.footer__nav-item:last-child:after {
  display: none;
}
.footer__copy {
  text-align: center;
  margin: 2em;
  display: block;
}

/**HOME**/
.home .header {
  position: absolute;
}

.header.is-fixed {
  background: #301D11;
  box-shadow: 0 0 0.5em #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.archive main {
  width: 80%;
  margin: 0 auto 5em;
}
@media screen and (max-width: 768px) {
  .archive main {
    width: 90%;
  }
}

.post-type-archive-products .product__list {
  display: flex;
  gap: 5%;
}
@media screen and (max-width: 768px) {
  .post-type-archive-products .product__list {
    flex-direction: column;
  }
}
.post-type-archive-products .product__list-item {
  width: 47.5%;
}
@media screen and (max-width: 768px) {
  .post-type-archive-products .product__list-item {
    width: 100%;
    margin-bottom: 2em;
  }
}
.post-type-archive-products .product__list-item a img {
  scale: 1;
  transition: 0.3s;
}
.post-type-archive-products .product__list-item a img:hover {
  scale: 1.1;
}
.post-type-archive-products .product__list-item figure {
  overflow: hidden;
  aspect-ratio: 3/2;
  margin-bottom: 1em;
}
.post-type-archive-products .product__name-jp {
  font-size: 1.3em;
  margin-bottom: 0em;
}
.post-type-archive-products .product__name-en {
  font-size: 1em;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .post-type-archive-event .events__item {
    flex-direction: column;
  }
}
.post-type-archive-event .events__place {
  font-size: 1.1em;
}
@media screen and (max-width: 768px) {
  .post-type-archive-event .events__place {
    padding: 1em 0;
  }
}
.post-type-archive-event .events__date {
  min-width: 16em;
  width: 16em;
  clip-path: none;
  flex-direction: row;
  align-items: center;
  padding: 0.75em 1.5em 0.75em 1.5em;
  justify-content: left;
}
@media screen and (max-width: 768px) {
  .post-type-archive-event .events__date {
    padding: 0.5em;
    width: auto;
    min-width: auto;
  }
}
.post-type-archive-event .events__date-start {
  font-size: 1em;
  display: block;
  line-height: 1.6;
}
.post-type-archive-event .events__date-end {
  font-size: 1em;
  display: block;
  line-height: 1.6;
}
.post-type-archive-event .events__date-day {
  font-size: 1em;
}
.post-type-archive-event .events__date-separate {
  margin: 0 0.25em;
}
.post-type-archive-event .typ2 {
  margin: 2em auto;
  width: 20em;
}

.post-type-archive-press main {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .post-type-archive-press main {
    width: 90%;
  }
}
.post-type-archive-press .media__item {
  display: flex;
  border-bottom: 0.1em solid #4B2F1E;
  padding: 1em 0;
}
@media screen and (max-width: 768px) {
  .post-type-archive-press .media__item {
    flex-direction: column;
    padding: 0.5em 1em;
  }
}
.post-type-archive-press .media__place {
  padding: 1em;
}
@media screen and (max-width: 768px) {
  .post-type-archive-press .media__place {
    padding-top: 0;
  }
}
.post-type-archive-press .media__date {
  padding: 1em;
  color: #FFE200;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .post-type-archive-press .media__date {
    padding-bottom: 0;
  }
}

.nav-links {
  margin: 3em auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1em;
}
.nav-links .page-numbers {
  background: #4B2F1E;
  padding: 1em;
  width: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-links .current {
  background: #7D5A44;
}

.single main, .page main {
  width: 80%;
  margin: 0 auto 5em;
}
@media screen and (max-width: 768px) {
  .single main, .page main {
    width: 90%;
  }
}

.single-products .product {
  display: flex;
  gap: 5%;
}
@media screen and (max-width: 768px) {
  .single-products .product {
    flex-direction: column;
  }
}
.single-products .product__images {
  width: 50%;
  position: sticky;
  top: 5em;
  height: -moz-max-content;
  height: max-content;
}
@media screen and (max-width: 768px) {
  .single-products .product__images {
    width: 100%;
    position: relative;
    height: auto;
    top: auto;
    margin-bottom: 2em;
  }
}
.single-products .product__image {
  aspect-ratio: 1/1;
  overflow: hidden;
  margin-bottom: 0.5em;
}
.single-products .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.single-products .product__detail {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .single-products .product__detail {
    width: 100%;
  }
}
.single-products .product__info {
  font-weight: 400;
}
.single-products .product__notice {
  font-weight: 400;
  font-size: 0.8em;
  margin-bottom: 3em;
}
.single-products .product__notice h4 {
  background: #241309;
  font-size: 1.1em;
  padding: 0.5em;
}
.single-products .product__notice ul {
  margin: 0 0 2em 0;
}
.single-products .product__notice li {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.25em;
}
.single-products .product__notice td:first-child {
  width: 12em;
  vertical-align: top;
}
.single-products .product__buy {
  display: flex;
  gap: 2%;
}
.single-products .product__buy a {
  width: 49%;
}

@media screen and (max-width: 768px) {
  .page-events .events__item {
    flex-direction: column;
  }
}
.page-events .events__place {
  font-size: 1.1em;
}
@media screen and (max-width: 768px) {
  .page-events .events__place {
    padding: 1em 0;
  }
}
.page-events .events__date {
  min-width: 16em;
  width: 16em;
  clip-path: none;
  flex-direction: row;
  align-items: center;
  padding: 0.75em 1.5em 0.75em 1.5em;
  justify-content: left;
}
@media screen and (max-width: 768px) {
  .page-events .events__date {
    padding: 0.5em;
    width: auto;
    min-width: auto;
  }
}
.page-events .events__date-start {
  font-size: 1em;
  display: block;
  line-height: 1.6;
}
.page-events .events__date-end {
  font-size: 1em;
  display: block;
  line-height: 1.6;
}
.page-events .events__date-day {
  font-size: 1em;
}
.page-events .events__date-separate {
  margin: 0 0.25em;
}
.page-events .typ2 {
  margin: 2em auto;
  width: 20em;
}

.page-company main {
  width: 60%;
  margin: 0 auto 5em;
}
@media screen and (max-width: 768px) {
  .page-company main {
    width: 90%;
  }
}
.page-company .comapany__about {
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 5em;
  font-weight: 500;
}
.page-company .comapany__about p {
  text-align: center;
}
.page-company .tableset__ttl {
  width: 20%;
  vertical-align: top;
  padding: 1em;
  border-bottom: 0.1em solid #4B2F1E;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .page-company .tableset__ttl {
    width: 30%;
  }
}
.page-company .tableset__txt {
  width: 80%;
  padding: 1em;
  border-bottom: 0.1em solid #4B2F1E;
}
@media screen and (max-width: 768px) {
  .page-company .tableset__txt {
    width: 70%;
  }
}

.page-store .store__image {
  display: flex;
  justify-content: space-between;
}
.page-store .store__image img {
  display: block;
  width: 33%;
}
.page-store .store__information {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5em;
}
@media screen and (max-width: 768px) {
  .page-store .store__information {
    flex-direction: column;
  }
}
.page-store .store__text {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .page-store .store__text {
    width: 100%;
  }
}
.page-store .store__location {
  width: 45%;
  filter: grayscale(100%) contrast(1) sepia(10%);
  height: 40em;
}
@media screen and (max-width: 768px) {
  .page-store .store__location {
    width: 100%;
  }
}
.page-store .tableset__ttl {
  width: 30%;
  vertical-align: top;
  padding: 1em;
  border-bottom: 0.1em solid #4B2F1E;
  text-align: left;
}
.page-store .tableset__txt {
  width: 70%;
  padding: 1em;
  border-bottom: 0.1em solid #4B2F1E;
}

.page-ec main {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .page-ec main {
    width: 90%;
  }
}
.page-ec .ec__cta {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 3em auto 0;
  gap: 5%;
}
@media screen and (max-width: 768px) {
  .page-ec .ec__cta {
    flex-direction: column;
  }
}
.page-ec .ec__cta div {
  width: 47.5%;
}
@media screen and (max-width: 768px) {
  .page-ec .ec__cta div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .page-ec .ec__cta diva.cs {
    margin-bottom: 1em;
  }
}

.page-contacts main,
.page-contact main,
.page-contact-business main {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .page-contacts main,
  .page-contact main,
  .page-contact-business main {
    width: 90%;
  }
}
.page-contacts .contact__cta,
.page-contact .contact__cta,
.page-contact-business .contact__cta {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 3em auto 0;
  gap: 5%;
}
@media screen and (max-width: 768px) {
  .page-contacts .contact__cta,
  .page-contact .contact__cta,
  .page-contact-business .contact__cta {
    flex-direction: column;
  }
}
.page-contacts .contact__cta a,
.page-contact .contact__cta a,
.page-contact-business .contact__cta a {
  width: 47.5%;
}
@media screen and (max-width: 768px) {
  .page-contacts .contact__cta a,
  .page-contact .contact__cta a,
  .page-contact-business .contact__cta a {
    width: 100%;
  }
}
.page-contacts .contact__cta-cs,
.page-contact .contact__cta-cs,
.page-contact-business .contact__cta-cs {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .page-contacts .contact__cta-cs,
  .page-contact .contact__cta-cs,
  .page-contact-business .contact__cta-cs {
    margin-bottom: 1em;
  }
}

.page-privacy main ul {
  margin-left: 0;
  padding-left: 2em;
}
.page-privacy main ul li {
  list-style-type: disc;
}
.page-privacy main ol {
  margin-left: 0;
  padding-left: 2em;
}

.error404 main {
  width: 80%;
  margin: 0 auto 5em;
}
.error404 .error__image {
  width: 30%;
  margin: 0 auto;
}
.error404 .error__image img {
  width: 100%;
  transform: rotate(-90deg);
  display: block;
}
.error404 .error__code {
  font-size: 8em;
  text-align: center;
  margin: 0 auto;
  line-height: 1;
}
.error404 .error__title {
  font-size: 1.4em;
  text-align: center;
}
.error404 .error__text {
  text-align: center;
}

.header__nav {
  display: flex;
}
@media screen and (max-width: 768px) {
  .header__nav {
    position: fixed;
    inset: 0;
    flex-direction: column;
    justify-content: center;
    background: #FFE200;
    transform: translateX(100%);
    transition: transform 0.3s ease;
  }
}

.header.is-open .header__nav {
  transform: translateX(0);
}

.header__toggle {
  display: none;
}
@media screen and (max-width: 768px) {
  .header__toggle {
    display: block;
    width: 3.5em;
    height: 1em;
    position: relative;
    right: 1em;
    background: none;
    border: 0;
    cursor: pointer;
  }
  .header__toggle span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.05em;
    background: #fff;
    transition: 0.3s;
  }
  .header__toggle span:nth-child(1) {
    top: 0;
  }
  .header__toggle span:nth-child(2) {
    top: 0.5em;
  }
  .header__toggle span:nth-child(3) {
    top: 1em;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open .header__toggle {
    z-index: 10;
  }
  .header.is-open .header__toggle span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1em;
    background: #301D11;
    transition: 0.3s;
  }
  .header.is-open .header__toggle span:nth-child(1) {
    top: 0.5em;
    transform: rotate(45deg);
  }
  .header.is-open .header__toggle span:nth-child(2) {
    display: none;
  }
  .header.is-open .header__toggle span:nth-child(3) {
    top: 0.5em;
    bottom: 0;
    transform: rotate(-45deg);
  }
}

.swiper-products-thumbs {
  overflow: hidden;
  position: relative;
}

.swiper-products-thumbs .swiper-slide {
  opacity: 0.5;
  display: block;
}

.swiper-products-thumbs .swiper-slide:hover {
  cursor: pointer;
}

.swiper-products-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-horizontal > .swiper-pagination {
  right: 0;
  top: 0;
  width: 4em;
  margin: auto;
  left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 5em;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 1em;
  height: 1em;
  display: block;
  margin-bottom: 1em;
  opacity: 1;
  background: #301D11;
}

.swiper-button-next, .swiper-button-prev {
  color: #fff;
  z-index: 1;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 1.5em;
}

.swiper-pagination-bullet-active {
  background: #FFE200 !important;
}

.swiper-button-next {
  right: 0;
}

.swiper-button-prev {
  left: 0;
}/*# sourceMappingURL=style.css.map */