ul.menu_recipe_genre {
	width:100%;
	display:table;
	table-layout:fixed;
	}

ul.menu_recipe_genre li {
	display:table-cell;
	font-size:20px;
	padding:0 10px;
	font-weight:bold;
	vertical-align:bottom;
	}
ul.menu_recipe_genre li a {
	display:block;
	font-size:20px;
	border-radius:5px;
	color:#fff;
	background:#008ECC;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
	}

ul.menu_recipe_genre li a:hover {
	background:#FC6320;
	}

.ico_menu_recipe {
	display: block;
	float:right;
	padding: 0 5px;
	border: 2px solid #00cc;
	background: #E1F0FF;
	border-radius: 5px;
	font-size: 1.4em;
	color: #00c;
	width:235px;
	margin-right:10px;
	text-align:center;
	}

.ico_menu_name {color:#c00;font-weight:bold;}

.ico_ai {
	display:inline-block;
	margin-right:5px;
	margin-top:5px;
	}

.ico_ai img {vertical-align:middle;margin-right:5px;}

.ico_genre {
	background:#f2f2f2;
	display:inline-block;
	padding:0px 10px;
	margin:0 5px;
	border-radius:5px;
	color:#000;
	}

.ico_genre img {vertical-align:middle;margin-right:5px;border:1px solid #ccc;}

.bg_spring {background:#fedffd !important;}
.bg_summer {background:#dfe5fe !important;}
.bg_autumn {background:#fefbdf !important;}
.bg_winter {background:#dffefd !important;}

.ai_modal-txt details {
	overflow-y: auto;
	max-height: 300px;
}
.cateItem {height:490px;}
/*---------------------------------------------------------------------------------------------------------------- modal */
.ai_modal-wrapper {
	z-index: 999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 40px 10px;
	text-align: center;
	font-size:14px;
	display: none;
}

/* .ai_modal-wrapper:not(:target) {
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
}

.ai_modal-wrapper:target {
	opacity: 1;
	visibility: visible;
	transition: opacity .4s, visibility .4s;
} */

.ai_modal-wrapper::after {
	display: inline-block;
	height: 100%;
	margin-left: -.05em;
	vertical-align: middle;
	content: "";
}

.ai_modal-wrapper .ai_modal-window {
	box-sizing: border-box;
	display: inline-block;
	z-index: 20;
	position: relative;
	/* max-width: 70%; */
	/* min-width: 40%; */
	max-width: 700px;
	min-width: 600px;
	padding: 30px 15px 30px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, .6);
	vertical-align: middle;
	/* overflow: auto; */
}

.ai_modal-wrapper .ai_modal-window .ai_modal-content {
	max-height: 80vh;
	/* overflow-y: auto; */
	text-align: left;
}

.ai_modal-window h4 {
	position:sticky;
	top: 0;
	background:#cc0000;
	color:#fff;
	border-bottom:2px solid #448ACA;
	font-size:24px;
	padding:10px;
	}

.ai_modal-itemname {
	font-size:18px;
	font-weight:bold;
	background:#f2f2f2;
	padding:5px;
	}

.ai_modal-comment {
	padding:20px;
	background:#f2f2f2;
	}

.ai_modal-window h5 {
	border-bottom:2px solid #cc0000;
	font-size:1.2em;
	}

.ai_modal-window iframe {
	display:flex;
	width: 100% !important;
	height: 100%;
	display: block;
	border:none;
	overflow-x:hidden;
	}

.ai_modal-overlay {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .8);
}

.ai_modal-wrapper .ai_modal-close {
	z-index: 20;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	color: #95979c !important;
	font-size: 20px;
	font-weight: 700;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
}

.ai_modal-inner {padding:20px;}

.ai_modal-txt {margin-bottom:20px;clear:both;}
.ai_modal-img {padding:0 20px 20px;float:right;}
.ai_modal-img img {width:256px;height:256px;}
.ai_modal-img span {font-size:12px;}


.ai_modal-closebtn {display:inline-block;padding:5px;border:1px solid #ccc;}

.ai_col {display:table;width:100%;}

.ai_col * {box-sizing:border-box;}

.ai_col_half {display:table-cell;padding:5px;text-align:center;width:50%;}

.ai_col_inner {padding:5px 0;text-align:center;}

.ai_col a {text-decoration:none !important;}
.ai_col a:hover {opacity:0.7;}
.ai_col a:visited {color:#fff !important;}

a.btn_ai_recipe {display:inline-block;width:100%;padding:10px;background:#cc6200;border-radius:5px;font-weight:bold;color:#fff !important;font-size:14px;line-height:1.2em;}

a.btn_ai_use {display:inline-block;width:100%;padding:10px;background:#008ecc;border-radius:5px;font-weight:bold;color:#fff !important;font-size:14px;line-height:1.2em;}

a.btn_ai {display:inline-block;border:1px solid #ccc;border-radius:5px;padding:3px 5px;background:#fff;font-size:16px;float:right;margin:0 5px;}

.btn_disabled {
	display:inline-block;
	width:100%;
	padding:10px;
	background:rgb(243, 197, 189);
	border-radius:5px;
	font-weight:bold;
	color:#fff !important;
	font-size:14px;
	line-height:1.2em;
}

a.btn_uses_disabled {
	display:inline-block;
	width:100%;
	padding:10px;
	background:#7EC8E3;
	border-radius:5px;
	font-weight:bold;
	color:#fff !important;
	font-size:14px;
	line-height:1.2em;
}

.result-content {
	overflow-y:scroll; 
	overflow-x:hidden;	
	height:400px;
}

.btn_ai:not([disabled]),.ai_modal-close,.ai_modal-closebtn{
	cursor: pointer;
}

details {
	border-bottom:1px solid #00c;
	background:#E1F0FF;
	padding:10px;
	margin-bottom:10px;
	border-radius:5px;
	}

details summary {
	font-weight:bold;
	margin-bottom:10px;
	}

details summary:hover {
	cursor:pointer;
	}

details ul li {
	background:#fff;
	padding:10px;
	}

.menu_recipe_wrapper{
    background:#E1F0FF;padding:5px 0;margin-top:10px;
}

.menu_recipe_container{
    width:1120px;margin:0 auto;
}