@charset "utf-8";


.shokichi{
background-image:url("../img/organicotetrapack/shokichi-pc.png"); background-repeat: no-repeat;background-position: top center;background-size: 1300px auto;}

@media print, screen and (min-width: 768px) {
    #suntory_contents .lineup .shokichi .product_list .product:nth-child(1) {
        padding: 60px 0 50px;
    }
}

@media print, screen and (max-width: 1300px) {
.shokichi{background-position: top left -50px;}
}

@media print, screen and (max-width: 767px) {
	.shokichi{
background-image:url("../img/organicotetrapack/shokichi-sp.png"); background-repeat: no-repeat;background-position: top center;background-size: 100% auto;}
    #suntory_contents .lineup .shokichi .product_list .product:nth-child(1) {
        padding: 60px 0 68vw;
    }
}


.specialcontents_photo {padding: 50px 0;margin: 0 auto;width: 100%;max-width: 1260px;}
.specialcontents_photo img {width: 100%;height: auto;}

@media screen and (max-width:767px){
.specialcontents_photo {padding: 30px 0 0;}
}

.organico_bg{
background:url("../img/organicotetrapack/organico_bg.png"); }

.organicotetra_bg_under{
position: relative;
height: 5px;    
margin-bottom:110px;
}

img.organicotetra_bg_under_img{
position: absolute;
top:3px;
height: 300px;    
width: 100%;
z-index: -20;}

   .otp_button{
    width: 100%;
    text-align: center;    
    max-width: 1160px;
    margin: 0 auto;    
    }
    
    .otp_button a{
    width: 90%; 
      margin: 0 auto 80px;        
    padding: 15px 30px;    
    border-radius: 50px;    
    display: block;    
    background-color:#75AC2F;
    color: white;  
      font-family: 'Kiwi Maru', serif;
    font-size: 2.4rem;
    text-decoration: none;
    letter-spacing: 0.01em;    
    }
    
