@charset "utf-8";


.organico_bg{
background:#FFFCDB;   
}

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

img.organico_bg_under_img{
position: absolute;
top:-70px;
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-a_set{
opacity: 0;
  transform: translate(-30px, -100px);  
transition: all 0.8s 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(-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-c_set{
opacity: 0;
    transform: translate(80px,-90px);
transition: all 1s ease-in-out;
transition-delay: 0.3s;  }

.tv_fadeanime-c_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-b_set{
opacity: 0;
  transform: translateY(-80px);
transition: all 0.8s ease-in-out;
transition-delay: 0.5s;  }

.tv_fadeanime-b_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/organico/mv_organico_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/organico/mv_organico_pc.jpg) no-repeat center bottom;
         background-size: 1160px auto;
    }

    #suntory_contents .main_visual .note {
    margin: 0 auto 8px;
    width: 1200px;
    }
    #suntory_contents .main_visual .note span {
        margin: 0 0 5px 0px;
        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: 50px auto;
        width: 1160px;
    }
    #suntory_contents .products_nav .products_container {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .pt50{padding-top:50px;}
    .pt50-1160{padding-top:50px;}
    #suntory_contents .products_nav .products_container .product {
        width: 290px;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    #suntory_contents .products_nav .products_container .product picture {
        width: 40px;
        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;
    }
    .wid46 picture img{width:46px !important;}
    #suntory_contents .products_nav .products_container .product .data {
        width: 170px;
        height: 190px;
        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%);
    }

    .pt50-1160{padding-top:0px;}


    /*------------------------------------------------------------
    [PC] about
    ------------------------------------------------------------ */
    #suntory_contents .about {
  
    }
    
    #suntory_contents .about .inner {
        margin: 0 auto;
        padding-top: 35px;
        width: 1160px;
        display: flex;
        justify-content: space-between;}
    
    #suntory_contents .about .img {
    position: relative;
    width: 53%;    
    }
    
      #suntory_contents .about .img img{
width: 100%;
object-fit: contain;          
    }
    
 
    #suntory_contents .about .img-a{
    width: 100%;    
     right:-5%;
    z-index: 2;
    position: absolute;
    }
    
     #suntory_contents .about  .img-b{
    width: 53%;   
    top:0;
    position: absolute; }
    
  
    #suntory_contents .about .inner .text {
margin-top: 60px;
   width: 47%; }
   

    #suntory_contents .about .inner .text h3 {
    margin-top: 30px;    
   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 .about .inner .text h2 {
   display:flex;
    flex-direction:column;    
     font-family: 'Kiwi Maru', serif;
    color:#C79F62;
     font-size: 50px;
        text-align:center;
        position: relative;
    }
    
        #suntory_contents .about .inner .text h2 img.img-c{
position: absolute;
    width: 25%;
   right: 25%;
        top:10%;
              mix-blend-mode: multiply;
   -webkit-mix-blend-mode: multiply;
    }
    
            #suntory_contents .about .inner .text h2 img.img-d{
position: absolute;
width: 38%;  
            right: 0%;
                top:58%;
                mix-blend-mode: multiply;
                -webkit-mix-blend-mode: multiply;
    }
    
       #suntory_contents .about .inner .text h2 img{
  width:240px;
        object-fit:contain;   
    }
    
    #suntory_contents .about .inner .text p {
margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
    }

    /*------------------------------------------------------------
    [PC] history
    ------------------------------------------------------------ */
    #suntory_contents .history {
  
    }
    #suntory_contents .history .inner {
        margin: 0 auto;
        padding: 100px 0 120px;
        width: 1160px;
justify-content: space-between;
        display: flex;
    }
    
    #suntory_contents .history .inner .text {
width: 43%;
    position: relative;
    }
    
    #suntory_contents .history .inner .text img{
