@charset "utf-8";

/* content */
.page-list-has-mv header,
.page-list header,
.page-article header{
	height:120px;
	background: #fff;
}
.page-list-has-mv header.pos_fix,
.page-list header.pos_fix,
.page-article header.pos_fix {
	height:110px;
}
.page-list main,
.page-article main{
	margin-top: 120px;
	padding: 80px 0 0;
}

.page-article main{
	border-top: #957a68 solid 1px;
}



.layout-towcolumn{
	max-width: 1200px;
	margin: 0 auto;
	font-size: 0;
}

.layout-towcolumn > section{
	display: inline-block;
	width: calc(100% - 375px);
	padding: 0 0 0 20px;
	background-color: #f8f8f8;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 1.4rem;
 }
 .layout-towcolumn > section > div{
	min-width: 0;
	padding: 0;
 }
 .layout-towcolumn > section h2{
	margin: 0 0 40px;
	padding-bottom: 30px;
	border-bottom: solid 1px #957a68;
	line-height: 1;
	font-size: 4.0rem;
	font-weight: 500;
 }
.layout-towcolumn aside{
	display: inline-block;
	width: 375px;
	padding: 0 20px 50px 40px;
	box-sizing: border-box;
	font-size: 1.4rem;
	vertical-align: top;
}

/* sub-mv-container */
.sub-mv-container{
	margin-top: 120px;
}
.sub-mv-container.type-news{
	margin-bottom: 80px;
	background: rgb(246,214,168);
    background: linear-gradient(90deg, rgba(246,214,168,1) 0%, rgba(246,214,168,1) 100%);
}
.sub-mv-container.type-whats{
	background: rgb(169,212,173);
	background: linear-gradient(90deg, rgba(169,212,173,1) 0%, rgba(167,207,166,1) 100%);
}
.sub-mv-container.type-recipe{
	background: rgb(234,225,188);
	background: linear-gradient(90deg, rgba(234,225,188,1) 0%, rgba(234,223,187,1) 100%);
}
.sub-mv-container.type-column{
	background: rgb(204,232,242);
    background: linear-gradient(90deg, rgba(204,232,242,1) 0%, rgba(201,231,241,1) 100%);
}
.sub-mv-container div{
	display: table;
	height: 458px;
	width: 100%;
}
.sub-mv-container div h1{
	display: table-cell;
	width: 50%;
	padding-left: 100px;
	vertical-align: middle;
}
.sub-mv-container div h1 > span{
	display: inline-block;
	text-align: center;
}
.sub-mv-container div h1 > span span{
	display: block;
	margin-top:20px;
}
.sub-mv-container div figure{
	display: table-cell;
	width: 50%;
	text-align: right;
	vertical-align: middle;
}
.sub-mv-container figure img{
	height: 458px;
}
.sub-mv-container.type-news h1 img{
	width: 180px
}
.sub-mv-container.type-whats h1 {
	color:#fff;
}
.sub-mv-container.type-whats h1 svg{
	width: 210px
}

.sub-mv-container.type-whats h1 svg path,
.sub-mv-container.type-whats h1 svg polygon{
	fill: #fff;
	stroke-width: 0px !important;
}
.sub-mv-container.type-recipe h1 img{
	width: 225px
}
.sub-mv-container.type-column h1 img{
	width: 240px
}
/* article-header */
.article-header{
	padding: 80px 0;
	background-color: #f8f8f8;
}
.article-header .txt-summary{
	font-size: 2.2rem;
}
.layout-towcolumn.type-whats-list,
.layout-towcolumn.type-column-list,
.layout-towcolumn.type-recipe-top{
	margin-top: 75px;
	padding-bottom: 95px;
}
.layout-towcolumn .text-lead{
	padding-bottom:30px;
	font-size:1.8rem;
}
.layout-towcolumn.type-column-list h2,
.layout-towcolumn.type-recipe-top h2{
	padding-bottom: 20px;
	font-size: 2.8rem;
}

.layout-towcolumn .btn-container{
	margin-top: 40px;
	text-align: center;
}
/* recipe-top-list1 */
.layout-towcolumn .recipe-top-list1{
	padding: 0 0 120px;

}

.layout-towcolumn .recipe-top-list1 li{
	position: relative;
}
.layout-towcolumn .recipe-top-list1 a{
	display: block;
}
.layout-towcolumn .recipe-top-list1 a:hover figure{
	opacity: 0.7;
	text-decoration: none;
}
.layout-towcolumn .recipe-top-list1 a.link-img{
	position:absolute;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 380px;
	height: 380px;
	padding: 0;
}
.layout-towcolumn .recipe-top-list1 a.link-img div.box-img{
	width: 380px;
	padding: 0;
}
.layout-towcolumn .recipe-top-list1 div.box-txt-detail{
	min-height: 380px;
	padding-left: 430px;
}
.layout-towcolumn .recipe-top-list1 a div figure{
	position: relative;
	overflow: hidden;
	display: block;
	width: 380px;
	height: 380px;
}

