@charset "utf-8";
/* CSS Document */

#wineCommonHeader .contents {
	width: 1164px;
}
.container {
	background-color: #000;
	min-width: 1164px;
}

@media screen and (max-width: 767px) {
.container {width: 100%;min-width: 100%;}
.onlyPc {display: none !important;}
}

@media print, screen and (min-width: 768px) {
.onlysp {display: none !important;}
}

@media screen and (max-width: 767px) {
}

html { -webkit-text-size-adjust: 100%; }

/*====== common =======*/

.hide{display: none!important;}

*{color: #ddd;margin: 0;padding: 0;line-height: 2;font-family: 'Noto Sans JP', sans-serif;}
a {text-decoration: none;}
li{list-style: none;}
img{width: 100%;}
.section01 {background-color: #000;text-align: center;}
.section02 {
	width: 1164px;
	margin: 0 auto;
	position: relative;
}
.section03 {}
.txt {font-size: 16px;}
.ttl01 {max-width: 470px;margin: auto;line-height: 1;}
.ttl02 {line-height: 1;}
.ttl03 {margin-bottom: 40px;font-size: 24px;line-height: 1;}
.contentsBtnBox01 {}
.contentsBtnBox01 .contentsBtn {display: block;margin: auto;max-width: 500px;max-height: 70px;}
.contentsBtnBox01 .contentsBtn img {}


/*====== MV =======*/
.section01.mvSection {height: 60.5vw;min-height: 784px; background: url(/wine/special/carnivor/img/mv_pc.jpg) center top/cover no-repeat;background-size: 100%;}
.section01.mvSection .mvttl {max-width: 35.46875VW;margin: auto; padding-top: 5.15vw;min-width: 463px}

@media print, screen and (max-width: 1280px) {
.section01.mvSection .mvttl {padding-top: 67px}
}

.section01.mvSection .section02 {margin-top: 4.5%;}
.section01.mvSection .section02 .txtBox {}
.section01.mvSection .section02 .txtBox .txt {}
.section01.mvSection .section02 .txtBox .contentsBtnBox01 {margin-top: 40px;}
.section01.mvSection .section02 .txtBox .contentsBtnBox01 .contentsBtn {}
.section01.mvSection .section02 .txtBox .contentsBtnBox01 .contentsBtn img {}
.section01.mvSection .section02 .copy {color: #808080;font-size: 12px;text-align: right;line-height: 1;margin-top: 30px;}

/*====== products =======*/
.section01.productsSection {padding: 200px 0;background: url(/wine/special/carnivor/img/bg_img_01.jpg) top no-repeat, url(/wine/special/carnivor/img/bg_img_05.png) bottom no-repeat;}
.section01.productsSection .section03 {}
.section01.productsSection .section03 .ttl01 {}
.section01.productsSection .section03 .ttl01 img {}

.section01.productsSection .section02 {background: url(/wine/special/carnivor/img/bg_img_03.png) center top no-repeat;background-size: 260px;padding-top: 120px;margin-top: -20px;}
.section01.productsSection .section02 .infoBox {margin-bottom: 120px;padding-top: 30px;}
.section01.productsSection .section02 .infoBox .ttl03 {}
.section01.productsSection .section02 .infoBox .txt {}

.section01.productsSection .section02 .productsList {display: flex;justify-content: space-between;}
.section01.productsSection .section02 .productsList .productBox {width: 580px;}
.section01.productsSection .section02 .productsList .productBox .imgBox {}
.section01.productsSection .section02 .productsList .productBox .imgBox img {}
.section01.productsSection .section02 .productsList .productBox .txtBox {}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox {width: 500px;padding:10px 29px 80px;margin: auto;position: relative;text-align: left;}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox:before{position: absolute;content:"";width: 100%;height: 40px;top: -40px;background: #000;left: 0;}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox .ttl {font-weight: bold;}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox .subttlList {display: flex;justify-content: space-between;margin-bottom: 30px;}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox .subttlList .engTtl {color: #999;font-size: 14px;}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox .subttlList .red {color: #B10000;font-weight: bold;font-size: 15px;}
.section01.productsSection .section02 .productsList .productBox .txtBox .txt {font-size: 15px;margin-bottom: 50px;}
.section01.productsSection .section02 .productsList .productBox .txtBox .info {color: #999;font-size: 12px;margin-bottom: 40px;}
.section01.productsSection .section02 .productsList .productBox .txtBox .contentsBtnBox01 {}
.section01.productsSection .section02 .productsList .productBox .txtBox .contentsBtnBox01 .contentsBtn {width: 442px;height: 60px;}
.section01.productsSection .section02 .productsList .productBox .txtBox .contentsBtnBox01 .contentsBtn img {}

.section01.productsSection .section02 .labelBox {position: relative;padding: 60px;border-top: 1px solid #333;}
.section01.productsSection .section02 .labelBox .ttl03 {}
.section01.productsSection .section02 .labelBox .txt {}
.section01.productsSection .section02 .labelBox .labelList {display: flex;justify-content: space-between;width: 840px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.section01.productsSection .section02 .labelBox .labelList .imgBox {max-width: 170px;}
.section01.productsSection .section02 .labelBox .labelList .imgBox img {}

/*====== dishes =======*/
.section01.dishTtl {height: 23vw;min-height: 356px; background: url(/wine/special/carnivor/img/ttl_bg_01.jpg) center/cover no-repeat;position: relative;}
.section01.dishTtl .ttl01 {position: absolute;bottom: 35px;left: 50%;transform: translate(-50%,0);}

.section01.dishesSection {padding: 170px 0 0;background: url(/wine/special/carnivor/img/bg_img_04.png) top no-repeat,url(/wine/special/carnivor/img/bg_img_02.jpg) center 87.5% no-repeat;;background-size: 100%;}

.section01.dishesSection .section02 {}
.section01.dishesSection .section02 .ttl03 {}
.section01.dishesSection .section02 .txt {}
.section01.dishesSection .section02.dishes {}
.section01.dishesSection .section02.dish01 {margin-top: 130px;}
.section01.dishesSection .section02.dish02 {margin-top: 80px;}
.section01.dishesSection .section02.dishes .ttl {font-size: 18px;font-weight: normal;height: 50px;display: flex;justify-content: center;align-items: center;line-height: 1;border-radius: 5px 5px 0 0;}
.section01.dishesSection .section02.dish01 .ttl {background: linear-gradient(#5A0702,#880C04);}
.section01.dishesSection .section02.dish02 .ttl {background: linear-gradient(#7B7777,#AAA1A1);color: #000;}
.section01.dishesSection .section02.dishes .dishesList {display: flex;padding: 60px 50px;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;background: #222;}
.section01.dishesSection .section02.dishes .dishesList .dishesItem {text-align: left;width: 510px;}
.section01.dishesSection .section02.dishes .dishesList .dishesItem:nth-child(n+3){margin-top: 50px;}
.section01.dishesSection .section02.dishes .dishesList .dishesItem .ttl04 {font-size: 20px;line-height: 1;margin-bottom: 30px;}
.section01.dishesSection .section02.dishes .dishesList .dishesItem .imgBox {}
.section01.dishesSection .section02.dishes .dishesList .dishesItem .imgBox img {}
.section01.dishesSection .section02.dishes .dishesList .dishesItem .subttl {font-size: 16px;line-height: 1;margin: 40px 0 20px;font-weight: bold;}
.section01.dishesSection .section02.dishes .dishesList .dishesItem .txt {font-size: 15px;}
.section01.dishesSection .section02.dishes .moreBtn {background: #222;padding-bottom: 50px;border-radius:0 0 5px 5px;font-weight: bold;line-height: 1;cursor: pointer;margin-top: -1px;}
.section01.dishesSection .section02.dishes .moreBtn:after {content: "";display: block;width: 26px;height: 8.5px;background: url(/wine/special/carnivor/img/arrow_ico.png) center/cover no-repeat;margin: auto;transform: rotate(180deg);transition: .3s ease;margin: 15px auto;}
.section01.dishesSection .section02.dishes .moreBtn.active:after {transform: rotate(0);}
.section01.dishesSection .section03 {background: url(/wine/special/carnivor/img/product_image3.png) center/cover no-repeat; height: 45vw;min-height: 623px;position: relative;margin-top: 150px;}
.section01.dishesSection .section03 .txtBox {position: absolute;left: 50%;top: 58%; transform: translate(-50%, -50%);}
.section01.dishesSection .section03 .txtBox .txt {margin-bottom: 35px;}



@media screen and (max-width: 767px) {
	*{box-sizing: border-box;}
	.section01{}
.txt {font-size: 4.266666vw;line-height: 2;}
.section02 {width: 100%;}
.ttl01 {max-width: 90%;}
.ttl03{font-size: 5.333333vw;line-height: 2;}
.contentsBtnBox01 .contentsBtn {max-height: 16vw;width: 81.33333vw!important;height: 16vw!important;max-width: 620px;max-height: 120px;}
.contentsBtnBox01 .contentsBtn img {width: 100%;height: 100%;}
 
/*====== MV =======*/
.section01.mvSection {background: url(/wine/special/carnivor/img/mv_sp.jpg) center/cover no-repeat;height: 145.333333vw;margin-bottom: 62vw;min-height: auto;min-width: auto;}
.section01.mvSection .section02 {padding: 8vw;margin-top: 0;}
.section01.mvSection .section02 .txtBox {margin-top: 130vw;}
.section01.mvSection .section02 .txtBox .txt {}
.section01.mvSection .section02 .txtBox .contentsBtnBox01 {}
.section01.mvSection .section02 .txtBox .contentsBtnBox01 .contentsBtn {margin-top: 8vw;max-height: 16vw;max-width: 81.333333vw;max-width: 100%;}
.section01.mvSection .section02 .txtBox .contentsBtnBox01 .contentsBtn img {}
.section01.mvSection .section02 .copy {font-size: 2.66666vw;}

/*====== products =======*/
.section01.productsSection {background-size: 120%;padding: 20vw 0 15vw}
.section01.productsSection .section03 {}
.section01.productsSection .section03 .ttl01 {}
.section01.productsSection .section03 .ttl01 img {}

.section01.productsSection .section02 {padding: 4vw;background-size: 70%;margin-top: 0;}
.section01.productsSection .section02 .infoBox {padding: 4vw;margin-bottom: 25vw;}
.section01.productsSection .section02 .infoBox .ttl03 {}
.section01.productsSection .section02 .infoBox .txt {font-size: 4.266666vw;line-height: 2;}

.section01.productsSection .section02 .productsList {flex-wrap: wrap;}
.section01.productsSection .section02 .productsList .productBox {width: 100%}
.section01.productsSection .section02 .productsList .productBox .imgBox {}
.section01.productsSection .section02 .productsList .productBox .imgBox img {}
.section01.productsSection .section02 .productsList .productBox .txtBox {}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox {width: 100%;padding: 0 6vw 15vw}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox:before{height: 8vw;width: 96%;left: 50%;top:-8vw;transform: translate(-50%,0);}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox .ttl {font-size: 5.333333vw;line-height: 1;}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox .subttlList {}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox .subttlList .engTtl {font-size: 3.2vw;}
.section01.productsSection .section02 .productsList .productBox .txtBox .ttlBox .subttlList .red {font-size: 3.733333vw;}
.section01.productsSection .section02 .productsList .productBox .txtBox .txt {font-size: 4vw;line-height: 2;margin-bottom: 8vw;}
.section01.productsSection .section02 .productsList .productBox .txtBox .info {font-size: 3.2vw;line-height: 1.66666;}
.section01.productsSection .section02 .productsList .productBox .txtBox .contentsBtnBox01 {}
.section01.productsSection .section02 .productsList .productBox .txtBox .contentsBtnBox01 .contentsBtn {}
.section01.productsSection .section02 .productsList .productBox .txtBox .contentsBtnBox01 .contentsBtn img {}

.section01.productsSection .section02 .labelBox {padding:13.33333vw 4vw 4vw;}
.section01.productsSection .section02 .labelBox .ttl03 {line-height: 1;margin-bottom: 8vw;}
.section01.productsSection .section02 .labelBox .txt {font-size: 4vw;}
.section01.productsSection .section02 .labelBox .labelList {width: 100%;position: static;transform: translate(0);margin-top: 10.666666vw;}
.section01.productsSection .section02 .labelBox .labelList .imgBox+.imgBox {margin-left: 4vw;}
.section01.productsSection .section02 .labelBox .labelList .imgBox {}
.section01.productsSection .section02 .labelBox .labelList .imgBox img {}

/*====== dishes =======*/
.section01.dishTtl {height: 40vw;background-size: 150%;min-height: auto;}
.section01.dishTtl .ttl01 {width: 90%;bottom: 0;}

.section01.dishesSection {padding: 15vw 0 0;background: url(/wine/special/carnivor/img/bg_img_04.png) top no-repeat,url(/wine/special/carnivor/img/bg_img_02.jpg) center 90.5% no-repeat;background-size: 100%;}
.section01.dishesSection.ver1 {background-position-y: 0,94.5%}
.section01.dishesSection.ver2 {background-position-y: 0,93%}

.section01.dishesSection .section02 {padding:0 4vw}
.section01.dishesSection .section02 .ttl03 {margin-bottom: 8vw;}
.section01.dishesSection .section02 .txt {}
.section01.dishesSection .section02.dishes {}
.section01.dishesSection .section02.dish01 {margin-top: 15vw;}
.section01.dishesSection .section02.dish02 {margin-top: 16vw;}
.section01.dishesSection .section02.dishes .ttl {font-size: 4.26666vw;height: 12.266666vw;}
.section01.dishesSection .section02.dish01 .ttl {}
.section01.dishesSection .section02.dish02 .ttl {}
.section01.dishesSection .section02.dishes .dishesList {padding:8vw 4vw;}
.section01.dishesSection .section02.dishes .dishesList .dishesItem {width: 100%;}
.section01.dishesSection .section02.dishes .dishesList .dishesItem:nth-child(n+2),
.section01.dishesSection .section02.dishes .dishesList .dishesItem:nth-child(n+3){margin-top: 13.3333vw;}
.section01.dishesSection .section02.dishes .dishesList .dishesItem .ttl04 {font-size: 4.8vw;margin-bottom: 4vw;}
.section01.dishesSection .section02.dishes .dishesList .dishesItem .imgBox {}
.section01.dishesSection .section02.dishes .dishesList .dishesItem .imgBox img {}
.section01.dishesSection .section02.dishes .dishesList .dishesItem .subttl {font-size: 4.26666vw;margin: 8vw 0 4vw;line-height: 1.25;}
.section01.dishesSection .section02.dishes .dishesList .dishesItem .txt {font-size: 4vw;line-height: 2;}
.section01.dishesSection .section02.dishes .moreBtn {padding-bottom: 8vw;font-size: 4vw;}
.section01.dishesSection .section02.dishes .moreBtn:after {width: 6.93333vw;height: 2.266666vw;}
.section01.dishesSection .section02.dishes .moreBtn a {}
.section01.dishesSection .section02.dishes .moreBtn.active:after {}
.section01.dishesSection .section03 {height: 96vw;background-size: 210%;background-position-x: 60%;min-height: auto;}
.section01.dishesSection .section03 .txtBox {width: 84%;}
.section01.dishesSection .section03 .txtBox .txt {margin-bottom: 6vw;}
}