.otp_button a:hover{
transition: 0.3s ease;  
background-color: #3AAD1A; } 

.tetrapack-note{
  width: 100%;
padding: 50px 0;    
margin: 0 auto;  
text-align: center;    
    max-width: 1160px;    
}


.tetrapack-note img{
  width: 80%;
text-align: center;
margin: 0 auto;    
object-fit: contain; 
}

.tn_title{
width: 90%;    
display:block;   
    margin: 0 auto 30px;        
    padding: 16px 30px;    
    border-radius: 50px;      
    background-color:#75AC2F;
    color: white;  
      font-family: 'Kiwi Maru', serif;
    font-size: 2.5rem;    
}

.tetrapack-note ul li{
 text-align: left;  
list-style: none;
font-size: 1.5rem;
padding-bottom:20px;
position: relative;
padding-left: 2.2rem;    
}

.tetrapack-note ul li:before{
content:""; 
position: absolute;
left:0;	
top:6px;    
width: 24px;  
height: 24px;
display: inline-block;
margin-left: 3px;
background:url("../img/tn_list.png") no-repeat scroll left center transparent;
background-size: contain;	    
}

.tetrapack-note ul{
width: 80%;
letter-spacing: 0.01em;
margin: 0 auto;
line-height: 1.5;    
}

a.tn_back{  
display:inline-block;   
    margin: 20px auto 30px;        
    padding: 7px 60px 8px;    
    border-radius: 50px;      
    background-color:#75AC2F;
    color: white;  
      font-family: 'Kiwi Maru', serif;
    font-size: 1.5rem;  
text-decoration: none;}

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


  
/*------------------------------------------------------------
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 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(40px,-30px);
transition: all 0.5s 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; }

.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/organicotetrapack/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/organicotetrapack/mv_organico_pc.png") 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 10px;
        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;
    }


    
    
    /*------------------------------------------------------------
    [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;}
    #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: auto;
        margin: 0 20px 0px 0px;
        padding: 0;
        box-sizing: border-box;
    }
    
    
    #suntory_contents .products_nav .products_container .product picture img {
        width: auto;
        height: 180px;
        object-fit: contain;
        vertical-align: bottom;
    }
      
    .wid46 picture img{width:46px !important;}
    #suntory_contents .products_nav .products_container .product .data {
        width: 170px;
        height: 210px;
        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: 100px auto 100px;
        width: 950px;
        display: flex;
        align-content: center;
    }
    #suntory_contents .about .img {
    width: 40%;
        position: relative;
    }
    
      #suntory_contents .about .img img.img-c{
  width: 85%;
top:35%;
    right: 0;
    position: absolute;    
   mix-blend-mode: multiply;
   -webkit-mix-blend-mode: multiply;  
    }
    
          #suntory_contents .about .img img.img-d{
  width: 70%;
top:0;
  left: -25%;
    position: absolute;    
   mix-blend-mode: multiply;
   -webkit-mix-blend-mode: multiply;  
    }
    
             #suntory_contents .about .img img.img-e{
  width: 64%;
     right: -10%;
    top:-6%;             
    position: absolute;    
    }
    
 #suntory_contents .about .img img.img-f{
  width: 62%;
    position: absolute;    
   top:77%;     
    left: -7%;
        
    }

   #suntory_contents .about .img img.img-g{
  width: 80%;
    position: absolute;    
    top:88%;
    right: -5%;
    }
    
    #suntory_contents .about .inner .text {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;}
    
       #suntory_contents .about .inner .text img.img-a{
       width: 350px;}
 
    #suntory_contents .about .inner .text h2 {
    margin-top: 20px;    
   margin-bottom: 20px;
    font-size: 36px;
    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 p {
           font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
        position: relative;
        
    }
    
      #suntory_contents .about .inner .text p img.img-b{
     position: absolute;
    width: 70px;
    top:0;
    right: 28%;
    }

    /*------------------------------------------------------------
    [PC] history
    ------------------------------------------------------------ */
    #suntory_contents .history {}
    
    #suntory_contents .history .inner {
        margin: 0 auto;
        width: 950px;
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }
    
    #suntory_contents .history .inner .text {
        width: 50%;
    
        display: flex;
        flex-direction: column;
        align-items:left;
        justify-content: center;
        position: relative;
    }

    
    #suntory_contents .history .inner .text h2 {
       margin-top: 20px;    
   margin-bottom: 20px;
    font-size: 36px;
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    color: #604C3F;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;

    }
    
     #suntory_contents .history .inner .text h2 sup {
display: inline-block;
        font-size: 18px;
         vertical-align: 50%;
    }
    
    #suntory_contents .history .inner .text p {
              font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
        text-indent: -17px;
        padding-left: 17px;
    }
    
    #suntory_contents .history .img {
  width: 45%;
        height: 480px;
        position: relative;
       
    }
    
      #suntory_contents .history .img img.img-h{
  width: 70%;
        top:-15%;
        right: -20%;
        position: absolute;
    }
    
         #suntory_contents .history .img img.img-i{
  width: 62%;
    right: 0%;
    top:15%;        
        position: absolute;
    }

         #suntory_contents .history .img img.img-j{
  width: 62%;
     left:-15%; 
             top:-15%;  
        position: absolute;
    }
    
    
    
    /*------------------------------------------------------------
    [PC] certification
    ------------------------------------------------------------ */
    #suntory_contents .certification {}
    
    #suntory_contents .certification .inner {
        margin: 0vw auto 15px;
        width: 1160px;
        align-items:center;
        display: flex;
        justify-content: flex-end;
    }
    
    #suntory_contents .certification .inner .text {
        width: 80%;
        display: flex;
        flex-direction: column;
       text-align: left;
        position: relative;
    }
    
       #suntory_contents .certification .inner .text .img-l{
        position: absolute;
        width: 18%; 
        top:-75%;
        right: 0;
    }
    
       #suntory_contents .certification .inner .text .img-m{
        position: absolute;
        width: 28%;  
         top:-30%;
        right: 10%;   
    }

    
    #suntory_contents .certification .inner .text h2 {
       margin-top: 20px;    
   margin-bottom: 20px;
    font-size: 36px;
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    color: #604C3F;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;

    }
    
     #suntory_contents .certification .inner .text h2 sup {
