﻿
/*--------------------------------------------------------------------------
---------------------------ベース-------------------------------------------
---------------------------------------------------------------------------*/
body{background:url(../image/mv_bg.jpg) repeat-x 0 0;}
/*--------------------------------------------------------------------------
---------------------------ヘッダー-----------------------------------------
---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
---------------------------MV-----------------------------------------------
---------------------------------------------------------------------------*/
.mv_bg{
	background:url(../image/mv_bg.jpg) repeat-x 0 0;
	padding:40px 0;
	position:relative;
	overflow:hidden;
	
}
#mv{
	width:1000px;
	height:520px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background-color:#2c130b;
}
#mv .anime,
#mv .frame{
	position:absolute;
	margin:0 auto;
	padding-bottom:40px;
}
#mv .anime img,
#mv .anime2{
	position:absolute;
	opacity:0;
	filter: alpha(opacity=0);
	overflow:hidden;
	display:block;
	text-align:center;
}
#mv #cut1_bg,
#mv #cut2_bg,
#mv #cut3_bg{
	position:absolute;
	width: 1000px;
	height: 520px;

}
#mv #cut1_bg,
#mv #cut2_bg,
#mv #cut3_bg,
#mv #cut4_bg,
#mv #cut5_bg,
#mv #cut6_bg,
#mv #cut6_02_bg,
#mv #cut7_bg,
#mv #cut7_bg02{
	position:absolute;
	width: 996px;
	height: 474px;
	overflow:hidden;
	top:2px;
	left:2px;

}
#mv #cut1_bg img{
	left:-100%;
	right:-100%;
	bottom:-70px;
	
	margin: auto;
}
#mv #cut3_bg img{
	right:-40px;
}
#mv #cut4_bg img{
	left:-40px;
}
#mv #cut5_bg img{
	top:-40px;
}
#mv #cut6_bg img{
	top:-40px;
}
#mv #cut2_text01{
	left:810px;
	top:95px;
	height:0;
}
#mv #cut2_text02_001{
	left:106px;
	top:96px;
	height:0;
}
#mv #cut2_text02_002{
	left:50px;
	top:96px;
	height:0;
}
#mv #cut3_text01_001{
	left:880px;
	top:32px;
	height:0;
}
#mv #cut3_text01_002{
	left:800px;
	top:32px;
	height:0;
}
#mv #cut3_text01_003{
	left:795px;
	top:285px;
}
#mv #cut4_text01_001{
	left:130px;
	top:90px;
	height:0;
}
#mv #cut4_text01_002{
	left:50px;
	top:25px;
	height:0;
}
#mv #cut4_text01_003{
	left:40px;
	top:213px;
}
#mv #cut4_text01_001{
	left:130px;
	top:90px;
	height:0;
}
#mv #cut4_text01_002{
	left:60px;
	top:25px;
	height:0;
}
#mv #cut4_text01_003{
	left:48px;
	top:210px;
}
#mv #cut5_text01_001{
	left:877px;
	top:40px;
	height:0;
}
#mv #cut5_text01_002{
	left:809px;
	top:40px;
	height:0;
}
#mv #cut5_text01_003{
	left:741px;
	top:40px;
	height:0;
}
#mv #cut5_text01_004{
	left:735px;
	top:62px;
}
#mv #cut6_text01{
	left:895px;
	top:30px;
	height:0;
}
#mv #cut6_text02_001{
	left:105px;
	top:170px;
	height:0;
}
#mv #cut6_text02_002{
	left:36px;
	top:210px;
}
#mv #cut6_02_text01{
	left:860px;
	top:70px;
	height:0;
}
#mv #cut6_02_text02{
	left:790px;
	top:70px;
	height:0;
}
#mv #cut6_02_text03{
	left:720px;
	top:70px;
}
#mv #cut6_02_img01{
	left:370px;
	top:65px;
}
#mv #cut7_text01_001{
	left:820px;
	top:60px;
	height:0;
}
#mv #cut7_text01_002{
	left:760px;
	top:40px;
	height:0;
}
#mv2{
	width:1000px;
	height:600px;
	margin:0 auto;
	position:absolute;
	overflow:hidden;
}
#cut_item{
	position:absolute;
	left:53%;
	opacity:0;
	filter: alpha(opacity=0);
	display:block;
	right:0;
	bottom:-200px;
	width:436px;
	height:231px;
}
#mv .btn{
	position:absolute;
	right:20px;
	bottom:20px;
}
#mv .btn a{transition:0.2s;}
#mv .btn a:hover{opacity:0.7;}
/*--------------------------------------------------------------------------
---------------------------非表示-------------------------------------------
---------------------------------------------------------------------------*/
#header .tophide,
#pankuzu,
.announcement_area{ display:none;}
/*--------------------------------------------------------------------------
-------------------------コンテンツ-----------------------------------------
---------------------------------------------------------------------------*/
#zidori_section{
	background:url(../image/zidori_section_bg.png) repeat-x top center;
}
#zidori_section section{
	width: 1000px;
	margin: 0 auto;
}
#zidori_section section h3{
	width: 340px;
	float: left;
}
#zidori_section section dl{
	width: 640px;
	float: right;
	padding-top: 45px;
}
#zidori_section section dl dt{margin-bottom: 15px;}
#section1{
	background:url(../image/section1_bg.jpg) no-repeat top center;
	padding:30px 0;
}
#section1 section{
	width:450px;
	margin:0 auto;
	background:url(../image/section1_img.png) no-repeat 0 0;
	min-height:422px;
	padding-left:550px;
}
#section1 .imgcatch{
	margin-top:35px;
	height:210px;
}
#section1 p{
	color:#330507;
	font-weight:bold;
	font-size:1.6rem;
	margin-top:25px;
}
#section2{
	background:url(../image/section2_bg.jpg) no-repeat center top;
        /*
	background-size:100% auto;
        */
        background-size: cover;

	background-attachment:fixed;
}
#section2 section{
	width:1000px;
	margin:0 auto;
	padding:20px 0 55px;
	position:relative;
}
#section2 h2{
	background:url(../image/section2_title.png) no-repeat center top;
	height:80px;
}
#section2 #cm{
	width:890px;
	height:494px;
	margin:15px auto 0;
	box-sizing:content-box;
	border:5px solid #fff;
}
#section2 .button{
	border:solid 2px #fff;
	border-radius:7px;
	display:inline-block;
	position:absolute;
	top:37px;
	right:50px;
}
#section2 .button a{
	padding:12px;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:1.23rem;
	line-height:1;
	transition:0.2s;
}
#section2 .button a span{
	background:url(../image/link_pict_w.png) no-repeat 1rem center;
	padding:0 1rem 0 1.8rem;
	display:inline-block;
	font-weight:bold;
}
#section2 .button a:hover{
	background-color:#fff;
	color:#863b31;
}
#section2 .button a:hover span{background:url(../image/link_pict_r.png) no-repeat 1rem center;}
#section3{
	background:url(../image/section3_bg.gif) repeat-x 0 0;
	text-align: center;
	width: 100%;
	min-height:440px;
	overflow: hidden;
	padding:25px 0 0 0;
	position:relative;
}
#section3 h2{
	background:url(../image/section3_title.png) no-repeat center top;
	height:92px;
}
#section3 #slideWrap{
	position: relative;