.layout-towcolumn .recipe-top-list1 a div figure img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}
.layout-towcolumn .recipe-top-list1 h3{
	padding: 0 0 50px;
	font-size: 2.2rem;
}
.layout-towcolumn .recipe-top-list1 p{
	line-height: 1.4;
	font-size: 1.8rem;
}
.layout-towcolumn .recipe-top-list1 li > div{
	margin-top: 20px;
}
.layout-towcolumn .recipe-top-list1 a.tag{
	display: inline-block;
}

/* recipe-top-list2 */
.layout-towcolumn .recipe-top-list2{
	padding-bottom: 80px;
	font-size: 0;
}
.layout-towcolumn .recipe-top-list2 li{
	display: inline-block;
	width: calc((100% - 30px) /2);
	margin: 0 30px 40px 0;
	vertical-align: top;
}
.layout-towcolumn .recipe-top-list2 li:nth-child(2n){
	margin-right: 0;
}
.layout-towcolumn .recipe-top-list2 li a{
	display: block;
}
.layout-towcolumn .recipe-top-list2 li a:hover figure{
	opacity: 0.7;
	text-decoration: none;
}
.layout-towcolumn .recipe-top-list2 li figure{
	position: relative;
	width:100%;
	height: 362px;
}
.layout-towcolumn .recipe-top-list2 li figure img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}
.layout-towcolumn .recipe-top-list2 li h3{
	margin-top: 30px;
	font-size: 2.2rem;
}
.layout-towcolumn .recipe-top-list2 li p{
	margin-top: 20px;
	font-size: 1.8rem;
}
.layout-towcolumn .recipe-top-list2 li > div{
	padding-top: 20px;
	font-size: 0;
}
.layout-towcolumn .recipe-top-list2 li > div a.tag{
	display: inline-block;
	margin-bottom: 10px;
}
/* recipe-list */
.layout-towcolumn .recipe-list{
	font-size: 0;
}
.layout-towcolumn .recipe-list li{
	display: inline-block;
	width: calc((100% - 60px) / 3);
	margin: 0 30px 25px 0;
	vertical-align: top;
	font-size: 1.6rem;
}
.layout-towcolumn .recipe-list li:nth-child(3n){
	margin: 0 0 25px;
}
.layout-towcolumn .recipe-list li a{
	display: block;
}
.layout-towcolumn .recipe-list li a:hover figure{
	opacity: 0.7;
	text-decoration: none;
}
.layout-towcolumn .recipe-list li figure{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.layout-towcolumn .recipe-list li img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}
.layout-towcolumn .recipe-list li h3{
	padding: 15px 0;
	font-size: 1.8rem;
	font-weight: 400;
}
.layout-towcolumn .recipe-list li div div{
	font-size: 0;
}
.layout-towcolumn .recipe-list li a.tag{
	display: inline-block;
	margin-bottom: 5px;
}

