@charset "UTF-8";
/* ========================================
変数・関数
======================================== */
:root {
  --color-base: #5E3611;
  --color-yellow: #FFE56F;
  --color-yellow-light: #FFF8DB;
  --color-red: #FC4747;
  --font-base: "Noto Sans JP", sans-serif;
  --font-lato: "Lato", "Noto Sans JP", sans-serif;
  --heght-header-pc: 164px;
  --heght-header-sp: 64px;
  --mg-pc: 3vw;
  --mg-sp: min(calc(24 / 375 * 100vw), 50px);
  --z-index-header: 9;
  --z-index-nav: 10;
  --z-index-nav-search: 11;
  --z-index-modal: 12;
}

/* ========================================
mixin
======================================== */
/* ========================================
リセットCSS
======================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
  overflow-wrap: break-word;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

iframe {
  max-width: 100%;
  vertical-align: middle;
}

span {
  font: inherit;
  letter-spacing: inherit;
}

ul,
ol {
  list-style: none;
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address {
  font: inherit;
}

/* ========================================
ベースCSS
======================================== */
body {
  color: var(--color-base);
  font-family: var(--font-base);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7466666667;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover, a:focus {
  color: inherit;
}

@media (hover: hover) {
  a:hover {
    color: inherit;
  }
}
*,
*::before,
*::after {
  letter-spacing: 0.08em;
}

/* CLEAR-FIX */
/* // .clearfix {
//   zoom: 1;
// }

// .clearfix:after {
//   clear: both;
//   content: ".";
//   display: block;
//   height: 0;
//   line-height: 0;
//   visibility: hidden;
// }  */
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/* ========================================
補助的に使用 u-
======================================== */
@media screen and (min-width: 768px) {
  .u-sp {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .u-spLg {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .u-pcLg {
    display: none !important;
  }
}

.u-ib {
  display: inline-block !important;
}

.u-text-center {
  text-align: center !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-right {
  text-align: right !important;
}

.u-color-red {
  color: var(--color-red) !important;
}

/* ========================================
モジュール・パーツ m-
======================================== */
.m-inner {
  width: calc(100% - var(--mg-pc) * 2);
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .m-inner {
    width: calc(100% - var(--mg-sp) * 2);
  }
}

.m-bg-yellow {
  background-color: var(--color-yellow);
}

.m-bg-yellowLight {
  background-color: var(--color-yellow-light);
}

.m-bg-white {
  background: #fff;
}

.m-inpMainTtl {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .m-inpMainTtl {
    font-size: 24px;
  }
}

.m-secTtl01 {
  padding-top: 35px;
  background: url(../image/common/secttl_deco.svg) center top/auto no-repeat;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .m-secTtl01 {
    padding-top: 23px;
    background-size: 38px auto;
    font-size: 24px;
  }
}

.m-secTtl02 {
  padding-top: 15px;
  background: url(../image/common/secttl_deco.svg) center top/27px auto no-repeat;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .m-secTtl02 {
    padding-top: 18px;
    background-size: 33px auto;
    font-size: 22px;
  }
}

.m-secTtlEn {
  padding-top: 18px;
  background: url(../image/common/secttl_deco.svg) center top/36px auto no-repeat;
  font-family: var(--font-lato);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .m-secTtlEn {
    padding-top: 17px;
    background-size: 38px auto;
    font-size: 15px;
  }
}

.m-secTtlJp {
  padding-top: 30px;
  background: url(../image/common/secttl_deco.svg) center top/42px auto no-repeat;
  font-family: var(--font-lato);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .m-secTtlJp {
    padding-top: 20px;
    background-size: 38px auto;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  .m-secTtlJp.-large {
    font-size: 28px;
  }
}

.m-secTtlMix {
  padding-top: 18px;
  background: url(../image/common/secttl_deco.svg) center top/36px auto no-repeat;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .m-secTtlMix {
    padding-top: 18px;
    background-size: 38px auto;
  }
}
.m-secTtlMix .m-secTtlMix_en {
  display: block;
  margin: 0 0 16px;
  font-family: var(--font-lato);
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .m-secTtlMix .m-secTtlMix_en {
    margin-bottom: 6px;
    font-size: 15px;
  }
}
.m-secTtlMix .m-secTtlMix_jp {
  display: block;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .m-secTtlMix .m-secTtlMix_jp {
    font-size: 22px;
  }
}
.m-secTtlMix a {
  text-decoration: none !important;
  position: relative;
}
.m-secTtlMix a::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-base);
  transform: translateY(0);
  opacity: 0;
  position: absolute;
  bottom: -1px;
  left: 0;
}
@media (hover: hover) {
  .m-secTtlMix a::before {
    transition: 0.3s;
  }
  .m-secTtlMix a:hover::before {
    opacity: 1;
  }
}

.m-moreBtn-fill, .m-moreBtn-boder {
  display: flex;
  align-items: center;
  width: 185px;
  height: 46px;
  padding: 3px 0 0 21px;
  border-radius: 23px;
  color: var(--color-base);
  font-family: var(--font-lato);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  position: relative;
}
@media screen and (max-width: 767px) {
  .m-moreBtn-fill, .m-moreBtn-boder {
    width: 160px;
    height: 40px;
    padding-top: 2px;
    padding-left: 18px;
    font-size: 12px;
  }
}
.m-moreBtn-fill::after, .m-moreBtn-boder::after {
  content: "";
  display: block;
  width: 22px;
  height: 13px;
  background: url(../image/common/arrow_large_brown.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .m-moreBtn-fill::after, .m-moreBtn-boder::after {
    width: 18px;
    height: 11px;
    background-image: url(../image/common/arrow_small_brown.svg);
    right: 18px;
  }
}
@media (hover: hover) {
  .m-moreBtn-fill, .m-moreBtn-boder {
    transition: background-color 0.3s, color 0.3s;
  }
  .m-moreBtn-fill:hover, .m-moreBtn-boder:hover {
    background-color: var(--color-base);
    color: #fff;
  }
  .m-moreBtn-fill:hover::after, .m-moreBtn-boder:hover::after {
    background-image: url(../image/common/arrow_large_white.svg);
  }
}
@media screen and (hover: hover) and (max-width: 767px) {
  .m-moreBtn-fill:hover::after, .m-moreBtn-boder:hover::after {
    background-image: url(../image/common/arrow_small_white.svg);
  }
}

.m-moreBtn-boder {
  border: 1px solid var(--color-base);
}
.m-moreBtn-fill {
  background: #fff;
}

.m-moreLink-white, .m-moreLink {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font-lato);
  font-size: 14px;
  font-weight: 700;
  padding-right: 39px;
  text-decoration: none !important;
  position: relative;
}
.m-moreLink-white::after, .m-moreLink::after {
  content: "";
  display: block;
  width: 22px;
  height: 14px;
  background: url(../image/common/arrow_large_brown.svg) center right/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translate(0, -50%);
  transition: 0.3s;
}
@media (hover: hover) {
  .m-moreLink-white:hover::after, .m-moreLink:hover::after {
    transform: translate(5px, -50%);
  }
}

.m-moreLink-white::after {
  background-image: url(../image/common/arrow_large_white.svg);
}

.m-telLink {
  text-decoration: none;
}
@media (hover: hover) {
  .m-telLink {
    pointer-events: none;
  }
}

.m-fadeIn {
  opacity: 0;
  transform: translateY(40px);
}
.m-fadeIn.is-on {
  opacity: 1;
  transform: translateY(0);
  transition: 1.2s;
}

.m-link-underLine {
  text-decoration: underline;
}
@media (hover: hover) {
  .m-link-underLine:hover {
    text-decoration: none;
  }
}

.m-indent {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width: 767px) {
  .m-spFull {
    width: calc(100% + var(--mg-sp) * 2);
    margin-left: calc(var(--mg-sp) * -1);
  }
}

/* ========================================
共通で使うレイアウト l-
========================================*/
.l-main {
  padding-bottom: 124px;
}
@media screen and (max-width: 767px) {
  .l-main {
    padding-bottom: 64px;
  }
}

.l-container .l-productList {
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  .l-container .l-productList {
    margin-top: 28px;
  }
}

.l-col2Container {
  max-width: 1200px;
  display: flex;
  gap: 0 min(calc(80 / 1440 * 100vw), 80px);
  padding-top: 24px;
  padding-bottom: 124px;
}
@media screen and (max-width: 767px) {
  .l-col2Container {
    display: block;
    padding-top: 20px;
    padding-bottom: 94px;
  }
}
.l-col2Container_aside {
  width: 180px;
}
@media screen and (max-width: 767px) {
  .l-col2Container_aside {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .l-col2Container_main {
    width: calc(100% - min(calc(80 / 1440 * 100vw), 80px) - 180px);
  }
}

.l-asideCont {
  margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
  .l-asideCont {
    display: none;
  }
}
.l-asideCont_ttl {
  margin: 0 0 24px;
  padding-bottom: 4px;
  border-bottom: 1px dashed var(--color-base);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.l-asideCont_list {
  padding-top: 15px;
  font-size: 14px;
  line-height: 1.2;
}
.l-asideCont_list li + li {
  margin-top: 20px;
}
.l-asideCont_iconList {
  font-size: 14px;
  line-height: 1.2;
}
.l-asideCont_iconList li + li {
  margin-top: 17px;
}
.l-asideCont_iconList a {
  display: flex;
  align-items: center;
  gap: 0 8px;
}
.l-asideCont_iconList img {
  width: 54px;
}
.l-asideCont_iconList.-taste img {
  width: 50px;
}
.l-asideCont_link {
  margin: 30px 0 0;
}
.l-asideCont_link a {
  display: inline-block;
  font-size: 14px;
  text-decoration: none !important;
}
.l-asideCont_link a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-base);
  transform: translateY(-0.1em);
  opacity: 1;
}
@media (hover: hover) {
  .l-asideCont_link a::after {
    transition: 0.3s;
  }
  .l-asideCont_link a:hover::after {
    opacity: 0;
  }
}
.l-asideCont_boxLink {
  margin-bottom: 16px;
}
.l-asideCont_boxLink a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 10px 0;
  min-height: 132px;
  padding: 10px;
  background: var(--color-yellow-light);
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.6;
}
@media (hover: hover) {
  .l-asideCont_boxLink a {
    transition: opacity 0.3s;
  }
  .l-asideCont_boxLink a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.l-asideCont_boxLink ._icon,
.l-asideCont_boxLink ._text {
  display: block;
  width: 100%;
  text-align: center;
}
.l-asideCont_boxLink ._emp {
  font-size: 16px;
  font-weight: 700;
}

.l-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 30px;
  margin: 0 0 0;
  font-size: 13px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-breadcrumb {
    gap: 10px 16px;
    font-size: 12px;
  }
}
.l-breadcrumb li + li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid var(--color-base);
  border-right: 1px solid var(--color-base);
  transform: translateX(-18px) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .l-breadcrumb li + li::before {
    transform: translateX(-9px) rotate(45deg);
  }
}
.l-breadcrumb a {
  text-decoration: underline;
}
.l-breadcrumb a:hover {
  text-decoration: none;
}
.l-breadcrumb + .m-inpMainTtl {
  margin-top: 64px;
}
@media screen and (max-width: 767px) {
  .l-breadcrumb + .m-inpMainTtl {
    margin-top: 28px;
  }
}

.l-inpPd {
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .l-inpPd {
    padding-top: 47px;
  }
}

.l-inpHead {
  display: flex;
  flex-direction: row-reverse;
  background: var(--color-yellow);
}
@media screen and (max-width: 767px) {
  .l-inpHead {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .l-inpHead > * {
    width: 50%;
  }
}
.l-inpHead_contBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .l-inpHead_contBox {
    height: 154px;
  }
}
@media screen and (min-width: 768px) {
  .l-inpHead .m-secTtl01 {
    font-size: min(3.125vw, 32px);
    transform: translateY(-15%);
  }
}
.l-inpHead_imgBox {
  padding-top: min(33.3333333333%, 480px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-inpHead_imgBox {
    padding-top: calc(250 / 375 * 100vw);
  }
}
.l-inpHead_imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.l-search {
  position: relative;
}
.l-search_input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0 30px 2px 10px;
  background: #F2ECD3;
  box-shadow: none;
  border: 2px solid var(--color-base);
  border-radius: 30px;
  color: inherit;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: inherit;
  outline: none;
}
.l-search_input::-moz-placeholder {
  color: #99855F;
}
.l-search_input::placeholder {
  color: #99855F;
}
.l-search_btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  margin: 0;
  padding: 10px;
  background: none;
  box-shadow: none;
  border: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .l-search_btn {
    transition: opacity 0.3s;
  }
  .l-search_btn:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.l-search_btn img {
  width: 15px;
}

.l-modal {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-modal);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.l-modal::-webkit-scrollbar {
  display: none;
}
.l-modal_overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.l-modal_closedBtn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
  outline: none;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 32px;
  right: 32px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .l-modal_closedBtn {
    width: 18px;
    height: 18px;
    top: 24px;
    right: var(--mg-sp);
  }
}
.l-modal_closedBtn::before, .l-modal_closedBtn::after {
  content: "";
  display: block;
  width: 34px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 767px) {
  .l-modal_closedBtn::before, .l-modal_closedBtn::after {
    width: 22px;
  }
}
.l-modal_closedBtn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-modal_closedBtn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.l-modal_container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  margin: 0 auto;
  padding: 60px 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .l-modal_container {
    width: calc(100% - var(--mg-sp) * 2);
    padding: 64px 0 60px;
  }
}
.l-modal_containerClosed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.l-productListContainer {
  margin-top: 64px;
}
@media screen and (max-width: 767px) {
  .l-productListContainer {
    margin-top: 48px;
  }
}

.l-productList {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 3.4042553191%;
}
@media screen and (max-width: 1024px) {
  .l-productList {
    gap: 30px 5%;
  }
}
@media screen and (max-width: 767px) {
  .l-productList {
    gap: 22px 0.8vw;
  }
}
.l-productList > li {
  width: 22.4468085106%;
}
@media screen and (max-width: 1024px) {
  .l-productList > li {
    width: calc((100% - calc(3 / 375 * 100vw) * 2) / 3);
  }
}
.l-productList a {
  display: block;
  text-decoration: none;
}
@media (hover: hover) {
  .l-productList a:hover .l-productList_img img {
    transform: scale(1.06);
  }
}
.l-productList_img {
  padding-top: 100%;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .l-productList_img {
    border-radius: 0;
  }
}
.l-productList_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.l-productList_ttl {
  margin-top: 0.9em;
  font-size: min(1.953125vw, 18px);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-productList_ttl {
    padding: 0 min(calc(12 / 375 * 100vw), 12px);
    font-size: 13px;
  }
}
.l-productList_price {
  margin: 0.2em 0 0;
  font-size: min(1.953125vw, 18px);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-productList_price {
    padding: 0 min(calc(12 / 375 * 100vw), 12px);
    font-size: 13px;
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 768px) {
  .l-productList-spSlide {
    display: flex !important;
  }
}

.l-post > * {
  border-bottom: 1px dashed var(--color-base);
}
.l-post > *:first-child {
  border-top: 1px dashed var(--color-base);
}
.l-post a {
  display: flex;
  gap: 0 24px;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .l-post a {
    gap: 0 16px;
  }
}
@media (hover: hover) {
  .l-post a .l-post_imgInner img {
    transition: transform 0.3s;
  }
  .l-post a:hover .l-post_imgInner img {
    transform: scale(1.06);
  }
}
.l-post_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 14px;
  margin-bottom: 9px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .l-post_head {
    gap: 5px 7px;
    margin-bottom: 5px;
  }
}
.l-post_time {
  display: block;
  color: #94734A;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .l-post_time {
    font-size: 15px;
  }
}
.l-post_cat {
  height: 24px;
  background: #CCB485;
  padding: 5px 12px 0;
  border-radius: 20px;
  color: var(--color-base);
  font-size: 14px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .l-post_cat {
    height: 20px;
    padding: 4px 8px 0;
    font-size: 12px;
  }
}
.l-post_ttl {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 767px) {
  .l-post_ttl {
    font-size: 15px;
    line-height: 1.7466666667;
  }
}
.l-post .l-post_img {
  width: 200px;
}
@media screen and (max-width: 767px) {
  .l-post .l-post_img {
    width: calc(109 / 375 * 100vw);
  }
}
.l-post_imgInner {
  padding-top: 66.5%;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.l-post_imgInner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.l-post_contBox {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .l-post-common {
    display: flex;
    gap: 0 3.4782608696%;
    margin-top: 40px;
  }
  .l-post-common li {
    width: 22.4347826087%;
    border-bottom: 0;
    position: relative;
  }
  .l-post-common li:first-child {
    border-top: 0;
  }
  .l-post-common li + li::before {
    content: "";
    width: 1px;
    height: 100%;
    border-left: 1px dashed var(--color-base);
    position: absolute;
    top: 0;
    left: -7.7519379845%;
  }
  .l-post-common a {
    display: block;
  }
  .l-post-common .l-post_img {
    width: 100%;
  }
  .l-post-common .l-post_imgInner {
    padding-top: 66.6666666667%;
  }
  .l-post-common .l-post_head {
    margin-top: 18px;
  }
  .l-post-common .l-post_ttl {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .l-post-common .l-post_ttl {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .l-post-common li {
    border-bottom: 1px dashed var(--color-base);
  }
  .l-post-common li:nth-child(4) {
    display: none;
  }
  .l-post-common a {
    padding: 22px 0 18px;
  }
}

.l-pick {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 3.375%;
}
@media screen and (max-width: 767px) {
  .l-pick {
    gap: 33px 0;
  }
  .splide .l-pick {
    flex-wrap: nowrap;
  }
}
.l-pick > * {
  width: 31.0833333333%;
}
@media screen and (max-width: 767px) {
  .l-pick > * {
    width: 100%;
  }
}
.l-pick a {
  display: block;
  height: 100%;
  background: var(--color-yellow-light);
  border-radius: 20px;
  text-decoration: none;
}
@media (hover: hover) {
  .l-pick a {
    transition: 0.3s;
  }
  .l-pick a:hover .l-pick_img img {
    transform: scale(1.06);
  }
}
.l-pick_img {
  display: block;
  padding-top: 54.9597855228%;
  border-radius: 20px 20px 0 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .l-pick_img {
    padding-top: 54.4342507645%;
  }
}
.l-pick_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.l-pick_contBox {
  padding: min(3.125vw, 28px) min(calc(24 / 1200 * 100vw), 24px) min(3.90625vw, 32px);
}
@media screen and (max-width: 767px) {
  .l-pick_contBox {
    padding: 23px min(calc(23 / 375 * 100vw), 23px);
  }
}
.l-pick_cat {
  background: #CCB485;
  padding: 0.25em 1.3em;
  border-radius: 14px;
  color: var(--color-base);
  font-size: min(1.8229166667vw, 16px);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .l-pick_cat {
    height: 28px;
    padding: 4px 16px;
    font-size: 14px;
    right: 16px;
    bottom: 16px;
  }
}
.l-pick_catch {
  margin: 0;
  color: #94734A;
  font-size: min(1.8229166667vw, 16px);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-pick_catch {
    font-size: 12px;
  }
}
.l-pick_ttl {
  margin-top: 0.6em;
  font-size: min(2.2135416667vw, 20px);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-pick_ttl {
    font-size: 18px;
  }
}

.l-ttlText + .l-ttlText {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .l-ttlText + .l-ttlText {
    margin-top: 64px;
  }
}
.l-ttlText_ttl {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.l-ttlText_text {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .l-ttlText_text {
    font-size: 16px;
    line-height: 1.75;
  }
}
.l-ttlText_text p {
  margin: 0;
}
.l-ttlText_text a:not(.p-f12Sec_linkArrow) {
  text-decoration: underline;
}
.l-ttlText_text a:not(.p-f12Sec_linkArrow):hover {
  text-decoration: none;
}

.l-inpageNav {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 12px;
  margin-top: 71px;
}
@media screen and (max-width: 767px) {
  .l-inpageNav {
    gap: 16px 0;
    margin-top: 48px;
  }
}
.l-inpageNav > li {
  width: calc((100% - 36px) / 4);
}
@media screen and (max-width: 767px) {
  .l-inpageNav > li {
    width: 100%;
  }
}
.l-inpageNav a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  height: clamp(41.44px , calc(56 / 1200 * 100vw), 56px);
  background: var(--color-yellow-light);
  border-radius: 30px;
  font-size: clamp(10px , calc(18 / 1200 * 100vw), 18px);
  font-weight: 700;
  line-height: 1.3;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .l-inpageNav a {
    padding-top: 0;
    padding-left: 15px;
    justify-content: flex-start;
    height: 48px;
    font-size: 15px;
    position: relative;
  }
  .l-inpageNav a::after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid var(--color-base);
    border-bottom: 2px solid var(--color-base);
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-60%) rotate(45deg);
  }
}
.l-inpageNav a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.l-inpageNav-boder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 40px;
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-inpageNav-boder {
    gap: 27px 0;
    max-width: 400px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }
}
.l-inpageNav-boder li {
  width: 120px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-inpageNav-boder li {
    width: 33.3333333333%;
  }
}
.l-inpageNav-boder li + li::before {
  content: "";
  display: block;
  width: 1px;
  height: 32px;
  background: var(--color-base);
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .l-inpageNav-boder li + li::before {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-inpageNav-boder li:nth-child(3n+1)::before {
    display: none;
  }
}
.l-inpageNav-boder a {
  display: block;
  font-size: clamp(16px , calc(18 / 1440 * 100vw), 18px);
}
@media (hover: hover) {
  .l-inpageNav-boder a {
    transition: opacity 0.3s;
  }
  .l-inpageNav-boder a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .l-inpageNav-boder a {
    font-size: min(calc(15 / 375 * 100vw), 15px);
  }
}

.l-faq {
  border-top: 1px dashed var(--color-base);
}
.l-faq dl {
  margin: 0;
  border-bottom: 1px dashed var(--color-base);
}
.l-faq dt,
.l-faq dd {
  position: relative;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .l-faq dt,
  .l-faq dd {
    font-size: 15px;
    line-height: 1.7466666667;
  }
}
.l-faq dt::before,
.l-faq dd::before {
  line-height: 1;
  position: absolute;
  top: 29px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .l-faq dt::before,
  .l-faq dd::before {
    top: 24px;
  }
}
.l-faq dt {
  padding: 24px 40px 24px 27px;
  cursor: pointer;
}
@media (hover: hover) {
  .l-faq dt {
    transition: opacity 0.3s;
  }
  .l-faq dt:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .l-faq dt {
    padding: 21px 40px 21px 31px;
  }
}
.l-faq dt::before {
  content: "Q.";
}
.l-faq dt::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--color-base);
  border-bottom: 2px solid var(--color-base);
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(calc(-50% - 2px)) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .l-faq dt::after {
    right: 5px;
  }
}
.l-faq dt.is-active::after {
  transform: translateY(calc(-50% + 2px)) rotate(-135deg);
}
.l-faq dd {
  display: none;
  margin: -3px 0 0;
  padding-left: 31px;
  padding-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .l-faq dd {
    margin-top: -5px;
    padding-left: 27px;
    padding-bottom: 21px;
  }
}
.l-faq dd::before {
  content: "A.";
  top: 7px;
}
@media screen and (max-width: 767px) {
  .l-faq dd::before {
    top: 6px;
  }
}

