@charset "utf-8";
/*  */

#products_list div.index ul::after {
	  content: ""; clear: both; display: block;
	  }

#products_list div.index ul li {
	position: relative;
	float: left;
	width: 50%;
	margin-bottom: 0px;
	background: none;
}


#products_list div.index ul li a {
	display: block;
	width: 100%;
	height: 360px;
	text-decoration: none;
	background: center top no-repeat #f2f5f7;
/*background-size: auto 160px; */
}

#products_list div.index ul li:nth-child(even) a {
	display: block;
	width: 100%;
	height: 360px;
	text-decoration: none;
	background: center top no-repeat #e5ebee;
/*background-size: auto 160px; */
}

#products_list div.index ul li a:hover {
/*	background: center top no-repeat #e0e7eb;
background-size: auto 160px; 
*/    opacity: 0.75 ;
    transition: 0.5s ;

}

#products_list div.index ul li a p {
	position: absolute;
	top: 250px;
	left: 0;
	padding: 0 10px 10px 10px;
	color: #4c4948;
}

#products_list div.index ul li p span {
	display: block;
}

#products_list div.index ul li p span.sub { font-size: 85%;}
#products_list div.index ul li p span.name { font-size: 100%; font-weight: bold; line-height: 1.3; margin: 5px 0;}
/*#products_list div.index ul li p span.theme_sub { font-size: 75%; line-height: 1.3; margin: 5px 0; }
*/#products_list div.index ul li p span.moret {
	display: inline-block;
	padding: 2px 10px 1px;
	background-color: #00794A;
	font-size: 60%;
	text-align: center;
	color: #ffffff;
}

#products_list div.index ul li.p01 a { background-image: url(../images/products/thumb_products_01.jpg) ; }
#products_list div.index ul li.p02 a { background-image: url(../images/products/thumb_products_02.jpg) ; }
#products_list div.index ul li.p03 a { background-image: url(../images/products/thumb_products_03.jpg) ; }
#products_list div.index ul li.p04 a { background-image: url(../images/products/thumb_products_04.jpg) ; }
#products_list div.index ul li.p05 a { background-image: url(../images/products/thumb_products_05.jpg) ; }
#products_list div.index ul li.p06 a { background-image: url(../images/products/thumb_products_06.jpg) ; }
#products_list div.index ul li.p07 a { background-image: url(../images/products/thumb_products_07.jpg) ; }
#products_list div.index ul li.p08 a { background-image: url(../images/products/thumb_products_08.jpg) ; }
#products_list div.index ul li.p09 a { background-image: url(../images/products/thumb_products_09.jpg) ; }
#products_list div.index ul li.p10 a { background-image: url(../images/products/thumb_products_10.jpg) ; }
#products_list div.index ul li.p11 a { background-image: url(../images/products/thumb_products_11.jpg) ; }
#products_list div.index ul li.p12 a { background-image: url(../images/products/thumb_products_12.jpg) ; }
#products_list div.index ul li.p13 a { background-image: url(../images/products/thumb_products_13.jpg) ; }
#products_list div.index ul li.p14 a { background-image: url(../images/products/thumb_products_14.jpg) ; }
#products_list div.index ul li.p15 a { background-image: url(../images/products/thumb_products_15.jpg) ; }
#products_list div.index ul li.p16 a { background-image: url(../images/products/thumb_products_16.jpg) ; }
#products_list div.index ul li.p17 a { background-image: url(../images/products/thumb_products_17.jpg) ; }

.fsmall { font-size: 85%;}


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

#products_list div.index ul li {
	width: 50%;
	background-repeat: no-repeat!important;
	background-size:cover!important;
}

#products_list div.index ul li a, #products_list div.index ul li:nth-child(even) a  {
	width: 100%;
	padding: 0;
	background-size: 100%; 
	height: 280px;
}
	
#products_list div.index ul li a p {
	position: absolute;
	top: 155px;
	left: 0;
	padding: 0 10px 10px 10px;
	color: #4c4948;
}

}



.comment{
	display: flex; flex-direction: row; margin-bottom: 40px; align-items: flex-start;
}

.comment p{
	margin: 0 25px 15px 0;
}

.comment2{
	display: flex; flex-direction: row; margin-bottom: 20px; align-items: flex-start;
}

.comment2 p{
	margin: 0  0 15px 25px;
}

.variety, .sankasha{
	display: flex; flex-wrap: wrap; gap: 30px; margin:30px 0;
}

.variety div, .sankasha div{
	flex: 0 0 47%;
}

.topic2 h3.tit_green, .topic3 h3.tit_green {
    padding: 7px 15px;
    background-color: #009d62;
    color: #ffffff;
    font-size: 140%;
    font-weight: bold;
	text-align: center;
	margin-bottom: 0!important;
}

.topic2 img, .topic3 img{
	width: 45%;
}

.topic2 img.chef{
	width: 200px!important;
}

#contents .text_box1 .comment hr{
	margin-bottom: 10px;
}

dl.shiromiso {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 20px;
}

dl.shiromiso dt {
  width: 20%;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #DADADA;
}

dl.shiromiso dd {
  width: 73%;
  padding: 10px;
  background-color: #F3F3F3;
  margin-bottom: 10px;
}

/*対談*/
dl.interview {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
  margin-bottom: 35px;
}

dl.interview dt {
	width: 13%;
    padding: 3px 10px;
    margin-right: 15px;
    background-color: #009d62;
    color: #fff;
	text-align: center;
}

dl.interview dd {
  width: 81%;
}

@media screen and (max-width: 736px) {
.comment, .comment2{
	flex-direction: column;
}

.comment p{
	margin: 0 0 10px 0;
}

.comment2 p{
	margin: 15px 0 15px 0;
}

.topic h3.tit_green {
    font-size: 110%;
}

.topic2 img, .topic3 img{
	width: 100%; margin-top: 15px!important;
}

dl.shiromiso dt {
  width: 26%;
}

dl.shiromiso dd {
  width: 60%;
}

.variety div, .sankasha div{
	flex: 100%;
}

dl.interview dt {
	width: 28%;
	margin-right: 0;
	margin-bottom: 10px;
	text-align: left;
}

dl.interview dd {
  width: 100%;
}
}