@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Maven+Pro:wght@400..900&family=Noto+Sans+JP:wght@100..900&display=swap");
@keyframes poyon {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes popZoom {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popup {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
header {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 15px;
  padding-right: 5px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  z-index: 999;
}
@media screen and (max-width: 860px) {
  header {
    padding: 0 5px 0px 10px;
  }
}
header .head_logo {
  width: 195px;
  display: block;
}
@media screen and (max-width: 860px) {
  header .head_logo {
    width: 120px;
    margin-right: 10px;
  }
}
header .tel {
  width: 249px;
}
header .tel a {
  width: 100%;
  display: block;
}
header .tel a img {
  -webkit-backface-visibility: hidden;
}
@media screen and (max-width: 860px) {
  header .tel {
    width: 200px;
  }
}

footer {
  padding: 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 860px) {
  footer {
    padding: 40px 15px;
  }
}
footer .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 860px) {
  footer .inner {
    display: block;
  }
}
footer .inner .foot_logo {
  display: block;
  max-width: 138px;
}
@media screen and (max-width: 860px) {
  footer .inner .foot_logo {
    margin: 0 auto;
  }
}
footer .inner .links {
  display: flex;
  margin-right: auto;
  margin-left: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 860px) {
  footer .inner .links {
    justify-content: center;
    margin: 10px auto;
  }
}
footer .inner .links a {
  display: block;
  font-size: 1.2rem;
  text-decoration: underline;
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
}
footer .inner .links a + a {
  margin-left: 20px;
}
@media screen and (max-width: 860px) {
  footer .inner .links a {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 10px;
  }
}
footer .inner .copyright {
  font-size: 1.2rem;
  margin: 0 10px;
}
@media screen and (max-width: 860px) {
  footer .inner .copyright {
    position: static;
    transform: none;
    text-align: center;
  }
}
footer .inner .retop {
  width: 59px;
  display: block;
  order: 1;
}
@media screen and (max-width: 860px) {
  footer .inner .retop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 40px;
    z-index: 99999;
    order: inherit;
  }
}

#exBox {
  background: #eedebd;
  padding: 110px 0 135px;
  position: relative;
}
@media screen and (max-width: 860px) {
  #exBox {
    padding: 50px 0;
  }
}
#exBox .ttlBox {
  position: relative;
  background: url(/ajiuma/image/ex_ttl_bg.png) no-repeat center top/contain;
  max-width: 1145px;
  width: 95%;
  margin: 0 auto;
  padding-bottom: 30px;
}
@media screen and (max-width: 860px) {
  #exBox .ttlBox {
    background: none;
  }
}
#exBox .ttlBox h2 {
  position: relative;
  z-index: 1;
}
#exBox .ttlBox h2 img {
  width: 174.5px;
  margin: 0 auto 10px;
}
#exBox .ttlBox h2 .marker {
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  font-size: 4.2rem;
  color: #29542e;
  background: linear-gradient(transparent 60%, #f4ca3a 60%);
}
#exBox .ttlBox h2 .marker .red {
  color: #d31400;
}
@media screen and (max-width: 860px) {
  #exBox .ttlBox h2 .marker {
    font-size: 3rem;
    line-height: 1.4;
  }
}
#exBox .ttlBox .ill01 {
  position: absolute;
  bottom: -130px;
  width: 150px;
  left: 8%;
}
@media screen and (max-width: 860px) {
  #exBox .ttlBox .ill01 {
    width: 15%;
    bottom: auto;
    top: -40px;
    left: 2%;
    display: none;
  }
}
#exBox .ttlBox .ill02 {
  position: absolute;
  bottom: -125px;
  width: 98.5px;
  right: 8%;
}
@media screen and (max-width: 860px) {
  #exBox .ttlBox .ill02 {
    width: 10%;
    bottom: auto;
    top: -40px;
    right: 2%;
    display: none;
  }
}
#exBox .sliderBox {
  max-width: 1280px;
  width: 90%;
  margin: 0 auto;
}
#exBox .bottom_bg {
  width: 100%;
  max-width: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.slider {
  margin: 0 -15px;
}
@media screen and (max-width: 860px) {
  .slider {
    margin: 0 auto;
    width: 95%;
  }
}
.slider li a {
  padding: 0 15px;
  display: block;
  box-sizing: border-box;
}
.slider li a p {
  color: #fff;
  text-align: center;
  margin-top: 25px;
  font-size: 1.6rem;
}
@media screen and (max-width: 860px) {
  .slider li a p {
    margin-top: 12px;
  }
}