.l-commonListWrap {
  padding: 96px 0 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .l-commonListWrap {
    padding: 58px 0 16px;
  }
}

.l-commonCheckList {
  max-width: 1070px;
}
.l-commonCheckList_ttl {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-commonCheckList_ttl {
    font-size: 18px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .l-commonCheckList .splide__track {
    overflow: visible;
  }
}
.l-commonCheckList_slide {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .l-commonCheckList_slide {
    width: 69.3333333333vw;
    margin-top: 17px;
  }
}
@media screen and (min-width: 768px) {
  .l-commonCheckList_list {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0 2.2196261682%;
  }
}
@media screen and (min-width: 768px) {
  .l-commonCheckList_list li {
    width: 18.2242990654%;
  }
}
.l-commonCheckList_list a {
  display: block;
  text-decoration: none;
}
@media (hover: hover) {
  .l-commonCheckList_list a:hover .l-commonCheckList_contImg img {
    transform: scale(1.06);
  }
}
.l-commonCheckList_contImg {
  padding-top: 100%;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .l-commonCheckList_contImg {
    border-radius: 8px;
  }
}
.l-commonCheckList_contImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.l-commonCheckList_contTtl {
  margin-top: 0.6em;
  font-size: min(1.953125vw, 18px);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-commonCheckList_contTtl {
    margin-top: 0.9em;
    font-size: 14px;
    line-height: 1.2857142857;
  }
}
.l-commonCheckList_contPrice {
  margin: 0.2em 0 0;
  font-size: min(1.953125vw, 18px);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-commonCheckList_contPrice {
    margin-top: 0;
    font-size: 13px;
    font-feature-settings: "palt";
  }
}
.l-commonCheckList_noData {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .l-commonCheckList_noData {
    margin-top: 20px;
  }
}
.l-commonCheckList + .l-recommend {
  margin-top: 93px;
}
@media screen and (max-width: 767px) {
  .l-commonCheckList + .l-recommend {
    margin-top: 56px;
  }
}

.l-recommend {
  max-width: 1182px;
}
@media screen and (max-width: 767px) {
  .l-recommend .m-secTtlEn {
    padding-top: 0;
    background: none;
    font-size: 16px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .l-recommend .splide__track {
    overflow: visible;
  }
}
.l-recommend_slide {
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  .l-recommend_slide {
    width: 74.6666666667vw;
    margin-top: 17px;
    margin-left: -1.8666666667vw;
  }
}
.l-recommend_list {
  margin-top: 37px;
}
@media screen and (min-width: 768px) {
  .l-recommend_list {
    display: flex !important;
    justify-content: center;
    gap: 40px 2.6508742245%;
  }
}
@media screen and (max-width: 767px) {
  .l-recommend_list {
    margin: 27px auto 0;
  }
}
.l-recommend_list a {
  display: block;
  text-decoration: none;
}
@media (hover: hover) {
  .l-recommend_list a:hover ._num {
    background-image: url(../image/home/reccomend_crown_yellow.svg);
    color: var(--color-base);
  }
  .l-recommend_list a:hover ._imgInner img {
    transform: scale(1.06);
  }
}
@media screen and (min-width: 768px) {
  .l-recommend_list > li {
    width: 23.0118443316%;
  }
}
@media screen and (min-width: 768px) {
  .l-recommend_list > li:nth-child(even) ._img::before {
    background-image: url(../image/home/reccomend_dish02.svg);
  }
}
@media screen and (max-width: 767px) {
  .l-recommend_list > li:nth-child(2) ._img::before, .l-recommend_list > li:nth-child(3) ._img::before {
    background-image: url(../image/home/reccomend_dish02.svg);
  }
}
.l-recommend_list ._num {
  width: 40px;
  height: 34px;
  margin: 0 auto;
  padding-top: 15px;
  background: url(../image/home/reccomend_crown.svg) center/contain no-repeat;
  color: #fff;
  font-family: var(--font-lato);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-recommend_list ._num {
    width: 8.8vw;
    height: 7.4666666667vw;
    margin-left: 0;
    padding-top: 3.2vw;
    font-size: 2.9333333333vw;
    position: relative;
    z-index: 2;
  }
}
.l-recommend_list ._img {
  margin-top: 20px;
  padding-bottom: 15%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .l-recommend_list ._img {
    margin-top: -8px;
    padding-bottom: 16%;
  }
}
.l-recommend_list ._img::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  background: url(../image/home/reccomend_dish01.svg) center bottom/100% auto no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}
.l-recommend_list ._imgInner {
  width: 71.6911764706%;
  margin: 0 auto;
  padding-top: 71.6911764706%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .l-recommend_list ._imgInner {
    width: 32vw;
    padding-top: 32vw;
    border-radius: 8px;
  }
}
.l-recommend_list ._imgInner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.3s;
}
.l-recommend_list ._catch {
  width: 100%;
  max-width: 202px;
  margin: 21px auto 0;
  padding: 0 10px 22px;
  background: url(../image/home/reccomend_balloon_pc.svg) center bottom/100% auto no-repeat;
  font-size: clamp(13px , calc(15 / 1200 * 100vw), 15px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-recommend_list ._catch {
    margin-top: 15px;
    padding-bottom: 18px;
    background-image: url(../image/home/reccomend_balloon_sp.svg);
    font-size: 12px;
  }
}
.l-recommend_list ._name {
  width: 100%;
  max-width: 180px;
  margin: 17px auto 0;
  font-size: clamp(16px , calc(18 / 1200 * 100vw), 18px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-recommend_list ._name {
    margin-top: 6px;
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.2857142857;
  }
}
.l-recommend_list ._price {
  margin: 2px 0 0;
  font-size: clamp(16px , calc(18 / 1200 * 100vw), 18px);
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-recommend_list ._price {
    margin-top: 1px;
    font-size: 13px;
  }
}

.l-onlinerecom_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px 0;
  margin-top: 53px;
}
.l-onlinerecom_cont {
  width: 47.8260869565%;
}
.l-onlinerecom_cont:nth-child(n+3) {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-onlinerecom_cont {
    width: 100%;
  }
}
.l-onlinerecom_cont a {
  display: block;
  padding-top: 55.0909090909%;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
@media (hover: hover) {
  .l-onlinerecom_cont a:hover img {
    transform: scale(1.06);
  }
}
.l-onlinerecom_cont a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.3s;
}

.l-postage {
  margin: 0 0 26px;
  width: 100%;
  table-layout: fixed;
}
.l-postage:not(:first-child) {
  margin-top: 24px;
}
.l-postage th, .l-postage td {
  border: 1px solid #5F3612;
  padding: 5px 19px;
}
.l-postage th:nth-child(1), .l-postage td:nth-child(1) {
  width: 242px;
}
@media screen and (max-width: 767px) {
  .l-postage th:nth-child(1), .l-postage td:nth-child(1) {
    width: 127px;
  }
}
.l-postage th {
  height: 52px;
  background: #F2ECD3;
}
@media screen and (max-width: 767px) {
  .l-postage th {
    height: 40px;
  }
}
.l-postage th:nth-child(2) {
  text-align: left;
}
.l-postage td {
  height: 66px;
}
@media screen and (max-width: 767px) {
  .l-postage td {
    height: auto;
    padding: 11px 15px 11px 19px;
    line-height: 1.8666666667;
  }
}
.l-postage td:nth-child(1) {
  background: #FFF8DB;
  text-align: center;
}

.l-commonColumn {
  margin-top: 139px;
}
@media screen and (max-width: 767px) {
  .l-commonColumn {
    margin-top: 103px;
  }
}
.l-commonColumn_head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .l-commonColumn_head {
    margin-bottom: 26px;
  }
}
@media screen and (min-width: 768px) {
  .l-commonColumn .m-secTtlJp {
    padding-top: 20px;
    background-size: 28px auto;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-commonColumn .m-secTtlJp {
    font-size: 24px;
  }
}
.l-commonColumn .m-moreLink {
  margin-top: 5px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .l-commonColumn .m-moreLink {
    margin-top: 15px;
  }
}

/* ========================================
header
======================================== */
.l-headNews {
  padding: 10px 50px;
  background: #EDE6DD;
  color: #5E3611;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-align: center;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
@media (hover: hover) {
  .l-headNews {
    transition: opacity 0.3s;
  }
  .l-headNews:hover {
    opacity: 0.85;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .l-headNews {
    padding: 7px 40px;
    font-size: 13px;
    line-height: 1.5;
  }
}
.l-headNews::before, .l-headNews::after {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  background: var(--color-base);
  position: absolute;
  top: 50%;
  right: 22px;
}
@media screen and (max-width: 767px) {
  .l-headNews::before, .l-headNews::after {
    right: 15px;
  }
}
.l-headNews::before {
  transform: rotate(-45deg);
}
.l-headNews::after {
  transform: rotate(45deg);
}

.l-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--heght-header-pc);
  padding: 0 min(calc(50 / 1440 * 100vw), 50px) 0 min(calc(42 / 1440 * 100vw), 42px);
  position: relative;
  z-index: var(--z-index-header);
}
@media screen and (max-width: 767px) {
  .l-header {
    height: var(--heght-header-sp);
    padding: 0 var(--mg-sp);
    background: #fff;
    border-bottom: 1px solid var(--color-base);
    position: sticky;
    top: 0;
  }
}
.l-header_search {
  margin: 0;
}
.l-header_search .l-search_input {
  width: min(26.0416666667vw, 300px);
}
@media screen and (min-width: 768px) {
  .l-header_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: 0.4s;
  }
  .l-header_logo * {
    display: block;
    transition: 0.4s !important;
  }
}
@media screen and (max-width: 767px) {
  .l-header_logo {
    width: 120px;
  }
}
@media (hover: hover) {
  .l-header_logo a {
    transition: opacity 0.3s;
  }
  .l-header_logo a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.l-header_app {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 26px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .l-header_app {
    gap: 0 min(calc(18 / 375 * 100vw), 18px);
    margin-left: auto;
    margin-right: 20px;
  }
}
.l-header_app a {
  display: block;
  position: relative;
  z-index: 1;
  color: inherit;
}
@media (hover: hover) {
  .l-header_app a {
    transition: opacity 0.3s;
  }
  .l-header_app a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.l-header_app ._count {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 19px;
  background: #FDE25F;
  border-top: 2px solid var(--color-base);
  font-family: var(--font-lato);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  position: absolute;
  left: 50%;
  bottom: 50%;
  z-index: -1;
  transform: translateX(-70%);
}
@media screen and (max-width: 767px) {
  .l-header_app ._count {
    min-width: 14px;
    height: 16px;
    padding-bottom: 2px;
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .l-header_app ._mypage img {
    width: 21px;
  }
}
@media screen and (max-width: 767px) {
  .l-header_app ._favorite img {
    width: 24px;
  }
}
.l-header_app ._cart {
  transform: translateY(3px);
}
@media screen and (max-width: 767px) {
  .l-header_app ._cart img {
    width: 24px;
  }
}
@media screen and (max-width: 767px) {
  .l-header_navBtn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font: inherit;
    outline: none;
    width: 20px;
  }
  .l-header_navBtn span {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--color-base);
  }
  .l-header_navBtn span + span {
    margin-top: 6px;
  }
}
.l-header.l-header-pcSticky {
  height: 80px;
  background: #fff;
  position: fixed;
  top: -80px;
  left: 0;
  transition: transform 0.6s;
}
.l-header.l-header-pcSticky .l-header_logo {
  width: 150px;
}
.l-header.l-header-pcSticky.is-sticky {
  transform: translateY(100%);
}
@media screen and (max-width: 767px) {
  .l-header.l-header-pcSticky {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .l-headSearch {
    background: #fff;
  }
  .l-headSearch form {
    display: block;
    width: calc(335 / 375 * 100vw);
    margin: 0 auto;
    padding: 12px 0;
  }
  .l-headSearch .l-search_input {
    padding-left: 16px;
  }
}

.l-headSpNav {
  display: flex;
  gap: 0 1px;
  background: #fff;
  position: sticky;
  top: 64px;
  z-index: var(--z-index-header);
}
.l-headSpNav > * {
  flex: 1;
}
.l-headSpNav button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}
.l-headSpNav button::after {
  content: "";
  display: inline-block;
  width: min(calc(13 / 375 * 100vw), 13px);
  height: min(calc(13 / 375 * 100vw), 13px);
  margin-left: min(calc(6 / 375 * 100vw), 6px);
  background: url(../image/common/sp_nav_search.svg) center/contain no-repeat;
  transform: translateY(-10%);
}
.l-headSpNav button,
.l-headSpNav a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  background: var(--color-base);
  color: #fff;
  font-size: min(calc(14 / 375 * 100vw), 14px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-align: center;
}

.l-navMain {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.l-navMain::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-navMain {
    width: 100%;
    height: 100%;
    padding: 63px var(--mg-sp) 64px;
    background: var(--color-yellow-light);
    position: fixed;
    top: 0;
    right: 0;
    z-index: var(--z-index-nav);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s, visibility 0.4s;
  }
  .is-navMainActive .l-navMain {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 767px) {
  .l-navMain_closed {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font: inherit;
    outline: none;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 23px;
    right: 23px;
    z-index: 4;
  }
  .l-navMain_closed::before, .l-navMain_closed::after {
    content: "";
    display: block;
    width: 23px;
    height: 1px;
    background: var(--color-base);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .l-navMain_closed::before {
    transform: translateX(-50%) rotate(45deg);
  }
  .l-navMain_closed::after {
    transform: translateX(-50%) rotate(-45deg);
  }
}
@media screen and (min-width: 768px) {
  .l-navMain_primary {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .l-navMain_primary {
    border-top: 1px dashed var(--color-base);
  }
  .l-navMain_primary button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font: inherit;
    outline: none;
    color: var(--color-base);
    position: relative;
  }
  .l-navMain_primary button::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../image/common/nav_arrow_circle.svg) center/contain no-repeat;
    position: absolute;
    top: calc(50% - 10px);
    right: 6px;
  }
  .l-navMain_primary a,
  .l-navMain_primary button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 58px;
    padding-bottom: 2px;
    background: none;
    border-bottom: 1px dashed var(--color-base);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) {
  .l-navMain_sub ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    margin-top: 44px;
    font-size: 16px;
    font-weight: 700;
  }
  .l-navMain_sub ul + ul {
    margin-top: 32px;
  }
  .l-navMain_sub li:nth-child(3) {
    min-width: calc(100% - 160px);
  }
  .l-navMain_sub li:nth-child(5) {
    min-width: calc(100% - 140px);
  }
  .l-navMain_sub li:nth-child(7) {
    min-width: calc(100% - 122px);
  }
  .l-navMain_sub a {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .l-navMain_sns {
    margin-top: 35px;
  }
  .l-navMain_sns_ttl {
    font-family: var(--font-lato);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
  }
  .l-navMain_sns_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin: 7px 0 0;
  }
}

