@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
		overflow: hidden;
	}
	.main_top img {
		width: 100%;
	}
	.overlay {
		text-align: right;
		color: #fff;
		font-weight: 900;
		font-size: 3vw;
		position: absolute;
		z-index: 3;
		right: 5vw;
		bottom: 6vw;
		text-shadow: 1px 1px 20px black;
		line-height: 1.4;
	}
	
/*--------------メイン画像・動画-----------------*/	

	.main_top_in {
		position: relative;
	}
	
	#mainImage {
		margin: 0 auto;
		width: 100%;
		position: relative;
		border: none;
		padding: 0;
		padding-top: 45.6%;
	}

	#mainImage .img-haikei {
		width: 100%;
		top: 0;
		position: absolute;
		padding-top: 45.6%;
	}

	#mainImage .img-haikei video.movieBg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		right: 0;
		left: 12%;
	}

	#mainImage img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		display: block;
		height: auto;
	}
/*----------------------------------------------*/
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 156.453vw;
	}
	.main_top img {
		width: 100%;
	}
	.overlay {
		text-align: right;
		color: #fff;
		font-weight: 900;
		font-size: 6vw;
		position: absolute;
		z-index: 3;
		right: 9vw;
		bottom: 9vw;
		text-shadow: 1px 1px 20px black;
	}
	.overlay img {
		width: 100%;
	}
	
	.sp_top_button {
		position: absolute;
		bottom: 33vw;
		right: 5vw;
		width: 25vw;
	}
	.sp_top_button img {
		width: 100%;
	}
	.main_top_in {
		position: relative;
	}
	
	/*--------------メイン画像・動画-----------------*/	

	.main_top_in {
		position: relative;
	}
	
	#mainImage {
		margin: 0 auto;
		width: 100%;
		position: relative;
		border: none;
		padding: 0;
		padding-top: 45.6%;
	}

	#mainImage .img-haikei {
		width: 100%;
		top: 0;
		position: absolute;
		padding-top: 45.6%;
	}

	#mainImage .img-haikei video.movieBg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		right: 0;
		left: 12%;
	}

	#mainImage img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		display: block;
		height: auto;
	}
/*----------------------------------------------*/
	

}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




