@charset "utf-8";


  
/*------------------------------------------------------------
animation
------------------------------------------------------------ */





.tv_mvfadeIn{
animation-name:MVfadeInAnime;
  opacity:0;
  animation-duration: 4s; 
  animation-fill-mode: forwards; 
}

@keyframes MVfadeInAnime{
0% {
  opacity: 0;
}
90% {
 opacity: 1;
}
 100% {
  opacity: 1;
} 
}


/*---左斜め上---*/

.tv_fadeanime-a_set{
opacity: 0;
  transform: translate(-70px, -70px);  
transition: all 1s ease-in-out;
transition-delay: 0.2s;  }

.tv_fadeanime-a_reset{
opacity: 1;
  transform: translate(0,0);}

.tv_fadeanime-d_set{
opacity: 0;
  transform: translate(-50px, -50px);  
transition: all 0.8s ease-out; }

.tv_fadeanime-d_reset{
opacity: 1;
  transform: translate(0,0);}

.tv_fadeanime-g_set{
opacity: 0;
  transform: translate(-30px, -90px);     
transition: all 1.5s ease;
transition-delay: 0.5s;  }

.tv_fadeanime-g_reset{
opacity: 1;
  transform: translate(0,0);}

.tv_fadeanime-i_set{
opacity: 0;
  transform: translate(-30px, -60px);     
transition: all 1.5s ease;
transition-delay: 0.8s;  }

.tv_fadeanime-i_reset{
opacity: 1;
  transform: translate(0,0);}


/*---右斜め上---*/

.tv_fadeanime-c_set{
opacity: 0;
transform: translate(20px,-50px);
transition: all 1.2s ease;
transition-delay: 0.5s;  }

.tv_fadeanime-c_reset{
opacity: 1;
  transform: translate(0,0);}

.tv_fadeanime-e_set{
opacity: 0;
 transform: translate(50px,-80px);
transition: all 1.2s ease-out; }

.tv_fadeanime-e_reset{
opacity: 1;
  transform: translate(0,0);}

.tv_fadeanime-f_set{
opacity: 0;
 transform: translate(10px,-30px);
transition: all 0.8s ease-out;
transition-delay: 0.5s;  }

.tv_fadeanime-f_reset{
opacity: 1;
  transform: translate(0,0);}

/*---上---*/

.tv_fadeanime-b_set{
opacity: 0;
  transform: translateY(-20px);
transition: all 1.2s ease-in-out;
transition-delay: 0.5s;  }

.tv_fadeanime-b_reset{
opacity: 1;
  transform: translate(0,0);}

.tv_fadeanime-h_set{
opacity: 0;
  transform: translateY(-20px);
transition: all 1.2s ease-in-out;
transition-delay: 0.7s;  }

.tv_fadeanime-h_reset{
opacity: 1;
  transform: translate(0,0);}




/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {

    /*------------------------------------------------------------
    [PC] main_visual
    ------------------------------------------------------------ */
    
    
.slidenote{
position: relative;
}

.slidenote p.note{
position: absolute;
bottom: 2.5%;   
left: 1.2%;
color: white;
  
}

.slidenote p.note span {
        margin: 0 0 5px 10px;
        background: url(../img/icon_eu.svg) no-repeat 0 center;
        background-size: 19px 13px;
        padding-left: 24px;
        display: block;
        color: white;
    font-size: 0.5vw;  
    }


    
    
    
    #suntory_contents .main_visual {
        margin: 0 auto;
        width: 100%;
        min-width: 1160px;
        height: 520px;
        position:relative;
        overflow: hidden;
    }
    #suntory_contents .main_visual .slide_container {
        position: absolute;
        top: 0;
        left: calc(50% - 1740px);
        margin: 0 auto;
        width: 3480px;
        height:520px;
    }
    #suntory_contents .main_visual .slide_container .slide {
        width:1160px;
        position:relative;
    }

    #suntory_contents .main_visual .slide_container .slide::before {
        content: '';
        background: rgba(255,255,255,.5);
        width: 1160px;
        height: 520px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    
    #suntory_contents .main_visual .slide_container .slide.slick-current::before {
        display: none;
    }
    
    #suntory_contents .main_visual picture,
    #suntory_contents .main_visual figure{
        width:1160px;
        height: 520px;
         cursor:pointer;
    }
    
    
    #suntory_contents .main_visual picture img,
    #suntory_contents .main_visual figure img{
        vertical-align: bottom;
        width: 1160px;
        height:520px;
       
        
    }
    #suntory_contents .main_visual .slide_divided {
        display: flex;
        width:100%;
        background:#f5f2f0;
    }
    #suntory_contents .main_visual .slide_divided .label {
        width: 348px;
        height: 520px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #suntory_contents .main_visual .slide_divided .label .name {
        margin-bottom: 25px;