.l-navSearch {
  width: 100%;
  height: 100%;
  padding: 72px 75px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: var(--z-index-nav-search);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s;
}
@media screen and (max-width: 767px) {
  .l-navSearch {
    right: auto;
    left: 100%;
    padding: 0 var(--mg-sp) 64px;
    background: var(--color-yellow-light);
    opacity: 1;
    transform: translateX(0);
    transition: visibility 0.4s, transform 0.4s;
  }
}
.is-navSearchActive .l-navSearch {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .is-navSearchActive .l-navSearch {
    transform: translateX(-100%);
  }
}
.l-navSearch::-webkit-scrollbar {
  display: none;
}
.l-navSearch_back {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .l-navSearch_back {
    transition: opacity 0.3s;
  }
  .l-navSearch_back:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (min-width: 768px) {
  .l-navSearch_back {
    width: 34px;
    height: 34px;
    background: var(--color-base);
    border-radius: 50%;
    position: fixed;
    top: 25px;
    right: 25px;
    z-index: 3;
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch_back {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    padding-left: 25px;
    background: url(../image/common/nav_back.svg) left center/auto no-repeat;
  }
  .l-navSearch_back ._text {
    color: var(--color-base);
    font-size: 16px;
    font-weight: 500;
  }
}
.l-navSearch_back::before, .l-navSearch_back::after {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  background: var(--color-yellow);
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 767px) {
  .l-navSearch_back::before, .l-navSearch_back::after {
    display: none;
  }
}
.l-navSearch_back::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-navSearch_back::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .l-navSearch_closed {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font: inherit;
    outline: none;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 23px;
    right: 23px;
    z-index: 4;
  }
  .l-navSearch_closed::before, .l-navSearch_closed::after {
    content: "";
    display: block;
    width: 23px;
    height: 1px;
    background: var(--color-base);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .l-navSearch_closed::before {
    transform: translateX(-50%) rotate(45deg);
  }
  .l-navSearch_closed::after {
    transform: translateX(-50%) rotate(-45deg);
  }
}
.l-navSearch_overlay {
  width: 100%;
  height: 100%;
  background: var(--color-yellow);
  position: fixed;
  top: 0;
  left: 0;
}
.l-navSearch_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  max-width: 1290px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.2;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .l-navSearch_container {
    display: block;
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch_container > div {
    display: block;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .l-navSearch .l-navSearch_pcPrimary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(calc(56 / 1440 * 100vw), 56px) min(calc(64 / 1440 * 100vw), 64px);
    width: 100%;
    padding: 66px min(calc(72 / 1440 * 100vw), 72px) 68px;
    background: var(--color-yellow-light);
    border-radius: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .l-navSearch .l-navSearch_pcPrimary {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch .l-navSearch_pcPrimary {
    display: contents;
  }
}
.l-navSearch_keyword {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .l-navSearch_keyword .l-search_input {
    background-color: #fff;
    height: 46px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch_cont {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch_contTtl {
    width: calc(100% + var(--mg-sp) * 2);
    margin-left: calc(var(--mg-sp) * -1);
  }
}
.l-navSearch_contTtl a {
  display: block;
  padding-bottom: 1em;
  background-image: linear-gradient(to right, var(--color-base) 2px, transparent 2px);
  background-size: 7px 2px;
  background-repeat: repeat-x;
  background-position: left bottom;
  letter-spacing: 0.02em;
}
@media (hover: hover) {
  .l-navSearch_contTtl a {
    transition: opacity 0.3s;
  }
  .l-navSearch_contTtl a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch_contTtl a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 42px;
    background: #EDE3B7;
    padding: 0 var(--mg-sp);
    letter-spacing: 0.08em;
  }
}
.l-navSearch_contTtl ._emp {
  display: inline-block;
  margin-right: 0.2em;
  font-weight: 700;
  font-size: clamp(20px , calc(24 / 1440 * 100vw), 24px);
  letter-spacing: 0.02em;
  transform: translateY(0.05em);
}
@media screen and (max-width: 767px) {
  .l-navSearch_contTtl ._emp {
    transform: translateY(-0.01em);
    margin-right: 0.2em;
    font-size: 18px;
    letter-spacing: 0.04em;
  }
}
.l-navSearch_contTtl.-all {
  margin-bottom: 18px;
}
.l-navSearch_contTtl.-all a {
  background-color: var(--color-base);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .l-navSearch_contTtl.-all a span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch_contBox {
    padding: 18px 0 34px;
  }
}
.l-navSearch_contlist {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.3em 0.5em;
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .l-navSearch_contlist {
    gap: 1em 1.8em;
    margin-top: 0;
  }
}
.l-navSearch_contlist a {
  display: inline-block;
  padding-left: 0.75em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-navSearch_contlist a {
    padding-left: 0;
  }
}
.l-navSearch_contlist a::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--color-base);
  position: absolute;
  top: 0.6em;
  left: 0;
}
@media screen and (max-width: 767px) {
  .l-navSearch_contlist a::before {
    display: none;
  }
}
.l-navSearch_contlist.-col2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1440px) {
  .l-navSearch_contlist.-col2 {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch_contlist.-col2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch_contlist ._spFull {
    grid-column: 1/3;
  }
}
.l-navSearch_contlink {
  margin-top: 2em;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .l-navSearch_contlink {
    margin-top: 0;
    position: absolute;
    top: 7px;
    right: 0;
    z-index: 2;
  }
}
.l-navSearch_contlink a {
  display: inline-block;
  padding: 0.4em 2em 0.4em 0;
  background: url(../image/common/nav_arrow_pc.svg) right center/auto no-repeat;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (min-width: 768px) {
  .l-navSearch_contlink a {
    font-size: 14px;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch_contlink a {
    font-size: 13px;
    padding-right: 22px;
    border-bottom: 0;
  }
}
@media (hover: hover) {
  .l-navSearch_contlink a {
    transition: border-bottom-color 0.3s;
  }
  .l-navSearch_contlink a:hover {
    text-decoration: none;
    border-bottom-color: transparent;
  }
}
.l-navSearch_contlink.-all a {
  background-image: url(../image/common/nav_arrow_pc_white.svg);
  color: #fff;
}
.l-navSearch_search {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .l-navSearch_search {
    margin-top: 24px;
  }
}
.l-navSearch_search .l-search_input {
  width: 100%;
  background-color: #EDE3B7;
}
@media screen and (min-width: 768px) {
  .l-navSearch_search .l-search_input {
    width: 376px;
    height: 44px;
    border: none;
    background: var(--color-yellow-light);
  }
}
@media screen and (min-width: 768px) {
  .l-navSearch .l-navSearch_cont-keyword {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 20px;
    width: 100%;
    max-width: 1150px;
    margin: 32px auto 0;
  }
  .l-navSearch .l-navSearch_cont-keyword .l-navSearch_contTtl {
    background: none;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-navSearch .l-navSearch_cont-keyword {
    border-bottom: none;
    margin-top: 28px;
  }
}
.l-navSearch_other {
  display: flex;
  align-items: center;
  gap: 15px 32px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .l-navSearch_other {
    border-top: 1px dashed var(--color-base);
    flex-direction: column;
    align-items: flex-start;
    margin-top: 35px;
    padding-top: 22px;
  }
}
.l-navSearch_other p {
  margin: 0;
}
.l-navSearch_other a {
  display: inline-block;
  text-decoration: none !important;
  letter-spacing: 0.02em;
}
.l-navSearch_other a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-base);
  transform: translateY(0);
  opacity: 1;
}
@media (hover: hover) {
  .l-navSearch_other a::after {
    transition: 0.3s;
  }
  .l-navSearch_other a:hover::after {
    opacity: 0;
  }
}

/* ========================================
.l-footer
======================================== */
.l-footerSns {
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.l-footerSns::before {
  content: "";
  display: block;
  width: calc(1475 / 1440 * 100vw);
  height: 293px;
  background: url(../image/common/footer_sns_bg.svg) center top/100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .l-footerSns::before {
    width: calc(475 / 375 * 100vw);
    height: 158px;
  }
}
.l-footerSns::after {
  content: "";
  width: 100%;
  height: 50%;
  background: var(--color-yellow-light);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .l-footerSns::after {
    height: 60%;
  }
}
.l-footerSns_container {
  max-width: 880px;
  margin: 0 auto;
  padding: 103px 45px 77px 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .l-footerSns_container {
    display: block;
    padding: 51px 0 12px;
  }
}
.l-footerSns_container::before {
  content: "";
  display: block;
  width: 322px;
  height: 320px;
  background: url(../image/common/footer_sns_deco.svg) center/contain no-repeat;
  position: absolute;
  right: calc(50% + 469px);
  bottom: -43px;
  pointer-events: none;
}
.l-footerSns_container::after {
  content: "";
  display: block;
  width: min(calc(205 / 1440 * 100vw), 205px);
  height: 113px;
  background: url(../image/common/footer_sns_sheep.svg) center bottom/contain no-repeat;
  position: absolute;
  left: min(50% + 31.3888888889vw, 50% + 452px);
  bottom: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .l-footerSns_container::after {
    width: min(calc(129 / 375 * 100vw), 129px);
    height: 72px;
    left: calc(50% + 32px);
  }
}
.l-footerSns_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 16px;
}
@media screen and (max-width: 767px) {
  .l-footerSns_cont {
    display: block;
  }
}
.l-footerSns_cont + .l-footerSns_cont {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .l-footerSns_cont + .l-footerSns_cont {
    margin-top: 51px;
  }
}
.l-footerSns_line {
  flex: 1;
  height: 2px;
  background-image: linear-gradient(to right, var(--color-base) 2px, transparent 2px);
  background-size: 12px 2px;
  background-repeat: repeat-x;
  background-position: left bottom;
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-footerSns_line {
    width: min(calc(46 / 375 * 100vw), 46px);
    position: absolute;
    left: calc(50% + 2px);
    bottom: 34px;
    transform: translateX(-50%);
    background-size: 6px 1px;
  }
}
.l-footerSns_line::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 7px solid var(--color-base);
  border-right: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .l-footerSns_line::before {
    border-right: 7px solid var(--color-base);
    border-left: 0;
    right: auto;
    left: -2px;
  }
}
.l-footerSns_ttl {
  margin: 0;
  padding-right: 8px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .l-footerSns_ttl {
    padding-right: 0;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.08em;
  }
}
.l-footerSns_desc {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.8666666667;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .l-footerSns_desc {
    margin-top: 8px;
    text-align: center;
    letter-spacing: 0.08em;
  }
}
.l-footerSns_desc a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media (hover: hover) {
  .l-footerSns_desc a {
    transition: opacity 0.3s;
  }
  .l-footerSns_desc a:hover {
    opacity: 0.7;
  }
}
.l-footerSns_sns {
  display: flex;
  align-items: center;
  gap: 8px 24px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .l-footerSns_sns {
    width: 111px;
    flex-direction: column;
    align-items: center;
    margin: 25px auto 0;
    transform: translateX(max(calc(-96 / 375 * 100vw), -96px));
  }
}
.l-footerSns_sns dt {
  font-family: var(--font-lato);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .l-footerSns_sns dt {
    font-size: 12px;
    font-weight: 700;
  }
}
.l-footerSns_sns dd {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 0 24px;
}
@media screen and (max-width: 767px) {
  .l-footerSns_sns dd {
    gap: 0 16px;
  }
}
@media (hover: hover) {
  .l-footerSns_sns a {
    transition: opacity 0.3s;
  }
  .l-footerSns_sns a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.l-footerAbout {
  position: relative;
  z-index: 2;
}
.l-footerAbout a {
  display: flex;
  width: 100%;
  height: 366px;
  background: #6C7680;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .l-footerAbout a {
    height: 188px;
  }
}
.l-footerAbout a > * {
  width: 50%;
}
@media (hover: hover) {
  .l-footerAbout a:hover .l-footerAbout_textBox::after {
    background-color: #fff;
    background-image: url(../image/common/footer_about_arrow_glay.svg);
  }
  .l-footerAbout a:hover .l-footerAbout_imgBox img {
    transform: scale(1.06);
  }
}
.l-footerAbout_imgBox {
  overflow: hidden;
}
.l-footerAbout_imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}
.l-footerAbout_contBox {
  padding-top: 81px;
  padding-left: min(calc(114 / 1440 * 100vw), 114px);
}
@media screen and (max-width: 1024px) {
  .l-footerAbout_contBox {
    padding-top: 60px;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-footerAbout_contBox {
    padding: 44px calc(17 / 375 * 100vw) 0 calc(23 / 375 * 100vw);
  }
}
.l-footerAbout_textBox {
  width: calc(100% - var(--mg-pc) * 2);
  max-width: 407px;
}
@media screen and (max-width: 1024px) {
  .l-footerAbout_textBox {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .l-footerAbout_textBox {
    width: 100%;
  }
}
.l-footerAbout_textBox::after {
  content: "";
  display: block;
  width: 42px;
  height: 34px;
  margin: 32px 0 0 auto;
  background: url(../image/common/footer_about_arrow.svg) center/auto no-repeat;
  border: 1px solid #fff;
  border-radius: 23px;
  transform: translateX(min(calc(54 / 1440 * 100vw), 54px));
  transition: 0.3s;
}
@media screen and (max-width: 1200px) {
  .l-footerAbout_textBox::after {
    transform: translateX(0);
  }
}
@media screen and (max-width: 1024px) {
  .l-footerAbout_textBox::after {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-footerAbout_textBox::after {
    width: 35px;
    height: 28px;
    margin-left: 0;
  }
}
.l-footerAbout_ttl {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .l-footerAbout_ttl {
    font-size: min(calc(18 / 375 * 100vw), 18px);
    line-height: 1.5;
    letter-spacing: 0.08em;
  }
}
.l-footerAbout_desc {
  margin: 30px 0 0;
  line-height: 2;
  letter-spacing: 0;
}

.l-footerLinks {
  background: #fff;
}
.l-footerLinks_inner {
  max-width: 962px;
  display: flex;
  flex-wrap: wrap;
  padding: 82px 0;
}
@media screen and (max-width: 767px) {
  .l-footerLinks_inner {
    display: block;
    padding: 50px 0 46px;
  }
}
.l-footerLinks_cont {
  width: 33.3333333333%;
  padding-left: 80px;
}
@media screen and (min-width: 768px) {
  .l-footerLinks_cont {
    border-right: 1px dashed var(--color-base);
  }
  .l-footerLinks_cont:last-child {
    border-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .l-footerLinks_cont {
    padding-left: 0;
    text-align: center;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-footerLinks_cont {
    width: 100%;
    padding: 15px 0 17px;
    border-bottom: 1px dashed var(--color-base);
    text-align: left;
  }
  .l-footerLinks_cont:last-child {
    border-bottom: 0;
  }
}
.l-footerLinks_cont:last-child {
  border-right: 0;
}
.l-footerLinks_cont a {
  text-decoration: none;
}
.l-footerLinks_cont.-oguchi a {
  display: block;
}
@media (hover: hover) {
  .l-footerLinks_cont.-oguchi a:hover .l-footerLinks_secTtl {
    opacity: 0.8;
  }
  .l-footerLinks_cont.-oguchi a:hover .l-footerLinks_img img {
    transform: scale(1.06);
  }
}
.l-footerLinks_secTtl {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .l-footerLinks_secTtl {
    font-size: 16px;
  }
}
.l-footerLinks_secTtl a {
  display: inline-block;
  letter-spacing: 0;
  text-decoration: none;
}
@media (hover: hover) {
  .l-footerLinks_secTtl a {
    transition: opacity 0.3s;
  }
  .l-footerLinks_secTtl a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.l-footerLinks_linkList {
  font-size: 16px;
  font-weight: 700;
  margin-top: 34px;
}
@media screen and (max-width: 767px) {
  .l-footerLinks_linkList {
    display: flex;
    flex-wrap: wrap;
    gap: 3px min(calc(24 / 375 * 100vw), 24px);
    margin-top: 9px;
    font-size: min(calc(14 / 375 * 100vw), 14px);
    transform: translateX(-4px);
  }
}
@media screen and (max-width: 767px) {
  .l-footerLinks_linkList li {
    width: calc((100% - 24px) / 2);
    white-space: nowrap;
  }
}
.l-footerLinks_linkList li::before {
  content: "・";
}
@media screen and (min-width: 768px) {
  .l-footerLinks_linkList li + li {
    margin-top: 0.8em;
  }
}
@media screen and (max-width: 767px) {
  .l-footerLinks_linkList li.-spFull {
    width: 100%;
  }
}
.l-footerLinks_linkList a {
  display: inline-block;
  text-decoration: none !important;
}
.l-footerLinks_linkList a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-base);
  transform: translateY(-0.2em);
  opacity: 0;
}
@media (hover: hover) {
  .l-footerLinks_linkList a::after {
    transition: 0.3s;
  }
  .l-footerLinks_linkList a:hover::after {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  .l-footerLinks_linkList a {
    letter-spacing: 0;
  }
}
.l-footerLinks_img {
  margin-top: 34px;
  border-radius: 8px;
  overflow: hidden;
}
.l-footerLinks_img img {
  width: 100%;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .l-footerFixedNav {
    height: 74px;
    position: relative;
  }
  .l-footerFixedNav ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 74px;
    padding: 0 calc(235 / 1440 * 100vw) 0 min(calc(42 / 1440 * 100vw), 42px);
    background: #523010;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: var(--z-index-nav);
  }
  .l-footerFixedNav.is-stay ul {
    position: static;
  }
  .l-footerFixedNav button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font: inherit;
    outline: none;
  }
  .l-footerFixedNav a {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 min(calc(43 / 1440 * 100vw), 43px) 4px 5px;
    color: #fff;
    font-size: clamp(10px, 1.2vw, 18px);
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (hover: hover) {
  .l-footerFixedNav a {
    transition: 0.3s;
  }
  .l-footerFixedNav a:hover {
    opacity: 0.9;
  }
}
@media screen and (min-width: 768px) {
  .l-footerFixedNav a::before, .l-footerFixedNav a::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% + 3px);
    right: 0;
  }
  .l-footerFixedNav a::before {
    width: min(calc(6 / 1440 * 100vw), 6px);
    height: min(calc(6 / 1440 * 100vw), 6px);
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translate(-134%, calc(-50% - 2px)) rotate(45deg) skewX(-10deg);
    transform: translate(-134%, -76%) rotate(45deg) skewX(-10deg);
  }
  .l-footerFixedNav a::after {
    width: min(calc(20 / 1440 * 100vw), 20px);
    height: min(calc(20 / 1440 * 100vw), 20px);
    background: rgba(255, 255, 255, 0.27);
    border-radius: 50%;
    transform: translateY(calc(-50% - 2px));
    transform: translateY(-60%);
  }
  .l-footerFixedNav ._product {
    position: absolute;
    right: calc(50 / 1440 * 100vw);
    bottom: 13px;
    z-index: 2;
  }
  .l-footerFixedNav ._product button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: min(calc(8 / 1440 * 100vw), 8px) 0;
    width: min(calc(140 / 1440 * 100vw), 140px);
    height: min(calc(140 / 1440 * 100vw), 140px);
    background: #FEE478;
    border-radius: 50%;
    color: var(--color-base);
    font-size: clamp(10px, 1.25vw, 18px);
    font-weight: 700;
    letter-spacing: 0.04em;
  }
  .l-footerFixedNav ._product button::before {
    content: "";
    display: block;
    width: min(calc(26 / 1440 * 100vw), 26px);
    height: min(calc(26 / 1440 * 100vw), 26px);
    background: url(../image/common/icon_search.svg) center/contain no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .l-footerFixedNav {
    display: none;
  }
}

.l-footer {
  padding: 79px 0 18px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-footer {
    padding: 47px 0 28px;
    border-top: 1px solid var(--color-base);
  }
}
.l-footer_inner {
  max-width: 1440px;
  position: relative;
}
.l-footer_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  padding-left: 5px;
}
@media screen and (min-width: 768px) {
  .l-footer_container {
    width: 93.0555555556%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .l-footer_container {
    padding-left: 0;
  }
}
.l-footer_head {
  width: clamp(170px , calc(214 / 1440 * 100vw), 214px);
}
@media screen and (max-width: 767px) {
  .l-footer_head {
    width: 100%;
  }
}
.l-footer_logo {
  width: clamp(164px , calc(218 / 1440 * 100vw), 218px);
  margin: 0 auto;
}
@media (hover: hover) {
  .l-footer_logo a {
    transition: opacity 0.3s;
  }
  .l-footer_logo a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.l-footer_sns {
  margin-top: 66px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-footer_sns {
    margin-top: 34px;
  }
}
.l-footer_sns_ttl {
  font-family: var(--font-lato);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.l-footer_sns_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 16px;
  margin: 7px 0 0;
}
@media (hover: hover) {
  .l-footer_sns_list a {
    transition: opacity 0.3s;
  }
  .l-footer_sns_list a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (min-width: 768px) {
  .l-footer_sns_list img {
    width: 19px;
  }
  .l-footer_sns_list ._x img {
    width: 15px;
  }
}
.l-footer_nav {
  display: flex;
  gap: min(calc(156 / 1440 * 100vw), 156px);
  width: min(calc(910 / 1440 * 100vw), 910px);
  padding-top: 9px;
}
@media screen and (max-width: 767px) {
  .l-footer_nav {
    display: none;
  }
}
.l-footer_nav ._list {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.l-footer_nav a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none !important;
}
.l-footer_nav a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-base);
  transform: translateY(-0.2em);
  opacity: 0;
}
@media (hover: hover) {
  .l-footer_nav a::after {
    transition: 0.3s;
  }
  .l-footer_nav a:hover::after {
    opacity: 1;
  }
}
.l-footer_foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 0;
  width: 100%;
  margin-top: min(calc(122 / 1200 * 100vw), 122px);
  padding-top: 20px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .l-footer_foot {
    flex-direction: column-reverse;
    gap: 12px 0;
    margin-top: 30px;
  }
}
.l-footer_foot::before {
  content: "";
  width: 100vw;
  border-top: 1px dashed var(--color-base);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .l-footer_foot::before {
    display: none;
  }
}
.l-footer_coptlight {
  display: block;
  font-family: var(--font-lato);
  font-size: 11px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .l-footer_coptlight {
    font-size: 10px;
  }
}
.l-footer_footNav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px min(calc(70 / 1440 * 100vw), 70px);
  width: min(calc(910 / 1440 * 100vw), 910px);
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .l-footer_footNav {
    width: 100%;
    gap: 10px 22px;
    padding-right: 110px;
    font-size: 11px;
  }
}
.l-footer_footNav a {
  opacity: 1;
  text-decoration: none !important;
}
.l-footer_footNav a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-base);
  transform: translateY(-0.2em);
  opacity: 0;
}
@media (hover: hover) {
  .l-footer_footNav a::after {
    transition: 0.3s;
  }
  .l-footer_footNav a:hover::after {
    opacity: 1;
  }
}
.l-footer_topto {
  width: min(calc(177 / 1200 * 100vw), 177px);
  position: absolute;
  right: min(calc(68 / 1440 * 100vw), 68px);
  bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .l-footer_topto {
    width: min(calc(89 / 375 * 100vw), 89px);
    right: 32px;
    bottom: -1px;
  }
}
.l-footer_topto a {
  display: block;
  padding-top: min(calc(85 / 1200 * 100vw), 85px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-footer_topto a {
    padding-top: 38px;
  }
}
@media (hover: hover) {
  .l-footer_topto a:hover ._text {
    animation: poyooon 0.3s linear 0s 1;
  }
  @keyframes poyooon {
    0% {
      transform: translate(-50%, 0);
    }
    50% {
      transform: translate(-50%, -10px);
    }
    100% {
      transform: translate(-50%, 0);
    }
  }
}
@media screen and (max-width: 767px) {
  .l-footer_topto a img {
    height: 100px;
  }
}
.l-footer_topto ._text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(115px , calc(162 / 1200 * 100vw), 162px);
  height: clamp(28px , calc(40 / 1200 * 100vw), 40px);
  padding-top: 2px;
  background: var(--color-base);
  border-radius: 20px;
  color: #fff;
  font-size: clamp(10px , calc(14 / 1200 * 100vw), 14px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .l-footer_topto ._text {
    width: 100px;
    height: 24px;
    padding-top: 0;
    font-size: 10px;
  }
}
.l-footer_topto ._text::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 8px 0 8px;
  border-color: var(--color-base) transparent transparent transparent;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
}

/* ========================================
トップページ p-home
======================================== */
.p-homePopup {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.p-homePopup::-webkit-scrollbar {
  display: none;
}
.p-homePopup_overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.p-homePopup_closedBtn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
  outline: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 19px;
  right: 19px;
  z-index: 4;
}
@media screen and (max-width: 767px) {
  .p-homePopup_closedBtn {
    width: 40px;
    height: 40px;
    top: 12px;
    right: 12px;
  }
}
.p-homePopup_closedBtn::before, .p-homePopup_closedBtn::after {
  content: "";
  display: block;
  width: 34px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-homePopup_closedBtn::before, .p-homePopup_closedBtn::after {
    width: 22px;
  }
}
.p-homePopup_closedBtn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.p-homePopup_closedBtn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.p-homePopup_container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - var(--mg-pc) * 2);
  min-height: 100%;
  margin: 0 auto;
  padding: 70px 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-homePopup_container {
    width: calc(100% - var(--mg-sp) * 2);
    padding: 64px 0 40px;
  }
}
.p-homePopup_contBox {
  width: 100%;
  padding: 54px 20px 58px;
  background: #fff;
  border-radius: 16px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.8382352941;
}
@media screen and (max-width: 767px) {
  .p-homePopup_contBox {
    padding: 33px var(--mg-sp) 26px;
    font-size: 15px;
    line-height: 1.75;
  }
}
.p-homePopup_ttl {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-homePopup_ttl {
    font-size: 20px;
  }
}
.p-homePopup_cont {
  max-width: 637px;
  margin: 49px auto 0;
}
@media screen and (max-width: 767px) {
  .p-homePopup_cont {
    margin-top: 18px;
  }
}
.p-homePopup_desc {
  margin: 0;
}
.p-homePopup_info {
  margin-top: 37px;
  padding: 20px 20px 15px;
  background: var(--color-yellow-light);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-homePopup_info {
    margin-top: 20px;
    padding: 20px var(--mg-sp) 10px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.75;
    text-align: left;
  }
}
.p-homePopup_info ._ttl {
  margin: 0 0 15px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-homePopup_info ._ttl {
    margin-bottom: 13px;
    font-size: min(calc(18 / 375 * 100vw), 18px);
    line-height: 1.6111111111;
    text-align: center;
  }
}
.p-homePopup_contClosed {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
  outline: none;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 50px auto 0;
  color: var(--color-base);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-homePopup_contClosed {
    margin-top: 20px;
    font-size: 16px;
  }
}

