@charset "utf-8";



.classico_bg{
background:#F9EDD3;   
}

.classico_bg_under{
position: relative;
height: 100%;    
margin-bottom:180px; 
}

img.classico_bg_under_img{
position: absolute;
top:-30px;
width: 100%;
z-index: -20;
}



  
/*------------------------------------------------------------
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-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(-50px, -50px);     
transition: all 0.6s ease-in-out ;
transition-delay: 0.7s;  }

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


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



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

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

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

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

/*---上---*/

.tv_fadeanime-a_set{
opacity: 0;
  transform: translateY(-50px);
transition: all 1s ease-in;
transition-delay: 0.2s;  }

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

.tv_fadeanime-b_set{
opacity: 0;
  transform: translateY(-50px);
transition: all 1s ease-in;
transition-delay: 0.4s;  }

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

.tv_fadeanime-c_set{
opacity: 0;
  transform: translateY(-50px);
transition: all 1s ease-in;
transition-delay: 0.6s;  }

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




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

  /*------------------------------------------------------------
    [PC] main_visual
    ------------------------------------------------------------ */
    #suntory_contents .main_visual {
        background: url("../img/classico/mv_classico_pc.webp") no-repeat center bottom;
        height: 670px;
        background-size: 1160px auto;
        display: flex;
        align-items: flex-end;
        position: relative;
    }
    
    .no-webp #suntory_contents .main_visual {
