/*
Theme Name: サンアグリフーズ
Description: サンアグリフーズWebsite
Author: create
Version: 1.0
*/
@charset "utf-8";

article,footer,header,nav,section,aside{
	display:block;
	word-wrap:break-word;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html,body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100% ;
	line-height: 1.8;
	color: #4b4b4b;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProW3",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	letter-spacing: 0.1em;
	background-color: #fff;
}
h1,h2,h3,h4,p{
	margin: 0;
	padding: 0;
	font-weight : normal;
}
ol {
	margin: 0;
}
img {
	border: none;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	-ms-interpolation-mode: bicubic;
}
a:link {
	color: #4b4b4b;
	text-decoration: none;
}
a:visited {
	color: #4b4b4b;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: .5s;
}
a:active {
	text-decoration: none;
}
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	transition: .5s;
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
	padding: 0;
	margin: 0;
}
.tb-displaynon{
	display:none;
}
.mb-displaynon{
	display:none;
}
.sp-disp {
	display: none;
}
.fmincho {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}


/* -----------------------------------------

header

------------------------------------------ */

header	{
	letter-spacing: 0.1em;
	width: 100%;
	position: absolute;
	top: 0px;   /*8→0 不都合あり？？1109*/
	left: 0;
	z-index: 100;
	transition: .5s;
	opacity: 0;
}

#header_in {
	width: 100%;
	margin: 0 auto;
}

.header_left ,
.header_center{
	float: left;
}
.header_right {
	float: right;
	margin-right: 30px;
	margin-top: 10px;   /*1120!! add*/
}
.header_left {
	margin-left: 30px;
}
#menu {
	z-index: 100;
	overflow: hidden;
}
.header_center {
}
.h_logo_kotei {
	display: none;
}
.ss_logo {
	display: none;
}
.h_logo {

	position: relative;
	z-index: 200;
}

.h_logo h1 a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.h_logo img {
	padding: 20px 0 0 0;
	transition: .5s;
	width: 300px;
}

.menu_upper {
	padding: 0 10px;
	text-align: right;
	height:   50px;
	margin-bottom:5px;
	float: right;
}

.menu_upper ul {
	float:  right;
}
.menu_upper li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 8px;
	height: 30px;
}

.menu_upper li:first-child{
	border-right: #000 solid 1px;
}
.menu_upper li p {
	margin-right: 10px;
}
.menu_upper li a {
	width: 25px;
	height: 25px;
	display: inline-block;
	background-size: contain;
}
.insta a {
	background: url(img/sns_insta.jpg) no-repeat;
}
.facebook a {
	background: url(img/sns_fb.png) no-repeat;
}
.twitter a {
	background: url(img/sns_tw.jpg)  no-repeat;
}
.inquiry{
	float: right;
}

.inquiry a {
	width: 180px;
	text-align: center;
	transition: .3s;
	display: inline-block;
	padding: 8px;
	font-size: 0.8rem;
}

.h_shop{
	background-color: #c9c8b4;
	color: #000;
	margin-right: 5px;
}
.h_shop:hover {
	background-color: #000;
	color: #fff !important;
	opacity: 1;
}

.h_contact {
	background-color: #000;
	color: #fff !important;
}
.h_contact:hover {
	background-color: #c9c8b4;
	color: #000 !important;
	opacity: 1;
}
.notice {
	display: none;
}
/* -- グローバルメニュー -- */

.g_menu {
	margin: 40px 0 0 0;
	padding: 0;
}

.g_menu li{
	display: table-cell;
	padding: 15px  15px 10px;
	text-align: center;
	vertical-align: bottom;
}

.g_menu li a {
	text-decoration: none;
	font-size: 0.95rem;
}

.g_menu li a::after{
	display: block;
	font-size: 0.8rem;
}
#menu_01 a:after {
	content: '\4F01\696D\7406\5FF5';
}
#menu_02 a:after {
	content: '\65B0\7740\60C5\5831';
}
#menu_03 a:after {
	content: '\30D7\30ED\30BB\30B9';
}
#menu_04 a:after {
	content: '\4F1A\793E\6848\5185';
}
#menu_05 a:after {
	content: '\55B6\696D\6848\5185';
}
.g_menu li a:hover {
	color: #c9c8b4;
	opacity: 1;
}

/*スクロール時ヘッダー固定*/
#fixed_head {
	width: 100%;
	height: 100px;
	transition: .6s;
}
/*スマホ・ヘッダー上部固定*/
.kotei{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	background-color: #FFF !important;
	margin: 0 auto;
	border-bottom: #CCC solid 1px;
	text-align: center;
}
.kotei header {
	top: 0;
	left: 0;
	transition: .9s;
}

.kotei .h_logo{
	display: none;
}
.kotei .h_logo_kotei {
	position: relative;
	display: block;
}
.kotei .h_logo_kotei h1 a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.kotei .h_logo_kotei img {
	padding-top: 10px;
	width: 230px;   /*120→*/
}
.kotei .g_menu {
	margin-top: 10px;
}
.kotei .header_right {
	margin-top: 0;
}
.ss_logo {
	display: none;
}
/*スライダー*/
.fullSlider {
	width:100%;
	min-width: 100%;
	position: absolute;
	top: 130px;
	/*1120!!! 115px →*/
	left: 0;
}

.fullViewWrap {
	width: 100%;
	min-width: 100%;
	min-height: auto;
	height: auto !important;
}

.bx-viewport {
	height: auto;
}
.bx-wrapper {
	height: auto;
	margin: 0 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	background: none !important;
}
.bxslider img{
	width: 100% !important;
	height: auto !important;
	object-fit: cover;
}
.bx-pager {
	display:none;
	/*bottom: 150px !important;*/
}
#contents_top {
	width: 100%;
	margin: 600px auto 0;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.contents_topin {
	width: 100%;
	margin: 30px auto 0;
	line-height: 150%;
	overflow: hidden;
}
#contents_sub{
	width: 100%;
	margin: 0 auto;
}
#contents_cat{
	width: 70%;
	margin: 100px auto 150px;
}
.contents{
	margin: 0;
	width: 100%;
}
.contents_bloc{
	margin: 80px auto;
}
.bloc_headline {
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	background: transparent;/*背景透明に*/
	width: 100%;
	max-width: 1000px;
	margin: 30px auto 20px;
	font-size: 1.3rem;
}
.headvisual {
	width: 100%;
	height: 350px;
	background-size: cover;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
}
.img_pageheader {
	/*  display: table;*/
}
.img_pageheader img {
	/*  display: table-cell;*/
	width: 100%;
	height: 350px;
	object-fit: cover;
	vertical-align: middle;
	text-align: center;
	opacity: 0.6;
}
.headvisual h2 {
	position: absolute;
	top: 180px;
	right: 5%;
	font-size: 2rem;
	color: #fff;
	letter-spacing: 0.15em;
	text-shadow: 2px 4px 4px #000;
}
.head_caci {
	text-align: center;
	position: absolute;
	bottom: 20px;
	width: 100%;
	color: #fff;
	font-size: 1.3rem;
	text-shadow: 2px 4px 4px #000;
	padding: 0 15px;
}
.scroll_down {
	display: inline-block;
	padding: 10px 10px 100px;
	overflow: hidden;
	color: #000;
	font-size: 14px;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 1;
	letter-spacing: .2em;
	text-decoration: none;
	writing-mode: vertical-lr;
}
.scroll_down::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 80px;
	background: #000;
}
.scroll_down::after {
	animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
	0% {
		transform: scale(1, 0);
		transform-origin: 0 0;
	}
	50% {
		transform: scale(1, 1);
		transform-origin: 0 0;
	}
	50.1% {
		transform: scale(1, 1);
		transform-origin: 0 100%;
	}
	100% {
		transform: scale(1, 0);
		transform-origin: 0 100%;
	}
}
/*wp-pagenavi設定 */
#page-in {
	margin-bottom: 110px;
}
.wp-pagenavi {
	clear: both;
	text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
	color:#FFF;
	background-color:#999;
	border-color:#999;
}

.wp-pagenavi span.current{
	color: #fff;
	border-color: #000;
	background-color: #000;
	font-weight: bold;
}
#tabu {

	display: none;

}

/* -----------------------------------------

パンくず

------------------------------------------ */

.breadcrumbs{
	width: 100%;
	padding: 10px 4% 0 4%;
	height: 30px;
	line-height: 120%;
	font-size: 0.7rem;
	color: #999 !important;
	background-size: cover;
	border-bottom: 1px solid #CFCFCF;
}

.breadcrumbs_in{
	margin: 0 auto;
}

.breadcrumbs a{
	color: #444;
}

.breadcrumbs a:hover{
	/*  color: #444;*/
	opacity: 0.7;
	text-decoration: none;
}

/* -----------------------------------------
共通
------------------------------------------ */
.subtitle {
	color: #E0E0E0;
	position: relative;
	display: block;
	padding: 0 40px;
	margin: 2px 20px 0;
	text-align: right;
	float: right;
	font-size: 1.2rem;
}
.subtitle:before,
.subtitle:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 30px;
	height: 1px;
	background-color: #E0E0E0;
}
.subtitle:before {
	left:0;
}
.subtitle:after {
	right: 0;
}

