body {
  background-color: #FCF4E7; }

body {
  font-family: 'Noto Sans JP', sans-serif; }

a {
  text-decoration: none; }

a:link,
a:visited {
  color: #382200; }

a:hover,
a:active {
  opacity: 0.8; }

li {
  list-style-type: none; }

img {
  width: 100%;
  height: auto; }

.main .first-visual-container {
  position: relative; }
  .main .first-visual-container:after {
    content: "";
    display: block;
    width: 30px;
    height: 125px;
    background-image: url("../images/front_scroll.svg");
    position: absolute;
    right: 0;
    bottom: 0; }
  .main .first-visual-container .first-visual__photo {
    height: 100vh; }
    .main .first-visual-container .first-visual__photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .main .first-visual-container .catch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .main .first-visual-container .catch img {
      width: 225px;
      height: auto; }
      @media (min-width: 680px) {
        .main .first-visual-container .catch img {
          width: 270px; } }
      @media (min-width: 1280px) {
        .main .first-visual-container .catch img {
          width: 350px; } }
.main .main__h3.heading {
  font-family: "Acme", sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  position: relative;
  z-index: 2;
  padding: 0px 0px 0px 40px;
  background-image: url("../images/deco-ring-dark.svg");
  background-position: left center;
  margin: 0px 0px -40px -15px;
  padding: 25px 0px 25px 30px; }
  .main .main__h3.heading + p {
    padding: 0px 0px 40px 15px;
    font-size: 1.25rem;
    position: relative;
    z-index: 5; }
    @media (min-width: 680px) {
      .main .main__h3.heading + p {
        font-size: 1.375rem; } }
.main .about-us {
  padding: 40px 0px 60px 30px;
  margin: 0 auto;
  background-image: url("../images/back_donut.png");
  background-position: left bottom;
  background-size: 500px; }
  @media (min-width: 1280px) {
    .main .about-us {
      background-size: 620px; } }
  @media (min-width: 680px) {
    .main .about-us {
      padding-left: 85px;
      max-width: 1200px; } }
  @media (min-width: 1280px) {
    .main .about-us {
      padding-left: 0; } }
  @media (min-width: 1280px) {
    .main .about-us__content {
      padding-left: 350px; } }
  .main .about-us__content__mainimg img {
    width: 100%;
    height: 290px;
    object-fit: cover; }
    @media (min-width: 1280px) {
      .main .about-us__content__mainimg img {
        height: 400px; } }
  .main .about-us__content__text p {
    padding: 1em 30px 0px 0px;
    text-align: justify;
    font-size: 1.125rem;
    letter-spacing: 0.1em;
    line-height: 2;
    max-width: 600px; }
    @media (min-width: 680px) {
      .main .about-us__content__text p {
        padding-right: 85px;
        max-width: 680px; } }
    @media (min-width: 1280px) {
      .main .about-us__content__text p {
        padding-right: 0; } }
  .main .about-us__content .link-button {
    margin: 0;
    padding: 40px 0px 0px 0px;
    display: flex;
    justify-content: center; }
    .main .about-us__content .link-button img {
      width: 160px; }
.main .menu {
  padding: 60px 30px; }
  @media (min-width: 680px) {
    .main .menu {
      padding: 60px 85px; } }
  @media (min-width: 1280px) {
    .main .menu {
      padding: 60px calc(50% - 600px); } }
  .main .menu__menu-name {
    padding: 20px 0px 10px 0px;
    font-size: 1.125rem;
    font-weight: 500; }
    .main .menu__menu-name:before {
      content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      border: 3px solid #C57754;
      border-radius: 50%;
      margin: 0 10px 0 0; }
  .main .menu__menu-item {
    max-width: 930px;
    margin: 0 auto; }
    .main .menu__menu-item figure {
      width: 300px;
      height: auto;
      border-radius: 30px; }
      @media (min-width: 680px) {
        .main .menu__menu-item figure {
          width: 400px; } }
      .main .menu__menu-item figure a {
        border-radius: 30px; }
    @media (min-width: 1280px) {
      .main .menu__menu-item--top > .wp-block-group__inner-container {
        display: flex;
        justify-content: space-between; } }
    @media (min-width: 1280px) {
      .main .menu__menu-item--bottom {
        padding-top: 50px; } }
    @media (min-width: 1280px) {
      .main .menu__menu-item--bottom > .wp-block-group__inner-container {
        display: flex;
        justify-content: space-between; } }
  .main .menu .link-button {
    margin: 0;
    padding: 40px 0px 0px 0px;
    display: flex;
    justify-content: center; }
    .main .menu .link-button figure {
      text-align: center; }
      .main .menu .link-button figure img {
        width: 190px; }
.main .order {
  padding: 60px 30px; }
  @media (min-width: 680px) {
    .main .order {
      padding: 60px 85px; } }
  @media (min-width: 1280px) {
    .main .order {
      padding: 60px calc(50% - 600px); } }
  @media (min-width: 1280px) {
    .main .order__content > .wp-block-group__inner-container {
      display: flex;
      justify-content: space-around; } }
  .main .order__content__donuts .fried figure {
    width: 320px;
    border-radius: 20px; }
    @media (min-width: 680px) {
      .main .order__content__donuts .fried figure {
        width: 400px; } }
    @media (min-width: 1280px) {
      .main .order__content__donuts .fried figure {
        width: 500px; } }
  .main .order__content__donuts .baked {
    padding: 0px 0px 20px 0px; }
    .main .order__content__donuts .baked figure {
      width: 320px;
      border-radius: 20px; }
      @media (min-width: 680px) {
        .main .order__content__donuts .baked figure {
          width: 400px; } }
      @media (min-width: 1280px) {
        .main .order__content__donuts .baked figure {
          width: 500px; } }
  .main .order__content__pick {
    background-image: url("../images/front_giving.png");
    background-size: 140px auto;
    background-position: right 90%;
    margin: 0 auto; }
    @media (min-width: 680px) {
      .main .order__content__pick {
        width: 400px;
        background-position: right 70%; } }
    @media (min-width: 1280px) {
      .main .order__content__pick {
        width: 520px;
        margin: 0;
        background-size: 240px auto; } }
    .main .order__content__pick figure {
      width: 300px; }
      @media (min-width: 1280px) {
        .main .order__content__pick figure {
          width: 400px; } }
    .main .order__content__pick p.contact-link {
      font-size: 1.125rem;
      padding: 40px 0px; }
      .main .order__content__pick p.contact-link a {
        color: #D3734C;
        text-decoration: underline; }
      .main .order__content__pick p.contact-link + p {
        font-size: 0.75rem; }
    .main .order__content__pick h5 {
      font-size: 1.125rem;
      font-weight: 500; }
      .main .order__content__pick h5:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        border: 3px solid #C57754;
        border-radius: 50%;
        margin: 0 10px 0 0; }
      @media (min-width: 680px) {
        .main .order__content__pick h5 {
          font-size: 1.25rem; } }
  .main .order__content .image-caption {
    color: #D3734C;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0px 0px 10px 0px; }
    @media (min-width: 680px) {
      .main .order__content .image-caption {
        font-size: 1.125rem; } }
    .main .order__content .image-caption:before {
      content: "";
      font-size: 1rem;
      width: 1em;
      height: 1em;
      display: inline-block;
      border-left: 2px solid #D3734C;
      transform: rotate(-30deg); }
    .main .order__content .image-caption:after {
      content: "";
      font-size: 1rem;
      width: 1em;
      height: 1em;
      display: inline-block;
      border-right: 2px solid #D3734C;
      transform: rotate(30deg); }
  .main .order__content figcaption {
    font-size: 0.75rem;
    text-align: center;
    color: #382200; }
    .main .order__content figcaption strong {
      font-size: 1rem;
      font-weight: 500; }
      @media (min-width: 680px) {
        .main .order__content figcaption strong {
          font-size: 1.125rem; } }
  .main .order .line-link p {
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 5px; }
    .main .order .line-link p::before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      border: 3px solid #E2C77F;
      border-radius: 50%;
      margin-right: 8px; }
  .main .order .link-button {
    margin: 0;
    padding: 40px 0px 0px 0px;
    display: flex;
    justify-content: center; }
    .main .order .link-button img {
      width: 260px; }
  .main .order .delivery {
    padding-top: 20px; }
    .main .order .delivery p {
      font-size: 0.875rem;
      font-weight: 500; }
      .main .order .delivery p::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 3px solid #E2C77F;
        border-radius: 50%;
        margin-right: 8px; }
    .main .order .delivery .delivery-icon {
      padding-top: 5px; }
      .main .order .delivery .delivery-icon .wolt {
        width: 160px;
        height: auto; }
      .main .order .delivery .delivery-icon .uber {
        padding-top: 10px;
        width: 110px;
        height: auto; }
        @media (min-width: 680px) {
          .main .order .delivery .delivery-icon .uber {
            padding-top: 0;
            margin-left: 30px; } }
      @media (min-width: 680px) {
        .main .order .delivery .delivery-icon > .wp-block-group__inner-container {
          display: flex;
          align-items: center; } }
.main .news {
  padding: 60px 30px; }
  @media (min-width: 680px) {
    .main .news {
      padding: 60px 85px; } }
  @media (min-width: 1280px) {
    .main .news {
      padding: 60px calc(50% - 600px); } }
  .main .news figure {
    width: 300px;
    margin: 0 auto;
    padding: 20px 0px; }
    @media (min-width: 680px) {
      .main .news figure {
        margin-top: -100px; } }
    @media (min-width: 1280px) {
      .main .news figure {
        margin: 0; } }
  .main .news p {
    font-size: 0.875rem;
    padding: 1em 0; }
    @media (min-width: 680px) {
      .main .news p {
        font-size: 1rem; } }
  @media (min-width: 1280px) {
    .main .news__content > .wp-block-group__inner-container {
      display: flex;
      justify-content: space-between; } }
  .main .news__content--top {
    padding: 0 0 20px 0; }
    @media (min-width: 1280px) {
      .main .news__content--top {
        flex-basis: 0;
        flex-grow: 2; } }
    @media (min-width: 680px) {
      .main .news__content--top > .wp-block-group__inner-container {
        display: flex;
        justify-content: flex-start; } }
    .main .news__content--top__text p {
      font-weight: 500; }
      @media (min-width: 1280px) {
        .main .news__content--top__text p {
          font-size: 1.125rem;
          padding-right: 100px; } }
  .main .news__content #sb_instagram {
    flex-grow: 0;
    flex-basis: 380px;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    align-items: center; }