.slick-prev:before, .slick-next:before {
  display: none;
}

@media screen and (max-width: 860px) {
  .slick-prev {
    left: -10px;
  }
}
.slick-prev img {
  transform: rotate(180deg);
}

@media screen and (max-width: 860px) {
  .slick-next {
    right: -10px;
  }
}

.slick-prev, .slick-next {
  margin-top: -50px;
  width: 32px;
  height: 32px;
  z-index: 99;
}
@media screen and (max-width: 860px) {
  .slick-prev, .slick-next {
    width: 20px;
    height: 20px;
  }
}

.slick-dots li button:before {
  display: none;
}

.slick-dots {
  position: static;
  margin-top: 25px;
}

.slick-dots li.slick-active {
  background: #fff;
}

.slick-dots li {
  border: 1px solid #fff;
  border-radius: 100%;
  width: 8px;
  height: 8px;
}
.slick-dots li button {
  padding: 0;
}

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

.exSlider {
  margin: 0 -15px;
}
@media screen and (max-width: 860px) {
  .exSlider {
    margin: 0;
  }
}
.exSlider li a, .exSlider li .ex_inner {
  padding: 0 15px;
  display: block;
  box-sizing: border-box;
}
.exSlider li a p, .exSlider li .ex_inner p {
  color: #fff;
  text-align: center;
  margin-top: 25px;
  font-size: 2.873rem;
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  color: #6f490c;
  font-weight: bold;
  line-height: 1.4;
}
.exSlider li a p small, .exSlider li .ex_inner p small {
  font-size: 1.057rem;
  display: block;
}
.exSlider li a .img, .exSlider li .ex_inner .img {
  position: relative;
}
.exSlider li a .img .slideImg, .exSlider li .ex_inner .img .slideImg {
  border-radius: 23px;
  max-width: none;
  width: 100%;
}
.exSlider li a .img .ex_package, .exSlider li .ex_inner .img .ex_package {
  position: absolute;
  width: 31.28%;
  left: -2%;
  bottom: -5%;
}
.exSlider .slick-dots li.slick-active {
  background: #d31602;
}
.exSlider .slick-dots li {
  border: 1px solid #d31602;
  border-radius: 100%;
  width: 8px;
  height: 8px;
}
.exSlider .slick-dots li button {
  padding: 0;
}

#bnrBox {
  background: #f2ecdf;
  padding: 80px 0 118px;
}
#bnrBox h2 {
  font-size: 4.2rem;
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  color: #29542e;
  margin-bottom: 30px;
}
@media screen and (max-width: 860px) {
  #bnrBox h2 {
    font-size: 3rem;
    line-height: 1.4;
  }
}
#bnrBox h2 span {
  color: #fff;
  background: url(/ajiuma/image/bnr_ttl_bg.png) no-repeat center/contain;
  font-size: 0.7619em;
  padding: 0.15em;
  box-sizing: border-box;
}
#bnrBox .bnr_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#bnrBox .bnr_list a {
  width: 48%;
  display: block;
}
#bnrBox .bnr_list a:nth-child(n+3) {
  margin-top: 4%;
}
@media screen and (max-width: 860px) {
  #bnrBox .bnr_list a {
    width: 100%;
  }
  #bnrBox .bnr_list a:nth-child(n+2) {
    margin-top: 10px;
  }
}

