@charset "UTF-8";

.btn_item_lp_ {
  right: 5%;
  z-index: 999;
}

#future-PEANUTSCAKERECIPES {
  color: #333;
  padding: 0 0 110px;
}

/*メインビジュアル*/
#future-PEANUTSCAKERECIPES-mainvisual {
  margin: 0 0 83px;
  text-align: center;
}
#future-PEANUTSCAKERECIPES-mainvisual h1 {
  position: static;
  margin: 0 0 0;
  padding: 80px 0 0 0;
  font-weight: bold;
  color: #333;
  font-size: 24px;
}
.future-PEANUTSCAKERECIPES-mainvisual-detail{
  position: relative;
}
.future-PEANUTSCAKERECIPES-mainvisual-detail h1{
  margin: 0;
  padding: 0;
  text-align: center;
}
#future-PEANUTSCAKERECIPES-comment {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  padding: 0;
  margin: 0 0 15px;
  padding: 36px 0 0 0;
  color: #333333;
}
#future-PEANUTSCAKERECIPES-start {
  color: #fa8c20;
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 22px;
}
#future-PEANUTSCAKERECIPES-caution {
  font-size: 17px;
  margin: 0;
  color: #041c44;
  font-weight: bold;
}
#future-PEANUTSCAKERECIPES-date {
  font-size: 16px;
  margin: 30px 0 0 60px;
  padding: 0 0 0 0px;
  text-align: left;
  color: #333333;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.future-PEANUTSCAKERECIPES-mainvisual-icon1{
  position: absolute;
  top: 40px;
  left: 0;
}
.future-PEANUTSCAKERECIPES-mainvisual-icon2{
  position: absolute;
  top: 40px;
  right: 0;
}
.future-PEANUTSCAKERECIPES-mainvisual-register{
  margin-top: 30px;
}
.future-PEANUTSCAKERECIPES-mainvisual-register a{
  display: flex;
  flex-direction: column;
  width: 540px;
  height: 80px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  background: #041c44 url(shape.png) right 20px center no-repeat;
  border-radius: 10px;
}
.future-PEANUTSCAKERECIPES-mainvisual-register a:hover{
  opacity: 0.8;
}
.future-PEANUTSCAKERECIPES-mainvisual-register a span:first-of-type{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  margin-bottom: 11px;
}
.future-PEANUTSCAKERECIPES-mainvisual-register a span:last-of-type{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}
.future-PEANUTSCAKERECIPES-mainvisual-register p{
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}
/*メインビジュアル*/



#future-PEANUTSCAKERECIPES-itemlist {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 1000px;
  gap: 0 80px;
  margin: 0 auto 120px;
}
.future-PEANUTSCAKERECIPES-item {
  width: calc((100% / 2) - 40px);
  margin: 0 0 80px;
}
.future-PEANUTSCAKERECIPES-item:last-child {
  margin: 0;
}
.future-PEANUTSCAKERECIPES-item-figure {
  margin: 0 0 27px;
}
.future-PEANUTSCAKERECIPES-item-figure img{
  max-width: 100%;
}
.future-PEANUTSCAKERECIPES-item-detail p {
  text-align: justify;
  line-height: 1.8;
  margin: 0;
}
.future-PEANUTSCAKERECIPES-item-detail .link {
  padding: 0;
  margin: 32px 0 0;
  font-size: 14px;
  line-height: 1.7;
}
.future-PEANUTSCAKERECIPES-item-detail .link li:not(:last-child) {
  margin: 0 0 5px;
}
.future-PEANUTSCAKERECIPES-item-detail .link a {
  text-decoration: underline;
  color: #333333;
}
.future-PEANUTSCAKERECIPES-item-detail .link span{
  color: #333333;
}
.future-PEANUTSCAKERECIPES-item-detail .link a:hover {
  text-decoration: none;
}
.future-PEANUTSCAKERECIPES-more {
  text-align: center;
  margin: 0 0 100px;
}
.future-PEANUTSCAKERECIPES-more a:hover {
  opacity: .8;
}
.future-PEANUTSCAKERECIPES-note {
  font-size: 14px;
  text-align: center;
}

