/* mv section*/
#outdoor .site-header .main-header .gnav .button-primary.btn_buy_now{
    display: none;
}
#outdoor .mv_description {
    width: 100%;
    padding: 55px 0 25px;
}

#outdoor .mv_description .txt_common {
    text-align: center;
}

#outdoor .txt_common {
    font-size: 15px;
    color: #555555;
    text-align: left;
    line-height: 1.7;
    margin-bottom: 25px;
}

#outdoor .inner {
    width: 83.15789%;
    max-width: 1122px;
    margin: 0 auto;
    position: relative;
}

#outdoor .section_common {
    width: 100%;
    padding: 55px 0;
    position: relative;
}

#outdoor .section_common .img_sec {
    width: 100%;
}

#outdoor .section_common .img_sec img {
    width: 100%;
    height: auto;
}

#outdoor .txt_description {
    padding: 70px 0 10px;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

#outdoor.outdoor2 .origami_section .txt_description{
    padding-top: 50px;
}

#outdoor .common_subttl {
    font-size: 32px;
    font-weight: normal;
    color: #3b3a35;
    text-align: center;
}

#outdoor .sub_ttl {
    margin: 0 0 30px 55px;
}

#outdoor .sub_ttl:before {
    content: "";
    display: block;
    margin: 0 20px 10px 0;
    width: 40px;
    height: 3px;
    background-color: #004F34;
    position: relative;
    left: -65px;
    top: 30px;
}

#outdoor .txt_description .txt_common {
    margin-left: 55px;
}

/*end mv section*/

/*morning_section*/
#outdoor .morning_section {
    background-color: #faf7f5;
    position: relative;
}

#outdoor .img_coffee {
    width: 164px;
    position: absolute;
    top: -6%;
    right: 11%;
}

#outdoor .img_coffee01 {
    width: 120px;
    position: absolute;
    bottom: 32px;
    left: 24%;
}

#outdoor.outdoor2 .img_coffee01{
    bottom: -1%
}

#outdoor .morning_section .ttl_section:before {
    content: "";
    display: inline-block;
    margin-bottom: 14px;
    width: 70px;
    height: 3px;
    background-color: #004F34;
}

#outdoor .morning_section .ttl_section .ttl_morning {
    display: block;
    font-size: 32px;
    color: #3b3a35;
    line-height: 1.6;
    margin-bottom: 10px;
}

#outdoor .common_detail_section {
    width: 67%;
    margin-left: 33%;
}

#outdoor .img_holiday {
    width: 100%;
    margin: 20px 0 40px;
}

/*end morning_section*/

/*origami section*/
#outdoor .origami_section {
    position: relative;
    padding: 62px 0 40px;
}
#outdoor .origami_section .common_subttl{
    text-align: left;
}
#outdoor.outdoor2 .origami_section .common_subttl{
    letter-spacing: -1px;
}

#outdoor.outdoor2 .origami_section .common_subttl sup{
    vertical-align: super;
}

#outdoor .origami_section:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -37px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 350px 0px 0 700px;
    z-index: -1;
    border-color: #f2efed transparent transparent transparent;
    transform: rotate(-540deg);
}

#outdoor .origami_section .img_bicycle {
    width: 180px;
    right: 11%;
    bottom: 0;
    position: absolute;
}

#outdoor.outdoor2 .origami_section .img_sunflower {
    width: 136px;
    right: 20%;
    bottom: -3%;
    position: absolute;
}

/* end origami section*/

/*point_section*/

#outdoor .point_section.bg_point:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 485px;
    border-style: solid;
    border-width: 485px 0px 0 0;
    z-index: -1;
    border-color: #faf7f5 transparent transparent transparent;
}

#outdoor .right_point {
    width: 67%;
    margin-left: 33%;
}

#outdoor .point_section.bg_point {
    padding: 60px 0 55px;
}

#outdoor .point_section {
    padding: 60px 0 0px;
}

#outdoor .ttl_point {
    font-size: 32px;
    color: #3b3a35;
    margin-bottom: 40px;
}

#outdoor .ttl_point .txt_point {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 30px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

#outdoor.outdoor2 .point_section .box .txt_common{
    width: 60%;
}

#outdoor .ttl_point .num {
    font-size: 60px;
    font-family: 'Lato', sans-serif;
    color: #3b3a35;
    font-weight: lighter;
    top: 20px;
    left: 5px;
    position: relative;
}

