@charset 'utf-8';
/* --reset-- */
div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:10px;vertical-align:baseline;background:transparent;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
/* --setting-- */
html{font-size:10px;}
body{margin:0;padding:0;}
#suntory_contents{overflow:hidden;}
.gazela_container{font-size:1.8rem;color:#232323;}
.gazela_container_inner{width:100%;max-width:1470px;margin:20px auto 0;padding-bottom:70px;}
.gazela_container p{line-height:2;font-size:1.8rem;}
.gazela_container,.gazela_container *{box-sizing:border-box;}
.gazela_container img{max-width:100%;vertical-align:top;}
.gazela_container ul,ol,li{list-style:none;}
/*-- wineCommonHeader-- */
#wineCommonHeader{height:20px;margin-bottom:40px;overflow:hidden;background:#fff;}
#wineCommonHeader .contents{width:1164px;margin:0 auto;position:relative;}
#wineCommonHeader p{width:163px;height:20px;background:url(/wine/common/img/wine_square_logo.gif) no-repeat 0 0;position:absolute;top:0;left:0;text-indent:-9999px;}
#wineCommonHeader li a{height:20px;position:absolute;top:0;text-indent:-9999px;display:block;}
#wineCommonHeader .nav01 a{width:113px;background:url(/wine/common/img/btn_wine_square_top.gif) no-repeat 0 0;left:187px;}
#wineCommonHeader .nav02 a{width:105px;background:url(/wine/common/img/btn_mail_magazine.gif) no-repeat 0 0;left:316px;}
/*-- wineCommonHeader-- */
#wineCommonHeader *{margin:0;padding:0;}
#wineCommonHeader li{height:20px;position:absolute;top:0;display:block;}
#wineCommonHeader li.nav01{left:187px;width:113px;}
#wineCommonHeader li.nav02{left:316px;width:105px;}
#wineCommonHeader li a{top:0!important;left:0!important;position:relative!important;}
/* --common-- */
.gazela_container .-pc_item{display:block !important;}
.gazela_container .-sp_item{display:none !important;}
.product_header{margin:0 auto 10px;}
.product_header .product_logo__wrap{position:relative;display:flex;align-items:center;justify-content:center;max-width:1164px;margin:0 auto;}
.product_header .product_logo{max-width:286px;margin:0 0 28px 0;text-align:center;}
.product_header .product_nav{width:100%;}
.product_header .product_nav .product_nav_inner{overflow:hidden;padding:0 7.74vw;background-color:rgba(255,255,255,0.9);}
.product_header .product_nav .product_nav_inner.fixed {position:fixed;z-index:30;top:0;width:100%;background:rgba(255,255,255,0.9);}
.product_header .product_nav .product_nav_item{position:relative;display:flex;align-items:center;width:25%;text-align:center;}
.product_header .product_nav .product_nav_item img{margin:auto;}
.product_header .product_nav .product_nav_item a{width:100%;height:100%;margin:0 auto;text-align:center;text-decoration:none;color:#232323;font-size:1.8rem;}
.product_header .product_nav .product_nav_item a:hover{color:#dbec00;}
.product_header .product_nav .product_nav_item.-item04 a{max-width:87px;}
.product_header .product_nav .product_nav_item + .product_nav_item:before{content:"";position:absolute;left:0;top:0;bottom:0;margin:auto 0;width:1px;height:50px; background:#c8c8c8;}
.product_header .product_nav_block{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;max-width:1164px;margin:0 auto;background:#fff;}
.product_main{position:relative;}
.product_main::after{content:"";position:absolute;z-index:-1;top:238px;right:0;width:19vw;max-width:443px;height:100%;background:url(/wine/special/sogrape/gazela/img/img_item02.png) no-repeat 0 0;background-size:contain;}
.product_main_visual{width:100%;max-width:1164px;margin:0 auto;}
.product_section{position:relative;padding-top:70px;}
.product_section_inner{max-width:1164px;margin:0 auto 70px;clear:both;}
.product_section.-bg01::before,.product_section.-bg01::after{content:"";position:absolute;top:40px;z-index:-1;}
.product_section.-bg01::before{top:65px;left:0;width:22.22vw;max-width:400px;height:18.33vw;max-height:330px;background:url(/wine/special/sogrape/gazela/img/img_item01.jpg) no-repeat 0 0;background-size:contain;}
.product_section .product_section_title{position:relative;z-index:5;margin-bottom:64px;text-align:center;}
.product_section .product_section_title > img{max-width:100%;}
.product_section .product_section_title.title_01{transform:translateX(-10px);}
.product_section .product_textBox{width:43%;max-width:490px;margin:0 auto 70px;}
.product_section.sec_02 .product_textBox{margin-bottom:0;}
.product_section .product_detail__wrap{display:flex;flex-wrap:nowrap;justify-content:center;margin:0 -30vw 0 -40vw;}
.product_section .product_detail__wrap::before{display:block;content:"";width:80vw;max-width:534px;height:777px;margin:-90px 90px 0 0; background:url(/wine/special/sogrape/gazela/img/img_products.png) no-repeat 0 0;background-size:contain;}
.product_section .product_detail{width:100%;max-width:710px;margin:0 68px 130px 0;}
.product_section .product_detail_textBox{width:100%;margin-bottom:30px;padding:40px 58px;background:#fcffd9;}
.product_section .product_detail_textBox.-item01{position:relative;}
.product_section .product_detail_textBox p + p{margin-top:32px;}
.product_section .product_detail_listBox{position:relative;display:flex;flex-wrap:wrap;width:100%;max-width:530px;margin:10px 0 40px 0;}
.product_section .product_detail_listBox::after{display:block;content:"";position:absolute;z-index:-1;top:-4.8vw;right:-24.7vw;width:33vw;max-width:387px;height:419px;background:url(/wine/special/sogrape/gazela/img/img_illust_pineapple.png) no-repeat 0 0;background-size:contain;}
.product_section .product_detail_dl{display:flex;align-items:center;width:44%;margin-bottom:12px;}
.product_section .product_detail_dl dt{padding:6px;background:#a2af00;color:#fff;font-size:1.4rem;white-space:nowrap;}
.product_section .product_detail_dl dd{padding-left:13px;font-size:1.4rem;white-space:nowrap;}
.product_section .product_about_wrap{height:800px;margin-bottom:23px;padding:80px 8vw;background:url(/wine/special/sogrape/gazela/img/img_bg_photo.jpg) no-repeat center bottom;background-size:cover;}
.product_section .product_about{clear:both;width:100%;max-width:1042px;margin:0 auto ;padding:64px 55px;background:rgba(255,255,255,0.6) url(/wine/special/sogrape/gazela/img/img_map.png) no-repeat top 70px right 50px;}
.product_section .product_about p{line-height:1.8;}
.product_section .product_about.-item02{position:relative;}
.product_section .product_about_title{margin-bottom:65px;}
.product_section .product_about_textBox{max-width:600px;}
.product_section .product_about_textBox p + p{margin-top:45px;}
.product_section .product_textBox{width:100%;max-width:630px;margin-bottom:120px;text-align:center;}
.product_section .product_colBlock{display:flex;flex-wrap:wrap;justify-content:space-between;margin:60px 0 80px;}
.product_section .product_colBox{position:relative;width:30.92783505154639%;max-width:360px;}
.product_section .product_colBox .text{min-height:220px;padding:0 25px 120px;}
.product_section .product_colBox .text p{font-size:1.6rem;}
.product_section .product_colBox figure{margin-bottom:20px;}
.product_section .product_colBox figcaption{margin:25px 25px 0 25px;font-size:2rem;font-weight:bold;text-align:center;}
.product_section .product_colBtn{width:100%;margin:11px auto 30px;padding:0 30px;position:absolute;left:0;right:0;bottom:0;}
.product_section .product_colBox.-bg01{background:#fcffd9;}
.product_section .product_colBox.-bg02{background:#e5f1ed;}
.product_section .product_colBox.-bg03{background:#fcffd9;}
.product_section .pagetop_btn{margin-right:22px;text-align:right;}

/* --[パララックス用]-- */
.js-eff_fade01{opacity:0;transition:.8s;}
.fade01{opacity:1.0;}

/* --[汎用class]-- */
.-hover_eff a,.-hover_eff a img{transition:all .4s;}
.-hover_eff a:hover,.-hover_eff a:hover img{opacity:0.7;}
.-clearFix::after{content:"";display:block;clear:both;}

/* --[ECサイトボタンタグ用]-- */
.ecBtn img{max-width:370px;max-height:70px;}
.ec01 .ecBtn{position:absolute;top:0;right:0;}
.ec03 .ecBtn img{margin:auto;}

/* ---- [TABLET用]1400px以下 ---- */
@media screen and (max-width:1400px){
.product_main_visual{width:100%;}
.product_section .product_detail_listBox::after{max-height:300px;}
}
/* ---- [TABLET用]1164px以下 ---- */
@media screen and (max-width:1164px){
.gazela_container p{font-size:1.5rem;}
.product_main::after,
.product_section.-bg01::before{content:none;}
.product_section .product_textBox.-bg02{margin:0 auto 140px;}
.product_section .product_textBox.-bg02::after{width:42%;}
.product_section .product_detail_dl dd{width:40%;white-space:normal;}
.product_header .product_nav .product_nav_inner{padding:0;}
.product_section .pagetop_btn{position:static;margin-bottom:14.6vw;}
/* --[ECサイトボタンタグ用]-- */
.product_header .product_logo__wrap{flex-flow:column;}
.ec01 .ecBtn{position:static;}
}
/* ----[SP用]767px以下---- */
@media screen and (max-width:767px){
.gazela_container{margin-top:3.6vw;padding-bottom:9.6vw;min-width:100%;}
.gazela_container p{font-size:4vw;}
.gazela_container .-pc_item{display:none !important;}
.gazela_container .-sp_item{display:block !important;}
.gazela_container .wrap__box{margin:0 4vw;}
.product_header {margin-bottom:25px;}
.product_header .product_logo{width:39.3vw;margin:3.7vw auto 0;}
.product_header .product_logo__wrap{display:block;}
.product_header .product_nav .product_nav_item a{width:100%;height:100%;font-size:1.4rem;}
.product_header .product_nav .product_nav_item a img{vertical-align:middle;}
.product_header .product_nav .product_nav_item.-item01 a{padding:0;}
.product_header .product_nav .product_nav_item.-item02 a{padding:0;}
.product_header .product_nav .product_nav_item.-item03 a{padding:0;}
.product_header .product_nav .product_nav_item.-item04 a img{padding:10px 0;width:60%;}
.product_header .product_nav .product_nav_item + .product_nav_item:before{height:8vw;max-height:50px;}
.product_main_visual{width:100%;margin-bottom:3.7vw;}
.product_section{padding-top:10.66vw;}
.product_section.sec_01{padding-top:4vw;}
.product_section .product_textBox.-bg02{position:relative;z-index:10;transform:translateX(10px);}
.product_section .product_section_title{padding:0 4vw;margin:0 auto 10.66vw;}
.product_section .product_section_title > img{max-width:100%;}
.product_section .product_textBox{max-width:100%;padding:0 4.6vw;}
.product_section .product_textBox.-bg02{width:auto;margin:0 auto 4vw;transform:translateX(0);padding-bottom:105vw;background:url(/wine/special/sogrape/gazela/img/sp/img_photo01.png) no-repeat 0 bottom;background-size:contain;}
.product_section .product_detail__wrap{display:block;margin:0 auto;}
.product_section .product_detail{float:none;width:auto;margin:4vw 4.53vw 9.33vw 4.53vw;}
.product_section .product_detail_textBox{float:none;width:100%;padding:4.53vw;}
.product_section .product_detail__wrap::after{bottom:-7.3vw;right:34.7%;width:33%;max-width:146px;height:100px;}
.product_section .product_detail_listBox{width:auto;margin:0 0 2vw 0;clear:both;}
.product_section .product_detail_dl{width:auto;padding:0 3.6vw 3vw 0;}
.product_section .product_detail_dl:nth-child(2n+1){clear:both;}
.product_section .product_detail_dl:nth-child(odd){margin-left:0;}
.product_section .product_detail_dl.-is_float_none{float:none;margin-left:0;}
.product_section .product_detail_dl dt,.product_section .product_detail_dl dd{padding:1vw 1.2vw;font-size:3.2vw;vertical-align:middle;}
.product_section .product_detail_dl dd{width:50%;padding-left:2.4vw;white-space:nowrap;}
.product_section .product_about_wrap{height:185vw;margin-bottom:0;padding:8vw 4vw;background:url(/wine/special/sogrape/gazela/img/sp/img_bg_photo.jpg) no-repeat center 0;background-size:100%;}
.product_section .product_about{height:100%;padding:9.33vw 0;background:rgba(255,255,255,0.6) url(/wine/special/sogrape/gazela/img/img_map.png) no-repeat bottom 8vw center;background-size:55vw;}
.product_section .product_about_title{width:70vw;margin:0 auto 10.66vw;}
.product_section .product_about_textBox{max-width:100%;}
.product_section .product_about_textBox p + p{margin-top:4.8vw;}
.product_section .product_colBlock{display:block;margin-bottom:6.26vw;}
.product_section .product_colBox{width:100%;max-width:100%;margin-bottom:6.6vw;padding-bottom:6.66vw;min-height:250px;}
.product_section .product_colBox:last-of-type{margin-bottom:0;}
.product_section .product_colBox .text{min-height:auto;margin-bottom:20px;padding:0 4vw;margin-bottom:8vw;}
.product_section .product_colBox figure{margin-bottom:0;}
.product_section .product_colBox figure img{width:100%;}
.product_section .product_colBox figcaption{margin:0;padding:6.66vw 0;font-size:4.8vw;}
.product_section .product_colBox .text p{font-size:4vw;}
.product_section .product_colBtn{position:static;width:100%;margin:0;padding:0 30px;}
.product_section .pagetop_btn{position:static;margin-bottom:14.6vw;}
#wineCommonHeader{display:none;}
.product_section .product_section_title.title_01{transform:translateX(0);}

/* --[あしらい非表示用]-- */
.product_section .product_detail__wrap::before,
.product_section .product_detail_listBox::after,
.product_section.-bg01::before,
.product_section.-bg01::after{content:none;}

/* --[ECサイトボタンタグ用]-- */
.ecBtn img{width:100%;height:auto;margin:4vw auto;max-width:100% ;max-height:100%;}
.ec01 .ecBtn{position:static;}
.ec02 .ecBtn{margin:2vw 0;}
.ec03 .ecBtn{margin:2vw 0 4vw;}
}
/* ----[SP用2]360px以下---- */
@media screen and (max-width:360px){
.product_section .product_detail_dl{margin-left:0;}
}