#lineup .lineup_content {
  padding-bottom: 130px;
  color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content {
    padding-bottom: 60px;
  }
}
#lineup .lineup_content .kv {
  width: 100%;
  height: 600px;
  clip-path: inset(0);
  position: relative;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .kv {
    height: 300px;
  }
}
#lineup .lineup_content .kv img {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .kv img {
    height: 100vh;
  }
}
#lineup .lineup_content .inner {
  max-width: 1145px;
  width: 95%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#lineup .lineup_content .yama {
  position: absolute;
  display: block;
  width: 190.5px;
  left: 50px;
  top: 190px;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .yama {
    width: 70px;
    top: 70px;
    left: 10px;
  }
}
#lineup .lineup_content .ttl {
  max-width: 471px;
  width: 80%;
  margin: 0 auto;
  margin-top: -100px;
  opacity: 0;
  transition: 0.5s;
}
#lineup .lineup_content .ttl.poyon-once {
  animation: poyon 1.2s ease-out;
  opacity: 1;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .ttl {
    width: 60%;
    margin-top: -60px;
  }
}
#lineup .lineup_content h2 {
  font-size: 8.7rem;
  color: #fff;
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  line-height: 1.4;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content h2 {
    font-size: 4.5rem;
  }
}
#lineup .lineup_content h2 sup {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size: 5rem;
  font-weight: 400;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content h2 sup {
    font-size: 3rem;
  }
}
#lineup .lineup_content h2 small {
  display: block;
  font-size: 3.2rem;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content h2 small {
    font-size: 1.7rem;
  }
}
#lineup .lineup_content .flex {
  display: block;
  margin-bottom: 70px;
  margin-top: 60px;
  flex-direction: row-reverse;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .flex {
    display: block;
    margin-bottom: 0;
  }
}
#lineup .lineup_content .flex p {
  font-size: 1.9rem;
  width: 75.7%;
  line-height: 2.63;
  letter-spacing: 0.025em;
}
#lineup .lineup_content .flex p strong {
  background: linear-gradient(transparent 60%, #97593e 60%);
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .flex p {
    width: 100%;
    font-size: 1.6rem;
  }
}
#lineup .lineup_content .flex .point {
  position: absolute;
  top: 0;
  right: 0;
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
  flex-direction: row-reverse;
  margin-bottom: -60px;
  z-index: 2;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .flex .point {
    display: block;
    margin-bottom: 20px;
    position: relative;
  }
}
#lineup .lineup_content .flex .point img {
  position: absolute;
  max-width: none;
}
#lineup .lineup_content .flex .point span {
  writing-mode: vertical-rl;
  display: block;
  background: #fff;
  color: #df622b;
  font-size: 3.45rem;
  font-weight: bold;
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  border-radius: 6px;
  text-align: center;
  line-height: 1;
  padding: 10px 5px;
  box-sizing: border-box;
}
#lineup .lineup_content .flex .point span + span {
  margin-right: 10px;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .flex .point span + span {
    margin-right: 0;
  }
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .flex .point span {
    writing-mode: horizontal-tb;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 2.2rem;
    position: relative;
    z-index: 1;
  }
  #lineup .lineup_content .flex .point span + span {
    margin-left: 0;
    margin-top: 10px;
  }
}
#lineup .lineup_content .imgBox {
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .imgBox {
    margin-top: 30px;
  }
}
#lineup .lineup_content .imgBox .package {
  position: absolute;
  bottom: -35px;
  left: 10%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .imgBox .package {
    justify-content: center;
    bottom: auto !important;
    top: 30% !important;
    right: auto !important;
    left: 5% !important;
    justify-content: flex-start !important;
  }
}
#lineup .lineup_content .imgBox .package img {
  max-width: 158.5px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
}
#lineup .lineup_content .imgBox .package img + img {
  margin-left: 20px;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .imgBox .package img + img {
    margin-left: 10px;
  }
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .imgBox .package img {
    width: 25vw;
    max-width: 130px;
  }
}
#lineup .lineup_content .articleBox {
  margin-top: 90px;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .articleBox {
    margin-top: 50px;
  }
}
#lineup .lineup_content .articleBox h3 {
  margin-bottom: 30px;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .articleBox h3 {
    margin-bottom: 15px;
  }
}
#lineup .lineup_content .articleBox h3 span {
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  font-size: 4.1rem;
  background: linear-gradient(transparent 60%, #97593e 60%);
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .articleBox h3 span {
    font-size: 2.8rem;
  }
}
#lineup .lineup_content .articleBox h3 img {
  width: 172px;
  margin: 0 auto;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .articleBox h3 img {
    width: 100px;
  }
}
#lineup .lineup_content .btnArea {
  display: flex;
  align-items: stretch;
  justify-content: center;
  max-width: 833px;
  margin: 0 auto;
  margin-top: 50px;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .btnArea {
    display: block;
    margin-top: 50px;
  }
}
#lineup .lineup_content .btnArea a {
  width: 48%;
  border-radius: 9999px;
  color: #fff;
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px;
  padding-right: 20px;
  box-sizing: border-box;
  line-height: 1.2;
  box-shadow: 9px 9px 0px 0px rgba(255, 255, 255, 0.15);
  transition: 0.3s;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .btnArea a {
    width: 100%;
    padding: 20px 20px;
    font-size: 2.2rem;
  }
}
#lineup .lineup_content .btnArea a:hover {
  box-shadow: none;
}
#lineup .lineup_content .btnArea a::after {
  content: "";
  display: block;
  width: 3.2rem;
  aspect-ratio: 1/1;
  background: url(/ajiuma/image/arrow.png) no-repeat center/contain;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .btnArea a::after {
    width: 2.4rem;
  }
}
#lineup .lineup_content .btnArea a.link {
  background: linear-gradient(90deg, rgb(199, 28, 9) 0%, rgb(98, 9, 0) 100%);
}
#lineup .lineup_content .btnArea a.recipe {
  border: 2px solid #fff;
  font-size: 2.6rem;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content .btnArea a.recipe {
    margin-top: 20px;
    font-size: 2rem;
  }
}
#lineup .lineup_content.cont01 {
  background: #df622b;
}
#lineup .lineup_content.cont01 .point img {
  width: 157.5px;
  top: 0;
  right: -46px;
  transform: translateY(-95%);
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content.cont01 .point img {
    width: 25%;
    max-width: 120px;
    right: -2vw;
    top: auto;
    bottom: 0;
    transform: none;
  }
}
#lineup .lineup_content.cont02 {
  background: #1f8947;
}
#lineup .lineup_content.cont02 .yama {
  left: auto;
  right: 0;
}
#lineup .lineup_content.cont02 .flex {
  flex-direction: row;
}
#lineup .lineup_content.cont02 .flex p {
  margin-left: auto;
}
#lineup .lineup_content.cont02 .flex p strong {
  background: linear-gradient(transparent 60%, #385c45 60%);
}
#lineup .lineup_content.cont02 .flex .point {
  left: 0;
  right: auto;
}
#lineup .lineup_content.cont02 .flex .point span {
  color: #1f8947;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content.cont02 .flex .point span {
    margin-left: auto;
  }
}
#lineup .lineup_content.cont02 .flex .point img {
  width: 72px;
  top: 0;
  right: -30px;
  transform: translateY(-82%);
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content.cont02 .flex .point img {
    width: 15%;
    max-width: 70px;
    left: -2vw;
    right: auto;
    top: auto;
    bottom: 0;
    transform: none;
  }
}
#lineup .lineup_content.cont02 .imgBox .package {
  left: auto;
  right: 10%;
}
#lineup .lineup_content.cont02 .articleBox h3 span {
  background: linear-gradient(transparent 60%, #385c45 60%);
}
#lineup .lineup_content.cont02 .btnArea a.link {
  background: linear-gradient(90deg, #11652f 0%, #005920 100%);
}
#lineup .lineup_content.cont03 {
  background: #00901b;
}
#lineup .lineup_content.cont03 .flex p strong {
  background: linear-gradient(transparent 60%, #0c691e 60%);
}
#lineup .lineup_content.cont03 .flex .point span {
  color: #00901b;
}
#lineup .lineup_content.cont03 .flex .point img {
  width: 176px;
  top: 0;
  right: -47px;
  transform: translateY(-97%);
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content.cont03 .flex .point img {
    width: 24%;
    max-width: 150px;
    right: -2vw;
    top: auto;
    bottom: 0;
    transform: none;
  }
}
#lineup .lineup_content.cont03 .articleBox h3 span {
  background: linear-gradient(transparent 60%, #0c691e 60%);
}
#lineup .lineup_content.cont03 .btnArea a.link {
  background: linear-gradient(90deg, #1c7d05 0%, #185a08 100%);
}
#lineup .lineup_content.cont04 {
  background: #c39700;
}
#lineup .lineup_content.cont04 .yama {
  left: auto;
  right: 0;
}
#lineup .lineup_content.cont04 .flex {
  flex-direction: row;
}
#lineup .lineup_content.cont04 .flex p strong {
  background: linear-gradient(transparent 60%, #775e09 60%);
}
#lineup .lineup_content.cont04 .flex .point span {
  color: #bc9612;
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content.cont04 .flex .point span {
    margin-left: auto;
  }
}
#lineup .lineup_content.cont04 .flex .point img {
  width: 118.5px;
  top: 0;
  right: -5px;
  transform: translateY(-94%);
}
@media screen and (max-width: 860px) {
  #lineup .lineup_content.cont04 .flex .point img {
    width: 20%;
    left: -2vw;
    top: auto;
    transform: none;
    bottom: 0;
  }
}
#lineup .lineup_content.cont04 .imgBox .package {
  left: auto;
  right: 10%;
}
#lineup .lineup_content.cont04 .articleBox h3 span {
  background: linear-gradient(transparent 60%, #775e09 60%);
}
#lineup .lineup_content.cont04 .btnArea a.link {
  background: linear-gradient(90deg, #6c5300 0%, #433400 100%);
}