/*
#sidebar {
width: 25%;
float: right;
text-align: left;
margin-right: 5%;
}
.side_menu {
margin:  0;
background-color: #f5f5f5;
padding: 15px 10px;
text-align: center;
}
#sidebar ul {
margin: 10px 0 50px ;
padding: 0;
list-style: none;
line-height: 120%;
overflow: hidden;
}
#sidebar li {
padding: 10px 0;
border-bottom: #08549C dotted 1px;
transition: .3s;
}
#sidebar li:last-child{
border : none;
}
#sidebar li a {
display: inline-block;
transition: 0.3s;
padding: 5px 10px;
}
*/
.common_t {
	border-collapse: collapse;
	margin: 20px auto 50px;
	width: 100%;
	max-width: 1000px;
}
.common_t tr:first-child {
	/*  border-top: 1px #d2d2d2 solid;  */
}
.common_t tr {
	border-bottom: 1px #ccc solid;
}
.common_t th  {
	padding: 10px 10px 10px 15px;
	width: 180px;
	padding-left: 20px;
	text-align: left ;
	vertical-align: middle;
	font-weight: normal;
}
.column-2 img {
	width: 100px;
	height: 120px;
	object-fit: cover;
}
.common_t td {
	padding: 10px 10px 10px 15px;
	text-align: left;
}
.common_t a:link {
	color: #0066CC !important;
	text-decoration: underline;
}
.common_t a:visited {
	color: #0066CC !important;
	text-decoration: underline;
}

/* -----------------------------------------

Topページ

------------------------------------------ */

.headline {
	margin-bottom: 15px;
	font-weight: normal;
}

.headline_e {
	font-size: 1.8rem;
	color: #E0E0E0;
	margin-right: 15px;
}
.headline_j {
	font-size: 1rem;
}
.head_down {
	position: absolute;
	top: -130px;
	left: 7%;
}
/*-------- 新着情報 --------*/

#top_news {
	padding: 0 80px;
	width:850px;
	overflow: hidden;
	margin-top: 30px;
}

.top_posts {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.top_posts li{
	width: 100%;
	margin: 10px 0;
	padding: 8px 0;
	text-align: left;
	border-bottom: solid 1.5px #E0E0E0;
}
.posts_date{
	width: 110px;
	letter-spacing: 0;
	float: left;
}
.posts_text {
	float: left;
}
.posts_text h3 {
	display: inline-block;
	font-size: 1rem;
}
.posts_new {
	background-color: #c9c8b4;
	font-size: 0.75rem;
	padding: 2px 5px;
	border-radius: 3px;
}
.news_link,
.recipe_link {
	display: inline-block;
	color: #64643c !important;
	padding: 15px 0;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
}
/*-------- 企業理念 --------*/
#top_mission {
	margin: 30px 0;
	overflow: hidden;
}
.mission_left{
	width: 40%;
	float: left;
	padding: 15% 30px;
	text-align: right;
}
.mission_right {
	width: 60%;
	float: left;
	text-align: right;
}

.mission_right img {
	width: 100%;
	max-width: 1100px;
	height: 700px;
	object-fit: cover;
}
.item_text {
	margin: 30px 0;
}
.item_btn {
}
.item_btn a {
	display: inline-block;
	padding: 10px 15px;
	background: #000;
	color: #fff !important;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	min-width: 250px;
	text-align: center;
}
.item_btn a:hover {
	background: #c9c8b4;
	color: #000 !important;
	opacity: 1;
}
.item_btn img {
	padding-right: 8px;
	padding-bottom: 2px;
	width: 30px;
}
.stickarrow,
.stickarrow2 {
	display: inline-block;
	width: 20px;
	height: 5px;
	margin-left: 10px;
	margin-bottom: 3px;
	transform: skew(45deg);
}
.stickarrow {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.stickarrow:hover {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.stickarrow2 {
	border-bottom: 1px solid #64643c;
	border-right: 1px solid #64643c;
}
.mission_cow {
	position: absolute;
	top: 100px;     /*1120!!! 230px →*/
	right: 8%;
	z-index: 100;
	width: 200px;   /*1120!!! 230px →*/

}
.mission_down {
	position: absolute;
	top: 980px;
	right: 25%;
}
/*-------- プロセス --------*/
#top_process {
	margin: 30px 0;
	overflow: hidden;
}
.process_left ,
.process_right {
	width: 50%;
	float: left;
}
.process_left{
	position: relative;
}
.process_left img {
	width: 100%;
	max-width: 900px;
	height: 700px;
	object-fit: cover;
}
.process_right{
	padding: 13% 30px;
}
.process_down {
	position: absolute;
	top: 1710px;
	left: 25%;
	z-index: 100;
}
/*-------- 牛肉事業 --------*/
.beef_down {
	position: absolute;
	top: 2400px;
	right: 25%;
}


/*-------- オンラインショップ --------*/
#top_shop {
	margin: 30px 0;
	overflow: hidden;
	position: relative;
}
.shop_inner {
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
}
.shop_link {
	position: absolute;
	top: 150px;
	right: 7%;
}
.shop_down {
	position: absolute;
	bottom: 390px;
	left: 28%;
}
/*-------- お問い合わせ --------*/
#top_contact {
	margin: 80px 0 0;
	padding-right: 5%;
	overflow: hidden;
	text-align: right;
	background: url(img/bg_contact.png) 0 0 no-repeat;
	background-size: cover;
	min-height: 350px;
	background-position : bottom;
}
.contact_inner {
	float: right;
}
#top_contact ul {
}
#top_contact ul li {
	display: table-cell;
	padding: 0 10px;
}
.item_box {
	text-decoration: none;
	display: block;
}
/* -----------------------------------------

▼page 固定ページ

------------------------------------------ */

/*-------- 企業理念 --------*/
.mission_area {
	margin: 0 auto;
}
.mission_bloc01 {
	width: 50%;
	float: left;
	position: relative;
	height: 500px;
}
.mission_bloc02 {
	width: 50%;
	float: left;
	position: relative;
	height: 500px;
}
.mission_text {
	margin: 0;
	padding: 0 8%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.mission_bloc01 img,
.mission_bloc02 img{
	width: 100%;
	height: 500px;
	object-fit: cover;
}
.mission_text h3{
	margin-bottom: 20px;
	font-size: 1.5rem;
}
/*-------- プロセス --------*/
.process_head {
	width: 100%;
	max-width: 860px;
	margin: 130px auto;
}
.process_head h3 {
	font-weight: 700;
	font-size: 1.4rem;
	letter-spacing: .05em;
	margin:  0 auto ;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Noto Sans JP", sans-serif;
}
.bg_filter {
	background: #000;
	position: relative;
}
.proces_bg img {
	display: block;
	opacity: .5;
	width: 100%;
}
.proces_bg p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.8;
	width: 85%;
	text-align: left;
}
.process_list {
	margin: 20px auto 150px;
}
.process_list ul {
	width: 100%;
	/*  max-width: 1280px;!!*/
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}
.process_list ul li  {
	width: 50%;
	float: left;
	/*  max-width: 600px;*/
	padding: 20px 5px;
	text-align: left;
	display: inline-block;
}
.process_list h4 {
	padding: 10px 0;
}
.process_index {
	font-size: 1.5rem;
	color: #E0E0E0;
	margin-right: 15px;
}
.process_name {
	font-size: 1.0rem;
}
.process_list img  {
	width: 100%;
	height: auto;
}

/*-------- 会社案内 --------*/

.profile_area {
	margin: 0 auto 50px;
}
.message {
	margin: 100px auto 0;
	padding: 0;
}

.text_message{
	width: 100%;
	max-width: 1000px;
	padding: 0 20px;
	font-weight: 700;
	font-size: 1.3rem;
	letter-spacing: .05em;
	margin: 0 auto 100px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Noto Sans JP", sans-serif;

}
.message_middle_img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	margin-bottom: 50px;
}
.profile_area .subtitle {
	display: inline-block;
	float: none;
}
.p-movie-box{
	max-width:640px;
	margin:0 auto;
}
.p-movie{
	width: 100%;
	aspect-ratio: 16 / 9;
}
.p-movie iframe {
	width: 100%;
	height: 100%;
}

/*-------- 営業案内 --------*/
#businessinfo{
	margin: 0 auto 150px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#businessinfo .title{
	width: 100%;
	text-align: center;
	margin-top:50px;
	font-size: 3.5rem;
	color:#599231;
	font-weight:bold;
}
#businessinfo .title2{
	text-align: center;
	font-size: 1.5rem;
	font-weight:bold;
	margin-bottom:15px;
}
#businessinfo .jfs{
	width:100%;
	max-width:1100px;
	background-color:#DEF2D7;
	padding: 20px;
	margin:0 auto;
}
#businessinfo .jfs img{
	width:80px;
	margin-right:20px;
	float:left;
}

#businessinfo .ott{
	text-align: center;
	font-size: 3rem;
	color:#8EC43E;
	margin-top:50px;
}
#businessinfo .ott-title1{
	text-align: center;
	font-size: 2.5rem;
	font-weight:bold;
}
#businessinfo .ott-title2{
	text-align: center;
	font-size: 1.5rem;
	font-weight:bold;
}
#businessinfo .ott-message{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	font-size: 1.2rem;
}

#businessinfo .photo_list {
	margin: 20px auto 0;
}
#businessinfo .photo_list ul {
	width: 100%;
	max-width:1000px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}
#businessinfo .photo_list ul li  {
	width: 50%;
	float: left;
	/*  max-width: 600px;*/
	padding: 0 5px;
	text-align: left;
	display: inline-block;
}
#businessinfo .photo_list img  {
	width: 100%;
	height: auto;
}
#businessinfo h4 {
	padding:10px 0 20px;
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
}
#businessinfo .tukemono{
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
#businessinfo .tukemono img{
	width: 100%;
	max-width:600px;
	height: auto;
}
#businessinfo .button{
	margin: 0 auto 20px auto;
	text-align:center;
}
#businessinfo .button a {
	width: 300px;
	text-align: center;
	transition: .3s;
	display: inline-block;
	padding: 8px;
	font-size: 1rem;
	font-weight:bold;
}
#businessinfo .button1{
	background-color: #000;
	color: #fff !important;
}
#businessinfo .button1:hover {
	background-color: #c9c8b4;
	color: #000 !important;
	opacity: 1;
}

.business-info-banner{
	width:30%;
	margin:100px auto;
}
.business-info-banner img{
	width:100%;
}