/* ===== 202408 ===== */
#event-contents-wrapper:has(.--limited) {
  overflow: unset;
  width: 100%;
}
.--limited #future-PEANUTSCAKERECIPES-mainvisual{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.--limited #future-PEANUTSCAKERECIPES-start {
  color: #e52685;
  line-height: 1.8;
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 14px;
}
.--limited .slide{
  background: url(anniversary_bg.png) center top repeat-x;
  background-size: 100% 100%;
  margin: 0 0 100px;
  padding: 62px 0 83px;
}
.slide-header{
  position: relative;
  width: max-content;
  margin: 0 auto;
}
.slide-header-logo{
  position: absolute;
  top: -22px;
  left: -211px;
}
.--limited .slide-inner{
  width: 1000px;
  margin: 0 auto;
}
#event-contents-wrapper .--limited .slide h2{
  text-align: center;
  margin: 0 0 24px;
}
.--limited .slide .slide-text{
  font-size: 18px;
  font-weight: bold;
  color: #041c44;
  text-align: center;
  margin: 0 0 42px;
  line-height: 1.8;
}
.--limited .slide .swiper{
  overflow: hidden;
  position: relative;
}
.--limited .slide-item .text {
  display: none;
  padding-top: 30px;
}
.--limited .slide-item .text p{
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 33px;
  padding: 0;
}
.--limited .slide-item .text ul{
  margin: 0;
  padding: 0;
}
.--limited .slide-item .text ul li{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 5px;
}
.--limited .slide-item .text ul li:last-child{
  margin: 0;
}
.--limited .slide-item .text ul li a{
  text-decoration: underline;
  color: #333333;
  font-size: 14px;
}
.--limited .slide-item .text ul li span{
  color: #333333;
  font-size: 14px;
}
.--limited .slide-item .text ul li a:hover{
  text-decoration: none;
}
.--limited .slide-item.swiper-slide-active .text {
  display: block;
  background: #f9f2e8;
  padding: 20px;
}
.--limited .swiper-slide {
  width: 440px;
}
.--limited .swiper-slide img {
  height: auto;
  width: 100%;
  transform: scale(.5);
  transition: .3s;
  border: 5px solid #f9f2e8;
  box-sizing: border-box;
}
.--limited .swiper-slide-active img{
  transform: scale(1);
  z-index: 1;
}
.--limited .swiper-slide-next img{
  transform-origin: center left;
}
.--limited .swiper-slide-prev img{
  transform-origin: center right;
}
.--limited .slide .swiper-button-next{
  width: 63px;
  height: 63px;
  background: #041c44 url(arrow_next.png) center center no-repeat;
  top: 215px;
  right: 192px;
  border-radius: 50%;
}
.--limited .slide .swiper-button-prev{
  width: 63px;
  height: 63px;
  background: #041c44 url(arrow_prev.png) center center no-repeat;
  top: 215px;
  left: 192px;
  border-radius: 50%;
}
.--limited .future-PEANUTSCAKERECIPES-more a{
  width: 880px;
  height: 70px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 35px;
  background: #041c44 url(arrow_right.png) right 40px center no-repeat;
  margin: 0 auto;
  position: relative;
}

/*プレゼント*/
.future-PEANUTSCAKERECIPES-present{
  width: 1000px;
  margin: 0 auto 120px;
  padding:  0 0 0;
  background: url(present_main.png) center top repeat;
}
.future-PEANUTSCAKERECIPES-present-wrap{
  background-image: url(present_top.png),url(present_bottom.png);
  background-position: center top,center bottom;
  background-repeat: no-repeat,no-repeat;
  position: relative; 
  padding: 0 0 114px;
}
.future-PEANUTSCAKERECIPES-present-title{
  position: relative;
  width: max-content;
  margin: 0 auto 30px;
  padding: 84px 0 0 0;
}

