/* ====================================
	 reset
==================================== */
  /* responsive */
  @media screen and (min-width:768px) {
    .pc {
        display: block;
    }
    .sp {
        display: none;
    }
  }
  @media screen and (max-width:767px) {
      .pc {
          display: none;
      }
      .sp {
        display: block;
    }
  }
  .border_half{
    width: 100%;
    height: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }
  .border_half span{
    display: block;
    width: 50%;
  }
  .valentine2026{
    overflow-x: hidden;
  }
  @media screen and (max-width:767px) {
    .border_half{
        height: 1.5vw;
    }
  }
/*****************************

メニュー

******************************/
.hamburger__menu--area{
	width: 95px;
	height: 205px;
	position: fixed;
	top: 165px;
    right: 30px;
	font-family: 'Noto Sans JP', sans-serif;
	z-index: 3;
}
.valentine__menu{
	margin-bottom: 15px;
}
.valentine__menu,
.catalog__btn{
	width: 81px;
	height: 81px;
}
.valentine__menu a,
.catalog__btn a{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	padding: 15px 0 0;
	color: #fff;
	text-decoration: none;
	background-color: #4C1A09;
	cursor: pointer;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
}
.catalog__btn a{
	padding: 12px 0;
	background-color: #F1408D;
}
.menu__box{
    margin: 5px auto 0;
    width: 36px;
    height: 19px;
    position: relative;
}
.menu__box span{
	display: block;
	width: 100%;
	height: 1.8px;
	background-color: #fff;
	position: absolute;
	left: 0;
}
.menu__box span:nth-child(1){
	top: 0;
}
.menu__box span:nth-child(2){
	top: 8.3px;
}
.menu__box span:nth-child(3){
	bottom: 0;
}
.valentine__menu a p{
	display: block;
	width: 100%;
	text-align: center;
    font-size: 12px;
}
.catalog__btn img{
	display: block;
	width: 19px;
	height: 15px;
	margin: 0 auto 5px;
}
.catalog__btn a p{
    font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 14px;
	text-align: center;
}
.catalog__btn a p small{
	font-size: 10px;
    display: block;
    margin: 0 0 0;
}
.menu-contents__area{
	max-width: 524px;
	width: 100%;
	height: 100%;
	overflow: scroll;
	background-color: #4C1A09;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 175px 0 75px;
    position: fixed;
    z-index: 100;
    top: 0;
	right: -570px;
	transition: 0.3s;
}
.menu-contents__area.opne__contents{
    right: -10px;
}
.menu-contents__wrap{
    position: relative;
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}
.close__menu--wrap{
    position: absolute;
    top: -50px;
    right: -50px;
}
.menu-contents__area a{
	color: #fff;
	text-decoration: none;
}
.menu-contents__area ul{
	margin-bottom: 30px;
}
.menu-contents__area ul li{
	margin: 0 auto 25px;
}
.menu-contents__area ul li:last-child{
	margin-bottom: 0;
}
.menu-contents__area ul li a{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 700;
    display: block;
    width: 100%;
    padding-left: 21px;
    background-image: url(../img/2026/menu_arrow_right.svg);
    background-repeat: no-repeat;
    background-size: 10px 8px;
    background-position: top 12px left 5px;
}
.close__menu--wrap a{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 3px;
    width: 81px;
    height: 81px;
    border-radius: 50%;
    color: #ffffff;
    margin-right: 0;
    margin-left: auto;
    cursor: pointer;
    background-color: #fff;
}
.close__menu--wrap a p{
    font-family: 'Noto Sans JP', sans-serif;
    color: #521804;
    font-weight: 800;
    font-size: 12px;
    text-align: center;
}
.close__menu--wrap a img{
    display: block;
    width: 33px;
    height: 20px;
}
.other__link--wrap a{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 274px;
	height: 46px;
    border-radius: 5px;
	padding-left: 0;
    background-image: url(../img/2026/menu_arrow_right.svg);
    background-repeat: no-repeat;
    background-size: 12px 10px;
}
.other__link--wrap a:nth-child(1){
	background-position: center right 15px;
	background-color: #289AEF;
    margin-bottom: 15px;
}
.other__link--wrap a:nth-child(2){
	background-position: center right 55px;
	background-color: #F1408D;
    text-align: center;
}
.shop-brand_list__info{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.shop-brand_list__info::after{
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background-image: url(../img/border_square-bg.svg);
    background-repeat: repeat-x;
    background-size: 953px 5px;
    background-position: center left;
    position: absolute;
    bottom: 0;
    left: 0;
}
.shop-brand_list__info ul:first-child{
    margin-right: 50px;
}
.shop-brand_list__info ul li{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding-left: 15px;
    position: relative;
}
.shop-brand_list__info ul li::after{
    content: "";
    display: block;
    width: 11px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.shop-brand_list__info ul:first-child li:nth-child(1)::after{
    background-image: url(../img/heart_pink.svg);
}
.shop-brand_list__info ul:nth-child(2) li:nth-child(1)::after{
    background-image: url(../img/heart_yellow.svg);
}
.shop-brand_list__info ul:nth-child(2) li:nth-child(2)::after{
   background-image: url(../img/heart_green.svg); 
}
#shop-brand_list .modal-content{
    height: 540px;
}
#shop-brand_list h2{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto 0;
}
.shop-brand_list__img--wrap{
    height: 310px;
    padding: 15px;
    overflow-y: scroll;
    border: 1px solid #707070;
}
@media screen and (max-width:768px) {
	.hamburger__menu--area{
		width: 100%;
		height: 15vw;
		top: inherit;
		bottom: 0;
		right: inherit;
		left: 0;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		z-index: 11;
	}
	.valentine__menu, .catalog__btn{
		height: 100%;
	}
	.catalog__btn{
		width: 50%;
		order: 2;
	}
	.valentine__menu{
		width: 50%;
		order: 1;
	}
	.valentine__menu a, .catalog__btn a{
		border-radius: 0;
		display: flex;
		justify-content: center;
		align-items: center;
        flex-direction: column;
	}
	.catalog__btn a{
		padding: 0 0 0 0;
	}
	.catalog__btn a p{
		font-size: 3.6vw;
		line-height: 1.2;
	}
	.catalog__btn a p small{
        display: inline-block;
		font-size: 3.6vw;
	}
	.catalog__btn img{
		width: 6vw;
        height: 4.8vw;
		margin: 0 0 0 0;
	}
	.valentine__menu a{
		padding: 0 0;
		justify-content: center;
	}
	.valentine__menu a p{
		font-size: 3.6vw!important;
		width: 50%;
        line-height: 1;
        margin-bottom: 6px;
	}
	.menu__box{
		margin: 0 0 0 0;
        width: 9vw;
        height: 4.5vw;
	}
    .menu__box span{
        height: 0.52vw;
    }
	.menu__box span:nth-child(2){
		top: 1.79vw;
	}
	.menu-contents__area{
        max-width: 100%;
        right: -100vw;
		padding: 0 0 0;
		background-color: #3B1705;
	}
	.menu-contents__wrap{
        max-width: 100%;
        height: 100%;
        padding-top: 18vw;
        position: inherit;
        overflow: scroll;
	}
	.close__menu--wrap{
        position: absolute;
        top: inherit;
        bottom: 7vw;
        right: inherit;
        left: 0;
        width: 100%;
	}
	.close__menu--wrap a{
		width: 100%;
        border-radius: 0;
		height: 15vw;
        gap: 0;
	}
	.close__menu--wrap a p{
		font-size: 3.8vw;
	}
    .close__menu--wrap a img{
        width: 6.4vw;
        height: 6.4vw;
        margin-bottom: 1vw;
    }
	.menu-contents__area.opne__contents{
		right: 0;
	}
	.menu-contents__area ul{
	    margin-bottom: 6vw;
		width: 87vw;
		margin-right: auto;
		margin-left: auto;
	}
	.menu-contents__area ul li{
		margin: 0 auto 4vw;
	}
	.menu-contents__area ul li a{
        font-size: 3.6vw;
        background-size: 2.4vw;
        background-position: top 2vw left 3vw;
        padding-left: 9vw;
	}
    .other__link--wrap{
        padding-bottom: 20vw;
    }
	.other__link--wrap a{
        justify-content: center;
        width: 100%;
        height: 12.5vw;
        padding-left: 5vw;
        margin: 0 auto;
        font-size: 4.5vw;
        font-weight: 600;
        padding-right: 12vw;
	}
	.other__link--wrap a:nth-child(1){
        background-position: center right 7vw;
        background-size: 2.5vw;
		margin-bottom: 3.5vw;
        max-width: 82vw;
	}
	.other__link--wrap a:nth-child(2){
        background-position: center right 19vw;
        background-size: 2.5vw;
        margin-bottom: 4vw;
        max-width: 82vw;
	}
    #shop-brand_list h2{
        text-align: center;
    }
    .shop-brand_list__info{
        flex-wrap: wrap;
        padding-top: 3vw;
        margin-top: 2vw;
        padding-bottom: 3vw;
        margin-bottom: 1vw;
    }
    .shop-brand_list__info ul li{
        font-size: 2.7vw;
        padding-left: 4vw;
    }
    .shop-brand_list__info ul li::after{
        width: 2.5vw;
        height: 3vw;
    }
    #shop-brand_list h2{
        font-size: 4vw;
        margin: 0;
    }
    .shop-brand_list__info::after{
        height: 2vw;
        background-size: 11vw 2vw;
        bottom: -0.5vw;
    }
    .shop-brand_list__info::before{
        content: "";
        display: block;
        width: 100%;
        height: 2vw;
        background-image: url(../img/border_square-bg.svg);
        background-repeat: repeat-x;
        background-size: 11vw 2vw;
        background-position: center left;
        position: absolute;
        top: -0.5vw;
        left: 0;
    }
    .shop-brand_list__img--wrap{
        height: 87vw;
        padding: 3vw;
    }
}

