@charset "Shift_JIS";

#info_contents {margin-bottom:0!important;}
.body_sph .contents_main {margin: 0;}

#pd_202411mix{
    text-align: center;
}

/*---------------------------------------------------------------------
共通
---------------------------------------------------------------------*/

#pd_202411mix .bg-pdmix{
    padding: 2em 1em;
    background:linear-gradient(90deg, #fcf4a9 0%, #fcf4a9 50%, #ffeaec 50%, #ffeaec 100% );
/*    display: flex;
    justify-content: center;
    width: 100%;
    height: 400px;*/
}


/*---------------------------------------------------------------------
大　インクルード　共通
--------------------------------------------------------------------- */

#pd_202411mix .contents01 .include_box{
    background-image: url("image/contents01__include-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 2em 1em;
}


#pd_202411mix .contents04 .include_box{
    background-image: url("image/contents04__include-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 2em 1em;
}

/*PDMIXパックの画像*/

.body_pc #pd_202411mix .include_box a:nth-child(1)>img{
    width:85%;
    margin: 5em 0 2em 0;
}


.body_sph #pd_202411mix .include_box a:nth-child(1)>img{
    margin: 1em 0;
}



/*インクルード部分*/
#pd_202411mix .include_box .goods_set{
    font-size: 1.5em;
    font-weight: bold;
}

.body_sph #pd_202411mix .include_box .goods_set{
    font-size: 1em;
    font-weight: bold;
}


#pd_202411mix .include_box .img_box{
    display: none;
}


.body_sph #pd_202411mix .include_box{
    padding: 2em;
}


/*CTAボタン*/
#pd_202411mix .include_box .cta_b{
    width: 80%;
    margin: 2em 0;
}

.body_sph #pd_202411mix .include_box .cta_b{
    margin: 1em 0;
}


/*---------------------------------------------------------------------
小　インクルード　共通
--------------------------------------------------------------------- */
#pd_202411mix .include_box-small{
    margin: 2em 0;
    padding: 1em;
    background-color: #FEEAEC;
}


#pd_202411mix .include_box-small .goods_set{
    overflow: visible;
    margin-bottom: 0;
}


#pd_202411mix .include_box-small .goods_set .copy{
    display: none;
}

#pd_202411mix .include_box-small .btn p,
#pd_202411mix .include_box-small .btn img{
    visibility: hidden;
}

#pd_202411mix .include_box-small .btn a{
    padding: 2em 2em 2em 0;
}

#pd_202411mix .include_box-small .btn{
    background-image: url("image/cta_b.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 1em;
    margin-left: auto;
    width: 40%;
}

.body_sph #pd_202411mix .include_box-small .btn{
    padding: 0;
    width: 100%;
    height: 2em;
}



/*---------------------------------------------------------------------
CTA　＼数量限定／お得なキャンペーン中！
--------------------------------------------------------------------- */

#pd_202411mix .cta_box {
    background-image: url("image/cta__bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 2em;
    position: relative;
    z-index: 1;
}

#pd_202411mix .cta_box> img:nth-child(1){
    width: 80%;
    padding: 2em;
}

#pd_202411mix .cta_box .cta__text-box{
    width: 50%;
    text-align: left;
}

#pd_202411mix .cta_box .cta_box-spec{
    background-color: #FFE8EA;
    padding: 2em;
}

#pd_202411mix .cta_box-spec .cta_a{
    margin-top: 2em;
}

#pd_202411mix .cta_box .cta_cp{
    margin: 2em 0;
}

#pd_202411mix .cta_box .cta__image01{
    position: absolute;
    width: 30%;
    right: 0;
    top: 19%;
    
}

#pd_202411mix .cta_box .cta__image02{
    position: absolute;
    width: 25%;
    left: 0;
    top: 60%;
    z-index: -1;
}

/*-----スマホ-----*/
.body_sph #pd_202411mix .cta_box, .body_sph #pd_202411mix .cta_box .cta_box-spec{
    padding: 1em;
}

.body_sph #pd_202411mix .cta_box-spec .cta_a{
    margin-top: 1em;
}

.body_sph #pd_202411mix .cta_box> img:nth-child(1){
    width: 100%;
    padding: 1em 0;
}

.body_sph #pd_202411mix .cta_box .cta__text-box{
    width: 70%;
}


/*---------------------------------------------------------------------
contents01
---------------------------------------------------------------------*/

.body_pc #pd_202411mix .contents01 .bg-pdmix >img {
    width:85%;
    margin: 2em 0;
}


/*---------------------------------------------------------------------
contents02
---------------------------------------------------------------------*/

#pd_202411mix .contents02 {
    padding: 2em 0;
}


#pd_202411mix .contents02 .contents02__flavor-box1 >img{
    margin-bottom: 5em;
}

.body_sph #pd_202411mix .contents02 .contents02__flavor-box1 >img,
.body_sph #pd_202411mix .contents02 .contents02__flavor-box2 >img:nth-child(1){
    margin-bottom: 2em;
}

#pd_202411mix .contents02 .contents02__flavor-box2{
    padding: 0 3em 3em 3em;
}

.body_sph #pd_202411mix .contents02 .contents02__flavor-box2{
    padding: 0 1em;
}

#pd_202411mix .contents02 .contents02__flavor-box2 >img:nth-child(1){
    margin-bottom: 3em;
}

/*---------------------------------------------------------------------
contents04
---------------------------------------------------------------------*/

#pd_202411mix .contents04 .bg-pdmix >img{
    margin-bottom: 2em;
}


#pd_202411mix .contents04 .bg-pdmix .attention{
    text-align: left;
}

#pd_202411mix .contents04 .include_box a:nth-child(1)>img{
    width: 85%;
    margin: 8em 0 6em 0;
}

.body_sph #pd_202411mix .contents04 .include_box a:nth-child(1)>img{
    margin: 4em 0 1em 0;
}