/*      text-indent: -99999px;*/
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 150px;
        height: 36px;
    }
    #suntory_contents .main_visual .slide_divided .label .organico {
        background: url(../img/top/tl_organico.svg) no-repeat center center;
        background-size: 106px 24px;
    }
    #suntory_contents .main_visual .slide_divided .label .varietal {
        background: url(../img/top/tl_varietal.svg) no-repeat center center;
        background-size: 99px 24px;
    }
    #suntory_contents .main_visual .slide_divided .label .classico {
        background: url(../img/top/tl_classico.svg) no-repeat center center;
        background-size: 98px 24px;
    }
    #suntory_contents .main_visual .slide_divided .label .bio_piccolo {
        background: url(../img/top/tl_bio_piccolo.svg) no-repeat center center;
        background-size: 129px 24px;
    }
    #suntory_contents .main_visual .slide_divided .label .piccolo {
        background: url(../img/top/tl_piccolo.svg) no-repeat center center;
        background-size: 86px 24px;
    }
    #suntory_contents .main_visual .slide_divided .label .spumante {
        width: 100%;
        height: 59px;
        background: url(../img/top/tl_spumante.svg) no-repeat center center;
        background-size: 112px 59px;
    }
    #suntory_contents .main_visual .slide_divided .label h2 {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 40px;
    }
    #suntory_contents .main_visual .slide_divided .label .text {
        margin-bottom: 35px;
        font-size: 16.5px;
        font-weight:300;
        line-height: 1.764705882352941;
        text-align: center;
        letter-spacing: -.025em;
    }
    #suntory_contents .main_visual .slide_divided .label .text .sup {
        font-size: 10px;
        vertical-align: top;
        line-height: 17px;
    }

    #suntory_contents .main_visual .slide_divided .label .btn_detail a {
        margin: 0 auto 29px;
        width: 130px;
        height: 40px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #961e41;
        text-decoration: none;
        background: #fff url(../img/icon_tri_red.svg) no-repeat 24px center;
        background-size: 5px auto;
        padding-left: 19px;
        box-sizing: border-box;
    }
    #suntory_contents .main_visual .slide_divided .label .btn_detail a:hover {
        background: #d9caaa url(../img/icon_tri_red.svg) no-repeat 24px center;
        background-size: 5px auto;
    }
    #suntory_contents .main_visual .slide_divided .label .btn_shop a {
        margin: 0 auto;
        width: 180px;
        height: 42px;
        border-radius: 21px;
        background: #961e41 url(../img/icon_cart.svg) no-repeat 21px center;
        background-size: 20px auto;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 35px;
        box-sizing: border-box;
    }
    #suntory_contents .main_visual .slide_divided .label .btn_shop a:hover {
        background: #880033 url(../img/icon_cart.svg) no-repeat 21px center;
        background-size: 20px auto;
    }

    #suntory_contents .main_visual .slide_divided picture {
        width: 812px;
        height: 520px;
        overflow: hidden;
    }
    #suntory_contents .main_visual .slide_divided picture img {
        width: 812px;
        height: auto;
    }


    #suntory_contents .main_visual .slide_divided .label {
        display: none;
    }
    #suntory_contents .main_visual .slide_divided picture {
        width: 1160px;
        position: relative;
        opacity: .4;
    }
    #suntory_contents .main_visual .slide_divided picture img {
        width: 1160px;
        height: auto;
        position: absolute;
        top: calc(50% - 406px);
    }
    #suntory_contents .main_visual .slide_container .slide.slick-current .label {
        display: flex;
    }
    #suntory_contents .main_visual .slide_container .slide_divided.slick-current picture {
        width: 812px;
        opacity: 1;
    }
    #suntory_contents .main_visual .slide_container .slide_divided.slick-current picture img {
        width: 812px;
        height: auto;
        top: 0;
    }


    /*------------------------------------------------------------
    [PC] products_nav
    ------------------------------------------------------------ */
    #suntory_contents .products_nav {
        margin: 0 auto;

          background-color: #BE985E;
    }
    #suntory_contents .products_nav ul {
        list-style: none;
        display: flex;
        margin: 0 auto;
            width: 1160px;
    }
    #suntory_contents .products_nav ul li {
        width: 190px;
        margin-left: 2px;
        position: relative;
    }
    
 img.tv_navdes-a {
 position: absolute;

width:25px;
height: 25px;
    top:10px;
left: 7px;
    }
    
     img.tv_navdes-b {
 position: absolute;

width:25px;
height: 25px;
    bottom:10px;
right: 7px;
    }
    

    
    #suntory_contents .products_nav ul li:first-child::before {
         content: '';
    width: 1px;
    height: 90%;
    background: rgba(255,255,255,0.3);
    position: absolute;
    top: 5%;
    bottom: 5%;
        left: -2px;
    }
    #suntory_contents .products_nav ul li::after {
    content: '';
    width: 1px;
    height: 90%;
    background: rgba(255,255,255,0.3);
    position: absolute;
    top: 5%;
    bottom: 5%;
    right: -2px;
    }


    #suntory_contents .products_nav ul li a,
    #suntory_contents .products_nav ul li .nolink {
        display: block;
        text-decoration: none;
        padding: 19px 0 0;
        height: 210px;
        box-sizing: border-box;
    }




    #suntory_contents .products_nav ul li a:hover {
        background: #C8A97A;
        transition: 0.3s ease;
        background-size: 2px 215px;
    }

    #suntory_contents .products_nav ul li.organico {
        width: 193px;
    }
    #suntory_contents .products_nav ul li.piccolo {
        width: 193px;
    }
    #suntory_contents .products_nav ul li picture {
        margin-bottom: 10px;
        height: 70%;
        width: auto;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    #suntory_contents .products_nav ul li.spumante picture{margin-bottom: 8px;}
    #suntory_contents .products_nav li.organico picture img {
    height:95%;
    object-fit: contain;
    }
    #suntory_contents .products_nav li.varietal picture img {
         height:95%;
    object-fit: contain;
    }
    #suntory_contents .products_nav li.spumante picture img {
       height:95%;
    object-fit: contain;
    }
    #suntory_contents .products_nav li.classico picture img {
    height:95%;
    object-fit: contain;
    }
    #suntory_contents .products_nav li.bio_piccolo picture img {
    height:95%;
    object-fit: contain;
    }
    #suntory_contents .products_nav li.piccolo picture img {
        height:95%;
    object-fit: contain;
    }
    
    #suntory_contents .products_nav ul li p {
      font-size: 15px;
    text-align: center;
    text-decoration: none;
    color: white;
    line-height: 1.3;
    height: 24%;    
    display: flex;
    justify-content: center;
    align-items: center;
}
    
    }
    #suntory_contents .products_nav ul li a:hover p {
        color: #fff;
    }

    /*------------------------------------------------------------
    [PC] news
    ------------------------------------------------------------ */
    #suntory_contents #news {
    padding-bottom: 130px;
    }


    #suntory_contents #news h2 {
        padding: 60px 0 131px;
        margin: 0 auto;
        width: 1160px;
        text-align: center;
    }

    #suntory_contents #news .slide_wrap {
        margin: -73px auto 0;
        width: 100%;
        min-width: 1160px;
        position: relative;
        overflow: hidden;
    }

    #suntory_contents #news .slick-list {
        max-width: 1050px;
        margin: 0 auto;
        padding: 0!important;
        overflow: hidden;
    }

    #suntory_contents #news a {
        display: block;
        width: 310px;
        margin: 0 auto;
        color: #000;
        text-decoration: none;
        line-height: 28px;
    }

    #suntory_contents #news picture {
        width: 310px;
    }

    #suntory_contents #news .slide_text {
        position: relative;
        width: 270px!important;
        min-height: 148px;
        padding: 14px 20px;
        background: #f3f0ed;
    }

    #suntory_contents #news .slide_text:after {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: url(/wine/special/tavernello/common/img/top/slider_icon_link.svg) no-repeat;
    }

    #suntory_contents #news a.blank .slide_text:after {
        content: "";
        display: block;
        width: 18px;
        height: 17px;
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: url(/wine/special/tavernello/common/img/top/slider_icon_link_blank.svg) no-repeat;
    }

    #suntory_contents #news a:hover .slide_text {
        background: #f6ebd2;
    }

    #suntory_contents #news .date {
        display: block;
        font-size: 0.9rem;
        color: #a5a09b;
        margin-top: 5px;
    }

    #suntory_contents #news .slick-prev {
        background: #C79F62 url(/wine/special/tavernello/common/img/top/icon_prev.svg) no-repeat 15px center;
    }

    #suntory_contents #news .slick-next {
        background: #C79F62 url(/wine/special/tavernello/common/img/top/icon_next.svg) no-repeat 15px center;
    }