/* ================================================================================

	共通

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.red_color {
		color: #900000;
	}
	
	.h2_title01 {
		text-align: center;
	}
	.h2_title01 h2 {
		position: relative;
		display: inline-block;
		font-weight: 700;
		font-size: 40px;
		letter-spacing: 0.08em;
	}
	.h2_title01 h2:before {
		content: '';
		position: absolute;
		background: url(../img/title_deco.png) center top / contain no-repeat;
		width: 56px;
		height: 39px;
		top: 0;
		left: -80px;
	}
	.h2_title01 h2:after {
		content: '';
		position: absolute;
		background: url(../img/title_deco.png) center top / contain no-repeat;
		width: 56px;
		height: 39px;
		top: 0;
		right: -80px;
		transform: scale(-1,1);
	}
	
	.h2_title02 h2 {
		font-size: 40px;
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.4;
	}
	
	.h2_title03 {
		text-align: center;
		font-size: 0;
	}
	.h2_title03 h2 {
		position: relative;
		display: inline-block;
		font-size: 40px;
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.4;
		color: #ffffff;
	}
	
	.h2_title04 {
		text-align: center;
		font-size: 0;
	}
	.h2_title04 h2 {
		position: relative;
		display: inline-block;
		font-size: 50px;
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.4;
		color: #ffffff;
	}
	.h2_title04 h2 span {
		display: block;
		font-size: 30px;
	}
	
	.btn a {
		position: relative;
		display: inline-block;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		padding: 10px 75px 13px;
		letter-spacing: 0.05em;
	}
	
	.red_btn a {
		background-color: #900000;
		color: #ffffff;
	}
	.red_btn a:after {
		content: '>';
		font-size: 22px;
		font-weight: 700;
		top: 7px;
		right: 20px;
		color: #ffffff;
		position: absolute;
	}
	
	.white_btn a {
		background-color: #ffffff;
		color: #900000
	}
	.white_btn a:after {
		content: '>';
		font-size: 22px;
		font-weight: 700;
		top: 8px;
		right: 20px;
		color: #900000;
		position: absolute;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.red_color {
		color: #900000;
	}
	
	.h2_title01 {
		text-align: center;
	}
	.h2_title01 h2 {
		position: relative;
		display: inline-block;
		font-weight: 700;
		font-size: 6vw;
		letter-spacing: 0.08em;
	}
	.h2_title01 h2:before {
		content: '';
		position: absolute;
		background: url(../img/title_deco.png) center top / contain no-repeat;
		width: 9vw;
		height: 7vw;
		top: 0;
		left: -12vw;
	}
	.h2_title01 h2:after {
		content: '';
		position: absolute;
		background: url(../img/title_deco.png) center top / contain no-repeat;
		width: 9vw;
		height: 7vw;
		top: 0;
		right: -12vw;
		transform: scale(-1,1);
	}
	
	.h2_title02 h2 {
		font-size: 6vw;
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.4;
	}
	
	.h2_title03 {
		text-align: center;
		font-size: 0;
	}
	.h2_title03 h2 {
		position: relative;
		display: inline-block;
		font-size: 6vw;
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.4;
		color: #ffffff;
	}
	
	.h2_title04 {
		text-align: center;
		font-size: 0;
	}
	.h2_title04 h2 {
		position: relative;
		display: inline-block;
		font-size: 6vw;
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.4;
		color: #ffffff;
	}
	.h2_title04 h2 span {
		display: block;
		font-size: 4vw;
	}
	
	.btn a {
		position: relative;
		display: inline-block;
		font-size: 4vw;
		font-weight: 700;
		text-align: center;
		padding: 3vw 20vw 3.5vw;
		letter-spacing: 0.05em;
	}
	
	.red_btn a {
		background-color: #900000;
		color: #ffffff;
	}
	.red_btn a:after {
		content: '>';
		font-size: 4.5vw;
		font-weight: 700;
		top: 2.4vw;
		right: 4vw;
		color: #ffffff;
		position: absolute;
	}
	
	.white_btn a {
		background-color: #ffffff;
		color: #900000
	}
	.white_btn a:after {
		content: '>';
		font-size: 4.5vw;
		font-weight: 700;
		top: 2.4vw;
		right: 4vw;
		color: #900000;
		position: absolute;
	}
	
	
}


/* ================================================================================

	トピックス

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row01 {
		margin-top: 120px;
	}
	
	.row01_content {
		margin-top: 40px;
	}
	.row01_content .post_wrap ul {
		font-size: 0;
		text-align: left;
	}
	.row01_content .post_wrap ul li {
		width: 30.85%;
		display: inline-block;
	}
	.row01_content .post_wrap ul li:not(:first-child) {
		margin-left: 3.725%;
	}
	.row01_content .post_wrap ul li:nth-child(4) {
		margin-left: 0;
	}
	.row01_content .post_wrap ul li:first-child,
	.row01_content .post_wrap ul li:nth-child(2),
	.row01_content .post_wrap ul li:nth-child(3) {
		margin-bottom: 3.725%;
	}
	
	.row01_content .post_wrap ul li .post_thumb img {
		object-fit: cover;
		height: 280px;
	}
	
	
	.row01_content .post_wrap ul li .post_title {
		margin-top: 10px;
	}
	.row01_content .post_wrap ul li .post_title a {
		font-size: 20px;
		font-weight: 700;
		color: #900000;
		letter-spacing: 0.05em;
	}
	
	.row01_content .post_wrap ul li .post_excerpt {
		font-size: 18px;
		margin-top: 10px;
		text-align: justify;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row01 {
		margin-top: 16vw;
	}
	
	.row01_content {
		margin: 5vw 4vw 0;
	}
	.row01_content .post_wrap ul {
		font-size: 0;
		text-align: left;
	}
	.row01_content .post_wrap ul li {
		width: 48%;
		display: inline-block;
	}
	.row01_content .post_wrap ul li:not(:first-child) {
		margin-left: 4%;
	}
	.row01_content .post_wrap ul li:nth-child(odd) {
		margin-left: 0;
	}
	.row01_content .post_wrap ul li:first-child,
	.row01_content .post_wrap ul li:nth-child(2),
	.row01_content .post_wrap ul li:nth-child(3),
	.row01_content .post_wrap ul li:nth-child(4) {
		margin-bottom: 4%;
	}
	
	.row01_content .post_wrap ul li .post_thumb img {
		object-fit: cover;
		height: 30vw;
	}
	
	
	.row01_content .post_wrap ul li .post_title {
		margin-top: 2vw;
	}
	.row01_content .post_wrap ul li .post_title a {
		font-size: 4vw;
		font-weight: 700;
		color: #900000;
		letter-spacing: 0.05em;
		line-height: 1.5;
	}
	
	.row01_content .post_wrap ul li .post_excerpt {
		font-size: 3.3vw;
		margin-top: 1vw;
		text-align: justify;
	}
	
	
}





/* ================================================================================

	和牛､アンガス牛のステーキと十割蕎麦をリーズナブルに

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row02 {
		margin-top: 120px;
		background: url(../img/grass.png) center bottom / auto no-repeat;
		padding-bottom: 160px;
	}
	
	.row02_text {
		width: 515px !important;
		margin-top: 20px;
		letter-spacing: 0.05em;
	}
	
	.row02 .button_box {
		margin-top: 20px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row02 {
		margin: 16vw 0 0;
		background: url(../img/grass.png) center bottom / 300vw no-repeat;
		padding: 0 4vw 24vw;
	}
	
	.row02 .h2_title02 {
		margin-top: 6vw;
		text-align: center;
	}
	
	.row02_text {
		margin-top: 4vw;
		letter-spacing: 0.05em;
	}
	
	.row02 .button_box {
		margin-top: 6vw;
	}
	.row02 .btn {
		text-align: center;
	}
	
	
}





/* ================================================================================

	ステーキ、ハンバーグ、十割そば 牧の里の美味しいランチ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row03 {
		background-color: #900000;
		padding: 120px 0;
	}
	
	.row03 .h2_title03 h2:before {
		content: '';
		position: absolute;
		background: url(../img/fork.png) center top / contain no-repeat;
		width: 47px;
		height: 112px;
		top: 4px;
		left: -80px;
	}
	.row03 .h2_title03 h2:after {
		content: '';
		position: absolute;
		background: url(../img/knife.png) center top / contain no-repeat;
		width: 37px;
		height: 109px;
		top: 4px;
		right: -75px;
	}
	
	.row03_text {
		text-align: center;
		color: #ffffff;
		margin-top: 20px;
	}
	
	.row03_img {
		margin-top: 40px;
	}
	
	.row03 .btn {
		text-align: center;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row03 {
		background-color: #900000;
		padding: 16vw 0;
	}
	
	.row03 .h2_title03 {
		padding: 0 4vw;
	}
	.row03 .h2_title03 h2:before {
		content: '';
		position: absolute;
		background: url(../img/fork.png) center top / contain no-repeat;
		width: 7vw;
		height: 15vw;
		bottom: 0;
		left: -11vw;
	}
	.row03 .h2_title03 h2:after {
		content: '';
		position: absolute;
		background: url(../img/knife.png) center top / contain no-repeat;
		width: 7vw;
		height: 15vw;
		bottom: 0;
		right: -11vw;
	}
	
	.row03_text {
		text-align: center;
		color: #ffffff;
		margin-top: 4vw;
		padding: 0 6vw;
	}
	
	.row03_img {
		margin-top: 6vw;
	}
	
	.row03 .button_box {
		margin-top: 4vw;
	}
	.row03 .btn {
		text-align: center;
	}
	
	
}





/* ================================================================================

	毎日楽しめる大人気メニュー！本日のカットステーキ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row04 {
		background: url(../img/bg02.jpg) center top / auto repeat;
		padding: 120px 0;
	}
	.row04:after {
		content: '';
		position: absolute;
		background: url(../img/cow01.png) center top / contain no-repeat;
		width: 254px;
		height: 158px;
		left: 50%;
		bottom: 50px;
		margin-left: -500px;
	}
	
	.row04 .h2_title04 h2:before {
		content: '';
		position: absolute;
		background: url(../img/steak_img01.png) center top / contain no-repeat;
		width: 124px;
		height: 79px;
		left: -150px;
		bottom: -5px;
	}
	.row04 .h2_title04 h2:after {
		content: '';
		position: absolute;
		background: url(../img/steak_img02.png) center top / contain no-repeat;
		width: 123px;
		height: 82px;
		right: -150px;
		bottom: -5px;
	}
	
	.row04_img {
		background: url(../img/frame01.jpg) center top / contain no-repeat;
		width: 745px;
		margin: 40px auto 0;
		padding: 29px;
	}
	.row04_img img {
		width: 686px;
		height: 500px;
		object-fit: contain;
	}
	
	.row04_img:before {
		content: '';
		position: absolute;
		background: url(../img/fukidashi01.png) center top / contain no-repeat;
		width: 191px;
		height: 173px;
		left: 30px;
		top: 0;
	}
	.row04_img:after {
		content: '';
		position: absolute;
		background: url(../img/fukidashi02.png) center top / contain no-repeat;
		width: 189px;
		height: 321px;
		right: 20px;
		top: 60px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row04 {
		background: url(../img/bg02.jpg) center top / auto repeat;
		padding: 16vw 4vw;
	}
	.row04:after {
		content: '';
		position: absolute;
		background: url(../img/cow01.png) center top / contain no-repeat;
		width: 25vw;
		height: 16vw;
		left: 3vw;
		bottom: 6vw;
	}
	
	.row04 .h2_title04 h2:before {
		content: '';
		position: absolute;
		background: url(../img/steak_img01.png) center top / contain no-repeat;
		width: 15vw;
		height: 10vw;
		left: -17vw;
		bottom: 0;
	}
	.row04 .h2_title04 h2:after {
		content: '';
		position: absolute;
		background: url(../img/steak_img02.png) center top / contain no-repeat;
		width: 15vw;
		height: 10vw;
		right: -17vw;
		bottom: 0;
	}
	
	.row04_img {
		background: url(../img/frame01.jpg) center top / contain no-repeat;
		margin: 6vw auto 0;
		padding: 3.4vw;
	}
	.row04_img img {
		width: 100%;
		height: 62vw;
		object-fit: contain;
	}
	
	.row04_img:before {
		content: '';
		position: absolute;
		background: url(../img/fukidashi01.png) center top / contain no-repeat;
		width: 20vw;
		height: 18vw;
		left: -4vw;
		top: -3vw;
	}
	.row04_img:after {
		content: '';
		position: absolute;
		background: url(../img/fukidashi02.png) center top / contain no-repeat;
		width: 19vw;
		height: 33vw;
		right: -5vw;
		top: 5vw;
	}
	
	
}





/* ================================================================================

	和牛､国産牛を可能な限り安く､美味しく

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row05 {
		margin-top: 120px;
	}
	
	.row05_text {
		margin-top: 20px;
		width: 530px !important;
	}
	
	.row05_img01 img {
		border: 10px solid #663c24;
	}
	
	.row05 .button_box {
		margin-top: 20px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row05 {
		margin: 16vw 4vw 0;
	}
	
	.row05 .h2_title02 {
		text-align: center;
		margin-top: 4vw;
	}
	
	.row05_text {
		margin-top: 4vw;
	}
	
	.row05_img01 img {
		border: 2vw solid #663c24;
	}
	
	.row05 .button_box {
		margin-top: 6vw;
	}
	.row05 .btn {
		text-align: center;
	}
	
	
}




/* ================================================================================

	いつでも打ち立て､できたての美味しさを

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row06 {
		margin-top: 60px;
		padding-bottom: 160px;
		background: url(../img/grass.png) center bottom / auto no-repeat;
	}
	
	.row06_text {
		margin-top: 20px;
		width: 530px !important;
	}
	
	.row06_img01 img {
		border: 10px solid #663c24;
	}
	
	.row06 .button_box {
		margin-top: 20px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row06 {
		margin: 16vw 0 0;
		padding: 0 4vw 24vw;
		background: url(../img/grass.png) center bottom / 300vw no-repeat;
	}
	
	.row06 .h2_title02 {
		text-align: center;
		margin-top: 4vw;
	}
	
	.row06_text {
		margin-top: 4vw;
	}
	
	.row06_img01 img {
		border: 2vw solid #663c24;
	}
	
	.row06 .button_box {
		margin-top: 6vw;
	}
	.row06 .btn {
		text-align: center;
	}
	
	
}




/* ================================================================================

	Instagram

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row07 {
		background: url(../img/bg02.jpg) center top / auto repeat;
		padding: 120px 0;
	}
	
	.row07_content {
		margin-top: 40px;
	}
	
	.row07 .button_box {
		margin-top: 40px;
	}
	.row07 .btn {
		text-align: center;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row07 {
		background: url(../img/bg02.jpg) center top / auto repeat;
		padding: 16vw 0;
	}
	
	.row07_content {
		margin-top: 4vw;
	}
	
	.row07 .button_box {
		margin-top: 6vw;
	}
	.row07 .btn {
		text-align: center;
	}
	
	
}




/* ================================================================================

	LINEバナー

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row08 {
		margin-top: 80px;
	}
	
	.line_banner_sp {
		width: 300px !important;
		margin: 0 auto;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row08 {
		margin: 16vw 4vw 0;
	}
	
	
}




/* ================================================================================

	新着情報 / ブログ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row09 {
		margin-top: 80px;
	}
	
	.row09_r {
		margin-left: 40px;
	}
	
	.row09_news,
	.row09_blog {
		margin-top: 40px;
	}
	
	.row09 .post_wrap ul li {
		font-size: 0;
		border-bottom: 1px solid #663c24;
		padding-bottom: 20px;
	}
	
	.row09 .post_wrap > ul > li:not(:first-child) {
		margin-top: 20px;
	}
	
	.row09 .post_wrap ul li .post_thumb {
		width: 160px;
		display: inline-block;
	}
	.row09 .post_wrap ul li .post_thumb img {
		width: 160px;
		height: 130px;
		object-fit: cover;
	}
	
	.row09 .post_content {
		display: inline-block;
		vertical-align: top;
		margin-left: 20px;
		width: 340px;
	}
	.row09 .post_content .post_date {
		font-size: 18px;
		font-weight: 500;
	}
	.row09 .post_content .post_title a {
		font-size: 18px;
		font-weight: 500;
		color: #663c24;
		line-height: 1.5;
	}
	
	.row09 .button_box {
		margin-top: 40px;
	}
	.row09 .btn {
		text-align: center;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row09 {
		margin: 16vw 4vw 0;
	}
	
	.row09_r {
		margin-top: 16vw;
	}
	
	.row09_news,
	.row09_blog {
		margin-top: 4vw;
	}
	
	.row09 .post_wrap ul li {
		font-size: 0;
		border-bottom: 1px solid #663c24;
		padding-bottom: 4vw;
	}
	
	.row09 .post_wrap > ul > li:not(:first-child) {
		margin-top: 4vw;
	}
	
	.row09 .post_wrap ul li .post_thumb {
		width: 30vw;
		display: inline-block;
	}
	.row09 .post_wrap ul li .post_thumb img {
		width: 30vw;
		height: 25vw;
		object-fit: cover;
	}
	
	.row09 .post_content {
		display: inline-block;
		vertical-align: top;
		margin-left: 4vw;
		width: 54vw;
	}
	.row09 .post_content .post_date {
		font-size: 4vw;
		font-weight: 500;
	}
	.row09 .post_content .post_title a {
		font-size: 4vw;
		font-weight: 500;
		color: #663c24;
		line-height: 1.5;
	}
	
	.row09 .button_box {
		margin-top: 6vw;
	}
	.row09 .btn {
		text-align: center;
	}
	
	
}




/* ================================================================================

	営業日カレンダー

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row10 {
		margin: 80px 0 92px;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row10 {
		margin: 16vw 0 0;
		padding: 0 4vw 24vw;
	}
	
	
}