@charset "UTF-8";
/*
Theme Name: ありがとうセレク糖ショップ
Author: わぐまデザイン
Author URI: https://wagumadesign.com/
Version: 1.0
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=M+PLUS+Rounded+1c:wght@900&display=swap");
html.active {
  overflow: hidden;
}

body * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body img {
  display: block;
  width: 100%;
  height: auto;
}
body a {
  text-decoration: none;
}
body li {
  list-style-type: none;
}

body {
  background: #ffffff;
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
}
body .pc_only {
  display: block;
}
@media screen and (max-width: 750px) {
  body .pc_only {
    display: none;
  }
}
body .sp_only {
  display: none;
}
@media screen and (max-width: 750px) {
  body .sp_only {
    display: block;
  }
}
body .scrollAction.fadein {
  transition-duration: 1s;
  opacity: 0;
  transform: translateY(50px);
  filter: blur(10px);
}
body .scrollAction.fadein.active {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
body .depth {
  will-change: transform;
  transform: translateY(var(--depth));
}
body .depth.translateX {
  transform: translateX(var(--depth));
}
body .depth.opacity {
  transform: none;
  opacity: var(--depth);
}
body .depth.scale {
  transform: scale(var(--depth));
}
body .depth.rotateX {
  transform: rotateX(var(--depth));
}
body .depth.rotateY {
  transform: rotateY(var(--depth));
}
body .depth.clip-pathX {
  transform: none;
  clip-path: inset(0 var(--depth) 0 0);
}
body .depth.clip-pathY {
  transform: none;
  clip-path: inset(0 0 var(--depth) 0);
}

header {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 100;
  background: #ffffff;
}
header div.inner {
  width: 100%;
  max-width: 1880px;
  padding: 20px 30px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1820px) {
  header div.inner {
    flex-direction: column;
    gap: 5px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  header div.inner {
    padding: 1.6129032258vw 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  header div.inner {
    padding: 3.2vw 0 2.6666666667vw;
    justify-content: center;
  }
}
header div.inner div.logo_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
}
@media screen and (min-width: 751px) and (max-width: 1820px) {
  header div.inner div.logo_wrap {
    width: 100%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  header div.inner div.logo_wrap {
    gap: 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  header div.inner div.logo_wrap {
    display: block;
  }
}
header div.inner div.logo_wrap a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
header div.inner div.logo_wrap a > img.icon {
  width: 65px;
}
header div.inner div.logo_wrap a > img.txt {
  width: 416px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  header div.inner div.logo_wrap a {
    gap: 1.2096774194vw;
  }
  header div.inner div.logo_wrap a > img.icon {
    width: 5.2419354839vw;
  }
  header div.inner div.logo_wrap a > img.txt {
    width: 33.5483870968vw;
  }
}
@media screen and (max-width: 750px) {
  header div.inner div.logo_wrap a {
    gap: 2.1333333333vw;
    margin-right: 11.7333333333vw;
  }
  header div.inner div.logo_wrap a > img.icon {
    width: 9.6vw;
  }
  header div.inner div.logo_wrap a > img.txt {
    width: 65.8666666667vw;
  }
}
header div.inner div.logo_wrap > span {
  color: #664d4d;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.8px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  header div.inner div.logo_wrap > span {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 750px) {
  header div.inner div.logo_wrap > span {
    display: block;
    text-align: center;
    font-size: 3.2vw;
    letter-spacing: 0.16vw;
  }
}
header div.inner .sp_menu {
  position: absolute;
  top: 5.3333333333vw;
  right: 5.3333333333vw;
  width: 8vw;
  height: 5.3333333333vw;
}
header div.inner .sp_menu .btn_wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
header div.inner .sp_menu .btn_wrap span {
  display: block;
  width: 100%;
  height: 2px;
  background: #333333;
  position: absolute;
  left: 50%;
  transition-duration: 0.3s;
}
header div.inner .sp_menu .btn_wrap span:nth-child(1) {
  top: 0;
  transform: translate(-50%, 0);
}
header div.inner .sp_menu .btn_wrap span:nth-child(2) {
  top: 50%;
  transform: translate(-50%, -50%);
}
header div.inner .sp_menu .btn_wrap span:nth-child(3) {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 0);
}
header div.inner .sp_menu .btn_wrap.open span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(30deg);
}
header div.inner .sp_menu .btn_wrap.open span:nth-child(2) {
  opacity: 0;
}
header div.inner .sp_menu .btn_wrap.open span:nth-child(3) {
  top: 50%;
  bottom: auto;
  transform: translate(-50%, -50%) rotateZ(-30deg);
}
@media screen and (min-width: 751px) and (max-width: 1820px) {
  header div.inner > nav {
    width: 100%;
  }
}
header div.inner > nav > ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 40px;
}
header div.inner > nav > ul > li > a {
  color: #664d4d;
  font-family: "Noto Sans JP";
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
header div.inner > nav > ul > li > a::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #ffab77;
  position: absolute;
  left: 50%;
  bottom: -9px;
  transition-duration: 0.3s;
  transform: translateX(-50%) scaleX(0);
}
header div.inner > nav > ul > li > a:hover::after {
  transform: translateX(-50%) scaleX(1);
}
header div.inner > nav > ul > li > a img {
  width: 14px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  header div.inner > nav > ul {
    gap: 3.2258064516vw;
  }
  header div.inner > nav > ul > li > a {
    font-size: 1.1290322581vw;
    gap: 0.8064516129vw;
  }
  header div.inner > nav > ul > li > a::after {
    bottom: -0.7258064516vw;
  }
  header div.inner > nav > ul > li > a img {
    width: 1.1290322581vw;
  }
}
@media screen and (max-width: 750px) {
  header div.inner > nav {
    width: 100vw;
    height: 100svh;
    padding-top: 33.6vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: translateX(-100%);
    transition-duration: 0.3s;
    background: #ffffff;
  }
  header div.inner > nav.open {
    transform: translateX(0);
  }
  header div.inner > nav > ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    gap: 13.3333333333vw;
  }
  header div.inner > nav > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1;
    letter-spacing: 0.1866666667vw;
  }
  header div.inner > nav > ul > li > a::after {
    display: none;
  }
  header div.inner > nav > ul > li > a img {
    width: 3.7333333333vw;
  }
}

div.to_booth_btn {
  position: sticky;
  bottom: 2.1333333333vw;
  left: 77.8666666667vw;
  z-index: 50;
  width: 20vw;
}
footer {
  width: 100%;
  padding: 55px 20px 50px;
  background: #ffe7ac;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  footer {
    padding: 4.435483871vw 1.6129032258vw 4.0322580645vw;
  }
}
@media screen and (max-width: 750px) {
  footer {
    overflow: hidden;
    padding: 10.6666666667vw 8vw 9.3333333333vw;
    margin-top: -22.1333333333vw;
  }
}
footer div.inner div.myProfile_wrap {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 40px;
  padding: 35px 62px;
  background: #ffffff;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  footer div.inner div.myProfile_wrap {
    max-width: 56.4516129032vw;
    margin: 0 auto 3.2258064516vw;
    padding: 2.8225806452vw 5vw;
  }
}
@media screen and (max-width: 750px) {
  footer div.inner div.myProfile_wrap {
    width: 100%;
    margin: 0 auto 10.6666666667vw;
    padding: 7.4666666667vw 8.5333333333vw 9.3333333333vw;
  }
}
footer div.inner div.myProfile_wrap div.prof_head {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  footer div.inner div.myProfile_wrap div.prof_head {
    gap: 1.6129032258vw;
    margin-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  footer div.inner div.myProfile_wrap div.prof_head {
    gap: 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
footer div.inner div.myProfile_wrap div.prof_head div.icon_wrap {
  width: 70px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  footer div.inner div.myProfile_wrap div.prof_head div.icon_wrap {
    width: 5.6451612903vw;
  }
}
@media screen and (max-width: 750px) {
  footer div.inner div.myProfile_wrap div.prof_head div.icon_wrap {
    width: 18.6666666667vw;
  }
}
footer div.inner div.myProfile_wrap div.prof_head div.details {
  width: calc(100% - 90px);
}
footer div.inner div.myProfile_wrap div.prof_head div.details div.role {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 100% */
  letter-spacing: 0.7px;
  margin-bottom: 8px;
}
footer div.inner div.myProfile_wrap div.prof_head div.details div.address {
  color: #756a6a;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px; /* 100% */
  letter-spacing: 0.6px;
  margin-bottom: 8px;
}
footer div.inner div.myProfile_wrap div.prof_head div.details div.name {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px; /* 100% */
  letter-spacing: 0.65px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  footer div.inner div.myProfile_wrap div.prof_head div.details {
    width: calc(100% - 7.2580645161vw);
  }
  footer div.inner div.myProfile_wrap div.prof_head div.details div.role {
    font-size: 1.1290322581vw;
    line-height: 1.1290322581vw; /* 100% */
    margin-bottom: 0.6451612903vw;
  }
  footer div.inner div.myProfile_wrap div.prof_head div.details div.address {
    font-size: 0.9677419355vw;
    line-height: 0.9677419355vw; /* 100% */
    margin-bottom: 0.6451612903vw;
  }
  footer div.inner div.myProfile_wrap div.prof_head div.details div.name {
    font-size: 1.0483870968vw;
    line-height: 1.0483870968vw; /* 100% */
  }
}
@media screen and (max-width: 750px) {
  footer div.inner div.myProfile_wrap div.prof_head div.details {
    width: calc(100% - 21.3333333333vw);
  }
  footer div.inner div.myProfile_wrap div.prof_head div.details div.role {
    font-size: 3.4666666667vw;
    line-height: 1; /* 100% */
    margin-bottom: 2.1333333333vw;
  }
  footer div.inner div.myProfile_wrap div.prof_head div.details div.address {
    font-size: 2.9333333333vw;
    line-height: 1; /* 100% */
    margin-bottom: 2.1333333333vw;
  }
  footer div.inner div.myProfile_wrap div.prof_head div.details div.name {
    font-size: 3.2vw;
    line-height: 1; /* 100% */
  }
}
footer div.inner div.myProfile_wrap ul.btn_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
footer div.inner div.myProfile_wrap ul.btn_wrap > li > a {
  width: fit-content;
  padding: 8px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #382e2e;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px; /* 100% */
  letter-spacing: 0.65px;
  background: #ffdfc8;
  white-space: nowrap;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  footer div.inner div.myProfile_wrap ul.btn_wrap {
    gap: 1.935483871vw;
  }
  footer div.inner div.myProfile_wrap ul.btn_wrap > li > a {
    padding: 0.6451612903vw 1.2096774194vw;
    gap: 0.8064516129vw;
    font-size: 1.0483870968vw;
    line-height: 1.0483870968vw; /* 100% */
  }
}
@media screen and (max-width: 750px) {
  footer div.inner div.myProfile_wrap ul.btn_wrap {
    flex-direction: column;
    gap: 6.4vw;
  }
  footer div.inner div.myProfile_wrap ul.btn_wrap > li > a {
    width: 58.6666666667vw;
    height: 8.5333333333vw;
    padding: 0 4vw;
    gap: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 1; /* 100% */
    letter-spacing: 0.16vw;
  }
}
footer div.inner div.logo_wrap {
  margin: 0 auto 20px;
}
footer div.inner div.logo_wrap > a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
footer div.inner div.logo_wrap > a > img.icon {
  width: 65px;
}
footer div.inner div.logo_wrap > a > img.txt {
  width: 416px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  footer div.inner div.logo_wrap > a {
    gap: 1.2096774194vw;
  }
  footer div.inner div.logo_wrap > a > img.icon {
    width: 5.2419354839vw;
  }
  footer div.inner div.logo_wrap > a > img.txt {
    width: 33.5483870968vw;
  }
}
@media screen and (max-width: 750px) {
  footer div.inner div.logo_wrap > a {
    gap: 2.1333333333vw;
  }
  footer div.inner div.logo_wrap > a > img.icon {
    width: 9.6vw;
  }
  footer div.inner div.logo_wrap > a > img.txt {
    width: 65.8666666667vw;
  }
}
footer div.inner div.copywrite {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px; /* 100% */
  letter-spacing: 0.65px;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  footer div.inner div.copywrite {
    font-size: 1.0483870968vw;
    line-height: 1.0483870968vw; /* 100% */
  }
}
@media screen and (max-width: 750px) {
  footer div.inner div.copywrite {
    font-size: 3.4666666667vw;
    line-height: 1; /* 100% */
    letter-spacing: 0.16vw;
  }
}