/*-------- ハバネロ --------*/
#habanero{
	width:100%;
	margin:50px auto;
}
#habanero .habanero-header{
	width:100%;
	max-width:1120px;
	margin:0 auto;
}
#habanero .habanero-header img{
	width:100%;
}
#habanero .habanero-header-m{
	display:none;
}
#habanero .recipe{
	width:100%;
	max-width:1120px;
	margin:100px auto 0;
}
#habanero .recipe h1 img{
	width:100%;
}
#habanero .recipe h2{
	color:#ed1c24;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:#ed1c24 1px solid;
}
#habanero .recipe-box1{
	width:30%;
	margin:0 3% 0 0;
	float:left;
}
#habanero .recipe-box1 img{
	width:100%;
}
#habanero .recipe-box2-m{
	display:none;
}
#habanero .recipe-box2{
	width:67%;
	float:left;
}
#habanero .recipe-box3{
	width:32%;
	margin:20px 3% 0 0;
	float:left;
}
#habanero .recipe-box3 p{
	line-height:4em;
	border-bottom:#ed1c24 1px solid;
	font-size:0.8em;
}
#habanero .recipe-box3 p img{
	margin:0 0 5px 10px;
}
#habanero .recipe-box4{
	width:32%;
	margin:20px 0 0 0;
	float:left;
	border-bottom:#ed1c24 1px solid;
}
#habanero .recipe-box4 span{
	color:#ed1c24;
	font-size:1.5em;
	font-weight:bold;
	padding:0 10px 0 0;
}
#habanero .recipe-box4 p{
	margin:15px 0;
	font-size:0.9em;
}
#habanero .insta {
	width:100%;
	background:url(img/habanero/habanero_back.jpg);
	background-size:100%;
	margin:150px 0;
	padding:150px 0;
}
#habanero .insta-back {
	width:100%;
	background:rgba(255,255,255,0.9);
}
#habanero .insta-box1-m{
	display:none;
}
#habanero .insta-box1{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:50px 0;
}
#habanero .insta-box2{
	width:35%;
	text-align:center;
	float:left;
}
#habanero .insta-box2-title{
	width:100%;
}
#habanero .insta-box2 p{
	font-size:0.9em;
	font-weight:bold;
	line-height:1.5em;
	margin:10px 0;
}
#habanero .insta-box2 p span{
	color:#dd0404;
	font-size:1.2em;
}
#habanero .insta-box2 a{
	background:none;
}
#habanero .insta-box2-qr{
	width:30%;
}
#habanero .insta-box3{
	width:25%;
	text-align:center;
	float:left;
	padding:30px 0 0 0;
}
#habanero .insta-box3-batu{
	font-size:10em;
	line-height:1em;
	color:#dd0404;
}
#habanero .insta-box3-hashtag{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.3em;
}
#habanero .insta-box4{
	width:35%;
	float:left;
}
#habanero .insta-box4 img{
	width:100%;
	border-bottom:#dd0404 1px solid;
	padding:0 0 5px 0;
}
#habanero .insta-box5{
	width:45%;
	float:left;
	margin:20px 0 0 10px;
	font-size:1em;
	line-height:1.6em;
	font-weight:bold;
	color:#dd0404;
}
#habanero .habanero-shop{
	width:100%;
	max-width:1120px;
	margin:0 auto;
	padding:0 0 100px 0;
	border:3px #dd0404 solid;
	background:#fad7c8;
}
#habanero .habanero-shop p{
	font-weight:bold;
}
#habanero .habanero-shop-title{
	width:100%;
	max-width:670px;
	margin:0 auto 50px;
}
#habanero .habanero-shop-introduction{
	width:50%;
	max-width:523px;
	margin:0 auto;
}
#habanero .habanero-shop-photo1{
	width:60%;
	max-width:523px;
	margin:0 0 0 20%;
}
#habanero .habanero-shop-photo2{
	width:100%;
	max-width:523px;
	margin:20px 0;
}
#habanero .habanero-shop-title2{
	color:#dd0404;
	font-size:2.8em;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
	margin:40px 0 10px;
}
#habanero .habanero-shop-shio{
	width:100%;
}
#habanero .habanero-shop-green{
	color:#387d2a;
	text-align:center;
	font-size:2.2em;
}
#habanero .habanero-shop-banner{
	width:100%;
	max-width:648px;
	margin:50px auto 0;
	text-align:center;
}
#habanero .habanero-shop-banner img{
	margin:10px 0;
}



/*-------- ビーフ --------*/
#agtec-beef{
	width:100%;
	margin:50px auto 0;
	padding:0 0 250px;
	background: url(img/agtec-beef/footer.png) center bottom no-repeat;
	background-size:100%;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight:bold;
}
#agtec-beef img{
	width:100%;
}
#agtec-beef h2{
	width:100%;
	margin:130px 0 70px;
	font-size:2rem;
	font-weight:bold;
	line-height:3rem;
	text-align:center;
	border-bottom:1px solid #E6E6E6;
}
#agtec-beef hr{
	width:100%;
	border:1px solid #E6E6E6;
	margin-bottom:60px;
}
#agtec-beef .button{
	display: inline-block;
	padding:7px 30px 5px;
	margin-top:30px;
	color:#fff;
	font-size:0.9rem;
	font-weight:normal;
	text-align:center;
	background:#000;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProW3",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#agtec-beef .button a{
	color:#fff;
	display: block;
	width: 100%;
}
#agtec-beef .center1{
	margin-left: auto;
	margin-right: auto;
}
#agtec-beef .beef-back{
	background-color:#F4F0E5;
}
#agtec-beef .beef-logo{
	width:15%;
	margin:0 auto;
}
#agtec-beef .beef-header{
	width:100%;
	margin:10px 0 20px;
}

/*  ご褒美があるからこそ  */
#agtec-beef .beef-section1{
	width:100%;
	max-width:1000px;
	margin:30px auto;
	padding:90px 0 60px;
	background: url(img/agtec-beef/back1.jpg) center 0 no-repeat;
	background-size:100%;
	text-align:center;
	font-size:3rem;
	font-weight:bold;
}

/*  週末のご馳走に  */
#agtec-beef .beef-section2{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
#agtec-beef .beef-section2 .bs2-box1{
	width:40%;
	float:left;
	padding:0 0 0 60px;
}
#agtec-beef .beef-section2 .bs2-box2{
	width:50%;
	float:right;
}
#agtec-beef .beef-section2 .bs2-text1{
	font-size:1.8rem;
	font-weight:bold;
	padding:100px 0 10px 40px;
	background: url(img/agtec-beef/special.png) left top no-repeat;
	background-size:70%;
}
#agtec-beef .beef-section2 .bs2-text2{
	padding:0 0 0 40px;
	font-size:1.2rem;
	font-weight:bold;
}

/*  経産牛とは  */
#agtec-beef .beef-section3 {
	width:100%;
	padding:100px 0 0 0;
	text-align:center;
	background: url(img/agtec-beef/back2.jpg) center top 40% no-repeat;
	background-size:100%;
}
#agtec-beef .beef-section3 .bs3-text1{
	font-size:2rem;
	font-weight:bold;
	margin:0 0 50px 0;
}
#agtec-beef .beef-section3 .bs3-text2{
	font-size:0.9rem;
	font-weight:bold;
}

/*  こだわり・カット  */
#agtec-beef .beef-section4{
	width:100%;
	max-width:1100px;
	margin:100px auto;
}
#agtec-beef .beef-section4 .bs4-box1{
	width:50%;
	float:left;
}
#agtec-beef .beef-section4 .bs4-box2{
	width:50%;
	float:right;
}
#agtec-beef .beef-section4 .bs4-text1{
	font-size:1.8rem;
	font-weight:bold;
	padding:60px 0 0 30px;
	background: url(img/agtec-beef/obsession.png) left 5% top 25% no-repeat;
	background-size:42%;
}
#agtec-beef .beef-section4 .bs4-text2{
	font-size:1.8rem;
	font-weight:bold;
	line-height:2.5rem;
	padding:80px 0 10px 100px;
	background: url(img/agtec-beef/management.png) left 10% top 25% no-repeat;
	background-size:55%;
}
#agtec-beef .beef-section4 .bs4-text3{
	padding:0 0 0 30px;
	font-size:0.9rem;
	font-weight:bold;
	line-height:1.5rem;
}
#agtec-beef .beef-section4 .bs4-text4{
	padding:0 10px 0 100px;
	font-size:0.9rem;
	line-height:1.5rem;
	font-weight:bold;
}

