@charset "utf-8";

.show,.spOnly,.mnavHamb {display: block;}
.pcOnly {display: none;}
.wrap{position: relative;}
img{width: 100%;}

/* header */
.wrap {position: relative;}
.wrap header {position: fixed;right: 0;width: 100%;z-index: 999;text-align: center;top:auto;transition: .3s ease-in-out}
.wineNav {display: none;}
.mWineNav {background: rgba(0,0,0,0.8);width:100%;height: 100vh;position: absolute;top: 0;left: 0;}
.mnavHamb {background: #000;width: 16vw;height: 16vw;box-sizing: border-box;padding: 17px;cursor: pointer;position: absolute;right: 0;border: 1px solid #838383;}
header.sticky{top: 0;}
.mWineNav ul {background: #000;}
.mWineNav ul li:nth-child(3){margin-top: 25px}
.mWineNav ul li a {color}
.mWineNav ul{width: 100%;padding:40px 25px;box-sizing: border-box;background: #000;position: relative;}
.mWineNav ul li {float: none;width: 100%;}
.mWineNav ul li.close {position: absolute;background:#0e0e0e;width:16vw;height:16vw;box-sizing: border-box;padding: 17px;top: 0;right: 0;border-bottom: none;cursor: pointer;}
.mWineNav ul li:first-child {margin-bottom: 40px;width: 220px;margin:auto;}
.mWineNav ul li+li {border-bottom: 1px solid #444;height:16vw;line-height:16vw;}
.mWineNav ul li a {color:#fff;}
#wineCommonHeader {display: none;}
/*content section*/
.contentWrap {padding-top: 0;}

/*mv Section*/
.mvSection {width: 100%;min-width: auto;}
.mvBox {width: 100%;}
.mvBox img {width: 100%;}

.section01 {width: 100%;box-sizing: border-box;min-width: auto;}
.section02 {padding:0 5%;margin-top: 30px;}
.section03 {margin-top: 30px;}
.section04 {}


.banner {width: 89.3333333vw; margin:auto;margin-bottom: 4vw;}
.banner.last {margin-bottom: 6.66666666vw;}

#concept .ttl02 {width:135px;}
#lineUp .ttl02 {width: 119px;}
#winery .ttl02 {width: 114px;}
.ttl02 {margin: 40px auto 0;}
.ttl02 .subttl {font-size: 12px;}
.ttl03 {font-size: 19px;margin-bottom: 20px;}
.ttl03 .subttl {}
.ttl04 {margin-bottom: 15px;font-size: 18px;}
.ttl04 .subttl {}

.txt {font-size: 15px;}
.txtGold {}
.txtBold {}

.outerBtn01,.outerBtn02 {width: 89.333333vw;margin:auto;}
.outerBtn01 img,.outerBtn02 img {height: 100%;}
.btnType01 {font-size: 16px;width:89.333333vw;height:16vw;line-height:16vw;padding-right:27px}
.btnType01:after{
	width: 22px;
    height: 4px;
    background: url(../img/arrow_white_right.png) center/cover;
}
.btnType02:after{
	width: 22px;
    height: 4px;
    background: url(../img/arrow_gold_right.png) center/cover;
}
.btnType03:after{
	width: 22px;
    height: 4px;
    background: url(../img/arrow_white_left.png) center/cover;
}
.btnType02 {font-size: 16px;width:89.333333vw;height:16vw;line-height:16vw;}
.btnType03 {font-size: 16px;width:89.333333vw;height:16vw;line-height:16vw;}


#wineListSection {padding-top: 9.3333333vw;}
#wineList {padding: 2vw 0 4.66666vw;margin-top: 9.3333333vw;}
#wineList .wineList {flex-wrap: wrap;width: 92%; justify-content:center;}
#wineList .wineList .newList {padding:0;}
#wineList .wineList .wineItem {width: 18.33333vw; height: 70.6666vw;box-sizing: border-box;}
#wineList .wineList .wineItem:nth-child(n+6) {margin-top: 5.3333333vw;}
#wineList .wineList .wineItem.new {padding-top: 3vw;}
#wineList .wineList .wineItem.new .imgBox:before {width: 9.733333vw;height: 3.333333vw;left: 50%;top: -9vw;}
#wineList .wineList .wineItem .imgBox {margin-top: 8.666666vw;height: 38.4vw;display: flex;align-items: flex-end;justify-content: center;}
#wineList .wineList .wineItem .imgBox img,#wineList .wineList .wineItem .imgBox picture {width: auto;height: 100%;}
#wineList .wineList .wineItem .infoTxt {margin-bottom: 10.666666vw; font-size: 2.9333333vw;margin-top: 6vw;}
#wineList .wineList .wineItem .infoTxt:after {width: 3.7333333vw;height: 3.7333333vw;left: 50%;bottom: -5vw;}

.slick-dots {bottom: 5px;}
.slick-dots li button:before {width: 2.666666vw;height: 2.666666vw;}

#concept,#banner {padding:35px 0;}
.conceptWrap {background: transparent;min-width: auto;}
#concept .btnType01 {padding-right: 25px;}
.symbolBox {width: 100%;box-sizing: border-box;padding:10px;}
.symbolBox .symbolBoxInner {width: 100%;padding:20px;}
.symbolBox:after {display: none;padding: 25px;}
.symbolBox .symbolBoxInner>div {float: none;}
.symbolBoxInner .txtBox .symbolTtl{text-align: center;font-weight: bold;font-size: 19px;margin:15px 0!important}
.symbolBoxInner .imgBox {text-align: center;margin-right:0;margin:auto;width: 45%;min-width: 150px;}
.symbolBoxInner .imgBox img {}
.symbolBoxInner .txtBox {width:100%;}
.symbolBoxInner .txtBox .txt {font-size: 15px;}


#lineUp{}
#lineUp .section02 {padding:20px 5%;box-sizing: border-box;min-height: 100vh!important;}
.section02#wineSection01 {background: url(../img/contents_bg_01_sp.jpg) center/cover;margin-top:30px;}
.section02#wineSection02 {background-image: url(../img/contents_bg_02_sp.jpg);}
.section02#wineSection03 {background-image: url(../img/contents_bg_03_sp.jpg);}
.section02#wineSection04 {background-image: url(../img/contents_bg_04_sp.jpg);}
.section02#wineSection05 {background-image: url(../img/contents_bg_05_sp.jpg);}
.section02#wineSection06 {background-image: url(../img/contents_bg_06_sp.jpg);}
.section02#wineSection07 {background-image: url(../img/contents_bg_07_sp.jpg);}
.section02#wineSection08 {background-image: url(../img/contents_bg_08_sp.jpg);}
.section02 .wineContentTtl:before {background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;width: 9px;height: 24px;}
.section02 .wineTtl:before{background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;width: 54px;height: 9px;}
.section02#wineSection01 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_01_sp.png);}
.section02#wineSection02 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_02_sp.png);}
.section02#wineSection03 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_03_sp.png);}
.section02#wineSection04 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_04_sp.png);}
.section02#wineSection05 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_05_sp.png);}
.section02#wineSection06 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_06_sp.png);}
.section02#wineSection07 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_07_sp.png);}
.section02#wineSection08 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_08_sp.png);}
.section02#wineSection09 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_09_sp.png);}
.section02#wineSection10 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_09_sp.png);}
.section02#wineSection09 .wineContentTtl:before,.section02#wineSection10 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_09_sp.png);}
.section02#wineSection01 .wineTtl:before {background-image: url(../img/wineTtl_img_01_sp.png);}
.section02#wineSection02 .wineTtl:before {background-image: url(../img/wineTtl_img_02_sp.png);}
.section02#wineSection03 .wineTtl:before {background-image: url(../img/wineTtl_img_03_sp.png);}
.section02#wineSection04 .wineTtl:before {background-image: url(../img/wineTtl_img_04_sp.png);}
.section02#wineSection05 .wineTtl:before {background-image: url(../img/wineTtl_img_05_sp.png);}
.section02#wineSection06 .wineTtl:before {background-image: url(../img/wineTtl_img_06_sp.png);}
.section02#wineSection07 .wineTtl:before {background-image: url(../img/wineTtl_img_07_sp.png);}
.section02#wineSection08 .wineTtl:before {background-image: url(../img/wineTtl_img_08_sp.png);}
.section02#wineSection01 .wineTxtBox .wineTtl .subttl {width: 127px;}
.section02#wineSection02 .wineTxtBox .wineTtl .subttl {width: 162px;}
.section02#wineSection03 .wineTxtBox .wineTtl .subttl {width: 40px;}
.section02#wineSection04 .wineTxtBox .wineTtl .subttl {width: 75px;}
.section02#wineSection05 .wineTxtBox .wineTtl .subttl {width: 107px;}
.section02#wineSection06 .wineTxtBox .wineTtl .subttl {width: 110px;}
.section02#wineSection07 .wineTxtBox .wineTtl .subttl {width: 30px;}
.section02#wineSection08 .wineTxtBox .wineTtl .subttl {width: 27px;}
.section02#wineSection09 .wineTxtBox .wineTtl .subttl {width: 37.6vw;}
.section02#wineSection10 .wineTxtBox .wineTtl .subttl {width: 42.666666vw;}
 
.wineBox {width: 100%;}
.wineImgBox,.wineTxtBox {float: none;width: 100%;margin:auto;}
.wineImgBox {}
.wineImgBox img {}
.wineTxtBox {}
.wineInfo {margin-bottom: 30px;}
.wineTxtBox .wineTtl {text-align: center;font-size: 6.6666666vw;}
.wineTxtBox .wineTtl:before {left: 50%;transform: translateX(-50%);top: -30px;}
.wineTxtBox .wineTtl .subttl {font-size: 0;text-align: center;margin:20px  auto 0;}
.wineTxtBox .wineSubTtl {font-size: 18px;}
.wineTxtBox .txt {font-size: 15px;}
.wineTxtBox .explainList {margin-bottom: 20px;margin-top: 10px;}
.wineTxtBox .explainList .wineType01>ul.fl {width: 100%;}
.wineTxtBox .explainList .wineType01>ul.fl li {font-size: 12px;height: 35px;line-height: 35px;display: flex;align-items: center;justify-content: center;}
.wineTxtBox .explainList .wineType01>ul.fl>li:nth-child(2) {line-height: 1.2;padding-top: 2px;box-sizing: border-box;}
.wineTxtBox .explainList > li {float: none;}
.wineTxtBox .explainList > li:nth-child(2){margin-right: 0;margin-top: 10px;}
.wineTxtBox .explainList > li+li{margin-top: 0;}
.outerBtn02 {text-align: center;}
.wineTxtBox .explainList .wineType01 {width: 100%;overflow: hidden;}
.wineTxtBox .explainList .wineType01 p {}
.wineTxtBox .explainList .wineTypeList01 {float: none;clear: both;width: 100%;overflow: hidden;}
.wineTxtBox .explainList .wineTypeList01 li {width: 30%;}
.wineTxtBox .explainList .wineTypeList01 li.thisType {}
.wineTxtBox .explainList .wineType01 .wineTypeList02 {}
.wineTxtBox .explainList .wineType01 .wineTypeList02 li {width: 45px;}
.wineTxtBox .explainList .wineType01 .wineTypeList02 li.thisType {}
.wineBox .section03 {float: none;overflow: hidden;}
.wineBox .section03+.section03 {margin-left: 0;margin-top: 25px;}

.wineContentTtl.RECIPE {width: 262px;}
.wineContentTtl.MARRIAGE {width: 222px;}
.articleList {display: flex;flex-wrap: wrap;}
.articleList .articleCard01 {width: 48%;float: none;}
.recipe .articleList .articleCard01 {width: 100%;}
.articleList .articleCard01:nth-child(even) {margin-left: 4%;}
.articleList .articleCard01:nth-child(odd) {margin-left: 0;}  
.articleList .articleCard01:nth-child(n+3) {margin-top: 6.666666vw;}  
.articleList .articleCard01>a {display: flex;flex-flow: wrap;}
.articleList .articleCard01 .imgBox {}
.recipe .articleList .articleCard01 .imgBox,.recipe .articleList .articleCard01 .articleTtle01 {width: 48%;float: left;font-size: 16px;}
.recipe .articleList .articleCard01 .articleTtle01{margin-left: 4%;margin-top: 0;margin-bottom: 0;position: relative;height: 123px;display: flex;align-items: center;}
.recipe .articleList .articleCard01 .articleTtle01 span{}
.recipe .articleList .articleCard01 .txt{padding-top: 20px}

.articleList .articleCard01 .imgBox img {}
.articleList .articleCard01 .articleTtle01 {float: left;}
.articleTtle02 {font-size: 16px;margin: 20px 0 10px;}
.articleList .articleCard01 .txt {font-size: 14px;clear: both;}

.section03.BIB {}
.section03.BIB .btnType01{width: 295px;font-size: 13px;}
.section03.BIB .BIBTtle {max-width: 430px;padding-right: 12%;}
.section03.BIB .BIBTtle img {}
.section03.BIB .BIBBoxInner {padding:5.333333vw;}
.section03.BIB .BIBBoxInner .imgBox {position: static;width: 115px;margin:auto;}
.section03.BIB .BIBBoxInner .BIBTxt,.section03.BIB .BIBBoxInner .outerBtn01 {width: 100%;}
.section03.BIB .BIBBoxInner .imgBox img {}
.section03.BIB .BIBBoxInner .BIBTxt {font-size: 16px;margin: 15px 0;}


#winery {}
#winery .section02 {padding:0;}
#winery .section02 .ttl03 img {padding:0 25%;box-sizing: border-box;}
#winery .ttl02,#winery .txt {padding:0 5%;}
#winery .outerBtn01 {margin-top: 0;}
#winery .btnType02 {margin-top: 20px;}
#winery> .outerBtn01 {margin-top: 30px;}
#winery .imgBox {margin-top: 30px;}
#toTopPage {margin-top:16vw;}
#toTopPage .outerBtn01 {}
#toTopPage .outerBtn01.btnType03 {}