@charset "euc-jp";

@import url('https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@700&display=swap');

main,header,footer,article,section,nav{
	display:block;
}

.menu_box{
	margin:8px auto 0 auto;
	width:590px;
}
.menu_box nav{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
.menu_box_item{
	box-sizing: border-box;
	flex-basis: 50%;
	max-width: 50%;
	padding: 5px;
}
.menu_box_item a{
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	position:relative;
	border:solid 1px #efefef;
	padding:0 14px 0 14px;
	height:100px;
	box-sizing:border-box;
	max-width:100%;
	border-radius:4px;
    background:#f9f9f9;
	text-decoration:none;
    transition: filter 0.5s steps(15);
	/*box-shadow: 0px 0px 4px rgba(0,0,0,0.1);*/
}
.menu_box_item a:hover{
	filter: brightness(0.95);
}
.menu_box_name{
	width:100%;
	display:flex;
	align-items:center;
}
.menu_box_name span{
	display:block;
	flex-grow:1;
	font-size:14px;
	font-weight:bold;
	color:#f52f87;
	font-family: sans-serif;
}
.menu_box_name .menu_box_title{
	position:relative;
	padding:0 60px 0 25px;
}
.menu_box_name .menu_box_title:after{
	content:'กก';
	font-size:11px;
	font-weight:normal;
	display:inline-block;
	width:100%;
}
.menu_box_name .menu_box_title_cat{
	font-size:11px;
	font-weight:normal;
	color:#656565;
}
.menu_box_name .menu_box_title_cat:before{
	content: 'CATEGORY > ';
	display: inline;
}
.menu_box_name .menu_box_title_cat.type_pref:before{
	content: 'PREF > ';
}
.menu_box_name .menu_box_title_cat.type_area:before{
	content: 'AREA > ';
}
.menu_box_name .menu_box_num {
    position: absolute;
    font-size: 16px;
    background: #ff4f7d;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Stardos Stencil', cursive;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 46px;
    border-radius: 4px;
    top: 50%;
    transform: translate(0,-50%);
    right: -5px;
    border: 1px solid #efefef;
}
.menu_box_explanation{
	margin-top:12px;
	line-height:1.4;
}
.menu_box_explanation span{
	display:block;
	font-size:12px;
	color:rgba(0,0,0,0.75);
}
.menu_box_title > svg {
    display: block;
    position:absolute;
    top:50%;
    left:0px;
    transform: translate(0,-50%);
    width: 16px;
    height: 16px;
    fill: #656565;
}