background:url("../img/classico/mv_classico_pc.jpg") no-repeat center bottom;
         background-size: 1160px auto;
    }

    #suntory_contents .main_visual .note {
    margin: 0 auto 8px;
    width: 1150px;
    }
    #suntory_contents .main_visual .note span {
        margin: 0 0 5px 50px;
        background: url(../img/icon_eu.svg) no-repeat 0 center;
        background-size: 19px 13px;
        padding-left: 24px;
        display: block;
        line-height: 13px;
        font-size: 8px;
        color: white;
    }
    
    .title_bar{
      color: rgba(255,255,255,0)  
    }
    
  
    /*------------------------------------------------------------
    [PC] products_nav
    ------------------------------------------------------------ */
    #suntory_contents .products_nav {
        margin: 40px auto 0;
        width: 1160px;
    }
    
    #suntory_contents .products_nav .products_container {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content:  flex-start;
    }
    
    .pt50{padding-top:50px;}
    
    #suntory_contents .products_nav .products_container .product {
        width: 290px;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
		padding-bottom:40px;
    }
    
       #suntory_contents .products_nav .products_container .product:nth-child(5){
        width: 350px;
    
    }
    
        #suntory_contents .products_nav .products_container .product:nth-child(5) picture img{
        width:auto;
        height: 130px;
    
    }
    
    
       #suntory_contents .products_nav .products_container .product:nth-child(6){
        width: 350px;
    
    }
    
        #suntory_contents .products_nav .products_container .product:nth-child(6) picture img{
        width:auto;
        height: 130px;
    
    }
    
    #suntory_contents .products_nav .products_container .product picture {
        width: auto;
        margin: 0 20px 15px 30px;
        padding: 0;
        box-sizing: border-box;
    }
    #suntory_contents .products_nav .products_container .product picture img {
        width: 40px;
        height: auto;
        vertical-align: bottom;
    }
    
     #suntory_contents .products_nav .products_container .product:nth-child(3) picture img {
        width: auto;
        height:148px;
        vertical-align: bottom;
    }
    
       #suntory_contents .products_nav .products_container .product:nth-child(4) picture img {
        width: auto;
        height:148px;
        vertical-align: bottom;
    }
    
    
    .wid46 picture img{width:46px !important;}
    #suntory_contents .products_nav .products_container .product .data {
        width: 170px;
        height: 160px;
        position: relative;
        padding-top:3%
    }
    #suntory_contents .products_nav .products_container .product .data h2 {
        font-size: 15px;
        line-height: 1.3;
    }
    #suntory_contents .products_nav .products_container .ec_buttons_container {
        margin: 10px 0 0;
        list-style: none;
    }
    #suntory_contents .products_nav .products_container .btn_detail a {
        width: 170px;
        height: 40px;
        background: #B49655 url(../img/icon_tri_down.svg) no-repeat 15px center;
        background-size: 6px auto;
        border-radius: 21px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        position: absolute;
        bottom: 45px;
    }
    #suntory_contents .products_nav .products_container .btn_detail a:hover {
        background: #A1813B url(../img/icon_tri_down.svg) no-repeat 15px center;
        background-size: 6px auto;
    }
    #suntory_contents .products_nav .products_container .ec_btn_narmal .btn_detail a {
        bottom: 50px;
    }

    #suntory_contents .products_nav .products_container .btn_shop a {
        width: 170px;
        height: 40px;
        background: #981C41 url(../img/icon_cart.svg) no-repeat 15px center;
        background-size: 16px auto;
        border-radius: 21px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        padding-left: 22px;
        box-sizing: border-box;
        color: #fff;
        text-decoration: none;
        position: absolute;
        bottom: 0;
    }
    #suntory_contents .products_nav .products_container .btn_shop a:hover {
        background: #880033 url(../img/icon_cart.svg) no-repeat 15px center;
        background-size: 16px auto;
    }

    #suntory_contents .products_nav .online_shop {
        margin: 0 0 0 30px;
        width: 230px;
        background: #981C41;
        border-radius: 6px;
    }
    #suntory_contents .products_nav .online_shop dt {
        height: 30px;
        font-size: 12px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(../img/icon_cart.svg) no-repeat 53px center;
        background-size: 12px auto;
        box-sizing: border-box;
        padding-left: 20px;
    }

    #suntory_contents .products_nav .ec_buttons_container {
        width: 285px;
    }
    #suntory_contents .products_nav .ec_buttons_container .ec_button {
        margin: 0 0 10px 10px;
        width: 210px;
        height: 45px;
        border-radius: 6px;
        background: #000;
    }
    #suntory_contents .products_nav .ec_buttons_container .ec_button a {
        display: block;
        width: 210px;
        height: 45px;
        border-radius: 6px;
        text-indent: -9999px;
        box-sizing: border-box;
    }
    #suntory_contents .products_nav .ec_buttons_container .ec_button a:hover {
        opacity: .95;
    }
    #suntory_contents .products_nav .ec_buttons_container .btn_amazon a {
        background: #fff url(../img/shop_amazon.png) no-repeat center center;
        background-size: auto 45px;
    }
    #suntory_contents .products_nav .ec_buttons_container .btn_rakuten a {
        background: #fff url(../img/shop_rakuten.png) no-repeat center center;
        background-size: auto 45px;
    }
    #suntory_contents .products_nav .ec_buttons_container .btn_cave_de_vin a {
        background: #fff url(../img/shop_wine.png) no-repeat center center;
        background-size: auto 45px;
    }
    #suntory_contents .products_nav .ec_buttons_container .btn_lohaco a {
        background: #fff url(../img/shop_lohaco.png) no-repeat center center;
        background-size: auto 45px;
    }
    #suntory_contents .products_nav .ec_buttons_container .btn_yahoo a {
        background: #fff url(../img/shop_yahoo.png) no-repeat center center;
        background-size: auto 45px;
    }

    #suntory_contents .products_nav .ec_btn {
        margin: 0 0 0 30px;
    }

    .newIcon{position:relative;}
    .newIcon::before{
        content: '';
        width:50px;
        height:50px;
        background: url(../../common/img/New_icon.png) no-repeat center;
        background-size: 100%;
        position: absolute;
        left: 49%;
        top: 50%;
        transform: translate(0,-50%);
    }

    .commercialIcon2::before{
        content:'';
        width: 50px;
        height: 50px;
        background: url(../../common/img/commercial_icon.png) no-repeat center;
        background-size: 100%;
        position: absolute;
        left: 76%;
        top: 50%;
        transform: translate(0,-50%);
    }

    /*------------------------------------------------------------
    [PC] about
    ------------------------------------------------------------ */
    #suntory_contents .about {
    }
    #suntory_contents .about .inner {
        margin: 70px auto 0;
        width: 1160px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #suntory_contents .about .img {
   width: 42%;
    }
    
       #suntory_contents .about .img img{
   width: 100%;
           object-fit: contain;
    }

    #suntory_contents .about .inner .text {
        width: 53%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        padding-bottom: 5%;
    }
    
        #suntory_contents .about .inner .text img{
        width: 250px;
      
    }


    #suntory_contents .about .inner .text h2 {
           margin-top: 30px;    
   margin-bottom: 22px;
    font-size: 36px;
        color: #604C3F;      
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    font-family: 'Kiwi Maru', serif;
    position: relative;
    }
    #suntory_contents .about .inner .text p {
    font-size: 18px;
        color: #604C3F;      
    line-height: 1.875;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
    }

    
    
    /*------------------------------------------------------------
    [PC] history
    ------------------------------------------------------------ */
    #suntory_contents .history {
    }
    #suntory_contents .history .inner {
        margin: 5% auto 120px;
        width: 1160px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .history .inner .text {
   width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }
    
     #suntory_contents .history .inner .text ul{