/*  おいしく食べる  */
#agtec-beef .beef-section5{
	width:100%;
	max-width:900px;
	margin:0 auto ;
}
#agtec-beef .bs5-title{
	width:100%;
	padding:130px 0 105px 0;
	text-align:center;
	background: url(img/agtec-beef/back3.png) top center no-repeat;
	background-size:900px;
}
#agtec-beef .bs5-title1{
	font-size:2.3rem;
	font-weight:bold;
	line-height:3rem;
	border-bottom:1px solid #C7B299;
}
#agtec-beef .bs5-title2{
	font-weight:bold;
	margin:10px 0 0 0;
}
#agtec-beef .beef-section5 .bs5-illust{
	max-width:650px;
	margin:0 auto;
}
#agtec-beef .beef-section5 .bs5-text1{
	max-width:520px;
	margin:0 auto;
	font-weight:bold;
	line-height:1.5rem;
	color:#534741;
	text-align:center;
	padding:30px 0 0;
	border-bottom:2px solid #C7B299;
}
#agtec-beef .beef-section5 .bs5-text1-back1{
	background: url(img/agtec-beef/point1.png) left top 25% no-repeat;
	background-size:20%;
}
#agtec-beef .beef-section5 .bs5-text1-back2{
	background: url(img/agtec-beef/point2.png) left top 25% no-repeat;
	background-size:20%;
}
#agtec-beef .beef-section5 .bs5-text1-back3{
	background: url(img/agtec-beef/point3.png) left top 25% no-repeat;
	background-size:20%;
}
#agtec-beef .beef-section5 .bs5-text1-back4{
	background: url(img/agtec-beef/point4.png) left bottom no-repeat;
	background-size:20%;
}
#agtec-beef .beef-section5 .bs5-text2{
	max-width:520px;
	margin:10px auto 0;
	padding: 0 0 0 10px;
	font-size:0.9rem;
	font-weight:bold;
	line-height:1.3rem;
}
#agtec-beef .beef-section5 .bs5-text3{
	max-width:520px;
	margin:0 auto;
	font-weight:bold;
	line-height:1.5rem;
	color:#534741;
	text-align:left;
	padding:30px 0 0 110px;
	border-bottom:2px solid #C7B299;
}
#agtec-beef .beef-section5 .bs5-arrow{
	text-align:center;
	margin:20px 0 30px;
}
#agtec-beef .beef-section5 .bs5-arrow img{
	width:30px;
}
#agtec-beef .bs5-question{
	width:100%;
	max-width:1300px;
	margin:50px auto 0 auto;
	padding:0 12% 130px;
	text-align:center;
	background: url(img/agtec-beef/back4.png) bottom center no-repeat;
	background-size:100%;
}
#agtec-beef .bs5-question img{
	max-width:300px;
}
#agtec-beef .bs5-question-text1{
	margin:15px 0;
	font-size:1.2rem;
	font-weight:bold;
}
#agtec-beef .bs5-question-text2{
	text-align:left;
	font-size:0.9rem;
	font-weight:bold;
	line-height:1.5rem;
}
#agtec-beef .bs5-question-text3{
	color:#DC9344;
}
#agtec-beef .bs5-question-left{
	width:50%;
	padding:0 1.5%;
	float:left;
}
#agtec-beef .bs5-question-right{
	width:50%;
	padding:0 1.5%;
	float:left;
}

/*  経産牛だからおいしい理由  */
#agtec-beef .beef-section6{
	width:100%;
	max-width:1200px;
	margin:0 auto ;
}
#agtec-beef .beef-section6 .bs6-left{
	width:50%;
	margin:0 3% 30px 0;
	float:left;
}
#agtec-beef .beef-section6 .bs6-right{
	width:30%;
	float:left;
}
#agtec-beef .beef-section6 .bs6-text1{
	font-size:1.5rem;
	line-height:2rem;
	font-weight:bold;
}
#agtec-beef .beef-section6 .bs6-text2{
	font-size:0.9rem;
	line-height:1.5rem;
	font-weight:bold;
	margin:10px 0 0;
}

/*  お手軽レシピ  */
#agtec-beef .bs7-title{
	width:100%;
	max-width:1300px;
	padding:200px 0 0 0;
	font-size:2rem;
	font-weight:bold;
	line-height:3rem;
	text-align:center;
	background: url(img/agtec-beef/recipe.png) left bottom no-repeat;
	background-size:20%;
}
#agtec-beef .beef-section7{
	width:100%;
	max-width:900px;
	margin:0 auto ;
}
#agtec-beef .beef-section7 .bs7-box1{
	background:#8D7A6B;
	margin:0 0 50px 0;
}
#agtec-beef .beef-section7 .bs7-box2{
	background:#F4F0E5;
	margin:0 0 50px 0;
}
#agtec-beef .beef-section7 .bs7-left1{
	width:50%;
	float:left;
}
#agtec-beef .beef-section7 .bs7-right1{
	width:50%;
	padding:10px 0;
	color:#fff;
	float:left;
}
#agtec-beef .beef-section7 .bs7-right2{
	width:50%;
	float:left;
}
#agtec-beef .beef-section7 .bs7-left2{
	width:50%;
	float:right;
}
#agtec-beef .beef-section7 .bs7-text1{
	font-size:1.5rem;
	font-weight:bold;
	padding:30px 0 0 20px;
}
#agtec-beef .beef-section7 .bs7-text2{
	font-size:0.95rem;
	font-weight:bold;
	border-bottom:1px solid #C7B299;
	padding:0 0 0 20px;
	margin:0 0 20px 0;
}
#agtec-beef .beef-section7 .bs7-text3{
	font-size:1rem;
	font-weight:bold;
	padding:0 0 0 20px;
}
#agtec-beef .beef-section7 .bs7-text4{
	font-size:1rem;
	padding:0 20px 20px 50px;
}
#agtec-beef .beef-section7 .bs7-text4 li{
	padding:0 0 10px 0;
	font-size:0.9rem;
	line-height:1.2rem;
}



/*  ラインナップ  */
#agtec-beef .bs8-title{
	width:100%;
	max-width:1200px;
	padding:200px 0 0 0;
	font-size:2rem;
	font-weight:bold;
	line-height:3rem;
	text-align:center;
	background: url(img/agtec-beef/lineup.png) left bottom no-repeat;
	background-size:30%;
}
#agtec-beef .beef-section8{
	width:100%;
	max-width:1000px;
	margin:0 auto ;
}
#agtec-beef .beef-section8 .bs8-box{
	margin:100px 0 0 0;
}
#agtec-beef .beef-section8 .bs8-left1{
	width:55%;
	float:left;
}
#agtec-beef .beef-section8 .bs8-right1{
	width:45%;
	float:left;
}
#agtec-beef .beef-section8 .bs8-right2{
	width:45%;
	float:left;
}
#agtec-beef .beef-section8 .bs8-left2{
	width:55%;
	float:right;
}
#agtec-beef .beef-section8 .bs8-text1{
	font-size:1.8rem;
	font-weight:bold;
}
#agtec-beef .beef-section8 .bs8-text2{
	font-size:0.9rem;
	line-height:1.5rem;
	font-weight:bold;
}

#agtec-beef .ab-top{
	width:100%;
	max-width:600px;
	margin:100px auto 0;
	padding:45px 0 30px;
	text-align:center;
	background: url(img/agtec-beef/top.png) center no-repeat;
	background-size:100%;
}



/*-------- 404 --------*/

.page404_head {

	width: 100%;
	height: 200px;
	background-size: cover;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
	background: #696969;

}

.page404_head h2 {

	position: absolute;
	top: 80px;
	right: 5%;
	font-size: 2rem;
	color: #fff;
	letter-spacing: 0.15em;
	text-shadow: 2px 4px 4px #000;
}

.page404  {
	margin: 80px auto;
}
.page404 a {
	text-decoration: underline;

}
/* ▲ page 固定ページ */

/* -----------------------------------------

▼新着情報一覧 アーカイブ
------------------------------------------ */