.p-home {
  overflow: hidden;
  padding-bottom: 0;
}
.p-home .l-commonListWrap {
  padding-bottom: 110px;
}
@media screen and (max-width: 767px) {
  .p-home .l-commonListWrap {
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 768px) {
  body:has(.l-headNews) .p-homeHeader {
    top: 28px;
  }
  .p-homeHeader {
    position: absolute;
    top: 0;
    left: auto;
    width: 100%;
  }
  .p-homeHeader .l-search_input {
    background-color: #FAE89A;
  }
}

.p-homeMv {
  padding-top: 168px;
}
@media screen and (max-width: 767px) {
  .p-homeMv {
    padding-top: 42px;
  }
}
.p-homeMv_catch {
  text-align: center;
}
.p-homeMv_catch ._imgText {
  width: min(67.7083333333vw, 620px);
}
@media screen and (max-width: 767px) {
  .p-homeMv_catch ._imgText {
    width: min(85.0666666667vw, 319px);
  }
}
.p-homeMv_catch ._text {
  display: block;
  margin-top: 0.9em;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-homeMv_catch ._text {
    margin-top: 4px;
    font-size: 14px;
  }
}
.p-homeMv_imgBefore {
  display: none;
}
.p-homeMv_slideWrap {
  margin-top: 54px;
  padding-top: 170px;
  height: 500px;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 1440px) {
  .p-homeMv_slideWrap {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .p-homeMv_slideWrap {
    margin-top: 22px;
    padding-top: 52px;
    height: 250px;
  }
}
.p-homeMv_slideWrap::before, .p-homeMv_slideWrap::after {
  content: "";
  display: block;
  width: 50%;
  height: 500px;
  position: absolute;
  top: 0;
}
.p-homeMv_slideWrap::before {
  background: url(../image/home/mv_arch_pc_left.svg) center/100% 100% no-repeat;
  left: 0;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .p-homeMv_slideWrap::before {
    width: 100%;
    height: 106px;
    background-image: url(../image/home/mv_arch_sp.svg);
  }
}
.p-homeMv_slideWrap::after {
  background: url(../image/home/mv_arch_pc_right.svg) center/100% 100% repeat-x;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-homeMv_slideWrap::after {
    display: none;
  }
}
.p-homeMv_stamp {
  width: 2079px;
  height: 148.68px;
  background: url(../image/home/mv_stamp_pc.svg) left bottom/contain no-repeat;
  position: absolute;
  left: calc(50% + 312px);
  top: 14px;
  z-index: 3;
}
@media screen and (max-width: 1440px) {
  .p-homeMv_stamp {
    left: calc(100% - calc(190 / 1440 * 100vw) - 224px);
  }
}
@media screen and (max-width: 767px) {
  .p-homeMv_stamp {
    width: 928px;
    height: 145px;
    background-image: url(../image/home/mv_stamp_sp.svg);
    top: -62px;
    left: calc(100% - 156px);
  }
}
.p-homeMv_stamp.is-active {
  animation: stamp 2.2s 0s cubic-bezier(0.75, 0, 0.75, 1) 1 forwards;
}
@media screen and (max-width: 767px) {
  .p-homeMv_stamp.is-active {
    animation-name: stampSp;
  }
}
@keyframes stamp {
  0%, 6% {
    transform: translate(0, 0);
  }
  36%, 50% {
    transform: translate(0, 182px);
  }
  80%, 100% {
    transform: translate(0, 0);
  }
}
@keyframes stampSp {
  0%, 10% {
    transform: translate(0, 0);
  }
  36%, 46% {
    transform: translate(0, 90px);
  }
  80%, 100% {
    transform: translate(0, 0);
  }
}
.p-homeMv_slide {
  width: 1080px;
  margin: 0 auto;
  z-index: 2;
}
@media screen and (max-width: 1440px) {
  .p-homeMv_slide {
    margin-right: calc(190 / 1440 * 100vw);
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-homeMv_slide {
    width: 375px;
    margin-right: 0;
  }
}
.p-homeMv_slide ._imgBox {
  width: 180px;
  height: 240.3px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-homeMv_slide ._imgBox {
    width: 120px;
    height: 160.2px;
  }
}
.p-homeMv_slide ._imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.p-homeMv_slide ._imgBox ._kemuri {
  display: none;
  width: 100px;
  height: 100px;
  background: url(../image/home/mv_smoke.png) center/contain no-repeat;
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, 90px);
}
.p-homeMv_slide ._imgBox::after {
  content: "";
  display: block;
  width: 200px;
  height: 90px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-homeMv_slide ._imgBox::after {
    width: 160px;
    height: 80px;
  }
}
.p-homeMv_slide ._slide01,
.p-homeMv_slide ._slide04,
.p-homeMv_slide ._slide07,
.p-homeMv_slide ._slide10 {
  transform: translateY(-3px);
}
.p-homeMv_slide .splide__track {
  overflow: visible;
}
.p-homeMv_slide .splide__list::before {
  content: "";
  display: block;
  width: 1000vw;
  height: 180px;
  background: url(../image/home/mv_line_pc.png) center/auto 100% repeat-x;
  position: absolute;
  top: 92px;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-homeMv_slide .splide__list::before {
    width: 2000vw;
    height: 104px;
    background-image: url(../image/home/mv_line_sp.png);
    top: 72px;
  }
}
.p-homeMv_sns {
  position: absolute;
  top: 316px;
  left: 33px;
  z-index: 3;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-homeMv_sns {
    display: none;
  }
}
.p-homeMv_sns dt {
  writing-mode: vertical-rl;
  font-family: var(--font-lato);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
}
.p-homeMv_sns dd {
  margin: 0;
  padding-top: 3px;
  text-align: center;
}
.p-homeMv_sns dd a {
  display: block;
  margin-top: 20px;
}
@media (hover: hover) {
  .p-homeMv_sns dd a {
    transition: opacity 0.3s;
  }
  .p-homeMv_sns dd a:hover {
    opacity: 0.6;
    text-decoration: none;
  }
}
.p-homeMv_sns ._instagram img {
  width: 20px;
}
.p-homeMv_sns ._x img {
  width: 16px;
}
.p-homeMv_sns ._facebook img {
  width: 21px;
}

.p-homeOnlinerecom {
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-homeOnlinerecom {
    padding-top: 7px;
  }
}
.p-homeOnlinerecom_inner {
  max-width: 1150px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.p-homeOnlinerecom_inner::before {
  content: "";
  display: block;
  width: min(calc(252 / 1200 * 100vw), 252px);
  height: min(calc(254 / 1200 * 100vw), 254px);
  background: url(../image/home/deco_online01.svg) center/contain no-repeat;
  position: absolute;
  top: max(calc(-63 / 1200 * 100vw), -63px);
  left: max(calc(-194 / 1200 * 100vw), -194px);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-homeOnlinerecom_inner::before {
    display: none;
  }
}
.p-homeOnlinerecom_inner::after {
  content: "";
  display: block;
  width: min(calc(443 / 1200 * 100vw), 443px);
  height: min(calc(440 / 1200 * 100vw), 440px);
  background: url(../image/home/deco_online02.svg) center/contain no-repeat;
  position: absolute;
  right: max(calc(-220 / 1200 * 100vw), -220px);
  bottom: max(calc(-315 / 1200 * 100vw), -315px);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-homeOnlinerecom_inner::after {
    width: 226px;
    height: 224px;
    left: 79%;
    bottom: -200px;
  }
}
.p-homeOnlinerecom_head {
  position: relative;
}
.p-homeOnlinerecom_head .m-moreLink {
  position: absolute;
  top: 20px;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-homeOnlinerecom .l-onlinerecom_container {
    margin-top: 0;
  }
}

.p-homeLineup {
  margin-top: 78px;
  padding-bottom: 103px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-homeLineup {
    margin-top: 65px;
    padding-bottom: 51px;
  }
}
.p-homeLineup::before, .p-homeLineup::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.p-homeLineup::before {
  width: 100%;
  height: calc(173 / 1440 * 100vw);
  background: var(--color-yellow-light);
  z-index: -2;
}
@media screen and (max-width: 767px) {
  .p-homeLineup::before {
    height: calc(120 / 375 * 100vw);
  }
}
.p-homeLineup::after {
  width: calc(1608 / 1440 * 100vw);
  height: calc(173 / 1440 * 100vw);
  background: url(../image/home/lineup_head_bg.svg) center/100% 100% no-repeat;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, 47%);
}
@media screen and (max-width: 767px) {
  .p-homeLineup::after {
    width: calc(475 / 375 * 100vw);
    height: calc(118 / 375 * 100vw);
    transform: translate(-50%, 45%);
  }
}
.p-homeLineup_ttl {
  position: relative;
  z-index: 2;
}
.p-homeLineup_ttl::before {
  content: "";
  width: 322px;
  height: 161px;
  background: url(../image/home/lineup_ttl_bg.svg) center/100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_ttl::before {
    width: 240px;
    height: 120px;
    top: -6px;
  }
}
.p-homeLineup_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 36px 3.1304347826%;
  margin-top: 118px;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_container {
    gap: 8px 0;
    margin-top: 87px;
  }
}
.p-homeLineup_container > * {
  width: 48.4347826087%;
}
@media screen and (max-width: 1024px) {
  .p-homeLineup_container > * {
    width: 100%;
  }
}
.p-homeLineup_contList {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList {
    margin-bottom: 24px;
  }
  .p-homeLineup_contList + .p-homeLineup_contList {
    margin-top: 4px;
  }
}
.p-homeLineup_contList > * {
  width: 100%;
}
.p-homeLineup_contList a {
  display: block;
  text-decoration: none;
}
@media (hover: hover) {
  .p-homeLineup_contList a ._imgInner img {
    transition: 0.3s;
  }
  .p-homeLineup_contList a:hover ._imgInner img {
    transform: scale(1.06);
  }
}
.p-homeLineup_contList ._head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.p-homeLineup_contList ._contTtl {
  padding-left: 35px;
  font-size: 20px;
  font-weight: 700;
  background: url(../image/common/icon_search.svg) left center/22px auto no-repeat;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList ._contTtl {
    padding-left: 27px;
    background-size: 20px auto;
    font-size: 16px;
  }
}
.p-homeLineup_contList ._more {
  margin: 0 0 0 auto;
}
.p-homeLineup_contList ._list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 38px 8.3682008368%;
  margin-top: 22px;
  padding: 40px min(calc(40 / 1200 * 100vw), 40px) 39px;
  background: #fff;
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList ._list {
    gap: 36px 5.9139784946%;
    margin-top: 16px;
    padding: 32px calc(24 / 375 * 100vw) 33px;
  }
}
.p-homeLineup_contList ._list > * {
  width: 27.6150627615%;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList ._list > * {
    width: 29.3906810036%;
  }
}
.p-homeLineup_contList ._list.-taste ._imgInner {
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList ._list.-taste ._img {
    width: 85.3658536585%;
  }
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList ._list.-design {
    padding-top: 26px;
  }
}
.p-homeLineup_contList ._img {
  max-width: 110px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList ._img {
    width: 92.6829268293%;
  }
}
.p-homeLineup_contList ._imgInner {
  padding-top: 100%;
  position: relative;
}
.p-homeLineup_contList ._imgInner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.p-homeLineup_contList ._name {
  margin: 16px 0 0;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList ._name {
    margin-top: 9px;
    font-size: 12px;
  }
}
.p-homeLineup_contList ._limited,
.p-homeLineup_contList ._new {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  line-height: 1.1818181818;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.08em;
  position: absolute;
  top: -16px;
  left: -11px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList ._limited,
  .p-homeLineup_contList ._new {
    width: 38px;
    height: 38px;
  }
}
.p-homeLineup_contList ._limited {
  background: #8E6C4D;
  font-size: 11px;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList ._limited {
    font-size: 10px;
  }
}
.p-homeLineup_contList ._new {
  background: #FD5F5F;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contList ._new {
    font-size: 13px;
  }
}
.p-homeLineup_contLink a {
  display: flex;
  height: 146px;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contLink a {
    height: 100px;
  }
}
@media (hover: hover) {
  .p-homeLineup_contLink a ._img img {
    transition: 0.3s;
  }
  .p-homeLineup_contLink a:hover ._img img {
    transform: scale(1.06);
  }
}
.p-homeLineup_contLink ._contBox {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-homeLineup_contLink ._ttl {
  padding-left: 35px;
  font-size: 18px;
  font-weight: 700;
  background: url(../image/common/icon_search.svg) left center/22px auto no-repeat;
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contLink ._ttl {
    padding-left: 30px;
    font-size: min(calc(16 / 375 * 100vw), 16px);
    background-size: 19px auto;
  }
}
.p-homeLineup_contLink ._img {
  width: 43.447037702%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-homeLineup_contLink ._img {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .p-homeLineup_contLink ._img {
    width: 100px;
  }
}
.p-homeLineup_contLink ._img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.p-homeAbout {
  padding: 106px 0 106px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-homeAbout {
    padding: 62px 0 57px;
  }
}
.p-homeAbout_inner {
  padding-left: min(calc(56 / 1440 * 100vw), 56px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-homeAbout_inner {
    padding-left: 0;
  }
}
.p-homeAbout .m-secTtlEn {
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}
.p-homeAbout_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .p-homeAbout_container {
    display: block;
    margin-top: 0;
  }
}
.p-homeAbout_read {
  margin: -0.2em 0 0;
  width: 280px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  .p-homeAbout_read {
    width: 100%;
    margin-top: 6px;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 0.08em;
  }
}
.p-homeAbout_contBox {
  flex: 1;
  max-width: 639px;
}
.p-homeAbout_desc {
  margin: 0;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-homeAbout_desc {
    margin-top: 15px;
  }
}
.p-homeAbout_link {
  margin: 44px 0 0;
}
@media screen and (max-width: 767px) {
  .p-homeAbout_link {
    margin-top: 24px;
  }
}
.p-homeAbout_main {
  padding-top: 35.625%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-homeAbout_main {
    padding-top: 68.5333333333%;
  }
}
.p-homeAbout_main::before {
  content: "";
  display: block;
  width: min(calc(244 / 1200 * 100vw), 244px);
  height: min(calc(178 / 1200 * 100vw), 178px);
  background: url(../image/home/about_deco.svg) center top/contain no-repeat;
  position: absolute;
  right: 0;
  bottom: 100%;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .p-homeAbout_main::before {
    width: min(calc(160 / 375 * 100vw), 160px);
    height: min(calc(116 / 375 * 100vw), 116px);
    bottom: calc(100% + 2px);
  }
}
.p-homeAbout_slide {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-homeAbout_slide .splide__track {
  width: 100%;
  height: 100%;
}
.p-homeAbout_slide .splide__slide {
  width: 100%;
  height: 100%;
  position: relative;
}
.p-homeAbout_slide .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.p-homePickWrap {
  overflow: hidden;
}

.p-homePick {
  padding: 100px 0 106px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-homePick {
    padding: 58px 0 66px;
  }
  .p-homePick .m-secTtlEn {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 4px;
  }
}
.p-homePick::before {
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--color-yellow);
}
@media screen and (max-width: 767px) {
  .p-homePick::before {
    height: calc(100% - calc(119 / 375 * 100vw) / 2);
  }
}
.p-homePick::after {
  content: "";
  display: block;
  width: calc(1714 / 1440 * 100vw);
  height: calc(967 / 1440 * 100vw);
  background: url(../image/home/pick_bg.svg) center bottom/100% 100% no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-homePick::after {
    width: calc(475 / 375 * 100vw);
    height: calc(119 / 375 * 100vw);
  }
}
.p-homePick_inner {
  position: relative;
  z-index: 1;
}
.p-homePick_inner::before {
  content: "";
  display: block;
  width: min(calc(505 / 1200 * 100vw), 505px);
  height: min(calc(251 / 1200 * 100vw), 251px);
  background: url(../image/home/deco_top.svg) center/contain no-repeat;
  position: absolute;
  top: max(calc(-100 / 1200 * 100vw), -100px);
  left: max(calc(-447 / 1200 * 100vw), -447px);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-homePick_inner::before {
    display: none;
  }
}
.p-homePick_inner::after {
  content: "";
  display: block;
  width: min(calc(882 / 1200 * 100vw), 882px);
  height: min(calc(439 / 1200 * 100vw), 439px);
  background: url(../image/home/deco_bottom.svg) center/contain no-repeat;
  position: absolute;
  right: max(calc(-660 / 1200 * 100vw), -660px);
  bottom: max(calc(-260 / 1200 * 100vw), -260px);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-homePick_inner::after {
    width: 450px;
    height: 224px;
    left: 50%;
    bottom: -136px;
  }
}
.p-homePick_slide {
  margin-top: 51px;
}
@media screen and (max-width: 767px) {
  .p-homePick_slide {
    margin: 30px auto 0;
    width: calc(100% - 5.2vw);
  }
}
@media screen and (min-width: 768px) {
  .p-homePick .splide__slide:nth-child(n+4) {
    display: none;
  }
}
.p-homePick .splide__arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: calc(24 / 375 * 100vw);
  height: 20px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  outline: none;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-homePick .splide__arrow {
    display: none;
  }
}
.p-homePick .splide__arrow::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-top: 1px solid var(--color-base);
  border-right: 1px solid var(--color-base);
  position: absolute;
  top: 50%;
  left: 50%;
}
.p-homePick .splide__arrow--prev {
  left: calc(-24 / 375 * 100vw);
}
.p-homePick .splide__arrow--prev::before {
  transform: translate(-50%, -50%) rotate(-135deg);
}
.p-homePick .splide__arrow--next {
  right: calc(-24 / 375 * 100vw);
}
.p-homePick .splide__arrow--next::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .p-homePick .l-pick {
    display: flex !important;
  }
  .p-homePick .l-pick a {
    background-color: #fff;
  }
}
@media screen and (min-width: 768px) {
  .p-homePick .l-pick_img {
    padding-top: 73.1092436975%;
  }
}
@media screen and (min-width: 768px) {
  .p-homePick .l-pick_contBox {
    padding: min(2.6041666667vw, 26px) min(calc(24 / 1200 * 100vw), 24px) min(3.2552083333vw, 29px);
  }
}
@media screen and (min-width: 768px) {
  .p-homePick .l-pick_ttl {
    margin-top: 0.4em;
  }
}
@media screen and (min-width: 768px) {
  .p-homePick .m-moreLink {
    margin: 50px auto 0;
    padding-right: 48px;
  }
}
@media screen and (max-width: 767px) {
  .p-homePick .m-moreLink {
    padding-right: 28px;
    position: absolute;
    top: 18px;
    right: 0;
  }
}

.p-homeOriginal {
  padding-bottom: 108px;
}
@media screen and (max-width: 767px) {
  .p-homeOriginal {
    padding-bottom: 57px;
  }
}
.p-homeOriginal_ttl {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0 10px;
  padding-right: 2px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-homeOriginal_ttl {
    gap: 0 6px;
  }
}
.p-homeOriginal_ttl ._jp {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-homeOriginal_ttl ._jp {
    font-size: 18px;
  }
}
.p-homeOriginal_ttl ._en {
  margin: 0;
  font-family: var(--font-lato);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  transform: translateY(4px);
}
@media screen and (max-width: 767px) {
  .p-homeOriginal_ttl ._en {
    font-size: 15px;
    transform: translateY(0);
  }
}
.p-homeOriginal_more {
  margin: 0;
}
.p-homeOriginal_more a {
  margin: 10px auto 0;
}
@media screen and (max-width: 767px) {
  .p-homeOriginal_more a {
    margin-top: 2px;
  }
}
.p-homeOriginal_list.l-productList {
  gap: 0 2.2196261682%;
  background: #fff;
  margin-top: 34px;
  padding: 40px min(calc(40 / 1200 * 100vw), 40px) 35px;
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .p-homeOriginal_list.l-productList {
    gap: 20px 5.9139784946%;
    margin-top: 20px;
    padding: 28px 6.4vw 30px;
  }
}
.p-homeOriginal_list.l-productList > li {
  width: 18.2242990654%;
}
@media screen and (max-width: 767px) {
  .p-homeOriginal_list.l-productList > li {
    width: 29.3906810036%;
  }
}
@media screen and (min-width: 768px) {
  .p-homeOriginal_list.l-productList .l-productList_ttl {
    margin-top: 0.7em;
  }
}
@media screen and (max-width: 767px) {
  .p-homeOriginal_list.l-productList .l-productList_ttl {
    margin-top: 0.4em;
    padding-left: 0;
    padding-right: 0;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .p-homeOriginal_list.l-productList .l-productList_price {
    font-size: min(1.8229166667vw, 18px);
  }
}
@media screen and (max-width: 767px) {
  .p-homeOriginal_list.l-productList .l-productList_price {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }
}

.p-homeShop {
  background: #fff;
  padding-top: 108px;
}
@media screen and (max-width: 767px) {
  .p-homeShop {
    padding-top: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.p-homeShop_head {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-homeShop_head {
    display: contents;
  }
}
.p-homeShop_more {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-homeShop_more {
    margin-top: 40px;
    position: static;
    order: 3;
  }
}
.p-homeShop_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 40px;
  width: calc(100% - var(--mg-pc) * 2);
  max-width: 1150px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .p-homeShop_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 17px;
    width: calc(100% - var(--mg-sp) * 2);
    margin-top: 38px;
  }
}
.p-homeShop_list ._card {
  display: block;
  color: var(--color-base);
  text-decoration: none;
}
@media (hover: hover) {
  .p-homeShop_list ._card:hover ._img img {
    transform: scale(1.06);
  }
}
.p-homeShop_list ._img {
  display: block;
  width: 100%;
  aspect-ratio: 357/246;
  border-radius: 20px;
  overflow: hidden;
  background: #F8F5ED;
}
@media screen and (max-width: 767px) {
  .p-homeShop_list ._img {
    border-radius: 6px;
  }
}
.p-homeShop_list ._img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (hover: hover) {
  .p-homeShop_list ._img img {
    transition: transform 0.3s;
  }
}
.p-homeShop_list ._cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 28px;
}
@media screen and (max-width: 767px) {
  .p-homeShop_list ._cont {
    margin-top: 20px;
  }
}
.p-homeShop_list ._name {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-homeShop_list ._name {
    display: block;
    font-size: 15px;
  }
}
.p-homeShop_list ._new {
  color: #FD5F5F;
  font-family: var(--font-lato);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-homeShop_list ._new {
    display: none;
  }
}
.p-homeShop_list ._info {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-homeShop_list ._info {
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.75;
  }
}

.p-homePost {
  background: #fff;
  padding-top: 150px;
}
@media screen and (max-width: 767px) {
  .p-homePost {
    padding-top: 80px;
  }
}

