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

@media screen and (min-width: 768px) {
  .sp-element {
    display: none !important;
  }
}

.container h1 {
  margin: 0;
}

.container h1 img {
  max-width: 100%;
}

.container h1 + p {
  text-align: left;
  margin-top: 35px;
  line-height: 1.875;
}

@media screen and (max-width: 767px) {
  #pumpkin{
    padding-left: 10px;
    padding-right: 10px;
  }
  #pumpkin h1{
    padding: 0;
    margin: 0 0 1em 0;
  }

  #pumpkin * {
    max-width: 100%;
  }
}

.anchor-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 10px;
}

.anchor-links .child {
  width: calc(50% - 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  border: 2px solid #938675;
  border-radius: 50px;
  font-size: 16px;
  margin-top: 20px;
  position: relative;
  text-decoration: none;
  background: url(../../common/img/ar_down.png) no-repeat 95%;
}

@media screen and (max-width: 767px) {
  .anchor-links {
    padding-top: 3%;
    display: block;
  }
  .anchor-links .child {
    width: 100%;
    margin-top: 4%;
    height: 55px;
    font-size: 15px;
  }
}

.section-category-title {
  text-align: center;
  margin-top: 85px;
  padding-top: 60px;
  position: relative;
  background: none;
}

.section-category-title:after {
  content: "";
  width: 2px;
  height: 40px;
  background-color: #2b440d;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -1px;
}

@media screen and (max-width: 767px) {
  .section-category-title {
    margin-top: 50px;
    padding: 45px 20px 10px;
    background: none;
  }
  .section-category-title:after {
    height: 30px;
  }
}

/*
@media screen and (max-width: 767px) {
  .l-type-recommend .section-category-title img {
    width: calc(522px / 2);
  }
}
*/

.product-list {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .product-list {
    display: block;
    margin-top: 30px;
  }
  .product-list .image img {
    width: 100%;
  }
}

.product-list .child {
  width: calc(50% - 10px);
}

.product-list .child.-orange .head {
  background-color: #eba201;
}

.product-list .child.-orange .head:after {
  border-color: #eba201 transparent transparent transparent;
}

.product-list .child.-orange .main {
  color: #eba201;
}

.product-list .child.-orange .arrow {
  background-color: #fae6b9;
}

.product-list .child.-orange .arrow:after {
  border-color: #c88a02;
}

.product-list .child.-green .head {
  background-color: #2b440d;
}

.product-list .child.-green .head:after {
  border-color: #2b440d transparent transparent transparent;
}

.product-list .child.-green .main {
  color: #2b440d;
}

.product-list .child.-green .arrow {
  background-color: #dde9cf;
}

.product-list .child.-green .arrow:after {
  border-color: #2b440d;
}

@media screen and (max-width: 767px) {
  .product-list .child {
    width: 100%;
  }
  .product-list .child + .child {
    margin-top: 40px;
  }
  .product-list .child .head img {
    width: 280px;
    height: auto;
  }
}

.product-list .head {
  line-height: 120px;
  text-align: center;
  position: relative;
}
.product-list .head picture{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
}

.product-list .head:after {
  content: "";
  border-style: solid;
  border-width: 19px 9px 0 9px;
  border-color: #007bff transparent transparent transparent;
  position: absolute;
  bottom: -19px;
  left: 50%;
  margin-left: -9px;
}

@media screen and (max-width: 767px) {
  .product-list .head picture{
    line-height: 60px;
    height: 60px;
  }
  .product-list .head:after {
    border-width: 16px 7px 0 7px;
    bottom: -16px;
  }
}

.product-list .name {
  font-weight: bold;
  text-align: center;
  padding: 37px 0 15px;
}

.product-list .name .sub {
  font-size: 21px;
  display: block;
}

.product-list .name .main {
  font-size: 35px;
  display: block;
}

@media screen and (max-width: 767px) {
  .product-list .name {
    padding: 20px 0 10px;
  }
  .product-list .name .sub {
    font-size: 18px;
  }
  .product-list .name .main {
    font-size: 30px;
  }
}

.product-list .image picture{
  display: flex;
  justify-content: center;
  align-items: center;
}


.product-list .spec {
  font-size: 18px;
  text-align: center;
  line-height: 1.72222;
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  .product-list .spec {
    font-size: 16px;
    margin-top: 15px;
    font-size: 16px;
  }
}

.product-list .arrow {
  width: 73px;
  height: 73px;
  display: block;
  margin: 15px auto 0;
  border-radius: 50%;
  position: relative;
}

.product-list .arrow:after {
  content: "";
  display: inline-block;
  border-top: 1px solid #f00;
  border-right: 1px solid #f00;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  position: absolute;
  top: 22px;
  left: 50%;
  margin-left: -10px;
}

@media screen and (max-width: 767px) {
  .product-list .arrow {
    width: 50px;
    height: 50px;
  }
  .product-list .arrow:after {
    width: 15px;
    height: 15px;
    margin-left: -8px;
    top: 15px;
  }
}

.l-product {
  padding-top: 90px;
}

.l-product .head {
  font-weight: bold;
  text-align: center;
}

.l-product .head ~ .head {
  margin-top: 80px;
}

.l-product .head .sub {
  font-size: 24px;
  display: block;
}

.l-product .head .main {
  font-size: 40px;
  display: block;
  padding-top: 10px;
}

.l-product .head.-orange .main {
  color: #eba201;
}

.l-product .head.-green .main {
  color: #2b440d;
}

.l-product .cook {
  padding: 50px 0 20px;
  display: flex;
  justify-content: space-between;
  width: 745px;
  margin: 0 auto;
}

.l-product .cook .detail {
  margin-left: 30px;
/*
  width: 100%;
*/
  flex: 1;
}

.l-product .cook .title {
  padding: 17px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
}

.l-product .cook .list {
  padding: 30px 0 0;
  font-size: 18px;
  line-height: 1.44444;
}

.l-product .cook .list .child {
  display: flex;
}

.l-product .cook .list .child + .child {
  margin-top: 10px;
}

.l-product .cook .list .text {
  padding-top: 5px;
}

.l-product .cook .list .num {
  margin-right: 10px;
  width: 42px;
  flex-shrink: 0;
}

.l-product .cook .list .num img {
  width: 100%;
  height: auto;
}

.l-product .cook .list .point {
  font-weight: bold;
}

.l-product .cook .image img {
  width: 280px;
}

@media screen and (max-width: 767px) {
  .l-product {
    padding-top: 40px;
  }
  .l-product .head ~ .head {
    margin-top: 30px;
  }
  .l-product .head .sub {
    font-size: 18px;
  }
  .l-product .head .main {
    font-size: 30px;
    padding-top: 0;
  }
  .l-product .cook {
    padding: 20px;
    display: block;
  }
  .l-product .cook .image img {
    width: 100%;
  }
  .l-product .cook .title {
    padding: 10px 0;
  }
  .l-product .cook .title img {
    width: calc(300px / 2);
  }
  .l-product .cook .detail {
    width: 100%;
    margin: 20px 0;
  }
  .l-product .cook .list {
    padding: 20px 0;
    font-size: 16px;
  }
  .l-product .cook .list .num {
    flex-shrink: 0;
    width: calc(74px / 2);
    margin-right: 5px;
  }
  .l-product .cook .list .text {
    padding-top: 6px;
  }
}

.priduct-mainvisual {
  position: relative;
  width: 745px;
  margin: 40px auto 0 auto;
}

.priduct-mainvisual .text {
  width: 340px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 35px 40px;
  font-size: 16px;
  line-height: 1.875;
}

@media screen and (max-width: 767px) {
  .priduct-mainvisual {
    margin-top: 20px;
  }
  .priduct-mainvisual .text {
    position: static;
    width: 100%;
    padding: 20px;
    font-size: 14px;
  }
}

.intro-header {
  display: flex;
  margin-top: 80px;
}

.intro-header .image{
  width: 389px;
}

.intro-header .detail {
  margin-left: 30px;
  flex: 1;
}

.intro-header .list {
  counter-reset: number;
  margin-top: 20px;
}

.intro-header .list .child {
  display: flex;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
}

.intro-header .list .child + .child {
  margin-top: 15px;
}

.intro-header .list .child:before {
  content: counter(number) ".";
  counter-increment: number;
  font-size: 23px;
  color: #2b440d;
  line-height: 1;
  margin-right: 3px;
}

.intro-header .profile {
  border: 1px solid #000;
  margin-top: 43px;
  padding: 17px 29px 20px;
}

.intro-header .profile .name {
  font-weight: bold;
}

.intro-header .profile .lead {
  font-size: 14px;
  line-height: 1.78571;
  margin-bottom: 0;
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .l-intro .section-category-title {
    margin-top: 0;
  }
/*
  .l-intro .section-category-title img {
    width: calc(512px / 2);
  }
*/

  .l-intro .intro-header {
    margin-top: 45px;
    position: relative;
    padding-bottom: 160px;
    justify-content: center;
  }
  .l-intro .intro-header .image {
    width: 40%;
    flex-shrink: 0;
  }
  .l-intro .intro-header .image img{
    height: auto;
  }
  .l-intro .intro-header .title {
    width: 200px;
  }
  .l-intro .intro-header .list {
    margin-top: 10px;
  }
  .l-intro .intro-header .list .child {
    font-size: 14px;
  }
  .l-intro .intro-header .list .child + .child {
    margin-top: 5px;
  }
  .l-intro .intro-header .list .child:before {
    font-size: 18px;
  }
  .l-intro .intro-header .detail {
    width: 60%;
    margin: 0;
    padding-left: 5%;
  }
  .l-intro .intro-header .profile {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0;
    padding: 10px 15px;
  }
  .l-intro .intro-header .profile .lead {
    margin-top: 0;
  }
}

.l-point {
  margin-top: 37px;
  background-color: #f2f2f2;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .l-point {
    margin-top: 35px;
    padding: 20px;
  }
}