width: 100%;
    }    
    
        
 #suntory_contents .history .text .img-e{
  width: 360px;
    right: -40%;
    top:-20%;
    position: absolute;
    }
   
    #suntory_contents .history .inner .text h2 {
      margin-top: 30px;    
   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 .history .inner .text p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
    position: relative;
    }
    
    #suntory_contents .history .img {
  width: 52%;
    position: relative;
    }
    
  #suntory_contents .history .img img{
  width: 100%;
    }

    
  #suntory_contents .history .img .img-f{
  width: 100%;
    top:0;
    position: absolute;
      z-index: 2;
    }
    
 #suntory_contents .history .img .img-g{
  width: 50%;
    position: absolute;
     top:67%;
     right: 5%;
    }
    
   #suntory_contents .history .img .img-h{
  width: 28%;
    top:72%;
    left: 6%;
    position: absolute;
    }
    


    /*------------------------------------------------------------
    [PC] lineup
    ------------------------------------------------------------ */
  #suntory_contents .lineup .product_list {
        margin: 0 auto;
        width: 1160px;
        list-style: none;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        background: url(../img/line_vertical.png) repeat-y center 0;
        background-size: 1px auto;
    }
    #suntory_contents .lineup .product_list .product {
         width: 580px;
        padding: 50px 0 50px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 165px 330px;
        grid-template-columns: 165px 330px;
    }
    #suntory_contents .lineup .product:nth-child(2n) {
        -ms-grid-columns: 215px 330px;
        grid-template-columns: 215px 330px;
    }

    #suntory_contents .lineup .product_list .product:nth-child(1),
    #suntory_contents .lineup .product_list .product:nth-child(2) {
        padding: 20px 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),
    #suntory_contents .lineup .product_list .product:nth-child(5),
    #suntory_contents .lineup .product_list .product:nth-child(6),
    #suntory_contents .lineup .product_list .product:nth-child(7),
    #suntory_contents .lineup .product_list .product:nth-child(8) {
        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:165px;
        text-align: center;
        -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 20px 0 0;
    }
    #suntory_contents .lineup .product:nth-child(2n) picture {
        width:215px;
        padding: 0 0 0 30px;
    }
    #suntory_contents .lineup .product picture img {
        width: 75px;
        height: auto;
        vertical-align: bottom;
    }
    #pumante picture img{width:87px !important;}
    #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;
    }
    #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;
    }


    .newIcon2,.commercialIcon,.commercialIcon2{position:relative;}
    .newIcon2::before{
        content: '';
        width:60px;
        height:60px;
        background: url(../../common/img/New_icon.png) no-repeat center;
        background-size: 100%;
        position: absolute;
        left: 35%;
        top: 50%;
        transform: translate(0,-50%);
    }
    .commercialIcon::before{
        content: '';
        width:60px;
        height:59px;
        background: url(../../common/img/commercial_icon.png) no-repeat center;
        background-size: 100%;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
    }
    .iconBtn1::before{left: 73%;}
    .iconBtn2::before{left:81%;}

    .spIcon01::before{top: 50%;}
    .spIcon02::before{top:35%;}
}



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

@media screen and (max-width: 1170px) {
    
 #suntory_contents .main_visual .note {
    margin: 0 auto 8px;
    width: 100%;
}   
    
 #suntory_contents .products_nav {
    margin: 50px auto 0;
    width: 90%;
}
    
  
#suntory_contents .about .inner {
    margin: 0 auto;
    padding-top: 35px;
    width: 85%;
    display: flex;
    justify-content: space-between;
}   
    

    
#suntory_contents .about .inner .text h2 img {
    width: 55%;
    object-fit: contain;
}   
    
#suntory_contents .history .inner {
    margin: 0 auto;
    padding: 100px 0 120px;
    width: 85%;
    display: flex;
}   
    
#suntory_contents .history .img {
    width: 52%;
    height: 30vw;
    position: relative;
}    
    
.pt50-1160{padding-top:50px;}
}


@media screen and (max-width: 967px) {
.pt50-967 {padding-top: 50px;}
}

/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:767px){
    
    
    .organico_bg{
  
        overflow: hidden;    
    }

    /*------------------------------------------------------------
    [SP] main_visual
    ------------------------------------------------------------ */
    #suntory_contents .main_visual {
        background: #EBE6E1 url(../img/organico/mv_organico_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/organico/mv_organico_sp.jpg) no-repeat center bottom;
        background-size: 100%;
    }
 

    #suntory_contents .main_visual .note {
        margin: 0 auto;
        width: 100%;
    }
    #suntory_contents .main_visual .note span {
        margin: 10px auto;
        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;
    }
    #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: 8vw;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .products_nav .products_container .product .data {
        width: 28.8vw;
        height: 40vw;
        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;
        list-style: none;
    }
    #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: 8vw;
        height: 8vw;
        background: url(../../common/img/commercial_icon.png) no-repeat center;
        background-size: 100%;
        position: absolute;
        left: 68%;
        transform: translate(0,-50%);
    }

    .spIcon01::before{top: 48%;}
    .spIcon02::before{top:40%;}


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

    /*------------------------------------------------------------
    [SP] about
    ------------------------------------------------------------ */
    #suntory_contents .about {
    }
    
    #suntory_contents .about .inner {
        margin: 0 auto;
        padding-top: 0px;
        width: 85%;
        display: flex;
    flex-direction: column;
        justify-content: space-between;}
    
    #suntory_contents .about .img {
    position: relative;
    width: 100%;  
    height: 60vw;
        margin-top: 4vw;
        order: 2;
    }
    
      #suntory_contents .about .img img{
width: 100%;
object-fit: contain;          
    }
    
 
    #suntory_contents .about .img-a{
    width: 100%;    
     right:-5%;
    z-index: 2;
    position: absolute;
    }
    
     #suntory_contents .about  .img-b{
    width: 53%;   
    top:0;
    position: absolute; }
    
  
    #suntory_contents .about .inner .text {
margin-top: 60px;
    text-align: center;    
   width: 100%; }
   

    #suntory_contents .about .inner .text h3 {
     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;
    }
    
    #suntory_contents .about .inner .text h2 {
   display:flex;
    flex-direction:column;    
     font-family: 'Kiwi Maru', serif;
    color:#C79F62;
     font-size: 50px;
        text-align:center!important;
        position: relative;
    justify-content: center;
    }
    
        #suntory_contents .about .inner .text h2 img.img-c{