.p-homeBlog {
  background: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-homeBlog .l-post {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
  }
  .p-homeBlog .l-post .l-post_img {
    width: 41.1131059246%;
  }
}
@media screen and (max-width: 767px) {
  .p-homeBlog .l-post {
    margin-top: 11px;
  }
}
@media screen and (min-width: 768px) {
  .p-homeBlog .l-post > * {
    width: 48.4347826087%;
  }
  .p-homeBlog .l-post > *:nth-child(3), .p-homeBlog .l-post > *:nth-child(4) {
    border-bottom: 0;
  }
}
.p-homeBlog .l-post > *:first-child {
  border-top: 0;
}
@media screen and (max-width: 767px) {
  .p-homeBlog .l-post > *:last-child {
    border-bottom: 0;
  }
}
.p-homeBlog .l-post a {
  align-items: center;
  padding: 26px 0 25px;
}
@media screen and (max-width: 767px) {
  .p-homeBlog .l-post a {
    padding: 22px 0 18px;
  }
}
@media screen and (min-width: 768px) {
  .p-homeBlog .l-post_time {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .p-homeBlog .l-post_cat {
    height: 21px;
    padding-top: 4px;
    font-size: 12px;
  }
}
.p-homeBlog .l-post_ttl {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .p-homeBlog .l-post_ttl {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .p-homeBlog .l-post_ttl {
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .p-homeBlog .l-post_head {
    margin-bottom: 8px;
  }
}
.p-homeBlog_more {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-homeBlog_more {
    margin-top: 12px;
  }
}
.p-homeBlog_more a {
  margin-left: auto;
}

.p-homeNews {
  margin-top: 100px;
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .p-homeNews {
    margin-top: 75px;
    padding-bottom: 80px;
  }
}
.p-homeNews_list {
  padding: 23px 16px 23px 45px;
  margin-top: 50px;
  border: 1px solid var(--color-base);
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .p-homeNews_list {
    margin-top: 28px;
    padding: 21px 11px 19px 15px;
    border-radius: 16px;
  }
}
.p-homeNews_list ul {
  max-height: 348px;
  padding: 4px 38px 0 0;
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
  .p-homeNews_list ul {
    max-height: 372px;
    margin-top: -9px;
    padding: 0 13px 0 0;
  }
}
.p-homeNews_list ul::-webkit-scrollbar {
  background: #CCB485;
  width: 5px;
  border-radius: 6px;
}
.p-homeNews_list ul::-webkit-scrollbar-thumb {
  background-color: var(--color-base);
  border-radius: 6px;
}
.p-homeNews_list li {
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-homeNews_list li {
    display: block;
  }
}
.p-homeNews_list li + li {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px dashed var(--color-base);
}
@media screen and (max-width: 767px) {
  .p-homeNews_list li + li {
    margin-top: 15px;
    padding-top: 24px;
  }
}
.p-homeNews_list ._time {
  display: block;
  padding-top: 2px;
  width: 131px;
  color: #94734A;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .p-homeNews_list ._time {
    font-size: 15px;
  }
}
.p-homeNews_list ._cont {
  flex: 1;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-homeNews_list ._cont {
    margin-top: 8px;
  }
}

/* ========================================
商品詳細 p-pid
======================================== */
.p-pid {
  padding: 30px 0 150px;
}
@media screen and (max-width: 767px) {
  .p-pid {
    padding: 20px 0 64px;
  }
}
@media screen and (max-width: 767px) {
  .p-pid .l-breadcrumb {
    order: -5;
  }
}
.p-pid .l-onlinerecom {
  padding-top: 64px;
}
@media screen and (max-width: 767px) {
  .p-pid .l-onlinerecom {
    padding-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .p-pid .l-onlinerecom_container {
    margin-top: 17px;
  }
}

.p-pidContainer > form {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0 min(calc(80 / 1200 * 100vw), 80px);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-pidContainer > form {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

.p-pidAside {
  width: 38.6956521739%;
}
@media screen and (max-width: 767px) {
  .p-pidAside {
    display: contents;
  }
  .p-pidAside > * {
    width: 100%;
  }
}

.p-pidMain {
  width: min(calc(625 / 1200 * 100vw), 625px);
}
@media screen and (max-width: 767px) {
  .p-pidMain {
    display: contents;
  }
  .p-pidMain > * {
    width: 100%;
  }
}

.p-pidSlide {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .p-pidSlide {
    margin-top: 30px;
    display: block;
    order: -1;
  }
}
.p-pidSlide_imgBox {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.p-pidSlide_imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.p-pidSlide_main {
  width: 82.88%;
}
@media screen and (max-width: 767px) {
  .p-pidSlide_main {
    width: 100%;
  }
}
.p-pidSlide_main .p-pidSlide_imgBox {
  border-radius: 20px;
}
.p-pidSlide_main .splide__pagination {
  display: flex;
  justify-content: center;
  gap: 0 14px;
  width: 100%;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-pidSlide_main .splide__pagination {
    gap: 0 8px;
    margin-top: 8px;
  }
}
.p-pidSlide_main .splide__pagination li {
  line-height: 0;
}
.p-pidSlide_main .splide__pagination button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  width: 12px;
  height: 12px;
  background: none;
  border: 1px solid var(--color-base);
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
.p-pidSlide_main .splide__pagination button.is-active {
  background-color: var(--color-base);
  border-color: #707070;
}
.p-pidSlide_sub {
  width: 14.56%;
}
@media screen and (max-width: 767px) {
  .p-pidSlide_sub {
    width: 100%;
    margin-top: 19px;
  }
}
@media screen and (min-width: 768px) {
  .p-pidSlide_sub .splide__list {
    position: relative;
    bottom: -1px;
  }
}
.p-pidSlide_sub .p-pidSlide_imgBox {
  border-radius: 16px;
  cursor: pointer;
}
@media (hover: hover) {
  .p-pidSlide_sub .p-pidSlide_imgBox {
    transition: opacity 0.3s;
  }
  .p-pidSlide_sub .p-pidSlide_imgBox:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.p-pidSlide_sub .p-pidSlide_imgBox::before, .p-pidSlide_sub .p-pidSlide_imgBox::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid var(--color-base);
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}
.p-pidSlide_sub .p-pidSlide_imgBox::after {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  border-color: #fff;
  border-width: 2px;
}
.p-pidSlide_sub .is-active .p-pidSlide_imgBox::before,
.p-pidSlide_sub .is-active .p-pidSlide_imgBox::after {
  opacity: 1;
}
.p-pidSlide_sub .splide__arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
  outline: none;
  width: 16px;
  height: 16px;
  border-top: 2px solid var(--color-base);
  border-right: 2px solid var(--color-base);
  position: absolute;
  left: 50%;
}
.p-pidSlide_sub .splide__arrow--prev {
  top: 0;
  transform: translate(-50%, -16px) rotate(-45deg);
}
.p-pidSlide_sub .splide__arrow--next {
  bottom: 0;
  transform: translate(-50%, 16px) rotate(135deg);
}
@media screen and (max-width: 767px) {
  .p-pidSlide.is-single .p-pidSlide_main .splide__pagination {
    display: none;
  }
  .p-pidSlide.is-single .p-pidSlide_sub {
    display: none;
  }
}

.p-pidName {
  margin-top: -0.15em;
  font-size: min(calc(32 / 1200 * 100vw), 32px);
  line-height: 1.375;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-pidName {
    margin-top: 28px;
    font-size: 24px;
    order: -2;
  }
}

.p-pidPrice {
  margin-top: 12px;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .p-pidPrice {
    margin-top: 8px;
    font-size: 18px;
    order: -2;
  }
}
.p-pidPrice p {
  margin: 0;
}

.p-pidInfoAside {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .p-pidInfoAside {
    margin-top: 40px;
  }
}

.p-pidoption {
  margin: 32px 0 0;
}
@media screen and (max-width: 767px) {
  .p-pidoption {
    margin-top: 10px;
  }
}
.p-pidoption_cont {
  display: flex;
  align-items: center;
  gap: 0 11px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-pidoption_cont {
    display: block;
  }
}
.p-pidoption_cont + .p-pidoption_cont {
  margin-top: 15px;
}
.p-pidoption dt {
  font-size: 13px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-pidoption dt {
    font-size: 15px;
  }
}
.p-pidoption dd {
  flex: 1;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-pidoption dd {
    margin-top: 8px;
  }
}
.p-pidoption select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  max-width: 293px;
  height: 40px;
  margin: 0;
  padding: 0 30px 0 10px;
  background: url(../image/common/selsect_arrow.svg) right 14px center/auto no-repeat;
  border: 1px solid var(--color-base);
  border-radius: 0;
  box-shadow: none;
  color: var(--color-base);
  font-size: 15px;
  font-weight: bold;
  outline: none;
}
@media screen and (max-width: 767px) {
  .p-pidoption select {
    max-width: 100%;
    border-radius: 20px;
  }
}

.p-pidNoshi {
  margin-top: 32px;
}
.p-pidNoshi textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 62px;
  padding: 10px;
  margin-top: 8px;
  border: 1px solid var(--color-base);
  border-radius: 0;
  box-shadow: none;
  color: var(--color-base);
  font-size: 15px;
  font-weight: bold;
  outline: none;
  resize: vertical;
}

.p-pidOrder {
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  .p-pidOrder {
    margin-top: 19px;
  }
}
.p-pidOrder_app {
  display: flex;
  align-items: center;
  gap: 0 11px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-pidOrder_app dd {
    margin-top: 0 !important;
  }
}
.p-pidOrder_app + .p-pidoption_cont {
  margin-top: 15px;
}
.p-pidOrder dt {
  font-size: 13px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-pidOrder dt {
    font-size: 15px;
  }
}
.p-pidOrder dd {
  flex: 1;
  margin: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-pidOrder dd {
    margin-top: 8px;
  }
}
.p-pidOrder_appBox {
  width: 120px;
  height: 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-pidOrder_appBox {
    width: 168px;
  }
}
.p-pidOrder_appBox input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
  outline: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-base);
  text-align: center;
  color: var(--color-base);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-pidOrder_appBox input {
    border-radius: 20px;
  }
}
.p-pidOrder_minus, .p-pidOrder_plus {
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
}
.p-pidOrder_minus::before, .p-pidOrder_minus::after, .p-pidOrder_plus::before, .p-pidOrder_plus::after {
  content: "";
  width: 12px;
  height: 1px;
  background: var(--color-base);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-pidOrder_minus {
  left: 7px;
}
.p-pidOrder_minus::after {
  display: none;
}
.p-pidOrder_plus {
  right: 7px;
}
.p-pidOrder_plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.p-pidOrder_notes {
  margin-top: 32px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-pidOrder_notes {
    margin-top: 27px;
  }
}
.p-pidOrder_notes + .p-pidOrder_addCart {
  margin-top: 5px;
}
.p-pidOrder_addCart {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
  outline: none;
  display: block;
  width: 100%;
  height: 60px;
  margin-top: 32px;
  background: #FDE25F;
  border-radius: 30px;
  color: #6B390B;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
@media (hover: hover) {
  .p-pidOrder_addCart {
    transition: opacity 0.3s;
  }
  .p-pidOrder_addCart:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .p-pidOrder_addCart {
    margin-top: 27px;
    height: 56px;
    font-size: 18px;
  }
}

.p-pidLink {
  margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
  .p-pidLink {
    margin-top: 12px;
  }
}
.p-pidLink a {
  display: inline-block;
  text-decoration: underline;
}
@media (hover: hover) {
  .p-pidLink a:hover {
    text-decoration: none;
  }
}

.p-pidActionBox {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
}
@media screen and (max-width: 1024px) {
  .p-pidActionBox {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px min(calc(15 / 375 * 100vw), 15px);
  }
}
.p-pidActionBox::before, .p-pidActionBox::after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: var(--color-base);
}
@media screen and (max-width: 1024px) {
  .p-pidActionBox::before {
    display: none;
  }
}
.p-pidActionBox * {
  margin: 0;
  color: var(--color-base);
  font-size: 15px;
  font-weight: 700;
}
@media (hover: hover) {
  .p-pidActionBox *:hover {
    text-decoration: underline;
  }
}
.p-pidActionBox p:last-child {
  order: 2;
}
.p-pidActionBox_favorite {
  order: -1;
}
@media screen and (max-width: 1024px) {
  .p-pidActionBox_favorite {
    width: 100%;
  }
}
.p-pidActionBox_favorite button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  gap: 0 7px;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .p-pidActionBox_favorite button {
    justify-content: center;
    width: 100%;
    height: 42px;
    padding-top: 1px;
    border-radius: 21px;
    background: var(--color-yellow-light);
    font-size: 14px;
    line-height: 1;
  }
}
.p-pidActionBox_favorite button::before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../image/pid/favorite_off.svg) center/contain no-repeat;
  transform: translateY(-1px);
}
.p-pidActionBox_favorite button.fav-items::before {
  background-image: url(../image/pid/favorite_on.svg);
}

.p-pidInfo br:not(._active) {
  display: none;
}
.p-pidInfo_desc {
  margin: 0;
}
.p-pidInfo_desc a {
  text-decoration: underline;
}
@media (hover: hover) {
  .p-pidInfo_desc a:hover {
    text-decoration: none;
  }
}
.p-pidInfo_data {
  margin-top: 16px;
}
.p-pidInfo_data dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 6px;
}
@media screen and (max-width: 767px) {
  .p-pidInfo_data dl {
    display: block;
    margin-bottom: 18px;
    font-size: 16px;
  }
}
.p-pidInfo_data dt {
  min-width: 80px;
}
.p-pidInfo_data dt::before {
  content: "●";
}
.p-pidInfo_data dd {
  flex: 1;
  margin: 0;
  padding-left: 1em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-pidInfo_data dd {
    margin-top: 10px;
    padding-left: 0;
  }
}
.p-pidInfo_data dd::before {
  content: "：";
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-pidInfo_data dd::before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .p-pidCont:has(.p-pidFeature), .p-pidCont:has(.p-pidYakiin) {
    margin-top: 55px;
    border-top: 1px dashed var(--color-base);
  }
}
.p-pidCont > * {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .p-pidCont > * {
    margin-top: 55px;
  }
}
.p-pidCont > *:first-child {
  margin-top: 0;
}
.p-pidCont br:not(._active) {
  display: none;
}
.p-pidCont_ttl {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-pidCont_ttl {
    font-size: 18px;
  }
}
.p-pidCont_indent {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 767px) {
  .p-pidCont_minText {
    font-size: 14px;
  }
}

.p-pidFeature_list {
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  .p-pidFeature_list {
    margin-top: 32px;
  }
}
.p-pidFeature_list li {
  display: flex;
  align-items: center;
  gap: 0 6.0952380952%;
  margin-top: 33px;
}
@media screen and (max-width: 767px) {
  .p-pidFeature_list li {
    gap: 0 calc(16 / 375 * 100vw);
    align-items: flex-start;
    margin-top: 24px;
  }
}
.p-pidFeature_list li p {
  margin: 0;
}
.p-pidFeature_list li:first-of-type {
  margin-top: 0;
}
.p-pidFeature_list li:nth-of-type(even) {
  flex-direction: row-reverse;
}
.p-pidFeature_ttl {
  margin-bottom: 7px !important;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-pidFeature_ttl {
    margin-bottom: 10px !important;
    font-size: 15px;
  }
}
.p-pidFeature_contBox {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-pidFeature_desc {
    margin-bottom: 0;
    font-size: 14px;
  }
}
.p-pidFeature_img {
  width: 19.2%;
}
@media screen and (max-width: 767px) {
  .p-pidFeature_img {
    width: calc(100 / 375 * 100vw);
  }
}
.p-pidFeature_img img {
  width: 100%;
}

.p-pidYakiin a {
  display: flex;
  background: var(--color-yellow-light);
  border-radius: 16px;
  text-decoration: none;
}
.p-pidYakiin a > * {
  width: 50%;
  min-height: 240px;
}
@media screen and (max-width: 767px) {
  .p-pidYakiin a > * {
    height: 100px;
    min-height: 100px;
  }
}
@media (hover: hover) {
  .p-pidYakiin a:hover .p-pidYakiin_imgBox img {
    transform: scale(1.06);
  }
}
.p-pidYakiin_ttl {
  font-size: clamp(15px, 1.4166666667vw, 17px);
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-pidYakiin_ttl {
    font-size: 16px;
  }
}
.p-pidYakiin_desc {
  margin: 18px 0 0;
  font-size: clamp(13px, 1.25vw, 15px);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-pidYakiin_desc {
    display: none;
  }
}
.p-pidYakiin_contBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px clamp(20px, 3.0833333333vw, 37px) 20px clamp(20px, 3.4166666667vw, 41px);
}
@media screen and (max-width: 767px) {
  .p-pidYakiin_contBox {
    padding: 0 0 0 3px;
    text-align: center;
  }
}
.p-pidYakiin_imgBox {
  border-radius: 0 16px 16px 0;
  position: relative;
  overflow: hidden;
}
.p-pidYakiin_imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}

.p-pidLine {
  margin: 80px 0 0;
  border-top: 1px dashed var(--color-base);
}
@media screen and (max-width: 767px) {
  .p-pidLine {
    margin-top: 48px;
  }
}

.p-pidOverview {
  border-top: 1px dashed var(--color-base);
  padding-top: 80px;
}
@media screen and (max-width: 767px) {
  .p-pidOverview {
    padding-top: 55px;
  }
}
.p-pidOverview dl {
  margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
  .p-pidOverview dl {
    margin-top: 30px;
  }
}
.p-pidOverview dl:first-of-type {
  margin-top: 0;
}
.p-pidOverview dt {
  padding-bottom: 0.6em;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-pidOverview dt {
    padding-bottom: 1px;
    font-size: 15px;
  }
}
.p-pidOverview dd {
  margin: 0;
  line-height: inherit;
}
@media screen and (max-width: 767px) {
  .p-pidOverview dd {
    font-size: 14px;
  }
}
.p-pidOverview dd p {
  margin: 0;
  line-height: 1.7466666667;
}
@media screen and (max-width: 767px) {
  .p-pidOverview dd p {
    margin-top: 7px;
    line-height: 1.5;
  }
}
.p-pidOverview dd p::first-of-type {
  margin-top: 0;
}
.p-pidOverview dd a {
  display: inline-block;
  text-decoration: none !important;
}
.p-pidOverview dd a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-base);
  transform: translateY(-0.1em);
  opacity: 1;
}
@media (hover: hover) {
  .p-pidOverview dd a::after {
    transition: 0.3s;
  }
  .p-pidOverview dd a:hover::after {
    opacity: 0;
  }
}