.l-point .section-point-title {
  padding-top: 53px;
  text-align: center;
  background: none;
}

@media screen and (max-width: 767px) {
  .l-point .section-point-title {
    padding-top: 0;
    margin-top: 0;
    background: none;
  }
  .l-point .section-point-title img {
    width: calc(555px / 2);
  }
}

.l-point .lead {
  font-size: 16px;
  line-height: 1.875;
  margin-top: 6px;
  margin-bottom: 0;
}

.l-point .lead .note {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .l-point .lead {
    line-height: 1.6;
  }
  .l-point .lead .note {
    font-size: 12px;
  }
}

.l-point .point-box {
  display: flex;
  padding-top: 50px;
}

@media screen and (max-width: 767px) {
  .l-point .point-box {
    display: block;
    padding-top: 25px;
  }
  .l-point .point-box img {
    width: 100%;
  }
}

.l-point .point-box .image {
  flex-shrink: 0;
}

.l-point .point-box:nth-of-type(even) .image {
  order: 1;
}

.l-point .point-box:nth-of-type(even) .detail {
  order: 0;
}

.l-point .point-box.-down {
  flex-wrap: wrap;
}

.l-point .point-box.-down .detail {
  width: 611px;
}

.l-point .point-box.-down .detail.-end {
  width: 100%;
  order: 2;
}