.contents_tavernello{
background-color: #FFFDE4;    
}


    /*------------------------------------------------------------
    [PC] lead
    ------------------------------------------------------------ */
    #suntory_contents .lead {
    padding: 100px 0 95px;
   background-color: #FFFDE4;
        background-size: auto 640px,10px 640px;

    }
 

#suntory_contents .lead .inner{
display: flex;
    margin: 0 auto;
    width: 1160px;
}

#suntory_contents .lead .inner .lead_a{
position: relative;
width: 45%;
margin-right: 10px;
}

#suntory_contents .lead .inner .lead_b{
width: 58%;
 position: relative;
}

#suntory_contents .lead .inner .lead_b .tv_no1_wrap{
width: 450px;
right: 0;
position: absolute;
}

#suntory_contents .lead .inner .lead_a-a{
position: absolute;
width: 180px;    
z-index: 30;
bottom: 2%;
right: 30%;    
}

#suntory_contents .lead .inner .lead_a-b{
position: absolute;
width: 180px;    
z-index: 29;
bottom: 15%;
right: 13%;        
}


#suntory_contents .lead .inner .lead_a-c{
position: absolute;
 width: 300px;    
z-index: 29;
top: -3%;
left: 12%;    
}


 /*--hidaripizza-----*/
#suntory_contents .lead .inner .lead_a-d{
position: absolute;
     width: 70px;    
z-index: 28;
top: 10%;
right: 31%; 
}

 /*--migipizza-----*/
#suntory_contents .lead .inner .lead_a-e{
position: absolute;
     width: 70px;    
z-index: 28;
top: 28%;
left: 16%;        
}

 /*--pasta-----*/
#suntory_contents .lead .inner .lead_a-f{
position: absolute;
     width: 140px;    
z-index: 28;
bottom: 16%;
left: 25%;      
}

 /*--migiibudo-----*/
#suntory_contents .lead .inner .lead_a-g{
position: absolute;
     width: 90px;    
z-index: 28;
bottom: 25%;
right: 12%;   
}

 /*--hidarishirobudo-----*/
#suntory_contents .lead .inner .lead_a-h{
position: absolute;
     width: 30px;    
z-index: 28;
bottom: 12%;
right: 24%; 
}

 /*--migishirobudo-----*/
#suntory_contents .lead .inner .lead_a-i{
position: absolute;
  width: 60px;    
z-index: 28;
bottom: 8%;
left: 32%; 
}

 /*-chizu-----*/
#suntory_contents .lead .inner .lead_a-j{
position: absolute;
           width: 340px;    
z-index: 24;
bottom: 2%;
left: -9%;   
    
}

#suntory_contents .lead .inner .lead_a-k{
position: absolute;
           width: 80px;    
z-index: 24;
bottom: 20%;
left: 14%;      
}

#suntory_contents .lead .inner .lead_a-l{
position: absolute;
 width: 40px;    
z-index: 24;
bottom: 45%;
left: 24%;   }

#suntory_contents .lead .inner .lead_a-m{
position: absolute;
           width: 100px;    
z-index: 24;
top: 0%;
left: 0%;   }

#suntory_contents .lead .inner .lead_a-o{
position: absolute;
 width: 28px;    
z-index: 24;
bottom: 15%;
left: 19%;   }

#suntory_contents .lead .inner .lead_a-p{
position: absolute;
 width: 80px;    
z-index: 24;
top: 16%;
right: 15%;   }

#suntory_contents .lead .inner .lead_a-q{
position: absolute;
 width: 45px;    
z-index: 24;
top: 2%;
right: 26%;   }

#suntory_contents .lead .inner .lead_a img{
width: 100%;
    object-fit: contain;
   
}


    #suntory_contents .lead h1 {
        margin-bottom: 25px;
        font-size: 36px;
         letter-spacing: -0.03em;
        line-height: 1.4;
        font-weight: bold;
        font-weight: 600;
        color: #604C3F;
          font-family: 'Kiwi Maru', serif;
            position: relative;
    }

    #suntory_contents .lead h1 sup {

        font-size: 18px;
        vertical-align: 80%;
        font-family: 'Kiwi Maru', serif;
    }
    #suntory_contents .lead .text {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.875;
        color: #604C3F;
        letter-spacing: -0.04em;
        font-family: 'Kiwi Maru', serif;
    }

#suntory_contents .lead img.lead_tvImg{
width: 200px;
object-fit: contain;    
margin-bottom: 25px;  
     position: relative;
    z-index: 60;
}


  #suntory_contents .lead .text span{
 display: block;
    font-size: 12px;
    margin-top: 5px;  
    }


    /*------------------------------------------------------------
    [PC] caviro
    ------------------------------------------------------------ */
    #suntory_contents .caviro {
 background-color: #FFFDE4;
padding-bottom: 90px;        
    }

    #suntory_contents .caviro .tv_winery{
position: absolute;
    width: 88%;
    left: -4%;
    top:-16.5%;
    }

    
    #suntory_contents .caviro .inner {
        margin: 0 auto;
        padding: 0 0;
        width: 1160px;
        display: flex;
        position: relative;
    }

  #suntory_contents .caviro .inner .caviro_a{
width: 48%;}

img.tv_caviro{
width: 88%;  
margin-bottom: 18px;    
}

  #suntory_contents .caviro .inner .caviro_b{
position: relative;
width: 52%;}

  #suntory_contents .caviro .inner .caviro_b img{