display: inline-block;
        font-size: 18px;
         vertical-align: 50%;
    }
    
    #suntory_contents .certification .inner .text p{
         text-align: left;
              font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
    }
    
       #suntory_contents .certification .inner .text p sup{
           display: inline-block;
              font-size: 12px;
           vertical-align: 20%;
    }
    
    
     
    #suntory_contents .certification .inner .text span.ex{
    width: 80%;    
              font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
        text-indent: -17px;
        padding-left: 17px;
        margin-top: 10px;
    }
    
    
    #suntory_contents .certification .img {
    margin-top: -5%;
  width: 28%;  }
    

    
      #suntory_contents .certification .img img.img-k{
  width: 100%;
        object-fit: contain;
        right: 5%;
        top:-10%;
    }
    
    
      
    /*------------------------------------------------------------
    [PC] feature
    ------------------------------------------------------------ */
    #suntory_contents .feature {}
    
    #suntory_contents .feature .inner {
        margin: 0% auto 120px;
        width: 1000px;
        align-items:center;
        display: flex;
        justify-content: flex-end;
    }
    
    #suntory_contents .feature .inner .text {
        width: 60%;
    
        display: flex;
        flex-direction: column;
       text-align: left;
        position: relative;
    }
    

    
    #suntory_contents .feature .inner .text h2 {
  
   margin-bottom: 20px;
    font-size: 36px;
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    color: #604C3F;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;

    }
    
     #suntory_contents .feature .inner .text h2 sup {
display: inline-block;
        font-size: 18px;
         vertical-align: 50%;
    }
    
    #suntory_contents .feature .inner .text p{
         text-align: left;
              font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
    }
    
       #suntory_contents .feature .inner .text p sup{
           display: inline-block;
              font-size: 12px;
           vertical-align: 20%;
    }
    
    
     
    #suntory_contents .feature .inner .text span.ex{
    width: 80%;    
              font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
        text-indent: -17px;
        padding-left: 17px;
        margin-top: 10px;
    }
    
    
    #suntory_contents .feature .img {
  width: 30%;
    height: 250px;  
    margin-right: 7%;    
   position: relative;}
    

    
      #suntory_contents .feature .img img.img-o{
  width: 70%;
        object-fit: contain;
        left: 10%;
        top:-0%;
        position: absolute;
    }
    
       #suntory_contents .feature .img img.img-p{
  width: 32%;
        object-fit: contain;
        right: 0%;
        top:55%;
        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 .shokichi .product_list {
        background-size: 0px 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(1) picture img {
  width: 82px;
  
    }
    #suntory_contents .lineup .product:nth-child(1) picture {
        padding: 20px 0 0 0px;
    }
    
          #suntory_contents .lineup .product:nth-child(2) picture img {
  width: 97px;
  
    }
    #suntory_contents .lineup .product:nth-child(2) picture {
        width:230px;
        padding: 30px 0 0 20px;
    }
    
          #suntory_contents .lineup .product:nth-child(2) picture.product_bio_w img {
  width: 82px;
  
    }
    #suntory_contents .lineup .product:nth-child(2) picture.product_bio_w {
        padding: 20px 0 0 20px;
    }
    
    
       #suntory_contents .lineup .product:nth-child(3) picture img {
  width: 108px;
  
    }
    
          #suntory_contents .lineup .product:nth-child(4) picture img {
  width: 120px;
  
    }
    
           #suntory_contents .lineup .product:nth-child(5) picture img {
  width: 115px;}
    
          #suntory_contents .lineup .product:nth-child(6) picture img {
  width: 120px;}
    
              #suntory_contents .lineup .product:nth-child(9) picture img {
  width: 105px;}
    
          #suntory_contents .lineup .product:nth-child(10) picture img {
  width: 120px;}
    
    #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%;}
}




/*--------------------------------------------------------------
|
| 1300PX以下
|
--------------------------------------------------------------*/