.p-pidOther {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .p-pidOther {
    margin-top: 48px;
  }
}
@media screen and (min-width: 768px) {
  .p-pidOther .l-productList {
    display: flex !important;
  }
}
@media screen and (max-width: 767px) {
  .p-pidOther .l-productList {
    flex-wrap: nowrap;
    gap: 0 0;
  }
}
@media screen and (min-width: 768px) {
  .p-pidOther .l-productList li:nth-child(n+6) {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-pidOther .splide__arrow {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-pidOther .splide__arrow {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 1px solid #5E3611;
    position: absolute;
    top: calc(50 / 375 * 100vw);
    z-index: 2;
  }
  .p-pidOther .splide__arrow--prev {
    border-left: 1px solid #5E3611;
    left: calc(-14 / 375 * 100vw);
    transform: translateY(-50%) rotate(-45deg);
  }
  .p-pidOther .splide__arrow--next {
    border-right: 1px solid #5E3611;
    right: calc(-14 / 375 * 100vw);
    transform: translateY(-50%) rotate(45deg);
  }
}

.p-pidRelated {
  padding: 64px 0;
}
@media screen and (max-width: 767px) {
  .p-pidRelated {
    padding: 41px 0 39px;
  }
}
@media screen and (max-width: 767px) {
  .p-pidRelated .m-secTtlJp {
    margin-bottom: 18px;
  }
}
.p-pidRelated .l-productList {
  margin-top: 42px;
}
@media screen and (min-width: 768px) {
  .p-pidRelated .l-productList {
    gap: 40px 3.4782608696%;
  }
  .p-pidRelated .l-productList > li {
    width: 17.2173913043%;
  }
}
@media screen and (max-width: 767px) {
  .p-pidRelated .l-productList {
    margin-top: 27px;
  }
}

.p-pidRelatedColumn {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .p-pidRelatedColumn {
    margin-top: 52px;
  }
}
@media screen and (max-width: 767px) {
  .p-pidRelatedColumn .l-post-common {
    margin-top: 27px;
  }
}

/* ========================================
おいしさのこだわり p-f2
======================================== */
.p-f2Head {
  padding: 119px 0 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-f2Head {
    padding-top: 47px;
  }
}
.p-f2Head_main {
  width: min(calc(600 / 1140 * 100vw), 600px);
  margin: max(calc(-143 / 1140 * 100vw), -143px) auto 0;
  transform: translateY(37%);
}
@media screen and (max-width: 767px) {
  .p-f2Head_main {
    width: 288px;
    margin-top: -91px;
    transform: translate(-7%, 56%);
  }
}

.p-f2About {
  padding-top: 1px;
  height: min(calc(680 / 1140 * 100vw), 680px);
  background: var(--color-yellow-light);
}
@media screen and (max-width: 767px) {
  .p-f2About {
    height: auto;
    padding-top: 0;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .p-f2About_inner {
    padding: 90px 0 137px;
    overflow: hidden;
    position: relative;
  }
}
.p-f2About_container {
  width: min(calc(1102 / 1140 * 100vw), 1102px);
  height: min(calc(593 / 1140 * 100vw), 593px);
  margin: min(calc(68 / 1140 * 100vw), 68px) auto 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-f2About_container {
    width: min(calc(327 / 375 * 100vw), 327px);
    height: 529px;
    margin: 0 auto;
  }
}
.p-f2About_container::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../image/f2/about_bg_pc2.svg) center/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(1%, 0%);
}
@media screen and (max-width: 767px) {
  .p-f2About_container::before {
    width: 469px;
    height: 629px;
    background-image: url(../image/f2/about_bg_sp2.svg);
    top: 0;
    left: calc(50% - 14px);
    transform: translate(-50%, 0%);
  }
}
.p-f2About_cont {
  width: 100%;
  height: 100%;
  padding: min(calc(104 / 1140 * 100vw), 104px) min(calc(300 / 1140 * 100vw), 300px) 0 0;
}
@media screen and (max-width: 767px) {
  .p-f2About_cont {
    padding: 60px 0 0;
  }
}
.p-f2About_cont._cont02, .p-f2About_cont._cont03 {
  display: none;
}
.p-f2About_ttl {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-f2About_ttl {
    writing-mode: vertical-rl;
    font-size: min(calc(23 / 1140 * 100vw), 23px);
    position: absolute;
    top: min(calc(120 / 1140 * 100vw), 120px);
    right: min(calc(120 / 1140 * 100vw), 120px);
    line-height: 1.9;
    z-index: 3;
  }
  .p-f2About_ttl::before {
    content: "";
    display: block;
    width: 1px;
    height: min(calc(390 / 1140 * 100vw), 390px);
    border-left: 1px dashed var(--color-base);
    position: absolute;
    top: max(calc(-15 / 1140 * 100vw), -15px);
    left: max(calc(-52 / 1140 * 100vw), -52px);
  }
}
@media screen and (max-width: 767px) {
  .p-f2About_ttl {
    margin: 8px 0 40px;
    font-size: 18px;
    line-height: 1.9444444444;
    letter-spacing: 0.1em;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .p-f2About_desc {
    writing-mode: vertical-rl;
    margin-left: auto;
    margin-bottom: 0;
    font-size: min(calc(18 / 1140 * 100vw), 18px);
    letter-spacing: 0.04em;
    line-height: 2.65;
  }
}
@media screen and (max-width: 767px) {
  .p-f2About_desc {
    font-size: 15px;
    line-height: 2.1333333333;
    letter-spacing: 0.08em;
  }
}
.p-f2About_next {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 min(calc(26 / 1140 * 100vw), 26px);
  width: min(calc(174 / 1140 * 100vw), 174px);
  height: min(calc(48 / 1140 * 100vw), 48px);
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 24px;
  border: 1px solid var(--color-base);
  color: var(--color-base);
  font-size: min(calc(14 / 1140 * 100vw), 14px);
  font-weight: 700;
  position: absolute;
  left: min(calc(218 / 1140 * 100vw), 218px);
  bottom: min(calc(78 / 1140 * 100vw), 78px);
  z-index: 2;
  outline: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-f2About_next {
    gap: 0 26px;
    width: 174px;
    height: 48px;
    font-size: 14px;
    letter-spacing: 0.08em;
    position: static;
    margin: 26px auto 0;
    transform: translateX(-5%);
  }
  ._cont01 .p-f2About_next {
    margin-top: 46px;
  }
}
@media screen and (max-width: 767px) and (max-width: 359px) {
  ._cont01 .p-f2About_next {
    margin-top: 10px;
  }
}
.p-f2About_next::after {
  content: "";
  display: block;
  width: min(calc(22 / 1140 * 100vw), 22px);
  height: min(calc(14 / 1140 * 100vw), 14px);
  background: url(../image/f2/about_arrow_next_pc.svg) center/contain no-repeat;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-f2About_next::after {
    width: 22px;
    height: 14px;
    background-image: url(../image/f2/about_arrow_next_sp.svg);
  }
}
@media (hover: hover) {
  .p-f2About_next {
    transition: background-color 0.3s, color 0.3s;
  }
  .p-f2About_next:hover {
    background-color: var(--color-base);
    color: #fff;
  }
  .p-f2About_next:hover::after {
    background-image: url(../image/f2/about_arrow_next_pc-white.svg);
  }
}
.p-f2About_prev {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  border: 0;
  position: absolute;
  left: max(calc(-24 / 1140 * 100vw), -24px);
  bottom: min(calc(38 / 1140 * 100vw), 38px);
  z-index: 2;
  outline: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-f2About_prev {
    left: 0;
    bottom: -130px;
  }
}
.p-f2About_prev::before {
  content: "";
  display: block;
  width: min(calc(46 / 1140 * 100vw), 46px);
  height: min(calc(46 / 1140 * 100vw), 46px);
  margin: 0 auto;
  background: url(../image/f2/about_arrow_prev_pc.svg) center/contain no-repeat;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-f2About_prev::before {
    width: 46px;
    height: 46px;
    background-image: url(../image/f2/about_arrow_prev_sp.svg);
  }
}
.p-f2About_prev ._text {
  display: block;
  margin-top: min(calc(12 / 1140 * 100vw), 12px);
  color: var(--color-base);
  font-size: min(calc(14 / 1140 * 100vw), 14px);
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-f2About_prev ._text {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.4285714286;
  }
}
@media (hover: hover) {
  .p-f2About_prev:hover::before {
    background-image: url(../image/f2/about_arrow_prev_pc-white.svg);
  }
}
.p-f2About_sheep {
  position: absolute;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .p-f2About_sheep {
    width: min(calc(250 / 1140 * 100vw), 250px);
    height: min(calc(140 / 1140 * 100vw), 140px);
    right: max(calc(-2 / 1140 * 100vw), -2px);
    bottom: max(calc(-23 / 1140 * 100vw), -23px);
  }
}
@media screen and (max-width: 767px) {
  .p-f2About_sheep {
    width: 174px;
    height: 98px;
    left: calc(50% - 1px);
    bottom: -3px;
  }
}
.p-f2About_illust {
  position: absolute;
}
.p-f2About_illust.-cont01Pc1 {
  width: min(calc(202 / 1140 * 100vw), 202px);
  left: max(calc(-17 / 1140 * 100vw), -17px);
  bottom: min(calc(18 / 1140 * 100vw), 18px);
}
.p-f2About_illust.-cont01Sp1 {
  top: -2px;
  right: -9px;
}
.p-f2About_illust.-cont01Sp2 {
  left: -20px;
  bottom: -68px;
}
.p-f2About_illust.-cont02Pc1 {
  width: min(calc(170 / 1140 * 100vw), 170px);
  left: min(calc(59 / 1140 * 100vw), 59px);
  bottom: min(calc(153 / 1140 * 100vw), 153px);
}
.p-f2About_illust.-cont02Sp1 {
  top: -27px;
  right: 0px;
}
.p-f2About_illust.-cont02Sp2 {
  left: 0px;
  bottom: -57px;
}
.p-f2About_illust.-cont03Pc1 {
  width: min(calc(185 / 1140 * 100vw), 185px);
  left: min(calc(91 / 1140 * 100vw), 91px);
  bottom: min(calc(87 / 1140 * 100vw), 87px);
}
.p-f2About_illust.-cont03Sp1 {
  left: 106px;
  bottom: -22px;
}

.p-f2Future {
  padding-top: 120px;
}
@media screen and (min-width: 768px) {
  .p-f2Future {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .p-f2Future {
    padding-top: 66px;
  }
}
.p-f2Future_ttl {
  padding-top: 20px;
  font-size: 20px;
}
.p-f2Future_cont {
  margin-top: 64px;
}
@media screen and (max-width: 767px) {
  .p-f2Future_cont {
    margin-top: 44px;
  }
}
.p-f2Future_cont + .p-f2Future_cont {
  margin-top: 140px;
}
@media screen and (max-width: 767px) {
  .p-f2Future_cont + .p-f2Future_cont {
    margin-top: 132px;
  }
}
.p-f2Future_contImage img {
  width: 100%;
}
.p-f2Future_contTtl {
  margin-top: 45px;
  padding-top: 48px;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.08em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-f2Future_contTtl {
    margin-top: 33px;
    padding-top: 34px;
    font-size: 20px;
  }
}
.p-f2Future_contTtl ._balloon {
  display: block;
  width: 105px;
  height: 42px;
  background: url(../image/f2/future_balloon_pc@2x.svg) center bottom/auto no-repeat;
  font-size: 16px;
  letter-spacing: 0;
  text-align: center;
  position: absolute;
  top: 0;
  right: calc(50% + 25px);
  transform: rotate(-5deg);
}
@media screen and (max-width: 767px) {
  .p-f2Future_contTtl ._balloon {
    width: 88px;
    height: 36px;
    background-size: contain;
    font-size: 13px;
  }
}
.p-f2Future_contDesc {
  margin: 28px 0 0;
  line-height: 2;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-f2Future_contDesc {
    margin-top: 20px;
    text-align: left;
  }
}
.p-f2Future_descIllust {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-f2Future_descIllust.-illust01 {
    left: calc(50% + 190px);
    bottom: -16px;
  }
}
@media screen and (max-width: 767px) {
  .p-f2Future_descIllust.-illust01 {
    width: 133px;
    right: 0;
    bottom: -49px;
  }
}
@media screen and (min-width: 768px) {
  .p-f2Future_descIllust.-illust02 {
    left: calc(50% + 196px);
    bottom: -56px;
  }
}
@media screen and (max-width: 767px) {
  .p-f2Future_descIllust.-illust02 {
    width: 147px;
    right: -24px;
    bottom: -83px;
  }
}
@media screen and (min-width: 768px) {
  .p-f2Future_descIllust.-illust03 {
    left: calc(50% + 141px);
    bottom: -74px;
  }
}
@media screen and (max-width: 767px) {
  .p-f2Future_descIllust.-illust03 {
    width: 184px;
    right: -23px;
    bottom: -72px;
  }
}
@media screen and (min-width: 768px) {
  .p-f2Future_descIllust.-illust04 {
    left: calc(50% + 150px);
    bottom: -35px;
  }
}
@media screen and (max-width: 767px) {
  .p-f2Future_descIllust.-illust04 {
    width: 172px;
    right: -6px;
    bottom: -19px;
  }
}
@media screen and (min-width: 768px) {
  .p-f2Future_descIllust.-illust05 {
    left: calc(50% + 276px);
    bottom: -45px;
  }
}
@media screen and (max-width: 767px) {
  .p-f2Future_descIllust.-illust05 {
    width: 132px;
    right: 0px;
    bottom: -106px;
  }
}

.p-f2Gallery {
  margin-top: 134px;
}
@media screen and (max-width: 767px) {
  .p-f2Gallery {
    margin-top: 204px;
  }
}
@media screen and (max-width: 767px) {
  .p-f2Gallery_ttl {
    font-size: 20px;
  }
}
.p-f2Gallery_main {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-f2Gallery_main {
    width: calc(100% + var(--mg-sp) * 2);
    margin-top: 40px;
    margin-left: calc(var(--mg-sp) * -1);
  }
}
.p-f2Gallery_main ._imgBox {
  padding-top: 66.6956521739%;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.p-f2Gallery_main ._imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.p-f2Gallery_main .splide__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  background: #fff;
  border-radius: 23px;
  border: 1px solid var(--color-base);
  color: var(--color-base);
  font-family: var(--font-lato);
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-f2Gallery_main .splide__arrow {
    display: none;
  }
}
@media (hover: hover) {
  .p-f2Gallery_main .splide__arrow {
    transition: background-color 0.3s, color 0.3s;
  }
  .p-f2Gallery_main .splide__arrow:hover {
    background-color: var(--color-base);
    color: #fff;
  }
}
.p-f2Gallery_main .splide__arrow::after {
  content: "";
  display: block;
  width: 22px;
  height: 14px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.p-f2Gallery_main .splide__arrow--prev {
  width: 46px;
  left: 0;
  transform: translate(-50%, -50%);
}
.p-f2Gallery_main .splide__arrow--prev::after {
  background-image: url(../image/f2/slide_arrow_prev.svg);
}
@media (hover: hover) {
  .p-f2Gallery_main .splide__arrow--prev:hover::after {
    background-image: url(../image/f2/slide_arrow_prev-white.svg);
  }
}
.p-f2Gallery_main .splide__arrow--next {
  gap: 0 28px;
  width: 142px;
  transform: translate(50%, -50%);
  right: 0;
}
@media screen and (max-width: 1340px) {
  .p-f2Gallery_main .splide__arrow--next {
    transform: translate(23px, -50%);
  }
}
.p-f2Gallery_main .splide__arrow--next::after {
  background-image: url(../image/f2/slide_arrow_next.svg);
}
@media (hover: hover) {
  .p-f2Gallery_main .splide__arrow--next:hover::after {
    background-image: url(../image/f2/slide_arrow_next-white.svg);
  }
}
.p-f2Gallery_main .splide__pagination {
  display: flex;
  justify-content: center;
  gap: 0 8px;
  width: 100%;
  padding: 22px 0;
}
@media screen and (max-width: 767px) {
  .p-f2Gallery_main .splide__pagination {
    padding: 25px 0 30px;
  }
}
.p-f2Gallery_main .splide__pagination li {
  line-height: 0;
}
.p-f2Gallery_main .splide__pagination button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  width: 12px;
  height: 12px;
  border: 1px solid var(--color-base);
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
.p-f2Gallery_main .splide__pagination button.is-active {
  background: var(--color-base);
}
@media screen and (max-width: 767px) {
  .p-f2Gallery_sub .splide__slide {
    position: relative;
    padding: 2px;
  }
  .p-f2Gallery_sub .splide__slide.is-active::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid var(--color-base);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
}
.p-f2Gallery_sub ._imgBox {
  padding-top: 100%;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.p-f2Gallery_sub ._imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

/* ========================================
焼印・サイズについて p-f3
======================================== */
.p-f3_read {
  margin-top: 2.1em;
  margin-bottom: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-f3_read {
    margin-top: 1.6em;
    line-height: 2;
  }
}

.p-f3PageLink {
  display: flex;
  position: relative;
}
.p-f3PageLink a {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px 0;
  height: 160px;
  border-top: 1px solid var(--color-base);
  border-bottom: 1px solid var(--color-base);
  font-size: clamp(14px, 2.34375vw, 20px);
  font-weight: 700;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .p-f3PageLink a {
    gap: 0 0;
    height: 64px;
  }
}
.p-f3PageLink a:nth-child(2) {
  border-left: 1px solid var(--color-base);
}
.p-f3PageLink a::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-right: 2px solid var(--color-base);
  border-bottom: 2px solid var(--color-base);
  transform: rotate(45deg);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-f3PageLink a::after {
    width: 11px;
    height: 11px;
  }
}
@media (hover: hover) {
  .p-f3PageLink a:hover::after {
    transform: translateY(4px) rotate(45deg);
  }
}

.p-f3Yakiin {
  padding: 108px 0;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin {
    padding: 56px 0;
  }
}
.p-f3Yakiin .m-inner {
  max-width: 1340px;
}
.p-f3Yakiin_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 2.9850746269%;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_list {
    justify-content: space-between;
    gap: 24px 0;
    margin-top: 30px;
  }
}
.p-f3Yakiin_list > li {
  width: 31.3432835821%;
  background: #fff;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_list > li {
    width: calc(152 / 375 * 100vw);
    padding: 20px 10px 23px;
    border-radius: 16px;
  }
}
.p-f3Yakiin_list .-wanko .p-f3Yakiin_listCont ._listImg img {
  transform: scale(112.7272727273%);
}
.p-f3Yakiin_limit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(45px , calc(64 / 1440 * 100vw), 64px);
  height: clamp(45px , calc(64 / 1440 * 100vw), 64px);
  background: var(--color-base);
  border-radius: 50%;
  color: #fff;
  font-size: clamp(12px , calc(17 / 1440 * 100vw), 17px);
  line-height: 1.1764705882;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.08em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translate(-25%, -31.25%);
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_limit {
    width: 40px;
    height: 40px;
    font-size: 10px;
    line-height: 1.3;
    transform: translate(-30%, -32.5%);
  }
}
.p-f3Yakiin_modalCont .p-f3Yakiin_limit {
  transform: none;
  top: 16px;
  left: 16px;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont .p-f3Yakiin_limit {
    top: min(calc(12 / 375 * 100vw), 12px);
    left: min(calc(12 / 375 * 100vw), 12px);
    width: 56px;
    height: 56px;
    font-size: 15px;
    line-height: 1.2;
  }
}
.p-f3Yakiin_listCont {
  padding: 44px min(calc(40 / 1440 * 100vw), 40px) 48px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_listCont {
    padding: 20px 10px 23px;
  }
}
.p-f3Yakiin_listCont p {
  margin-bottom: 0;
}
.p-f3Yakiin_listCont ._listImg {
  width: 220px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_listCont ._listImg {
    width: calc(88 / 375 * 100vw);
  }
}
.p-f3Yakiin_listCont ._listTtl {
  margin-top: 1.8em;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_listCont ._listTtl {
    margin-top: 0.8em;
    font-size: 18px;
    text-align: center;
  }
}
.p-f3Yakiin_listCont ._listName {
  margin-top: 3px;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_listCont ._listName {
    display: none;
  }
}
.p-f3Yakiin_listCont ._listDesc {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_listCont ._listDesc {
    display: none;
  }
}
.p-f3Yakiin_listCont ._listBtn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
  outline: none;
  margin-top: 19px;
  padding-left: 26px;
  padding-bottom: 2px;
  border-bottom: 2px solid var(--color-base);
  color: var(--color-base);
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_listCont ._listBtn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 11px auto 0;
    padding: 0 0 0 1.2em;
    font-size: min(calc(14 / 375 * 100vw), 14px);
    line-height: 1.5;
  }
}
.p-f3Yakiin_listCont ._listBtn::after {
  background: #000;
}
.p-f3Yakiin_listCont ._listBtn::before, .p-f3Yakiin_listCont ._listBtn::after {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  background: var(--color-base);
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_listCont ._listBtn::before, .p-f3Yakiin_listCont ._listBtn::after {
    width: min(calc(12 / 375 * 100vw), 12px);
    top: min(calc(10 / 375 * 100vw), 10px);
  }
}
.p-f3Yakiin_listCont ._listBtn::after {
  transform: rotate(90deg);
}
@media (hover: hover) {
  .p-f3Yakiin_listCont ._listBtn {
    transition: 0.3s;
  }
  .p-f3Yakiin_listCont ._listBtn:hover {
    border-bottom-color: transparent;
  }
}
.p-f3Yakiin_modalCont {
  display: none;
  width: 100%;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.l-modal .p-f3Yakiin_modalCont {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-f3Yakiin_modalCont > * {
    width: 50%;
  }
}
.p-f3Yakiin_modalCont p {
  margin-bottom: 0;
}
.p-f3Yakiin_modalCont ._modalImg {
  position: relative;
}
.p-f3Yakiin_modalCont ._modalImg > div {
  padding-top: 100%;
  position: relative;
}
.p-f3Yakiin_modalCont ._modalImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.p-f3Yakiin_modalCont ._modalContBox {
  padding: 43px 40px 36px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.p-f3Yakiin_modalCont ._modalContBox::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont ._modalContBox {
    padding: 33px var(--mg-sp) 40px;
    position: static;
  }
}
.p-f3Yakiin_modalCont ._modalTtl {
  font-size: 29px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont ._modalTtl {
    font-size: 18px;
  }
}
.p-f3Yakiin_modalCont ._modalName {
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont ._modalName {
    margin-top: 2px;
  }
}
.p-f3Yakiin_modalCont ._modalDesc {
  margin-top: 1.8em;
}
.p-f3Yakiin_modalCont ._modalProfile {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0 20px;
  min-height: 137px;
  margin: 36px 0 0;
  padding: 20px;
  background: #FFF8DB;
  border-radius: 8px;
  font-size: 13px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont ._modalProfile {
    display: block;
    margin-top: 30px;
    padding: 23px 22px 21px;
  }
}
.p-f3Yakiin_modalCont ._modalProfile dl {
  margin: 0;
  flex: 1;
}
.p-f3Yakiin_modalCont ._modalProfile dt {
  font-family: var(--font-lato);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont ._modalProfile dt {
    font-size: 15px;
  }
}
.p-f3Yakiin_modalCont ._modalProfile dd {
  margin-top: 0.7em;
  margin-left: 0;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont ._modalProfile dd {
    margin-top: 0.9em;
    line-height: 2;
  }
}
.p-f3Yakiin_modalCont ._modalProfileImg {
  width: min(23.0769230769%, 105px);
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont ._modalProfileImg {
    width: 78px;
    float: right;
    margin: 1px 0 0 5px;
  }
}
.p-f3Yakiin_modalCont ._modalProduct {
  margin: 100px 0 0;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont ._modalProduct {
    margin-top: 40px;
  }
}
.p-f3Yakiin_modalCont ._modalProduct dt {
  font-weight: 700;
}
.p-f3Yakiin_modalCont ._modalProduct dd {
  margin-top: 18px;
  margin-left: 0;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont ._modalProduct dd {
    margin-top: 22px;
  }
}
.p-f3Yakiin_modalCont ._modalProduct ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 40px;
}
@media screen and (max-width: 767px) {
  .p-f3Yakiin_modalCont ._modalProduct ul {
    flex-direction: column;
  }
}
.p-f3Yakiin_modalCont ._modalProduct li {
  padding-left: 0.8em;
  position: relative;
}
.p-f3Yakiin_modalCont ._modalProduct li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--color-base);
  position: absolute;
  top: 8px;
  left: 0;
}
.p-f3Yakiin_modalCont ._modalProduct li a {
  text-decoration: underline;
}
@media (hover: hover) {
  .p-f3Yakiin_modalCont ._modalProduct li a:hover {
    text-decoration: none;
  }
}