.l-point .point-box .detail {
  padding: 0 30px;
  margin-top: -10px;
}

.l-point .point-box .detail .head {
  font-size: 22px;
  font-weight: bold;
}

.l-point .point-box .detail .head ~ .head {
  margin-top: 25px;
}

.l-point .point-box .detail .head .num {
  font-size: 30px;
  color: #2b440d;
}

.l-point .point-box .detail.-end {
  padding-top: 30px;
}

@media screen and (max-width: 767px) {
  .l-point .point-box .detail {
    padding: 0;
    margin-top: 10px;
  }
  .l-point .point-box .detail .head {
    font-size: 18px;
  }
  .l-point .point-box .detail .head .num {
    font-size: 22px;
  }
  .l-point .point-box .detail.-end {
    padding-top: 10px;
  }
}

.l-point .point-box .point {
  background-color: #fff;
  padding: 8px 23px 7px;
  position: relative;
  margin-top: 45px;
}

@media screen and (max-width: 767px) {
  .l-point .point-box .point {
    margin-top: 35px;
    padding: 10px 15px;
  }
}

.l-point .point-box .point .title {
  position: absolute;
  left: -23px;
  top: -36px;
  width: 141px;
}

.l-point .point-box .point .title img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .l-point .point-box .point .title {
    left: -10px;
    top: -29px;
    width: 110px;
  }
}