#outdoor .box .txt_common {
    margin-bottom: 50px;
}

#outdoor .ttl_point .txt_point:after {
    content: "";
    display: block;
    margin: 3px 0 0;
    width: 43px;
    height: 3px;
    background-color: #004F34;
}

#outdoor .point_section.bg_point .img_bag {
    position: absolute;
    bottom: -45px;
    left: 26%;
    width: 108px;
}
#outdoor.outdoor2 .point_section.bg_point .img_bag{
     bottom: -15px;
}

/*end point_section*/

/*coffee_outdoor*/
#outdoor .coffee_outdoor {
    padding: 80px 0 40px;
}

#outdoor .coffee_outdoor .sub_ttl:before {
    left: -60px;
}

#outdoor .coffee_outdoor .sub_ttl {
    text-align: left;
    margin: 0 0 30px 50px;
}

#outdoor .common_grid {
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;

}

#outdoor.outdoor2 .coffee_outdoor .txt_description{
    padding-top: 35px;
}

#outdoor .grid_02 {
    width: 50%;
    position: relative;
}

#outdoor .grid_02 .img_coffe_drink01 {
    width: 540px;
}

#outdoor.outdoor2 .grid_02 .img_coffe_drink01{
    width: 500px;
}

#outdoor .grid_02 .txt_common.txt_drinkdetail {
    padding: 50px 120px 50px 0;
    font-weight: 600;
}

#outdoor.outdoor2 .grid_02 .txt_common.txt_drinkdetail{
    margin-bottom: 0;
}

#outdoor .img_bird {
    position: absolute;
    width: 175px;
    bottom: -35px;
    right: 130px;
}

#outdoor.outdoor2 .img_bird{
    position: absolute;
    width: 214px;
    bottom: 0;
    right: 130px;
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    #outdoor.outdoor2 .grid_02 .txt_common.txt_drinkdetail {
        padding: 50px 120px 50px 10px;
        margin-bottom: 25px;
    }
    #outdoor.outdoor2 .img_bird {
        position: absolute;
        width: 175px;
        bottom: -35px;
        right: 130px;
    }
}

#outdoor .recommended_coffee:after {
    content: "";
    position: absolute;
    top: 0;
    left: -37px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 330px 1968px 0 0;
    z-index: -1;
    border-color: #f2efed transparent transparent transparent;
}

/*end coffee_outdoor*/

/*recommended_coffee*/
#outdoor .recommended_coffee {
    padding: 50px 0 60px;
}
#outdoor .recommended_coffee .common_subttl{
    margin-bottom: 10px;
}

#outdoor .txt_detail {
    font-size: 20px;
    color: #3b3a35;
    text-align: center;
}

#outdoor .item_section {
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 0 0;
}

#outdoor .img_section {
    width: 40%;
    text-align: center;
}
#outdoor .img_section img{
    width: 185px;
}
#outdoor.outdoor2 .img_section img{
    width: 145px;
}
#outdoor .img_section .img_item02{
    width: 100%;
    padding-top: 22px;
}
#outdoor.outdoor2 .img_section .img_item02{
    width: 96%;
    padding-top: 0;
}
#outdoor .detail_section {
    width: 60%;
    max-width: 270px;
    margin: 0 auto;
}


#outdoor .button-primary {
    font-size: 20px;
    width: 270px;
    height: 53px;
    border-radius: 27px;
    line-height: 2;
}

/*recommended_coffee*/


/*urban_outdoor*/
#outdoor .section_common.urban_outdoor {
    position: relative;

}

#outdoor .section_common.urban_outdoor:after {
    content: "";
    width: 100%;
    height: 334px;
    background: url(/sites/default/files/Starbucksathome/assets/img/outdoor/bg_urban_pc.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
}

#outdoor .section_common.urban_outdoor {
    padding: 0 0 80px;
    margin-top: 80px;
}

#outdoor .section_common.urban_outdoor .urban_ttl {
    width: 460px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    padding: 60px 0;
}

#outdoor .section_common.urban_outdoor .txt_common {
    text-align: center;
    margin-bottom: 40px;
}

#outdoor .section_common.urban_outdoor .txt_urban {
    text-align: left;
}

#outdoor .section_common.urban_outdoor .button-primary {
    width: 285px;
    position: relative;
    padding-right: 30px;
}

