.l-main > *{overflow:hidden;}
#topBar{display:none;}
#header.mvShow{background-color:transparent;}
#mainVisual{
	position:relative;
	background-color:#000;
	line-height:1.0;
	color:#fff;
	text-align:center;
}
#mvSlider{margin:0 auto;}
#mainVisual a{
  display:block;
  color:#fff;
}
#mainVisual a:hover{opacity:0.7;}
#mainVisual .mvInner{
	position:relative;
	height:100%;
}
#mainVisual .fgInner{
	height:100%;
	position:absolute;
	top:0;
}
#mainVisual .fgInner *:not(h1){
	display:block;
	line-height:1.0;
}
#mainVisual h1 strong{writing-mode:vertical-rl;}
#mainVisual .moreLink > span{color:#fff;}
#mainVisual .moreLink > span:before{
	content:"";
	display:block;
	height:1px;
	background-color:#fff;
}
#mainVisual .enTxt{
	white-space:nowrap;
	color:#FFC352;
	opacity:0.73;
  font-weight:bold;
}
#newsBox{
	background-color:#323232;
	color:#fff;
}
#newsBox .inner{
	max-width:1000px;
	margin:0 auto;
}
#newsBox .newsList dt,
#newsBox .newsList dd{
	display:block;
	line-height:1.5;
}
#newsBox .newsList dd a{
	display:block;
	color:#fff;
}
#newsBox .newsList dd a:hover{text-decoration:underline;}
.specBox{background-color:#f8f7f2;}
.specBox .inner{
	width:100%!important;
	max-width:initial!important;
}
.specBox .paraTtl strong{color:#323232;}
.specBox .paraTtl span{color:#c9c9c9;}
.specList li a{display:block;}
.specList li a:focus{outline:none;}
.specList li h3{line-height:1.5;}
.specList li p{line-height:1.75;}
.newBox{background-color:#efefef;}
.recomBox .moreLink{text-align:center;}
.recomBox .moreLink a{
	display:inline-block;
	position:relative;
	width:200px;
	margin:0 auto;
	background-color:#9a1515;
	border:1px solid #9a1515;
	color:#fff;
	line-height:1.0;
}
.recomBox .moreLink a:hover{
	background-color:#fff;
	color:#9a1515;
}
.recomBox .moreLink a:before{
	content:"";
	width:32px;
	height:1px;
	position:absolute;
	top:calc(50% - 0.5px);
	right:-16px;
	display:block;
	background-color:#fff;
}
.recomBox .moreLink a:hover:before{background-color:#9a1515;}
.recomBox .moreLink a span{display:block;}
.newBox .paraTtl strong{color:#323232;}
.newBox .paraTtl span{color:#c9c9c9;}
.giftBox{
	width:100%;
	color:#fff;
}
.giftBox .inner{
	position:relative;
	max-width:1100px;
	margin:0 auto;
}
.giftBox .inner:before{
	content:"MANNOWAGYU";
	position:absolute;
	display:block;
	color:#ffc352;
	line-height:1.0;
	white-space:nowrap;
	opacity:0.23;
	font-family:"Bodoni Moda",serif;
	font-optical-sizing:auto;
	font-style:normal;
	z-index:1;
}
.giftBox .bg img{max-width:initial;}
.giftBox p{line-height:1.777;}
.giftBox .moreLink a{
	position:relative;
	display:flex;
	align-items:center;
	line-height:1.0;
	color:#fff;
}
.giftBox .moreLink a:hover{opacity:0.7;}
.giftBox .moreLink a:before{
	content:"";
	display:block;
	height:1px;
	background-color:#fff;
}
.giftBox .moreLink a span{display:block;}
.instagramBox{
	width:100%;
	background-color:#f2f2f2;
} 
.instagramBox h2{
	display:block;
	text-align:center;
	color:#323232;
	line-height:1.0;
}
.instagramBox a:hover{opacity:0.7;}
.instagramBox .instagramList{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
}
.instagramBox .moreLink{text-align:right;}
.instagramBox .moreLink a{
	display:inline-flex;
	align-items:center;
	margin-left:auto;
	margin-right:0;
}
.instagramBox .moreLink a:before{
	content:"";
	display:block;
	width:70px;
	height:1px;
	margin-right:20px;
	background-color:#d7d7d7;
}
.flowBox{width:100%;}
.flowBox .inner{margin:0 auto;}
.flowBox .paraTtl strong{color:#323232;}
.flowBox .paraTtl span{color:#c9c9c9;}
.flowBox .flowList{
	margin:0 auto;
	border:1px solid #dcdcdc;
}
.flowBox .flowList li{display:block;}
.flowBox h3 > *{
	display:block;
	line-height:1.0;
}
.flowBox h3 span{color:#c9c9c9;}
.flowBox h3 strong{color:#ffb9b9;}
.flowBox figure img{margin:0 auto;}
.flowBox p{line-height:2.0;}
@media screen and (max-width:767.98px){
	#mainVisual{margin-top:-85px;}
	#mainVisual .fgInner{
		display:flex;
		flex-direction:column;
		align-items:center;
		width:100%;
		left:0;
	}
	#mainVisual h1{
		order:1;
		margin-top:min(31.2vw,117px);
		text-align:center;
	}
	#mainVisual h1 strong{
		margin:0 auto;
		font-size:min(14.9333vw,56px);
	}
	#mainVisual h1 span{
		margin-top:min(5.333vw,20px);
		font-size:min(8.5333vw,32px);
/*		letter-spacing:min(-0.177vw,-2px);*/
	}
	#mainVisual h1 small{
		margin-top:min(4vw,15px);
		margin-right:min(-3.4666vw,-13px);
		font-size:min(4.2666vw,16px);
		letter-spacing:min(0.20833vw,3px);
	}
	#mainVisual .moreLink{
		order:3;
		margin-top:min(8vw,30px);
		font-size:min(1.25vw,18px);
		text-align:center;
	}
	#mainVisual .moreLink > span{
		display:block;
		text-align:center;
	}
	#mainVisual .moreLink > span:before{
		width:min(13.0666vw,49px);
		margin:0 auto;
		margin-bottom:min(5.8666vw,22px);
	}
	#mainVisual .moreLink > span span{
		font-size:min(4.8vw,18px);
		letter-spacing:min(0.5333vw,2px);
	}
	#mainVisual .enTxt{
		order:2;
		margin-top:min(41.333vw,155px);
		font-size:min(8.8vw,33px);
		letter-spacing:min(2.1333vw,8px);
	}
	#newsBox{padding:70px 8vw 90px;}
	#newsBox .inner{width:84vw;}
	#newsBox .inner h2{
		margin-bottom:40px;
		font-size:30px;
	}
	#newsBox .newsList dt{
		margin-bottom:20px;
		font-size:13px;
		line-height:1.0;
	}
	#newsBox .newsList dd{
		word-break:break-all;
		font-size:15px;
	}
	#newsBox .newsList dd+dt{margin-top:20px;}
	.specBox{padding:80px 0;}
	.specList li{
		width:250px!important;
		margin:0 15px;
	}
	.specList li h3{
		margin-top:20px;
		font-size:18px;
	}
	.specList li p{
		margin-top:20px;
		font-size:15px;
	}
	.recomBox .moreLink{margin-top:60px;}
	.recomBox .moreLink a{
		padding:15px 10px;
		font-size:15px;
	}
	.rankBox .inner,
	.newBox .inner{
		width:calc(100% + 8vw);
		margin-right:8vw;
	}
	.giftBox{
		background:url("https://img20.shop-pro.jp/PA01319/428/etc_base64/Z2lmdC1iZy1zcA.png?cmsp_timestamp=20250729184224") #000 no-repeat center top / cover;
		overflow:hidden;
	}
	.giftBox .inner{
		width:84vw;
		padding:73.333vw 0 146px;
	}
	.giftBox .inner:before{
		bottom:76px;
		right:-4vw;
		font-size:40px;
		letter-spacing:1.4vw;
		text-align:right;
	}
	.giftBox p{
		margin-top:35px;
		font-size:15px;
	}
	.giftBox .moreLink{margin-top:22px;}
	.giftBox .moreLink a{font-size:15px;}
	.giftBox .moreLink a:before{
		width:70px;
		margin-right:20px;
	}
	.instagramBox{padding:76px 8vw 64px;}
	.instagramBox h2{
		margin-bottom:46px;
		font-size:32px;
	}
	.instagramBox .instagramList,
	.instagramBox .moreLink{width:100%;}
	.instagramBox .instagramList li{width:31.5789%;}
	.instagramBox .instagramList li:not(:nth-child(3n+1)){margin-left:2.63165%;}
	.instagramBox .instagramList li:nth-child(n+4){margin-top:2.63165%;}
	.instagramBox .moreLink{margin:36px auto 0;}
	.instagramBox .moreLink a{font-size:15px;}
	.flowBox{padding:90px 8vw 72px;}
	.flowBox .flowList li{
		position:relative;
		width:100%;
		padding:30px 5% 40px;
		text-align:center;
	}
	.flowBox .flowList li+li{border-top:1px solid #dcdcdc;}
	.flowBox figure img{width:84px;}
	.flowBox h3{
		position:absolute;
		left:7.936%;
		top:30px;
	}
	.flowBox h3 span{font-size:18px;}
	.flowBox h3 strong{
		margin-top:7px;
		font-size:43px;
	}
	.flowBox h4{
		display:block;
		margin-top:32px;
		line-height:1.0;
		font-size:22px;
	}
	.flowBox p{
		margin-top:22px;
		font-size:15px;
	}
}
@media screen and (min-width:768px){
	#header.mvShow{padding-top:52px;}
	#header .hdLogo a{position:relative;}
	#header .hdLogo a:before{
		content:"";
		display:block;
		width:100px;
		height:38px;
	}
	#header .hdLogo img{
		max-width:initial;
		transition:all 0.4s;
	}
	#header .hdLogo img{
		width:100px;
		position:absolute;
		bottom:0;
		left:0;
	}
	#header.mvShow .hdLogo img{
		width:246px;
		bottom:-20px;
	}
	#mainVisual{width:100%;}
	#mainVisual .mvInner{
		max-width:1440px;
		margin:0 auto;
	}
	#header.mvShow ~ .l-main.is-top #mainVisual{margin-top:-164px;}
	#mainVisual .fgInner{
		width:min(82.638vw,1190px);
		left:min(8.6805vw,125px);
	}
	#mainVisual h1{
		display:flex;
		align-items:flex-end;
		justify-content:flex-end;
		flex-wrap:wrap;
		width:min(30.833vw,444px);
		margin-top:min(19.722vw,284px);
		margin-left:auto;
	}
	#mainVisual h1 strong{
		order:1;
		font-size:min(6.5277vw,94px);
	}
	#mainVisual h1 span{
		order:3;
		width:100%;
		margin-top:min(1.18055vw,17px);
		margin-right:min(-1.7361vw,-25px);
		font-size:min(3.4722vw,50px);
		letter-spacing:min(-0.20833vw,-3px);
	}
	#mainVisual h1 small{
		order:2;
		margin-top:min(-1.5277vw,-22px);
		margin-left:min(1.1805vw,17px);
		margin-right:min(-0.69444vw,-10px);
		font-size:min(1.25vw,18px);
		letter-spacing:min(0.20833vw,3px);
	}
	#mainVisual .moreLink{
		margin-top:min(1.52777vw,22px);
		text-align:right;
		font-size:min(1.25vw,18px);
	}
	#mainVisual .moreLink > span{
		display:inline-flex;
		align-items:center;
		justify-content:flex-end;
		margin-left:auto;
	}
	#mainVisual .moreLink > span:before{width:min(4.7916vw,69px);}
	#mainVisual .moreLink > span span{
		margin-left:min(1.5277vw,22px);
		letter-spacing:min(0.13888vw,2px);
	}
	#mainVisual .enTxt{
		width:min(1440px,100vw);
		margin-top:min(2.5vw,36px);
		margin-right:min(-8.6805vw,-125px);
		margin-left:min(-8.6805vw,-125px);
		font-size:min(5.9027vw,85px);
		text-align:right;
		letter-spacing:min(4.02777vw,58px);
	}
	#newsBox{padding:76px 0;}
	#newsBox .inner{
		display:grid;
		grid-template-columns:214px 1fr;
		width:94vw;
	}
	#newsBox .inner h2{
		align-self:center;
		font-size:36px;
	}
	#newsBox .newsList{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		font-size:16px;
	}
	#newsBox .newsList{
		padding-left:72px;
		border-left:1px solid #000;
	}
	#newsBox .newsList dt{width:102px;}
	#newsBox .newsList dd{width:calc(100% - 174px);}
	#newsBox .newsList dt+dd+dt,
	#newsBox .newsList dd+dt+dd{margin-top:20px;}
	.specList li{
		width:380px!important;
		margin:0 20px;
	}
	.specList li h3,
	.specList li p{padding:0 12px;}
	.specList li h3{
		margin-top:35px;
		font-size:22px;
	}
	.specList li p{
		margin-top:20px;
		font-size:16px;
	}
	.recomBox .moreLink{margin-top:90px;}
	.recomBox .moreLink a{
		padding:17px 10px;
		font-size:18px;
	}
	.giftBox{background-color:#000;}
	.giftBox .inner{
		display:flex;
		flex-direction:row-reverse;
		justify-content:space-between;
		width:94vw;
	}
	.giftBox .inner:before{
		bottom:32px;
		left:0;
		font-size:85px;
	}
	.giftBox p{
		margin-top:18px;
		font-size:18px;
	}
	.giftBox .txtBox{
		position:relative;
		z-index:2;
	}
	.giftBox .moreLink{margin-top:30px;}
	.giftBox .moreLink a{font-size:18px;}
	.giftBox .moreLink a:before{
		width:70px;
		margin-right:20px;
	}
	.instagramBox{
		margin-top:140px;
		padding:120px 0 100px;
	}
	.instagramBox h2{
		margin-bottom:64px;
		font-size:55px;
	}
	.instagramBox .instagramList,
	.instagramBox .moreLink{
		max-width:760px;
		width:96%;
	}
	.instagramBox .instagramList li{width:31.746%;}
	.instagramBox .instagramList li:not(:nth-child(3n+1)){margin-left:2.381%;}
	.instagramBox .instagramList li:nth-child(n+4){margin-top:2.381%;}
	.instagramBox .moreLink{margin:30px auto 0;}
	.instagramBox .moreLink a{font-size:15px;}
	.flowBox{padding:170px 0 120px;}
	.flowBox .inner{
		width:96%;
		max-width:1200px;
	}
	.flowBox .flowList{display:flex;}
	.flowBox .flowList li{
		width:33.3333%;
		padding:45px 3% 52px;
		text-align:center;
	}
	.flowBox .flowList li+li{border-left:1px solid #dcdcdc;}
	.flowBox h3 span{font-size:25px;}
	.flowBox h3 strong{
		margin-top:10px;
		font-size:60px;
	}
	.flowBox figure{margin-top:36px;}
	.flowBox figure img{width:100px;}
	.flowBox h4{
		display:block;
		margin-top:32px;
		line-height:1.0;
		font-size:24px;
	}
	.flowBox p{
		margin-top:24px;
		font-size:18px;
	}
}
@media screen and (min-width:768px) and (max-width:1219.98px){
	.rankBox .inner,
	.newBox .inner{
		width:97vw;
		margin-right:0;
	}
	.giftBox .bg{
		width:500px;
		margin:0 auto;
	}
	.giftBox .bg img{
		width:120%;
		height:100%;
		margin-left:-20%;
		object-fit:contain;
		object-position: bottom right;
		opacity:0.6;
	}
	.giftBox .inner:before{letter-spacing:2vw;}
	.giftBox .txtBox{padding:7.63vw 0 130px;}
}
@media screen and (min-width:768px) and (max-width:1419.98px){
  #mvSlider,
  .mvInner.slick-slide{
    width:100vw!important;
    height:56.9444vw!important;
  }
}
@media screen and (min-width:1220px){
	.rankBox .inner,
	.newBox .inner{
		width:calc(1200px + 50vw - 600px);
		max-width:initial;
		margin-right:0;
	}
	.giftBox .inner:before{letter-spacing:35px;}
	.giftBox .bg{width:622px;}
	.giftBox .bg img{
		width:727px;
		margin-right:-105px;
	}
	.giftBox .txtBox{padding-top:110px;}
}
@media screen and (min-width:1420px){
  #mvSlider,
  .mvInner.slick-slide{
    width:1440px!important;
    height:820px!important;
  }
}
.queenBox h3 {
 line-height:1.3; 
}
.img {
 position:relative; 
}