/*****************************

メインビジュアル

******************************/
.mv_area{
    position: relative;
    padding: 120px 15px 232px;
    background-image: url(../img/2026/mv_back_illust.png),url(../img/2026/mv_pattern_pink.png);
    background-size: 1600px 1066px ,300px 300px;
    background-repeat: no-repeat, repeat;
    background-position: top -230px center, top left;
}
@media screen and (min-width:1620px) {
    .mv_area{
        background-size: cover ,300px 300px;
    }
}
.mv_area::after{
    content: "";
    display: block;
    width: 100%;
    height: 75px;
    background-image: url(../img/2026/mv_area_bottom.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 1400px;
    position: absolute;
    bottom: -74px;
    left: 0;
}
.mv_area .mv_logo{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1040px;
    width: 100%;
}
.mv_area .mv_logo img{
    margin-top: -3px;
    margin-right: -15px;
    margin-left: auto;
    display: block;
}
.mv_wrap{
    position: relative;
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.mv_title_wrap{
    position: absolute;
    bottom: -110px;
    left: 20px;
    z-index: 1;
    max-width: 483px;
    width: 100%;
    padding: 50px 20px;
    border-radius: 10px;
    background-color: #fff;
}
.mv_title_wrap .mv_title_box{
    max-width: 388px;
    width: 100%;
    margin: 0 auto;
}
.mv_title_wrap .mv_title_box > p{
    font-family: 'Noto Sans JP', sans-serif;
    color: #F87BB1;
    font-size: 17px;
    font-weight: 600;
}
.mv_title_wrap .mv_title_box > p.valentine_day_note{
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: #4D1A09;
    font-size: 14px;
    margin: 10px 0 0;
}
.mv_title_wrap .mv_title_box > p.valentine_day_note small a{
    color: #4D1A09;
}
.mv_title_wrap .mv_title_box h2{
    margin: 10px 0 0;
}
.mv_venue_box,.mv_day_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
}
.mv_venue_box{
    margin-top: 35px;
}
.mv_day_box{
    margin-top: 10px;
}
.mv_venue_box p,.mv_day_box p{
    font-family: "Zen Kaku Gothic New", sans-serif;
}
.mv_venue_box p:first-child,.mv_day_box p:first-child{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 163px;
    min-width: 163px;
    width: 100%;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.mv_venue_box p:first-child{
    background-color: #4C1A09;
}
.mv_day_box p:first-child{
    background-color: #BC860D;
}
.mv_venue_box p:last-child,.mv_day_box p:last-child{
    color: #4D1A09;
    font-size: 18px;
    font-weight: 500;
}
.mv_title_wrap .mv_title_box > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 46px;
    border-radius: 4px;
    border: 2px solid #3F1608;
    margin: 30px 0 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: #3F1608;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 2px 2px #3F1608;
    background-image: url(../img/2026/btn_arrow_brown.svg);
    background-size: 12px 10px;
    background-position: center right 40px;
    background-repeat: no-repeat;
}
.mv_swiper{
    position: relative;
    max-width: 583px;
    width: 100%;
    z-index: 0;
}
.mv_swiper .swiper-slide{
    border-radius: 20px;
    overflow: hidden;
}
.swiper-pagination{
    bottom: 10px !important;
    left: inherit !important;
    right: -25px !important;
    width: auto !important;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 16px;
    height: 15px;
    border-radius: 0;
    background-color: inherit;
    background-image: url(../img/2026/slider_dots_heart.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active{
    background-image: url(../img/2026/slider_dots_heart_active.svg);
}
@media screen and (max-width:768px){
    .mv_area{
        padding: 13vw 4vw 18vw;
        background-image: url(../img/2026/mv_back_illust_sp.png), url(../img/2026/mv_pattern_pink.png);
        background-size: 132vw 200vw, 300px 300px;
        background-position: top -8vw left -22vw, top left;
    }
    .mv_area::after{
        height: 7vw;
        background-image: url(../img/2026/mv_area_bottom_sp.png);
        background-size: 97vw;
        bottom: -7vw;
    }
    .mv_area .mv_logo{
        padding: 0 4vw;
        z-index: 1;
    }
    .mv_area .mv_logo img{
        margin-top: -0.5vw;
        margin-right: -3vw;
        width: 16vw;
    }
    .mv_wrap{
     flex-direction: column;   
    }
    .mv_title_wrap{
        order: 2;
        position: inherit;
        bottom: inherit;
        left: inherit;
        margin-left: 0;
        margin-right: auto;
        margin-top: -4vw;
        max-width: 87vw;
        padding: 7vw 4vw;
        border-radius: 4vw;
    }
    .mv_title_wrap .mv_title_box{
        max-width: 100%;
    }
    .mv_title_wrap .mv_title_box > p{
        font-size: 3.5vw;
    }
    .mv_title_wrap .mv_title_box h2 img{
        width: 72vw;
    }
    .mv_venue_box{
        margin-top: 6vw;
    }
    .mv_venue_box, .mv_day_box{
        gap: 2vw;
    }
    .mv_venue_box p:first-child, .mv_day_box p:first-child{
        max-width: 33vw;
        min-width: 32vw;
        padding: 0.5vw 0;
        border-radius: 4vw;
        font-size: 3vw!important;
    }
    .mv_venue_box p:last-child, .mv_day_box p:last-child{
        font-size: 3.4vw !important;
    }
    .mv_title_wrap .mv_title_box > p.valentine_day_note{
        font-size: 2.8vw;
        font-size: 1rem !important;
        margin: 2vw 0 0;
    }
    .mv_title_wrap .mv_title_box > a{
        height: 12vw;
        border-radius: 1.5vw;
        border: 0.6vw solid #3F1608;
        margin: 4vw 0 0;
        font-size: 3.8vw;
        font-weight: 700;
        background-size: 3.5vw 3vw;
        background-position: center right 6vw;
        padding-right: 6vw;
    }
    .mv_swiper{
        order: 1;
        max-width: 87vw;
        margin-right: 0;
        margin-left: auto;
    }
    .swiper-pagination .swiper-pagination-bullet{
        width: 2.5vw;
        height: 2.5vw;
    }
    .swiper-pagination{
        bottom: inherit !important;
        top: 51vw !important;
        right: -4.25vw !important;
        gap: 2vw;
    }
}
/*****************************

ホノルル・クッキー・カンパニー

******************************/
.honolulu{
    overflow-x: hidden;
    font-family: "Zen Kaku Gothic New", sans-serif;
}
.honolulu_empty_space{
    width: 100%;
    height: 465px;
    background-image: url(../img/2026/hawaii_main.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.honolulu_contents{
    position: relative;
    background-color: #FDF3DD;
}
.honolulu_contents::before{
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    background-image: url(../img/2026/honolulu_area_top.png);
    background-repeat: no-repeat;
    background-size: 1440px;
    background-position: top right;
    position: absolute;
    top: -60px;
    right: 0;
}
.honolulu_contents_inner{
    position: relative;
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    padding: 220px 0 140px;
}
.honolulu_contents_inner::after,
.honolulu_contents_inner::before{
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
}
.honolulu_contents_inner::after{
    width: 146px;
    height: 146px;
    background-image: url(../img/2026/circle_stripe.png);
    top: 70px;
    left: -210px;
}
.honolulu_contents_inner::before{
    width: 162px;
    height: 147px;
    background-image: url(../img/2026/heart_dot.png);
    bottom: 70px;
    right: -250px;
}
.valentine_common_box{
    position: relative;
    padding: 42px 32px 32px;
    border-radius: 10px;
    background-color: #FDFBF7;
    box-shadow: 6px 6px 9px 0px rgba(0, 0, 0, 0.16);
}
.honolulu_box{
    position: absolute;
    top: -160px;
    left: 0;
    z-index: 1;
}
.valentine_common_box .copy_wrap{
    max-width: max-content;
    /*max-width: 298px;*/
    width: 100%;
    margin: 0 auto;
}
.valentine_common_box.honolulu_box .copy_wrap{
    max-width: none;
    width: auto;
}
.valentine_common_box h3{
    color: #4D1A09;
    font-size: 24px;
    font-weight: 700;
    display: inline;
    padding: 0 1px 0px;
}
.valentine_common_box.honolulu_box h3{
    background: linear-gradient(transparent 75%, #FAE0C0 0%);
}
.valentine_common_box.overseas_box h3{
    background: linear-gradient(transparent 75%, #D6ECF8 0%);
}
.valentine_common_box.exciting_box h3{
    background: linear-gradient(transparent 75%, #C0E2D8 0%);
}
.valentine_common_box.fruit_alcohol_box h3{
    background: linear-gradient(transparent 75%, #FCE1BA 0%);
}
.valentine_common_box.hokkaido_box h3{
    background: linear-gradient(transparent 75%, #FBD4E2 0%);
}
.valentine_common_box.eatin_box h3{
    background: linear-gradient(transparent 75%, #C0E2D8 0%);
}
.valentine_common_box.sakurapanda_box h3{
    background: linear-gradient(transparent 75%, #D6ECF8 0%);
}
.valentine_common_box.limited_box h3{
    background: linear-gradient(transparent 75%, #FBD4E2 0%);
}
.valentine_common_box .flex_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin: 25px auto 0;
    max-width: 375px;
    width: 100%;
}
.valentine_common_box .flex_box:nth-child(2){
    margin-top: 0 !important;
}
.valentine_common_box.honolulu_box .flex_box{
    justify-content: center;
    max-width: none;
    width: auto;
}
.valentine_common_box .flex_box p{
    color: #4D1A09;
    font-size: 15px;
    font-weight: 700;
}
.valentine_common_box .event_place{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 196px;
    width: 100%;
    height: 28px;
    margin: 35px auto 0;
    border-radius: 14px;
    background-color: #4C1A09;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.valentine_common_box .event_place.event_place_1f{
    max-width: 305px;
    background-color: #BC860D;
}
.valentine_common_box .valentine_label{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 21px;
    height: 34px;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}
.valentine_common_box .valentine_label span{
    width: 5px;
    height: 100%;
}
.valentine_common_box.honolulu_box .valentine_label span{
    background-color: #893E28;
}
.valentine_common_box.overseas_box .valentine_label span{
    background-color: #F578AF;
}
.valentine_common_box.exciting_box .valentine_label span{
    background-color: #F29876;
}
.valentine_common_box.fruit_alcohol_box .valentine_label span{
    background-color: #32A78E;
}
.valentine_common_box.hokkaido_box .valentine_label span{
    background-color: #5FB7F7;
}
.valentine_common_box.eatin_box .valentine_label span{
    background-color: #F29876;
}
.valentine_common_box.sakurapanda_box .valentine_label span{
    background-color: #F578AF;
}
.valentine_common_box.limited_box .valentine_label span{
    background-color: #5FB7F7;
}
.honolulu_prd_area{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 66px 5%;
}
.honolulu_prd_area > div{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    width: 47.5%;
}
.honolulu_prd_area > div img{
    min-width: 164px;
    max-width: 164px;
    width: 100%;
}
.honolulu_prd_area > div h4{
    color: #4D1A09;
    font-size: 17px;
    font-weight: 700;
}
.honolulu_prd_area > div p{
    color: #4D1A09;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 0;
}
@media screen and (max-width:768px){
    .honolulu_empty_space{
        height: 62.7vw;
        background-image: url(../img/2026/hawaii_main_sp.jpg);
    }
    .honolulu_contents{
        padding: 0 4vw;
    }
    .honolulu_contents::before{
        height: 13vw;
        background-image: url(../img/2026/honolulu_area_top_sp.png);
        background-size: 89vw;
        top: -10vw;
    }
    .honolulu_contents_inner{
        padding: 79vw 0 32vw;
    }
    .honolulu_contents_inner::after{
        width: 35vw;
        height: 35vw;
        top: 22px;
        left: -21vw;
    }
    .honolulu_contents_inner::before{
        width: 27vw;
        height: 27vw;
        bottom: 21vw;
        right: -11vw;
    }
    .honolulu_prd_area{
        flex-direction: column;
        gap: 12vw;
    }
    .honolulu_prd_area > div{
        flex-wrap: wrap;
        gap: 0 3vw;
        width: 100%;
    }
    .honolulu_prd_area > div img{
        min-width: 30vw;
        max-width: 30vw;
    }
    .honolulu_prd_area > div div{
        display: contents;
    }
    .honolulu_prd_area > div h4{
        font-size: 3.8vw;
        line-height: 1.5;
        width: 59vw;
    }
    .honolulu_prd_area > div p{
        font-size: 3.5vw;
        margin: 0 0 0;
        width: 100%;
    }
    .honolulu_prd_area > div:nth-child(2) p{
        margin: 7vw 0 0;
    }
    .valentine_common_box{
        padding: 7vw 4vw 7vw;
        border-radius: 4vw;
    }
    .honolulu_box{
        padding: 8vw 8vw 7vw;
        top: -6vw;
        width: 85vw;
        left: 3vw;
    }
    .valentine_common_box h3{
        font-size: 4.8vw;
        line-height: 1.2;
        padding: 0 0 0;
    }
    .valentine_common_box .flex_box p{
        font-size: 3.4vw;
    }
    .valentine_common_box .valentine_label{
        width: 5.5vw;
        height: 8.5vw;
        top: -3vw;
    }
    .valentine_common_box.honolulu_box .copy_wrap{
        max-width: max-content;
    }
    .valentine_common_box.honolulu_box .flex_box{
        flex-direction: column;
        margin: 4vw auto 0;
        gap: 2vw;
    }
    .valentine_common_box .valentine_label span{
        width: 1.2vw;
    }
    .valentine_common_box .event_place{
        max-width: 42.5vw;
        height: 6vw;
        margin: 3vw auto 0;
        border-radius: 4vw;
        font-size: 3.4vw;
    }

}
/*****************************

王道の海外チョコ / じゃぱにーずちょこ / 北海道スイーツ / パッケージもチョコレートもかわいい

******************************/
.chocolate_prd{
    position: relative;
    padding: 155px 0 190px;
    font-family: "Zen Kaku Gothic New", sans-serif;
}
.chocolate_prd::before{
    content: "";
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 1440px;
    position: absolute;
}
.chocolate_prd.overseas::before{
    top: -60px;
    left: 0;
    height: 64px;
    background-image: url(../img/2026/overseas_area_top.png);
    background-position: top left;
}
.chocolate_prd.exciting::before{
    top: -60px;
    left: 0;
    height: 64px;
    background-image: url(../img/2026/exciting_area_top.png);
    background-position: top right;
}
.chocolate_prd.fruit_alcohol::before{
    top: -84px;
    left: 0;
    height: 84px;
    background-image: url(../img/2026/fruit_alcohol_area_top.png);
    background-position: top right;
}
.chocolate_prd.hokkaido::before{
    top: -75px;
    left: 0;
    height: 75px;
    background-image: url(../img/2026/hokkaido_area_top.png);
    background-position: top left;
}
.chocolate_prd.eatin::before{
    top: -81px;
    left: 0;
    height: 81px;
    background-image: url(../img/2026/eatin_area_top.png);
    background-position: top left;
}
.chocolate_prd.sakurapanda::before{
    top: -93px;
    left: 0;
    height: 93px;
    background-image: url(../img/2026/sakurapanda_area_top.png);
    background-position: top right;
}
.chocolate_prd.limited::before{
    top: -100px;
    left: 0;
    height: 111px;
    background-image: url(../img/2026/limited_area_top.png);
    background-position: top left;
}
.chocolate_prd.guest::before{
    top: -107px;
    left: 0;
    height: 107px;
    background-image: url(../img/2026/guest_area_top.png);
    background-position: top right;
}
.chocolate_prd.other::before{
    top: -88px;
    left: 0;
    height: 88px;
    background-image: url(../img/2026/other_area_top.png);
    background-position: top left;
}
.chocolate_prd.overseas{
    background-image: url(../img/2026/overseas_bg_pattern.jpg);
    background-size: 300px 300px;
    background-repeat: repeat;
    background-position: top left;
}
.chocolate_prd.hokkaido{
    background-image: url(../img/2026/hokkaido_bg_pattern.jpg);
    background-size: 300px 300px;
    background-repeat: repeat;
    background-position: top left;
}
.chocolate_prd.limited{
    background-image: url(../img/2026/limited_bg_pattern.jpg);
    background-size: 300px 300px;
    background-repeat: repeat;
    background-position: top left;
}
.chocolate_prd.exciting{
    background-color: #FFE1C8;
}
.chocolate_prd.fruit_alcohol{
    background-color: #BCD9C1;
}
.chocolate_prd.eatin{
    background-color: #FFE1C8;
}
.chocolate_prd.sakurapanda{
    background-color: #F8D8E6;
}
.chocolate_prd.guest{
    background-color: #FFE0C8;
}
.chocolate_prd.other{
    padding-bottom: 150px;
    background-color: #FCF3DE;
}
.chocolate_prd_inner{
    max-width: 1040px;
    width: 100%;
    margin: 55px auto 0;
}
.eatin .chocolate_prd_inner,.sakurapanda .chocolate_prd_inner,.limited .chocolate_prd_inner,.guest .chocolate_prd_inner{
    margin-top: 70px;
}
.chocolate_prd_inner ul li{
    position: relative;
}
.chocolate_prd_inner ul li .chocolate_prd_list{
    position: relative;
    z-index: 1;
    display: flex;
}
.chocolate_prd_inner ul li:not(:first-child){
    margin-top: 90px;
}
.chocolate_prd_inner ul li:nth-child(odd) .chocolate_prd_list{
    justify-content: flex-start;
}
.chocolate_prd_inner ul li:nth-child(even) .chocolate_prd_list{
    justify-content: flex-end;
}
.chocolate_prd_inner ul li .chocolate_prd_list .valentine_common_box{
    max-width: 495px;
    width: 100%;
    position: absolute;
    bottom: -30px;
}
.chocolate_prd_inner ul li:nth-child(odd) .chocolate_prd_list .valentine_common_box{
    right: 0;
}
.chocolate_prd_inner ul li:nth-child(even) .chocolate_prd_list .valentine_common_box{
    left: 0;
}
.chocolate_prd_inner ul li .chocolate_prd_image{
    max-width: 54.3%;
    width: 100%;
}
.chocolate_prd_inner ul li .chocolate_prd_image.new_mark{
    position: relative;
}
.chocolate_prd_inner ul li .chocolate_prd_image.new_mark::after{
    content: "";
    display: block;
    width: 102px;
    height: 103.5px;
    background-image: url(../img/2026/new_mark.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 75px;
    left: 30px;
}
.sakurapanda .chocolate_prd_inner ul li .chocolate_prd_image.new_mark::after{
    top: 20px;
}
.chocolate_prd_inner ul li:nth-child(odd) .chocolate_prd_list .chocolate_prd_image{
    text-align: left;
}
.chocolate_prd_inner ul li:nth-child(even) .chocolate_prd_list .chocolate_prd_image{
    text-align: right;
}
.chocolate_prd_inner ul li .chocolate_prd_list .chocolate_prd_image img{
    border-radius: 8px;
    overflow: hidden;
}
.chocolate_prd h2{
    position: relative;
    text-align: center;
    padding-top: 50px;
    margin-top: -50px;
}
.chocolate_prd h2::after{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.chocolate_prd.overseas h2::after{
    width: 678px;
    height: 233px;
    background-image: url(../img/2026/title_overseas_bg.png);
    background-size: 678px;
}
.chocolate_prd.exciting h2::after{
    width: 1032px;
    height: 237px;
    background-image: url(../img/2026/title_exciting_bg.png);
    background-size: 1032px;
}
.chocolate_prd.fruit_alcohol h2::after{
    width: 933px;
    height: 309px;
    background-image: url(../img/2026/title_fruit_alcohol_bg.png);
    background-size: 933px;
}
.chocolate_prd.hokkaido h2::after{
    width: 629px;
    height: 234px;
    background-image: url(../img/2026/title_hokkaido_bg.png);
    background-size: 629px;
}
.chocolate_prd.eatin h2::after{
    width: 589px;
    height: 234px;
    background-image: url(../img/2026/title_eatin_bg.png);
    background-size: 589px;
}
.chocolate_prd.sakurapanda h2::after{
    width: 740px;
    height: 234px;
    background-image: url(../img/2026/title_sakurapanda_bg.png);
    background-size: 740px;
}
.chocolate_prd.limited h2::after{
    width: 662px;
    height: 237px;
    background-image: url(../img/2026/title_limited_bg.png);
    background-size: 662px;
}
.chocolate_prd.guest h2::after{
    width: 662px;
    height: 237px;
    background-image: url(../img/2026/title_guest_bg.png);
    background-size: 662px;
}
.chocolate_prd h2 .en_title{
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    font-size: 43px;
    font-family: "Allura", cursive;
    font-weight: 400;
    font-style: normal;
}
.chocolate_prd.overseas h2 .en_title{
    color: #F06DA4;
}
.chocolate_prd.exciting h2 .en_title{
    color: #ED7948;
}
.chocolate_prd.fruit_alcohol h2 .en_title{
    color: #57AA99;
}
.chocolate_prd.hokkaido h2 .en_title{
    color: #529BEB;
}
.chocolate_prd.eatin h2 .en_title{
    color: #ED7948;
}
.chocolate_prd.sakurapanda h2 .en_title{
    color: #F36DA8;
}
.chocolate_prd.limited h2 .en_title{
    color: #509AE9;
}
.chocolate_prd.guest h2 .en_title{
    color: #ED8259;
}
.chocolate_prd h2 .ja_title{
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #4D1A09;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.12;
    padding: 10px 30px 15px;
    min-width: 370px;
    border-radius: 8px;
    background-color: #fff;
}
.chocolate_prd h2 .ja_title::after{
    content: "";
    display: block;
    width: 73px;
    height: 37px;
    background-image: url(../img/2026/title_fukidashi_ashirai.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -28px;
    right: 10px;
}
.chocolate_prd_inner ul li .chocolate_prd_sub{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 30px 104px;
    margin: 70px 0 0;
}
.chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child img{
    min-width: 166px;
    max-width: 166px;
    width: 100%;
}
.chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div{
    /*max-width: 282px;*/
    max-width: 624px;/*60%*/
    width: 100%;
}
.chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div.block_layout{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 352px;
}
.chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p:first-child{
    color: #4D1A09;
    font-size: 17px;
    font-weight: 700;
}
.chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p:last-child,
.chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p:nth-child(2),
.chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p:nth-child(3){
    color: #4D1A09;
    font-size: 14px;
    margin: 5px 0 0;
}
.chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p.chocolate_prd_note small{
    font-size: 14px;
    color: #4D1A09;
}
.chocolate_prd_inner ul li .chocolate_prd_sub.flex_2column_layout{
    justify-content: flex-start;
}
.chocolate_prd_inner ul li .chocolate_prd_sub.flex_2column_layout .chocolate_prd_sub_child > div{
    max-width: 282px;
}
.chocolate_prd_inner ul li .chocolate_prd_sub.flex_1column_layout{
    align-items: center;
}
.chocolate_prd_inner ul li .chocolate_prd_sub.flex_1column_layout .chocolate_prd_sub_child > div{
    max-width: 282px;
}
.chocolate_prd_inner ul li .chocolate_prd_sub.flex_1column_layout .chocolate_prd_sub_child > div.block_layout{
    max-width: 166px;
}
.chocolate_prd_inner ul li .decolate_pattern{
    position: absolute;
    z-index: 0;
}
.chocolate_prd_inner ul li .decolate_pattern.circle{
    top: 370px;
}
.chocolate_prd_inner ul li .decolate_pattern.heart{
    top: 420px;
}
.chocolate_prd_inner ul li:nth-child(odd) .decolate_pattern{
    left: -130px;
}
.chocolate_prd_inner ul li:nth-child(even) .decolate_pattern{
    right: -130px;
}
@media screen and (max-width:768px){
    .chocolate_prd{
        padding: 11vw 0 20vw;
    }
    .chocolate_prd.exciting{
        padding-top: 18vw;
    }
    .chocolate_prd.fruit_alcohol{
        padding-top: 20vw;
    }
    .chocolate_prd.hokkaido{
        padding-top: 20vw;
    }
    .chocolate_prd.eatin{
        padding-top: 16vw;
    }
    .chocolate_prd.sakurapanda{
        padding-top: 17vw;
    }
    .chocolate_prd.limited{
        padding-top: 17vw;
    }
    .chocolate_prd.guest{
        padding-top: 15vw;
    }
    .chocolate_prd::before{
        top: -6vw;
        height: 7vw;
        background-size: 148vw;
    }
    .chocolate_prd.overseas::before{
        background-image: url(../img/2026/overseas_area_top_sp.png);
    }
    .chocolate_prd.exciting::before{
        background-image: url(../img/2026/exciting_area_top_sp.png);
        background-size: 102vw;
        top: -5vw;
        left: 0;
        height: 5vw;
    }
    .chocolate_prd.fruit_alcohol::before{
        background-image: url(../img/2026/fruit_alcohol_area_top_sp.png);
        background-size: 101vw;
        top: -6vw;
        left: 0;
        height: 7vw;
    }
    .chocolate_prd.hokkaido::before{
        background-image: url(../img/2026/hokkaido_area_top_sp.png);
        background-size: 100vw;
        top: -7vw;
        height: 7vw;
    }
    .chocolate_prd.eatin::before{
        background-image: url(../img/2026/eatin_area_top_sp.png);
        background-size: 100vw;
        top: -6vw;
        height: 7vw;
    }
    .chocolate_prd.sakurapanda::before{
        background-image: url(../img/2026/sakurapanda_area_top_sp.png);
        background-size: 100vw;
    }
    .chocolate_prd.sakurapanda::before{
        background-image: url(../img/2026/sakurapanda_area_top_sp.png);
        background-size: 100vw;
        top: -10vw;
        height: 10vw;
    }
    .chocolate_prd.limited::before{
        background-image: url(../img/2026/limited_area_top_sp.png);
        background-size: 100vw;
        top: -10vw;
        height: 10vw;
    }
    .chocolate_prd.guest::before{
        background-image: url(../img/2026/guest_area_top_sp.png);
        background-size: 100vw;
        top: -10vw;
        height: 10vw;
    }
    .chocolate_prd.other::before{
        background-image: url(../img/2026/other_area_top_sp.png);
        top: -6vw;
        height: 6vw;
        background-size: 100vw;
    }
    .chocolate_prd h2 .en_title{
        width: 100%;
        top: 6.5vw;
        font-size: 7.5vw;
    }
    .chocolate_prd h2 .ja_title{
        min-width: auto;
        font-size: 7.5vw;
        padding: 3vw 5vw 3vw;
        border-radius: 2vw;
    }
    .chocolate_prd h2 .ja_title::after{
        width: 12vw;
        height: 7vw;
        bottom: -5vw;
        right: 2vw;
    }
    .chocolate_prd.overseas h2::after{
        background-image: url(../img/2026/title_overseas_bg_sp.png);
        width: 96vw;
        height: 42vw;
        background-size: 96vw;
        top: 20vw;
    }
    .chocolate_prd.exciting h2::after{
        background-image: url(../img/2026/title_exciting_bg_sp.png);
        width: 100%;
        height: 51vw;
        background-size: 104vw;
        top: 24vw;
    }
    .chocolate_prd.fruit_alcohol h2::after{
        background-image: url(../img/2026/title_fruit_alcohol_bg_sp.png);
        width: 100%;
        height: 47vw;
        background-size: 110vw;
        top: 22vw;
    }
    .chocolate_prd.hokkaido h2::after{
        background-image: url(../img/2026/title_hokkaido_bg_sp.png);
        width: 93vw;
        height: 44vw;
        background-size: 93vw;
        top: 18.5vw;
    }
    .chocolate_prd.eatin h2::after{
        background-image: url(../img/2026/title_eatin_bg_sp.png);
        width: 100%;
        height: 41vw;
        background-size: 93vw;
        top: 25vw;
    }
    .chocolate_prd.sakurapanda h2::after{
        width: 100%;
        height: 37vw;
        background-image: url(../img/2026/title_sakurapanda_bg_sp.png);
        background-size: 102vw;
        top: 19vw;
    }
    .chocolate_prd.limited h2::after{
        background-image: url(../img/2026/title_limited_bg_sp.png);
        width: 100%;
        height: 50vw;
        background-size: 94vw;
        top: 21vw;
    }
    .chocolate_prd.guest h2::after{
        background-image: url(../img/2026/title_guest_bg_sp.png);
        width: 100%;
        height: 46vw;
        background-size: 98vw;
        top: 20vw;
    }
    .chocolate_prd_inner{
        padding: 0 4vw;
    }
    .chocolate_prd_inner ul li:not(:first-child){
        margin-top: 15vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list{
        flex-direction: column;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list .valentine_common_box{
        max-width: 85vw;
        position: inherit;
        bottom: inherit;
        margin-top: -3vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list .valentine_common_box.position_box_exception{
        margin-top: 3vw;
    }
    .chocolate_prd_inner ul li:nth-child(odd) .chocolate_prd_list .valentine_common_box{
        margin-right: 0;
        margin-left: auto;
    }
    .chocolate_prd_inner ul li:nth-child(odd) .chocolate_prd_list .valentine_common_box{
        right: inherit;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list .valentine_common_box .flex_box{
        flex-direction: column;
        gap: 1vw;
        margin: 5vw auto 0;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list .valentine_common_box .flex_box p{
        font-size: 3.8vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list .valentine_common_box .flex_box > img{
        width: 24vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list .valentine_common_box .event_place{
        max-width: 64.5vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list .valentine_common_box .valentine_label{
        width: 4.8vw;
        height: 7.5vw;
        top: -3vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list .valentine_common_box .valentine_label span{
        width: 1.036vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_sub{
        margin: 8vw 0 0;
        flex-direction: column;
        gap: 8vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child{
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 0 4vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child img{
        min-width: 30vw;
        max-width: 30vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div{
        display: contents;
    }
    .chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div.block_layout{
        flex-direction: column;
        max-width: 32vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_sub.flex_1column_layout .chocolate_prd_sub_child > div.block_layout{
        max-width: 32vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p:first-child{
        font-size: 4.2vw;
        line-height: 1.5;
        max-width: 54vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p:last-child,
    .chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p:nth-child(2),
    .chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p:nth-child(3){
        font-size: 3.5vw;
        line-height: 1.6;
        margin: 2vw 0 0;
    }
    .chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p span.mb30{
        display: flex;
        align-items: center;
        min-height: 30vw;
}
    .chocolate_prd_inner ul li .decolate_pattern.circle{
        top: -4vw;
        bottom: inherit;
        width: 33vw;
    }
    .chocolate_prd_inner ul li:nth-child(odd) .decolate_pattern{
        left: inherit;
        right: -10vw;
    }
    .chocolate_prd_inner ul li .decolate_pattern.heart{
        bottom: inherit;
        top: -8vw;
        width: 41vw;
    }
    .chocolate_prd_inner ul li:nth-child(even) .decolate_pattern{
        right: inherit;
        left: -17vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_image{
        max-width: 100%;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list .chocolate_prd_image span img{
        width: 12vw;
        border-radius: 0 !important;
    }
    .chocolate_prd_inner ul li .chocolate_prd_list .chocolate_prd_image > img{
        border-radius: 2vw;
        max-width: 87vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_image.new_mark::after{
        width: 17vw;
        height: 18vw;
        top: 12vw;
        left: 10vw;
    }
    .sakurapanda .chocolate_prd_inner ul li .chocolate_prd_image.new_mark::after{
        top: 3vw;
        left: 6vw;
    }
    .chocolate_prd_inner ul li .chocolate_prd_sub .chocolate_prd_sub_child > div p.chocolate_prd_note small{
        font-size: 3vw;
        margin-top: 3vw;
    }
}
/*****************************

有名シェフ来店

******************************/
.guest .chocolate_prd_inner{
    position: relative;
}
.guest .chocolate_prd_inner::after{
    content: "";
    display: block;
    width: 190px;
    height: 190px;
    background-image: url(../img/2026/circle_dot.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 30px;
    left: -160px;
    z-index: 0;
}
.chocolate_prd_inner ul.chocolate_geust_list{
    position: relative;
    z-index: 1;
    max-width: 756px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10.5%;
}
.chocolate_prd_inner ul.chocolate_geust_list li:not(:first-child){
    margin: 0;
}
.chocolate_prd_inner ul.chocolate_geust_list li{
    width: 44.6%;
}
.chocolate_prd_inner ul.chocolate_geust_list li > img{
    border-radius: 8px;
    overflow: hidden;
}
.chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_box{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 33px;
    margin: 15px 0 0;
}
.chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_box img{
    min-width: 100px;
    max-width: 100px;
    width: 100%;
}
.chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_box p{
    color: #4D1A09;
    text-align: center;
    font-weight: 700;

}
.chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_box > div:first-child p{
    font-size: 14px;
    font-weight: 500;
    margin: 3px 0 0;
}
.chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_info{
    margin: 0 0 15px;
}
.chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_info p:first-child{
    font-size: 18px;
}
.chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_info p:last-child{
    font-size: 16px;
    margin: 10px 0 0;
}
@media screen and (max-width:768px){
    .guest .chocolate_prd_inner{
        margin-top: 10vw;
    }
    .guest .chocolate_prd_inner.chocolate_prd_inner ul.chocolate_geust_list li > img{
        margin-top: 3vw;
    }
    .chocolate_prd_inner ul.chocolate_geust_list{
        flex-direction: column;
        gap: 9vw;
    }
    .chocolate_prd_inner ul.chocolate_geust_list li{
        width: 75vw;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }
    .chocolate_prd_inner ul.chocolate_geust_list li:not(:first-child){
        margin: 0 auto;
    }
    .chocolate_prd_inner ul.chocolate_geust_list li > img{
        order: 2;
    }
    .chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_box{
        display: contents;
    }
    .chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_box > div:first-child{
        order: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 3vw;
        padding: 0 3vw;
    }
    .chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_box img{
        min-width: 25vw;
        max-width: 25vw;
    }
    .chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_box > div:first-child p{
        font-size: 4vw;
        margin: 0 0 0;
    }
    .chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_info{
        order: 3;
    }
    .chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_info p:first-child{
        font-size: 4.2vw;
        margin-top: 2vw;
    }
    .chocolate_prd_inner ul.chocolate_geust_list li .chocolate_geust_info p:last-child{
        font-size: 4vw;
        margin: 0vw 0 0;
    }
    .guest .chocolate_prd_inner::after{
        display: none;
    }
}
/*****************************

その他

******************************/
.chocolate_prd .banner_box{
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}
.chocolate_prd .app_box{
    max-width: 1040px;
    width: 100%;
    margin: 40px auto 0;
    position: relative;
}
.chocolate_prd .app_box img,.chocolate_prd .app_box > p{
    position: relative;
    z-index: 1;
}
.chocolate_prd .app_box > p{
    font-size: 14px;
    line-height: 1.6;
    margin-top: 20px;
    color: #4D1A09;
}
.chocolate_prd .app_box::after{
    content: "";
    display: block;
    width: 209px;
    height: 197px;
    background-image: url(../img/2026/heart_stripe.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    bottom: 120px;
    right: -120px;
}
.chocolate_prd .iframe_box{
    margin: 132px 0 0;
}
.chocolate_prd .iframe_box h2{
    padding-top: 0;
}
.chocolate_prd .iframe_box .ja_title{
    color: #fff;
    background-color: #893E28;
}
.chocolate_prd .iframe_box .ja_title::after{
    background-image: url(../img/2026/title_gift_fukidashi_ashirai.svg);
}
.chocolate_prd .iframe_box .fukidashi_copy{
    padding: 0 15px;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    background-color: #F063A3;
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.chocolate_prd .iframe_box iframe{
    height: 380px;
    margin: 60px 0 0;
}
.chocolate_prd .iframe_box a{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 203px;
    width: 100%;
    height: 58px;
    border-radius: 4px;
    border: 2px solid #3F1608;
    margin: 30px auto 0;
    padding-right: 15px;
    color: #3F1608;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 2px 2px #3F1608;
    background-image: url(../img/2026/btn_arrow_brown.svg);
    background-size: 12px 10px;
    background-position: center right 40px;
    background-repeat: no-repeat;
}
@media screen and (max-width:768px){
    .chocolate_prd.other{
        padding-bottom: 25vw;
        padding-top: 13vw;
        padding-right: 4vw;
        padding-left: 4vw;
    }
    .chocolate_prd .banner_box{
        flex-direction: column;
    }
    .chocolate_prd .app_box{
        margin: 15vw auto 0;
    }
    .chocolate_prd .iframe_box .fukidashi_copy{
        padding: 0 3vw;
        border-radius: 6vw;
        font-size: 4.4vw;
        max-width: 70vw;
        width: 100%;
        top: 9vw;
    }
    .chocolate_prd .iframe_box h2 {
        padding-top: 50px;
    }
    .chocolate_prd .iframe_box .ja_title{
        padding: 6vw 4vw 4vw;
    }
    .chocolate_prd .iframe_box iframe{
        height: 95vw;
        margin: 12vw 0 0;
    }
    .chocolate_prd .iframe_box a{
        max-width: 45vw;
        height: 13vw;
        border-radius: 1.5vw;
        margin: 3vw auto 0;
        padding-right: 7vw;
        font-size: 4vw;
        box-shadow: 2px 2px #3F1608;
        background-size: 3vw 3vw;
        background-position: center right 9vw;
    }
    .chocolate_prd .app_box::after{
        bottom: 335px;
        right: -30px;
        width: 180px;
    }
    .chocolate_prd .app_box > p {
        font-size: 12px;
        line-height: 1.6;
        margin-top: 10px;
    }
}
.insta_area{
    font-family: 'Noto Sans JP', sans-serif;
    max-width: 522px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 0;
}
.insta_area a{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 82px;
    background-image: url(../img/2026/insta_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    text-decoration: none;
}
.insta_area a::after{
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(../img/2026/icon_insta.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 32px;
    transform: translateY(-50%);
}
.insta_area p{
    margin: 20px 0 0;
    font-size: 18px;
    font-weight: 500;
}
@media screen and (max-width:768px){
    .insta_area{
        padding: 14vw 4vw 0;
    }
    .insta_area a{
        font-size: 3.73vw;
        height: 16vw;
    }
    .insta_area a::after{
        width: 5.33vw;
        height: 5.33vw;
    }
    .insta_area p{
        margin: 4vw 0 0;
        font-size: 3.73vw;
        line-height: 6vw;
        text-align: center;
    }
    .Pagetop{
        bottom: 9% !important;
        z-index: 99;
    }
}