@charset "utf-8";

#suntory_contents  {
    font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	font-weight: normal;
    font-display: swap;
    font-feature-settings : "palt";
}
#suntory_contents * {
    -webkit-appearance: none;
}


@font-face {

  font-family:  'Kiwi Maru';
font-weight: normal;
  src: 
 url("../css/font/KiwiMaru--Regular.woff2") format("woff2"),
   url("../css/font/KiwiMaru--Regular.woff") format("woff");
    
}

@font-face {

  font-family:  'Kiwi Maru';
font-weight:500;
  src: 
 url("../css/font/KiwiMaru--Medium.woff2") format("woff2"),
   url("../css/font/KiwiMaru--Medium.woff") format("woff");
    
}

/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:767px){

    #suntory_contents p {
    -webkit-text-size-adjust: 100%;
    }
    .sp_item {
        display: block;
    }
    .pc_item {
        display: none;
    }

    /*------------------------------------------------------------
    [SP] wine_square_header
    ------------------------------------------------------------ */
    #suntory_contents .wine_square_header {
        background: #eef5f8;
        height: 8vw;
    }
    #suntory_contents .wine_square_header p {
        margin: 0 auto;
    }
    #suntory_contents .wine_square_header p a {
        display: block;
        width: 44vw;
        height: 8vw;
        background: url(../img/tl_wine_square.svg) no-repeat 4vw center;
        background-size: 40vw auto;
        text-indent: -9999px;
    }

    /*------------------------------------------------------------
    [SP] tavernello_header
    ------------------------------------------------------------ */
    #suntory_contents .tavernello_header {
        margin: 0 auto;
        height: 13.3333333333333vw;
        position: relative;
    }
    #suntory_contents .tavernello_header h1 a {
        width: 62.666666666666667vw;
        height: 13.3333333333333vw;
        display: block;
        text-indent: -9999px;
        background: url(../img/tl_header.svg) no-repeat 4vw center;
        background-size: 54.8vw auto;
    }
    #suntory_contents .tavernello_header .copy,
    #suntory_contents .tavernello_header .note {
        text-indent: -9999px;
        height: 0;
    }
    #suntory_contents .tavernello_header .btn_menu {
        width: 10vw;
        height: 8vw;
        background: #b49655 url(../img/icon_menu.svg) no-repeat center center;
        background-size: 4.6666666666667vw 2.9333333333333vw;
        border-radius: 1px;
        position: absolute;
        top: 2.6666666666667vw;
        right: 4vw;
        cursor: pointer;
    }


    /*------------------------------------------------------------
    [SP] tavernello_modal
    ------------------------------------------------------------ */
    #suntory_contents .tavernello_modal {
        display: none;
        padding: 8vw 4vw 13.3333333333333vw;
        position: absolute;
        top: 0;
        left:0;
        background: #771133;
        z-index: 1000;
    }
    #suntory_contents .tavernello_modal .btn_close {
        width: 11.3333333333333vw;
        height: 11.3333333333333vw;
        background: url(../img/icon_close_w.svg) no-repeat center center;
        background-size: 3.2vw 3.2vw;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }
    #suntory_contents .tavernello_modal .title {
        padding-bottom: 8vw;
        border-bottom: 0.2666666666667vw #832745 solid;
    }
    #suntory_contents .tavernello_modal .title a {
        margin: 0 auto;
        width: 35.466666666666667vw;
        height: 41.2vw;
        background: url(../img/tl_footer.svg) no-repeat center center;
        background-size: 35.466666666666667vw auto;
        display: block;
        text-indent: -9999px;
    }
    #suntory_contents .tavernello_modal .copy,
    #suntory_contents .tavernello_modal .note {
        text-indent: -9999px;
        height: 0;
    }
    #suntory_contents .tavernello_modal .menu_primary {
        padding: 8vw 0;
        border-bottom: 0.1333333333333vw #660022 solid;
    }
    #suntory_contents .tavernello_modal .menu_primary dt {
        font-size: 5.0666666666667vw;
        font-weight: 400;
        color: #fff;
        text-align: center;
        margin-bottom: 8vw;
    }
    #suntory_contents .tavernello_modal .tavernello_menu {
        margin-bottom: 5.3333333333333vw;
        width: 92vw;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li {
        width: 29.466666666666667vw;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li:nth-child(1),
    #suntory_contents .tavernello_modal .tavernello_menu li:nth-child(4){
        background: url(../img/sp_line_footer.png) no-repeat right 0;
        background-size: 0.2666666666667vw 16.666666666666667vw;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li:nth-child(3),
    #suntory_contents .tavernello_modal .tavernello_menu li:nth-child(6){
        background: url(../img/sp_line_footer.png) no-repeat left 0;
        background-size: 0.2666666666667vw 16.666666666666667vw;
    }

    #suntory_contents .tavernello_modal .tavernello_menu li:nth-child(1),
    #suntory_contents .tavernello_modal .tavernello_menu li:nth-child(2),
    #suntory_contents .tavernello_modal .tavernello_menu li:nth-child(3){
        border-bottom: 0.1333333333333vw #832745 solid;
        margin-bottom: 2.5333333333333vw;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li:nth-child(2),
    #suntory_contents .tavernello_modal .tavernello_menu li:nth-child(5) {
        width: 33.066666666666667vw;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li a,
    #suntory_contents .tavernello_modal .tavernello_menu li .nolink{
        color: #fff;
        display: block;
        text-decoration: none;
        padding-bottom: 2.6666666666667vw;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.spumante picture{
        margin:0 1.7333333333333vw 1.2vw 1.7333333333333vw;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li picture {
        margin: 0 auto 1.7333333333333vw;
        width: 29.466666666666667vw;
        height: 16.8vw;
        display: block;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: relative;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.organico_t picture img {
        width: 13.6666666666667vw;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.organico picture img {
        width: 10.6666666666667vw;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.varietal picture img {
        width: 10.533333333333333vw;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.spumante picture img {
        width: 9.8vw;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.classico picture img {
        width: 10.7vw;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.bio_piccolo picture img {
        width: 10.6666666666667vw;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.piccolo picture img {
        width: 11.6666666666667vw;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li p {
        font-size: 2.9333333333333vw;
        text-align: center;
        line-height: 1.3;
    }
    #suntory_contents .tavernello_modal .btn_calorie_ingredients a {
        margin: 0 auto;
        width: 49.3333333333333vw;
        height: 10.6666666666667vw;
        background: #961e41 url(../img/icon_tri.svg) no-repeat 10vw center;
        background-size: 1.3333333333333vw 2.2666666666667vw;
        border-radius: 5.3333333333333vw;
        color: #fff;
        font-size: 3.7333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-left: 5.6vw;
        text-align: center;
        box-sizing: border-box;
    }
    #suntory_contents .tavernello_modal .menu_secondary {
        padding:8vw 0 0;
    }
    #suntory_contents .tavernello_modal .menu_secondary dt {
        font-size: 5.0666666666667vw;
        font-weight: 400;
        margin-bottom: 8vw;
        color: #fff;
        text-align: center;
    }
    #suntory_contents .tavernello_modal .btn_recipe_list a {
        margin: 0 auto;
        width: 49.3333333333333vw;
        height: 10.6666666666667vw;
        background: #961e41 url(../img/icon_tri.svg) no-repeat 15.3333333333333vw center;
        background-size: 1.3333333333333vw 2.2666666666667vw;
        border-radius: 5.3333333333333vw;
        color: #fff;
        font-size: 3.7333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-left: 5.8666666666667vw;
        text-align: center;
        box-sizing: border-box;
    }

    /*------------------------------------------------------------
    [SP] overlay
    ------------------------------------------------------------ */
    #suntory_contents .overlay {
        width: 100vw;
        height: 100vh;
        background: rgba(165,160,155,.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        display: none;
    }

    /*------------------------------------------------------------
    [SP] tavernello_footer
    ------------------------------------------------------------ */
    #suntory_contents .tavernello_footer {
        background: #BE985E;
    }
    #suntory_contents .tavernello_footer .inner {
        padding: 8vw 4vw 13.3333333333333vw;
    }
 
    #suntory_contents .tavernello_footer .inner h1 a {
        margin: 0 auto;
        width: 66.6666666666667vw;
        height:30vw;
        background: url(../img/tl_footer.svg) no-repeat center center;
        background-size: 50.6666666666667vw auto;
        display: block;
        text-indent: -9999px;
    }
    #suntory_contents .tavernello_footer .copy,
    #suntory_contents .tavernello_footer .note {
        text-indent: -9999px;
        height: 0;
    }
    #suntory_contents .tavernello_footer .menu_primary {
        padding: 8vw 0 12vw;
    }
    #suntory_contents .tavernello_footer .menu_primary dt {
        font-size: 5.0666666666667vw;
        font-weight: 400;
        color: #fff;
        text-align: center;
        margin-bottom: 8vw;
    }
    #suntory_contents .tavernello_footer .tavernello_menu {
        margin-bottom: 5.3333333333333vw;
        width: 92vw;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li {
        width: 29.466666666666667vw;
    }
  
    #suntory_contents .tavernello_footer .tavernello_menu li:nth-child(1),
    #suntory_contents .tavernello_footer .tavernello_menu li:nth-child(2),
    #suntory_contents .tavernello_footer .tavernello_menu li:nth-child(3){

        margin-bottom: 2.5333333333333vw;
    }

    #suntory_contents .tavernello_footer .tavernello_menu li:nth-child(2),
    #suntory_contents .tavernello_footer .tavernello_menu li:nth-child(5) {
        width: 33.066666666666667vw;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li a,
    #suntory_contents .tavernello_footer .tavernello_menu li .nolink {
        color: #fff;
        display: block;
        text-decoration: none;
        padding-bottom: 2.6666666666667vw;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.spumante picture{
        margin:0 1.7333333333333vw 1.2vw 1.7333333333333vw;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li picture {
        margin: 0 auto 1.7333333333333vw;
        width: 29.466666666666667vw;
        height: 20vw;
        display: block;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: relative;
    }

    .newicon{position:relative;}
    .newicon::after{
        content:'';
        width:8vw;
        height:8vw;
        background: url(../img/New_icon.png) no-repeat center;
        background-size: 100%;
        position: absolute;
        top:3%;
        left:10%;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.organicotetrapack picture img {
        width: 10.6666666666667vw;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.organico_t picture img {
        width: 14.6666666666667vw;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.organico picture img {
        width: 10.6666666666667vw;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.varietal picture img {
        width: 10.533333333333333vw;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.spumante picture img {
        width: 10.666666666667vw;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.classico picture img {
        width: 10.8vw;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.bio_piccolo picture img {
        width: 10vw;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.piccolo picture img {
        width: 14vw;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li p {
        font-size: 2.9333333333333vw;
        text-align: center;
        line-height: 1.3;
        height: 7vw;
    }

    #suntory_contents .tavernello_footer .btn_calorie_ingredients a {
        margin: 0 auto;
        width: 49.3333333333333vw;
        height: 10.6666666666667vw;
        background: #961e41 url(../img/icon_tri.svg) no-repeat 10vw center;
        background-size: 1.3333333333333vw 2.2666666666667vw;
        border-radius: 5.3333333333333vw;
        color: #fff;
        font-size: 3.7333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-left: 5.6vw;
        text-align: center;
        box-sizing: border-box;
    }

    #suntory_contents .tavernello_footer .menu_secondary {
        padding:11vw 0 0;
        border-top: 1px solid rgba(255,255,255,0.5);
    }
    #suntory_contents .tavernello_footer .menu_secondary dt {
        font-size: 5.0666666666667vw;
        font-weight: 400;
        margin-bottom: 8vw;
        color: #fff;
        text-align: center;
    }
    #suntory_contents .tavernello_footer .btn_recipe_list a {
        margin: 0 auto;
        width: 49.3333333333333vw;
        height: 10.6666666666667vw;
        background: #961e41 url(../img/icon_tri.svg) no-repeat 15.3333333333333vw center;
        background-size: 1.3333333333333vw 2.2666666666667vw;
        border-radius: 5.3333333333333vw;
        color: #fff;
        font-size: 3.7333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-left: 5.8666666666667vw;
        text-align: center;
        box-sizing: border-box;
    }


    /*------------------------------------------------------------
    [SP] btn_page_top
    ------------------------------------------------------------ */
    #suntory_contents .btn_page_top {
    }
    #suntory_contents .btn_page_top a {
        width: 13.3333333333333vw;
        height: 13.3333333333333vw;
        border-radius: 50%;
        background: rgba(187,51,85,.9) url(../img/arrow_top.png) no-repeat center center;
        background-size: 4.2666666666667vw auto;
        text-decoration: none;
        text-indent: -9999px;
        position: fixed;
        bottom: 5.3333333333333vw;
        right: 2.6666666666667vw;
        z-index: 10000;
    }


    /*------------------------------------------------------------
    [SP] breadcrumbs
    ------------------------------------------------------------ */
    #suntory_contents .breadcrumbs {
 position: relative;
        padding: 0;
    }
    #suntory_contents .breadcrumbs ol {
        margin: 0 4vw;
        padding: 10px 0;
        width: auto;
        list-style: none;
    }
    #suntory_contents .breadcrumbs li {
        font-size: 2.666666666666667vw;
        line-height: 1.5;
        letter-spacing: .075em;
        display: inline;
    }
    #suntory_contents .breadcrumbs li a {
        color: #775200;
        text-decoration: none;
    }
    #suntory_contents .breadcrumbs li a:after {
        margin: 0 1em;
        content: '＞';
        font-size: 2.666666666666667vw;
        line-height: 1;
        color: #000;
    }

    /*------------------------------------------------------------
    [SP] recipe
    ------------------------------------------------------------ */
    #suntory_contents .recipe {
       padding: 15vw 0 18vw;
    }
    #suntory_contents .recipe .title_recipe {
        margin-bottom: 5.3333333333333vw;
        width: 100vw;
    }
    #suntory_contents .recipe .title_recipe a {
        text-decoration: none;
        color: #000;
        display: flex;
        flex-direction: column;
    }
    #suntory_contents .recipe .title_recipe h1 {
        margin: 0 0 6.8vw;
        font-size: 6.6666666666667vw;
        font-weight: bold;
        font-weight: 600;
        text-align: center;
        order: 2;
    }
    #suntory_contents .recipe .title_recipe p {
        margin: 0;
        padding: 0 0 21.3333333333333vw;
        font-size: 4vw;
        line-height: 1.666666666666667;
        color: #800039;
        text-align: center;
        background: url(../img/img_recipe.webp) no-repeat center bottom;
        background-size: 76vw auto;
        order: 3;
    }
    .no-webp #suntory_contents .recipe .title_recipe p {
        background: url(../img/img_recipe.jpg) no-repeat center bottom;
        background-size: 76vw auto;
    }
    #suntory_contents .recipe .title_recipe h2 {
        margin: 0 0 5.4666666666667vw 6.6666666666667vw;
        width: 86.8vw;
        height: 47.466666666666667vw;
        background: url(../img/label_recipe.webp) no-repeat 0 0;
        background-size: 86.8vw auto;
        text-indent: -9999px;
        order: 1;
    }
    .no-webp #suntory_contents .recipe .title_recipe h2 {
        background: url(../img/label_recipe.jpg) no-repeat 0 0;
        background-size: 86.8vw auto;
    }
    #suntory_contents .recipe_list {
        margin-bottom: 8vw;
        list-style: none;
    }
    #suntory_contents .recipe_list li {
        margin: 0 auto 4vw;
        width: 92vw;
        background: #f3f0ed;
    }
    #suntory_contents .recipe_list li:last-child {
        margin: 0 auto;
    }
    #suntory_contents .recipe_list li a {
        padding: 0 0 6.6666666666667vw;
        display: block;
        text-decoration: none;
        color: #000;
    }
    #suntory_contents .recipe_list li a picture {
        margin: 0 auto 5.6vw;
        width: 92vw;
        height: 67.2vw;
        overflow: hidden;
        display: block;
    }
    #suntory_contents .recipe_list li a picture img {
        width: 92vw;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .recipe_list li h3 {
        margin: 0 4vw 5.6vw;
        text-align: center;
        font-size: 4.8vw;
        line-height: 1.5;
    }
    #suntory_contents .recipe_list li .text {
        margin: 0 4vw 6vw;
        text-align: center;
        font-size: 3.4666666666667vw;
        line-height: 1.666666666666667;
    }

    #suntory_contents .recipe_list li .data {
        margin: 0 auto;
        width: 76.666666666666667vw;
        height: 10.6666666666667vw;
        background: #fff;
        border-radius: 5.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #suntory_contents .recipe_list li .data .time {
        background: url(../img/icon_time.svg) no-repeat 0 center;
        background-size: 5.3333333333333vw 5.3333333333333vw;
        padding-left: 6vw;
        margin-right: 3.2vw;
    }
    #suntory_contents .recipe_list li .data .calorie {
        background: url(../img/icon_calorie.svg) no-repeat 0 center;
        background-size: 4.1333333333333vw 5.3333333333333vw;
        padding-left: 5.6vw;
    }
    #suntory_contents .recipe_list li .data p {
        font-size: 3.4666666666667vw;
        line-height: 5.3333333333333vw;
    }

    #suntory_contents .recipe .btn_recipe_list {
        margin: 0 auto;
        width: 50.6666666666667vw;
        height: 10.6666666666667vw;
        border-radius: 5.3333333333333vw;
        background: #961e41;
    }
    #suntory_contents .recipe .btn_recipe_list a {
        margin: 0;
        width: 50.6666666666667vw;
        height: 10.6666666666667vw;
        background:  url(../img/icon_wine.svg) no-repeat 5.3333333333333vw center,
            url(../img/icon_knife_fork.svg) no-repeat right 5.3333333333333vw center;
        background-size: 3.6vw auto,4vw auto;
        border-radius: 5.3333333333333vw;;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 3.7333333333333vw;
        text-decoration: none;
    }
    