margin-top: 80px;         
width: 100%;
         list-style: none;
         display: flex;
         justify-content: space-between;
    }
    
 #suntory_contents .history .inner .text ul li{
width: 48%;}
    
#suntory_contents .history .inner .text ul li img{
width:100%; }

    #suntory_contents .history .inner .text h2 {
                margin-top: 30px;    
   margin-bottom: 22px;
    font-size: 36px;
        color: #604C3F;      
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    font-family: 'Kiwi Maru', serif;
    position: relative;
    }
    #suntory_contents .history .inner .text h2 .sup {
        font-size: 14px;
        vertical-align: 80%;
    }
    
    #suntory_contents .history .inner .text p{
      font-size: 18px;
        color: #604C3F;      
    line-height: 1.875;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
    }
    
    #suntory_contents .history .inner .text p.note {
        margin-top: 10px;
        width: 500px;
        font-size: 13px;
        line-height: 1.8;
        z-index: 10;
    }
   
    #suntory_contents .history .img {
    width: 50%;
    position: relative;
    }
    
      #suntory_contents .history .img img{
    width: 78%;
        right: 0;
          top:-18%;
    position: absolute;
    }

    
    
    /*------------------------------------------------------------
    [PC] lineup
    ------------------------------------------------------------ */
    #suntory_contents .lineup {

    }
 
    #suntory_contents .lineup .product_list {
        margin: 0 auto;
        width: 1160px;
        list-style: none;
    }
    #suntory_contents .lineup .product_list .product {
        width: 1160px;
        padding: 50px 0 50px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 670px 330px;
        grid-template-columns: 670px 330px;
        border-bottom: 1px #EBE6E1 solid;
    }
    #suntory_contents .lineup .product:nth-child(2n) {
        -ms-grid-columns: 670px 330px;
        grid-template-columns: 670px 330px;
        border-bottom: none;
    }
    
    #suntory_contents .lineup .product_list .product:nth-child(1),
    #suntory_contents .lineup .product_list .product:nth-child(2) {
        padding: 50px 0 50px;
/*        border-bottom: 1px #EBE6E1 solid;*/
    }
    #suntory_contents .lineup .product_list .product:nth-child(3),
    #suntory_contents .lineup .product_list .product:nth-child(4) {
        border-top: 1px #EBE6E1 solid;
    }