object-fit: contain;
width: 100%;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-a{
width: 87px; 
    top:-2%;
    right: 0;
    z-index: 50;
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-b{
      width:100px;
          top:-2%;
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-c{
    width: 93%; 
    right: 26px;
    top:22px;
    
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-d{
      bottom: 64px;
    width: 53%;
  left: 0%;   
    z-index: 50;
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-e{
      bottom: -6px;
   width: 53%;
    right: 0;  
position: absolute;}

#suntory_contents .caviro a.tv_caviroeffort{
display: block;
margin: 20px auto 40px;
width: 80%;
max-width: 548px;
background-color: #78B42A;
color: white;
font-size: 20px;
text-align: center;    
padding: 10px 5px;
text-decoration: none;
border-radius: 8px;
font-family: 'Kiwi Maru', serif;
}

#suntory_contents .caviro a.tv_caviroeffort img.tv_caviroeffort_ar{
width: 12px;
display: inline-block;
object-fit: contain;
margin-left: 10px;

}

#suntory_contents .caviro a.tv_caviroeffort:hover{
transition: 0.3s ease;  
background-color: #3AAD1A;

}



.youtube_top_wrap {width: 96%;max-width: 660px;margin: 0 auto;}
.youtube_top {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube_top iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}




    #suntory_contents .caviro h2 {
       margin-bottom: 22px;
        font-size: 36px;
         letter-spacing: -0.03em;
        line-height: 1.4;
        font-weight: bold;
        font-weight: 600;
        color: #604C3F;
          font-family: 'Kiwi Maru', serif;
        position: relative;
    }


    #suntory_contents .caviro p {
   
    margin-bottom: 22px;
        font-size: 16px;
        line-height: 1.875;
        color: #604C3F;
        letter-spacing: -0.08em;
        font-family: 'Kiwi Maru', serif;
    }

.tv_br-a{
  display: block;}





    /*------------------------------------------------------------
    [PC] ricardo
    ------------------------------------------------------------ */
    #suntory_contents .ricardo {
        position: relative;
background-color: #FFFDE4;
      height: 700px;  
}

    #suntory_contents .ricardo .inner {
        margin: 0 auto;
    
        display: flex;
        width: 1160px;
          height: 700px;  
        position: relative;
    }

    #suntory_contents .ricardo .inner img.tv_ricardo{
position: absolute;
    width: 88%;   
    left: -3%;
    top:-6%;    
    }


    #suntory_contents .ricardo .inner .ricardo_a{
width: 32%;
        position: relative;
    }


    #suntory_contents .ricardo .inner .ricardo_a img{
    width: 100%;
        bottom: 0;
        left: 13%;
        position: absolute;
        object-fit: contain;
    }

    #suntory_contents .ricardo h2 {
         margin-bottom: 25px;
        font-size: 36px;
         letter-spacing: -0.03em;
        line-height: 1.4;
        font-weight: bold;
        font-weight: 600;
        color: #604C3F;
          font-family: 'Kiwi Maru', serif;
        position: relative;
    }

    #suntory_contents .ricardo p {
   margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.875;
        color: #604C3F;
        letter-spacing: -0.08em;
        font-family: 'Kiwi Maru', serif;
        position: relative;
    }

span.tv_ricardo_sign{
 font-family: 'Kiwi Maru', serif;
letter-spacing: -0.1em;  
  color: #604C3F;
margin-left: -10%;
}

img.tv_ricardo_signImg{
margin-top: 30px;
width: 380px; 
margin-bottom: -2%;    
object-fit: contain;
position: relative;
}

  #suntory_contents .ricardo  span.tv_ricardo_ex{
 display: block;
    font-size: 12px;
    margin-top: 0%;  
       color: #604C3F;
      position: relative;
   font-family: 'Kiwi Maru', serif;  
    }


img.ricardoBGimg{
width: 100%;
    overflow:hidden;
    position: absolute;
    bottom: 0;}







/*--------------------------------------------------------------
|
| 1170PX以下
|
--------------------------------------------------------------*/

@media screen and (max-width: 1170px) {
    
.tv_br-a{
  display: none;}
    
#suntory_contents .lead {
padding: 100px 0 120px;
   background-color: #FFFDE4;
        background-size: auto 640px,10px 640px;

    }
    
#suntory_contents .lead .inner .lead_a{
width: 600px;
height:65vh;
margin-right: 10px;}    
 
#suntory_contents .lead .inner{
align-items: center;
width: 85%;}   

#suntory_contents .lead .inner .lead_b .tv_no1_wrap{
width: 34vw;}

#suntory_contents .lead .inner .lead_a-a{
position: absolute;
width: 220px;    
z-index: 30;
bottom: 0%;
right: 25%;    
}

#suntory_contents .lead .inner .lead_a-b{
position: absolute;
width: 200px;    
z-index: 29;
bottom: 15%;
right: 8%;        
}


#suntory_contents .lead .inner .lead_a-c{
position: absolute;
 width: 350px;    
z-index: 29;
top: 2%;
left: 4%;}

    
 /*--migipizza-----*/
#suntory_contents .lead .inner .lead_a-d{
position: absolute;
     width: 80px;    
z-index: 28;
top: 12%;
right: 26%; 
}

 /*--hidariipizza-----*/
#suntory_contents .lead .inner .lead_a-e{
position: absolute;
     width: 80px;    
z-index: 28;
top: 28%;
left: 12%;        
}

 /*--pasta-----*/
#suntory_contents .lead .inner .lead_a-f{
position: absolute;
     width: 140px;    
z-index: 28;
bottom: 16%;
left: 25%;      
}

 /*--migiibudo-----*/
#suntory_contents .lead .inner .lead_a-g{
position: absolute;
     width: 90px;    
z-index: 28;
bottom: 25%;
right: 8%;   
}

 /*--hidarishirobudo-----*/
#suntory_contents .lead .inner .lead_a-h{
position: absolute;
     width: 40px;    
z-index: 28;
bottom: 12%;
right: 17%; 
}

 /*--migishirobudo-----*/
#suntory_contents .lead .inner .lead_a-i{
position: absolute;
  width: 60px;    
z-index: 28;
bottom: 8%;
left: 32%; 
}

 /*-chizu-----*/
#suntory_contents .lead .inner .lead_a-j{
position: absolute;
           width: 340px;    
z-index: 24;
bottom: 2%;
left: -9%;   
    
}

#suntory_contents .lead .inner .lead_a-k{
position: absolute;
           width: 80px;    
z-index: 24;
bottom: 20%;
left: 13%;      
}

#suntory_contents .lead .inner .lead_a-l{
position: absolute;
 width: 45px;    
z-index: 24;
bottom: 48%;
left: 18%;   }

#suntory_contents .lead .inner .lead_a-m{
position: absolute;
           width: 100px;    
z-index: 24;
top: 4%;
left: -5%;   }

#suntory_contents .lead .inner .lead_a-o{
position: absolute;
 width: 28px;    
z-index: 24;
bottom: 16%;
left: 19%;   }

#suntory_contents .lead .inner .lead_a-p{
position: absolute;
 width: 90px;    
z-index: 24;
top: 24%;
right: 5%;   }

