@charset "utf-8";


.contents_tavernello{
 position: relative; 
}

.sp_breadcrumbs{
    z-index:500;
    position: relative;
}

.supmante_bg{
background:#ECF4D9;   
overflow: hidden;
position: relative;
}

.sp_onBg{
position: absolute;
top:-25vw;
height: 80px;
}

.sp_onBg img{
width: 100%;
}

.supmante_bubble-a{
background:url("../img/spumante/bubble-a.png") repeat 0 0;  }

.supmante_bubble-b{       
background:url("../img/spumante/bubble-b.png") repeat 0 0;}

.supmante_bubble-c{  
background:url("../img/spumante/bubble-b.png") repeat 0 0;}

.tv_zoomin-aAnime{
  animation-name:zoomInAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}

@keyframes zoomInAnime{
  from {
  transform: scale(0.2);
  }

  to {
      transform: scale(1);
  }
}


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

img.spumante_bg_under_img{
position: absolute;
top:-20px;
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(-70px, -70px);  
transition: all 1s ease-in-out;
transition-delay: 0.2s;  }

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

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

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

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

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

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

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


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

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

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

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

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

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

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

/*---上---*/

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

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

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

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







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


    /*------------------------------------------------------------
    [PC] main_visual
    ------------------------------------------------------------ */
    #suntory_contents .main_visual {
        background: url("../img/spumante/mv_spumante_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/spumante/mv_spumante_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 50px;
        background: url(../img/icon_eu.svg) no-repeat 0 center;
        background-size: 19px 13px;
        padding-left: 24px;
        display: block;
        line-height: 13px;
        font-size: 8px;
        color: white;
    }
    
    .title_bar{
      color: rgba(255,255,255,0)  
    }
    
    
    /*------------------------------------------------------------
    [PC] products_nav
    ------------------------------------------------------------ */
    #suntory_contents .products_nav {
        margin: 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: 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: 160px;
        position: relative;
        padding-top:3%
    }
    #suntory_contents .products_nav .products_container .product .data h2 {
        font-size: 15px;
        line-height: 1.3;
    }
    #suntory_contents .products_nav .products_container .ec_buttons_container {
        margin: 10px 0 0;
        list-style: none;
    }
    #suntory_contents .products_nav .products_container .btn_detail a {
        width: 170px;
        height: 40px;
        background: #B49655 url(../img/icon_tri_down.svg) no-repeat 15px center;
        background-size: 6px auto;
        border-radius: 21px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        position: absolute;
        bottom: 45px;
    }
    #suntory_contents .products_nav .products_container .btn_detail a:hover {
        background: #A1813B url(../img/icon_tri_down.svg) no-repeat 15px center;
        background-size: 6px auto;
    }
    #suntory_contents .products_nav .products_container .ec_btn_narmal .btn_detail a {
        bottom: 50px;
    }

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

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

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

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

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

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

    
    /*------------------------------------------------------------
    [PC] about
    ------------------------------------------------------------ */
    #suntory_contents .about {
  
    }
    
    #suntory_contents .about .inner {
        margin: 130px auto;
        width: 1160px;
        display: flex;
        justify-content: center; }
    
    #suntory_contents .about .img {
     width: 300px;
     padding-right: 100px;}
    
     #suntory_contents .about .img img{
     width: 100%;
     bject-fit: contain;
    }
   
   #suntory_contents .about .inner .text {
        margin-top: 80px;
        width: 540px;
        height:540px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        background: url("../../common/img/spumante/contents-11.png") no-repeat 0 0;
        background-size: cover; }
    
    #suntory_contents .about .inner .text img.img-a {
    position: absolute;
    width: 200px;
    top:-80px;
    right: -30px;
    }
    
    #suntory_contents .about .inner .text img.img-b {
    position: absolute;   
    width: 180px;
    left:-95px;
    top:-80px;    }
    
    #suntory_contents .about .inner .text img.img-c {
    position: absolute;
    width: 110px;
    bottom: 10px;
    right: -75px;
    }
    
    #suntory_contents .about .inner .text img.img-d {
    position: absolute;    
    width: 120px;
    bottom: 10px;
    right: 30px;
    }
    
    #suntory_contents .about .inner .text img.img-e {
    position: absolute;  
    width: 60px;
    bottom: -10px;
    right: 180px;    
    }
    
  #suntory_contents .about .inner .text  .textbox {
        width: 500px;
    text-align: center;
    letter-spacing: -0.03em;
    line-height: 1.4;
    color: white;
    font-family: 'Kiwi Maru', serif;    
        
    }


   
    #suntory_contents .about .inner .text h2 {
        font-size: 36px;
        font-weight: 500;
        margin-bottom: 24px;
        z-index: 10;
        padding-top: 18px;
    }
    #suntory_contents .about .inner .text p {
        font-size: 18px;
        line-height: 1.7;
        z-index: 10;
          font-weight: 400;
    }

    /*------------------------------------------------------------
    [PC] history
    ------------------------------------------------------------ */
    #suntory_contents .history {  position: relative;
    z-index: 77;}
    
    #suntory_contents .history .inner {
        margin: -70px auto 0;
        width: 1160px;
        padding-bottom: 90px;
        text-align: center;
    }
    
    #suntory_contents .history .inner .text {
        width: 590px;
        height:590px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 0 auto;
        padding-right: 200px;
    }
    
  
    #suntory_contents .history .inner .text .textbox {
      text-align: center;
    letter-spacing: -0.03em;
    line-height: 1.4;
    color: white;
    font-family: 'Kiwi Maru', serif;   
     width: 590px;
        height:590px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: url("../../common/img/spumante/contents-11.png") no-repeat 0 0;
        background-size: cover;
        
    }
    
    #suntory_contents .history .inner .text img.img-f {
    position: absolute;
    width: 250px;
    bottom:-40px;
    right: 70px;
    }
    
    #suntory_contents .history .inner .text img.img-g {
    position: absolute;   
    width: 280px;
    right:40px;
    top:-20px;    }
    
    #suntory_contents .history .inner .text img.img-h {
    position: absolute;
    width: 320px;
    top: -180px;
    left: -140px;
    }
    
    #suntory_contents .history .inner .text img.img-i {
    position: absolute;    
    width: 160px;
    top: 170px;
    left: -90px;
    }

    #suntory_contents .history .inner .text img.img-j {
        position: absolute;   
        width: 120px;
        left:-20px;
        bottom:-70px;    }
   
    
    #suntory_contents .history .inner .text h2 {
          font-size: 36px;
        margin-bottom: 24px;
        z-index: 10;
         font-weight: 500;
        padding-top: 5px;
    }
    
    #suntory_contents .history .inner .text p {
        font-size: 18px;
        line-height: 1.7;
        z-index: 10;
         font-weight: 400;
    }
  
 

    /*------------------------------------------------------------
    [PC] lineup
    ------------------------------------------------------------ */
    #suntory_contents .lineup {
      background:#ECF4D9;  
    position: relative;
    }
    
 
    #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;
        position: relative;
    }
    #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) {
        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: 87px;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .lineup .product .data {
        width: 330px;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2 / 3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1 / 2;
    }
    #suntory_contents .lineup .product .data h2 {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.43;
        position:relative;
    }

    #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(../../common/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(../../common/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(../../common/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(../../common/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(../../common/img/chart/body_full_pc.svg) no-repeat 0 0;
        background-size: 330px auto;
    }

    #suntory_contents .lineup .product .data .chart .taste_sweet {
        background: url(../../common/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(../../common/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(../../common/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(../../common/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(../../common/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;
    }

    .pt15{padding-top:15px;}
}





/*--------------------------------------------------------------
|
| 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%;
}
    
  
    
       /*--------- about-------- */
    
        #suntory_contents .about .inner {
        margin: 9vw auto 0;
        width: 85%;
        padding-bottom: 90px;
        text-align: center;
    }
    
 #suntory_contents .about .img {
     width: 25vw;
     padding-right: 100px;}
    
   
   #suntory_contents .about .inner .text {
        margin-top: 80px;
        width: 47vw;
        height:47vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        background: url("../../common/img/spumante/contents-11.png") no-repeat 0 0;
        background-size: cover; }
    
    #suntory_contents .about .inner .text img.img-a {
    position: absolute;
    width: 18vw;
    top:-10vw;
    right: -3vw;
    }
    
    #suntory_contents .about .inner .text img.img-b {
    position: absolute;   
    width: 15vw;
    left:-9vw;
    top:-8vw;    }
    
    #suntory_contents .about .inner .text img.img-c {
    position: absolute;
    width: 9vw;
    bottom: 1vw;
    right: -5vw;
    }
    
    #suntory_contents .about .inner .text img.img-d {
    position: absolute;    
    width: 10vw;
    bottom: 1vw;
    right: 3vw;
    }
    
    #suntory_contents .about .inner .text img.img-e {
    position: absolute;  
    width: 5vw;
    bottom: -1vw;
    right: 18vw;    
    }
    
  #suntory_contents .about .inner .text  .textbox {
        width: 50vw;
    text-align: center;
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 600;
    color: white;
    font-family: 'Kiwi Maru', serif;    
        
    }


   
    #suntory_contents .about .inner .text h2 {
        font-size: 3vw;
        font-weight: bold;
        margin-bottom: 1.8vw;
        z-index: 10;
        padding-top: 2vw;
    }
    #suntory_contents .about .inner .text p {
        font-size: 1.8vw;
        line-height: 1.7;
        z-index: 10;
    }    
    
    
        /*--------- history-------- */
    #suntory_contents .history {}
    
    #suntory_contents .history .inner {
        margin: -70px auto 0;
        width: 85%;
        padding-bottom: 90px;
        text-align: center;
    }
    
    
    #suntory_contents .history .inner .text {
        width: 59vw;
        height:59vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 0 auto;
        padding-right: 18vw;
    }
    
  
    #suntory_contents .history .inner .text .textbox {
      text-align: center;
    letter-spacing: -0.03em;
    line-height: 1.4;
    font-weight: bold;
    font-weight: 500;
    color: white;
    font-family: 'Kiwi Maru', serif;   
     width: 59vw;
        height:59vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: url("../../common/img/spumante/contents-11.png") no-repeat 0 0;
        background-size: cover;
        
    }
    
    #suntory_contents .history .inner .text img.img-f {
    position: absolute;
    width: 25vw;
    bottom:-5vw;
    right: 5vw;
    }
    
    #suntory_contents .history .inner .text img.img-g {
    position: absolute;   
    width: 28vw;
    right:4vw;
    top:2vw;    }
    
    #suntory_contents .history .inner .text img.img-h {
    position: absolute;
    width: 30vw;
    top: -18vw;
    left: -6vw;
    }
    
    #suntory_contents .history .inner .text img.img-i {
    position: absolute;    
    width: 15vw;
    top: 14vw;
    left: -5vw;
    }

    #suntory_contents .history .inner .text img.img-j {
        position: absolute;   
        width: 11vw;
        left:-2vw;
        bottom:0vw;    }
   
    
    #suntory_contents .history .inner .text h2 {
          font-size: 3vw;
        font-weight: 500;
        margin-bottom: 24px;
        z-index: 10;
        padding-top: 5px;
    }
    
    #suntory_contents .history .inner .text p {
        font-size: 1.8vw;
        line-height: 1.7;
        z-index: 10;
    }
    
    
}



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


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

    #suntory_contents .main_visual .note {
        margin: 0 auto;
        width: 100vw;
    }
    #suntory_contents .main_visual .note span {
        margin: 0 0 1.6vw 2.4vw;
        background: url(../img/icon_eu.svg) no-repeat 0 center;
        background-size: 3.6vw 2.4vw;
        padding-left: 4.533333333333333vw;
        display: block;
        line-height: 2.4vw;
        font-size: 2.133333333333333vw;
        color: white;
    }
    
      .title_bar{
    color:rgba(255,255,255,0);    
    }
    

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

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

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

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

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


    .wid46 picture img{width:8.15vw !important;}
    
    
       /*------------------------------------------------------------
    [SP] about
    ------------------------------------------------------------ */
       #suntory_contents .about .inner {
        margin: 15vw auto 0;
        width: 90%;
        padding-bottom: 90px;
        text-align: center;
           display: flex;
        justify-content: center;
        flex-direction: column;   
    }
    
 #suntory_contents .about .img {
     width: 50vw;
     text-align: center;
     margin: 0 auto 10vw;
     padding-right: 0px;}
    
     #suntory_contents .about .img img{
     width:100%;}
    
   
   #suntory_contents .about .inner .text {
        margin-top:50vw;
        width: 90vw;
        height:90vw;
       margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        background: url("../../common/img/spumante/contents-11.png") no-repeat 0 0;
        background-size: cover; }
    
    
    #suntory_contents .about .inner .text img.img-a {
    position: absolute;
    width: 25vw;
    top:2vw;
    right: 3vw;
    }
    
    #suntory_contents .about .inner .text img.img-b {
    position: absolute;   
    width: 22vw;
    left:0vw;
    top:-24vw;    }
    
    #suntory_contents .about .inner .text img.img-c {
    position: absolute;
    width: 15vw;
    bottom: -2vw;
    right: 6vw;
    }
    
    #suntory_contents .about .inner .text img.img-d {
    position: absolute;    
    width: 18vw;
    bottom: -5vw;
    right: 30vw;
    }
    
    #suntory_contents .about .inner .text img.img-e {
    position: absolute;  
    width: 7vw;
    bottom: -10vw;
    right: 20vw;    
    }
    
      
  #suntory_contents .about .inner .text  .textbox {
        width: 90vw;
    text-align: center;
    letter-spacing: -0.03em;
    line-height: 1.4;
    color: white;
    font-family: 'Kiwi Maru', serif;    
        
    }



   
    #suntory_contents .about .inner .text h2 {
        font-size: 5vw;
        font-weight: 500;
        margin-bottom: 1.8vw;
        z-index: 10;
        padding-top: 0vw;
    }
    #suntory_contents .about .inner .text p {
        font-size:3.1vw;
        line-height: 1.7;
     font-weight: 400;    
        z-index: 10;
    }    
    
    
   

    /*------------------------------------------------------------
    [SP] history
    ------------------------------------------------------------ */
       #suntory_contents .history {position: relative;
    z-index: 77;}
    
    #suntory_contents .history .inner {
        margin: 0vw auto 0;
        width: 90%;
        padding-bottom: 90px;
        text-align: center;
    }
    
    
    #suntory_contents .history .inner .text {
       width: 90vw;
        height:90vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 0 auto;
        padding-right: 0vw;
    }
    
  
    #suntory_contents .history .inner .text .textbox {
      text-align: center;
    letter-spacing: -0.03em;
    line-height: 1.4;
    color: white;
    font-family: 'Kiwi Maru', serif;   
    width: 90vw;
        height:90vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: url("../../common/img/spumante/contents-11.png") no-repeat 0 0;
        background-size: cover;
        
    }
    
    #suntory_contents .history .inner .text img.img-f {
    position: absolute;
    width: 25vw;
    bottom:-10vw;
    right: 0vw;
    }
    
    #suntory_contents .history .inner .text img.img-g {
    position: absolute;   
    width: 30vw;
    right:-3vw;
    top:-14vw;    }
    
    #suntory_contents .history .inner .text img.img-h {
    position: absolute;
    width: 25vw;
    top: -12vw;
    left: 3vw;
    }
    
    #suntory_contents .history .inner .text img.img-i {
    position: absolute;    
    width: 15vw;
    top: 15vw;
    left: 2vw;
    }

    #suntory_contents .history .inner .text img.img-j { 
        position: absolute;   
        width: 18vw;
        left:-3vw;
        bottom:-10vw;    }
   
    
    #suntory_contents .history .inner .text h2 {
       font-size: 5vw;
        font-weight: 500;
        margin-bottom: 2vw;
        z-index: 10;
        padding-top: 5px;
    }
    
    #suntory_contents .history .inner .text .textbox p {
        font-size: 3.1vw;
        line-height: 1.7;
         font-weight: 400;
        letter-spacing: -0.15em;
        z-index: 10;
    }



    /*------------------------------------------------------------
    [SP] lineup
    ------------------------------------------------------------ */
    
      #suntory_contents .lineup {
      background:#ECF4D9;  
    position: relative;
    }
  
    #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;
        position: relative;
       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;
        position:relative;
    }

    #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(../../common/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(../../common/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(../../common/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(../../common/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(../../common/img/chart/body_full_sp.svg) no-repeat 0 0;
        background-size: 64vw auto;
    }

    #suntory_contents .lineup .product .data .chart .taste_sweet {
        background: url(../../common/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(../../common/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(../../common/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(../../common/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(../../common/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;
    }

    .pt15{padding-top:2vw;}
    
    
    
.spumante_bg_under{
position: relative;
height: 100%;    
margin-bottom:100px;
}

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

}