/*
    #suntory_contents .lineup .product_list .product:nth-child(2n) {
        border-left: 1px #EBE6E1 solid;
    }
*/
    #suntory_contents .lineup .product picture {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width:670px;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1 / 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1 / 3;
        padding: 0 0 0 160px;
    }
    #suntory_contents .lineup .product picture img {
        width: 450px;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .lineup .product .data {
        width: 330px;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2 / 3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1 / 2;
    }
    #suntory_contents .lineup .product .data h2 {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.43;
    }
    #suntory_contents .lineup .product .data .name {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
        font-family: 'Arial',sans-serif;
    }
    #suntory_contents .lineup .product .data .volume {
        margin-bottom: 20px;
        font-size: 14px;
    }
    #suntory_contents .lineup .product .data .text {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.04em;
    }
    #suntory_contents .lineup .product .data .chart {
        margin-bottom: 30px;
        width: 330px;
    }
    #suntory_contents .lineup .product .data .chart p {
        width: 330px;
        height: 18px;
        text-indent: -9999px;
    }
    #suntory_contents .lineup .product .data .chart p + p {
        margin: 15px 0 0;
    }
    #suntory_contents .lineup .product .data .chart .body_light {
        background: url(../img/chart/body_light_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }
    #suntory_contents .lineup .product .data .chart .body_light_medium {
        background: url(../img/chart/body_light_medium_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }
    #suntory_contents .lineup .product .data .chart .body_medium {
        background: url(../img/chart/body_midium_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }
    #suntory_contents .lineup .product .data .chart .body_midium_full {
        background: url(../img/chart/body_midium_full_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }
    #suntory_contents .lineup .product .data .chart .body_full {
        background: url(../img/chart/body_full_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }
    
    #suntory_contents .lineup .product .data .chart .taste_sweet {
        background: url(../img/chart/taste_sweet_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }
    #suntory_contents .lineup .product .data .chart .taste_sweet_slightly {
        background: url(../img/chart/taste_sweet_slightly_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }
    #suntory_contents .lineup .product .data .chart .taste_sweet_faintly {
        background: url(../img/chart/taste_sweet_faintly_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }
    #suntory_contents .lineup .product .data .chart .taste_dry_slightly {
        background: url(../img/chart/taste_dry_slightly_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }
    #suntory_contents .lineup .product .data .chart .taste_dry {
        background: url(../img/chart/taste_dry_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }
    

    #suntory_contents .lineup .product .btn_shop a {
        width: 180px;
        height: 36px;
        background: #981C41 url(../img/icon_cart.svg) no-repeat 15px center;
        background-size: 16px auto;
        border-radius: 21px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        padding-left: 22px;
        box-sizing: border-box;
        color: #fff;
        text-decoration: none;
    }
    #suntory_contents .lineup .product .btn_shop a:hover {
        background: #880033 url(../img/icon_cart.svg) no-repeat 15px center;
        background-size: 16px auto;
    }
    #suntory_contents .lineup .product .shop_container {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2 / 3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2 / 3;
    }
    #suntory_contents .lineup .online_shop {
        margin: 0;
        padding: 0 0 10px;
        width: 330px;
        background: #981C41;
        border-radius: 6px;
    }
    #suntory_contents .lineup .online_shop dt {
        height: 35px;
        font-size: 14px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(../img/icon_cart.svg) no-repeat 93px center;
        background-size: 12px auto;
        box-sizing: border-box;
        padding-left: 14px;
    }
    #suntory_contents .lineup .online_shop .note {
        margin: 0 15px 10px;
        font-size: 11px;
        line-height: 1.363636363636364;
        color: #fff;
    }
    
    #suntory_contents .lineup .ec_buttons_container {
        width: 330px;
        list-style: none;
    }
    #suntory_contents .lineup .ec_buttons_container .ec_button {
        margin: 0 auto 10px;
        display: block;
        width: 210px;
        height: 45px;
        border-radius: 5px;
        background: #000;
    }
    #suntory_contents .lineup .ec_buttons_container .ec_button:last-child {
        margin: 0 auto;
    }
    #suntory_contents .lineup .ec_buttons_container .ec_button a {
        display: block;
        width: 210px;
        height: 45px;
        border-radius: 5px;
        text-indent: -9999px;
        box-sizing: border-box;
    }
    #suntory_contents .lineup .ec_buttons_container .ec_button a:hover {
        opacity: .95;
    }
    #suntory_contents .lineup .ec_buttons_container .btn_amazon a {
        background: #fff url(../img/shop_amazon.png) no-repeat center center;
        background-size: auto 45px;
    }
    #suntory_contents .lineup .ec_buttons_container .btn_rakuten a {
        background: #fff url(../img/shop_rakuten.png) no-repeat center center;
        background-size: auto 45px;
    }
    #suntory_contents .lineup .ec_buttons_container .btn_cave_de_vin a {
        background: #fff url(../img/shop_wine.png) no-repeat center center;
        background-size: auto 45px;
    }
    #suntory_contents .lineup .ec_buttons_container .btn_lohaco a {
        background: #fff url(../img/shop_lohaco.png) no-repeat center center;
        background-size: auto 45px;
    }
    #suntory_contents .lineup .ec_buttons_container .btn_yahoo a {
        background: #fff url(../img/shop_yahoo.png) no-repeat center center;
        background-size: auto 45px;
    }
    #suntory_contents .lineup .ec_btn {
        margin: 0;
        padding: 0 0 10px;
    }
    #suntory_contents .lineup .note {
        margin: 10px 0 0;
        font-size: 12px;
        line-height: 1.5;
    }
}




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