#suntory_contents .lead .inner .lead_a-q{
position: absolute;
 width: 45px;    
z-index: 24;
top: 2%;
right: 26%;   }

#suntory_contents .lead .inner .lead_a img{
width: 100%;
object-fit: contain;
}
    


    #suntory_contents .caviro .tv_winery{
position: absolute;
    width: 88%;
    left: -4%;
    top:-16.5%;
    }

    
    #suntory_contents .caviro .inner {
        margin: 0 auto;
        padding: 0 0;
        width: 85%;
        display: flex;
        align-items: flex-end;
        position: relative;
    }

  #suntory_contents .caviro .inner .caviro_a{
    padding-right: 8%;  
width:auto;}

img.tv_caviro{
width: 88%;  
margin-bottom: 18px;    
}

  #suntory_contents .caviro .inner .caviro_b{
position: relative;
height: 450px;
width:700px;    
}

  #suntory_contents .caviro .inner .caviro_b img{
object-fit: contain;
width: 100%;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-a{
width: 87px; 
    top:-8%;
    right: 0;
    z-index: 50;
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-b{
      width:100px;
          top:-20%;
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-c{
    width: 93%; 
    right: 26px;
    top:0;
    
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-d{
      bottom: 40%;
    width: 200px;
  left: -8%;   
    z-index: 50;
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-e{
      bottom: 125px;
    width: 200px;
    right: 0;  
position: absolute;}

#suntory_contents .caviro_b a.tv_caviroeffort{  
width: 95%;   
    padding: 13px 20px 15px 13px;
}

#suntory_contents .caviro_b a.tv_caviroeffort img.tv_caviroeffort_ar{
    width: 12px;
    display: inline-block;
    object-fit: contain;
 margin-left: 12px;

}

#suntory_contents .caviro_b a.tv_caviroeffort:hover{
transition: 0.3s ease;  
background-color: #3AAD1A;}


    #suntory_contents .caviro h2 {
       margin-bottom: 25px;
        font-size: 36px;
         letter-spacing: -0.03em;
        line-height: 1.4;
        font-weight: bold;
        font-weight: 600;
        color: #604C3F;
          font-family: 'Kiwi Maru', serif;
        position: relative;
    }


    #suntory_contents .caviro p {
   
    margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.875;
        color: #604C3F;
        letter-spacing: -0.08em;
        font-family: 'Kiwi Maru', serif;
    }

    
    #suntory_contents .ricardo {
background-color: #FFFDE4;
      height: 700px;  
    background-image:url("../img/top/ricardo/ricardo-b.png");
	background-position: bottom right;
	background-size: 100%;
	background-repeat: no-repeat;    
    }

    #suntory_contents .ricardo .inner {
        margin: 0 auto;
    
        display: flex;
        width: 85%;
          height: 700px;  
        position: relative;
    }

    #suntory_contents .ricardo .inner img.tv_ricardo{
position: absolute;
    width: 88%;   
    left: -3%;
    top:-6%;    
    }


    #suntory_contents .ricardo .inner .ricardo_a{
width: 40%;
position: relative;}


    #suntory_contents .ricardo .inner .ricardo_a img{
    width: 100%;
        bottom: 0;
        left: 13%;
        position: absolute;
        object-fit: contain;
    }

    #suntory_contents .ricardo h2 {
         margin-bottom: 25px;
        font-size: 36px;
         letter-spacing: -0.03em;
        line-height: 1.4;
        font-weight: bold;
        font-weight: 600;
        color: #604C3F;
          font-family: 'Kiwi Maru', serif;
        position: relative;
    }

    #suntory_contents .ricardo p {
   margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.875;
        color: #604C3F;
        letter-spacing: -0.08em;
        font-family: 'Kiwi Maru', serif;
        position: relative;
    }

span.tv_ricardo_sign{
 font-family: 'Kiwi Maru', serif;
letter-spacing: -0.1em;  
  color: #604C3F;
margin-left: -10%;
}

img.tv_ricardo_signImg{
margin-top: 30px;
width: 380px; 
margin-bottom: -2%;    
object-fit: contain;
position: relative;
}

  #suntory_contents .ricardo  span.tv_ricardo_ex{
 display: block;
    font-size: 14px;
    margin-top: 0%;  
       color: #604C3F;
      position: relative;
   font-family: 'Kiwi Maru', serif;  
    }


#suntory_contents .products_nav ul {
    width: 100%;}    

#suntory_contents .tavernello_header {
    width: 100%;}
    
#suntory_contents .main_visual picture, #suntory_contents .main_visual figure {
    width: 100%;
    height: 520px;}    

    #suntory_contents #news h2 {
    padding: 60px 0 131px;
    margin: 0 auto;
    width:85%;
    text-align: center;
}
    
#suntory_contents #news .slide_wrap {
    margin: -73px auto 0;
    width: 100%;
    min-width: 85%;
    position: relative;
    overflow: hidden;
}    
    
    
}
  



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

    /*------------------------------------------------------------
    [SP] main_visual
    ------------------------------------------------------------ */
    
    
.slidenote p.note{
position: absolute;
bottom: 3%;   
left: 1.2%;
color: white;   
}

    
    
