.ill_menu_bg {
	height:140px;
	padding:16px 20px;
	background:#EEE;
}
.ill_menu_bg .main {
	position: relative;
}
.ill_menu_bg .main > li {
	width:140px;
	height:100px;
	float:left;
	margin-right:16px;
	position:relative;
}
.ill_menu_bg .main > li:last-child {
	margin-right:0;
}
.ill_menu_bg .main > li > a {
	display:block;
	width:140px;
	height:100px;
	color:#000;
	background:#FFF;
	font-size:16px;
	font-size:1.23rem;
	line-height:170px;
	text-align:center;
	border-radius:8px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	position:relative;
	transition:.3s all;
}
.ill_menu_bg .main > li > a:hover {
	text-decoration:none;
	box-shadow:1px 1px 0 rgba(0,0,0,0.2);
	opacity:0.8;
}
.ill_menu_bg .main > li > a:before {
	display:block;
	width:100%;
	height:70px;
	position:absolute;
	top:0;
	left:0;
	color:#FFF;
	font-family: Flaticon;
	font-style: normal;
	text-align:center;
	line-height:70px;
	border-radius:8px 8px 0 0;
}
.ill_menu_bg.koudou_btn .main > li > a:before {
	background:#4B6DB4;
}
.koudou_btn .main > li:nth-child(1) > a:before {font-size:44px; content: "\e012";}
.koudou_btn .main > li:nth-child(2) > a:before {font-size:50px; content: "\e005";}
.koudou_btn .main > li:nth-child(3) > a:before {font-size:44px; content: "\e00d";}
.koudou_btn .main > li:nth-child(4) > a:before {font-size:56px; content: "\e003";}
.koudou_btn .main > li:nth-child(5) > a:before {font-size:56px; content: "\e00f";}
.koudou_btn .main > li:nth-child(6) > a:before {font-size:44px; content: "\e00b";}

.ill_menu_bg.taisyou_btn .main > li > a:before {
	background:#D96959;
}
/*
.taisyou_btn .main > li:nth-child(5) > a {
	font-size:13px;
	font-size:1rem;
}
*/
.taisyou_btn .main > li:nth-child(1) > a:before {font-size:48px; content: "\e006";}
.taisyou_btn .main > li:nth-child(2) > a:before {font-size:56px; content: "\e011";}
.taisyou_btn .main > li:nth-child(3) > a:before {font-size:44px; content: "\e002";}
.taisyou_btn .main > li:nth-child(4) > a:before {font-size:90px; content: "\e00a";}
.taisyou_btn .main > li:nth-child(5) > a:before {font-size:58px; content: "\e00e";}
.taisyou_btn .main > li:nth-child(6) > a:before {font-size:44px; content: "\e008";}


/* Sub Menu */
.ill_menu_bg .sub {
	min-width:140px;
	width:auto;
	padding-top:10px;
	background:#CCC;
	border:2px solid #CCC;
	position:absolute;
	top:90px;
}
.ill_menu_bg .main .sub > li a {
	display:block;
	padding:12px 5px;
	color:#000;
	font-size:14px;
	font-size:1.07rem;
}
.ill_menu_bg .main .sub > li a:before {
	margin-right:5px;
	color:#1C4FA1;
	font-family: Flaticon;
	font-size: 12px;
	font-style: normal;
	content: "\e007";
}

.ill_menu_bg .main .sub > li a:hover,
.ill_menu_bg .main .sub > li a:focus {
	background:#EEE;
	text-decoration:none;
}

/* z-index */
#illust_menu .menu_ttl {
	z-index:1;
}
.koudou_btn .main > li > a {
	z-index:40;
}
.koudou_btn .sub {
	z-index:30;
}
.taisyou_btn .main > li > a {
	z-index:20;
}
.taisyou_btn {
/* 	margin-bottom:200px; 下層メニューの高さ以上を入れる */
	margin-bottom:100px;
}
.taisyou_btn .sub {
	z-index:10;
}

/* Sub Menu -- Hide/Show */
.ill_menu_bg .main li:hover .sub,
 ill_menu_bg .main li:focus .sub,
.ill_menu_bg .main li ul.focused {
	display:block;
}
.ill_menu_bg .main li ul.focused {
/* 	background:#F00; 確認用 */
}


/* For SmartPhone
--------------------------------------------- */
@media screen and (max-width:640px){

	.ill_menu_bg {
		width:100%;
		min-height:16rem;
		height:auto;
		margin:.5rem 0;
		padding:1rem .5rem;
	}
	.ill_menu_bg .main > li {
		width:30%;
		height:6.5rem;
		float:left;
		margin:0 5% 1rem 0;
		position:relative;
	}
	.ill_menu_bg .main > li:nth-child(3),
	.ill_menu_bg .main > li:last-child {
		margin-right:0;
	}
	.ill_menu_bg .main > li > a {
		width:auto;
		height:6.5rem;
		font-size:1.1rem;
		line-height:11rem;
		pointer-events:none;
	}
	.ill_menu_bg .main > li > a:before {
		height:4.5rem;
		line-height:4.5rem;
	}
	.ill_menu_bg .main > li > a.taisyou_4,
	.ill_menu_bg .main > li > a.taisyou_5,
	.ill_menu_bg .main > li > a.taisyou_6 {
		font-size:.7rem;
	}
}