#event-contents-wrapper .future-PEANUTSCAKERECIPES-present-title h2{
  margin: 0 auto 30px;
  padding: 0;
  line-height: 1;
  text-align: center;
  width: max-content;
}
.future-PEANUTSCAKERECIPES-present-title span{
  position: absolute;
  top: 75px;
  left: -124px;
}
p.future-PEANUTSCAKERECIPES-present-comment{
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}
.future-PEANUTSCAKERECIPES-present-variation{
  background: #fff;
  border-radius: 20px;
  width: 770px;
  text-align: center;
  margin: 0 auto;
  padding: 30px 0 24px;
  position: relative;
}
.future-PEANUTSCAKERECIPES-present-variation p.future-PEANUTSCAKERECIPES-present-variation-title{
  font-size: 44px;
  font-weight: bold;
  color: #041c44;
  line-height: 1;
  position: relative;
  width: max-content;
  margin: 0 auto 24px;
  padding: 0 43px;
  background-image: url(variation_l.png),url(variation_r.png);
  background-position: left center,right center;
  background-repeat: no-repeat,no-repeat;
}
.future-PEANUTSCAKERECIPES-present-variation-label{
  position: absolute;
  top: 46px;
  right: 35px;
  width: 155px;
  height: 38px;
  background: #84bfba;
  box-sizing: border-box;
  border-radius: 19px;
  font-size: 16px;
  color: #041c44;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -0.01em;
}
p.future-PEANUTSCAKERECIPES-present-variation-label::before{
  display: inline-block;
  content: '';
  width: 13px;
  height: 13px;
  background: url(triangle.png) no-repeat center center;
  background-size: 13px 13px;
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: rotate(-180deg);
}
.future-PEANUTSCAKERECIPES-present-wrap ul{
  margin: 30px 120px 0;
  padding: 0;
  line-height: 1.4;
}
.future-PEANUTSCAKERECIPES-present-wrap ul li{
  color: #041c44;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}
.future-PEANUTSCAKERECIPES-present-wrap ul li:last-child{
  margin-bottom: 0;
}
.future-PEANUTSCAKERECIPES-present-variation p{
  margin: 0;
  padding: 0;
}

/*キャンペーン*/
.future-PEANUTSCAKERECIPES-campaign{
  width: 1000px;
  margin: 0 auto 120px;
  padding: 80px 156px 85px;
  box-sizing: border-box;
  background: #eed4ce;
}
.future-PEANUTSCAKERECIPES-campaign-main span img {
    width: 688px;
}
.future-PEANUTSCAKERECIPES-campaign-header{
  text-align: center;
  margin-bottom: 42px;
}
.future-PEANUTSCAKERECIPES-campaign-header h2{
  margin-bottom: 30px;  
  text-align: center;
}
.future-PEANUTSCAKERECIPES-campaign-header p{
  font-size: 16px;
  font-weight: bold;
  color: #041c44;
  line-height: 1.8;
  margin: 0;
  padding: 0;
}

.future-PEANUTSCAKERECIPES-campaign-texts{
  font-size: 14px;
  font-weight: 500;
  color: #0d1b42;
  margin-top: 28px;
}
.future-PEANUTSCAKERECIPES-campaign-text{
  margin-bottom: 22px;
}
.future-PEANUTSCAKERECIPES-campaign-text ul{
  margin: 0 0 10px;
  padding: 0 0 0 7px;
  line-height: 1.8;
}
.future-PEANUTSCAKERECIPES-campaign-text ul li{
  font-size: 14px;
  font-weight: 500;
  color: #0d1b42;
}
.future-PEANUTSCAKERECIPES-campaign-text .future-PEANUTSCAKERECIPES-campaign-text-comment {
    padding: 0 0 0 6px;
}
.future-PEANUTSCAKERECIPES-campaign-text p{
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: #0d1b42;
}
.future-PEANUTSCAKERECIPES-campaign-text:last-of-type{
  margin-bottom: 0;
}
.future-PEANUTSCAKERECIPES-campaign-text p.future-PEANUTSCAKERECIPES-campaign-text-title{
  margin-bottom: 10px;
  color: #0d1b42;
}
/*.future-PEANUTSCAKERECIPES-campaign-text p.future-PEANUTSCAKERECIPES-campaign-text-prize{
  font-weight: bold;
}*/

.future-PEANUTSCAKERECIPES-post-btn{
  width: 400px;
  height: 60px;
  background: #041c44 url(post.png) right 30px center no-repeat;
  color: #fff;
  margin: 60px auto auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.future-PEANUTSCAKERECIPES-kiyaku-title{
  background: url(plus.png) right 10px center no-repeat;
  border-top: 2px solid #0d1b42;
  /*border-bottom: 2px solid #0d1b42;*/
}
.future-PEANUTSCAKERECIPES-kiyaku {
    color: #0d1b42;
    margin: 46px auto;
    padding: 0 0;
    box-sizing: border-box;
    border-bottom: 2px solid #0d1b42;
}
.future-PEANUTSCAKERECIPES-kiyaku-main{
  margin-top: 12px;
  margin-bottom: 0;
  padding: 0 10px;
  display: none;
}
.future-PEANUTSCAKERECIPES-kiyaku-item{
  margin-bottom: 30px;
  border-bottom: 2px solid #0d1b42;
}
.future-PEANUTSCAKERECIPES-kiyaku-item:last-child{
  margin-bottom: 0;
  border-bottom: 0;
}
.future-PEANUTSCAKERECIPES-kiyaku-title.open{
  border-bottom: none;
  background: url(minus.png) right 10px center no-repeat;
  
}
.future-PEANUTSCAKERECIPES-kiyaku-main p{
  margin: 0;
  padding: 0;
  color: #0d1b42;
  line-height: 1.6;
}
.future-PEANUTSCAKERECIPES-kiyaku-main p span.attention{
  font-size: 14px;
  color: #0d1b42;
}
p.future-PEANUTSCAKERECIPES-kiyaku-title{
  font-size: 17px;
  font-weight: bold;
  color: #0d1b42;
  line-height: 1;
  margin: 0;
  padding: 20px 10px;
  
}
.future-PEANUTSCAKERECIPES-kiyaku-main p{
  font-size: 16px;
  font-weight: 500;
}
.future-PEANUTSCAKERECIPES-kiyaku-main p.future-PEANUTSCAKERECIPES-kiyaku-subtitle{
  margin-bottom: 5px;
  font-weight: bold;
}
.future-PEANUTSCAKERECIPES-kiyaku-text{
  margin-bottom: 36px;
}
.future-PEANUTSCAKERECIPES-kiyaku-main ol,
.future-PEANUTSCAKERECIPES-kiyaku-main ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.future-PEANUTSCAKERECIPES-kiyaku-main ol li,
.future-PEANUTSCAKERECIPES-kiyaku-main ul li{
  font-size: 16px;
  font-weight: 500;  
  color: #0d1b42;
}
/*キャンペーン*/

/*PICKUP*/
.future-PEANUTSCAKERECIPES-pickup{
  width: 880px;
  margin: 0 auto 120px;
}
.future-PEANUTSCAKERECIPES-pickup .future-PEANUTSCAKERECIPES-pickup-header h2{
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}
.future-PEANUTSCAKERECIPES-pickup .future-PEANUTSCAKERECIPES-pickup-header p{
  text-align: center;
  margin: 0 0 31px;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.future-PEANUTSCAKERECIPES-pickup-main{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 44px;
  width: 880px;
  margin: 0;
  padding: 0;
}
.future-PEANUTSCAKERECIPES-pickup-main a{
  display: block;
}
.future-PEANUTSCAKERECIPES-pickup-main a:hover{
  opacity: 0.8;
}
.future-PEANUTSCAKERECIPES-pickup-main li{
  width: calc((100% /2) - 22px);
}
.future-PEANUTSCAKERECIPES-pickup-main img{
  vertical-align: bottom;
  max-width: 100%;
}
/*PICKUP*/