.main .access {
  padding: 60px 30px;
  font-size: 0.875rem; }
  @media (min-width: 680px) {
    .main .access {
      padding: 60px 85px; } }
  @media (min-width: 1280px) {
    .main .access {
      padding: 60px calc(50% - 600px); } }
  @media (min-width: 1280px) {
    .main .access__content > .wp-block-group__inner-container {
      display: flex;
      flex-direction: row-reverse; } }
  .main .access__content figure {
    margin: 0 auto; }
    @media (min-width: 680px) {
      .main .access__content figure {
        width: 400px; } }
    @media (min-width: 1280px) {
      .main .access__content figure {
        width: 700px; } }
  .main .access__content strong {
    font-size: 1.125rem;
    font-weight: 500; }
    @media (min-width: 1280px) {
      .main .access__content strong {
        font-size: 1.25rem; } }
  .main .access__content__text {
    padding: 1em 0 0 0;
    max-width: 400px;
    margin: 0 auto; }
    .main .access__content__text .adress {
      position: relative;
      padding: 1em 0px 0px 2em; }
      .main .access__content__text .adress:before {
        content: "";
        width: 18px;
        height: 22px;
        display: inline-block;
        position: absolute;
        left: 0;
        background-image: url("../images/access_icon_pin.svg"); }
    .main .access__content__text .tel {
      position: relative;
      padding: 1em 0px 0px 2em; }
      .main .access__content__text .tel:before {
        content: "";
        width: 18px;
        height: 18px;
        display: inline-block;
        position: absolute;
        left: 0;
        background-image: url("../images/access_icon_tel.svg"); }
    .main .access__content__text .time {
      position: relative;
      padding: 1em 0px 0px 2em; }
      .main .access__content__text .time:before {
        content: "";
        width: 18px;
        height: 18px;
        display: inline-block;
        position: absolute;
        left: 0;
        background-image: url("../images/access_icon_time.svg"); }
    .main .access__content__text .link-button {
      margin: 0;
      padding: 40px 0px 0px 0px;
      display: flex;
      justify-content: center;
      display: block; }
      .main .access__content__text .link-button figure {
        width: 180px; }

ul.slick-dots button:before {
  width: 12px;
  height: 12px;
  border: 3px solid #fff;
  border-radius: 50%;
  opacity: 1; }

ul.slick-dots {
  width: auto;
  right: 55px;
  bottom: 5px; }
  ul.slick-dots li {
    margin: 0; }
    ul.slick-dots li.slick-active button:before {
      border-color: #000; }

/*# sourceMappingURL=home.css.map */