/*2020.01.15*/
/*	width: 8740px;*/
	width: 4560px;
}
#section3 #slideWrap ul{
	margin: 0;
/*2020.01.15*/
/*	width: 4370px;*/
	width: 2280px;
	float: left;
}
#section3 #slideWrap li{
	float: left;
}
#section3 .button{
	border:solid 2px #591b19;
	border-radius:7px;
	display:inline-block;
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-100px;
	z-index:9999;
}
#section3 .button a{
	padding:12px;
	display:inline-block;
	color:#591b19;
	text-decoration:none;
	font-size:1.23rem;
	line-height:1;
	transition:0.2s;
}
#section3 .button a span{
	background:url(../image/link_pict_r.png) no-repeat 1rem center;
	padding:0 1rem 0 1.8rem;
	display:inline-block;
	font-weight:bold;
}
#section3 .button a:hover{
	background-color:#591b19;
	color:#fff;
}
#section3 .button a:hover span{background:url(../image/link_pict_w.png) no-repeat 1rem center;}
#section4{
	background:url(../image/section4_bg.jpg) repeat 0 0;
	padding-top:20px;
	position:relative;
}
#section4 h2{
	background:url(../image/section4_title.png) no-repeat center top;
	height:67px;
	margin-bottom:58px;
}
#section4 .cooking{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding:0 0 50px;
}
#section4 .cooking h3{
	background:url(../image/section4_subtitle01.png) repeat-y 0 0;
	color:#801a11;
	font-size:2.0rem;
	font-weight:bold;
	line-height:1;
	padding:20px 20px 15px 117px;
	margin-bottom:25px;
}
#section4 .cooking p{
	width:480px;
	font-size:1.6rem;
	color:#fff;
	font-weight:bold;
}
#section4 .cooking .item{
	position:absolute;
	top:-30px;
	left:10px;
}
#section4 .main_img{
	background:url(../image/section4_img01.png) no-repeat 0 0;
	display:block;
	position:absolute;
	top:45px;
	left:50%;
	overflow:hidden;
	width:50%;
	height:382px;
}
#section4 dl{
	width:100%;
	background-color:#63110a;
	border-top:solid 1px #63110a;
}
#section4 dt{
	width:100%;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
	color:#fff;
	height:2rem;
	padding:16px 0 10px;
	line-height:1;
	cursor:pointer;
	transition:0.2s;
}
#section4 dt span{
	background:url(../image/section4_pict02.gif) no-repeat right center;
	font-weight:bold;
	padding-right:2.5rem;
}
#section4 dt:hover{
	background-color:#5e1009;
	color:#ff0;
}
#section4 dt.active span{
	background:url(../image/section4_pict01.gif) no-repeat right center;
}
#section4 dd{
	display:none;
	padding-bottom:38px;
}
#section4 dd #cooking_detail{
	background-color:#732923;
	border:solid 1px #80403b;
	padding:30px;
	width:940px;
	margin:0 auto;
}
#section4 dd #cooking_detail .leftbox{
	width:300px;
	float:left;
}
#section4 dd #cooking_detail .rightbox{
	width:606px;
	float:right;
}
#section4 dd #cooking_detail .leftbox h4,
#section4 dd #cooking_detail .rightbox h4{
	background:url(../image/section4_subtitle02.jpg) repeat-y 0 0;
	padding:10px 13px;
	color:#370602;
	font-weight:bold;
	font-size:1.6rem;
	margin-bottom:20px;
}
#section4 dd #cooking_detail .leftbox h4 span{
	font-weight:normal;
	font-size:1.2rem;
}
#section4 dd #cooking_detail .leftbox ul{
	background:url(../image/section4_img02.jpg) no-repeat center 10px;
	padding-top:200px;
}
#section4 dd #cooking_detail .leftbox ul li{
	border-top: dotted 2px #8e4c46;
	margin-top:10px;
	padding-top:13px;
	color:#fff;
	
}
#section4 dd #cooking_detail .leftbox ul li:first-child{
	border-top: none;
	margin-top:0;
	padding-top:0;
}
#section4 dd #cooking_detail .leftbox ul li span{
	display:inline-block;
	float:right;
}
#section4 dd #cooking_detail .rightbox ul{
	margin:0 0 20px;
}
#section4 dd #cooking_detail .rightbox ul li{
	width:140px;
	margin-left:15px;
	float:left;
	padding-top:110px;
	color:#fff;
	font-size:1.2rem;
	line-height:1.33333;
}
#section4 dd #cooking_detail .rightbox ul li span{ font-size:1.0rem;}
#section4 dd #cooking_detail .rightbox ul li.how01{margin-left:0;}
#section4 dd #cooking_detail .rightbox ul li.how01{ background:url(../image/section4_img03.jpg) no-repeat 0 0;}
#section4 dd #cooking_detail .rightbox ul li.how02{ background:url(../image/section4_img04.jpg) no-repeat 0 0;}
#section4 dd #cooking_detail .rightbox ul li.how03{ background:url(../image/section4_img05.jpg) no-repeat 0 0;}
#section4 dd #cooking_detail .rightbox ul li.how04{ background:url(../image/section4_img06.jpg) no-repeat 0 0;}
#section4 dd #cooking_detail .rightbox .onepoint{
	position:relative;
}
#section4 dd #cooking_detail .rightbox .onepoint p{
	position:absolute;
	width:300px;
	top:40px;
	left:130px;
}
#footer #pagelink{
	position:fixed;
	left:0;
	top:26%;
}
#footer #pagelink img{
	position: absolute;
	display:block;
	top:200px;
	z-index:999;
}
#footer #pagelink ul{
	display:block;
	position:fixed;
	
	background-color:#a53315;
	width:40px;
	opacity:0.8;
	z-index:998;
}
#footer #pagelink ul li a{
	display:block;
	width:12px;
	height:12px;
	border-radius:50%;
	text-align:center;
	margin:20px auto;
	background-color:#ffffff;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	transition:0.2s;
}
#footer #pagelink ul li a:hover{background-color:#e1a605;}
#footer #pagelink ul li a.current{background-color:#e1a605;}