/* whats-list */
.layout-towcolumn .whats-list{
	padding-bottom: 30px;
}
.layout-towcolumn .whats-list li{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: #957a68 solid 1px;

}
.layout-towcolumn .whats-list li:last-child{
	margin-bottom:0;
	padding-bottom: 0;
	border:none;
}
.layout-towcolumn .whats-list li img{
	width: 100%;
}
.layout-towcolumn .whats-list li a{
	display: block;
}
.layout-towcolumn .whats-list li a:hover figure{
	opacity: 0.7;
	text-decoration: none;
}
.layout-towcolumn .whats-list li h3{
	margin-top: 40px;
	font-size: 2.2rem;
}
.layout-towcolumn .whats-list li p{
	margin-top: 30px;
	font-size: 1.8rem;
	display: -webkit-box;
	overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*  news-list-select  */
.layout-towcolumn .news-list-select{
	padding-bottom: 30px;
	border-bottom: solid 1px #957a68;
	text-align: right;
}
.layout-towcolumn .news-list-select > div{
	position: relative;
	display: inline-block;
}
.layout-towcolumn .news-list-select > div::after,
.layout-towcolumn .news-list-select > div::before{
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 1px;
	margin-top: 2px;
	background-color:#957a68;
	content:"";
}
.layout-towcolumn .news-list-select > div::before{
	margin-right: 4px;
	transform: rotate(45deg);
}
.layout-towcolumn .news-list-select > div::after{
	margin-right: -3px;
	transform: rotate(-45deg);
}
.layout-towcolumn .news-list-select select{
	appearance: none;
	width: 220px;
	height: 48px;
	border: solid 1px #957a68;
	text-align: center;
}
/*  news-list  */
.layout-towcolumn .news-list{
	margin-top: 60px
}
.layout-towcolumn .news-list li{
	padding: 30px;
	margin-bottom: 25px;
	background-color: #fff;
	font-size:2.2rem;
}
.layout-towcolumn .news-list li:last-child{
	margin: 0;
}
.layout-towcolumn .news-list li a{
	display: block;
}
.layout-towcolumn .news-list li a:hover{
	opacity: 0.7;
	text-decoration: none;
}
.layout-towcolumn .news-list li .txt-date{
	display: block;
	text-align: right;
	font-size: 1.4rem;
}
.layout-towcolumn .news-list p{
	margin-bottom: 10px;
}

/*   column-main-list   */
.layout-towcolumn.type-column-list li a{
	display: block;
}
.layout-towcolumn.type-column-list li a:hover figure{
	opacity: 0.7;
	text-decoration: none;
}
.layout-towcolumn.type-column-list .column-main-list li{
	position:relative;
}
.layout-towcolumn.type-column-list .column-main-list{
	margin-bottom: 90px;
}
.layout-towcolumn.type-column-list .column-main-list h2{
	margin: 35px 0;
	padding: 0;
	border:none;
	line-height: 1.2;
	font-size: 2.2rem;
}
.layout-towcolumn.type-column-list .column-main-list figure{
	margin-bottom: 35px;
}
.layout-towcolumn.type-column-list .column-main-list img{
	width: 100%;
}
.layout-towcolumn.type-column-list .column-main-list label{
	display: inline-block;
	width: 155px;
	height: 30px;
	margin: 0 15px 0 0;
	background-color: #957a68;
	color:#fff;
	text-align: center;
	line-height: 30px;
	font-size: 1.4rem;
}
.layout-towcolumn.type-column-list .column-main-list p{
	font-size: 1.8rem;
	display: -webkit-box;
	overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.layout-towcolumn.type-column-list .column-main-list li > div{
	margin-top: 25px;
}
.layout-towcolumn.type-column-list .column-main-list li a.tag{
	margin-bottom: 5px;
}
.layout-towcolumn .txt-entry-date{
	display: block;
	padding-bottom: 15px;
	text-align: right;
	font-size: 1.4rem;
}
.layout-towcolumn.type-column-list li a:hover{
	text-decoration: none;;
}
.layout-towcolumn.type-column-list li a:hover h2{
	text-decoration: underline;
}
.layout-towcolumn.type-column-list li a:hover p{
	opacity: 0.8;
}
.layout-towcolumn.type-column-list li a.tag{
	display: inline-block;
}
/*   .column-list  */
.layout-towcolumn.type-column-list .column-list {
	margin: 0 0 60px;
}

.layout-towcolumn.type-column-list .column-list li{
	position: relative;
	min-height: 380px;
	margin: 0 0 45px;
	padding-left:410px;
}
.layout-towcolumn.type-column-list .column-list li:last-child{
	margin: 0;
}
.layout-towcolumn.type-column-list .column-list li > div:first-child{
	position: absolute;
	top:0;
	left: 0;
	width: 380px;
	height: 380px;
}

.layout-towcolumn.type-column-list .column-list li figure{
	overflow: hidden;
	position: relative;
	width: 380px;
	height: 380px;
}
.layout-towcolumn.type-column-list .column-list figure img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}
.layout-towcolumn.type-column-list .column-list h2{
	margin: 35px 0;
	padding: 0;
	border:none;
	line-height: 1.6;
	font-size: 1.8rem;
}
.layout-towcolumn.type-column-list .column-list label{
	display: inline-block;
	width: 155px;
	height: 30px;
	margin: 0 15px 0 0;
	background-color: #957a68;
	color:#fff;
	text-align: center;
	line-height: 30px;
	font-size: 1.4rem;
}
.layout-towcolumn.type-column-list .column-list p{
	display: -webkit-box;
	overflow: hidden;
	margin-bottom: 25px;
	font-size: 1.6rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.layout-towcolumn.type-column-list .column-list a.tag{
	display: inline-block;
	margin-bottom: 5px;
}
.layout-towcolumn.type-column-list .column-list a:hover {
	text-decoration: none
}
.layout-towcolumn.type-column-list .column-list a:hover h2{
	text-decoration: underline
}
.layout-towcolumn.type-column-list .column-list a:hover p{
	opacity: 0.8;
}

/* type-recipe-details */
.layout-towcolumn.type-recipe-details section h1{
	margin-bottom: 30px;
	padding: 0;
	border: none;
	line-height: 1.2;
	font-size: 2.4rem;
}

.layout-towcolumn.type-recipe-details section h2{
	margin-bottom: 30px;
	padding: 0 0 15px;
	border-bottom: solid 1px #957a68;
	font-size: 2.0rem;
}
.layout-towcolumn.type-recipe-details .text-exp{
	padding-bottom:30px;
	font-size: 1.8rem;
}
/* box-recipe-images */
.layout-towcolumn.type-recipe-details .box-recipe-images{
	position: relative;
	margin-bottom: 60px;
	padding-left: 410px;
}
.layout-towcolumn.type-recipe-details .box-recipe-images > div:first-child{
	position: absolute;
	top:0;
	left: 0;
	width: 370px;
	height: 370px;
}
.layout-towcolumn.type-recipe-details .box-recipe-images  figure{
	overflow: hidden;
	position: relative;
	width: 370px;
	height: 370px;
}
.layout-towcolumn.type-recipe-details .box-recipe-images figure img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}

/* box-nutrition-information */
.layout-towcolumn.type-recipe-details .box-nutrition-information{
    min-height: 370px;
	font-size: 1.6rem;
}
.layout-towcolumn.type-recipe-details .box-nutrition-information a{
	display: inline-block;
	min-width: 90px;
	margin-right: 15px;
	padding: 3px 15px;
	border: solid 1px #957a68;
	line-height: 1;
	text-align: center;
}

.layout-towcolumn.type-recipe-details .box-nutrition-information a:hover{
	opacity: 0.7;
	color:#fff;
	background: #957a68;
	text-decoration: none;
}
.layout-towcolumn.type-recipe-details .box-nutrition-information .txt-time{
	display: inline-block;
	vertical-align: middle;
}

.layout-towcolumn.type-recipe-details .box-nutrition-information .nutrition-table{
	position: relative;
	width: 100%;
	min-height: 328px;
	margin-top: 15px;
	padding: 60px 30px 30px;
	background: #f0ece9;
}

.layout-towcolumn.type-recipe-details .box-nutrition-information .nutrition-table .nutrition-table-label{
	position: absolute;
	top: 20px;
	left:30px;
	text-align: left;
}
.layout-towcolumn.type-recipe-details .box-nutrition-information .nutrition-table .nutritional_item{
	display: table;
	width: 100%;
	margin-bottom:10px;
}
.layout-towcolumn.type-recipe-details .box-nutrition-information .nutritional_item p{
	display: table-cell;
	width: 50%;
}

.layout-towcolumn.type-recipe-details .box-nutrition-information .nutritional_item p:last-child{
	padding-left: 15px;
	text-align: right;
}
/* box-ingredient_information_layout */
.ingredient_information_layout{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 90px;
}
.ingredient_information_layout > div{
	display: table-cell;
	vertical-align: top;
	font-size: 0;
}
.ingredient_information_layout > div:first-child{
	padding-left: 30px;
	padding-right: 30px;
}
.ingredient_information_layout > div:last-child{
   padding-left: 30px;
}
.ingredient_information_layout div div{
	position: relative;
	margin-bottom: 20px;
}
.ingredient_information_layout table:last-child{
	margin-bottom: 0;
}
.ingredient_information_layout div.group_a::before,
.ingredient_information_layout div.group_b::before,
.ingredient_information_layout div.group_c::before,
.ingredient_information_layout div.group_d::before,
.ingredient_information_layout div.group_e::before{
	position: absolute;
	top:0;
	left: -8px;
	width: 2px;
	height: 100%;
	background-color: #957a68;
	content: "";
}
.ingredient_information_layout div.group_a::after,
.ingredient_information_layout div.group_b::after,
.ingredient_information_layout div.group_c::after,
.ingredient_information_layout div.group_d::after,
.ingredient_information_layout div.group_e::after{
	position: absolute;
	top:50%;
	left: -30px;
	margin-top: -8px;
	font-size: 1.6rem;
}
.ingredient_information_layout div.group_a::after{
	content: "A";
}
.ingredient_information_layout div.group_b::after{
	content: "B";
}
.ingredient_information_layout div.group_c::after{
	content: "C";
}
.ingredient_information_layout div.group_d::after{
	content: "D";
}
.ingredient_information_layout div.group_e::after{
	content: "E";
}

.ingredient_information_layout div.group_a .ingredients_item:first-child::before,
.ingredient_information_layout div.group_a .ingredients_item:last-child::after,
.ingredient_information_layout div.group_b .ingredients_item:first-child::before,
.ingredient_information_layout div.group_b .ingredients_item:last-child::after,
.ingredient_information_layout div.group_c .ingredients_item:first-child::before,
.ingredient_information_layout div.group_c .ingredients_item:last-child::after,
.ingredient_information_layout div.group_d .ingredients_item:first-child::before,
.ingredient_information_layout div.group_d .ingredients_item:last-child::after,
.ingredient_information_layout div.group_e .ingredients_item:first-child::before,
.ingredient_information_layout div.group_e .ingredients_item:last-child::after{
	position: absolute;
	left: -8px;
	width: 10px;
	height: 2px;
	background-color: #957a68;
	content: "";
}
.ingredient_information_layout div.group_a .ingredients_item:first-child::before,
.ingredient_information_layout div.group_b .ingredients_item:first-child::before,
.ingredient_information_layout div.group_c .ingredients_item:first-child::before,
.ingredient_information_layout div.group_d .ingredients_item:first-child::before,
.ingredient_information_layout div.group_e .ingredients_item:first-child::before{
	top: -2px;
}
.ingredient_information_layout div.group_a .ingredients_item:last-child::after,
.ingredient_information_layout div.group_b .ingredients_item:last-child::after,
.ingredient_information_layout div.group_c .ingredients_item:last-child::after,
.ingredient_information_layout div.group_d .ingredients_item:last-child::after,
.ingredient_information_layout div.group_e .ingredients_item:last-child::after{
	bottom: 0;
}
.ingredient_information_layout .ingredients_item{
	display: table;
	width: 100%;
	max-width: 800px;
	margin-bottom: 10px;
}
.ingredient_information_layout .ingredients_item p{
	display: table-cell;
	position: relative;
	padding-bottom: 10px;
	vertical-align: top;
	line-height: 1.4;
	font-size: 1.6rem;
}
.ingredient_information_layout .ingredients_item .ingredients_name{
	padding-left: 25px;
}
.ingredient_information_layout .ingredients_item .ingredients_name:before{
	position: absolute;
	top: 0;
	left: 0;
	color:#e0d7d0;
	font-size: 1.6rem;
	content:"■"
}
.ingredient_information_layout .ingredients_item .ingredients_amount{
	width: 40%;
	padding-left: 15px;
	text-align: right;
}

/* list-howto-make */
.layout-towcolumn.type-recipe-details  .list-howto-make{
	margin-bottom: 90px;
}
.layout-towcolumn.type-recipe-details  .list-howto-make .recipe_hoiwto_item{
	position: relative;
	padding: 30px 0 30px 50px;
	border-bottom: dashed 1px #957a68;
	font-size: 0;
}
.layout-towcolumn.type-recipe-details  .list-howto-make .recipe_hoiwto_item p a{
	text-decoration:underline;
}

.layout-towcolumn.type-recipe-details  .list-howto-make .recipe_hoiwto_item:first-child{
	padding-top: 0;
}
.layout-towcolumn.type-recipe-details  .list-howto-make .recipe_hoiwto_item:before{
	position: absolute;
	top:35px;
	left: 0;
	width:30px;
	height: 30px;
	background-color: #957a68;
	color:#fff;
	line-height: 30px;
	text-align: center;
	font-size: 2.0rem;
	content:"1";
}
.layout-towcolumn.type-recipe-details  .list-howto-make .recipe_hoiwto_item:first-child::before{
	top:5px;
}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_2::before{content :"2";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_3::before{content :"3";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_4::before{content :"4";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_5::before{content :"5";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_6::before{content :"6";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_7::before{content :"7";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_8::before{content :"8";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_9::before{content :"9";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_10::before{content :"10";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_11::before{content :"11";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_12::before{content :"12";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_13::before{content :"13";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_14::before{content :"14";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_15::before{content :"15";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_16::before{content :"16";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_17::before{content :"17";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_18::before{content :"18";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_19::before{content :"19";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_20::before{content :"20";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_21::before{content :"21";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_22::before{content :"22";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_23::before{content :"23";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_24::before{content :"24";}
.layout-towcolumn.type-recipe-details .list-howto-make .recipe_hoiwto_item.item_25::before{content :"25";}

.layout-towcolumn.type-recipe-details  .list-howto-make .recipe_hoiwto_item p{
	display: inline-block;
	width: 100%;
	padding-right:0;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 1.6rem;
}
.layout-towcolumn.type-recipe-details  .list-howto-make .recipe_hoiwto_item.has-img p,
.layout-towcolumn.type-recipe-details  .list-howto-make .recipe_hoiwto_item.has-img figure{
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	vertical-align: top;
}
.layout-towcolumn.type-recipe-details  .list-howto-make .recipe_hoiwto_item.has-img p.txt-exp{
	width: calc((100% - 200px));
	height: auto;
	padding-right:20px;
}
.layout-towcolumn.type-recipe-details  .list-howto-make .recipe_hoiwto_item.has-img img{
	position: absolute;
	width: 100%;
	height: 100% !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}

/* box-footage  */
.layout-towcolumn.type-recipe-details .box-footage{
	display: table;
	width: 100%;
	margin-bottom: 90px;
	padding: 20px;
	border: solid 1px #957a68;
	background: #fff;
}
.layout-towcolumn.type-recipe-details .box-footage figure{
	display: table-cell;
	width: 240px;
	text-align: center;
	vertical-align: middle;
}
.layout-towcolumn.type-recipe-details .box-footage figure img{
	max-width: 180px;
}
.layout-towcolumn.type-recipe-details .box-footage p{
	display: table-cell;
	padding: 0;
	vertical-align: middle;
}
.layout-towcolumn.type-recipe-details .box-footage p a{
	text-decoration:underline;
}
.layout-towcolumn.type-recipe-details .box-footage.attach_bg{
	padding-left: 180px;
	min-height: 120px;
	background: #fff url(../img/box-footagelogo.png) no-repeat 30px center scroll;
	background-size: 90px auto;
}




/* type-news-detail  && type-whats-detail && type-column-details*/

.layout-towcolumn.type-column-details section,
.layout-towcolumn.type-whats-detail section, 
.layout-towcolumn.type-news-detail section{
	padding-bottom: 80px;
}
.layout-towcolumn.type-column-details section h1,
.layout-towcolumn.type-whats-detail section h1,
.layout-towcolumn.type-news-detail section h1{
	margin-bottom: 50px;
	padding: 0;
	border: none;
	font-size: 2.8rem;
	font-weight: 600;
}
.layout-towcolumn.type-column-details section h2{
	margin-top: 50px;
	margin-bottom: 40px;
	padding: 8px 10px;
	border: none;
	font-size: 2.2rem;
	font-weight: 600;
	background: #e0d7d0;
}
.layout-towcolumn.type-whats-detail section h2,
.layout-towcolumn.type-news-detail section h2{
	margin-top: 50px;
	margin-bottom: 40px;
	padding: 0;
	border: none;
	font-size: 2.2rem;
	font-weight: 600;
}

.layout-towcolumn.type-column-details section h3{
	position: relative;
	margin-top: 25px;
	padding: 0 0 0 12px;
	margin-bottom: 20px;
	font-size: 2.0rem;
	font-weight: 600;
}
.layout-towcolumn.type-column-details section h3:before{
	position: absolute;
	left: 0;
	top: 5px;
	width: 7px;
	height: 24px;
	background-color: #e0d7d0;
	content: "";
}
.layout-towcolumn.type-whats-detail section h3,
.layout-towcolumn.type-news-detail section h3{
	margin-top: 25px;
	padding: 0;
	margin-bottom: 20px;
	font-size: 2.0rem;
	font-weight: 600;
}

.layout-towcolumn.type-column-details section figure,
.layout-towcolumn.type-whats-detail section figure,
.layout-towcolumn.type-news-detail section figure{
	margin-bottom: 40px;
}

.layout-towcolumn.type-column-details section figcaption,
.layout-towcolumn.type-whats-detail section figcaption,
.layout-towcolumn.type-news-detail section figcaption{
	font-size: 1.4rem;
}

.layout-towcolumn.type-column-details section img,
.layout-towcolumn.type-whats-detail  section img,
.layout-towcolumn.type-news-detail section img{
	max-width: 100%;
	margin-bottom: 10px;
}
.layout-towcolumn .box_img_fit_manual{
	/*text-align: center;*/
}
.layout-towcolumn .box_img_fit figure{
	display: block !important;
	width: 100% !important;
}
.layout-towcolumn .box_img_fit img{
	width: 100% !important;
}



.layout-towcolumn.type-column-details section p,
.layout-towcolumn.type-whats-detail section p,
.layout-towcolumn.type-news-detail section p{
	margin-bottom: 25px;
	font-size: 1.8rem;
}

/* type-column-details */
.layout-towcolumn.type-column-details .box-header-infornmation{
	margin-bottom: 40px;
}
.layout-towcolumn.type-column-details .box-header-infornmation label{
	display: inline-block;
	width: 155px;
	height: 30px;
	margin: 0 15px 0 0;
	background-color: #957a68;
	color:#fff;
	text-align: center;
	line-height: 30px;
	font-size: 1.5rem;
}



.layout-towcolumn.type-column-details .box-header-author{
	min-height:120px;
	position: relative;
	margin-bottom: 25px;
	padding: 0 0 25px 125px;
	border-bottom: #957a68 1px solid;
}
.layout-towcolumn.type-column-details .box-footage-author{
	min-height:120px;
	position: relative;
	margin: 50px 0 90px;
	padding: 0 0 0 125px;
}
.layout-towcolumn.type-column-details .box-header-author > div:first-child,
.layout-towcolumn.type-column-details .box-footage-author > div:first-child{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
}
.layout-towcolumn.type-column-details .box-header-author figure,
.layout-towcolumn.type-column-details .box-footage-author figure{
	overflow: hidden;
	position: relative;
	width: 100px;
	height: 100px;
	text-align: center;
}
.layout-towcolumn.type-column-details .box-header-author img,
.layout-towcolumn.type-column-details .box-footage-author img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}
.layout-towcolumn.type-column-details .box-header-author > div:last-child{
	padding-top: 30px;
	font-size:1.6rem;
}
.layout-towcolumn.type-column-details .box-footage-author p{
	font-size:1.4rem;
}

.layout-towcolumn.type-column-details .box-footage-author p span{
	font-size:1.6rem;
}

/* box-dot-list */
.layout-towcolumn .box-dot-list{
	margin: 70px 0;
	padding: 30px 0 30px 20px;
	border-top: solid #957a68 1px;
	border-bottom: solid #957a68 1px;
}
.layout-towcolumn .box-dot-list label{
	display:  inline-block;
	padding: 3px 40px;
	background-color: #e0d7d0;
	line-height: 1;
	font-size: 1.8rem;
}
.layout-towcolumn .box-dot-list ul{
	margin: 20px 0 0;
}
.layout-towcolumn .box-dot-list ul ul{
	margin: 10px 0 0;
}
.layout-towcolumn .box-dot-list li{
	position: relative;
	margin: 10px 0 0;
	padding: 0 0 0 25px;
	line-height: 1.4;
	font-size: 1.6rem;
}
.layout-towcolumn .box-dot-list li::before{
	position: absolute;
	top:0;
	left: 0;
	color: #e0d7d0;
	content: "●";
}
.layout-towcolumn .box-dot-list li li{
	padding: 0 0 0 20px;
}
.layout-towcolumn .box-dot-list li li::before{
	position: absolute;
	top: 3px;
	left: 0;
	width: 6px;
	height: 18px;
	background-color: #e0d7d0;
	content: "";
}
.layout-towcolumn .box-footage-dot-list{
	margin: 60px 0 0;
	padding: 15px 25px;
	border: #957a68 solid 1px;
	background: #fff;
	font-size: 1.4rem;
}
.layout-towcolumn .box-footage-dot-list label{
	display: block;
	margin:  0 0 10px;
}
.layout-towcolumn .box-footage-dot-list .box-footage-dot-item{
	position: relative;
	margin: 4px 0 0;
	padding: 0 0 0 20px;
	font-size: 1.4rem;
}
.layout-towcolumn .box-footage-dot-list .box-footage-dot-item::before{
	position: absolute;
	top:0;
	left: 0;
	color: #e0d7d0;
	content: "●";
}
.layout-towcolumn .box-footage-dot-list .box-footage-dot-item p{
	margin: 0;
	padding:0;
	font-size: 1.4rem;
}
.layout-towcolumn .box-footage-dot-list .box-footage-dot-item a{
	text-decoration: underline;

}

/* box-search-tags */
.box-search-tags{
	margin-top: 90px;
}
.box-search-tags h4{
	margin: 0 !important;
	text-align: center;
	font-size: 2.0rem;
	font-weight: 600;
}
.box-search-tags ul{
	margin-top: 40px;
	text-align: center;
	font-size: 0;
}
.box-search-tags ul li{
	display: inline-block;
	margin: 0 4px 15px;
	vertical-align: top;
}

/* box-read-togetger-list */
.box-read-togetger-list{
	margin-top: 160px !important;
	padding: 0 0 90px !important;
}

.type-column-details .box-read-togetger-list,
.type-recipe-details .box-read-togetger-list {
	margin-top: 80px !important;
}
.box-read-togetger-list h4{
	position: relative;
	padding: 0 0 5px 15px;
	border-bottom: solid 1px #957a68;
	font-size: 2.0rem;
}
.box-read-togetger-list h4::before{
	position: absolute;
	top:0;
	left: 0;
	width: 4px;
	height: 30px;
	background-color: #957a68;
	content:"";
}
.box-read-togetger-list ul{
	margin-top: 30px;
	font-size: 0;
}
.box-read-togetger-list li{
	display: inline-block;
	width: calc((100% - 60px) / 3);
	margin: 0 30px 0 0;
	vertical-align: top;
}
.box-read-togetger-list li:last-child{
	margin: 0;
}
.box-read-togetger-list > div > a{
	display: block;
}
.box-read-togetger-list li a:hover{
	opacity: 0.7;
	text-decoration: none;
}
.box-read-togetger-list figure{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 200px;
	margin: 0 !important;
	text-align: center;
}
.box-read-togetger-list  figure img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}
.box-read-togetger-list .txt-date{
	display: block;
	margin-bottom: 5px;
	font-size: 1.4rem;
}
.box-read-togetger-list a > div,
.box-read-togetger-list  h5{
	margin: 10px 0 0;
}
.box-read-togetger-list h5{
	font-size: 1.8rem;
	font-weight: 400;
}
.box-read-togetger-list  li div div div{
	margin-top: 20px;
}
.box-read-togetger-list  li div div div a.tag{
	margin-bottom: 5px;
}
/* box-share-sns */
.box-share-sns{
	margin-top: 65px;
}

.type-column-details .box-share-sns,
.type-recipe-details .box-share-sns{
	margin-top: 0;
	padding-bottom: 120px;
}
.box-share-sns h4{
	margin: 0 !important;
	text-align: center;
	font-size: 2.0rem;
	font-weight: 600;
}
.box-share-sns ul{
	margin-top: 40px;
	text-align: center;
	font-size: 0;
}
.box-share-sns ul li{
	display: inline-block;
	margin: 0 14px;
	vertical-align: top;
}
.box-share-sns ul li img{
	width: 58px;
}
.box-share-sns ul li a:hover{
	opacity: 0.7;
}
/* aside */
aside h3{
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.2;
}
aside form{
	display: block;
}
aside form div{
	position: relative;
	margin-top: 5px;
}
aside form input[type="text"]{
	display: block;
	width: 100%;
	height: 50px;
	margin: 0;
	padding-right: 60px;
	line-height: 50px;
	border-radius: 0;
	border:none;
	box-sizing: border-box;
}
aside form input[type="submit"]{
	position: absolute;
	top: 0;
	right: 10px;
	height: 50px;
	width: 50px;
	min-width: 0;
	margin: 0;
	padding: 0;
	background: url(../img/icon_zoom-gray.svg) no-repeat center center scroll;
	background-size: 27px;
	box-shadow: none;
}
aside form input[type="submit"]:hover{
	opacity: 0.7;
}
aside .box-tags{
	margin-top: 44px;
}
aside .box-tags h3{
	margin-bottom: 17px;
	font-size: 2.2rem;
}
aside .box-tags a.tag{
	margin-bottom: 10px;
	background-color: #fff;
}
aside .link-container{
	padding-top: 15px;
	text-align: right;
}
aside .box-genre{
	margin-top: 40px;
}
aside .box-genre ul{
	margin-top: 20px;
	font-size: 0;
}
aside .box-genre ul li{
	display: inline-block;
	width: calc((100% - 30px) /2);
	margin-right: 20px;
	margin-bottom: 20px;
	border: solid 1px #957a68;
	background-color: #fff;
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
	font-size: 1.7rem;
}
aside .box-genre ul li:nth-child(2n){
	margin-right: 0;
}
aside .box-genre ul li:hover{
	opacity: 0.7;
}
aside .box-side-list{
	margin-top: 40px
}
aside .box-side-list ul{
	margin-top: 15px;
	padding:30px;
	background: #fff;
}
aside .box-side-list li{
	margin-bottom: 25px;
}
aside .box-side-list li:last-child{
	margin-bottom: 0;
}
aside .box-side-list li a{
	position: relative;
	display: block;
	width: 100%;
	min-height:100px;
	font-weight:600;
}
aside .box-side-list li a div{
	position: absolute;
	top:0;
	left:0;
	width: 100px;
	height: 100px;
}
aside .box-side-list li figure{
	overflow: hidden;
	position: relative;
	display: block;
	width: 100px;
	height: 100px;
	text-align: center;
}
aside .box-side-list li figure img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}
aside .box-side-list li .txt-container{
	position: static;
	display: flex;
	width: auto;
	height:auto;
	min-height:100px;
	align-items: center;
	padding-left: 120px;
}
aside .box-side-list li p{
	display: -webkit-box;
	overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	font-size: 1.6rem;
}
aside .box-side-list .aside-ranking li .txt-container{
	position: relative !important;
	padding-top: 30px;
}
aside .box-side-list .aside-ranking li .txt-container label{
	position: absolute;
	top:0;
	left:120px;
	display: block;
	width:40px;
	height: 25px;
	background: #957a68;
	color: #fff;
	line-height: 25px;
	text-align: center;
	font-size: 1.4rem;
}

aside .box-side-list .aside-ranking li .txt-container p{
    -webkit-line-clamp: 3;
}

aside .box-tags-notice{
	margin-bottom: 30px;
}
aside .box-tags-notice h3{
	margin-bottom: 20px;
}
aside .box-tags-notice a.tag{
	margin-bottom: 5px;
}
/* type-news-list */
.type-recipe-top aside .box-tags-notice,
.type-recipe-list aside .box-tags-notice,
.type-recipe-details aside .box-tags-notice,
.type-column-details aside .box-tags,
.type-column-details aside form,
.type-column-details .box-genre,
.type-column-list aside form,
.type-column-list aside .box-tags,
.type-column-list .box-genre,
.type-whats-detail aside form,
.type-whats-detail .box-genre,
.type-whats-detail .box-tags,
.type-news-detail aside form,
.type-news-detail .box-genre,
.type-news-detail .box-tags,
.type-whats-list .box-tags,
.type-whats-list aside form,
.type-whats-list aside .box-genre,
.type-news-list aside .box-tags,
.type-news-list aside form,
.type-news-list aside .box-genre{
	display: none;
}
.type-column-details .box-pickup,
.type-column-list .box-pickup,
.type-whats-detail .box-tags,
.type-whats-detail .box-tags h3,
.type-news-detail .box-tags,
.type-news-detail .box-tags h3,
.type-whats-list .box-pickup,
.type-news-list aside .box-tags,
.type-news-list aside .box-tags h3{
	margin-top: 0;
}