#h2_area .base
{
	width:auto;
}




#eyecatch
{
	width: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}



#eyecatch ul
{
}

#eyecatch img
{
	height: auto;
	width: 100vw;
}

#eyecatch ul
{
	margin: 0px;
	padding: 0px;
}

#eyecatch ul li
{
}


article .about
{
	background-image: url(../images/bg_top_01.jpg);
	background-position: center top;
	margin-bottom: 0px;
	padding-bottom: 40px;
}

article .about_box
{
	background-image: url(../images/bg_about_01.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right: auto;
	margin-left: auto;
}

article .about h2
{
	margin-bottom: 30px;
}

article .about .text p
{
	line-height: 200%;
	margin-bottom: 40px;
}

article .about .photo_r
{
	background-image: url(../images/bg_about_02.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 50px;
}

article .about dl dt .photo
{
	text-align: center;
	margin-bottom: 20px;
}

article .about dl dt h3
{
	font-size: 24px;
	color: #4D4339;
	margin-bottom: 10px;
	background-image: none;
	padding: 0px;
}

article .about dl dt h3:before
{
	font-family: "Font Awesome 5 Free";
	content: '\f144';
	font-weight: 900;
	margin-right: 10px;
	color: #CC6633;
	font-size: 18px;
}

article .about dl dt p
{
	text-align: justify;
}


article .lineup
{
	background-image: url(../images/bg_top_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 50px;
}

article .lineup .body
{
	background :
	 url(../images/bg_lineup_01.png)  no-repeat left top,
	 url(../images/bg_lineup_02.png)  no-repeat right top;
}


article .lineup .body h2,
article .recipe .body h2,
article .news .body h2
{
	font-size: 34px;
	color: #796658;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 1em;
}

article .lineup .body h2 small,
article .recipe .body h2 small,
article .news .body h2 small
{
	font-size: 16px;
	color: #CC6633;
	letter-spacing: 0.6em;
	text-align: center;
	display: block;
}

article .lineup .body p
{
	margin-bottom: 30px;
}

article .lineup dl dt
{
	text-align: center;	
}

article .lineup dl dt img
{
	margin-bottom: 30px;
}


article .lineup #lineup_slide
{
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 50px;
	padding-top: 40px;
}

article .lineup #lineup_slide ul
{
	display: block;
	margin: 0px;
	padding: 0px;
}

article .lineup #lineup_slide ul li
{
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

article .recipe
{
}

article .recipe .body
{
}



article .recipe dl dt
{
	background: 
	url(../images/bg_recipe_side.jpg) no-repeat right bottom,
	url(../images/bg_recipe.jpg);
}

article .recipe dl dt .photo
{
	padding-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

article .recipe dl dt .text
{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

article .recipe dl dt .text h3
{
	font-size: 22px;
	margin-bottom: 10px;
	background-image: none;
	padding: 0px;

}

article .recipe dl dt .text h3 small
{
	font-size: 13px;
	color: #CC6633;
	display: block;
}

article .recipe dl dt .text p
{
	text-align: justify;
}

article .youtube
{
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: center top;
}

article .youtube dl dt p
{
	font-size: 16px;
}

article .banner
{
	margin-top: 0px;
	padding-top: 0px;
}

article .news table
{
	width: 100%;
	margin-bottom: 50px;
}

article .news table th
{
	width: 120px;
	background-image: url(../images/line_news.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 18px;
	color: #999;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 16px;
	padding-left: 10px;
	font-weight: normal;
}

article .news table td
{
	background-image: url(../images/line_news.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 16px;
	padding-left: 10px;
}

article .news table td a
{
	font-size: 18px;
	color: #000;
}

article .news .link_btn
{
	text-align: center;
}


/* PCのみ設定  768 以上*/
@media screen and (min-width:768px)
{
#eyecatch
{
	overflow: visible;
	width: auto;
	text-align: left;
	padding-left: 80px;

	margin-bottom: 30px;
}

#h2_area .sns
{
	padding-top: 200px;
}

article .about
{
	margin-top: 0px;
	padding-top: 0px;
}


article .about_box
{
	width: 1700px;
	margin-right: auto;
	margin-left: auto;
}

article .about .body
{
	width: 1050px;
}

article .about .body .text
{
	float: left;
	width: 540px;
	padding-top: 30px;
}

article .about dl
{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

article .about dl dt
{
	display: table-cell;
	width: 320px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

article .lineup dl dt:nth-child(4n-1)
{
	padding-top: 60px;
}

article .about dl dd
{
	display: table-cell;
	margin: 0px;
	padding: 0px;
}


article .lineup .body
{
	width: 1300px;
}

article .lineup .body
{
	text-align: center;
}


article .lineup dl
{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

article .lineup dl dt
{
	display: table-cell;
	width: 304px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

article .lineup dl dd
{
	display: table-cell;
	margin: 0px;
	padding: 0px;
}

article .recipe .body
{
	text-align: center;
	width: 1050px;
}


article .recipe dl
{
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}

article .recipe dl dt
{
	display: table-cell;
	width: 330px;
	margin: 0px;
	vertical-align: top;
	padding: 0px;
}

article .recipe dl dd
{
	display: table-cell;
	margin: 0px;
	padding: 0px;
	width: auto;
}

article .recipe dl dd:last-child
{
	width: auto;
}

article .recipe dl dd:nth-child(6n)
{
	display: table-row;
	height: 20px;
}


article .youtube .body
{
	width: 900px;
}


article .youtube dl
{
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;

}

article .youtube dl dt
{
	display: table-cell;
	width: auto;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

article .youtube dl dd
{
	display: table-cell;
	width: 30px;
	margin: 0px;
	padding: 0px;
}

article .banner .body
{
	width: 1050px;
}


article .banner dl
{
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

article .banner dl dt,
article .banner dl dd
{
	display: table-cell;
	width: auto;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

article .banner dl dt
{
	width: 740px;
}

article .banner dl dd ul
{
	display: block;
	margin: 0px;
	padding: 0px;
}

article .banner dl dd ul li
{
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
}

article .news .body
{
	width: 740px;
}




}

/* タブレットレイアウト : 768 px 〜 959 px*/
@media screenand (max-width:959px)
{



}

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

article .lineup .body h2,
article .recipe .body h2,
article .news .body h2
{
	font-size: 26px;
}

article .about .body .text
{
	margin-bottom: 30px;
	background-image: url(../images/bg_about_01.png);
	background-repeat: no-repeat;
	background-position: center center;
}

article .about .body .text p
{
	text-shadow: white 1px 1px 2px, white -1px 1px 2px,white 1px -1px 2px, white -1px -1px 2px;
}

article .about_box
{
	background-image: none;
}

article .about dl,
article .youtube dl
{
	margin: 0px;
	padding: 0px;
	display: block;
}

article .about dl dt,
article .youtube dl dt
{
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

article .about dl dd,
article .youtube dl dd,
{
	display:none;
}


article .lineup #lineup_slide ul li .photo
{
	display: block;
	text-align: right !important;
	padding: 0px;
	list-style-type: none;
	width: 230px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

article .lineup dl,
article .recipe dl
{
	display: inline-table;
	table-layout: fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

article .lineup dl dt,
article .recipe dl dt
{
	display: table-cell;
	width: 49%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;

}

article .lineup dl dd,
article .recipe dl dd
{
	display: table-cell;
	margin: 0px;
	padding: 0px;
	width: auto;
}

article .lineup dl dd:nth-child(4n),
article .recipe dl dd:nth-child(4n)
{
	display: table-row;
	height: 10px;
}


article .youtube
{
	padding-top: 50px;
}

article .youtube dl dt
{
	text-align: center;
}

article .youtube dl dt p
{
	text-align: justify;
}

article .banner dl
{
	display: block;
	margin: 0px;
	padding: 0px;
}

article .banner dl dt,
article .banner dl dd
{
	display: block;
	margin: 0px;
	padding: 0px;
}


article .banner dl dd ul
{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;

}

article .banner dl dd ul li
{
	list-style-type: none;
	display: table-cell;
	margin: 0px;
	padding: 0px;
	vertical-align: top;

}

article .banner dl dd ul
{
	display: block;
	width: auto;
	margin: 0px;
	padding: 0px;

}

article .banner dl dd ul li
{
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
}



article .news table
{
	width: 100%;
}

article .news table th
{
	width: auto;
	display: block;
	background-image: none;
	padding-bottom: 0px;
}

article .news table td
{
	display: block;
	padding-top: 0px;
}


}