@media screen and (max-width: 1200px) {
    
    
  
    /*------------------------------------------------------------
    [1200] main_visual
    ------------------------------------------------------------ */
    #suntory_contents .main_visual {
        background: url("../img/organicotetrapack/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/organicotetrapack/mv_organico_pc.png) no-repeat center bottom;
         background-size: 1160px auto;
    }

    #suntory_contents .main_visual .note {
    margin: 0 auto 8px;
    width: 80%px;
    }
    #suntory_contents .main_visual .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;
        line-height: 13px;
        font-size: 8px;
        color: white;
    }

  
    

    /*------------------------------------------------------------
    [1200] about
    ------------------------------------------------------------ */
    #suntory_contents .about {
  
    }
    #suntory_contents .about .inner {
        margin: 100px auto 100px;
        width: 88%;
        display: flex;
        align-content:flex-end;
        justify-content: center;
    }
    #suntory_contents .about .img {
    width: 40%;
        height: 50vw;
        position: relative;
 
    }
    
      #suntory_contents .about .img img.img-c{
  width: 85%;
top:30%;
    right: 0;
    position: absolute;    
   mix-blend-mode: multiply;
   -webkit-mix-blend-mode: multiply;  
    }
    
          #suntory_contents .about .img img.img-d{
  width: 65%;
top:0;
  left: -22%;
    position: absolute;    
   mix-blend-mode: multiply;
   -webkit-mix-blend-mode: multiply;  
    }
    
             #suntory_contents .about .img img.img-e{
  width: 64%;
     right: -10%;
    top:-6%;             
    position: absolute;    
    }
    
 #suntory_contents .about .img img.img-f{
  width: 65%;
    position: absolute;    
   top:68%;     
    left: -7%;
        
    }

   #suntory_contents .about .img img.img-g{
  width: 80%;
    position: absolute;    
    top:80%;
    right: -5%;
    }
    
    #suntory_contents .about .inner .text {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;}
    
       #suntory_contents .about .inner .text img.img-a{
       width: 80%;}
 
    #suntory_contents .about .inner .text h2 {
    margin-top: 20px;    
   margin-bottom: 20px;
    font-size: 36px;
    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 p {
           font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
        position: relative;
        
    }
    
      #suntory_contents .about .inner .text p img.img-b{
     position: absolute;
    width: 15%;
    top:0;
    right: 10%;
    }
    
    /*------------------------------------------------------------
    [1300] history
    ------------------------------------------------------------ */
    #suntory_contents .history {}
    
    #suntory_contents .history .inner {
        margin: 0 auto;
        width: 85%;
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }
    
    #suntory_contents .history .inner .text {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items:left;
        justify-content: center;
        position: relative;
    }

    
    #suntory_contents .history .inner .text h2 {
       margin-top: 20px;    
   margin-bottom: 20px;
    font-size: 36px;
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    color: #604C3F;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;

    }
    
     #suntory_contents .history .inner .text h2 sup {
display: inline-block;
        font-size: 18px;
         vertical-align: 50%;
    }
    
    #suntory_contents .history .inner .text p {
              font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
        text-indent: -17px;
        padding-left: 17px;
    }
    
    #suntory_contents .history .img {
  width: 48%;
        height: 480px;
        position: relative;
       
    }
    
      #suntory_contents .history .img img.img-h{
  width: 25vw;
        top:-15%;
        right: -20%;
        position: absolute;
    }
    
         #suntory_contents .history .img img.img-i{
  width:  23vw;
    right: -0%;
    top:15%;        
        position: absolute;
    }

         #suntory_contents .history .img img.img-j{
  width: 23vw;
     left: -4%; 
             top:-12%;  
        position: absolute;
    }
    
    
    
    /*------------------------------------------------------------
    [PC] certification
    ------------------------------------------------------------ */
    #suntory_contents .certification {}
    
    #suntory_contents .certification .inner {
        margin: 0vw auto 15px;
        width: 85%;
        align-items:center;
        display: flex;
        justify-content: flex-end;
    }
    
    #suntory_contents .certification .inner .text {
        width: 80%;
         margin-top: 15%;
        display: flex;
        flex-direction: column;
       text-align: left;
        position: relative;
    }
    
       #suntory_contents .certification .inner .text .img-l{
        position: absolute;
        width: 12vw; 
         top:auto;
         bottom:35vh;
        right: 0;
    }
    
       #suntory_contents .certification .inner .text .img-m{
        position: absolute;
        width: 19vw;  
        top:auto;
         bottom:25vh;
        right: 18%;   
    }

    
    #suntory_contents .certification .inner .text h2 {
       margin-top: 20px;    
   margin-bottom: 20px;
    font-size: 36px;
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    color: #604C3F;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;

    }
    
     #suntory_contents .certification .inner .text h2 sup {
