@charset "utf-8";
html {
  scroll-behavior: smooth;
  scroll-padding-top: 250px;
}
#pooh {
  text-align: center;
}
#pooh img {
  max-width: 100%;
  vertical-align: top;
  height: auto;
}
#pooh a:hover {
  opacity: 0.8;
}
.tax {
  font-size: 0.8em;
}
.BebasKai{
  font-family: "bebas-kai", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font-Gelica{
  font-family: "gelica", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.01em;
}
.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.feature-title {
    font-size: 5rem;
    line-height: 0.8;
}
.page-lead__illustration,
.item-box__character,
.recipe__title-icon,
.all-items__title-icon{
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.2));
}
.btn-common {
    border: 1px solid #000;
    border-radius: 5px;
    line-height: 3;
    display: inline-block;
    background: #000;
    text-align: center;
    color: #fff;
    padding: 2px 0;
    font-weight: 500;
}
.lineup__product-name,
.product-card__name {
    font-weight: bold;
    margin-top: 20px;
    line-height: 1.7;
}
.lineup__price,
.product-card__price {
    font-weight: 500;
}
.offer {
    margin-top: 30px;
}
/* ==========
page-lead
========== */
.page-lead {
  background-color: #FFFAEF;
  padding: 40px 0 65px;
}
.page-lead__text {
  font-weight: 700;
  line-height: 1.9;
  margin-top: 30px;
}
/* ==========
lineup
========== */
.lineup {
  background: #FFFAEF;
  padding-bottom: 70px;
}
.lineup__inner {
    position: relative;
}
.lineup .feature-title {
    font-size: 2.9rem!important;
}
.lineup__title-decoration {
    position: absolute;
    transform: rotate(-24deg);
    top: 4%;
    right: 30%;
}
.lineup__list{
  justify-content: center;
  gap: 15px;
  margin-top: 50px;
}
.lineup__item{
  position: relative;
  width: 220px;
}
.lineup__item:before {
  content: "";
  position: absolute;
  background-image: url(../images/bg_honeycomb.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 220px;
  height: 155px;
  left: 50%;
  top: 20%;
  transform: translateX(-50%);
  z-index: 0;
}
.lineup__item a img {
    position: relative;
    z-index: 999;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
}
/* ==========
page-nav
========== */
.page-nav {
  background-color: #F8BF31;
  padding: 0px 0 145px;
}
.page-nav__flame{
  position: relative;
}
.page-nav__flame::before{
  content: "";
  position: absolute;
  background-image: url(../images/flame_cream.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 1000px;
  height: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.page-nav__list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  justify-content: center;
  padding-top: 60px;
}
.page-nav__item {
  width: 246px;
}
.page-nav__item:nth-child(n+2) {
    border-left: 2px dashed #000;
}
.page-nav__item p {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
/* ==========
item-box
========== */
.item-box {
  position: relative;
}
.item-box:before {
    content: "";
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    width: 1000px;
    height: 123px;
    left: 0;
    top: -123px;
}
.item-box--hotplate:before,
.item-box--mug:before{
  background-image: url(../images/flame_arch_01.png);
}
.item-box--pot:before{
  background-image: url(../images/flame_arch_02.png);
}
.item-box--hotplate,
.item-box--mug{
  background: #FED772;
}
.item-box--pot{
  background: #FEF5E3;
}
.item-box--hotplate,
.item-box--pot{
  padding-bottom: 210px;
}
.item-box--mug{
  padding-bottom: 40px;
}
.item-box__inner {
    position: relative;
}
.item-box--hotplate .item-box__inner{
  padding-top: 190px;
}
.item-box--pot .item-box__inner{
  padding-top: 210px;
}
.item-box--mug .item-box__inner{
  padding-top: 210px;
}
.item-box__heading {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.item-box--hotplate .item-box__heading {
    top: -10%;
    width: 520px;
}
.item-box--pot .item-box__heading {
    top: -5%;
    width: 635px;
}
.item-box--mug .item-box__heading {
    top: -5%;
    width: 503px;
}
.item-box--hotplate .item-box__title {
    position: absolute;
    top: 19%;
    z-index: 999;
}
.item-box__main-image {
  margin: 20px 0 15px;
  border-radius: 5px;
}
.item-box__sub-images {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
}
.item-box__sub-image {
  width: 189px;
}
.item-box__sub-image img {
    border-radius: 5px;
}
.item-box__purchase {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item-box__purchase {
    margin-top: 50px;
}
.item-box__visual {
  margin-right: 50px;
}
.item-box__info {
  font-weight: bold;
  text-align: left;
}
.item-box__product-name {
    font-size: 1.8rem;
}
.item-box__price {
  margin-bottom: 15px;
}
.item-box__badge {
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.9);
  width: 295px;
  font-size: 1.4rem;
  padding: 4px 5px;
}
.item-box__badge-label {
  border-radius: 2px;
  font-size: 1rem;
  color: #fff;
  padding: 3px 5px;
  background: #CF152D;
  vertical-align: bottom;
}
.item-box__badge-deadline {
    font-size: 1.8rem;
    letter-spacing: 0.03em;
}
.item-box__badge-point {
  font-size: 2.2rem;
  color: #CF152D;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #EADA6E));
  background: linear-gradient(transparent 70%, #EADA6E 70%);
  vertical-align: bottom;
}
.item-box__cta {
  width: 295px;
}
/* ==========
recipe
========== */
.recipe {
    background: #FFFAEF;
    padding: 260px 0 200px;
    position: relative;
}
.recipe:before{
    content: "";
    position: absolute;
    background-image: url(../images/flame_honey.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 1000px;
    height: 291px;
    left: 0;
    top: 0px;
}
.recipe__title {
    position: relative;
    display: inline-block;
}
.recipe__title-icon {
    position: absolute;
    bottom: -15px;
    right: -95px;
}
.recipe__lead {
    font-weight: bold;
    margin-top: 20px;
}
.recipe__list {
    justify-content: center;
    gap: 17px;
    margin-top: 40px;
}
.recipe__item {
    width: 255px;
}
.recipe-card__content {
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 10px;
}
.recipe-card__product {
    width: 80%;
    text-align: left;
}
.recipe-card__product-name {
    font-size: 1.8rem;
    color: #EC9D29;
}
.recipe-card__title {
    font-weight: bold;
    font-size: 1.7rem;
    margin-top: 5px;
}
.recipe__content-decoration {
    position: absolute;
    transform: rotate(-24deg);
    right: 3%;
    bottom: 18%;
}
/* ==========
all-items
========== */
.all-items {
    background: #F8BF31;
    position: relative;
}
.all-items__flame{
  position: relative;
}
.all-items__flame::before{
  content: "";
  position: absolute;
  background-image: url(../images/flame_cream.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 1000px;
  height: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.all-items__inner {
  padding: 135px 0 70px;
}
.all-items__title-icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -106px;
}
.all-items__list{
  justify-content: center;
  gap: 40px;
  margin-top: 70px;
}
.product-card{
  width: 196px;
}
.product-card a img {
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
}
/* ==========
campaign
========== */
.campaign {
    background: #F8BF31;
}
.campaign__inner {
    width: 800px;
    margin: 0 auto;
    background: #FEF5E3;
    border-radius: 10px;
}
.campaign__flame{
  position: relative;
}
.campaign__flame::before{
  content: "";
  position: absolute;
  background-image: url(../images/flame_honeycomb_pc.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 800px;
  height: 50px;
  left: 0;
}
.campaign__flame--top::before{
  top: 0;
}
.campaign__flame--under::before{
  transform: rotate(180deg);
  bottom: 0;
}
.campaign__title {
  padding: 80px 0 30px;
}
.campaign__label {
    background: #EC9D29;
    border-radius: 50px;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    font-size: 1.4rem;
    padding: 2px 15px;
    margin-bottom: 15px;
}
.campaign__text {
    font-weight: bold;
    font-size: 1.7rem;
}
.campaign__subtitle {
    font-weight: bold;
    line-height: 1.2;
    margin-top: 10px;
}
.campaign__subtitle--small {
    font-size: 3.2rem;
    color: #CF152D;
}
.campaign__subtitle--big {
    font-size: 4.6rem;
}
.campaign__notes {
    text-align: left;
    width: 70%;
    margin: 40px auto;
    font-size: 1.2rem;
    line-height: 1.6;
}
.campaign__notes li {
    position: relative;
    padding-left: 15px;
}
.campaign__notes li:nth-child(n+2) {
    margin-top: 5px;
}
.campaign__notes li:before {
    content: "※";
    position: absolute;
    left: 0;
}
.campaign__shop {
    padding-bottom: 85px;
}
.campaign__shop p {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 3px;
}
.btn--shop {
    width: 254px;
}
/* ==========
copyright
========== */
#pooh .copyright {
    background: #F8BF31;
}
.copyright__inner {
    padding-top: 50px;
}
.copyright__disney{
  width: 800px;
  margin: 0 auto 15px;
  text-align: right;
}
.copyright__link {
    font-size: 1.4rem;
    font-weight: 500;
    padding-right: 17px;
    text-decoration: underline;
    position: relative;
}
.copyright__link:after {
    content: ">";
    position: absolute;
    right: 0;
}
.copyright__pooh {
    font-size: 1.2rem;
    font-weight: 500;
}
.copyright__footer {
    background: #CF152D;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}