#outdoor .section_common.urban_outdoor .button-primary:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 10px;
    background: url(/sites/default/files/Starbucksathome/assets/img/outdoor/icon_detail.png) no-repeat;
    background-size: auto;
    background-size: 100% auto;
    cursor: pointer;
    position: absolute;
    right: 60px;
    top: 18px;
}
#outdoor .section_common.urban_outdoor .button-primary:hover:after{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 10px;
    background: url(/sites/default/files/Starbucksathome/assets/img/outdoor/icon_detail_hover.png) no-repeat;
    background-size: auto;
    background-size: 100% auto;
    cursor: pointer;
    position: absolute;
    right: 60px;
    top: 18px;
}

#outdoor .img_outdoor {
    width: 98%;
    position: relative;
    margin-bottom: 20px;
}

#outdoor .outdoor02 .img_outdoor,
#outdoor .outdoor02 .txt_common {
    margin-left: 2%;
}

#outdoor .img_ttl_outdoor01,
#outdoor .img_ttl_outdoor02 {
    height: auto;
    position: absolute;
    top: 30px;
    left: 0;
}

#outdoor .img_ttl_outdoor01 {
    width: 226px;
}

#outdoor .img_ttl_outdoor02 {
    width: 230px;
}

/* -----------------------------------------------
 Tablet
----------------------------------------------- */
@media screen and (max-width: 1024px) and (min-width: 768px) {

    #outdoor .mv_description {
        width: 100%;
        padding: 7.161vw 0 3.255vw;
    }


    #outdoor .txt_common {
        font-size: 1.953vw;
        margin-bottom: 3.255vw;
    }

    #outdoor .inner {
        width: 77.9%;
        margin: 0 auto;
    }

    #outdoor.outdoor2 .inner{
        width: 86%;
        margin: 0 auto;
    }

    #outdoor .section_common {
        width: 100%;
        padding: 7.161vw 0;
        position: relative;
    }

    #outdoor .section_common .img_sec {
        width: 100%;
    }

    #outdoor .section_common .img_sec img {
        width: 100%;
        height: auto;
    }

    #outdoor .txt_description {
        padding: 5.208vw 0 1.302vw;
        width: 100%;
        max-width: 92.02%;
        margin: 0 auto;
    }

    #outdoor .common_subttl {
        font-size: 4vw;
    }

    #outdoor .sub_ttl {
        margin: 0 0 3.906vw 7vw;
    }

    #outdoor .sub_ttl:before {
        content: "";
        display: block;
        margin: 0 2.604vw 1.302vw 0;
        width: 5.208vw;
        height: 0.391vw;
        position: relative;
        left: -8vw;
        top: 3.906vw;
    }

    #outdoor .txt_description .txt_common {
        margin-left: 7.161vw;
    }

    /*end mv section*/

    /*morning_section*/
    #outdoor .morning_section {
        background-color: #faf7f5;
        position: relative;
    }

    #outdoor .img_coffee {
        width: 21.354vw;
        position: absolute;
        top: -6%;
        right: 5vw;
    }

    #outdoor .img_coffee01 {
        width: 15.625vw;
        position: absolute;
        bottom: 4.167vw;
        left: 15vw;
    }

    #outdoor .morning_section .ttl_section:before {
        content: "";
        display: inline-block;
        margin-bottom: 1.823vw;
        width: 9.115vw;
        height: 0.391vw;
    }

    #outdoor .morning_section .ttl_section .ttl_morning {
        display: block;
        font-size: 4.167vw;
        line-height: 1.6;
        margin-bottom: 1.302vw;
    }

    #outdoor .common_detail_section {
        width: 67%;
        margin-left: 33%;
    }

    #outdoor .img_holiday {
        margin: 2.604vw 0 5.208vw;
    }

    /*end morning_section*/

    /*origami section*/
    #outdoor .origami_section {
        position: relative;
        padding: 8.073vw 0 5.208vw;
    }

    #outdoor .origami_section:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -4.818vw;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 45.573vw 0px 0 91.146vw;
        z-index: -1;
        border-color: #f2efed transparent transparent transparent;
        transform: rotate(-540deg);
    }

    #outdoor .origami_section .img_bicycle {
        width: 23.438vw;
        right: 10%;
        bottom: 0;
        position: absolute;
    }
    #outdoor.outdoor2 .origami_section .img_sunflower {
        width: 17.708vw;
        right: 14%;
        bottom: -4%;
    }

    /* end origami section*/

    /*point_section*/

    #outdoor .point_section.bg_point:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 35.641vw;
        border-style: solid;
        border-width: 35.641vw 0 0 0;
        z-index: -1;
    }

    #outdoor .right_point {
        width: 67%;
        margin-left: 33%;
    }

    #outdoor .point_section.bg_point {
        padding: 7.813vw 0 7.161vw;
    }

    #outdoor .point_section {
        padding: 7.813vw 0 0;
    }

    #outdoor .ttl_point {
        font-size: 4vw;
        margin-bottom: 5.208vw;
    }

    #outdoor .ttl_point .txt_point {
        font-size: 2.344vw;
        display: inline-block;
        margin-bottom: 2.604vw;
    }

    #outdoor.outdoor2 .point_section .box .txt_common{
        width: 100%;
    }

    #outdoor .ttl_point .num {
        font-size: 7.813vw;
    }

    #outdoor .box .txt_common {
        margin-bottom: 6.510vw;
    }

    #outdoor .ttl_point .txt_point:after {
        content: "";
        display: block;
        margin: 1.172vw 0 0;
        width: 5.599vw;
        height: 0.391vw;
    }

    #outdoor .point_section.bg_point .img_bag {
        position: absolute;
        bottom: -5.859vw;
        left: 18.510vw;
        width: 14.063vw;
    }

    /*end point_section*/

    /*coffee_outdoor*/
    #outdoor .coffee_outdoor {
        padding: 10.417vw 0 5.208vw;
    }

    #outdoor .coffee_outdoor .sub_ttl:before {
        left: -7.813vw;
    }

    #outdoor .coffee_outdoor .sub_ttl {
        margin: 0 0 3.906vw 6.510vw;
    }

    #outdoor .common_grid {
        width: 100%;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1.953vw;

    }

    #outdoor .grid_02 {
        width: 49%;
        position: relative;
    }
    #outdoor.outdoor2 .grid_02{
         width: 50%;
    }
    #outdoor .grid_02.outdoor02{
         margin-left: 1%;
    }
    #outdoor.outdoor2 .grid_02.outdoor01,
    #outdoor.outdoor2 .grid_02.outdoor02{
        width: 49%;
    }
    #outdoor .grid_02.outdoor01{
         margin-right: 1%;
     }

    #outdoor .grid_02 .img_coffe_drink01 {
        width: 70.313vw;
    }

    #outdoor.outdoor2 .grid_02 .img_coffe_drink01{
        width: 41vw;
    }

    #outdoor .grid_02 .txt_common.txt_drinkdetail {
        padding: 6.510vw 1.625vw 20.51vw 0;
    }

    #outdoor .img_bird {
        position: absolute;
        width: 23.438vw;
        bottom: 1.302vw;
        right: 2.625vw;
    }

    #outdoor.outdoor2 .img_bird {
        position: absolute;
        width: 27.865vw;
        bottom: 0;
        right: 0;
    }

    #outdoor .recommended_coffee:after {
        content: "";
        position: absolute;
        top: 0;
        left: -4.818vw;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 42.969vw 256.250vw 0 0;
        z-index: -1;
        border-color: #f2efed transparent transparent transparent;
    }

    /*end coffee_outdoor*/

    /*recommended_coffee*/
    #outdoor .recommended_coffee {
        padding: 6.510vw 0 7.813vw;
    }
    #outdoor .recommended_coffee .common_subttl{
        margin-bottom: 1.604vw;
    }

    #outdoor .txt_detail {
        font-size: 2.604vw;
    }
    #outdoor.outdoor2 .recommended_coffee .txt_detail {
       letter-spacing: -0.27vw;
    }

    #outdoor .item_section {
        width: 100%;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 5vw 2% 0;
    }

    #outdoor .img_section {
        width: 40%;
    }
    #outdoor .img_section img{
        width: 100%;
    }
    #outdoor .img_section .img_item02{
        width: 100%;
        padding-top: 1vw;
    }
    #outdoor.outdoor2 .img_section .img_item02{
        width: 100%;
    }
    #outdoor .detail_section {
        width: 60%;
        max-width: 100%;
    }

    #outdoor.outdoor2 .item_section .detail_section.item_02_detail .txt_common{
        margin-bottom: 6.5vw;
    }


    #outdoor .button-primary {
        font-size: 2vw;
        width: 100%;
        height: 5.8vw;
        border-radius: 3.516vw;
        line-height: 2.2;
    }

    /*recommended_coffee*/


    /*urban_outdoor*/

    #outdoor .section_common.urban_outdoor:after {
        content: "";
        width: 100%;
        height: 43.490vw;
        background: url(/sites/default/files/Starbucksathome/assets/img/outdoor/bg_urban_pc.png) center no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
    }

    #outdoor .section_common.urban_outdoor {
        padding: 0 0 10.417vw;
    }

    #outdoor .section_common.urban_outdoor .urban_ttl {
        width: 59.89vw;
        margin: 0 auto;
        position: relative;
        z-index: 10;
        padding: 7.813vw 0;
    }

    #outdoor .section_common.urban_outdoor .txt_common {
        margin-bottom: 5.208vw;
    }

    #outdoor .section_common.urban_outdoor .txt_urban {
        text-align: left;
    }

    #outdoor .section_common.urban_outdoor .button-primary {
        width: 37.10%;
        position: relative;
        padding-right: 4.906vw;
    }

    #outdoor .section_common.urban_outdoor .button-primary:after {
        content: "";
        display: inline-block;
        width: 1.823vw;
        height: 1.823vw;
        margin-left: 1.302vw;
        background: url(/sites/default/files/Starbucksathome/assets/img/outdoor/icon_detail.png) no-repeat;
        background-size: auto;
        background-size: 100% auto;
        cursor: pointer;
        position: absolute;
        right: 9.208vw;
        top: 1.8vw;
    }
    #outdoor .section_common.urban_outdoor .button-primary:hover:after {
        content: "";
        display: inline-block;
        width: 1.823vw;
        height: 1.823vw;
        margin-left: 1.302vw;
        background: url(/sites/default/files/Starbucksathome/assets/img/outdoor/icon_detail_hover.png) no-repeat;
        background-size: auto;
        background-size: 100% auto;
        cursor: pointer;
        position: absolute;
        right: 9.208vw;
        top: 1.8vw;
    }

    #outdoor .img_outdoor {
        width: 100%;
        position: relative;
        margin-bottom: 2.604vw;
    }

    #outdoor .outdoor02 .img_outdoor,
    #outdoor .outdoor02 .txt_common {
        margin-left: 0%;
    }

    #outdoor .img_ttl_outdoor01,
    #outdoor .img_ttl_outdoor02 {
        height: auto;
        position: absolute;
        top: 4.167vw;
        left: 0;
    }

    #outdoor .img_ttl_outdoor01 {
        width: 29.42%;
    }

    #outdoor .img_ttl_outdoor02 {
        width: 29.94%;
    }
}