display: inline-block;
        font-size: 18px;
         vertical-align: 50%;
    }
    
    #suntory_contents .certification .inner .text p{
         text-align: left;
              font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
    }
    
       #suntory_contents .certification .inner .text p sup{
           display: inline-block;
              font-size: 12px;
           vertical-align: 20%;
    }
    
    
     
    #suntory_contents .certification .inner .text span.ex{
    width: 100%;    
              font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
        text-indent: -17px;
        padding-left: 17px;
        margin-top: 10px;
    }
    
    
    #suntory_contents .certification .img {
    margin-top: -5%;
  width: 35%;  }
    

    
      #suntory_contents .certification .img img.img-k{
  width: 27vw;
        object-fit: contain;
        right: 5%;
        top:-30%;
    }
    
    
      
    /*------------------------------------------------------------
    [1300] feature
    ------------------------------------------------------------ */
    #suntory_contents .feature {}
    
    #suntory_contents .feature .inner {
        margin: 6% auto 120px;
        width: 88%;
        align-items:center;
        display: flex;
        justify-content: flex-end;
    }
    
    #suntory_contents .feature .inner .text {
        width: 60%;
    
     display: flex;
        flex-direction: column;
       text-align: left;
        position: relative;
    }
    

    
    #suntory_contents .feature .inner .text h2 {
  
   margin-bottom: 20px;
    font-size: 36px;
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    color: #604C3F;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;

    }
    
     #suntory_contents .feature .inner .text h2 sup {
display: inline-block;
        font-size: 18px;
         vertical-align: 50%;
    }
    
    #suntory_contents .feature .inner .text p{
         text-align: left;
              font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
    }
    
       #suntory_contents .feature .inner .text p sup{
           display: inline-block;
              font-size: 12px;
           vertical-align: 20%;
    }
    
    
     
    #suntory_contents .feature .inner .text span.ex{
    width: 80%;    
              font-size: 16px;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
        text-indent: -17px;
        padding-left: 17px;
        margin-top: 10px;
    }
    
    
    #suntory_contents .feature .img {
  width: 28%;
    height: 25vw;  
    margin-right: 7%;    
   position: relative;}
    

    
      #suntory_contents .feature .img img.img-o{
  width: 20vw;
        object-fit: contain;
        left: 10%;
        top:-4vh;
        position: absolute;
    }
    
       #suntory_contents .feature .img img.img-p{
  width: 10vw;
        object-fit: contain;
        right: 0%;
        top:15vh;
        position: absolute;
    }
    
  
   .otp_button{
    width: 90%;
    text-align: center;    
    max-width: 90%;
    margin: 0 auto;    
    }
    
    .otp_button a{
    width: auto; 
      margin: 0 auto 80px;        
    padding: 15px 30px;    
    border-radius: 50px;    
    display: block;    
    background-color:#75AC2F;
    color: white;  
      font-family: 'Kiwi Maru', serif;
    font-size: 1.8rem;
    text-decoration: none;
    letter-spacing: 0.01em;    
    }
    
  .tetrapack-note{
  width: 90%;
padding: 50px 0;    
margin: 0 auto;  
text-align: center;    
    max-width: 90%;    
}

    
    
    
}







