@charset "utf-8";
/*----------------------------------------------------
	                 common
------------------------------------------------------*/
#pager {
	position: relative;
}
#pager .page-numbers.prev{
	position: absolute;
	left: 0;
}
#pager .page-numbers.next{
	position: absolute;
	right: 0;
}
/*----------------------------------------------------
	                 home
------------------------------------------------------*/
#home #mainVisual {
    width: 100%;
    height: 480px;
    padding: 10px 0 20px;
    background: url(../img/common/bg_orange.png) #ffb43c;
}
/*slider*/
#home .wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#home .wideslider ul,
#home .wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
#home .wideslider ul li .img_area {
    width: 100%;
	height: 448px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	display: none;
}
#home .wideslider_base {
    top: 0;
    position: absolute;
}
#home .wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
}
#home .pagination {
    margin: 25px auto 0 0;
}
#home .slider_prev,
#home .slider_next {
	height: 448px!important;
	width: 39px!important;
	background-size: 39px 35px;
}
#home #profArea{
	margin-bottom: 70px;
}
#home #profImgArea{
	height: 100px;
}
#home #profArea #profTit{
	margin: 45px 20px 40px 0;
}
#home #profArea .btnDetail{
	margin: 70px 0 40px 0;
}
#home #profTit img{
	width: 159px;
}
#home #profArea #profPh{
	width: 286px;
	height: 230px;
	float: right;
	margin-top: -150px;
}
#home #profArea .txtArea{
	width : 50% ;
	width : -webkit-calc(100% - 310px) ;
	width : calc(100% - 310px) ;
}
#home #profArea #profTit,
#home #profArea .txtArea{
	float: left;
}
#home #profArea #profTit,
#home #profArea .btnDetail,
#home #profArea #profPh{
	position: static;
}
#home #profArea:after{
	content: "";
	display: block;
	clear: both;
}
#home #recipeArea{
	width: 290px;
	height: 258px;
	float: left;
	margin-right: 30px;
}
#home #recipeArea #recipeName{
	text-align: left;
}
#home #newsArea .subTit{
	font-size: 200%;
	width: 130px;
	display: inline-block;
	margin-bottom: 10px;
}
#home #newsArea .btn{
	display: inline-block;
	margin-bottom: 20px;
}
#home #newsLists .date{
	width: 7em;
}
#home #newsArea #newsLists dt{
	width: 6em;
	float: left;
	margin: 0;
	padding-top: 10px;
}
#home #newsArea #newsLists dd{
	padding: 10px 5px 10px 8em;
}
#home #newsArea p{
	display: inline-block;
	margin-bottom: 10px;
}
#home #newsArea{
	width : 50% ;
	width : -webkit-calc(100% - 350px) ;
	width : calc(100% - 350px) ;
	float: left;
	margin-top: -30px;
}
#home #newsArea{
	margin-right: 1%;
}
#home #recipeArea{
	margin-left: 1%;
}
#home #recipeNewsArea:after{content: "";display: block;clear: both;}

#home #bnLists{
	text-align: center;
}
#home .bnList{
	display: inline-block;
	margin-right: 35px;
	margin: 0 5px;
}
#home .blogList .thumArea{
	width: 100%;
	height: 0;
	padding: 35%;
}
#home .bnList:last-child{
	margin-right: none;
}
#home .bnList img{
	width: 300px;
}
#home #blogLists,
#home #bookLists{
	width: 100%;
}
#home #blogArea,
#home #booksArea{
	width: 100%;
	margin: 0 auto 30px;
}
#home .bookList .thum {
    width: 172px;
    height: 140px;
    display: block;
    background: url(../img/common/bg_books.png) no-repeat 0 0 /cover;
    position: relative;
    margin-bottom: 10px;
}
#home .bookList .thum img{
	width: auto;
	height: 90px;
}
/*----------------------------------------------------
	                 recipe
------------------------------------------------------*/
#recipe .recipeList{
	float: left;
}
#recipe #recipeLists{
	width: 600px;
	margin: 0 auto;
}
#recipe #recipeLists:after{content: "";display: block;clear: both;}
#recipe .recipeList{
	margin-right: 20px;
	margin-bottom: 20px;
}
#recipe.single .imgArea{
	width: 50%;
	margin: 0 auto 20px;
}
#recipe.single #recipeMt,
#recipe.single #recipeMake{
	width: 48%;
	float: left;
}
#recipe.single #recipeMt{
	margin-right: 2%;
}
#recipe.single #recipeMake{
	margin-left: 2%;
}
#recipe.single .makeList{
	margin-top: 10px;
}
#recipePoint{
	clear: both;
}
/*----------------------------------------------------
	                 products
------------------------------------------------------*/
#products #pointLists:after{content: ""; display: block; clear: both;}
#products .pointList{
	width: 48%;
	padding: 20px;
	margin-right: 2%;
	margin-bottom: 20px;
	float: left;
}
#products .pointList:nth-child(even){
	margin-right: 0;
}
#products .cookList{
	width: 32%;
	padding: 15px;
	margin-right: 1%;
	margin-bottom: 20px;
	float: left;
}
#products .cookList:nth-child(3n){
	margin-right: 0;
}
#products .cookTit{
	padding-bottom: 15px;
}
#products .secBox .cookTxt{
	font-size: 85%;
	margin-top: 15px;
	margin-bottom: 0;
}
#products #cookLists{
	margin-bottom: 20px;
}
#products #cookLists:after{content: ""; display: block; clear: both;}
/*----------------------------------------------------
	                 blog
------------------------------------------------------*/
#blog #blogLists{
	width: 100%;
	margin: 0 auto 0;
}
#blog .blogList {
    width: 29%;
    float: left;
	margin:0 2% 30px 2%;
}
#blog .blogList.thumArea{
	width: 100%;
	height: 0;
	padding: 35%;
}
#blog #blogLists:after{content: ""; display: block; clear: both;}
/*----------------------------------------------------
	                 book
------------------------------------------------------*/
#book .bookList{
	width: 30%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 10px 30px 10px;
}
#book .bookList .thum{
	width: 100%;
	height: 0;
	padding-bottom: 80%;
}
#book #bookLists:after{content: ""; display: block; clear: both;}