main {
  padding-bottom: 150px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main {
    padding-bottom: 12.0967741935vw;
  }
}
@media screen and (max-width: 750px) {
  main {
    padding-bottom: 13.3333333333vw;
  }
}
main div.mv_slider {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0 auto 130px;
  padding-bottom: 50px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div.mv_slider {
    margin: 0 auto 10.4838709677vw;
    padding-bottom: 4.0322580645vw;
  }
}
@media screen and (max-width: 750px) {
  main div.mv_slider {
    margin: 0 auto 8vw;
    padding-bottom: 6.6666666667vw;
  }
}
main div.mv_slider h1.logo_wrap {
  width: fit-content;
  position: absolute;
  bottom: 153px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  padding: 24px 30px;
  background: rgba(255, 255, 255, 0.7);
  pointer-events: none;
}
main div.mv_slider h1.logo_wrap > img {
  width: 780px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div.mv_slider h1.logo_wrap {
    bottom: 10.4838709677vw;
    padding: 1.935483871vw 2.4193548387vw;
  }
  main div.mv_slider h1.logo_wrap > img {
    width: 62.9032258065vw;
  }
}
@media screen and (max-width: 750px) {
  main div.mv_slider h1.logo_wrap {
    bottom: 20.8vw;
    padding: 3.2vw 2.5333333333vw;
  }
  main div.mv_slider h1.logo_wrap > img {
    width: 84.2666666667vw;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
main div.mv_slider .swiper {
  width: 100%;
  overflow: visible;
}
main div.mv_slider .swiper .swiper-wrapper {
  align-items: center;
}
main div.mv_slider .swiper .swiper-wrapper .swiper-slide {
  width: 1200px;
  opacity: 0;
  transition: opacity 1s ease;
}
main div.mv_slider .swiper .swiper-wrapper .swiper-slide.pre-fade {
  opacity: 0;
  transition: none !important;
  animation: none !important;
}
main div.mv_slider .swiper .swiper-wrapper .swiper-slide.fade-in {
  animation: fadeIn 2s cubic-bezier(0.36, 0.23, 0.4, 1.4) forwards;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div.mv_slider .swiper .swiper-wrapper .swiper-slide {
    width: 96.7741935484vw;
  }
}
@media screen and (max-width: 750px) {
  main div.mv_slider .swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }
}
main div.mv_slider .swiper div.swiper-pagination {
  position: absolute;
  bottom: -50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
main div.mv_slider .swiper div.swiper-pagination span.swiper-pagination-bullet {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  background: #ffebba;
  opacity: 1;
}
main div.mv_slider .swiper div.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffab77;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div.mv_slider .swiper div.swiper-pagination {
    bottom: -4.0322580645vw;
    gap: 1.2096774194vw;
  }
  main div.mv_slider .swiper div.swiper-pagination span.swiper-pagination-bullet {
    width: 1.6129032258vw;
    height: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  main div.mv_slider .swiper div.swiper-pagination {
    bottom: -6.6666666667vw;
    gap: 2.4vw;
  }
  main div.mv_slider .swiper div.swiper-pagination span.swiper-pagination-bullet {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
main div.sec {
  margin-bottom: 100px;
}
main div.sec h2.sec_ttl {
  width: 100%;
  max-width: 1686px;
  margin: 0 auto 40px;
  padding-left: 66px;
  color: #fff7f0;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 180px;
  font-style: normal;
  font-weight: 900;
  line-height: 180px; /* 100% */
  position: sticky;
  top: 75px;
  z-index: 10;
  mix-blend-mode: multiply;
  pointer-events: none;
}
main div.sec h2.sec_ttl > span {
  position: absolute;
  bottom: 0;
  left: 20px;
  z-index: 5;
  color: #333333;
  font-family: "Noto Sans JP";
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 100% */
  letter-spacing: 1.7px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div.sec {
    margin-bottom: 8.064516129vw;
  }
  main div.sec h2.sec_ttl {
    max-width: 135.9677419355vw;
    margin: 0 auto 3.2258064516vw;
    padding-left: 5.3225806452vw;
    font-size: 14.5161290323vw;
    line-height: 14.5161290323vw; /* 100% */
    top: 6.0483870968vw;
  }
  main div.sec h2.sec_ttl > span {
    left: 1.6129032258vw;
    font-size: 2.7419354839vw;
    line-height: 2.7419354839vw; /* 100% */
  }
}
@media screen and (max-width: 750px) {
  main div.sec {
    margin-bottom: 8vw;
  }
  main div.sec h2.sec_ttl {
    margin: 0 auto 2.6666666667vw;
    padding: 0 5.3333333333vw 4vw;
    font-size: 14.1333333333vw;
    line-height: 1;
    top: 22.4vw;
    mix-blend-mode: normal;
    background: rgba(255, 255, 255, 0.5);
  }
  main div.sec h2.sec_ttl > span {
    display: block;
    width: 100%;
    bottom: 2.6666666667vw;
    left: 0;
    font-size: 4.5333333333vw;
    line-height: 1;
    letter-spacing: 0.4533333333vw;
    text-align: center;
  }
}
main div#sec_products div.sec_inner {
  width: 100%;
  position: relative;
  z-index: 5;
}
main div#sec_products div.sec_inner > ul {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto 70px;
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 40px;
}
main div#sec_products div.sec_inner > ul > li {
  width: calc((100% - 120px) / 4);
}
main div#sec_products div.sec_inner > ul > li div.img_wrap {
  margin-bottom: 8px;
}
main div#sec_products div.sec_inner > ul > li div.txt_wrap {
  margin-bottom: 6px;
}
main div#sec_products div.sec_inner > ul > li div.txt_wrap div.product_name {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
main div#sec_products div.sec_inner > ul > li div.txt_wrap div.price {
  color: #756a6a;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 100% */
}
main div#sec_products div.sec_inner > ul > li div.txt_wrap div.price span.tax_in {
  color: #756a6a;
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_products div.sec_inner > ul {
    max-width: 100vw;
    margin: 0 auto 5.6451612903vw;
    padding: 0 1.6129032258vw;
    gap: 3.2258064516vw;
  }
  main div#sec_products div.sec_inner > ul > li {
    width: calc((100% - 9.6774193548vw) / 4);
  }
  main div#sec_products div.sec_inner > ul > li div.img_wrap {
    margin-bottom: 0.6451612903vw;
  }
  main div#sec_products div.sec_inner > ul > li div.txt_wrap {
    margin-bottom: 0.4838709677vw;
  }
  main div#sec_products div.sec_inner > ul > li div.txt_wrap div.product_name {
    font-size: 1.2903225806vw;
    line-height: 1.935483871vw; /* 150% */
  }
  main div#sec_products div.sec_inner > ul > li div.txt_wrap div.price {
    font-size: 1.2903225806vw;
    line-height: 1.2903225806vw; /* 100% */
  }
  main div#sec_products div.sec_inner > ul > li div.txt_wrap div.price span.tax_in {
    font-size: 1.0483870968vw;
    line-height: 1.2903225806vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_products div.sec_inner > ul {
    justify-content: space-between;
    margin: 0 auto 8vw;
    padding: 0 5.3333333333vw;
    gap: 5.3333333333vw 0;
  }
  main div#sec_products div.sec_inner > ul > li {
    width: 42.1333333333vw;
  }
  main div#sec_products div.sec_inner > ul > li div.img_wrap {
    margin-bottom: 1.3333333333vw;
  }
  main div#sec_products div.sec_inner > ul > li div.txt_wrap {
    margin-bottom: 1.6vw;
  }
  main div#sec_products div.sec_inner > ul > li div.txt_wrap div.product_name {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
  main div#sec_products div.sec_inner > ul > li div.txt_wrap div.price {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
  main div#sec_products div.sec_inner > ul > li div.txt_wrap div.price span.tax_in {
    font-size: 3.2vw;
    line-height: 3.7333333333vw;
  }
}
main div#sec_products div.sec_inner div.products_all_wrap {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 13px;
}
main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap {
  width: 877px;
}
main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap div.all_ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap div.all_ttl > img {
  width: 630px;
}
main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap div.all_ttl > span {
  display: block;
  width: fit-content;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap {
  width: calc(100% - 890px);
}
main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.price {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}
main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.price span.tax_in {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
}
main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.txt {
  color: #f54f31;
  font-size: 23px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 15px;
  padding-left: 18px;
}
main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.products {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_products div.sec_inner div.products_all_wrap {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
    gap: 1.0483870968vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap {
    width: 70.7258064516vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap div.all_ttl {
    margin-bottom: 1.2096774194vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap div.all_ttl > img {
    width: 50.8064516129vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap div.all_ttl > span {
    font-size: 1.4516129032vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap {
    width: calc(100% - 71.7741935484vw);
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.price {
    font-size: 3.2258064516vw;
    margin-bottom: 0.8064516129vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.price span.tax_in {
    font-size: 1.935483871vw;
    line-height: 3.2258064516vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.txt {
    font-size: 1.8548387097vw;
    margin-bottom: 1.2096774194vw;
    padding-left: 1.4516129032vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.products {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_products div.sec_inner div.products_all_wrap {
    padding: 0 5.3333333333vw;
    display: block;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap {
    width: 100%;
    margin-bottom: 5.3333333333vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap div.all_ttl {
    display: block;
    margin-bottom: 2.6666666667vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap div.all_ttl > img {
    width: 100%;
    margin-bottom: 1.3333333333vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.img_wrap div.all_ttl > span {
    display: block;
    width: 100%;
    font-size: 3.7333333333vw;
    text-align: center;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap {
    width: 100%;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.price {
    width: 50%;
    float: left;
    font-size: 5.3333333333vw;
    margin-bottom: 0;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.price span.tax_in {
    font-size: 3.7333333333vw;
    line-height: 4.2666666667vw;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.txt {
    width: 50%;
    float: right;
    text-align: right;
    font-size: 5.3333333333vw;
    margin-bottom: 0;
    padding-left: 0;
  }
  main div#sec_products div.sec_inner div.products_all_wrap div.txt_wrap div.products {
    clear: both;
    font-size: 3.7333333333vw;
    line-height: 2;
    padding-top: 2.6666666667vw;
  }
}
main div#sec_stores div.sec_inner div.store_wrap,
main div#sec_staff div.sec_inner div.store_wrap {
  padding: 80px 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_stores div.sec_inner div.store_wrap,
  main div#sec_staff div.sec_inner div.store_wrap {
    padding: 6.4516129032vw 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_stores div.sec_inner div.store_wrap,
  main div#sec_staff div.sec_inner div.store_wrap {
    padding: 16vw 5.3333333333vw;
  }
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner {
    max-width: 96.7741935484vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner {
    max-width: 100%;
    display: block;
  }
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.img_wrap,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.img_wrap {
  width: 540px;
  flex-shrink: 0;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.img_wrap > ul,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.img_wrap > ul {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.img_wrap > ul > li,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.img_wrap > ul > li {
  width: 270px;
  height: 270px;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.img_wrap > ul > li > img,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.img_wrap > ul > li > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.img_wrap,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.img_wrap {
    width: 43.5483870968vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.img_wrap > ul > li,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.img_wrap > ul > li {
    width: 21.7741935484vw;
    height: 21.7741935484vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.img_wrap,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.img_wrap {
    width: 100%;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.img_wrap > ul > li,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.img_wrap > ul > li {
    width: 50%;
    height: 44.5333333333vw;
  }
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap {
  width: calc(100% - 540px);
  padding: 40px 44px;
  background: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap {
    width: calc(100% - 43.5483870968vw);
    padding: 3.2258064516vw 3.5483870968vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap {
    width: 100%;
    padding: 8vw 5.3333333333vw;
    display: block;
  }
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.icon_wrap,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.icon_wrap {
  width: 90px;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details {
  width: calc(100% - 110px);
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.store_name,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.store_name {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 100% */
  letter-spacing: 1px;
  margin-bottom: 9px;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.address,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.address {
  color: #756a6a;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 100% */
  letter-spacing: 0.75px;
  margin-bottom: 2px;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 100% */
  letter-spacing: 0.9px;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a {
  width: fit-content;
  padding: 8px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #382e2e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.65px;
  background: #ffdfc8;
  white-space: nowrap;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta {
  width: 18px;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube {
  width: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a {
    padding: 0.6451612903vw 1.2096774194vw;
    gap: 0.8064516129vw;
    font-size: 1.0483870968vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta {
    width: 1.4516129032vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube {
    width: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a {
    width: 58.6666666667vw;
    height: 8.5333333333vw;
    padding: 0 4vw;
    gap: 2.6666666667vw;
    font-size: 3.2vw;
    letter-spacing: 0.16vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta {
    width: 4.8vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube {
    width: 5.3333333333vw;
  }
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head {
    gap: 1.6129032258vw;
    margin-bottom: 2.4193548387vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.icon_wrap,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.icon_wrap {
    width: 7.2580645161vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details {
    width: calc(100% - 8.8709677419vw);
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.store_name,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.store_name {
    font-size: 1.6129032258vw;
    line-height: 1.6129032258vw; /* 100% */
    margin-bottom: 0.7258064516vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.address,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.address {
    font-size: 1.2096774194vw;
    line-height: 1.2096774194vw; /* 100% */
    margin-bottom: 0.1612903226vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative {
    font-size: 1.4516129032vw;
    line-height: 1.4516129032vw; /* 100% */
  }
}
@media screen and (max-width: 750px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head {
    gap: 2.6666666667vw;
    margin-bottom: 17.0666666667vw;
    position: relative;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.icon_wrap,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.icon_wrap {
    width: 21.3333333333vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details {
    width: calc(100% - 24vw);
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.store_name,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.store_name {
    font-size: 4vw;
    line-height: 1; /* 100% */
    letter-spacing: 0;
    white-space: nowrap;
    margin-bottom: 2.1333333333vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.address,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.address {
    font-size: 3.7333333333vw;
    line-height: 1; /* 100% */
    margin-bottom: 2.1333333333vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative {
    display: block;
    font-size: 4vw;
    line-height: 1; /* 100% */
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a {
    width: fit-content;
    padding: 8px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #382e2e;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.65px;
    background: #ffdfc8;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: -11.7333333333vw;
    transform: translateX(-50%);
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta {
    width: 18px;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube {
    width: 20px;
  }
}
@media screen and (max-width: 750px) and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a {
    padding: 0.6451612903vw 1.2096774194vw;
    gap: 0.8064516129vw;
    font-size: 1.0483870968vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta {
    width: 1.4516129032vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube {
    width: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a {
    width: 58.6666666667vw;
    height: 8.5333333333vw;
    padding: 0 4vw;
    gap: 2.6666666667vw;
    font-size: 3.2vw;
    letter-spacing: 0.16vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.insta {
    width: 4.8vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.prof_head div.details div.representative > a img.youtube {
    width: 5.3333333333vw;
  }
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.info_txt,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.info_txt {
  width: 100%;
  flex-grow: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
  letter-spacing: 0.7px;
  margin-bottom: 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.info_txt,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.info_txt {
    font-size: 1.1290322581vw;
    line-height: 2.2580645161vw; /* 200% */
    margin-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.info_txt,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap div.info_txt {
    font-size: 3.4666666667vw;
    line-height: 2; /* 200% */
    margin-bottom: 5.3333333333vw;
  }
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a {
  width: fit-content;
  padding: 8px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #382e2e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.65px;
  background: #ffdfc8;
  white-space: nowrap;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.insta,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.insta {
  width: 18px;
}
main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.youtube,
main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.youtube {
  width: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a {
    padding: 0.6451612903vw 1.2096774194vw;
    gap: 0.8064516129vw;
    font-size: 1.0483870968vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.insta,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.insta {
    width: 1.4516129032vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.youtube,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.youtube {
    width: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a {
    width: 58.6666666667vw;
    height: 8.5333333333vw;
    padding: 0 4vw;
    gap: 2.6666666667vw;
    font-size: 3.2vw;
    letter-spacing: 0.16vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.insta,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.insta {
    width: 4.8vw;
  }
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.youtube,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap > li > a img.youtube {
    width: 5.3333333333vw;
  }
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap {
    gap: 2.2580645161vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_stores div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap,
  main div#sec_staff div.sec_inner div.store_wrap div.store_inner div.txt_wrap ul.btn_wrap {
    flex-direction: column;
    gap: 6.1333333333vw;
  }
}
main div#sec_stores div.sec_inner div.store_wrap#anne,
main div#sec_staff div.sec_inner div.store_wrap#anne {
  background: #ffebb9;
}
main div#sec_stores div.sec_inner div.store_wrap#anne div.store_inner,
main div#sec_staff div.sec_inner div.store_wrap#anne div.store_inner {
  flex-direction: row-reverse;
}
main div#sec_stores div.sec_inner div.store_wrap#magnifique,
main div#sec_staff div.sec_inner div.store_wrap#magnifique {
  background: #efdfdf;
}
main div#sec_stores div.sec_inner div.store_wrap#cacooo,
main div#sec_staff div.sec_inner div.store_wrap#cacooo {
  background: #9e9998;
}
main div#sec_stores div.sec_inner div.store_wrap#cacooo div.store_inner,
main div#sec_staff div.sec_inner div.store_wrap#cacooo div.store_inner {
  flex-direction: row-reverse;
}
main div#sec_stores div.sec_inner div.store_wrap#hebes,
main div#sec_staff div.sec_inner div.store_wrap#hebes {
  background: #e4f1d2;
}
main div#sec_stores div.sec_inner div.store_wrap#sugar,
main div#sec_staff div.sec_inner div.store_wrap#sugar {
  background: #c2b4b0;
}
main div#sec_stores div.sec_inner div.store_wrap#sugar div.store_inner,
main div#sec_staff div.sec_inner div.store_wrap#sugar div.store_inner {
  flex-direction: row-reverse;
}
main div#sec_stores div.sec_inner div.store_wrap#prier,
main div#sec_staff div.sec_inner div.store_wrap#prier {
  background: #fff3d5;
}
@media screen and (max-width: 750px) {
  main div#sec_instagram h2.sec_ttl {
    margin-bottom: -4.2666666667vw;
  }
}
main div#sec_instagram div.sec_inner {
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_instagram div.sec_inner {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_instagram div.sec_inner {
    padding: 0 5.3333333333vw;
  }
}
main div#sec_instagram div.sec_inner div#sb_instagram div.sb_instagram_header a.sbi_header_link div.sbi_header_text div.sbi_feedtheme_header_text > h3 {
  color: #312b2b;
}
main div#sec_instagram div.sec_inner div#sb_instagram div.sb_instagram_header a.sbi_header_link div.sbi_header_text div.sbi_feedtheme_header_text p.sbi_bio {
  display: none;
}
main div#sec_youtube div.sec_inner {
  padding: 70px 20px;
  background: #ffcba0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_youtube div.sec_inner {
    padding: 5.6451612903vw 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_youtube div.sec_inner {
    padding: 17.8666666667vw 0 14.6666666667vw;
  }
}
main div#sec_youtube div.sec_inner h3.youtube_ttl {
  width: 530px;
  margin: 0 auto 45px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_youtube div.sec_inner h3.youtube_ttl {
    width: 42.7419354839vw;
    margin: 0 auto 3.6290322581vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_youtube div.sec_inner h3.youtube_ttl {
    width: 88.2666666667vw;
    margin: 0 auto 6.6666666667vw;
  }
}
main div#sec_youtube div.sec_inner ul.works_list {
  width: 100%;
  max-width: 1200px;
  padding: 0;
  margin: 0 auto 30px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_youtube div.sec_inner ul.works_list {
    max-width: 100vw;
    margin: 0 auto 2.4193548387vw;
    padding: 0 1.6129032258vw;
    gap: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_youtube div.sec_inner ul.works_list {
    margin: 0 auto 4vw;
    padding: 0 5.3333333333vw;
    overflow-x: scroll;
    gap: 1.6129032258vw;
  }
  main div#sec_youtube div.sec_inner ul.works_list::-webkit-scrollbar {
    display: none;
  }
}
main div#sec_youtube div.sec_inner ul.works_list > li {
  width: calc((100% - 80px) / 3);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_youtube div.sec_inner ul.works_list > li {
    width: calc((100% - 6.4516129032vw) / 3);
  }
}
@media screen and (max-width: 750px) {
  main div#sec_youtube div.sec_inner ul.works_list > li {
    width: 89.3333333333vw;
  }
}
main div#sec_youtube div.sec_inner ul.works_list > li > a div.post-thumbnail {
  margin-bottom: 14px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_youtube div.sec_inner ul.works_list > li > a div.post-thumbnail {
    margin-bottom: 1.1290322581vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_youtube div.sec_inner ul.works_list > li > a div.post-thumbnail {
    margin-bottom: 2.1333333333vw;
  }
}
main div#sec_youtube div.sec_inner ul.works_list > li > a span.post-title {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #333333;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_youtube div.sec_inner ul.works_list > li > a span.post-title {
    font-size: 1.1290322581vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_youtube div.sec_inner ul.works_list > li > a span.post-title {
    font-size: 3.7333333333vw;
  }
}
main div#sec_youtube div.sec_inner div.youtube_link {
  width: 112px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_youtube div.sec_inner div.youtube_link {
    width: 9.0322580645vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_youtube div.sec_inner div.youtube_link {
    width: 23.7333333333vw;
  }
}
main div#sec_booth div.sec_inner {
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div#sec_booth div.sec_inner {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  main div#sec_booth div.sec_inner {
    padding: 0 5.3333333333vw;
  }
}
main div.payment_method {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
main div.payment_method div.payment_ttl {
  color: #3a2020;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 1.6px;
}
main div.payment_method div.inner div.payment_info {
  color: #746b6b;
  font-size: 64px;
  font-style: normal;
  font-weight: 900;
  line-height: 64px; /* 100% */
  letter-spacing: 3.2px;
  text-align: center;
  padding: 50px 0 68px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  main div.payment_method {
    max-width: 96.7741935484vw;
  }
}
@media screen and (max-width: 750px) {
  main div.payment_method {
    width: 89.3333333333vw;
  }
}