.news_area {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.news_area ul {
	margin:80px 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	display: inline-block;
	text-align: center;
}
.news_area li {
	width: 25%;
	height: 300px;
	margin: 10px 0;
	padding: 10px 0;
	display: inline-block;
	float: left;
}
.news_area li a{
	display: inline-block;
}
.img_caci {
	width: 300px;
	height: 200px;
	margin-right: 15px;
	overflow: hidden;
	text-align: center;
	border: #CCC solid 1px;
	/*!!  border-radius: 3px;*/
}
.img_caci img {
	width: 300px;
	height: 200px;
	object-fit: cover;
}
.img-none {
	width: 300px;
	height: 200px;
	overflow: hidden;
	/*  border-radius: 3px;*/
	background: url(img/no_img.jpg) center 0 no-repeat;
}
.img-none img {
	width: 100%;
	height: auto;
	min-height: 70px;
}
.news_date {
	font-size: 0.9rem;
	font-weight: bold;
}
.news_text {
	display: block;
	text-align: left;
}
.news_text h3 {
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	max-width: 300px;
}
.news_date span {
	height: 10px;
	background-color: #F00;
	color: #FFF;
	font-size: 8px;
	padding: 2px 5px 1px 5px;
	margin-left: 10px;
}
/* ▲新着情報一覧 アーカイブ */

/* -----------------------------------------

▼新着情報
------------------------------------------ */

.posts_main {
	width: 100%;
	max-width: 1200px;
	margin: 30px auto;
	padding: 30px 15px;
	text-align: left;
}
.posts_entry {
	margin: 0 auto;
}
.entry_head {
	width: 100%;
	margin: 40px 0;
	padding-bottom: 12px;
	border-bottom: 1px dotted #B9C0CC;
}
.entry_title {
	font-size: 1.5rem;
	line-height: 1.5;
	width: 75%;
	float: left;
}
.entry_date {
	margin: 8px 0 0;
	font-size: 0.8rem;
	color: #999;
	float: left;
}
.entry {
	margin-bottom: 50px;
}
.entry img {
	margin-bottom: 15px;
}

.entry_navi {
	overflow: hidden;
	padding: 12px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 80px auto 20px;
}
.entry_navi a {
	color: #64643c !important;
}
.prev {
	float: left;
}
.next {
	float: right;
}
.newslist,
.recipelist {
	text-align: right;
}

/* ▲ 新着情報 */

/* -----------------------------------------
▼レシピ/お役立ち情報一覧 アーカイブ
------------------------------------------ */
.recipe_list {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.recipe_list ul {
	margin:80px 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	display: inline-block;
	text-align: center;
}
.recipe_list li {
	width: 25%;
	height: 300px;
	margin: 10px 0;
	padding: 10px 0;
	display: inline-block;
	float: left;
}
.recipe_list li a{
	display: inline-block;
	position: relative;
}
.cate{
	position: absolute;
	right: 20px;
	bottom: 40px;
	background-color: rgba(201, 200, 180, 0.8);
	padding: 10px;
}
.recipe_text {
	display: block;
	text-align: left;
}
.recipe_text h3 {
	margin: 5px 0;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	max-width: 300px;
}




/* ▲ レシピ/お役立ち情報一覧 アーカイブ */
/* -----------------------------------------
▼レシピ
------------------------------------------ */
.recipe_area {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 30px 15px;
}
.recipe_bloc01 {
	width: 100%;
	margin: 30px 0 100px;
}
.recipe_left ,
.recipe_right {
	width: 50%;
	float: left;
}
.recipe_left img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	margin-top: 30px;
}
.recipe_right {
	padding: 15px;
}
.recipe_right h3 {
	font-weight: bold;
	margin: 10px 0 20px;
	font-size: 1.5rem;
}
.recipe_disp {
	margin-bottom: 10px;
}
.recipe_subhead {
	color: #c9c8b4;
	font-weight: 600;
	font-size: 1.3rem;
	margin-bottom: 5px;
	display: inline-block;
}
.ninbun {
	font-size: 0.9rem;
	padding-left: 10px;
}
.recipe_bloc02 {
	margin-bottom: 100px;
}
.recipe_bloc02 h4 {
	display: block;
}
.recipe_disc {
	width: 25%;
	max-width: 300px;
	margin: 0 10px 30px;
	float: left;
}
.recipe_disc p {
	padding: 5px;
	font-size: 0.9rem;
}
.recipe_no {
	padding-right: 5px;
}
.recipe_disc img {
	width: 300px;
	height: 250px;
	object-fit: cover;
}
/* ----お役立ち情報 add 20210120---*/
.useful_head {
	font-weight: 700;
	font-size: 1.4rem;
	letter-spacing: .05em;
	margin: 30px auto;
	text-align: center;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Noto Sans JP", sans-serif;
}
.useful_bloc{
	margin: 30px auto;
	max-width: 1000px;
	padding: 0 15px;
}
.useful_bloc p {
	margin: 30px auto;
}
.useful_bloc img {
	margin: 30px auto;
	max-width: 100%;
}


/* ▲ レシピ */
/* -----------------------------------------

▼お問い合わせ

------------------------------------------ */

.contact_area {
	width: 100%;
	max-width: 1000px;
	margin: 100px auto 80px;
}
.contact_area .subtitle {
	display: inline-block;
	float: none;
}

.contact_att {
	padding: 15px;
	width: 100%;
	margin: 0 auto;
}
.telfax {
	width: 80%;
	max-width: 850px;
	margin: 0 auto 50px;
}
.contact_tel,
.contact_fax {
	width: 50%;
	float: left;
	margin: 30px 0 10px;
	text-align: center;
}
.contact_tel a,
.contact_fax a {
	font-size: 1.5rem;
	text-align: center;
	letter-spacing: 0.2em;
}
.mailform {

	margin: 50px auto 20px;

	border-top: 1px solid #ccc;

	border-collapse: collapse;

	text-align: left;

	padding: 0;

	border: 0;

}

.mailform th {

	width: 250px;

	padding:  30px 10px;

	margin: 0;

	border-bottom: 1px solid #E0E0E0;

	color: #333;

	font-weight: normal;

}

.mailform tr:first-child th,

.mailform tr:first-child td {

	border-top: 1px solid #E0E0E0;

}


.mailform td {

	padding: 30px 10px;

	border-bottom: 1px solid #E0E0E0;

}

.attention {

	color: #f00;

	font-size: 0.9rem;

}

.form-text,

.form-text2,

.p-postal-code,

.form-addr1,

.form-telno,

.form-mail,

.form-textarea {

	border: none;

	background: #f3f3f3;

	background-image: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));

	padding: 2px;

	max-width: 500px;

	width: 100% !important;

	letter-spacing: 0.1em;

	padding: 10px 5px;

	font-size: 1rem;

}

.p-postal-code,

.form-addr1 {

	width: 120px !important;

	margin: 5px 0;


}

.form-textarea {

	width: 580px;

}

.form-search {

	border: solid 1px #c9c8b4;

	background-color: #c9c8b4;

	font-size: 0.8rem;

	padding: 8px 5px;

}

.form-search:hover {
	background-color: #000;
	color: #fff !important;
	opacity: 1;
}

.form_btn {

	text-align: center;

	margin: 50px auto;

}

.mail_submit {

	display: inline-block;
	padding: 10px 15px;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	min-width: 250px;
	text-align: center;
	transition: .3s;
	color: #fff !important;
	background: #000;
}

.mail_submit:hover {

	background: #c9c8b4;
	border-color: #c9c8b4;
	/*!!  color: #fff !important;*/
	color: #000 !important;
	opacity: 1;
}

/*grecaptchaの表示位置調整*/

.grecaptcha-badge {

	bottom: 80px !important;

}

/* ▲ お問い合わせ */

/* -----------------------------------------

▼footer

------------------------------------------ */

footer {

	position: relative;
}

#footer_inner {
	position: absolute;
	top: 0;
	background: url(img/bg_ft.jpg) 0 0 no-repeat;
	background-size: cover;
	width: 100%;
}
.footer_top {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 50px 0 0;
	line-height: 120%;
}
.ft_menu ul {
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}
.ft_menu li {
	line-height: 20px;
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 0.8rem;
	letter-spacing: 0.15em;
	text-align: center;
	width: 130px;
}
.ft_menu li a {
	font-size: 0.95rem;
	color: #64643c !important;
}

.footer_in {

	width: 100%;

	max-width: 1000px;

	margin: 0 auto;

	padding: 50px  0;

	line-height: 120%;

	overflow: hidden;
}

.ft_left {

	float: left;

	width: 20%;
}

.ft_left img {
	width:130px;
}

.ft_center {

	float: left;
	width: 30%;

	padding: 30px;
}

.ft_center ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	text-align: center;
}
.ft_center li {
	line-height: 23px;
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 0.8rem;
	letter-spacing: 0.15em;
	text-align: left;
	width: 100%;
}
.ft_center li a {
	color : #64643c !important;
}
.ft_center li img {
	margin-right: 3px;
	margin-bottom: 2px;
	width: 18px;
}


.ft_right {

	float: left;
	width: 50%;

}

.g_map {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.g_map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.footer_bottom {
	width: 100%;
	max-width: 1300px;
	margin: 30px auto 0;
	text-align: center;
	color: #64643c !important;
}
footer small{

	font-size: 0.8rem;

	opacity: 0.5;

}


#page_top {

	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: 0.7;
	z-index: 99999;

}

#page_top img {

	width: 40px;
	height: 40px;
}

.copyright {

	font-size: 0.8rem;

	opacity: 0.5;

	text-align: center;

	padding: 10px;

}

.footer_shop {
	text-align: center;
	margin-bottom: 30px;
}

.footer_shop a {
	width: 250px;
	text-align: center;
	transition: .3s;
	display: inline-block;
	padding: 10px;
	font-size: 15px;
}

.ft_shop_yes{
	display:none;
}
.ft_shop_no{
	display:block;
}


.onlinestore_footer{
	display:none;
}


/* ▲ footer */