#suntory_contents .recipe .title_recipe h1 img{
width: 88%;
}    
    

.products_nav .ec_btn img {
margin:0 2%;
object-fit: contain;
max-width:96% !Important;
height:auto;}

.ec_btn img {
max-width:96% !Important;
height:auto;}


}


/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:300px){

.products_nav .ec_btn img {
width:100px !Important;}


}

/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {
    .sp_item {
        display: none;
    }
    .pc_item {
        display: block;
    }


    /*------------------------------------------------------------
    [PC] wine_square_header
    ------------------------------------------------------------ */
    #suntory_contents .wine_square_header {
        background: #eef5f8;
        height: 35px;
    }
    #suntory_contents .wine_square_header p {
        margin: 0 auto;
        width: 1160px;
    }
    #suntory_contents .wine_square_header p a {
        display: block;
        width: 220px;
        height: 35px;
        background: url(../img/tl_wine_square.svg) no-repeat 9px center;
        background-size: 202px auto;
        text-indent: -9999px;
    }

    /*------------------------------------------------------------
    [PC] tavernello_header
    ------------------------------------------------------------ */
    #suntory_contents .tavernello_header {
        margin: 0 auto;
        width: 1160px;
        height: 80px;
        position: relative;
    }
    #suntory_contents .tavernello_header h1 a {
        width: 380px;
        height: 80px;
        display: block;
        text-indent: -9999px;
        background: url(../img/tl_header.svg) no-repeat 9px center;
        background-size: 360px auto;
    }
    #suntory_contents .tavernello_header .copy,
    #suntory_contents .tavernello_header .note {
        text-indent: -9999px;
    }
    #suntory_contents .tavernello_header .btn_menu {
        width: 55px;
        height: 40px;
        background: #b49655 url(../img/icon_menu.svg) no-repeat center center;
        background-size: 25px 18px;
        border-radius: 1px;
        position: absolute;
        top: 20px;
        right: 0;
        cursor: pointer;
    }

    /*------------------------------------------------------------
    [PC] tavernello_modal
    ------------------------------------------------------------ */
    #suntory_contents .tavernello_modal {
        display: none;
        width: 1220px;
        height: 470px;
        position: absolute;
        top: 80px;
        left: calc(50% - 610px);
        background: #fff;
        z-index: 1000;
    }
    #suntory_contents .tavernello_modal .btn_close {
        width: 24px;
        height: 24px;
        background: url(../img/icon_close.svg) no-repeat 0 0;
        background-size: 24px 24px;
        position: absolute;
        top: 38px;
        right: 45px;
        cursor: pointer;
    }
    #suntory_contents .tavernello_modal .title a {
        width: 218px;
        height: 252px;
        background: url(../img/tl_menu.svg) no-repeat 0 0;
        background-size: 218px auto;
        display: block;
        text-indent: -9999px;
        position: absolute;
        top: 69px;
        left: 66px;
    }
    #suntory_contents .tavernello_modal .copy,
    #suntory_contents .tavernello_modal .note {
        text-indent: -9999px;
    }


    #suntory_contents .tavernello_modal .menu_primary {
        width: 780px;
        height: 250px;
        position: absolute;
        top: 70px;
        left: 350px;
        border-bottom: 1px #ebe6e1 solid;
    }
    #suntory_contents .tavernello_modal .menu_primary dt {
        font-size: 18px;
        line-height: 40px;
        font-weight: 400;
        color: #000;
        margin-bottom: 20px;
    }
    #suntory_contents .tavernello_modal .tavernello_menu {
        width: 840px;
        height: 190px;
        list-style: none;
        display: flex;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li {
        width: 130px;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li a,
    #suntory_contents .tavernello_modal .tavernello_menu li .nolink {
        color: #961e41;
        text-decoration: none;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.spumante picture{
        margin-bottom: 13px;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li picture {
        margin-bottom: 20px;
        width: 130px;
        height: 116px;
        display: block;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        background: url(../img/line_modal.png) no-repeat right 0;
        background-size: 1px 116px;
        position: relative;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li:first-child picture {
        background: url(../img/line_modal.png) no-repeat right 0,
                    url(../img/line_modal.png) no-repeat 0 0;
        background-size: 1px 116px,1px 116px;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.organico_t picture img {
        width: 84px;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.organico picture img {
        width: 76px;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.varietal picture img {
        width: 76px;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.spumante picture img {
        width: 69px;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.classico picture img {
        width: 78px;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.bio_piccolo picture img {
        width: 79px;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li.piccolo picture img {
        width: 78px;
        height: auto;
    }
    #suntory_contents .tavernello_modal .tavernello_menu li p {
        font-size: 15px;
        text-align: center;
        line-height: 1.3;
    }
    #suntory_contents .tavernello_modal .btn_calorie_ingredients a {
        width: 170px;
        height: 40px;
        background: #961e41 url(../img/icon_tri.svg) no-repeat 20px center;
        background-size: 5px 8px;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-left: 22px;
        position: absolute;
        top: 0;
        left: 580px;
        text-align: center;
        box-sizing: border-box;
    }
    #suntory_contents .tavernello_modal .btn_calorie_ingredients a:hover {
        background: #880033 url(../img/icon_tri.svg) no-repeat 20px center;
        background-size: 5px 8px;
    }

    #suntory_contents .tavernello_modal .menu_secondary {
        width: 750px;
        height: 40px;
        position: absolute;
        top: 360px;
        left: 350px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .tavernello_modal .menu_secondary dt {
        font-size: 18px;
        font-weight: 400;
        line-height: 40px;
        color: #2d2823;
    }
    #suntory_contents .tavernello_modal .btn_recipe_list a {
        width: 170px;
        height: 40px;
        background: #961e41 url(../img/icon_tri.svg) no-repeat 20px center;
        background-size: 5px 8px;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-left: 22px;
        box-sizing: border-box;
    }
    #suntory_contents .tavernello_modal .btn_recipe_list a:hover {
        background: #880033 url(../img/icon_tri.svg) no-repeat 20px center;
        background-size: 5px 8px;
    }

    /*------------------------------------------------------------
    [PC] overlay
    ------------------------------------------------------------ */
    #suntory_contents .overlay {
        width: 100%;
        height: 100%;
        background: rgba(165,160,155,.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        display: none;
    }


    /*------------------------------------------------------------
    [PC] tavernello_footer
    ------------------------------------------------------------ */
    #suntory_contents .tavernello_footer {
        background: #BE985E;
    }
    #suntory_contents .tavernello_footer .inner {
        margin: 0 auto;
        width: 1160px;
        height: 480px;
        position: relative;
    }
    #suntory_contents .tavernello_footer .inner h1 a {
        width: 249px;
        height: 286px;
        background: url(../img/tl_footer.svg) no-repeat 0 0;
        background-size: 249px auto;
        display: block;
        text-indent: -9999px;
        position: absolute;
        top: 45%;
        left: 0;
    }
    #suntory_contents .tavernello_footer .copy,
    #suntory_contents .tavernello_footer .note {
        text-indent: -9999px;
    }

    #suntory_contents .tavernello_footer .menu_primary {
        width: 840px;
        height: 290px;
        position: absolute;
        top: 50px;
        left: 320px;
    
    }
    #suntory_contents .tavernello_footer .menu_primary dt {
        font-size: 20px;
        line-height: 40px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 70px;
    }
    #suntory_contents .tavernello_footer .tavernello_menu {
        width: 840px;
        height: 190px;
        list-style: none;
        display: flex;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li {
        width: 140px;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li a,
    #suntory_contents .tavernello_footer .tavernello_menu li .nolink{
        color: #fff;
        text-decoration: none;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.spumante picture{
        margin-bottom: 12px;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li picture {
        margin-bottom: 20px;
        width: 140px;
        height: 116px;
        display: block;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: relative;
    }
 
    #suntory_contents .tavernello_footer .tavernello_menu li.organicotetrapack picture img {
        width: 78px;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.organico_t picture img {
        width: 111px;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.organico picture img {
        width: 78px;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.varietal picture img {
        width: 78px;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.spumante picture img {
        width: 72px;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.classico picture img {
        width: 82px;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.bio_piccolo picture img {
        width: 72px;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li.piccolo picture img {
        width: 104px;
        height: auto;
    }
    #suntory_contents .tavernello_footer .tavernello_menu li p {
        font-size: 15px;
        height: 38px;
        text-align: center;
        line-height: 1.3;
        padding-bottom: 15px;
        
    }
	
    #suntory_contents .contents_sustainability_f .tavernello_footer .tavernello_menu li p {
        font-size: 15px;
        height: 53px;
        text-align: center;
        line-height: 1.3;
        padding-bottom: 15px;
		
	}

    #suntory_contents .tavernello_footer .btn_calorie_ingredients a {
        width: 170px;
        height: 40px;
        background: #961e41 url(../img/icon_tri.svg) no-repeat 20px center;
        background-size: 5px 8px;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-left: 22px;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        box-sizing: border-box;
    }
    #suntory_contents .tavernello_footer .btn_calorie_ingredients a:hover {
        background: #880033 url(../img/icon_tri.svg) no-repeat 20px center;
        background-size: 5px 8px;
    }

    #suntory_contents .tavernello_footer .menu_secondary {
        width: 840px;
        height: 136px;
        position: absolute;
        top: 390px;
        left: 320px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .tavernello_footer .menu_secondary dt {
        font-size: 20px;
        font-weight: 400;
        line-height: 40px;
        color: #fff;
    }
    #suntory_contents .tavernello_footer .btn_recipe_list a {
        width: 170px;
        height: 40px;
        background: #961e41 url(../img/icon_tri.svg) no-repeat 20px center;
        background-size: 5px 8px;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-left: 22px;
        box-sizing: border-box;
    }
    #suntory_contents .tavernello_footer .btn_recipe_list a:hover {
        background: #880033 url(../img/icon_tri.svg) no-repeat 20px center;
        background-size: 5px 8px;
    }

    .newicon{position:relative;}
    .newicon::after{
        content:'';
        width:40px;
        height:40px;
        background: url(../img/New_icon.png) no-repeat center;
        background-size: 40px 40px;
        position: absolute;
        top:3%;
        left:10%;
    }

    /*------------------------------------------------------------
    [PC] btn_page_top
    ------------------------------------------------------------ */
    #suntory_contents .btn_page_top a {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: rgba(187,51,85,.9) url(../img/arrow_top.png) no-repeat center center;
        background-size: 32px auto;
        text-decoration: none;
        text-indent: -9999px;
        position: fixed;
        bottom: 100px;
        right: 100px;
        z-index: 10000;
    }


    /*------------------------------------------------------------
    [PC] breadcrumbs
    ------------------------------------------------------------ */
 
    #suntory_contents .breadcrumbs ol {
        margin: 0 auto;
        padding: 10px 0;
        width: 1160px;
        list-style: none;
        position: relative;
    }
    #suntory_contents .breadcrumbs li {
        font-size: 12px;
        line-height: 1.5;
        display: inline;
    }
    #suntory_contents .breadcrumbs li a {
        position: relative;
        margin-right: 25px;
        color: #775200;
        text-decoration: none;
    }
    #suntory_contents .breadcrumbs li a:hover {
        text-decoration: underline;
    }
    #suntory_contents .breadcrumbs li a:after {
        content: '＞';
        font-size: 10px;
        line-height: 1.5;
        position: absolute;
        top: 0;
        right: -20px;
        color: #000;
    }


    /*------------------------------------------------------------
    [PC] recipe
    ------------------------------------------------------------ */
    #suntory_contents .recipe {
        margin: 0 auto 0;
        padding: 120px 0 100px;
        width: 1160px;
    }
    #suntory_contents .recipe .title_recipe {
        margin-bottom: 40px;
        padding: 30px 0 0;
        position: relative;
    }
    #suntory_contents .recipe .title_recipe a {
        text-decoration: none;
        color: #000;
    }
    #suntory_contents .recipe .title_recipe h1　 {
        margin: 0 0 50px 80px;

    }
    
    
    #suntory_contents .recipe .title_recipe h1 img {
 width: 480px;
            margin: 0 0 30px 80px;  

    }
    
    #suntory_contents .recipe .title_recipe p {
        margin: 0 0 0 80px;
        padding: 0 0 140px;
        font-size: 20px;
        color: #800039;
        background: url(../img/img_recipe.webp) no-repeat 0 bottom;
        background-size: 490px auto;
    }
    .no-webp #suntory_contents .recipe .title_recipe p {
        background: url(../img/img_recipe.jpg) no-repeat 0 bottom;
        background-size: 490px auto;
    }
    #suntory_contents .recipe .title_recipe h2 {
        width: 528px;
        height: 288px;
        background: url(../img/label_recipe.webp) no-repeat 0 0;
        background-size: 528px auto;
        text-indent: -9999px;
        position: absolute;
        top: 0;
        left: 630px;
    }
    .no-webp #suntory_contents .recipe .title_recipe h2 {
        background: url(../img/label_recipe.jpg) no-repeat 0 0;
        background-size: 528px auto;
    }

    #suntory_contents .recipe_list {
        margin-bottom: 40px;
        display: flex;
        flex-wrap: wrap;
        list-style: none;
    }
    #suntory_contents .recipe_list li {
        width: 360px;
        background: #f3f0ed;
        margin: 0 40px 40px 0;
        padding-bottom: 80px;
        position: relative;
    }
    #suntory_contents .recipe_list li:nth-child(3n) {
        margin: 0 0 40px 0;
    }
    #suntory_contents .recipe_list li:hover {
        background: #f6ebd2;
    }
    #suntory_contents .recipe_list li a {
        padding: 0 0 0;
        display: block;
        text-decoration: none;
        color: #000;
    }
    #suntory_contents .recipe_list li a picture {
        margin: 0 auto;
        width: 360px;
        height: 263px;
        overflow: hidden;
        display: block;
    }
    #suntory_contents .recipe_list li a picture img {
        width: 360px;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .recipe_list li h3 {
        margin: 0 20px;
        height: 110px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        line-height: 1.5;
    }
    #suntory_contents .recipe_list li .text {
        margin: 0 20px 25px;
        text-align: center;
        font-size: 15px;
        line-height: 1.666666666666667;
    }

    #suntory_contents .recipe_list li a:hover h3 {
        text-decoration: underline;
    }

    #suntory_contents .recipe_list li .data {
        margin: 0 auto;
        width: 340px;
        height: 50px;
        background: #fff;
        border-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;

        position: absolute;
        bottom: 30px;
        left: 10px;
    }
    #suntory_contents .recipe_list li .data .time {
        background: url(../img/icon_time.svg) no-repeat 0 center;
        background-size: 20px 20px;
        padding-left: 35px;
        margin-right: 22px;
    }
    #suntory_contents .recipe_list li .data .calorie {
        background: url(../img/icon_calorie.svg) no-repeat 0 center;
        background-size: 17px 21px;
        padding-left: 29px;
    }
    #suntory_contents .recipe_list li .data p {
        font-size: 14px;
        line-height: 21px;
    }
    #suntory_contents .recipe .btn_recipe_list {
        margin: 0 0 0 auto;
        width: 260px;
        height: 50px;
        border-radius: 25px;
        background: #961e41;
    }
    #suntory_contents .recipe .btn_recipe_list a {
        margin: 0 0 0 auto;
        width: 260px;
        height: 50px;
        background:  url(../img/icon_wine.svg) no-repeat 30px center,
            url(../img/icon_knife_fork.svg) no-repeat right 30px center;
        background-size: 18px auto,20px auto;
        border-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
    }
    #suntory_contents .recipe .btn_recipe_list:hover {
        background-color: #880033;
    }


}