#product #lineup {
  position: relative;
}
#product #lineup .lineup_content .ttl.poyon-once {
  animation: poyon 1.2s ease-out;
  opacity: 1;
}
#product #lineup .lineup_content .inner {
  max-width: 1220px;
}
#product #lineup .lineup_content .inner .pointTxt {
  position: absolute;
  top: 0;
  right: 5%;
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
  flex-direction: row-reverse;
  margin-bottom: -60px;
  z-index: 2;
}
@media screen and (max-width: 860px) {
  #product #lineup .lineup_content .inner .pointTxt {
    position: static;
    display: block;
    margin-bottom: 20px;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 0;
    margin-right: auto;
    margin-top: 40px;
  }
}
#product #lineup .lineup_content .inner .pointTxt span {
  writing-mode: vertical-rl;
  display: block;
  background: #fff;
  color: #df622b;
  font-size: 3.45rem;
  font-weight: bold;
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  border-radius: 6px;
  text-align: center;
  line-height: 1;
  padding: 10px 5px;
  box-sizing: border-box;
}
#product #lineup .lineup_content .inner .pointTxt span + span {
  margin-right: 10px;
}
@media screen and (max-width: 860px) {
  #product #lineup .lineup_content .inner .pointTxt span + span {
    margin-right: 0;
  }
}
@media screen and (max-width: 860px) {
  #product #lineup .lineup_content .inner .pointTxt span {
    writing-mode: horizontal-tb;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 2.2rem;
    position: relative;
    z-index: 1;
  }
  #product #lineup .lineup_content .inner .pointTxt span + span {
    margin-left: 0;
    margin-top: 10px;
  }
}
#product #lineup .lineup_content .inner .pointBox {
  margin-top: 120px;
}
@media screen and (max-width: 860px) {
  #product #lineup .lineup_content .inner .pointBox {
    margin-top: 50px;
  }
}
#product #lineup .lineup_content .inner .pointBox dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 860px) {
  #product #lineup .lineup_content .inner .pointBox dl {
    display: block;
  }
}
#product #lineup .lineup_content .inner .pointBox dl + dl {
  margin-top: 50px;
}
#product #lineup .lineup_content .inner .pointBox dl:nth-child(even) {
  flex-direction: row-reverse;
}
#product #lineup .lineup_content .inner .pointBox dl:nth-child(even) dt .pointIcn {
  left: auto;
  right: 5%;
}
#product #lineup .lineup_content .inner .pointBox dl dt {
  width: 47%;
  position: relative;
}
#product #lineup .lineup_content .inner .pointBox dl dt img {
  border-radius: 64px;
}
@media screen and (max-width: 860px) {
  #product #lineup .lineup_content .inner .pointBox dl dt img {
    border-radius: 32px;
  }
}
@media screen and (max-width: 860px) {
  #product #lineup .lineup_content .inner .pointBox dl dt {
    width: 100%;
    margin-top: 70px;
  }
}
#product #lineup .lineup_content .inner .pointBox dl dt .pointIcn {
  position: absolute;
  top: 0;
  left: 5%;
  width: 30%;
  max-width: 166.5px;
}
#product #lineup .lineup_content .inner .pointBox dl dt .pointIcn img {
  margin-top: -30%;
  width: 100%;
}
#product #lineup .lineup_content .inner .pointBox dl dd {
  font-size: clamp(0px, 3.9344vw, 48px);
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  line-height: 1.29;
  width: 47%;
  padding-left: 8%;
  box-sizing: border-box;
  width: 50%;
}
@media screen and (max-width: 860px) {
  #product #lineup .lineup_content .inner .pointBox dl dd {
    font-size: 2.7rem;
    width: 100%;
    margin-top: 30px;
    padding: 0;
  }
}
#product #lineup .lineup_content .inner .pointBox dl dd small {
  display: block;
  font-size: 0.666em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#product #lineup .lineup_content .inner .pointBox dl dd strong {
  display: block;
}
#product #glow {
  background: #eedebd;
  z-index: 1;
  overflow: hidden;
}
#product #glow .kv {
  width: 100%;
  height: 600px;
  clip-path: inset(0);
  position: relative;
}
@media screen and (max-width: 860px) {
  #product #glow .kv {
    height: 300px;
  }
}
#product #glow .kv img {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none;
}
@media screen and (max-width: 860px) {
  #product #glow .kv img {
    height: 100vh;
  }
}
#product #glow .bg {
  background: url(/ajiuma/image/child/carrot/glass.png) repeat center/cover;
  padding: 105px 0;
}
@media screen and (max-width: 860px) {
  #product #glow .bg {
    padding: 50px 0;
  }
}
#product #glow .bg h2 {
  margin-bottom: 55px;
}
#product #glow .bg h2 img {
  display: block;
  width: 200px;
  margin: 0 auto 10px;
}
@media screen and (max-width: 860px) {
  #product #glow .bg h2 img {
    width: 150px;
  }
}
#product #glow .bg h2 span {
  display: inline;
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  background: linear-gradient(transparent 60%, #fff 60%);
  padding-bottom: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #385c45;
  font-size: 4.2rem;
  letter-spacing: 0.025em;
  line-height: 1.4;
}
@media screen and (max-width: 860px) {
  #product #glow .bg h2 span {
    font-size: 3rem;
  }
}
#product #glow .bg .difficulty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fffadd;
  border-radius: 12px;
  box-shadow: 9px 9px 0px 0px rgba(0, 0, 0, 0.15);
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  padding: 4% 5.33%;
  box-sizing: border-box;
  letter-spacing: 0.05em;
  position: relative;
  margin-bottom: 60px;
}
@media screen and (max-width: 860px) {
  #product #glow .bg .difficulty {
    display: block;
  }
}
#product #glow .bg .difficulty .ill {
  position: absolute;
  width: 87.5px;
  left: 10px;
  top: -80px;
}
@media screen and (max-width: 860px) {
  #product #glow .bg .difficulty .ill {
    display: none;
  }
}
#product #glow .bg .difficulty dt {
  flex-shrink: 0;
  font-size: clamp(0px, 2.985vw, 2.8rem);
  background: linear-gradient(180deg, #f0b028, #e83820);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  #product #glow .bg .difficulty dt {
    font-size: 2rem;
    text-align: center;
  }
}
#product #glow .bg .difficulty dd {
  width: 100%;
  margin-left: 5.33%;
}
@media screen and (max-width: 860px) {
  #product #glow .bg .difficulty dd {
    margin: 10px 0 0;
  }
}
#product #glow .bg .difficulty dd ul {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 860px) {
  #product #glow .bg .difficulty dd ul {
    flex-wrap: wrap;
  }
}
#product #glow .bg .difficulty dd ul li {
  font-weight: bold;
  background: #000;
  color: #fff;
  opacity: 0.15;
  border-radius: 9999px;
  width: 24%;
  font-size: clamp(0px, 2.2388vw, 21px);
  text-align: center;
  padding: 0.25em 0;
  box-sizing: border-box;
}
@media screen and (max-width: 860px) {
  #product #glow .bg .difficulty dd ul li {
    font-size: clamp(12px, 2vw, 21px);
    width: 49%;
  }
  #product #glow .bg .difficulty dd ul li:nth-child(n+3) {
    margin-top: 2%;
  }
}
#product #glow .bg .difficulty dd ul li.active {
  background: #eb602a;
  opacity: 1;
}
#product #glow .bg p {
  font-size: 1.9rem;
  line-height: 2.15;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 860px) {
  #product #glow .bg p {
    font-size: 1.6rem;
  }
}
#product #glow .bottom_ill {
  position: absolute;
  right: 2%;
  bottom: -80px;
  width: clamp(0px, 27.398vw, 257px);
}
@media screen and (max-width: 860px) {
  #product #glow .bottom_ill {
    width: 20%;
    bottom: -2%;
    z-index: -1;
  }
}
#product #cooking {
  background: url(/ajiuma/image/child/carrot/cooking_bg.png) repeat center/cover;
  overflow: hidden;
  position: relative;
}
#product #cooking .kv {
  width: 100%;
  height: 600px;
  clip-path: inset(0);
  position: relative;
}
@media screen and (max-width: 860px) {
  #product #cooking .kv {
    height: 300px;
  }
}
#product #cooking .kv img {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none;
}
@media screen and (max-width: 860px) {
  #product #cooking .kv img {
    height: 100vh;
  }
}
#product #cooking .bg {
  padding: 105px 0 150px;
  position: relative;
}
@media screen and (max-width: 860px) {
  #product #cooking .bg {
    padding: 50px 0;
  }
}
#product #cooking .bg h2 {
  margin-bottom: 55px;
}
#product #cooking .bg h2 img {
  display: block;
  width: 200px;
  margin: 0 auto 10px;
}
@media screen and (max-width: 860px) {
  #product #cooking .bg h2 img {
    width: 150px;
  }
}
#product #cooking .bg h2 span {
  display: inline;
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  background: linear-gradient(transparent 60%, #fff 60%);
  padding-bottom: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #385c45;
  font-size: 4.2rem;
  letter-spacing: 0.025em;
  line-height: 1.4;
}
@media screen and (max-width: 860px) {
  #product #cooking .bg h2 span {
    font-size: 3rem;
  }
}
#product #cooking .bg .topicBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fffadd;
  border-radius: 12px;
  box-shadow: 9px 9px 0px 0px rgba(0, 0, 0, 0.15);
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  padding: 4% 5.33%;
  box-sizing: border-box;
  letter-spacing: 0.05em;
  position: relative;
  margin-bottom: 60px;
}
@media screen and (max-width: 860px) {
  #product #cooking .bg .topicBox {
    display: block;
  }
}
#product #cooking .bg .topicBox .ill {
  position: absolute;
  width: 115.5px;
  left: 0px;
  top: -80px;
}
@media screen and (max-width: 860px) {
  #product #cooking .bg .topicBox .ill {
    display: none;
  }
}
#product #cooking .bg .topicBox dt {
  flex-shrink: 0;
  font-size: clamp(0px, 2.985vw, 2.8rem);
  background: linear-gradient(180deg, #f0b028, #e83820);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  #product #cooking .bg .topicBox dt {
    text-align: center;
    width: 100%;
    font-size: 2rem;
  }
}
#product #cooking .bg .topicBox dd {
  width: 100%;
  margin-left: 5.33%;
  line-height: 2.15;
  font-size: 1.9rem;
}
@media screen and (max-width: 860px) {
  #product #cooking .bg .topicBox dd {
    font-size: 1.5rem;
    margin: 0;
  }
}
#product #cooking .bg p {
  font-size: 1.9rem;
  line-height: 2.15;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 860px) {
  #product #cooking .bg p {
    font-size: 1.6rem;
  }
}
#product #cooking .cooking_slider {
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 860px) {
  #product #cooking .cooking_slider {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
}
#product #cooking .cooking_slider li a {
  padding: 0 15px;
  display: block;
  box-sizing: border-box;
}
#product #cooking .cooking_slider li a .img img {
  width: 100%;
  border-radius: 23px;
}
#product #cooking .cooking_slider li a p {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 10px;
}
#product #cooking .cooking_slider .slick-dots li {
  border-color: #3e3e3d;
}
#product #cooking .cooking_slider .slick-dots li.slick-active {
  background: #3e3e3d;
}
#product #cooking .bottom_ill {
  position: absolute;
  right: 5%;
  width: clamp(0px, 7vw, 116px);
  bottom: -50px;
}
@media screen and (max-width: 860px) {
  #product #cooking .bottom_ill {
    width: 40px;
    bottom: -30px;
  }
}
#product #article {
  background: #df622b;
  border-radius: 48px;
  padding: 100px 0;
  margin: -46px 0;
  z-index: 2;
}
@media screen and (max-width: 860px) {
  #product #article {
    padding: 40px 0;
    border-radius: 0;
    margin: 0;
  }
}
#product #article h2 {
  margin-bottom: 55px;
}
#product #article h2 img {
  display: block;
  width: 200px;
  margin: 0 auto 10px;
}
@media screen and (max-width: 860px) {
  #product #article h2 img {
    width: 150px;
  }
}
#product #article h2 span {
  display: inline;
  font-family: YakuHanJP, "dnp-shuei-mgothic-std", sans-serif;
  background: linear-gradient(transparent 60%, #97593e 60%);
  padding-bottom: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #fff;
  font-size: 4.2rem;
  letter-spacing: 0.025em;
  line-height: 1.4;
}
@media screen and (max-width: 860px) {
  #product #article h2 span {
    font-size: 3rem;
  }
}
#product #exBox {
  padding-top: 160px;
}
@media screen and (max-width: 860px) {
  #product #exBox {
    padding-top: 50px;
  }
}/*# sourceMappingURL=child.css.map */