/* -----------------------------------------

レスポンシブ

------------------------------------------ */

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

	html,body {
		font-size: 14px;
		line-height: 1.6;
	}
	.contents_area2 {
		padding: 50px 20px;
	}
	#menu,
	.menu_lower {
		display: none;
	}
	.notice {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 50px;
	}
	.notice ul {
	}
	.notice ul li {
		float: left;
		padding-left: 5px;
	}
	.notice ul .facebook,
	.notice ul .twitter {
		display: inline-block;
		vertical-align: middle;
		padding: 0 8px;
		height: 30px;
	}
	.notice ul .facebook a,
	.notice ul .twitter a {
		width: 25px;
		height: 25px;
		display: inline-block;
		background-size: contain;
	}
	/*--- ドロワーメニュー ---*/

	#tabu {
		display: inline-block;
	}

	.drawer-hamburger-icon {
		opacity: 1 !important;
		filter: alpha(opacity=70) !important;
	}
	.drawer-nav {
		text-align: left;
		font-weight: bold;
		letter-spacing: 0.08em;
		border: none !important;
		background-color: #FFF;
		padding-top: 30px;
	}
	.drawer-dropdown-menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.drawer-menu {
		margin: 10px 5px !important;
		list-style: none;
		padding: 0 0 10px 0;
	}
	.drawer-menu li {
		background: url(img/draw_cow.png) 10px 8px no-repeat;
		background-size: 30px auto;
		height: 40px !important;
		padding: 10px 20px !important;
		margin: 0;
		display: block;
		/*    border-bottom: #EEE solid 1px;*/
	}
	.drawer-menu li a {
		padding: 20px 30px;
	}
	.draw_sub {
		color: #E0E0E0;
		padding: 0 20px;
		margin: 0;
		font-size: 0.9rem;
	}
	.inquiry{
		float: none;
		display: block;
		text-align: center;
		margin-bottom: 5px;
	}
	.inquiry a {
		margin: 0 ;
	}
	.draw_tel {
		text-align: center;
		margin: 15px 0;
	}
	.draw_tel img {
		width: 25px;
		margin-right: 3px;
	}
	.draw_sns {
		padding: 0;
		margin: 10px 0;
		text-align: center;
	}
	.draw_sns li {
		display: inline-block;
		vertical-align: middle;
		padding: 0 8px;
		height: 30px;
	}
	.draw_sns li a{
		width: 25px;
		height: 25px;
		display: inline-block;
		background-size: contain;
	}
	.mission_cow {
		width: 180px;
		z-index: 0;
	}
	/*--- 各ページ ---*/

	.news_area li,
	.recipe_list li {
		width: 33%;
	}
	.entry {
		margin: 0 auto 50px;
		max-width: 1000px;
	}
	.entry img {
		max-width: 800px;
	}
	.onlinestore_footer{
		display: block;
		font-size:10pt;
		text-align:center;
		min-height: 20px;
		padding:20px;
		border: 1px solid;
		margin: 30px;
	}
	/*--- レシピ詳細 ---*/
	.recipe_bloc02 {
		margin: 0 auto 100px;
		max-width: 960px;
	}
	.recipe_disc {
		width: 33%;
	}
	/*--- footer ---*/
	.ft-sitemap{
		width: 100%;
	}
}


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

	.fullSlider {
		top: 110px;
	}
	.fullViewWrap{
		height: auto !important;
	}
	.bx-viewport {
		height: auto;
	}
	.bx-wrapper {
		height: auto;
	}
	.bxslider img{
		height: auto !important;
	}
	.bx-pager {
		bottom: 130px !important;
	}
	.h_logo img {
		padding: 10px 0 0 0;
		width: 280px;
	}
	.pc-displaynon{
		display:none;
	}
	.tb-displaynon{
		display:inline-block;
	}
	.mb-displaynon{
		display:none;
	}
	.tb-br{
		display:none;
	}

	#contents_top {
		margin: 400px auto 0;
	}
	.subtitle {
		width: 100%;
		margin: 5px auto 8px;
	}

	.mission_right img,
	.process_left img {
		height: 500px;
	}
	.mission_down{
		top: 760px;
	}
	.process_down{
		top: 1300px;
	}
	.beef_down{
		top: 1800px;
	}
	.shop_inner{
		background-size: auto;
		background-position: 35% 0;
	}

	/*--- 各ページ ---*/
	.mission_bloc01 img,
	.mission_bloc02 img{
		height: 400px;

	}
	.mission_bloc01,
	.mission_bloc02 {
		height: 400px;

	}
	.news_area li,
	.recipe_list li {
		width: 50%;
	}
	.text_message {
		font-size: 1.1rem;
	}
	.proces_bg p {
		font-size: 1.0rem;
	}
	/*--- レシピ詳細 ---*/
	.recipe_bloc02 {
		margin: 0 auto 100px;
		max-width: 640px;
	}
	.recipe_disc {
		width: 50%;
	}

	.business-info-banner{
		width:50%;
		margin:50px auto;
	}
	.business-info-banner img{
		width:100%;
	}


	#agtec-beef h2{
		width:100%;
		margin:50px 0 70px;
		font-size:2rem;
		font-weight:bold;
		line-height:3rem;
		text-align:center;
		border-bottom:1px solid #E6E6E6;
	}
	#agtec-beef .beef-section1{
		width:100%;
		max-width:1000px;
		margin:30px auto;
		padding:60px 0;
		background: url(img/agtec-beef/back1.jpg) center 0 no-repeat;
		background-size:100%;
		text-align:center;
		font-size:3rem;
		font-weight:bold;
	}
	#agtec-beef .beef-section2 .bs2-box1{
		width:50%;
		float:left;
		padding:0 0 0 0px;
	}
	#agtec-beef .beef-section2 .bs2-text1{
		font-size:1.8rem;
		font-weight:bold;
		padding:100px 0 15px 50px;
		background: url(img/agtec-beef/special.png) left top no-repeat;
		background-size:70%;
	}
	#agtec-beef .beef-section2 .bs2-text2{
		padding:0 0 0 50px;
		font-size:1.2rem;
	}
	#agtec-beef .beef-section3 {
		width:100%;
		padding:0 0 0 0;
		text-align:center;
		background: url(img/agtec-beef/back2.jpg) center top 40% no-repeat;
		background-size:100%;
	}
	#agtec-beef .beef-section3 .bs3-text1{
		font-size:1.8rem;
		font-weight:bold;
		margin:0 0 30px 0;
		padding:60px 0 0 0;
	}
	#agtec-beef .beef-section4{
		width:100%;
		max-width:1100px;
		margin:80px auto 100px;
	}
	#agtec-beef .beef-section4 .bs4-text2{
		font-size:1.8rem;
		font-weight:bold;
		line-height:2.5rem;
		padding:50px 0 10px 50px;
		background: url(img/agtec-beef/management.png) left 10% top no-repeat;
		background-size:55%;
	}
	#agtec-beef .beef-section4 .bs4-text4{
		padding:0 10px 0 50px;
		font-size:1rem;
	}
	#agtec-beef .beef-section5{
		width:100%;
		max-width:900px;
		margin:0 auto 50px;
	}
	#agtec-beef .bs5-title{
		width:100%;
		padding:100px 0 90px 0;
		text-align:center;
		background: url(img/agtec-beef/back3.png) top center no-repeat;
		background-size:700px;
	}
	#agtec-beef .bs5-question{
		width:100%;
		max-width:700px;
		margin:50px auto 0 auto;
		padding:30px 10% 30px;
		text-align:center;
		background: url(img/agtec-beef/back4_mob.png) bottom center no-repeat;
		background-size:100%;
	}
	#agtec-beef .bs5-question img{
		max-width:300px;
		height:auto;
	}
	#agtec-beef .bs5-question-text1{
		margin:10px 0 0;
		font-size:1.2rem;
		font-weight:bold;
	}
	#agtec-beef .bs5-question-text2{
		margin:0 0 80px 0;
		font-size:1rem;
		line-height:1.8rem;
		text-align:left;
	}
	#agtec-beef .bs5-question-text3{
		color:#DC9344;
	}
	#agtec-beef .bs5-question-left{
		width:100%;
	}
	#agtec-beef .bs5-question-right{
		width:100%;
	}
	#agtec-beef .beef-section6{
		width:100%;
		margin:0 auto;
	}
	#agtec-beef .beef-section6 .bs6-left{
		width:50%;
		margin:0 0 30px 0;
		float:left;
	}
	#agtec-beef .beef-section6 .bs6-right{
		width:50%;
		padding:0 2%;
		float:left;
	}
	#agtec-beef .bs7-title{
		width:100%;
		max-width:1300px;
		padding:100px 0 0 0;
		font-size:2rem;
		font-weight:bold;
		line-height:3rem;
		text-align:center;
		background: url(img/agtec-beef/recipe.png) left bottom no-repeat;
		background-size:20%;
	}
	#agtec-beef .bs8-title{
		width:100%;
		max-width:1200px;
		padding:100px 0 0 0;
		font-size:2rem;
		font-weight:bold;
		line-height:3rem;
		text-align:center;
		background: url(img/agtec-beef/lineup.png) left bottom no-repeat;
		background-size:30%;
	}
	#agtec-beef .beef-section8{
		width:100%;
		margin:0 auto;
	}
	#agtec-beef .beef-section8 .bs8-left1{
		width:50%;
		float:left;
	}
	#agtec-beef .beef-section8 .bs8-right1{
		width:50%;
		padding:0 2% 0 0;
		float:left;
	}
	#agtec-beef .beef-section8 .bs8-right2{
		width:45%;
		padding:0 0 0 2%;
		float:left;
	}
	#agtec-beef .beef-section8 .bs8-left2{
		width:55%;
		float:right;
	}
}


/* --- PCサイズ769以上は改行しない --- */
@media screen and (min-width:769px){
	.br_mob {
		display: none;
	}
}

/* --- タブレット --- */

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

	.pc-disp {
		display: none !important;
	}
	.sp-disp {
		display: inline-block;
	}
	.notice {
		display: none;
	}
	.scroll_down {
		display: none;
	}
	#top_news{
		width: 100%;
		padding: 0 8%;
	}
	#top_mission{
	}
	.mission_cow{
		top: 390px;
		left: 8%;
	}
	.mission_left,
	.mission_right {
		width: 100%;
		float: none;
	}
	.mission_left{
		padding: 50px 5%;
		text-align: center;
	}
	.mission_right {
		text-align: center;
	}

	.mission_right img,
	.process_left img {
		height: 300px;
	}
	.mission_down{
		top: 850px;
	}
	#top_process{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.process_left {
		width: 100%;
		float: none;
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
	.process_right {
		width: 100%;
		float: none;
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
		padding: 13% 15% 50px;
		text-align:center;
	}
	.process_down{
		top: 1500px;
	}
	.shop_inner{
		background-size: auto;
		background-position: 35% 0;
	}
	.beef_down{
		top: 1800px;
	}
	.shop_down{
		bottom: 440px;
	}
	#top_shop .headline_j{
		color: #000;
	}
	/*--- 各ページ ---*/
	.process_head h3 {
		width: 90%;
	}
	.process_head {
		margin: 100px auto;
	}
	.proces_bg img {
		height: 350px;
		object-fit: cover;
	}
	.proces_bg p {
		font-size: 1.0rem;
		width: 90%;
	}
	.message {
		margin: 50px auto 0;
	}
	.text_message {
		margin-bottom: 50px;
	}
	.message_middle_img {
		height: 300px;
	}
	.bloc_headline,
	.contact_att,
	.common_t {
		width: 95%;
	}
	/*--- footer ---*/
	.ft_menu ul{
		margin: 0 auto;
		width: 100%;
		max-width: 600px;
		overflow: hidden;
	}
	.ft_menu li {
		padding: 5px 0;
	}
	.ft_left,
	.ft_center {
		width: 50%;
	}
	.ft_left{
		text-align: right;
		padding-right: 20px;
	}
	.ft_right {
		width: 100%;
		float: none;
		overflow: hidden;
		max-width: 600px;
		margin: 0 auto;
		padding-top: 30px;
	}


	/*問い合わせ*/

	.mailform {
		margin: 50px auto;
		border-top: 1px solid #ccc;
		width: 95%;
		max-width: 800px;
		border-collapse: collapse;
		text-align: left;
		padding: 0;
		border: 0;
	}
	.mailform tr:first-child th,
	.mailform tr:first-child td {
		border-top: none;
	}

	.mailform th {
		width: 220px;
		display: inline-block;
		padding: 30px 20px;
		margin: 0;
		padding: 10px 0 10px 20px;
		border-bottom: none;
		color: #333;
		font-weight: normal;
		text-align: left;
	}
	.mailform td {
		display: inline-block;
		padding: 0 20px 30px !important;
		border-bottom: 1px solid #dfdfdf !important;
		width: 100% !important;
		margin-bottom: 30px;
	}

}