@media screen and (max-width: 1170px) {
    

    #suntory_contents .about {
    }
    #suntory_contents .about .inner {
        margin: 70px auto 0;
        width: 85%;
        display: flex;
        align-items:flex-start;
        justify-content: space-between;
    }
    
      #suntory_contents .about .inner .img{
  width: 50%;
    }
 
         #suntory_contents .about .inner .text{
  width: 45%;
    }

 

    #suntory_contents .history {
    }
    
    #suntory_contents .history .inner {
        margin: 5% auto 120px;
        width: 85%;
        display: flex;
        justify-content: space-between;
    }
    
      #suntory_contents .history .img img{
    width: 78%;
        right: 0;
          top:0%;
    position: absolute;
    }

        
    
    
}




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

  /*------------------------------------------------------------
    [SP] main_visual
    ------------------------------------------------------------ */
    #suntory_contents .main_visual {
        background: #EBE6E1 url("../img/classico/mv_classico_sp.webp") no-repeat center bottom;
        background-size: 100%;
        height: 60vw;
        display: flex;
        align-items: flex-end;
        position: relative;
    }
    .no-webp #suntory_contents .main_visual {
        background: #EBE6E1 url("../img/classico/mv_classico_sp.jpg") no-repeat center bottom;
        background-size: 100%;
    }
 

    #suntory_contents .main_visual .note {
        margin: 0 auto;
        width: 100vw;
    }
    #suntory_contents .main_visual .note span {
        margin: 0 0 1.6vw 2.4vw;
        background: url(../img/icon_eu.svg) no-repeat 0 center;
        background-size: 3.6vw 2.4vw;
        padding-left: 4.533333333333333vw;
        display: block;
        line-height: 2.4vw;
        font-size: 2.133333333333333vw;
        color: white;
    }
    
      .title_bar{
    color:rgba(255,255,255,0);    
    }
    
    
           
    /*------------------------------------------------------------
    [SP] products_nav
    ------------------------------------------------------------ */
    #suntory_contents .products_nav {
        margin: 8vw 6.4vw 0;
    }
    #suntory_contents .products_nav .products_container {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-bottom: 4vw;
        list-style: none;
    }
    #suntory_contents .products_nav .products_container .product {
        margin: 0 7.2vw 8vw 0;
        width: 40vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
		padding-bottom:0px;
    }
    #suntory_contents .products_nav .products_container .product:nth-child(2n) {
        margin: 0 0 8vw 0;
    }
    #suntory_contents .products_nav .products_container .product picture {
        margin: 0 3.2vw 4vw 0;
        width: 8vw;
        padding: 0;
        text-align: center;
        box-sizing: border-box;
    }
    #suntory_contents .products_nav .products_container .product picture img {
        width: auto;
        height: 27vw;
        vertical-align: bottom;
    }
    
      #suntory_contents .products_nav .products_container .product:nth-child(5){
      width: 40vw;
    
    
    }
    
        #suntory_contents .products_nav .products_container .product:nth-child(5) picture img{
        width:auto;
        height:14vw;

    }
    
    
         #suntory_contents .products_nav .products_container .product:nth-child(5) .data{
        height:30vw;

    }
    
    
       #suntory_contents .products_nav .products_container .product:nth-child(6){
      width: 40vw;
    
    }
    
        #suntory_contents .products_nav .products_container .product:nth-child(6) picture img{
        width:auto;
        height:14vw;
    
    
    }
    
             #suntory_contents .products_nav .products_container .product:nth-child(6) .data{
        height:30vw;

    }
    
    
    #suntory_contents .products_nav .products_container .product .data {
        width: 28.8vw;
        position: relative;
        padding-top:3%;
    }
    #suntory_contents .products_nav .products_container .product .data h2 {
        font-size: 3.466666666666667vw;
        line-height: 1.3;
    }
    #suntory_contents .products_nav .products_container .btn_detail a {
        width: 28.8vw;
        height: 9.6vw;
        background: #B49655 url(../img/icon_tri_down.svg) no-repeat 4vw center;
        background-size: 1.6vw auto;
        border-radius: 5.6vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.466666666666667vw;
        color: #fff;
        text-decoration: none;
        box-sizing: border-box;
        position: absolute;
        bottom: 6vw;
    }
    #suntory_contents .products_nav .products_container .online_shop {
        margin: 0;
        width: 73.6vw;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    
    }
    #suntory_contents .products_nav .online_shop {
        margin: 0;
        padding-bottom: 2.4vw;
        width: 40vw;
        background: #981C41;
        border-radius: 1.6vw;
    }
    #suntory_contents .products_nav .online_shop dt {
        width: 40vw;
        height: 8vw;
        font-size: 2.933333333333333vw;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(../img/icon_cart.svg) no-repeat 4.8vw center;
        background-size: 3.2vw auto;
        box-sizing: border-box;
        padding-left: 4.8vw;
    }
    #suntory_contents .products_nav .online_shop dd {
        margin: 0 auto;
        width: 35.2vw;
    }
    #suntory_contents .products_nav .ec_buttons_container {
        list-style: none;
    }
    #suntory_contents .products_nav .ec_buttons_container .ec_button a {
        margin-bottom: 2.4vw;
        display: block;
        width: 35.2vw;
        height: 12vw;
        border-radius: 1.6vw;
        text-indent: -9999px;
        box-sizing: border-box;
    }
    #suntory_contents .products_nav .ec_buttons_container .ec_button:last-child a {
        margin: 0 auto;
    }
    #suntory_contents .products_nav .ec_buttons_container .btn_amazon a {
        background: #fff url(../img/shop_amazon.png) no-repeat center center;
        background-size: auto 12vw;
    }
    #suntory_contents .products_nav .ec_buttons_container .btn_rakuten a {
        background: #fff url(../img/shop_rakuten.png) no-repeat center center;
        background-size: auto 12vw;
    }
    #suntory_contents .products_nav .ec_buttons_container .btn_cave_de_vin a {
        background: #fff url(../img/shop_wine.png) no-repeat center center;
        background-size: auto 12vw;
    }
    #suntory_contents .products_nav .ec_buttons_container .btn_lohaco a {
        background: #fff url(../img/shop_lohaco.png) no-repeat center center;
        background-size: auto 12vw;
    }
    #suntory_contents .products_nav .ec_buttons_container .btn_yahoo a {
        background: #fff url(../img/shop_yahoo.png) no-repeat center center;
        background-size: auto 12vw;
    }
    #suntory_contents .products_nav .products_container .btn_shop a {
        width: 28.8vw;
        height: 9.6vw;
        background: #981C41 url(../img/icon_cart.svg) no-repeat 3.2vw center;
        background-size: 3.2vw auto;
        border-radius: 5.6vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.2vw;
        line-height: 1.1;
        text-align: center;
        padding-left: 4.8vw;
        box-sizing: border-box;
        color: #fff;
        text-decoration: none;
    }

    #suntory_contents .products_nav .ec_btn {
        margin: 0 auto;
    }

    .newIcon{position:relative;}
    .newIcon::before{
        content: '';
        width:11vw;
        height:11vw;
        background: url(../../common/img/New_icon.png) no-repeat center;
        background-size:100%;
        position:absolute;
        left: 65%;
        top: 50%;
        transform: translate(0,-50%);
    }

    .commercialIcon2::before{
        content:'';
        width: 11vw;
        height: 11vw;
        background: url(../../common/img/commercial_icon.png) no-repeat center;
        background-size: 100%;
        position: absolute;
        left: 68%;
        transform: translate(0,-50%);
    }

    .spIcon01::before{top: 18%;}
    .spIcon02::before{top:13%;}


    .wid46 picture img{width:8.15vw !important;}
    
    
    


    /*------------------------------------------------------------
    [SP] about
    ------------------------------------------------------------ */
    #suntory_contents .about {
    }
    #suntory_contents .about .inner {
        margin: 50px auto 0;
        width: 85%;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #suntory_contents .about .img {
   width: 80%;
        order: 2;
    }
    
       #suntory_contents .about .img img{
   width: 100%;
           object-fit: contain;
    }

    #suntory_contents .about .inner .text {
        width: 100%;
        display: flex;
        margin-bottom: 30px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        position: relative;
        padding-bottom: 5%;
        order: 1;
    }
    
        #suntory_contents .about .inner .text img{
        text-align: center;    
        margin: 0px auto 30px;    
        width: 60vw;
      
    }


    #suntory_contents .about .inner .text h2 {
        margin-bottom: 20px;
          font-size: 7.4vw;
    text-align: center;
    letter-spacing: -0.08em;
    line-height: 1.3;
    font-weight: bold;
    font-weight: 600;
  color: #604C3F;   
    font-family: 'Kiwi Maru', serif;
    }
    
    #suntory_contents .about .inner .text p {
     font-size: 3.8vw;
    line-height: 1.875;  
        text-align: center;
    letter-spacing: -0.04em;

     color: #604C3F;  
    font-family: 'Kiwi Maru', serif;
    }


    .classico_bg_under{
position: relative;
height: 100%;    
margin-bottom:90px; 
}