.p-f3Size {
  padding: 108px 0 124px;
}
@media screen and (max-width: 767px) {
  .p-f3Size {
    padding: 56px 0 64px;
  }
}
.p-f3Size_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px 4%;
  margin-top: 65px;
}
@media screen and (max-width: 767px) {
  .p-f3Size_list {
    margin-top: 33px;
  }
}
.p-f3Size_list li {
  width: min(22%, 200px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-f3Size_list li {
    width: calc(70 / 375 * 100vw);
  }
}
.p-f3Size_list a {
  display: block;
  height: 100%;
}
@media (hover: hover) {
  .p-f3Size_list a {
    transition: opacity 0.3s;
  }
  .p-f3Size_list a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
}
.p-f3Size_list ._img {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 400px;
}
@media screen and (max-width: 767px) {
  .p-f3Size_list ._img {
    width: calc(60 / 375 * 100vw);
    height: calc(120 / 375 * 100vw);
    margin: 0 auto;
  }
}
.p-f3Size_list ._ttl {
  margin-top: 18px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-f3Size_list ._ttl {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.5;
  }
}
.p-f3Size_list ._desc {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-f3Size_list ._desc {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.5;
  }
}

/* ========================================
味から選ぶ p-f4
======================================== */
.p-f4 .l-productList {
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  .p-f4 .l-productList {
    margin-top: 28px;
  }
}

.p-f4PageLink {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 29px;
  margin-top: 72px;
  padding: 40px 36px;
  background: var(--color-yellow-light);
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .p-f4PageLink {
    margin-top: 30px;
    padding: 24px calc(28 / 375 * 100vw) 26px;
    gap: 20px calc(27 / 375 * 100vw);
    border-radius: 0;
  }
}
.p-f4PageLink li {
  width: 120px;
}
@media screen and (max-width: 767px) {
  .p-f4PageLink li {
    width: calc(88 / 375 * 100vw);
  }
}
.p-f4PageLink a {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  gap: 6px 0;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-f4PageLink a {
    width: -moz-fit-content;
    width: fit-content;
    gap: 7px 0;
    margin: 0 auto;
    font-size: min(calc(12 / 375 * 100vw), 12px);
  }
}
@media (hover: hover) {
  .p-f4PageLink a {
    transition: 0.3s;
  }
  .p-f4PageLink a:hover ._icon img {
    transform: scale(1.06);
  }
}
.p-f4PageLink ._icon {
  display: block;
  width: 100%;
  text-align: center;
}
.p-f4PageLink ._icon img {
  transition: 0.3s;
}
.p-f4PageLink ._limited,
.p-f4PageLink ._new {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-left: 0.08em;
  background: #8E6C4D;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.1818181818;
  text-align: center;
  position: absolute;
  top: -6px;
  left: -4px;
  z-index: 2;
}
.p-f4PageLink ._new {
  background-color: #FD5F5F;
}
@media screen and (max-width: 767px) {
  .p-f4PageLink ._limited {
    font-size: 10px;
    top: -9px;
    left: -5px;
  }
}

.p-f4ContHead {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 64px;
  border-radius: 16px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-f4ContHead {
    margin-top: 56px;
    border-radius: 0;
  }
}
.p-f4ContHead > * {
  width: 50%;
}
.p-f4ContHead_imgBox_inner {
  min-height: 100%;
  padding-top: max(80%, 240px);
  background: var(--color-yellow-light);
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-f4ContHead_imgBox_inner {
    padding-top: 106.9518716578%;
  }
}
.p-f4ContHead_imgBox_inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.p-f4ContHead_contBox {
  background: var(--color-yellow-light);
}
.p-f4ContHead_textBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  padding: 20px 20px 20px min(calc(56 / 1440 * 100vw), 56px);
}
@media screen and (max-width: 767px) {
  .p-f4ContHead_textBox {
    padding: 20px calc(23 / 375 * 100vw) 23px;
  }
}
.p-f4ContHead_ttl {
  font-size: min(2.6041666667vw, 24px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-f4ContHead_ttl {
    font-size: 16px;
  }
}
.p-f4ContHead_desc {
  margin: 1.5em 0 0;
}
@media screen and (min-width: 768px) {
  .p-f4ContHead_desc {
    font-size: min(1.6927083333vw, 15px);
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-f4ContHead_desc {
    margin-top: 0.6em;
    font-size: 14px;
  }
}

/* ========================================
サイズから選ぶ p-f5
======================================== */
.p-f5 {
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .p-f5 {
    padding-bottom: 64px;
  }
}
.p-f5 .l-productList {
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  .p-f5 .l-productList {
    margin-top: 28px;
  }
}

.p-f5PageLink {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 40px;
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-f5PageLink {
    justify-content: flex-start;
    margin-top: 46px;
    padding: 24px calc(20 / 375 * 100vw) 26px;
    gap: 20px calc(11 / 375 * 100vw);
    background: var(--color-yellow-light);
    border-radius: 16px;
  }
}
.p-f5PageLink li {
  position: relative;
  width: 120px;
}
@media screen and (min-width: 768px) {
  .p-f5PageLink li + li::before {
    content: "";
    display: block;
    width: 1px;
    height: 32px;
    background: var(--color-base);
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-f5PageLink li {
    width: calc(88 / 375 * 100vw);
  }
}
.p-f5PageLink a {
  display: block;
  font-size: clamp(16px , calc(18 / 1440 * 100vw), 18px);
}
@media screen and (max-width: 767px) {
  .p-f5PageLink a {
    font-size: min(calc(12 / 375 * 100vw), 12px);
    text-align: center;
  }
}
.p-f5PageLink ._icon {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-f5PageLink ._icon {
    display: block;
    max-width: 84px;
    margin: 0 auto 11px;
  }
  .p-f5PageLink ._icon img {
    width: 100%;
  }
}

.p-f5ContHead {
  display: flex;
  flex-direction: row-reverse;
  min-height: 376px;
  margin-top: 64px;
  border-radius: 16px;
  background: var(--color-yellow-light);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-f5ContHead {
    display: block;
    min-height: 0;
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .p-f5ContHead > * {
    width: 50%;
  }
}
.p-f5ContHead_imgBox_inner {
  padding-top: max(80%, 240px);
  min-height: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-f5ContHead_imgBox_inner {
    padding-top: 49.8470948012%;
  }
}
.p-f5ContHead_imgBox_inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.p-f5ContHead_textBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  padding: 20px 20px 20px min(calc(56 / 1440 * 100vw), 56px);
}
@media screen and (max-width: 767px) {
  .p-f5ContHead_textBox {
    padding: 20px var(--mg-sp) 23px;
  }
}
.p-f5ContHead_ttl {
  font-size: min(2.6041666667vw, 24px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-f5ContHead_ttl {
    font-size: 18px;
  }
}
.p-f5ContHead_desc {
  margin: 1.5em 0 0;
}
@media screen and (min-width: 768px) {
  .p-f5ContHead_desc {
    font-size: min(1.6927083333vw, 15px);
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-f5ContHead_desc {
    margin-top: 0.6em;
  }
}

/* ========================================
よくある質問 p-f7
======================================== */
.p-f7 {
  padding-bottom: 124px;
}

.p-f7Container {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .p-f7Container {
    margin-top: 38px;
  }
}

.p-f7Sec {
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-f7Sec {
    padding-top: 20px;
  }
}
.p-f7Sec + .p-f7Sec {
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .p-f7Sec + .p-f7Sec {
    margin-top: 40px;
  }
}
.p-f7Sec_ttl {
  margin-bottom: 1.85em;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-f7Sec_ttl {
    margin-bottom: 27px;
    font-size: 20px;
  }
}

/* ========================================
p-f8
======================================== */
.p-f8 {
  padding: 24px 0 120px;
}
@media screen and (max-width: 767px) {
  .p-f8 {
    padding: 50px 0 100px;
  }
}
.p-f8_secTtl.m-secTtlJp {
  padding-top: 22px;
  background-size: 26px auto;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .p-f8_secTtl.m-secTtlJp {
    font-size: 18px;
  }
}
.p-f8_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 550px;
  max-width: 100%;
  height: 80px;
  margin: 0 auto;
  background: var(--color-base);
  border-radius: 40px;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}
@media (hover: hover) {
  .p-f8_btn a {
    transition: opacity 0.3s;
  }
  .p-f8_btn a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .p-f8_btn a {
    height: 52px;
    font-size: min(calc(17 / 375 * 100vw), 17px);
  }
}
.p-f8_btn.-btn1 {
  margin-top: 54px;
}
@media screen and (max-width: 767px) {
  .p-f8_btn.-btn1 {
    margin-top: 28px;
  }
}
.p-f8_btn.-btn2 {
  margin-top: 116px;
}
@media screen and (max-width: 767px) {
  .p-f8_btn.-btn2 {
    margin-top: 64px;
  }
}

.p-f8ContList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-f8ContList > * {
    width: 47.5652173913%;
  }
}
@media screen and (max-width: 767px) {
  .p-f8ContList > * + * {
    margin-top: 32px;
  }
}
.p-f8ContList_ttl {
  margin-top: 40px;
  font-size: clamp(18px , calc(20 / 1200 * 100vw), 20px);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-f8ContList_ttl {
    margin-top: 18px;
    font-size: 17px;
  }
}
.p-f8ContList_desc {
  margin: 16px 0 0;
}
@media screen and (min-width: 768px) {
  .p-f8ContList_desc {
    font-size: clamp(15px , calc(16 / 1200 * 100vw), 16px);
    line-height: 1.75;
  }
}
@media screen and (max-width: 767px) {
  .p-f8ContList_desc {
    margin-top: 13px;
  }
}
.p-f8ContList_more {
  margin: 21px 0 0;
}
@media screen and (max-width: 767px) {
  .p-f8ContList_more {
    margin-top: 17px;
  }
}
@media screen and (min-width: 768px) {
  .p-f8ContList-col3 {
    justify-content: flex-start;
    gap: 40px 4.8695652174%;
  }
}
@media screen and (min-width: 768px) {
  .p-f8ContList-col3 > * {
    width: 30.0869565217%;
  }
}
@media screen and (min-width: 768px) {
  .p-f8ContList-col3 .p-f8ContList_ttl {
    margin-top: 20px;
  }
}

.p-f8Intro {
  margin-top: 69px;
}
@media screen and (max-width: 767px) {
  .p-f8Intro {
    margin-top: 47px;
  }
}
.p-f8Intro_main img {
  width: 100%;
}
.p-f8Intro_desc {
  margin: 89px 0 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-f8Intro_desc {
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-f8Intro_desc {
    margin-top: 53px;
  }
}

.p-f8Guideline {
  max-width: 550px;
  margin: 50px auto 0;
  padding: 40px 10px 40px;
  background: var(--color-yellow-light);
  border-radius: 16px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-f8Guideline {
    margin-top: 30px;
    padding: 30px min(calc(20 / 375 * 100vw), 20px) 25px;
  }
}
.p-f8Guideline_read {
  margin: 32px 0 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-f8Guideline_read {
    margin-top: 18px;
  }
}
.p-f8Guideline_list {
  width: -moz-fit-content;
  width: fit-content;
  margin: 35px auto 0;
}
@media screen and (max-width: 767px) {
  .p-f8Guideline_list {
    margin-top: 21px;
    padding: 0 min(calc(8 / 375 * 100vw), 8px);
  }
}
.p-f8Guideline_list li {
  padding-left: 20px;
  position: relative;
}
.p-f8Guideline_list li + li {
  margin-top: 11px;
}
.p-f8Guideline_list li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: var(--color-base);
  border-radius: 50%;
  position: absolute;
  top: 0.8em;
  left: 0;
}

.p-f8Use {
  margin-top: 123px;
}
@media screen and (max-width: 767px) {
  .p-f8Use {
    margin-top: 64px;
  }
}
.p-f8Use_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 4.8115942029%;
  margin-top: 54px;
}
@media screen and (max-width: 767px) {
  .p-f8Use_list {
    justify-content: space-between;
    gap: 25px 0;
    margin-top: 28px;
  }
}
.p-f8Use_list > li {
  width: 21.3913043478%;
}
@media screen and (max-width: 767px) {
  .p-f8Use_list > li {
    width: 46%;
  }
}
.p-f8Use_list ._img {
  text-align: center;
}
.p-f8Use_list ._img img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-f8Use_list ._img img {
    width: 32vw;
  }
}
.p-f8Use_list ._ttl {
  margin: 19px 0 0;
  text-align: center;
  font-size: clamp(15px , calc(18 / 1200 * 100vw), 18px);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-f8Use_list ._ttl {
    margin-top: 9px;
  }
}

.p-f8Recommend {
  margin-top: 128px;
}
@media screen and (max-width: 767px) {
  .p-f8Recommend {
    margin-top: 69px;
  }
}
.p-f8Recommend_list {
  margin-top: 52px;
}
@media screen and (max-width: 767px) {
  .p-f8Recommend_list {
    margin-top: 31px;
  }
}

.p-f8Service {
  margin-top: 119px;
}
@media screen and (max-width: 767px) {
  .p-f8Service {
    margin-top: 60px;
  }
}
.p-f8Service_read {
  margin: 40px 0 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-f8Service_read {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media screen and (max-width: 767px) {
  .p-f8Service_read {
    margin-top: 30px;
  }
}
.p-f8Service_list {
  margin-top: 52px;
}
@media screen and (max-width: 767px) {
  .p-f8Service_list {
    margin-top: 32px;
  }
}
.p-f8Service_link a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 52px auto 0;
  width: 341px;
  max-width: 100%;
  height: 64px;
  background: var(--color-yellow-light);
  border-radius: 32px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}
@media (hover: hover) {
  .p-f8Service_link a {
    transition: opacity 0.3s;
  }
  .p-f8Service_link a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .p-f8Service_link a {
    height: 52px;
    margin-top: 35px;
    font-size: 17px;
  }
}

.p-f8 {
  padding-bottom: 124px;
}
@media screen and (max-width: 767px) {
  .p-f8 {
    padding-bottom: 64px;
  }
}

.p-f8Flow {
  margin-top: 124px;
}
@media screen and (max-width: 767px) {
  .p-f8Flow {
    margin-top: 65px;
  }
}
.p-f8Flow_list {
  display: flex;
  flex-wrap: wrap;
  gap: 45px 32px;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .p-f8Flow_list {
    margin-top: 30px;
  }
}
.p-f8Flow_list > * {
  width: calc((100% - 96px) / 4);
  padding: 34px min(calc(28 / 1200 * 100vw), 28px) 30px;
  background: var(--color-yellow-light);
  border-radius: 16px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-f8Flow_list > * {
    width: 100%;
    padding: 28px min(calc(20 / 375 * 100vw), 20px) 26px;
  }
}
.p-f8Flow_list > * + *::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid var(--color-base);
  border-right: 0;
  position: absolute;
  top: 50%;
  left: -23px;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-f8Flow_list > * + *::before {
    top: -22px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
  }
}
.p-f8Flow_list .m-secTtlJp {
  background-size: 26px auto;
}
@media screen and (min-width: 768px) {
  .p-f8Flow_list .m-secTtlJp {
    padding-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-f8Flow_list .m-secTtlJp {
    padding-top: 18px;
    font-size: 17px;
  }
}
.p-f8Flow_list ._img {
  margin: 22px 0 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-f8Flow_list ._img {
    margin-top: 15px;
  }
  .p-f8Flow_list ._img img {
    width: calc(120 / 375 * 100vw);
  }
}
.p-f8Flow_list ._ttl {
  margin-top: 25px;
  text-align: center;
  font-size: clamp(16px , calc(18 / 1200 * 100vw), 18px);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-f8Flow_list ._ttl {
    margin-top: 21px;
    font-size: 17px;
  }
}
.p-f8Flow_list ._desc {
  margin: 13px 0 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-f8Flow_list ._desc {
    font-size: clamp(14px , calc(16 / 1200 * 100vw), 16px);
  }
}
@media screen and (max-width: 767px) {
  .p-f8Flow_list ._desc {
    margin-top: 8px;
  }
}

.p-f8Faq {
  margin-top: 124px;
}
@media screen and (max-width: 767px) {
  .p-f8Faq {
    margin-top: 68px;
  }
}
.p-f8Faq .l-faq {
  margin-top: 51px;
}
@media screen and (max-width: 767px) {
  .p-f8Faq .l-faq {
    margin-top: 30px;
  }
}

/* ========================================
店舗情報 p-f9
======================================== */
.p-f9 {
  padding: 24px 0 120px;
  max-width: 1200px;
}
@media screen and (max-width: 767px) {
  .p-f9 {
    padding: 50px 0 100px;
  }
}

.p-f9Head_read {
  margin: 65px 0 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-f9Head_read {
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-f9Head_read {
    margin-top: 33px;
  }
}

.p-f9Shop {
  margin-top: 80px;
  max-width: 1130px;
}
@media screen and (max-width: 767px) {
  .p-f9Shop {
    margin-top: 64px;
  }
}
.p-f9Shop > li {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-f9Shop > li {
    display: block;
  }
}
.p-f9Shop > li + li {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-f9Shop > li + li {
    margin-top: 64px;
  }
}
.p-f9Shop > li:nth-child(1) .p-f9Shop_slide::before {
  background-image: url(../image/f9/roof01_pc.svg);
}
@media screen and (max-width: 767px) {
  .p-f9Shop > li:nth-child(1) .p-f9Shop_slide::before {
    background-image: url(../image/f9/roof01_sp.svg);
  }
}
.p-f9Shop > li:nth-child(2) .p-f9Shop_slide::before {
  background-image: url(../image/f9/roof02_pc.svg);
}
@media screen and (max-width: 767px) {
  .p-f9Shop > li:nth-child(2) .p-f9Shop_slide::before {
    background-image: url(../image/f9/roof02_sp.svg);
  }
}
.p-f9Shop > li:nth-child(3) .p-f9Shop_slide::before {
  background-image: url(../image/f9/roof03_pc.svg);
}
@media screen and (max-width: 767px) {
  .p-f9Shop > li:nth-child(3) .p-f9Shop_slide::before {
    background-image: url(../image/f9/roof03_sp.svg);
  }
}
.p-f9Shop > li:nth-child(4) .p-f9Shop_slide::before {
  background-image: url(../image/f9/roof04_pc.svg);
}
@media screen and (max-width: 767px) {
  .p-f9Shop > li:nth-child(4) .p-f9Shop_slide::before {
    background-image: url(../image/f9/roof04_sp.svg);
  }
}
.p-f9Shop > li:nth-child(5) .p-f9Shop_slide::before {
  background-image: url(../image/f9/roof01_pc.svg);
}
@media screen and (max-width: 767px) {
  .p-f9Shop > li:nth-child(5) .p-f9Shop_slide::before {
    background-image: url(../image/f9/roof01_sp.svg);
  }
}
.p-f9Shop > li:nth-child(6) .p-f9Shop_slide::before {
  background-image: url(../image/f9/roof04_pc.svg);
}
@media screen and (max-width: 767px) {
  .p-f9Shop > li:nth-child(6) .p-f9Shop_slide::before {
    background-image: url(../image/f9/roof04_sp.svg);
  }
}
.p-f9Shop_slide {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-f9Shop_slide {
    width: 44.5%;
    max-width: 498px;
  }
}
.p-f9Shop_slide::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 31.7269076305%;
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .p-f9Shop_slide::before {
    padding-top: 20.7951070336%;
  }
}
.p-f9Shop_slideImg {
  padding-top: 71.2851405622%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-f9Shop_slideImg {
    padding-top: 65.4434250765%;
  }
}
.p-f9Shop_slideImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.p-f9Shop .splide__pagination {
  display: flex;
  justify-content: center;
  gap: 0 20px;
  width: 100%;
  margin-top: 23px;
}
@media screen and (max-width: 767px) {
  .p-f9Shop .splide__pagination {
    gap: 0 15px;
    margin-top: 14px;
  }
}
.p-f9Shop .splide__pagination li {
  line-height: 0;
}
.p-f9Shop .splide__pagination button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  width: 11px;
  height: 11px;
  background: #FFF8DB;
  border: 0;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-f9Shop .splide__pagination button {
    width: 5px;
    height: 5px;
  }
}
.p-f9Shop .splide__pagination button.is-active {
  background: var(--color-base);
}
@media screen and (min-width: 768px) {
  .p-f9Shop_contBox {
    width: 50%;
    max-width: 488px;
    padding-top: min(calc(60 / 1440 * 100vw), 60px);
  }
}
@media screen and (max-width: 767px) {
  .p-f9Shop_contBox {
    margin-top: 36px;
  }
}
.p-f9Shop_ttl {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-f9Shop_ttl {
    font-size: 20px;
  }
}
.p-f9Shop_read {
  margin: 23px 0 0;
}
@media screen and (max-width: 767px) {
  .p-f9Shop_read {
    margin-top: 12px;
  }
}
.p-f9Shop_overview {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px dashed var(--color-base);
}
@media screen and (max-width: 767px) {
  .p-f9Shop_overview {
    margin-top: 27px;
    padding-top: 33px;
  }
}
.p-f9Shop_overview dl {
  display: flex;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-f9Shop_overview dl {
    display: block;
  }
}
.p-f9Shop_overview dl + dl {
  margin-top: min(calc(27 / 1440 * 100vw), 27px);
}
@media screen and (max-width: 767px) {
  .p-f9Shop_overview dl + dl {
    margin-top: 26px;
  }
}
.p-f9Shop_overview dt {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-f9Shop_overview dt {
    width: 114px;
    font-size: 16px;
  }
}
.p-f9Shop_overview dd {
  flex: 1;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-f9Shop_overview dd {
    margin-top: 5px;
    line-height: 1.7466666667;
  }
}
.p-f9Shop_overview a:not(.m-telLink) {
  text-decoration: underline;
}
@media (hover: hover) {
  .p-f9Shop_overview a:not(.m-telLink):hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .p-f9Shop_overview .m-telLink {
    text-decoration: underline;
  }
}
.p-f9Shop_overview ._mapLink {
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 7px;
  font-weight: 700;
}
.p-f9Shop_overview ._mapLink::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../image/common/icon_external.svg) center/contain no-repeat;
}
.p-f9Shop_overview ._instagram {
  display: flex;
  align-items: center;
  gap: 0 10px;
  font-weight: 700;
}
.p-f9Shop_overview ._instagram::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../image/common/icon_instagram.svg) center/contain no-repeat;
}

.p-f9Other {
  margin-top: 124px;
}
@media screen and (max-width: 767px) {
  .p-f9Other {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .p-f9Other_mainTtl.m-secTtlJp {
    font-size: 18px;
    background-size: 26px auto;
  }
}

.p-f9OtherRead {
  max-width: 811px;
  margin: 44px auto 0;
  background: var(--color-yellow-light);
  border-radius: 16px;
  padding: 46px 20px 36px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-f9OtherRead {
    margin-top: 31px;
    padding: 31px 18px;
  }
}
.p-f9OtherRead p {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-f9OtherRead p + p {
    margin-top: 1.75em;
  }
}

.p-f9OtherList {
  display: flex;
  flex-wrap: wrap;
  gap: min(calc(120 / 1440 * 100vw), 120px) 5.625%;
  margin-top: 109px;
}
@media screen and (max-width: 1024px) {
  .p-f9OtherList {
    justify-content: space-between;
    gap: min(calc(120 / 1440 * 100vw), 120px) 0;
    margin-top: 68px;
  }
}
@media screen and (max-width: 767px) {
  .p-f9OtherList {
    gap: 58px 0;
  }
}
.p-f9OtherList > li {
  width: 29.5833333333%;
}
@media screen and (max-width: 1024px) {
  .p-f9OtherList > li {
    width: 47%;
  }
}
@media screen and (max-width: 767px) {
  .p-f9OtherList > li {
    width: 100%;
  }
}
.p-f9OtherList_ttl {
  font-size: clamp(20px , calc(22 / 1200 * 100vw), 22px);
  font-weight: 700;
  line-height: 1.5;
  border-bottom: 1px dashed var(--color-base);
  padding-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .p-f9OtherList_ttl {
    padding-bottom: 1.1em;
    font-size: 18px;
    letter-spacing: 0;
  }
}
.p-f9OtherList_overview {
  margin-top: 42px;
}
@media screen and (max-width: 767px) {
  .p-f9OtherList_overview {
    margin-top: 22px;
  }
}
.p-f9OtherList_overview * {
  word-break: break-all;
  overflow-wrap: break-word;
}
.p-f9OtherList_overview dl {
  display: flex;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-f9OtherList_overview dl {
    display: block;
  }
}
.p-f9OtherList_overview dl + dl {
  margin-top: 22px;
}
@media screen and (max-width: 767px) {
  .p-f9OtherList_overview dl + dl {
    margin-top: 18px;
  }
}
.p-f9OtherList_overview dt {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-f9OtherList_overview dt {
    width: 90px;
    font-size: 16px;
  }
}
.p-f9OtherList_overview dd {
  flex: 1;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-f9OtherList_overview dd {
    margin-top: 5px;
    line-height: 1.7466666667;
  }
}
.p-f9OtherList_overview p {
  margin-top: 22px;
}
@media screen and (max-width: 767px) {
  .p-f9OtherList_overview p {
    margin-top: 18px;
  }
}
.p-f9OtherList_overview a:not(.m-telLink) {
  text-decoration: underline;
}
@media (hover: hover) {
  .p-f9OtherList_overview a:not(.m-telLink):hover {
    text-decoration: none;
  }
}
.p-f9OtherList_overview ._mapLink {
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 7px;
  font-weight: 700;
  text-decoration: underline;
}
.p-f9OtherList_overview ._mapLink::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../image/common/icon_external.svg) center/contain no-repeat;
}
.p-f9OtherList_overview ._instagram {
  display: flex;
  align-items: center;
  gap: 0 10px;
  font-weight: 700;
  text-decoration: underline;
}
.p-f9OtherList_overview ._instagram::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../image/common/icon_instagram.svg) center/contain no-repeat;
}

/* ========================================
p-f10
======================================== */
.p-f10 {
  padding-bottom: 124px;
}
@media screen and (max-width: 767px) {
  .p-f10 {
    padding-bottom: 64px;
  }
}

.p-f10Ceo {
  max-width: 1154px;
  margin-top: 119px;
}
@media screen and (max-width: 767px) {
  .p-f10Ceo {
    margin-top: 60px;
  }
}
.p-f10Ceo_main img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-f10Ceo_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    writing-mode: vertical-rl;
    margin: 90px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .p-f10Ceo_container {
    margin-top: 20px;
  }
}
.p-f10Ceo_ttl {
  margin-left: 80px;
  padding-top: 4px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.75;
  margin-top: -0.2em;
}
@media screen and (max-width: 767px) {
  .p-f10Ceo_ttl {
    margin-top: 0;
    margin-left: 0;
    font-size: 22px;
    text-align: center;
  }
}
.p-f10Ceo_textBox {
  height: 326px;
}
@media screen and (max-width: 1024px) {
  .p-f10Ceo_textBox {
    height: 480px;
  }
}
@media screen and (max-width: 767px) {
  .p-f10Ceo_textBox {
    height: auto;
    margin-top: 26px;
    text-align: center;
  }
}
.p-f10Ceo_textBox p {
  margin-bottom: 0;
  letter-spacing: 0.04em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-f10Ceo_textBox p {
    letter-spacing: 0.08em;
  }
}
.p-f10Ceo_textBox p + p {
  margin-right: 2em;
}
@media screen and (max-width: 767px) {
  .p-f10Ceo_textBox p + p {
    margin-right: 0;
    margin-top: 2em;
  }
}
.p-f10Ceo_textBox ._who {
  text-align: right;
  margin-right: 5em;
  padding-bottom: 0.9em;
}
@media screen and (max-width: 767px) {
  .p-f10Ceo_textBox ._who {
    margin: 4em 0 0;
    padding-bottom: 0;
    text-align: center;
  }
}
.p-f10Ceo_textBox ._whoPosition {
  display: inline-block;
  margin-bottom: 2.5em;
}