.slidenote p.note span {
        margin: 0 0 5px 10px;
        background: url(../img/icon_eu.svg) no-repeat 0 center;
        background-size: 19px 13px;
        padding-left: 24px;
        display: block;
        color: white;
 
    }


    
    #suntory_contents .main_visual_wrap {
        width: 100vw;
        overflow: hidden;
    }
    #suntory_contents .main_visual {
        margin: 0 auto;
        width: 100vw;
        height: 74.666666666666667vw;
        position:relative;
        overflow: hidden;
    }
    #suntory_contents .main_visual .slide_container .slide {
        width:100vw;
        position:relative;
    }
    #suntory_contents .main_visual picture,
    #suntory_contents .main_visual figure{
        width: 100vw;
        height: 74.666666666666667vw;
    }
    #suntory_contents .main_visual picture img,
    #suntory_contents .main_visual figure img{
        vertical-align: bottom;
        width: 100vw;
        height: 74.666666666666667vw;
    }
    #suntory_contents .main_visual .slide_divided {
        display: flex;
        flex-direction: column;
        width: 100vw;
        background: #f5f2f0;
    }
    #suntory_contents .main_visual .slide_divided .label {
        width: 100vw;
        height: 34.6666666666667vw;
        padding-top: 3.7333333333333vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        order: 2;
    }
    #suntory_contents .main_visual .slide_divided .label .name {
        display: none;
    }
    #suntory_contents .main_visual .slide_divided .label h2 {
        font-size: 5.3333333333333vw;
        font-weight: bold;
        margin-bottom: 2vw;
    }
    #suntory_contents .main_visual .slide_divided .label .text {
        margin-bottom: 2vw;
        font-size: 3.4666666666667vw;
        line-height: 1.5;
        text-align: center;
    }
    #suntory_contents .main_visual .slide_divided .label .text .sup {
        font-size: 1.6vw;
        line-height: 3.2vw;
        vertical-align: top;
    }
    #suntory_contents .main_visual .slide_divided .label .btn_container {
        width: 100vw;
        height: 9.3333333333333vw;
        position: relative;
    }
    #suntory_contents .main_visual .slide_divided .label .btn_detail a {
        width: 33.3333333333333vw;
        height: 8vw;
        border-radius: 4vw;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-decoration: none;
        background: #961e41 url(../img/icon_tri.svg) no-repeat 5.3333333333333vw center;
        background-size: 1.3333333333333vw auto;
        padding-left: 1.0666666666667vw;
        box-sizing: border-box;
        font-size: 2.8vw;
        position: absolute;
        top: 0.6666666666667vw;
        left: 33.3333333333333vw;
        z-index: 100;
    }
    #suntory_contents .main_visual .slide_divided .label .btn_shop a {
        width: 9.3333333333333vw;
        height: 9.3333333333333vw;
        border-radius: 50%;
        background: #961e41 url(../img/icon_cart.svg) no-repeat center center;
        background-size: 4.9333333333333vw auto;
        text-indent: -9999px;
        display: block;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 73.3333333333333vw;
    }
    #suntory_contents .main_visual .slide_divided picture {
        width: 100vw;
        height: 40vw;
        overflow: hidden;
        order: 1;
    }
    #suntory_contents .main_visual .slide_divided picture img {
        width: 100vw;
        height: auto;
    }

    /*------------------------------------------------------------
    [SP] products_nav
    ------------------------------------------------------------ */
    #suntory_contents .products_nav {
        margin: 0 auto;
        width: 100vw;
        background-color: #BE985E;
      
    }
    #suntory_contents .products_nav ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }
    
    #suntory_contents .products_nav ul li {
        width: 33.3333333333333vw;
        color: white;
        position: relative;
        text-align: center;
     
        line-height: 1.36;
    }
    
    
    #suntory_contents .products_nav li picture img {
    height: 100px;
        margin-top: 7px;
    object-fit: contain;
        margin-bottom: 18px;
}

    #suntory_contents .products_nav li.organico,
    #suntory_contents .products_nav li.spumante {
        border-bottom: 0.1333333333333vw solid rgba(255,255,255,0.6);
    }
    
    #suntory_contents .products_nav ul li a,
    #suntory_contents .products_nav ul li .nolink {
        display: block;
        text-decoration: none;
        padding: 2.6666666666667vw 0 0;
    color: white;
        box-sizing: border-box;
    }
    

#suntory_contents .products_nav p {
    -webkit-text-size-adjust: 100%;
    height: 35px;
    padding-top: 15px;
    padding-bottom: 8px;
    font-size: 3vw;
}
 
    #suntory_contents .products_nav li.organico a picture::after,
    #suntory_contents .products_nav li.spumante a picture::after,
    #suntory_contents .products_nav li.varietal a picture::after,
    #suntory_contents .products_nav li.classico a picture::after,
    #suntory_contents .products_nav li.bio_piccolo a picture::after,
    #suntory_contents .products_nav li.organico .nolink picture::after,
    #suntory_contents .products_nav li.varietal .nolink picture::after,
    #suntory_contents .products_nav li.classico .nolink picture::after,
    #suntory_contents .products_nav li.bio_piccolo .nolink picture::after {
        content: '';
        width: 0.2666666666667vw;
        height: 100%;
        background: url(../img/top/sp_line_products_nav.png) no-repeat 0 0;
        background-size: 0.2666666666667vw 100%;
        position: absolute;
        top: 0;
        opacity: 0.5;
        right: 0.1333333333333vw;
    }
  
    
       
 img.tv_navdes-a {
 position: absolute;
width:22px;
height: 22px;
top:10px;
left: 7px;
    }
    
     img.tv_navdes-b {
 position: absolute;
width:22px;
height: 22px;
bottom:10px;
right: 7px;
    }
    
 #suntory_contents .products_nav ul li a:hover {
        background: #C8A97A;
        transition: 0.3s ease;
    }
    

    /*------------------------------------------------------------
    [SP] news
    ------------------------------------------------------------ */
  

    #suntory_contents #news h2 {
        text-align: center;
    }

    #suntory_contents #news h2 img {
        width: 31.3333333333vw;
        height: auto;
    }

    #suntory_contents #news .slide_wrap {
        margin: 5vw auto 4vw;
        width: 92vw;
    }

    #suntory_contents #news ul {
        list-style-type: none;
        width: 85%;
        margin: 0 auto;
    }

    #suntory_contents #news a {
        display: flex;
        color: #000;
    width: 100%;    
        text-decoration: none;
        line-height: 3.2vw;
        border-bottom: 1px solid #d9d5d4;
        padding-top: 5vw;
    }

    #suntory_contents #news li:first-of-type a {
        padding-top: 0vw;
    }

    #suntory_contents #news a img {
        width: 30.1333333333vw;
        height: auto;
        border: 1px solid #d9d5d4;
        margin-bottom: 5vw;
    }

    #suntory_contents #news .slide_text {
        position: relative;
        font-size: 3.8666666666667vw;
        margin: -1.5vw 0 0 4vw;
        padding-bottom: 5vw;
        line-height: 6.6vw;
    }

    #suntory_contents #news .slide_text:after {
        content: "";
        display: block;
        width: 3.46666666667vw;
        height: 3.46666666667vw;
        position: absolute;
        bottom: 2.66666666667vw;
        right: 0;
        background: url(../img/top/slider_icon_link.svg) no-repeat;
        background-size: 3.46666666667vw;
    }

    #suntory_contents #news a.blank .slide_text:after {
        content: "";
        display: block;
        width: 3.73333333333vw;
        height: 3.46666666667vw;
        position: absolute;
        bottom: 2.66666666667vw;
        right: 0;
        background: url(../img/top/slider_icon_link_blank.svg) no-repeat;
        background-size: 3.73333333333vw 3.46666666667vw;
    }

    #suntory_contents #news .date {
        display: block;
        color: #a5a09b;
        font-size: 3.3vw;
    }

    #suntory_contents #news .toggle {
        position: relative;
        width: 48.8461538462vw;
        height: 10.3846153846vw;
        margin: 6.41025641026vw auto;
        background: #961e41;
        border-radius: 5.1923076923vw;
        color: #fff;
        font-size: 3.6vw;
    }

    #suntory_contents #news .more,
    #suntory_contents #news .close {
        display: none;
    }

    #suntory_contents #news .more:before {
        content: "もっと見る";
        position: absolute;
        top: 3.46153846154vw;
        left: 16.7948717949vw;
    }

    #suntory_contents #news .more:after {
        content: "";
        position: absolute;
        top: 3.73333333333vw;
        left: 5.33333333333vw;
        width: 3.46666666667vw;
        height: 3.46666666667vw;
        background: url(../img/top/more_plus.svg) no-repeat;
        background-size: 3.46666666667vw 3.46666666667vw;
    }

    #suntory_contents #news .close:before {
        content: "閉じる";
        position: absolute;
        top: 3.46153846154vw;
        left: 19.7435897436vw;
    }

    #suntory_contents #news .close:after {
        content: "";
        position: absolute;
        top: 5vw;
        left: 5.33333333333vw;
        width: 3.46666666667vw;
        height: 0.4vw;
        background: url(../img/top/more_minus.svg) no-repeat;
        background-size: 3.46666666667vw 0.4vw;
    }

    /*------------------------------------------------------------
    [SP] lead
    ------------------------------------------------------------ */
    
       #suntory_contents .lead {
  width: 100%;
           overflow: hidden;
}
    
    
   #suntory_contents .lead .inner {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    width: 90%;
    justify-content: center;   
}
    

    
#suntory_contents .lead .inner .lead_a {
    width: 85%;
  
    height: 140vw;
    margin-right: 10px;
    order: 2;
}    
    