img.classico_bg_under_img{
position: absolute;
top:-10px;
height: 180px;
width: 100%;
z-index: -20;
}

    
    /*------------------------------------------------------------
    [SP] history
    ------------------------------------------------------------ */
    #suntory_contents .history {
    }
    #suntory_contents .history .inner {
        margin: 5% auto 120px;
        width: 85%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #suntory_contents .history .inner .text {
   width: 100%;
text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }
    
     #suntory_contents .history .inner .text ul{
margin-top: 63px;         
width: 100%;
         list-style: none;
         display: flex;
         justify-content: space-between;
    }
    
 #suntory_contents .history .inner .text ul li{
width: 48%;}
    
#suntory_contents .history .inner .text ul li img{
width:100%; }

    #suntory_contents .history .inner .text h2 {
                margin-top: 30px;    
   margin-bottom: 22px;
          font-size: 7.5vw;
    text-align: center;
    letter-spacing: -0.03em;
    line-height: 1.3;
    font-weight: bold;
    font-weight: 600;
  color: #604C3F;   
    font-family: 'Kiwi Maru', serif;
    }
    #suntory_contents .history .inner .text h2 .sup {
        font-size: 14px;
        vertical-align: 80%;
    }
    
    #suntory_contents .history .inner .text p{
     font-size: 3.8vw;
    line-height: 1.875;  
        text-align: center;
    letter-spacing: -0.04em;

     color: #604C3F;  
    font-family: 'Kiwi Maru', serif;
    }
    
    #suntory_contents .history .inner .text p.note {
        margin-top: 10px;
        width: 100%;
        font-size: 13px;
        line-height: 1.8;
        z-index: 10;
    }
   
    #suntory_contents .history .img {
    width: 100%;
    text-align: center;
    margin: 50px auto 0;    
    position: relative;
    }
    
      #suntory_contents .history .img img{
    width: 78%;
        right: 0;
          top:-18%;
    position: static;
    }

    
    /*------------------------------------------------------------
    [SP] lineup
    ------------------------------------------------------------ */
    #suntory_contents .lineup {
   
    }

    #suntory_contents .lineup .product_list {
        margin: 0 4vw;
    }
    #suntory_contents .lineup .product_list .product { 
        list-style: none;
        width:92vw;
        padding: 0 0 12vw;
        box-sizing: border-box;
        border-bottom: 0.266666666666667vw #EBE6E1 solid;
        margin: 0 0 12vw;
    }
    #suntory_contents .lineup .product_list .product:last-child {
        border-bottom: none;
        margin: 0;
    }
    #suntory_contents .lineup .product picture {
        margin: 0 auto 5.6vw;
        width:84vw;
        text-align: center;
        display: block;
    }
    #suntory_contents .lineup .product picture img {
        width: 84vw;
        height: auto;
        vertical-align: bottom;
    }
    
    #suntory_contents .lineup .product .data {
        margin: 0 auto;
        width: 84vw;
    }
    #suntory_contents .lineup .product .data h2 {
        margin-bottom: 3.2vw;
        font-size: 4.8vw;
        font-weight: bold;
        line-height: 1.5;
    }
    #suntory_contents .lineup .product .data .name {
        margin-bottom: 2.666666666666667vw;
        font-size: 3.733333333333333vw;
        font-weight: bold;
        font-family: 'Arial',sans-serif;
    }
    #suntory_contents .lineup .product .data .volume {
        margin-bottom: 5.333333333333333vw;
        font-size: 3.466666666666667vw;
    }
    #suntory_contents .lineup .product .data .text {
        margin-bottom: 5.333333333333333vw;
        font-size: 3.466666666666667vw;
        line-height: 1.5;
    }

    #suntory_contents .lineup .product .data .chart {
        margin-bottom: 6.4vw;
        width: 84vw;
    }
    #suntory_contents .lineup .product .data .chart p {
        width: 84vw;
        height: 4.8vw;
        text-indent: -9999px;
    }
    #suntory_contents .lineup .product .data .chart p + p {
        margin: 1.6vw 0 0;
    }
    #suntory_contents .lineup .product .data .chart .body_light {
        background: url(../img/chart/body_light_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }
    #suntory_contents .lineup .product .data .chart .body_light_medium {
        background: url(../img/chart/body_light_medium_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }
    #suntory_contents .lineup .product .data .chart .body_medium {
        background: url(../img/chart/body_midium_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }
    #suntory_contents .lineup .product .data .chart .body_midium_full {
        background: url(../img/chart/body_midium_full_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }
    #suntory_contents .lineup .product .data .chart .body_full {
        background: url(../img/chart/body_full_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }
    
    #suntory_contents .lineup .product .data .chart .taste_sweet {
        background: url(../img/chart/taste_sweet_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }
    #suntory_contents .lineup .product .data .chart .taste_sweet_slightly {
        background: url(../img/chart/taste_sweet_slightly_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }
    #suntory_contents .lineup .product .data .chart .taste_sweet_faintly {
        background: url(../img/chart/taste_sweet_faintly_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }
    #suntory_contents .lineup .product .data .chart .taste_dry_slightly {
        background: url(../img/chart/taste_dry_slightly_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }
    #suntory_contents .lineup .product .data .chart .taste_dry {
        background: url(../img/chart/taste_dry_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }
    
    #suntory_contents .lineup .product .btn_shop a {
        width: 50.666666666666667vw;
        height: 12vw;
        background: #981C41 url(../img/icon_cart.svg) no-repeat 4.8vw center;
        background-size: 4vw auto;
        border-radius: 6.133333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.733333333333333vw;
        padding-left: 5.333333333333333vw;
        box-sizing: border-box;
        color: #fff;
        text-decoration: none;
    }
    #suntory_contents .lineup .product .shop_container {
        margin: 0 auto;
        padding-bottom: 3.2vw;
        width: 84vw;
        background: #981C41;
        border-radius: 1.6vw;
    }
    #suntory_contents .lineup .online_shop dt {
        height: 9.333333333333333vw;
        font-size: 3.466666666666667vw;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(../img/icon_cart.svg) no-repeat 25.333333333333333vw center;
        background-size: 3.2vw auto;
        box-sizing: border-box;
        padding-left: 6.933333333333333vw;
    }
    #suntory_contents .lineup .online_shop .note {
        margin: 0 4vw 3.2vw;
        font-size: 2.933333333333333vw;
        line-height: 1.363636363636364;
        color: #fff;
    }
    #suntory_contents .lineup .ec_buttons_container {
        margin: 0 auto;
        list-style: none;
    }
    #suntory_contents .lineup .ec_buttons_container .ec_button a {
        margin: 0 auto 3.2vw;
        display: block;
        width: 48vw;
        height: 12vw;
        border-radius: 1.6vw;
        text-indent: -9999px;
        box-sizing: border-box;
    }
    #suntory_contents .lineup .ec_buttons_container .ec_button:last-child a {
        margin: 0 auto;
    }
    #suntory_contents .lineup .ec_buttons_container .btn_amazon a {
        background: #fff url(../img/shop_amazon.png) no-repeat center center;
        background-size: auto 12vw;
    }
    #suntory_contents .lineup .ec_buttons_container .btn_rakuten a {
        background: #fff url(../img/shop_rakuten.png) no-repeat center center;
        background-size: auto 12vw;
    }
    #suntory_contents .lineup .ec_buttons_container .btn_cave_de_vin a {
        background: #fff url(../img/shop_wine.png) no-repeat center center;
        background-size: auto 12vw;
    }
    #suntory_contents .lineup .ec_buttons_container .btn_lohaco a {
        background: #fff url(../img/shop_lohaco.png) no-repeat center center;
        background-size: auto 12vw;
    }
    #suntory_contents .lineup .ec_buttons_container .btn_yahoo a {
        background: #fff url(../img/shop_yahoo.png) no-repeat center center;
        background-size: auto 12vw;
    }
    #suntory_contents .lineup .product .shop_container.js_btn {
        background: none;
        border-radius: 0;
        width: 84vw;
        margin: 0 auto;
        padding: 0;
    }
    #suntory_contents .lineup .note {
        margin: 3.2vw 0 0;
        font-size: 2.666666666666667vw;
        line-height: 1.5;
    }

    
}