@charset "utf-8";
body{font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;box-sizing: border-box;line-height: 1.8;}
a,p,li {color:#333}
*{font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
html{scroll-behavior: smooth; }
.spOnly,.mnavHamb {display: none;}
.pcOnly {}
.fl {float: left;}
.cb {clear: both;}
.hideTxt {display: none;}
.wrap{max-width: 100%;position: relative;}

/* header */
.mWineNav{display: none;}
.wrap header { position: relative;z-index: 99;position: fixed;z-index: 999;width: 100%;transition: .3s ease-in-out}
.wineNav {width: 100%;background:#000;border-bottom: 1px solid #838383;}
.wineNav ul{width: 100%;max-width: 1164px;margin:auto;overflow: hidden;text-align: center;padding: 15px 0; display: flex; justify-content: center;}
.wineNav ul li {float: left;width: 33.3%; max-width:388px;height: 40px;line-height: 40px;box-sizing: border-box;}
.wineNav ul li+li {border-left: 1px solid #838383;}
.wineNav ul li a {color: #fff;background: linear-gradient(#fff,#fff) 100% 100%/0 1px no-repeat;transition: background-size .3s ease-in-out;font-size: 18px;}
.wineNav ul li:hover a {color: #fff;background-size: 100% 1px;background-position: 0 100%;}
.sticky {position: fixed;top: 0;width: 100%;transition: .3s ease-in-out}
.sticky +.contentWrap{padding-top: 70px;}

/*slick*/
.slider{ opacity: 0; transition: opacity .3s linear;}
.slider.slick-initialized{ opacity: 1;}

/*content section*/
.contentWrap {padding-top: 70px;}
#wineCommonHeader .contents {width: 1164px;}
/*mv Section*/
.mvSection {width: 100%;/*min-width: 1200px;*/}
.mvBox {}
.mvBox img {width: 100%;}

.section01 {width: 100%;/*min-width: 1200px;*/background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.section02 {margin-top: 70px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.section03 {margin-top: 50px;}
.section04 {}

.ttl02 {margin-top: 80px; text-align: center;}
.ttl02 .subttl {display: block; font-size: 18px;font-weight: bold;}
.ttl03 {font-size: 34px;margin-bottom: 40px;font-weight: bold;}
.ttl03 .subttl {}
.ttl04 {font-size: 22px;margin-bottom: 30px;font-weight: bold;}
.ttl04 .subttl {}

.txt {}
.txtGold {color: #b99807;}
.txtBold {font-weight: bold;}

.outerBtn01 {text-align: center;}
.outerBtn01 img {display: inline!important;}
.btnType01 {display: inline-block;position: relative; width: 430px;height: 80px;background: #b99807;line-height: 80px;color: #fff;font-size: 20px;text-align: center;transition: .3s ease-in-out;    padding-right: 5%;box-sizing: border-box;}
.btnType01:after {content: "";display: block;position: absolute; top:50%;right:20px;transform: translateY(-50%); width:30px;height: 6px; background: url(../img/arrow_white_right.png);}
.btnType02:hover{background:#b99807;color: #fff;}
.btnType02:hover:after {background: url(../img/arrow_white_right.png);}
.btnType03:hover span{color: #fff;background-size: 100% 1px;background-position: 0 100%;}
.btnType02 {margin-top:40px;display: inline-block;position: relative;width: 430px;height: 80px;border:1px solid #b99807;color: #b99807;line-height: 80px;font-size: 20px;text-align: center;transition: .3s ease-in-out;}
.btnType02:after {content: "";display: block;position: absolute; top:50%;right:20px;transform: translateY(-50%); width:30px;height: 6px; background: url(../img/arrow_gold_right.png);}
.btnType03 {margin-top:40px;display: inline-block;position: relative;width: 430px;height: 80px;border:1px solid #fff;color: #fff;line-height: 80px;font-size: 20px;text-align: center;transition: .3s ease-in-out;}
.btnType03:after {content: "";display: block;position: absolute; top:50%;left:20px;transform: translateY(-50%); width:30px;height: 6px; background: url(../img/arrow_white_left.png);}
.btnType03 span{background: linear-gradient(#fff,#fff) 100% 100%/0 1px no-repeat;transition: background-size .3s ease-in-out;}

#banner {padding: 80px 0;background: #f5f3f2;}
.banner {transition: .3s ease-in-out;text-align: center;}
.banner +.banner  {margin-top: 30px;}
.banner:hover{opacity: 0.7;}
#wineListSection {background: #f5f3f2;padding-top: 80px;}
#wineList {background: #fff;padding: 80px 0;}
#wineList .wineList {display: flex;justify-content: space-between;max-width: 1164px;margin: auto;align-items: center;}
#wineList .wineList .newList {display: flex;padding:0 30px;background: #fffbeb;}
#wineList .wineList .wineItem {position: relative;width: 100px; height: 483px;text-align: center; display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
#wineList .wineList .wineItem.new {}
#wineList .wineList .wineItem.new .imgBox:before {content: "";width: 67px;height: 23px;display: block;background: url(../img/winelist_new_icon.png) center/cover;position: absolute;left: 50%;top: -40px;transform: translate(-50%, 0);}
#wineList .wineList .wineItem .imgBox {position: relative;margin-top: 60px;}
#wineList .wineList .wineItem .infoTxt {position: relative;margin-bottom: 77px; font-size: 20px;line-height: 1.3;margin-top: 40px;}
#wineList .wineList .wineItem .infoTxt:after {content: "";position: absolute; display: block; width: 26px;height: 26px;transform: translate(-50%,0);left: 50%;bottom: -40px; background: url(../img/winelist_check_icon.png) center/cover;}

#concept,#winery {text-align: center;}
#concept {padding: 50px 60px 60px;background: #f5f3f2;box-sizing: border-box;}
.conceptWrap {/*min-width:1400px*/;/*background: url(../img/concept_bg_01_left.png) left top no-repeat,url(../img/concept_bg_01_right.png) right top no-repeat;*/ }
#concept .btnType01,#winery .btnType01 {padding-right: 3%}
.conceptImg {margin-top: 50px;}
.symbolBox {max-width: 1164px;position: relative;margin:auto;background: #fff;padding:10px;margin-top: 50px;}
.symbolBox:before {content: "";position: absolute;top:0;left: 0;width: 0px;height: 0px;border-top:45px solid none;border-bottom:45px solid transparent;border-right: 45px solid transparent;border-left: 45px solid  #b99807;}
.symbolBox:after {content: "";position: absolute;bottom:22.5px;right: -22.5px;width: 0px;height: 0px;border-top:45px solid none;border-bottom:45px solid transparent;border-right: 45px solid #b99807;border-left: 45px solid transparent;transform: rotate(90deg);}
.symbolBox .symbolBoxInner { border:1px #b99807 solid;overflow: hidden;margin:auto;box-sizing: border-box;padding:50px 50px 40px;}
.symbolBoxInner .imgBox {width: 18%;max-width: 200px;margin-right: 5.65%;}
.symbolBoxInner .imgBox img {width: 100%;}
.symbolBoxInner .txtBox {text-align: left;max-width: 780px;width: 75%;}
.symbolBoxInner .txtBox .symbolTtl {font-size: 26px;margin-bottom: 25px;font-weight: bold;}
.symbolBoxInner .txtBox .txt {font-size: 18px;}


#lineUp{}
#lineUp .section02{margin-top: 0;padding:80px 0;}
.section02#wineSection01 {background-image: url(../img/contents_bg_01.jpg);margin-top:80px; }
.section02#wineSection02 {background-image: url(../img/contents_bg_02.jpg);}
.section02#wineSection03 {background-image: url(../img/contents_bg_03.jpg);}
.section02#wineSection04 {background-image: url(../img/contents_bg_04.jpg);}
.section02#wineSection05 {background-image: url(../img/contents_bg_05.jpg);}
.section02#wineSection06 {background-image: url(../img/contents_bg_06.jpg);}
.section02#wineSection07 {background-image: url(../img/contents_bg_07.jpg);}
.section02#wineSection08 {background-image: url(../img/contents_bg_08.jpg);}
.section02#wineSection09 {background-image: url(../img/contents_bg_09.jpg);}
.section02#wineSection10 {background-image: url(../img/contents_bg_10.jpg);}
.section02#wineSection01 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_01.png);}
.section02#wineSection02 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_02.png);}
.section02#wineSection03 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_03.png);}
.section02#wineSection04 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_04.png);}
.section02#wineSection05 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_05.png);}
.section02#wineSection06 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_06.png);}
.section02#wineSection07 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_07.png);}
.section02#wineSection08 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_08.png);}
.section02#wineSection09 .wineContentTtl:before,.section02#wineSection10 .wineContentTtl:before {background-image: url(../img/wineContentTtl_img_09.png);}
.section02#wineSection01 .wineTtl:before {background-image: url(../img/wineTtl_img_01.png);}
.section02#wineSection02 .wineTtl:before {background-image: url(../img/wineTtl_img_02.png);}
.section02#wineSection03 .wineTtl:before {background-image: url(../img/wineTtl_img_03.png);}
.section02#wineSection04 .wineTtl:before {background-image: url(../img/wineTtl_img_04.png);}
.section02#wineSection05 .wineTtl:before {background-image: url(../img/wineTtl_img_05.png);}
.section02#wineSection06 .wineTtl:before {background-image: url(../img/wineTtl_img_06.png);}
.section02#wineSection07 .wineTtl:before {background-image: url(../img/wineTtl_img_07.png);}
.section02#wineSection08 .wineTtl:before {background-image: url(../img/wineTtl_img_08.png);}
.section02#wineSection09 .wineTtl:before {background-image: url(../img/wineTtl_img_09.png);}
.section02#wineSection10 .wineTtl:before {background-image: url(../img/wineTtl_img_09.png);}
.section02#wineSection01 .wineTtl .subttl,.section02#wineSection01 .wineSubTtl {color: #842a28}
.section02#wineSection02 .wineTtl .subttl,.section02#wineSection02 .wineSubTtl {color: #842a28}
.section02#wineSection03 .wineTtl .subttl,.section02#wineSection03 .wineSubTtl {color: #5e3f6b}
.section02#wineSection04 .wineTtl .subttl,.section02#wineSection04 .wineSubTtl {color: #8c7407}
.section02#wineSection05 .wineTtl .subttl,.section02#wineSection05 .wineSubTtl {color: #49663d}
.section02#wineSection06 .wineTtl .subttl,.section02#wineSection06 .wineSubTtl {color: #0a9cb7}
.section02#wineSection07 .wineTtl .subttl,.section02#wineSection07 .wineSubTtl {color: #ef6b8c}
.section02#wineSection08 .wineTtl .subttl,.section02#wineSection08 .wineSubTtl {color: #133a77}
.section02#wineSection01 .thisType {background: #842a28;color:#fff;}
.section02#wineSection02 .thisType {background: #842a28;color:#fff;}
.section02#wineSection03 .thisType {background: #5e3f6b;color:#fff;}
.section02#wineSection04 .thisType {background: #8c7407;color:#fff;}
.section02#wineSection05 .thisType {background: #49663d;color:#fff;}
.section02#wineSection06 .thisType {background: #0a9cb7;color:#fff;}
.section02#wineSection07 .thisType {background: #ef6b8c;color:#fff;}
.section02#wineSection08 .thisType {background: #133a77;color:#fff;}
.section02#wineSection09 .thisType {background: #a80200;color: #fff!important;}
.section02#wineSection10 .thisType {background: #007833;color: #fff!important;}
.wineBox {width: 1170px;margin:auto;overflow: hidden; }
.wineInfo{overflow: hidden;margin-bottom: 90px;}
.wineImgBox {float: left;margin-right: 113px; }
.wineImgBox img {}
.wineTxtBox {float: left;width: 679px;}
.wineTxtBox .wineTtl {margin-top: 60px;font-size: 40px;position: relative;font-weight: bold;}
.wineTxtBox .wineTtl:before {content: ""; position: absolute;width: 76px;height: 14px;top:-60px;left: 0;}
.wineTxtBox .wineTtl .subttl {font-size: 20px;display: block;font-weight: normal;font-family: "DIN Condensed";}
.wineTxtBox .wineSubTtl {margin-top: 40px;font-size: 22px;margin-bottom: 15px;font-weight: bold;}
.section02#wineSection09 *,.section02#wineSection10 *{color: #fff;}
.section02#wineSection09 .wineTxtBox .wineSubTtl,.section02#wineSection10 .wineTxtBox .wineSubTtl {color: #f1d67a;}
.section02#wineSection09 .wineTxtBox .explainList .wineTypeList01 li {color: #a1a1a1;}
.section02#wineSection10 .wineTxtBox .explainList .wineTypeList02 li {color: #a1a1a1;}

.wineTxtBox .txt {font-size: 18px;}
.wineTxtBox .explainList {overflow: hidden;margin-top: 20px;margin-bottom: 40px; line-height: 32px;}
.wineTxtBox .explainList > li {font-size: 16px;float: left;}
.wineTxtBox .explainList > li+li {margin-top: 20px;}
.wineTxtBox .explainList > li:nth-child(2) {margin-right: 20px;clear: both;}
.wineTxtBox .explainList .wineType01 {}
.wineTxtBox .explainList .wineType01>ul.fl {}
.wineTxtBox .explainList .wineType01>ul.fl li{float: left;line-height: 32px;}
.wineTxtBox .explainList .wineType01 p {margin-right: 15px;}
.wineTxtBox .explainList .wineTypeList01 {max-width: 605px;font-size: 15px;}
.wineTxtBox .explainList .wineTypeList01 li {float: left;width: 150px;height: 32px; background: #fff;color: #a1a1a1;text-align: center;}
.wineTxtBox .explainList .wineTypeList01 li+li {margin-left: 5px;}
.wineTxtBox .explainList .wineTypeList01 li.thisType {}
.wineTxtBox .explainList .wineType01 .wineTypeList02 {font-size: 15px;margin:0 15px;}
.wineTxtBox .explainList .wineType01 .wineTypeList02 li {float: left;width: 40px;height: 32px;background: #fff;color: #a1a1a1;text-align: center;}
.wineTxtBox .explainList .wineType01 .wineTypeList02 li+li {margin-left: 5px;}
.wineTxtBox .explainList .wineType01 .wineTypeList02 li.thisType {}
.wineBox .section03 {float: left;margin-top: 0;}
.wineBox .section03+.section03 {margin-left: 75px;}

.wineContentTtl {margin-bottom: 25px; padding-left: 25px;position: relative;font-family: "DIN Condensed Web";}
.wineContentTtl:before {content:"";display: block; width: 12px;height: 33px;position: absolute;top:55%;left: 0;transform: translateY(-50%);}
.articleList .articleCard01 {width: 350px;float: left;}
.articleList .articleCard01:nth-child(n+2) {margin-left: 34px;}
.articleList .articleCard01>a {}
.articleList .articleCard01>a>.articleTtle01 span {color:#b99807;background: linear-gradient(#b99807,#b99807) 100% 100%/0 1px no-repeat;transition: background-size .3s ease-in-out;}
.articleList .articleCard01:hover>a>.articleTtle01 span {color:#b99807;background-size: 100% 1px;background-position: 0 100%;}
/*.articleList .articleCard01:hover img {transform: scale(1.1);opacity: 0.8}*/
.articleList .articleCard01 .imgBox {overflow: hidden;width: 100%;}
.articleList .articleCard01 .imgBox img {transition: .3s ease-in-out}
.articleList .articleCard01 .articleTtle01,.articleTtle02 {font-size: 24px;margin: 20px 0;font-weight: bold;}
.articleList .articleCard01 .txt {}

.section03.BIB {clear: both;margin-top: 65px;width: 100%;margin-left:0!important;}
.section03.BIB .BIBTtle {margin-bottom: 25px;}
.section03.BIB .BIBTtle img {}
.section03.BIB .BIBBoxInner {position: relative;padding: 45px 0; text-align: center;border:1px solid #842a28;}
.section03.BIB .BIBBoxInner .imgBox {position: absolute;top:-110px;right: 60px;}
.section03.BIB .BIBBoxInner .imgBox img {}
.section03.BIB .BIBBoxInner .BIBTxt,.section03.BIB .BIBBoxInner .outerBtn01 {width: 870px;}
.section03.BIB .BIBBoxInner .BIBTxt {font-size: 25px;margin-bottom: 35px;font-weight: bold;}

#winery {}
#winery .ttl02 {}
#winery .imgBox {margin-top: 70px;}
#winery .imgBox img {width: 100%;}
#winery> .outerBtn01 {margin-top: 80px;}
#toTopPage {margin-top:80px;background: #000;padding:40px 0;}
#toTopPage .btnType03 {margin-top: 0;}
#toTopPage .outerBtn01 {}
#toTopPage .outerBtn01.btnType03 {}