#suntory_contents .lead .inner .lead_b {
    width: 100%;
        order: 1;
    text-align: center;
    position: relative;
}    
    
#suntory_contents .lead .inner .lead_b .tv_no1_wrap {
    width: 100%;
}    
    
    #suntory_contents .lead .text {
    margin-bottom: 30px;
    font-size: 3.8vw;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    text-align: center;
    font-family: 'Kiwi Maru', serif;
}
    
#suntory_contents .lead .text span {
    display: block;
    font-size: 3vw;
    text-align: justify;
    margin-top: 5px;
    text-indent: -4vw;
    padding-left: 4vw;
}  
    
#suntory_contents .lead h1 {
    margin-bottom: 25px;
    font-size: 7.5vw;
    text-align: center;
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    color: #604C3F;
    font-family: 'Kiwi Maru', serif;
    position: relative;
}    

    
#suntory_contents .lead img.lead_tvImg {
    width: 45%;
    object-fit: contain;
    margin-bottom: 25px;
    position: relative;
    z-index: 60;
}    
    
    

#suntory_contents .lead .inner .lead_a-a{
position: absolute;
width: 55%;    
z-index: 32;
bottom: 8%;
left: 24%;    
}

#suntory_contents .lead .inner .lead_a-b{
position: absolute;
width: 55%;   
z-index: 30;
bottom:25%;
right: 0%;        
}


#suntory_contents .lead .inner .lead_a-c{
position: absolute;
 width: 80%;    
z-index: 29;
top: 6%;
left: -5%;    
}


 /*--migipizza-----*/
#suntory_contents .lead .inner .lead_a-d{
position: absolute;
     width: 20%;    
z-index: 28;
top: 12%;
right: 25%; 
}

 /*--hidariipizza-----*/
#suntory_contents .lead .inner .lead_a-e{
position: absolute;
     width: 20%;    
z-index: 28;
top: 33%;
left: 0%;        
}

 /*--pasta-----*/
#suntory_contents .lead .inner .lead_a-f{
position: absolute;
     width: 40%;    
z-index: 28;
bottom: 20%;
left: 0%;      
}

 /*--migiibudo-----*/
#suntory_contents .lead .inner .lead_a-g{
position: absolute;
     width: 25%;    
z-index: 28;
bottom: 32%;
right: 0%;   
}

 /*--hidarishirobudo-----*/
#suntory_contents .lead .inner .lead_a-h{
position: absolute;
     width: 13%;    
z-index: 28;
bottom: 12%;
right: 0%; 
}

 /*--migishirobudo-----*/
#suntory_contents .lead .inner .lead_a-i{
position: absolute;
  width: 20%;    
z-index: 28;
bottom: 8%;
left: 20%; 
}

 /*-chizu-----*/
#suntory_contents .lead .inner .lead_a-j{
position: absolute;
           width: 85%;    
z-index: 24;
bottom: 0%;
left: 0%;   
    
}

#suntory_contents .lead .inner .lead_a-k{
position: absolute;
           width: 30%;    
z-index: 24;
bottom: 28%;
left: 0%;      
}

#suntory_contents .lead .inner .lead_a-l{
position: absolute;
 width: 13%;    
z-index: 24;
bottom: 48%;
left: 10%;   }

#suntory_contents .lead .inner .lead_a-m{
position: absolute;
           width: 30%;    
z-index: 24;
top: 2%;
left: 0%;   }

#suntory_contents .lead .inner .lead_a-o{
position: absolute;
 width: 10%;    
z-index: 24;
bottom: 13%;
left: 0%;   }

#suntory_contents .lead .inner .lead_a-p{
position: absolute;
 width: 30%;    
z-index: 24;
top: 15%;
right: 0%;   }

#suntory_contents .lead .inner .lead_a-q{
position: absolute;
 width: 15%;    
z-index: 24;
top: 2%;
right: 26%;   }    
    
    
    /*------------------------------------------------------------
    [SP] caviro
    ------------------------------------------------------------ */
    
           #suntory_contents .caviro {
  width: 100%;

}
    
    
   #suntory_contents .caviro .inner {
    margin: 0px auto 0;
    padding: 0 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
    flex-direction: column;
}

  #suntory_contents .caviro .inner .caviro_a {
      text-align: center;
    padding-right: 0%;
    width: 85%;
      margin: 0 auto;
}  
    
    #suntory_contents .caviro h2 {
    margin-bottom: 25px;
font-size: 7.5vw;
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    color: #604C3F;
    text-align: center;
    font-family: 'Kiwi Maru', serif;
    position: relative;
}
    
    #suntory_contents .caviro .inner .caviro_b {
    position: relative;
    height: 88vw;
    width: 92%;
    overflow: hidden;
  
}
    
    #suntory_contents .caviro p {
    font-size: 3.8vw
}
    
    

  #suntory_contents .caviro .inner .caviro_b .caviro_b-a{