.p-f10Thought {
  margin-top: 140px;
}
@media screen and (max-width: 767px) {
  .p-f10Thought {
    margin-top: 80px;
  }
}
.p-f10Thought_main img {
  width: 100%;
}
.p-f10Thought_textBox {
  margin-top: 110px;
}
@media screen and (max-width: 767px) {
  .p-f10Thought_textBox {
    margin-top: 40px;
  }
}
.p-f10Thought_ttl {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
.p-f10Thought_desc {
  max-width: 639px;
  margin: 38px 0 0;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-f10Thought_desc {
    margin-top: 20px;
  }
}
.p-f10Thought_imgBox {
  margin-top: 98px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-f10Thought_imgBox {
    margin-top: 40px;
  }
}
.p-f10Thought_imgBox img {
  display: block;
}
.p-f10Thought_imgBox ._img01 {
  width: calc(327 / 1440 * 100vw);
  position: absolute;
  top: calc(80 / 1440 * 100vw);
  left: calc(146 / 1440 * 100vw);
}
.p-f10Thought_imgBox ._img02 {
  width: calc(497 / 1440 * 100vw);
  margin-left: calc(654 / 1440 * 100vw);
}
.p-f10Thought_imgBox ._img03 {
  width: calc(392 / 1440 * 100vw);
  position: absolute;
  bottom: calc(48 / 1440 * 100vw);
  left: calc(533 / 1440 * 100vw);
}
.p-f10Thought_imgBox ._img04 {
  width: calc(268 / 1440 * 100vw);
  margin: calc(70 / 1440 * 100vw) 0 0 auto;
  transform: translateX(5%);
}

/* ========================================
p-f11
======================================== */
.p-f11Container {
  margin-top: 77px;
  padding-bottom: 132px;
  max-width: 1075px;
}
@media screen and (max-width: 767px) {
  .p-f11Container {
    margin-top: 47px;
    padding-bottom: 64px;
  }
}

@media screen and (min-width: 768px) {
  .p-f11_read {
    margin-top: 60px;
    margin-bottom: 78px;
    font-size: 16px;
    line-height: 1.75;
  }
}
@media screen and (max-width: 767px) {
  .p-f11_read {
    margin-bottom: 64px;
  }
}

/* ========================================
p-f12
======================================== */
.p-f12 {
  padding-bottom: 132px;
}
@media screen and (max-width: 767px) {
  .p-f12 {
    padding-bottom: 70px;
  }
}
.p-f12 .m-inpMainTtl {
  text-align: center;
}
.p-f12Container {
  margin-top: 41px;
}
@media screen and (max-width: 767px) {
  .p-f12Container {
    margin-top: 47px;
  }
}

.p-f12Sec {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-f12Sec {
    margin-top: 20px;
  }
}
.p-f12Sec + .p-f12Sec {
  margin-top: 108px;
}
@media screen and (max-width: 767px) {
  .p-f12Sec + .p-f12Sec {
    margin-top: 60px;
  }
}
.p-f12Sec_ttl {
  padding-bottom: 0.8em;
  margin-bottom: 36px;
  border-bottom: 1px dashed var(--color-base);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-f12Sec_ttl {
    margin-bottom: 30px;
    padding-bottom: 1em;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p-f12Sec .l-ttlText_ttl {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .p-f12Sec .l-ttlText_ttl {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .p-f12Sec .l-ttlText_text {
    margin-top: 25px;
  }
}
.p-f12Sec a {
  text-decoration: underline;
  font-weight: 700;
}
.p-f12Sec_linkArrow {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 20px;
  position: relative;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
@media (hover: hover) {
  .p-f12Sec_linkArrow:hover {
    text-decoration: none;
  }
}
.p-f12Sec_linkArrow::before {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid var(--color-base);
  border-right: 2px solid var(--color-base);
  position: absolute;
  top: 0.7em;
  left: 0;
  transform: rotate(45deg);
}
.p-f12Sec_linkArrow + .p-f12Sec_linkArrow {
  margin-top: 10px;
}

.p-f12Gift > li {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-f12Gift > li {
    display: block;
  }
}
.p-f12Gift > li + li {
  margin-top: 54px;
}
@media screen and (min-width: 768px) {
  .p-f12Gift_img {
    width: 30%;
    max-width: 30.0869565217%;
  }
}
.p-f12Gift_img img {
  border-radius: 16px;
}
@media screen and (min-width: 768px) {
  .p-f12Gift_contBox {
    flex: 1;
    max-width: 666px;
  }
}
.p-f12Gift_contBox.l-ttlText {
  max-width: 666px;
}
@media screen and (max-width: 767px) {
  .p-f12Gift_contBox {
    margin-top: 20px;
  }
}

/* ========================================
p-f15
======================================== */
.p-f15 {
  padding-bottom: 132px;
}
@media screen and (max-width: 767px) {
  .p-f15 {
    padding-bottom: 70px;
  }
}
.p-f15 .m-inpMainTtl {
  text-align: center;
}

.p-f15sec_ttl {
  margin: 84px 0 48px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-f15sec_ttl {
    margin: 60px 0 30px;
    font-size: 20px;
  }
}

/* ========================================
p-f18 営業日カレンダー
======================================== */
.p-f18 {
  padding-bottom: 140px;
}
@media screen and (max-width: 767px) {
  .p-f18 {
    padding-bottom: 80px;
  }
}

.p-f18Intro {
  margin-top: 75px;
}
@media screen and (max-width: 767px) {
  .p-f18Intro {
    margin-top: 45px;
  }
}
.p-f18Intro p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-f18Intro p {
    font-size: 15px;
    line-height: 1.7466666667;
  }
}

.p-f18Calendar {
  margin-top: 66px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 46px min(calc(128 / 1440 * 100vw), 128px);
}
@media screen and (max-width: 767px) {
  .p-f18Calendar {
    width: 100%;
    max-width: 326px;
    margin: 58px auto 0;
  }
}
.p-f18Calendar .tbl_calendar {
  display: block;
  width: 100%;
  max-width: 326px;
}
.p-f18Calendar caption {
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}
.p-f18Calendar tbody {
  display: block;
  width: 100%;
}
.p-f18Calendar tr {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  border-bottom: 1px dashed var(--color-base);
  position: relative;
}
.p-f18Calendar th,
.p-f18Calendar td {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding-left: 0.08em;
  padding-bottom: 0.2em;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}
.p-f18Calendar_info {
  padding-top: 55px;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .p-f18Calendar_info {
    width: 100%;
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-f18Calendar_info {
    margin-top: -20px;
  }
}
.p-f18Calendar_info p {
  margin: 0;
}
.p-f18Calendar_info p + p {
  margin-top: 6px;
}
.p-f18Calendar_info ._color {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  border-radius: 50%;
  transform: translateY(5px);
}

/* ========================================
p-f19 オリジナル焼印
======================================== */
.p-f19 {
  padding-top: 24px;
  padding-bottom: 186px;
}
@media screen and (max-width: 767px) {
  .p-f19 {
    padding-top: 52px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  .p-f19_mainTtl {
    font-size: 24px;
  }
}

.p-f19_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 550px;
  max-width: 100%;
  height: 80px;
  margin: 0 auto;
  background: var(--color-base);
  border-radius: 40px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
}
@media (hover: hover) {
  .p-f19_btn {
    transition: opacity 0.3s;
  }
  .p-f19_btn:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .p-f19_btn {
    height: 52px;
    font-size: min(4.5333333333vw, 17px);
  }
}
.p-f19_btn:hover {
  color: #fff;
}

.p-f19Intro_main {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .p-f19Intro_main {
    margin-top: 46px;
  }
}
.p-f19Intro_main img {
  width: 100%;
}
.p-f19Intro_read {
  margin: 88px 0 0;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-f19Intro_read {
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-f19Intro_read {
    margin-top: 50px;
  }
}
.p-f19Intro_contact {
  margin-top: 74px;
}
@media screen and (max-width: 767px) {
  .p-f19Intro_contact {
    margin-top: 30px;
  }
}

.p-f19Result {
  margin-top: 116px;
  max-width: 1340px;
}
@media screen and (max-width: 767px) {
  .p-f19Result {
    margin-top: 65px;
  }
}
.p-f19Result_list {
  display: flex;
  flex-wrap: wrap;
  gap: 100px 2.9850746269%;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .p-f19Result_list {
    justify-content: space-between;
    gap: 40px 0;
    margin-top: 30px;
  }
}
.p-f19Result_list > li {
  width: 31.3432835821%;
}
@media screen and (max-width: 767px) {
  .p-f19Result_list > li {
    width: 46.4831804281%;
  }
}
.p-f19Result_list > li:nth-child(n+7) {
  display: none;
}
.p-f19Result_list ._img {
  padding-top: 86.6666666667%;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-f19Result_list ._img {
    padding-top: 143.4210526316%;
  }
}
.p-f19Result_list ._img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.p-f19Result_list ._desc {
  margin: 30px 0 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-f19Result_list ._desc {
    margin-top: 21px;
    font-size: 15px;
  }
}
.p-f19Result_moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 14px;
  width: 288px;
  max-width: 100%;
  height: 64px;
  margin: 85px auto 0;
  background: var(--color-yellow-light);
  border: none;
  border-radius: 40px;
  color: var(--color-base);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
}
@media (hover: hover) {
  .p-f19Result_moreBtn {
    transition: opacity 0.3s;
  }
  .p-f19Result_moreBtn:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .p-f19Result_moreBtn {
    width: 258px;
    height: 58px;
    margin-top: 35px;
    font-size: min(4.5333333333vw, 17px);
  }
}
.p-f19Result_moreBtn::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background: url(../image/f19/icon_plus.svg) center/contain no-repeat;
}

.p-f19Notes {
  margin-top: 107px;
}
@media screen and (max-width: 767px) {
  .p-f19Notes {
    margin-top: 102px;
  }
}
.p-f19Notes_ttl {
  padding-bottom: 16px;
  border-bottom: 1px dashed var(--color-base);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-f19Notes_ttl {
    font-size: 20px;
  }
}
.p-f19Notes_ttl + .p-f19Notes_sec {
  margin: 33px 0 0;
}
@media screen and (max-width: 767px) {
  .p-f19Notes_ttl + .p-f19Notes_sec {
    margin-top: 28px;
  }
}
.p-f19Notes_sec {
  margin-top: 65px;
}
.p-f19Notes_secTtl {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-f19Notes_secTtl {
    font-size: 18px;
    letter-spacing: 0;
  }
}
.p-f19Notes_secRead {
  max-width: 1075px;
  margin: 27px 0 0;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-f19Notes_secRead {
    line-height: 1.75;
  }
}
@media screen and (max-width: 767px) {
  .p-f19Notes_secRead {
    margin-top: 21px;
    font-size: 15px;
  }
}
.p-f19Notes_bgList {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 28px;
  padding: 30px 90px 36px;
  background: var(--color-yellow-light);
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .p-f19Notes_bgList {
    width: 100%;
    padding: 32px 28px 36px;
    margin-top: 20px;
  }
}
.p-f19Notes_bgList li {
  padding-left: 20px;
  position: relative;
}
.p-f19Notes_bgList li + li {
  margin-top: 0.8em;
}
.p-f19Notes_bgList li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: var(--color-base);
  border-radius: 50%;
  position: absolute;
  top: 1em;
  left: 0;
}

.p-f19Notes_sizeList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px 4%;
  max-width: 1240px;
  margin: 65px auto 0;
}
@media screen and (max-width: 767px) {
  .p-f19Notes_sizeList {
    margin-top: 18px;
  }
}
.p-f19Notes_sizeList li {
  width: min(16.1290322581%, 200px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-f19Notes_sizeList li {
    width: calc(70 / 375 * 100vw);
  }
}
.p-f19Notes_sizeList li.-half ._img img {
  width: 50%;
}
.p-f19Notes_sizeList li.-large {
  margin: 0 min(calc(50 / 1440 * 100vw), 50px);
}
@media screen and (max-width: 767px) {
  .p-f19Notes_sizeList li.-large {
    margin: 0;
  }
}
.p-f19Notes_sizeList ._img {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 400px;
}
@media screen and (max-width: 767px) {
  .p-f19Notes_sizeList ._img {
    width: calc(60 / 375 * 100vw);
    height: calc(120 / 375 * 100vw);
    margin: 0 auto;
  }
}
.p-f19Notes_sizeList ._img img {
  width: 100%;
}
.p-f19Notes_sizeList ._ttl {
  margin: 18px 0 0;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-f19Notes_sizeList ._ttl {
    min-height: 39px;
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.5;
  }
}
.p-f19Notes_sizeList ._desc {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-f19Notes_sizeList ._desc {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.p-f19Notes_contact {
  margin-top: 114px;
}
@media screen and (max-width: 767px) {
  .p-f19Notes_contact {
    margin-top: 68px;
  }
}

.p-lawContainer {
  margin-top: 70px;
  padding-bottom: 129px;
  border-top: 1px dashed var(--color-base);
}
@media screen and (max-width: 767px) {
  .p-lawContainer {
    margin-top: 46px;
    padding-bottom: 64px;
  }
}
.p-lawContainer dl {
  display: flex;
  margin: 0;
  padding: 24px 0;
  border-bottom: 1px dashed var(--color-base);
}
@media screen and (max-width: 767px) {
  .p-lawContainer dl {
    display: block;
    padding: 18px 0 16px;
  }
}
.p-lawContainer dt, .p-lawContainer dd {
  font-size: 16px;
  line-height: 1.75;
}
.p-lawContainer dt {
  width: 254px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-lawContainer dt {
    width: 100%;
  }
}
.p-lawContainer dd {
  flex: 1;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-lawContainer dd {
    margin-top: 6px;
  }
}
.p-lawContainer a {
  text-decoration: underline;
}

.p-privacyContainer {
  margin-top: 77px;
  padding-bottom: 132px;
  max-width: 1075px;
}
@media screen and (max-width: 767px) {
  .p-privacyContainer {
    margin-top: 47px;
    padding-bottom: 64px;
  }
}

/* ========================================
WordPress関係
======================================== */
.p-noteContainer {
  margin-top: min(calc(95 / 1440 * 100vw), 95px);
  padding-bottom: 123px;
}
@media screen and (max-width: 767px) {
  .p-noteContainer {
    margin-top: 29px;
  }
}

@media screen and (max-width: 767px) {
  .p-noteMain {
    margin-top: 27px;
  }
}
.p-noteMain_catTtl {
  margin-bottom: 56px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-noteMain_catTtl {
    font-size: 18px;
    padding-top: 16px;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 767px) {
  .p-notePostList li:first-child {
    border-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-notePostList a {
    padding: 24px 0;
    flex-direction: row-reverse;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .p-notePostList a {
    padding: 23px 0 17px;
  }
}
@media screen and (max-width: 767px) {
  .p-notePostList .l-post_ttl {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
}

.p-futureContainer {
  max-width: 1200px;
  margin-top: min(calc(119 / 1440 * 100vw), 119px);
  padding-bottom: 123px;
}
@media screen and (max-width: 767px) {
  .p-futureContainer {
    margin-top: 57px;
    padding-bottom: 64px;
  }
}
.p-futureContainer .l-categoryList {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-futureContainer .l-categoryList {
    margin-bottom: 48px;
  }
}
.p-futureContainer .p-noteMain_catTtl {
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .p-futureContainer .p-noteMain_catTtl {
    margin-bottom: 38px;
  }
}

.p-postDetail {
  padding-bottom: 124px;
}
.p-postDetail_main {
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .p-postDetail_main {
    padding-top: 26px;
  }
}

.p-postDetail-future .p-postDetail_main {
  max-width: 940px;
}

@media screen and (max-width: 767px) {
  .l-categoryAside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .l-categoryAside > * {
    width: calc(152 / 375 * 100vw);
  }
}
.l-categoryAside_cont {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .l-categoryAside_cont + .l-categoryAside_cont {
    margin-top: 56px;
  }
}
.l-categoryAside dt {
  padding: 7px 0 5px;
  border-bottom: 1px dashed var(--color-base);
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .l-categoryAside dt {
    padding: 9px 0 7px;
    font-size: 15px;
    position: relative;
    cursor: pointer;
  }
  .l-categoryAside dt::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid var(--color-base);
    border-bottom: 2px solid var(--color-base);
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%) rotate(45deg);
  }
}
.l-categoryAside dd {
  margin: 31px 0 0;
  font-size: 14px;
  line-height: 1.2;
}
.l-categoryAside dd li + li {
  margin-top: 13px;
}
.l-categoryAside dd li a {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}
.l-categoryAside dd li a::before {
  content: "・";
}
.l-categoryAside_all {
  margin-bottom: 29px;
}
@media screen and (max-width: 767px) {
  .l-categoryAside select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 36px;
    margin: 0;
    padding: 0;
    background: url(../image/common/selsect_arrow.svg) right center/auto no-repeat;
    border: none;
    border-bottom: 1px dashed var(--color-base);
    color: var(--color-base);
    font-weight: 700;
    font-size: 15px;
    position: relative;
    cursor: pointer;
  }
}

.l-categoryList {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 12px;
  max-width: 1000px;
}
@media screen and (max-width: 767px) {
  .l-categoryList {
    gap: 8px 8px;
  }
}
.l-categoryList a {
  display: block;
  height: 32px;
  background: #CCB485;
  padding: 7px 15px 0;
  border-radius: 14px;
  color: var(--color-base);
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}
@media (hover: hover) {
  .l-categoryList a {
    transition: opacity 0.3s;
  }
  .l-categoryList a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .l-categoryList a {
    height: 28px;
    padding-top: 6px;
    font-size: 14px;
  }
}

.l-pagenation {
  margin-top: 54px;
}
@media screen and (max-width: 767px) {
  .l-pagenation {
    margin-top: 37px;
  }
}
.l-pagenation .screen-reader-text {
  display: none;
}
.l-pagenation ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 10px;
  padding: 0 35px;
  position: relative;
}
.l-pagenation ul.page-numbers li a,
.l-pagenation ul.page-numbers li span {
  display: block;
  padding: 4px 9px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .l-pagenation ul.page-numbers li a,
  .l-pagenation ul.page-numbers li span {
    font-size: 15px;
  }
}
@media (hover: hover) {
  .l-pagenation a:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 2px;
  }
}
@media screen and (hover: hover) and (max-width: 767px) {
  .l-pagenation a:hover {
    text-underline-offset: 0.3em;
  }
}
.l-pagenation .current {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
}
@media screen and (max-width: 767px) {
  .l-pagenation .current {
    text-underline-offset: 0.3em;
  }
}
.l-pagenation .prev,
.l-pagenation .next {
  width: 22px;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.l-pagenation .prev {
  left: 0;
  background: url(../image/common/pagenation_prev.svg) center left/contain no-repeat;
}
.l-pagenation .next {
  right: 0;
  background: url(../image/common/pagenation_next.svg) center left/contain no-repeat;
}

.l-pagenationDetail {
  margin-top: 56px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-pagenationDetail {
    margin-top: 44px;
  }
}
.l-pagenationDetail a[rel=prev],
.l-pagenationDetail a[rel=next] {
  display: flex;
  align-items: center;
  gap: 0 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .l-pagenationDetail a[rel=prev],
  .l-pagenationDetail a[rel=next] {
    font-size: 0;
  }
}
.l-pagenationDetail a[rel=prev] {
  right: 0;
}
.l-pagenationDetail a[rel=prev]::after {
  content: "";
  display: block;
  width: 22px;
  height: 13px;
  background: url(../image/common/pagenation_next.svg) center left/contain no-repeat;
}
.l-pagenationDetail a[rel=next] {
  left: 0;
}
.l-pagenationDetail a[rel=next]::before {
  content: "";
  display: block;
  width: 22px;
  height: 13px;
  background: url(../image/common/pagenation_prev.svg) center left/contain no-repeat;
}

.l-productPagenation {
  margin-top: 60px;
}
.l-productPagenation_list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 40px;
}
@media (hover: hover) {
  .l-productPagenation a {
    transition: opacity 0.3s;
  }
  .l-productPagenation a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.l-productPagenation .disabled {
  opacity: 0.5;
}
.l-productPagenation_num {
  margin-top: 10px;
  text-align: right;
}
.l-productPagenation_info {
  margin-top: 20px;
}

.l-postDetail_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 14px;
  margin-bottom: 9px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .l-postDetail_head {
    gap: 0 7px;
    margin-bottom: 5px;
  }
}
.l-postDetail_time {
  display: block;
  color: #94734A;
  font-size: 16px;
  padding-top: 3px;
}
@media screen and (max-width: 767px) {
  .l-postDetail_time {
    padding-top: 2px;
    font-size: 15px;
  }
}
.l-postDetail_cat {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}
.l-postDetail_cat a {
  height: 24px;
  background: #CCB485;
  padding: 5px 12px 0;
  border-radius: 20px;
  color: var(--color-base);
  font-size: 14px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .l-postDetail_cat a {
    height: 20px;
    padding: 4px 8px 0;
    font-size: 12px;
  }
}
.l-postDetail_mainTtl {
  margin-top: 18px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-postDetail_mainTtl {
    margin-top: 12px;
    font-size: 24px;
  }
}
.l-postDetail_cont {
  margin-top: 82px;
  padding-bottom: 86px;
  border-bottom: 1px dashed var(--color-base);
}
@media screen and (max-width: 767px) {
  .l-postDetail_cont {
    margin-top: 45px;
    padding-bottom: 46px;
  }
}
.l-postDetail_cont > * + * {
  margin: 1.8em 0 0;
}
.l-postDetail_cont a {
  text-decoration: underline;
}
@media (hover: hover) {
  .l-postDetail_cont a:hover {
    text-decoration: none;
  }
}
.l-postDetail_cont > ul li {
  padding-left: 20px;
  position: relative;
}
.l-postDetail_cont > ul li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: -6px;
}
.l-postDetail_cont > ul li + li {
  margin-top: 1em;
}
.l-postDetail_cont h2.wp-block-heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-postDetail_cont h2.wp-block-heading {
    font-size: 17px;
    line-height: 1.5;
  }
}
.l-postDetail_cont > h2 {
  margin-top: 3.6em;
}
@media screen and (max-width: 767px) {
  .l-postDetail_cont > h2 {
    margin-top: 50px;
  }
}
.l-postDetail_cont > .wp-block-image {
  margin-top: 68px;
}
@media screen and (max-width: 767px) {
  .l-postDetail_cont > .wp-block-image {
    margin-top: 48px;
  }
}
.l-postDetail_cont > .wp-block-image img {
  border-radius: 8px;
}
.l-postDetail_cont .wp-element-caption {
  margin-top: 1.3em;
}
@media screen and (max-width: 767px) {
  .l-postDetail_cont .wp-element-caption {
    margin-top: 12px;
  }
}
.l-postDetail_cont .wp-block-buttons {
  display: flex;
  justify-content: center;
  gap: 1.8rem 20px;
}
@media screen and (min-width: 768px) {
  .l-postDetail_cont .wp-block-button {
    min-width: 445px;
  }
}
@media screen and (max-width: 767px) {
  .l-postDetail_cont .wp-block-button {
    width: 100%;
  }
}
.l-postDetail_cont .wp-block-button a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px 20px;
  background: var(--color-base);
  border-radius: 30px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-decoration: none;
}
@media (hover: hover) {
  .l-postDetail_cont .wp-block-button a {
    transition: opacity 0.3s;
  }
  .l-postDetail_cont .wp-block-button a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .l-postDetail_cont .wp-block-button a {
    padding: 22px 20px;
    font-size: 18px;
    border-radius: 33px;
  }
}
.l-postDetail_cont .wp-block-button.is-style-button-yellow a {
  color: var(--color-base);
  background-color: #FDE25F;
}

.page404 {
  padding: 100px 0 200px;
}
@media screen and (max-width: 767px) {
  .page404 {
    padding: 80px 0 100px;
  }
}
.page404_ttl {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 40px;
}
.page404 a {
  text-decoration: underline;
}/*# sourceMappingURL=style.css.map */