.new_mv{
	background: url(../image/new_topmv.jpg) no-repeat center bottom;
	background-size:cover;
	position: relative;
	width: 100%;
	height: 85vh;
	/*max-height: 800px;*/
	min-height: 820px;
	overflow: hidden;
}
.new_mv img{
	display: block;
	margin: 0 auto;
	max-width: 1300px;
	width: 100%;
	height: auto;
}
#beef_section{
	background: url(../image/beef_section_bg.jpg) no-repeat center top;
	text-align: center;
}



.movie-inner {
    position: relative;
    width: 100%;
    padding-top: 66.25%;
}

.movie-inner .movie-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: url(../image/thumb.jpg) no-repeat;
    background-size: 100%;
}

.movie-inner .movie-thumb:after {
    content: "";
    position: absolute;
    /*
    top: 0;
    */
    left: 0;
    right: 0;
    bottom:8%;
    margin:0 auto;
    width: 100%;
    height: 100%;
    background: url(../image/video_cover.png) center center no-repeat;
    transition: 0.5s;
    background-size:34% auto;
}

.movie-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*
    height: 100%;
    */
}

/*2020.01.15
-------------------------------------*/
#years13_section{
	background:url(../image/13years_section_bg.jpg) repeat-x top center;
	text-align:center;
}
#toro_section{
	background:url(../image/toro_section_bg.jpg) repeat-x top center;
	text-align:center;
}