/* -----------------------------------------------
 SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
    /* mv section*/

    #outdoor .mv_description {
        width: 100%;
        padding: 7.333vw 4vw 14vw;
    }

    #outdoor .mv_description .txt_common {
        text-align: left;
    }

    #outdoor .txt_common {
        font-size: 3.646vw;
        line-height: 1.6;
        margin-bottom: 4.667vw;
    }

    #outdoor .inner {
        width: 91.84%;
        margin: 0 auto;
    }

    #outdoor .section_common {
        width: 100%;
        padding: 11.667vw 0 7vw;
        position: relative;
    }

    #outdoor.outdoor2 .morning_section{
        padding-bottom: 16vw;
    }

    #outdoor .txt_description {
        padding: 6vw 0 0;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    #outdoor.outdoor2 .coffee_outdoor .txt_description {
        padding-top: 6vw;
    }
    #outdoor .common_subttl {
        font-size: 5.990vw;
        text-align: left;
    }
    #outdoor .recommended_coffee .common_subttl {
        margin-bottom: 4vw;
    }
     #outdoor .recommended_coffee .txt_common{
         font-size: 3.125vw;
     }

    #outdoor .sub_ttl {
        margin: 0 0 7.813vw 15vw;
    }

    #outdoor .sub_ttl:before {
        content: "";
        display: block;
        margin: 0 2.604vw 1.302vw 0;
        width: 11.068vw;
        height: 0.781vw;
        position: relative;
        left: -15vw;
        top: 5vw;
    }

    #outdoor .txt_description .txt_common {
        margin-left: 0;
    }

    /*end mv section*/

    /*morning_section*/
    #outdoor .img_coffee {
        width: 23.438vw;
        top: -10vw;
        right: 5vw;
    }

    #outdoor .img_coffee01 {
        width: 23.438vw;
        bottom: -8vw;
        left: unset;
        right: 5vw;
    }
    #outdoor.outdoor2 .img_coffee01 {
        width: 33.333vw;
        bottom: -3%;
    }

    #outdoor .morning_section .ttl_section:before {
        content: "";
        display: inline-block;
        margin-bottom: 3.510vw;
        width: 18.068vw;
        height: 0.781vw;
    }

    #outdoor .morning_section .ttl_section .ttl_morning {
        display: block;
        font-size: 5.990vw;
        line-height: 1.6;
        margin-bottom: 6.417vw;
    }

    #outdoor .common_detail_section {
        width: 100%;
        margin-left: 0%;
    }

    #outdoor .img_holiday {
        margin: 7.417vw 0 8vw;
    }

    /*end morning_section*/

    /*origami section*/
    #outdoor .origami_section {
        padding: 15vw 0 8vw;
    }

    #outdoor .origami_section:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -4.818vw;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 46vw 0px 0 97vw;
        z-index: -1;
        border-color: #f2efed transparent transparent transparent;
        transform: rotate(-540deg);
    }

    #outdoor .origami_section .img_bicycle {
        width: 35.438vw;
        right: 4vw;
        bottom: -15vw;
    }
    #outdoor.outdoor2 .origami_section .img_sunflower {
        width: 26.533vw;
        right: 6%;
        bottom: -6.5%;
        position: absolute;
    }

    /* end origami section*/

    /*point_section*/
    #outdoor .point_section.bg_point {
        padding: 9vw 0;
    }

    #outdoor .point_section {
        padding: 4vw 0 0;
    }

    #outdoor .point_section.bg_point:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 88.146vw;
        border-style: solid;
        border-width: 88.146vw 0 0 0;
        z-index: -1;
        border-color: #f2efed transparent transparent transparent;
    }

    #outdoor .point_section .inner .box {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }

    #outdoor .point_section .inner {
        width: 100%;
    }

    #outdoor .point_section .common_ttl_point {
        width: 89.84%;
        margin: 0 auto;
    }

    #outdoor .right_point {
        width: 88%;
        margin-left: 12%;
        margin-bottom: 3vw;
    }

    #outdoor .point_section .txt_common {
        margin: 0 2.4% 0 12%;
    }

    #outdoor.outdoor2 .point_section .box .txt_common {
        width: 84.53%;
        max-width: 634px;
    }

    #outdoor .ttl_point {
        font-size: 5.990vw;
        margin-bottom: 5.859vw;
    }

    #outdoor .ttl_point .txt_point {
        font-size: 3.906vw;
        display: inline-block;
        margin-bottom: 25px;
    }

    #outdoor .ttl_point .num {
        font-size: 10.417vw;
        top: 3vw;
    }

    #outdoor .ttl_point .txt_point:after {
        content: "";
        display: block;
        margin: 1.302vw 0 0;
        width: 9.6vw;
        height: 0.5vw;
        background-color: #004F34;
    }

    #outdoor .point_section.bg_point .img_bag {
        position: absolute;
        left: unset;
        right: 4vw;
        bottom: -13vw;
        width: 18.229vw;
    }

    #outdoor.outdoor2 .point_section.bg_point .img_bag {
        bottom: -8vw;
        right: 10vw;
    }

    /*end point_section*/

    /*coffee_outdoor*/
    #outdoor .coffee_outdoor {
        padding: 18vw 0 10vw;
    }

    #outdoor .coffee_outdoor .sub_ttl {
        margin: 0 0 8vw 16vw;
    }

    #outdoor .coffee_outdoor .sub_ttl::before {
        left: -15vw;
    }

    #outdoor .common_grid {
        width: 100%;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        margin-bottom: 5.859vw;

    }

    #outdoor .grid_02 {
        width: 100%;
    }

    #outdoor .grid_02 .img_coffe_drink01 {
        width: 100%;
        margin-bottom: 7vw;
    }

    #outdoor .grid_02 .txt_common.txt_drinkdetail {
        padding: 0;
        font-weight: bold;
        margin-bottom: 24vw;
    }

    #outdoor.outdoor2 .grid_02 .txt_common.txt_drinkdetail {
        margin-bottom: 24vw;
    }

    #outdoor .img_bird {
        position: absolute;
        width: 32.438vw;
        right: 5vw;
        bottom: -4vw;
    }

    #outdoor.outdoor2 .img_bird {
        position: absolute;
        width: 40.267vw;
        bottom: -4%;
        right: 2%;
    }

    #outdoor .recommended_coffee:after {
        content: "";
        position: absolute;
        top: 0;
        left: -4.818vw;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 100vw 256.250vw 0 0;
        z-index: -1;
        border-color: #f2efed transparent transparent transparent;
    }

    /*end coffee_outdoor*/

    /*recommended_coffee*/

    #outdoor .txt_detail {
        font-size: 3.646vw;
    }

    #outdoor .recommended_coffee .common_subttl {
        text-align: center;
    }

    #outdoor .item_section {
        width: 100%;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 6vw 0 0;

    }

    #outdoor .item_section.first_item {
        margin-bottom: 20vw;
    }


    #outdoor .img_section {
        width: 45%;
    }
    #outdoor .img_section img{
         width: 32.800vw;
    }

    #outdoor.outdoor2 .img_section img {
        width: 25.600vw;
    }

    #outdoor .img_section .img_item02{
        padding: 0;
        width: 32.800vw;
    }

    #outdoor.outdoor2 .img_section .img_item02{
        width: 100%;
    }

    #outdoor .detail_section {
        width: 55%;
        max-width: 50vw;
    }

    #outdoor .button-primary {
        font-size: 3.125vw;
        width: 35.156vw;
        height: 8vw;
        border-radius: 3.516vw;
        line-height: 1.6;
    }

    /*recommended_coffee*/
    /*urban_outdoor*/
    #outdoor .section_common.urban_outdoor {
        padding: 10vw 0 19vw;
        margin-top: 13vw;
    }

    #outdoor .section_common.urban_outdoor:after {
        content: "";
        width: 100%;
        height: 105vw;
        background: url(/sites/default/files/Starbucksathome/assets/img/outdoor/bg_urban_sp.png) center no-repeat;
        background-size: cover;
        position: absolute;
        overflow: hidden;
        top: 0;
    }

    #outdoor .section_common.urban_outdoor .txt_common {
        position: relative;
        z-index: 10;
        margin-bottom: 12vw;
        text-align: left;
    }

    #outdoor .section_common.urban_outdoor .urban_ttl {
        width: 100%;
        margin: 0 auto 8vw;
        position: relative;
        z-index: 10;
        padding: 0;
    }

    #outdoor .section_common.urban_outdoor .txt_urban {
        margin-bottom: 12vw;
    }

    #outdoor .img_outdoor {
        width: 100%;
        position: relative;
        margin-bottom: 5.255vw;
    }

    #outdoor .outdoor02 .img_outdoor,
    #outdoor .outdoor02 .txt_common {
        margin-left: 0%;
    }

    #outdoor .img_ttl_outdoor01,
    #outdoor .img_ttl_outdoor02 {
        height: auto;
        position: absolute;
        top: 3.906vw;
        left: 0;
    }

    #outdoor .img_ttl_outdoor01 {
        width: 29.427vw;
        left: unset;
        right: 0;
    }

    #outdoor .img_ttl_outdoor02 {
        width: 29.948vw;
    }

    #outdoor .section_common.urban_outdoor .button-primary {
        width: 60vw;
        font-size: 4.800vw;
        height: 11.813vw;
        border-radius: 5.516vw;
        padding-right: 9vw;
        line-height: 1.8;
    }

    #outdoor .section_common.urban_outdoor .button-primary::after {
       content: "";
       display: inline-block;
       width: 3.867vw;
       height: 3.867vw;
       margin-left: 1.333vw;
       right: 10vw;
       top: 4vw;
    }
    #outdoor .section_common.urban_outdoor .button-primary:hover:after {
        content: "";
        display: inline-block;
        width: 3.867vw;
        height: 3.867vw;
        margin-left: 1.333vw;
        right: 10vw;
        top: 4vw;
    }
}

.outdoor-carousel {
  padding: 50px 0;
}
.slick-list {
  padding: 0!important;
}
@media screen and (max-width: 767px) {
  .outdoor-carousel {
    padding: 25px 5%;
    /* width: 91%; */
    /* margin: 0 auto; */
  }
}

.txt_outdoor_note {
  display: block;
  font-size: 86%;
  margin-top: 0.5em;
}


#outdoor .button-primary {
    display: block;
    padding-top: 4px;
}