/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:767px){
    
    
   .otp_button{
    width: 90%;
    text-align: center;    
    max-width: 90%;
    margin: 0 auto;    
    }
    
    .otp_button a{
    width: auto; 
      margin: 80px auto 50px;        
    padding: 15px 30px 20px;    
    border-radius: 100px;    
    display: block;    
    background-color:#75AC2F;
    color: white;  
      font-family: 'Kiwi Maru', serif;
    font-size: 5.5vw;
    text-decoration: none;
    letter-spacing: 0.01em;    
    }
    
    
.tn_title{
width: auto;    
display:block;   
    margin: 10px auto 30px;        
    padding: 16px 30px;    
    border-radius: 100px;    
    letter-spacing: -0.015em;
    background-color:#75AC2F;
    color: white;  
      font-family: 'Kiwi Maru', serif;
     font-size: 6vw;  
}

    .tetrapack-note img{
        width: 100%;
    }

.tetrapack-note ul{
width: 90%;
letter-spacing: 0.01em;
margin: 0 auto;
line-height: 1.5;    
}

        



    /*------------------------------------------------------------
    [SP] main_visual
    ------------------------------------------------------------ */
 
    #suntory_contents .main_visual {
    background: #EBE6E1 url("../img/organicotetrapack/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/organicotetrapack/mv_organico_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;
    }

    
      
    /*------------------------------------------------------------
    [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 24vw 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;
        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: 3vw;
    }
    #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: 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 {
width: 100%;
  overflow: hidden;
    }
    #suntory_contents .about .inner {
        margin: 0px auto 20px;
        width: 85%;
        display: flex;

        flex-direction: column;
        align-content:flex-end;
        justify-content: center;
    }
    #suntory_contents .about .img {
    width: 100%;
        height:130vw;
        position: relative;
    }
    
      #suntory_contents .about .img img.img-c{
  width: 68%;
top:48%;
    right: 0;
    position: absolute;    
   mix-blend-mode: multiply;
   -webkit-mix-blend-mode: multiply;  
    }
    
          #suntory_contents .about .img img.img-d{
  width: 45%;
top:33%;
  left: -1%;
    position: absolute;    
   mix-blend-mode: multiply;
   -webkit-mix-blend-mode: multiply;  
    }
    
 #suntory_contents .about .img img.img-e{
  width: 65%;
     right: 0;

    top:0%;             
    position: absolute;    
    }
    
 #suntory_contents .about .img img.img-f{
  width: 50%;
    position: absolute;    
   top:auto; 
    bottom: 15%;
    left: 0%;
        
    }

   #suntory_contents .about .img img.img-g{
  width: 80%;
    position: absolute;    
    top:auto;
    bottom: 0;   
    right:0%;
    }
    
    #suntory_contents .about .inner .text {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;}
    
       #suntory_contents .about .inner .text img.img-a{
        margin: 0 auto 3vw;   
        text-align: center;   
       width: 80%;}
 
    #suntory_contents .about .inner .text h2 {
    margin-top: 20px;    
   margin-bottom: 20px;
    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 p {
    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 .about .inner .text p img.img-b{
     position: absolute;
    width: 15%;
    top:0;
    right: 10%;
    }
    
    /*------------------------------------------------------------
    [SP] history
    ------------------------------------------------------------ */
    #suntory_contents .history {width: 100%;
  overflow: hidden;}
    
    #suntory_contents .history .inner {
        margin: 20px auto 0;
        width: 85%;
        flex-direction: column;
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }
    
    #suntory_contents .history .inner .text {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items:left;
        justify-content: center;
        position: relative;
        order: 1;
    }

    
    #suntory_contents .history .inner .text h2 {
       margin-top: 20px;    
   margin-bottom: 20px;
     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 .history .inner .text h2 sup {
display: inline-block;
        font-size: 3vw;
         vertical-align:70%;
    }
    
    #suntory_contents .history .inner .text p {
      font-size: 3.8vw;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    text-align: justify;
    font-family: 'Kiwi Maru', serif;
        text-indent: -17px;
        padding-left: 17px;
    }
    
    #suntory_contents .history .img {
  width:100%;
        height: 95vw;
        position: relative;
        order: 2;
       
    }
    
      #suntory_contents .history .img img.img-h{
  width: 40%;
        top:2%;
        right: 14%;
        position: absolute;
    }
    
         #suntory_contents .history .img img.img-i{
  width:  50%;
    right: -0%;
    top:auto;     