width: 20vw; 
    top:2vw;
    right: 10%;
    z-index: 50;
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-b{
      width:18vw;
          top:-2vw;
     left: 5%;
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-c{
    width: 83vw; 
    right: 11%;
    top:7vw;
    
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-d{
      bottom: 13vw;
    width: 48vw;
  left: 4vw;   
    z-index: 50;
position: absolute;}

  #suntory_contents .caviro .inner .caviro_b .caviro_b-e{
      bottom: 5vw;
   width: 48vw;
    right: 9vw;  
position: absolute;}    
    
#suntory_contents .caviro_b a.tv_caviroeffort {

    line-height: 1.32;
    background-color: #78B42A;
    color: white;
  font-size: 4.2vw;
    text-align: center;
    padding: 18px 18px;
    text-decoration: none;
    border-radius: 8px;
    font-family: 'Kiwi Maru', serif;
}    
    
#suntory_contents .caviro .tv_winery {
    position: absolute;
    width: 100%;
    left: 0%;
    top: -15vw;
}    
    
    
    
    /*------------------------------------------------------------
    [SP] ricardo
    ------------------------------------------------------------ */
    #suntory_contents .ricardo .inner .ricardo_a {
    width: 100%;
        text-align: center;
    position: relative;
        order: 2;
        height: 50%;  
        
}
    
#suntory_contents .ricardo .inner .ricardo_b {
width: 85%;
order: 1;
text-align: center;
margin: 0 auto;                               
}
    
    
#suntory_contents .ricardo h2 {

    font-size: 7.5vw;
}    
    
#suntory_contents .ricardo .inner img.tv_ricardo {
    position: absolute;
    width: 90%;
    left: 4.3%;
    top: -10vw;
}   
    
img.tv_ricardo_signImg {
    margin-top: 30px;
    width: 50vw;
display: block;
margin: 10% 0 0 auto;
}    
    
 span.tv_ricardo_sign {
     font-size: 3vw;
margin-left: 0%;  
     padding-right: 3%;
     text-align: right;
    display: block;
}   
    
    
    
#suntory_contents .ricardo .inner {
    margin: 0 auto;
    display: flex;
    width: 100%;
    justify-content: center; 
    flex-direction: column;
    height: 100%;
    position: relative;
}    
    
#suntory_contents .ricardo p {
    font-size: 3.8vw;
    height: auto;
      
}   
    
    
#suntory_contents .ricardo {
    background-color: #FFFDE4;
height: 230vw;
    background-image:none;
    background-position: bottom right;
    background-size: 100%;
    background-repeat: no-repeat;
}    
    
    
    .tv_ricardo_signWrap{
 text-align: right;
margin: 0 0 0 auto;         
    }
    
    
    
#suntory_contents .ricardo .inner .ricardo_a img {
    width: 55vw;
    bottom: 0;
    left: 5vw;
    position: absolute;
    object-fit: contain;
}    
    
    
#suntory_contents #news h2 {
    padding: 40px 0 20px;
    margin: 0 auto;
    width: 85%;
    text-align: center;
}    
    
#suntory_contents #news h2 picture{
width: 70vw;
}    
    
    #suntory_contents #news h2 img {
    width: 70vw;
    height: auto;
}
    
 #suntory_contents #news {
    padding-bottom: 90px;
}   
   
    

}


   
/*------------------------------------------------------------
animation
------------------------------------------------------------ */


.tv_fadeLeft-aAnime{
animation:fadeLeftAnime 1.5s ease-out .2s 1 normal forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateY(-80px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

.tv_fadeLeft-bAnime{
animation:fadeLeftAnime 1.5s ease .4s 1 normal forwards;
opacity:0;    
}


.tv_fadeLeft-cAnime{
animation:slide-skew-a 1.5s ease .2s 1 normal forwards;
opacity:0;
}

@keyframes slide-skew-a{
 0% {
    transform: translate(-40px,-40px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}

.tv_fadeLeft-dAnime{
animation:slide-skew-a 1.5s ease .5s 1 normal forwards;
opacity:0;
}


.tv_fadeLeft-eAnime{
animation:slide-skew-d 1.5s ease-out .7s 1 normal forwards;
opacity:0;
}


.tv_fadeLeft-fAnime{
animation:slide-skew-f 1.5s ease .2s 1 normal forwards;
 opacity: 0;
}

@keyframes slide-skew-f{
 0% {
    transform: translate(20px,-20px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
       opacity: 1;
  }
 
}

.tv_fade-aAnime{
animation: tv_fadein 1s ease-out .7s 1 normal forwards;
opacity:0;}

@keyframes tv_fadein{
 0% {
    opacity: 0;
  }
  100% {
 opacity: 1;
  }
}


.tv_fade-cAnime{
animation: slide-skew-c 1s ease .2s 1 normal forwards;
opacity:0;}

@keyframes slide-skew-c{
 0% {
    transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}

.tv_fade-dAnime{
animation: slide-skew-b 1s ease .5s 1 normal forwards;
opacity:0;}

@keyframes slide-skew-b{
 0% {
    transform: translate(40px,-30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}

@keyframes slide-skew-d{
 0% {
    transform: translate(40px,-50px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}


.tv_fade-eAnime{
animation: slide-skew-c 3s ease-out 0s 1 normal forwards;
opacity:0;}

.tv_fade-fAnime{
animation: tv-blur 1.5s ease-out .4s 1 normal forwards;
opacity:0;}


.tv_fade-hAnime{
animation: tv-blur 1.5s ease-in .8s 1 normal forwards;
opacity:0;}

@keyframes tv-blur{
 0% {
  filter: blur(5px);
  transform: scale(1.02);
    opacity: 0;
  }
  100% {
          opacity: 1;
       filter: blur(0);
  transform: scale(1);
  }

}

.tv_fade-gAnime{
animation:slide-skew-c 2s ease-in-out .4s 1 normal forwards;
opacity:0;    
}


.tv_slide-aAnime{
 animation: tv-slide-a .8s ease-out .7s 1 normal forwards;
opacity:0;   
}

@keyframes tv-slide-a{
 0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
 opacity: 1;
    transform: translateX(0);
  }

}

.tv_slide-bAnime{
 animation: tv-slide-b .8s ease-out .7s 1 normal forwards;
opacity:0;   
}

@keyframes tv-slide-b{
 0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
 opacity: 1;
    transform: translateX(0);
  }

}