.l-point .point-box .point .lead {
  margin-bottom: 0;
  font-size: 14px;
}

.l-point .full-end {
  width: 530px;
  margin: 80px auto 0;
}

.l-point .full-end .head {
  font-size: 22px;
  font-weight: bold;
  margin-top: 28px;
}

.l-point .full-end .lead {
  padding-top: 2px;
}

@media screen and (max-width: 767px) {
  .l-point .full-end {
    margin-top: 30px;
  }
}

.bnr-list img {
  max-width: 100%;
}


@media screen and (max-width: 767px) {
  .pumpkin-bnr-list{
    padding: 0 10px;
  }
  .pumpkin-bnr-list h2.section-title {
    margin-left: -10px;
    margin-right: -10px;
  }
}

/* 20231005ページ改修 */
.product-list {
  margin-top: 50px;
}
.product-list .child.-brown .head {
  background-color: #341208;
}
.product-list .child.-brown .head:after {
  border-color: #341208 transparent transparent transparent;
}
.product-list .child {
  width: calc((100% - 30px) / 3);
}
.product-list .head picture {
  height: 160px;
}
.product-list .name {
  padding-bottom: 20px;
}
.product-list .name .sub {
  font-size: 20px;
  line-height: 1.6;
}
.product-list .name .main {
  font-size: 26px;
  line-height: 1.6;
}
.product-list .child.-brown .main {
  color: #341208;
}
.product-list .child.-brown .arrow {
  background-color: #f0dbcc;
}
.product-list .child.-brown .arrow:after {
  border-color: #341208;
}
.l-product .head .sub {
  letter-spacing: 0.08em;
}
.l-product .head .main {
  letter-spacing: 0.08em;
}
.l-product .head.-brown .main {
  color: #341208;
}
.product-buy a{
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #443829;
  width: 530px;
  margin: 25px auto 0;
  border: 2px solid #443829;
  text-decoration: none;
  padding: 20px;
  border-radius: 45px;
  position: relative;
}
.product-buy a::after{
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../../../special/common/img/btn-arw-brown-reverse.svg) center center / contain no-repeat;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%) rotate(180deg);
}
.priduct-mainvisual .text {
  font-size: 18px;
  padding: 30px 36px;
  line-height: 1.77;
}
ul.notes li{
  font-size: 14px;
  text-align: right;
  margin-top: 10px;
}
@media (max-width:767px){

  .product-list .child {
    width: 100%;
  }
  .product-list .child.-brown .head img {
    width: 220px;
  }
  .product-list .name .main {
    font-size: 30px;
  }
  .product-list .name .sub {
    font-size: 22px;
  }
  .product-buy{
    margin-bottom: 30px;
  }
  .product-buy a{
    font-size: 16px;
    margin-top: 0;
  }
  .product-buy a::after{
    width: 12px;
    height: 12px;
    right: 15px;
  }
  .l-product .head .main {
    padding-top: 10px;
  }
  .l-product .cook {
    padding-bottom: 0;
}

}

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