bottom: 0;
        position: absolute;
    }

         #suntory_contents .history .img img.img-j{
   width:  50%;
     left:0%; 
             top:0%;  
        position: absolute;
    }
    
    
    
    /*------------------------------------------------------------
    [SP] certification
    ------------------------------------------------------------ */
    #suntory_contents .certification {width: 100%;
  overflow: hidden;}
    
    #suntory_contents .certification .inner {
        margin: 0vw auto 15px;
        width: 85%;
        flex-direction: column;
        align-items:center;
        display: flex;
        justify-content: flex-end;
    }
    
    #suntory_contents .certification .inner .text {
        width: 100%;
        order: 1;
         margin-top: 15px;
        display: flex;
        flex-direction: column;
       text-align: left;
        position: relative;
    }
    
       #suntory_contents .certification .inner .text .img-l{
        position: absolute;
        width: 18%; 
         top:auto;
   bottom:-30%;
        right: auto;
           left: 20%;
    }
    
       #suntory_contents .certification .inner .text .img-m{
        position: absolute;
        width: 30%;  
        top:auto;
         bottom:-65%;
        right: auto; 
           left: 0;
    
    }

    
    #suntory_contents .certification .inner .text h2 {
       margin-top: 0px;    
   margin-bottom: 20px;
     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 .certification .inner .text h2 sup {
display: inline-block;
        font-size: 18px;
         vertical-align: 50%;
    }
    
    #suntory_contents .certification .inner .text p{
      font-size: 3.8vw;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    text-align: justify;
    font-family: 'Kiwi Maru', serif;
    }
    
       #suntory_contents .certification .inner .text p sup{
           display: inline-block;
              font-size: 0.8vw;
           vertical-align: 40%;
    }
    
    
     
    #suntory_contents .certification .inner .text span.ex{
    width: 100%;    
              font-size: 3.8vw;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
        text-indent: -17px;
        padding-left: 17px;
        margin-top: 10px;
    }
    
    
    #suntory_contents .certification .img {
    margin-top: -5%;
    order: 2;
        text-align: center;
  width: 100%;  }
    

    
      #suntory_contents .certification .img img.img-k{
  width: 60%;
        float: right;
          margin-top: 9%;
        object-fit: contain;
        right: 5%;
        top:-30%;
    }
    
    
      
    /*------------------------------------------------------------
    [SP] feature
    ------------------------------------------------------------ */
    #suntory_contents .feature {width: 100%;
  overflow: hidden;}
    
    #suntory_contents .feature .inner {
        margin: 6% auto 40px;
        width: 85%;
        flex-direction: column;
        align-items:center;
        display: flex;
        justify-content: flex-end;
    }
    
    #suntory_contents .feature .inner .text {
        width:100%;
    order: 1;
     display: flex;
        flex-direction: column;
       text-align: left;
        position: relative;
    }
    

    
    #suntory_contents .feature .inner .text h2 {
  
   margin-bottom: 20px;
   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 .feature .inner .text h2 sup {
display: inline-block;
        font-size: 18px;
         vertical-align: 50%;
    }
    
    #suntory_contents .feature .inner .text p{
    font-size: 3.8vw;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    text-align: justify;
    font-family: 'Kiwi Maru', serif;
    }
    
       #suntory_contents .feature .inner .text p sup{
           display: inline-block;
              font-size: 12px;
           vertical-align: 20%;
    }
    
    
     
    #suntory_contents .feature .inner .text span.ex{
    width: 80%;    
 font-size: 3.8vw;
    line-height: 1.875;
    color: #604C3F;
    letter-spacing: -0.04em;
    font-family: 'Kiwi Maru', serif;
        z-index: 10;
        text-indent: -17px;
        padding-left: 17px;
        margin-top: 10px;
    }
    
    
    #suntory_contents .feature .img {
  width: 100%;
    order: 2;    
    height:50vw;  
    margin-right: 7%;    
   position: relative;}
    

    
      #suntory_contents .feature .img img.img-o{
  width: 45%;
        object-fit: contain;
        left: 15%;
        top:2vh;
        position: absolute;
    }
    
       #suntory_contents .feature .img img.img-p{
  width:25%;
        object-fit: contain;
        right: 15%;
        top:auto;
        bottom: 0;   
        position: absolute;
    }
    
    
    
    
    
    /*------------------------------------------------------------
    [SP] lineup
    ------------------------------------------------------------ */

    #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: 16vw;
        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%;}
    
    
    
    
    

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

img.organicotetra_bg_under_img{
position: absolute;
top:-8vw;
width: 100%;
z-index: -20;
}

    
    
    
}