@media screen and (max-width: 700px){
	.process_list ul li {
		width: 100%;
		text-align: center;
	}
	.process_list img {
		max-width: 500px;
	}


	#businessinfo .title{
		width: 100%;
		text-align: center;
		margin-top:50px;
		font-size: 2.5rem;
		color:#599231;
		font-weight:bold;
	}
	#businessinfo .title2{
		text-align: center;
		font-size: 1rem;
		font-weight:bold;
		margin-bottom:15px;
	}


	.business-info-banner{
		width:80%;
		margin:0 auto 30px;
	}
	.business-info-banner img{
		width:100%;
	}
	/*--- レシピ詳細 ---*/
	.recipe_area{
		padding: 30px 8px;
	}
	.recipe_bloc01 {
		max-width: 320px;
		margin: 30px auto;
	}
	.recipe_left,
	.recipe_right{
		width: 100%;
		float: none;

	}
	.recipe_left img {
		margin-top: 0;
	}
	.recipe_bloc02 {
		width: 100%;
		max-width: 320px;
	}
	.recipe_disc {
		width: 100%;
	}




	/* ハバネロ */
	#habanero{
		width:100%;
		margin:30px auto;
	}
	#habanero .habanero-header{
		display:none;
	}
	#habanero .habanero-header img{
		display:none;
	}
	#habanero .habanero-header-m{
		display:block;
		width:100%;
	}
	#habanero .habanero-header-m img{
		width:100%;
	}
	#habanero .recipe{
		width:100%;
		margin:50px auto 0;
	}
	#habanero .recipe-title{
		width:95%;
		margin:0 2.5% 10px;
	}
	#habanero .recipe h2{
		color:#ed1c24;
		font-size:1.2em;
		font-weight:bold;
		border-bottom:#ed1c24 1px solid;
	}
	#habanero .recipe-box1{
		width:100%;
	}
	#habanero .recipe-box1 img{
		width:100%;
	}
	#habanero .recipe-box2{
		display:none;
	}
	#habanero .recipe-box2-m{
		width:100%;
		text-align:center;
		margin:0 0 10px 0;
		display:block;
	}
	#habanero .recipe-box3{
		width:95%;
		margin:20px 2.5%;
	}
	#habanero .recipe-box3 p{
		line-height:4em;
		border-bottom:#ed1c24 1px solid;
		font-size:1em;
		padding:0 0 0 10px;
	}
	#habanero .recipe-box3 p img{
		margin:0 0 5px 10px;
	}
	#habanero .recipe-box4{
		width:95%;
		margin:20px 2.5%;
		border-bottom:#ed1c24 1px solid;
	}
	#habanero .recipe-box4 span{
		color:#ed1c24;
		font-size:1.5em;
		font-weight:bold;
		padding:0 10px 0 0;
	}
	#habanero .recipe-box4 p{
		margin:15px 0 15px 15px;
		font-size:1em;
	}


	#habanero .insta {
		width:100%;
		background:url(img/habanero/habanero_back.jpg);
		background-size:250%;
		margin:80px 0;
		padding:80px 0;
	}
	#habanero .insta-back {
		width:100%;
		background:rgba(255,255,255,0.9);
	}
	#habanero .insta-box1{
		display:none;
	}
	#habanero .insta-box1-m{
		width:100%;
		margin:0 auto;
		padding:50px 0;
		display:block;
	}
	#habanero .insta-box2{
		width:80%;
		margin:0 10%;
		text-align:center;
		float:none;
	}
	#habanero .insta-box2-title{
		width:100%;
	}
	#habanero .insta-box2 p{
		font-size:0.9em;
		font-weight:bold;
		line-height:1.5em;
		margin:10px 0;
	}
	#habanero .insta-box2-qr{
		width:30%;
		margin:20px 0 10px;
	}
	#habanero .insta-box3{
		width:90%;
		text-align:center;
		float:none;
		margin:0 5%;
		padding:0;
	}
	#habanero .insta-box3 a{
		background:none;
	}
	#habanero .insta-box3-batu{
		font-size:10em;
		line-height:1em;
		color:#dd0404;
	}
	#habanero .insta-box3 p span{
		color:#dd0404;
		font-size:1.2em;
	}
	#habanero .insta-box3-hashtag{
		font-size:1.2em;
		font-weight:bold;
		line-height:1.3em;
		margin:30px 0 10px;
	}
	#habanero .insta-box4{
		width:80%;
		margin:0 10% 30px;
		float:none;
	}
	#habanero .insta-box4 img{
		width:100%;
		border-bottom:#dd0404 1px solid;
		padding:0 0 5px 0;
	}
	#habanero .insta-box5{
		width:45%;
		float:left;
		margin:20px 0 0 10px;
		font-size:1em;
		line-height:1.6em;
		font-weight:bold;
		color:#dd0404;
	}


	#habanero .habanero-shop{
		width:100%;
		margin:0 auto;
		padding:0 0 50px 0;
		border:3px #dd0404 solid;
		background:#fad7c8;
	}
	#habanero .habanero-shop p{
		font-weight:bold;
	}
	#habanero .habanero-shop-title{
		width:100%;
		margin:0 auto 30px;
	}
	#habanero .habanero-shop-title img{
		width:100%;
	}
	#habanero .habanero-shop-introduction{
		width:90%;
		margin:0 5%;
	}
	#habanero .habanero-shop-photo1{
		width:100%;
		max-width:60%;
		margin:0 0 0 25%;
	}
	#habanero .habanero-shop-title2{
		width:100%;
		color:#dd0404;
		font-size:2em;
		font-weight:bold;
		line-height:1.2em;
		text-align:center;
		margin:40px 0 10px;
	}
	#habanero .habanero-shop-photo2{
		width:100%;
		margin:20px 0;
	}
	#habanero .habanero-shop-shio{
		width:100%;
	}
	#habanero .habanero-shop-green{
		color:#387d2a;
		text-align:center;
		font-size:2em;
	}
	#habanero .habanero-shop-banner{
		width:90%;
		margin:50px 5% 0;
		text-align:center;
	}
	#habanero .habanero-shop-banner img{
		width:100%;
		margin:10px 0;
	}


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

	.mission_cow {
		display: none;
	}
	.news_area li,
	.recipe_list li {
		width: 100%;
	}
}