position: absolute;
    width: 13vw;
   right: 0vw;    
        top:auto;
            bottom: -1vw;
              mix-blend-mode: multiply;
   -webkit-mix-blend-mode: multiply;
    }
    
            #suntory_contents .about .inner .text h2 img.img-d{
position: absolute;
width: 26vw;  
            right: auto;
            left: 0vw;
                top:-15vw;
                mix-blend-mode: multiply;
                -webkit-mix-blend-mode: multiply;
    }
    
       #suntory_contents .about .inner .text h2 img{
  width:50vw;
margin: 0 auto 15px;
 text-align: center;
        object-fit:contain;  
           
    }
    
    #suntory_contents .about .inner .text p {
margin-bottom: 30px;
    font-size: 3.8vw;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    text-align: justify;
    font-family: 'Kiwi Maru', serif;
    }

    /*------------------------------------------------------------
    [SP] history
    ------------------------------------------------------------ */
    #suntory_contents .history {
  width: 100%;
        overflow: hidden;
    }
    #suntory_contents .history .inner {
        margin: 0 auto;
        padding: 160px 0 120px;
        width: 85%;
        flex-direction: column;
justify-content: space-between;
        display: flex;
    }
    
    
    #suntory_contents .history .inner .text {
width: 100%;
    position: relative;
    }
    
    #suntory_contents .history .inner .text img{
width: 100%;
    }    
    
        
 #suntory_contents .history .text .img-e{
  width: 55vw;
    right: 1%;
    top:-40vw;
    position: absolute;
    }
   
    #suntory_contents .history .inner .text h2 {
 margin-bottom: 25px;
    font-size: 7.4vw;
    text-align: center;
    letter-spacing: -0.08em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    color: #604C3F;
    font-family: 'Kiwi Maru', serif;
    position: relative;
    }
    
    #suntory_contents .history .inner .text p {
   margin-bottom: 30px;
    font-size: 3.8vw;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    text-align: justify;
    font-family: 'Kiwi Maru', serif;
    position: relative;
    }
    
    #suntory_contents .history .img {
  width: 100%;
    position: relative;
    height:50vw;    
    }
    
  #suntory_contents .history .img img{
  width: 100%;
    }

    
  #suntory_contents .history .img .img-f{
  width: 100%;
    top:0;
    position: absolute;
      z-index: 2;
    }
    
 #suntory_contents .history .img .img-g{
  width: 50vw;
    position: absolute;
     top:40vw;
     right: 5%;
    }
    
   #suntory_contents .history .img .img-h{
  width: 28%;
    top:44vw;
    left: 2%;
    position: absolute;
    }
    

    
    

    /*------------------------------------------------------------
    [SP] lineup
    ------------------------------------------------------------ */
    
    
    .organico_bg_under{
position: relative;
height: 100%;    
margin-bottom:100px;
}

img.organico_bg_under_img{
position: absolute;
top:0px;
width: 100%;
z-index: -20;
}
    
 
    #suntory_contents .lineup .product_list {
        margin: 0 4vw;
    }
    #suntory_contents .lineup .product_list .product {
        display: flex;
        flex-wrap: wrap;
        padding: 12vw 0 8vw;
        box-sizing: border-box;
        border-bottom: 0.266666666666667vw #EBE6E1 solid;
    }
    #suntory_contents .lineup .product_list .product:last-child {
        border-bottom: none;
    }
    #suntory_contents .lineup .product picture {
        margin: 0 2.666666666666667vw 5.6vw 0;
        width:25.333333333333333vw;
        text-align: center;
    }
    #suntory_contents .lineup .product picture img {
        width: 17.6vw;
        height: auto;
        vertical-align: bottom;
    }

    #suntory_contents .lineup .product .data {
        width: 64vw;
    }
    #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: 64vw;
    }
    #suntory_contents .lineup .product .data .chart p {
        width: 64vw;
        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: 64vw;
        margin: 0 0 0 auto;
        padding: 0;
    }
    #suntory_contents .lineup .note {
        margin: 3.2vw 0 0;
        font-size: 2.666666666666667vw;
        line-height: 1.5;
    }

    .disnone{display:none !important;}

    .newIcon2,.commercialIcon,.commercialIcon2{position:relative;}
    .newIcon2::before{
        content: '';
        width:11.6vw;
        height:11.6vw;
        background: url(../../common/img/New_icon.png) no-repeat center;
        background-size: 100%;
        position: absolute;
        left: 45%;
        top: 50%;
        transform: translate(0,-50%);
    }
    .commercialIcon::before{
        content: '';
        width:11.8vw;
        height:11.6vw;
        background: url(../../common/img/commercial_icon.png) no-repeat center;
        background-size: 100%;
        position: absolute;
    }
    .iconBtn1::before{
        left: 67%;
        top: 50%;
        transform: translate(0,-50%);
    }
    .iconBtn2::before{left:69%;}
    
.organico_bg_under{
position: relative;
height: 100%;    
margin-bottom:70px;
}

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