/* --- スマホ用  --- */

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

	.h_logo img {
		width: 150px;
	}
	#fixed_head {
		height: 70px;
		/*!!    opacity: 0.8;*/
	}
	.s_logo {
		width: 80px !important;
	}
	.fullSlider {
		top: 70px;
	}
	.pc-displaynon{
		display:none;
	}
	.tb-displaynon{
		display:none;
	}
	.mb-displaynon{
		display:inline-block;
	}
	.tb-br{
		display:inline-block;
	}
	.mobile-br{
		display:none;
	}
	#contents_top{
		margin: 200px auto 0;
	}
	.bx-pager{
		bottom: 20px !important;
	}
	#top_shop{
		margin: 80px 0;
	}
	.shop_inner {
		height: 300px;
		background-size: auto 300px;
		background-position: 53% 0;
	}

	#top_contact{
		margin: 80px 0 0;
		padding: 0 15px

	}

	#top_contact ul li {
		float: left;
		padding: 5px 10px;
	}

	/*--- 各ページ ---*/
	.mission_bloc01,
	.mission_bloc02{
		width: 100%;
		float: none;
		height: 300px;
	}
	.mission_bloc01 img,
	.mission_bloc02 img {
		height: 300px;
	}
	.mission_s_box {
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.mission_s_img{
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
	.mission_s_txt {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
		min-height: 300px !important;
		height: auto !important;
		margin: 30px 0;
	}
	.proces_bg img {
		height: 550px;
	}
	.common_t {
		width: 95%;
		margin: 0 auto 50px;
		border-collapse: collapse;
		line-height: 150%;
		text-align: left;
	}
	.common_t tr {
		border: 1px #ccc solid;
	}

	.common_t th,
	.common_t td {
		display: block;
		border: none;
		padding: 10px;
		width: 100%;
	}

	.common_t th {
		background-color: #E0E0E0;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
		letter-spacing: 0.1em;
	}
	.common_t td {
		vertical-align: top;
		text-align: left;
	}

	.contact_tel, .contact_fax {
		width:  100%;
		float: none;
		margin: 20px 0 0;
	}

	/*--- フッター ---*/
	.ft_menu {
	}
	.ft_menu ul {
		max-width: 400px;
	}
	.ft_menu li  {
		width: 50%;
		float: left;
	}
	.tm7  {
		width: 100% !important;
	}
	.ft_left {
		width: 120px;
		padding: 0 20px;
	}
	.ft_left img {
		width: 80px;
	}
	.ft_center{
		width: calc(100% - 120px);
	}


	#agtec-beef{
		width:100%;
		margin:0px auto 0;
		padding:0 0 50px;
		background: url(img/agtec-beef/footer.png) center bottom no-repeat;
		background-size:100%;
	}
	#agtec-beef .beef-header{
		width:100%;
		margin:0px 0 20px;
	}
	#agtec-beef h2{
		width:100%;
		margin:50px 0 30px;
		font-size:2rem;
		font-weight:bold;
		line-height:3rem;
		text-align:center;
		border-bottom:1px solid #E6E6E6;
	}
	#agtec-beef hr{
		width:100%;
		border:1px solid #E6E6E6;
		margin-bottom:30px;
	}
	#agtec-beef .button{
		display: inline-block;
		padding:15px 30px 13px;
		margin:0 auto;
		color:#fff;
		font-size:0.9rem;
		text-align:center;
		background:#000;
	}

	/*  ご褒美があるからこそ  */
	#agtec-beef .beef-section1{
		width:100%;
		max-width:1000px;
		margin:10px auto 0;
		padding:30px 0 35px;
		background: url(img/agtec-beef/back1.jpg) center 0 no-repeat;
		background-size:100%;
		text-align:center;
		font-size:1.4rem;
		font-weight:bold;
	}

	/*  週末のご馳走に  */
	#agtec-beef .beef-section2{
		width:100%;
		margin:0 auto 30px;
	}
	#agtec-beef .beef-section2 .bs2-box1{
		width:50%;
		float:left;
		padding:0 0 0 0;
	}
	#agtec-beef .beef-section2 .bs2-box2{
		width:50%;
		float:right;
	}
	#agtec-beef .beef-section2 .bs2-text1{
		font-size:1rem;
		font-weight:bold;
		padding:30px 0 3px 20px;
		background: url(img/agtec-beef/special.png) left 5% bottom no-repeat;
		background-size:40%;
	}
	#agtec-beef .beef-section2 .bs2-text2{
		padding:0 0 0 20px;
		font-size:0.7rem;
		line-height:1rem;
	}


	/*  経産牛とは  */
	#agtec-beef .beef-section3 {
		width:100%;
		padding:0px 0 0 0;
		text-align:center;
		background: url(img/agtec-beef/back2.jpg) center top 8% no-repeat;
		background-size:100%;
	}
	#agtec-beef .beef-section3 .bs3-text1{
		font-size:1.1rem;
		font-weight:bold;
		margin:0 0 35px 0;
		padding:0;
	}
	#agtec-beef .beef-section3 .bs3-text2{
		width:95%;
		margin:0 auto 30px;
		font-size:0.7rem;
	}

	/*  こだわり・カット  */
	#agtec-beef .beef-section4{
		width:100%;
		max-width:1100px;
		margin:50px auto 30px;
	}
	#agtec-beef .beef-section4 .bs4-box1{
		width:100%;
		margin:10px 0 0 0;
	}
	#agtec-beef .beef-section4 .bs4-box2{
		width:100%;
		margin:10px 0 0 0;
	}
	#agtec-beef .beef-section4 .bs4-text1{
		font-size:1.8rem;
		font-weight:bold;
		text-align:center;
		padding:30px 3% 0;
		background: url(img/agtec-beef/obsession.png) left 5% top 25% no-repeat;
		background-size:42%;
	}
	#agtec-beef .beef-section4 .bs4-text2{
		font-size:1.8rem;
		line-height:3rem;
		font-weight:bold;
		text-align:center;
		padding:50px 3% 0;
		background: url(img/agtec-beef/management.png) left 10% top 25% no-repeat;
		background-size:55%;
	}
	#agtec-beef .beef-section4 .bs4-text3{
		padding:0 3% 20px;
		font-size:0.7rem;
		line-height:1.2rem;
		text-align:center;
	}
	#agtec-beef .beef-section4 .bs4-text4{
		padding:0 3%;
		font-size:0.7rem;
		line-height:1.2rem;
		text-align:center;
	}

	/*  おいしく食べる  */
	#agtec-beef .beef-section5{
		width:100%;
		max-width:900px;
		margin:0 auto ;
	}
	#agtec-beef .bs5-title{
		width:100%;
		padding:48px 0 35px 0;
		text-align:center;
		background: url(img/agtec-beef/back3.png) top center no-repeat;
		background-size:100%;
	}
	#agtec-beef .bs5-title1{
		font-size:1.3rem;
		font-weight:bold;
		line-height:2rem;
		border-bottom:1px solid #C7B299;
	}
	#agtec-beef .bs5-title2{
		font-size:0.8rem;
		font-weight:bold;
		margin:10px 0 0 0;
	}
	#agtec-beef .beef-section5 .bs5-illust{
		max-width:650px;
		margin:0 auto;
	}
	#agtec-beef .beef-section5 .bs5-text1{
		max-width:520px;
		margin:0 auto;
		font-weight:bold;
		line-height:1.5rem;
		color:#534741;
		text-align:center;
		padding:30px 0 0;
		border-bottom:2px solid #C7B299;
	}
	#agtec-beef .beef-section5 .bs5-text1-back1{
		background: url(img/agtec-beef/point1.png) left 2% top 25% no-repeat;
		background-size:20%;
	}
	#agtec-beef .beef-section5 .bs5-text1-back2{
		background: url(img/agtec-beef/point2.png) left 2% top 25% no-repeat;
		background-size:20%;
	}
	#agtec-beef .beef-section5 .bs5-text1-back3{
		background: url(img/agtec-beef/point3.png) left 2% top 25% no-repeat;
		background-size:20%;
	}
	#agtec-beef .beef-section5 .bs5-text1-back4{
		background: url(img/agtec-beef/point4.png) left 2% bottom no-repeat;
		background-size:20%;
	}
	#agtec-beef .beef-section5 .bs5-text2{
		width:95%;
		margin:10px auto 0;
		font-size:0.7rem;
		line-height:1.2rem;
	}
	#agtec-beef .beef-section5 .bs5-text3{
		width:95%;
		margin:0 auto;
		padding:20px 0 0 85px;
		font-size:0.8rem;
		font-weight:bold;
		line-height:1.2rem;
		color:#534741;
		text-align:left;
		border-bottom:2px solid #C7B299;
	}
	#agtec-beef .beef-section5 .bs5-arrow{
		text-align:center;
		margin:20px 0 30px;
	}
	#agtec-beef .beef-section5 .bs5-arrow img{
		width:20px;
	}
	#agtec-beef .bs5-question{
		width:100%;
		margin:50px auto 0 auto;
		padding:0 10% 40px;
		text-align:center;
		background: url(img/agtec-beef/back4_mob.png) bottom center no-repeat;
		background-size:100%;
	}
	#agtec-beef .bs5-question img{
		max-width:120px;
	}
	#agtec-beef .bs5-question-text1{
		margin:0 0;
		font-size:1.2rem;
		font-weight:bold;
	}
	#agtec-beef .bs5-question-text2{
		margin:0 0 10px 0;
		font-size:0.7rem;
		line-height:1.1rem;
		text-align:left;
	}
	#agtec-beef .bs5-question-text3{
		color:#DC9344;
	}
	#agtec-beef .bs5-question-left{
		width:100%;
	}
	#agtec-beef .bs5-question-right{
		width:100%;
	}

	/*  経産牛だからおいしい理由  */
	#agtec-beef .beef-section6{
		width:100%;
		max-width:1200px;
		margin:0 auto ;
	}
	#agtec-beef .beef-section6 .bs6-left{
		width:100%;
		margin:0 0 20px 0;
	}
	#agtec-beef .beef-section6 .bs6-right{
		width:100%;
		padding:0px 5%;
		text-align:center;
	}
	#agtec-beef .beef-section6 .bs6-text1{
		font-size:1.2rem;
		line-height:1.5rem;
		font-weight:bold;
	}
	#agtec-beef .beef-section6 .bs6-text2{
		font-size:0.7rem;
		line-height:1.2rem;
		margin:10px 0 30px;
	}

	/*  お手軽レシピ  */
	#agtec-beef .bs7-title{
		padding:60px 0 0 0;
		background: url(img/agtec-beef/recipe.png) left 5% bottom no-repeat;
		background-size:40%;
	}
	#agtec-beef .beef-section7{
		width:100%;
	}
	#agtec-beef .beef-section7 .bs7-box1{
		background:#8D7A6B;
		margin:0 0 0 0;
	}
	#agtec-beef .beef-section7 .bs7-box2{
		background:#F4F0E5;
		margin:0 0 0 0;
	}
	#agtec-beef .beef-section7 .bs7-left1{
		width:100%;
		padding:5%;
	}
	#agtec-beef .beef-section7 .bs7-right1{
		width:100%;
		padding:0 0 20px;
		color:#fff;
	}
	#agtec-beef .beef-section7 .bs7-right2{
		width:100%;
	}
	#agtec-beef .beef-section7 .bs7-left2{
		width:100%;
		padding:5%;
	}
	#agtec-beef .beef-section7 .bs7-text1{
		font-size:1.5rem;
		font-weight:bold;
		padding:0 0 0 20px;
	}
	#agtec-beef .beef-section7 .bs7-text2{
		font-size:0.8rem;
		font-weight:bold;
		border-bottom:1px solid #C7B299;
		padding:0 0 0 20px;
		margin:0 0 20px 0;
	}
	#agtec-beef .beef-section7 .bs7-text3{
		font-size:0.7rem;
		font-weight:bold;
		padding:0 0 0 20px;
	}
	#agtec-beef .beef-section7 .bs7-text4{
		font-size:0.7rem;
		padding:0 20px 10px 50px;
	}
	#agtec-beef .beef-section7 .bs7-text4 li{
		padding:0 0 8px 0;
		font-size:0.7rem;
		line-height:0.9rem;
	}


	/*  ラインナップ  */
	#agtec-beef .bs8-title{
		padding:60px 0 0 0;
		background: url(img/agtec-beef/lineup.png) left 5% bottom no-repeat;
		background-size:40%;
	}
	#agtec-beef .beef-section8{
		width:100%;
	}
	#agtec-beef .beef-section8 .bs8-box{
		margin:0px 0 0 0;
	}
	#agtec-beef .beef-section8 .bs8-left1{
		width:100%;
		padding:0px 0 10px;
	}
	#agtec-beef .beef-section8 .bs8-right1{
		width:100%;
		padding:0 5% 50px;
		text-align:center;
	}
	#agtec-beef .beef-section8 .bs8-right2{
		width:100%;
		padding:0 5% 50px;
		text-align:center;
	}
	#agtec-beef .beef-section8 .bs8-left2{
		width:100%;
		padding:0px 0 10px;
	}
	#agtec-beef .beef-section8 .bs8-text1{
		font-size:1.5rem;
		font-weight:bold;
	}
	#agtec-beef .beef-section8 .bs8-text2{
		font-size:0.7rem;
		line-height:1.2rem;
		margin:0 0 10px 0;
	}

	#agtec-beef .ab-top{
		width:80%;
		margin:0 auto;
		padding:38px 0 30px;
		text-align:center;
		background: url(img/agtec-beef/top.png) center no-repeat;
		background-size:100%;
	}

}