@charset "UTF-8";

div.contents{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.comp_title{
	margin-bottom:30px;
}

div.genre h2{
	text-align: center;
	margin: 30px auto;
}

div.genre h3{
	text-align: center;
	margin: 30px auto;
}

div.genre h4{
	text-align: center;
	margin: 20px auto;
}

div.genre div.text_box{
	text-align: center;
	margin: 20px auto;
	background-color: #fff;
}

div.genre div.menu_box{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
}

div.genre div.menu_box .list{
	width:calc(33% - 20px);
	margin-right:20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #b22222;
}

div.genre div.menu_box .list img{
	object-fit:contain;
	object-position:center;
}

div.genre:nth-child(2) div.menu_box:nth-child(2) .list p:nth-child(2){
	height:65px;
}

div.genre:nth-child(2) div.menu_box:nth-child(3) .list{
	width:calc(50% - 20px);
	margin-right:20px;
}

div.genre:not(div.genre:nth-child(2)) div.menu_box .list:nth-child(3n){
	margin-right:0;
}

div.genre:nth-child(2) div.menu_box:nth-child(3) .list:nth-child(2n){
	margin-right:0;
}

div.genre div.text_box{
	width:500px;
	height:50px;
	color:#000;
	font-size:1.2em;
	border-radius:5px;
}

div.genre div.text_box p{
	padding:11px 0;
}


@media (min-width:768px) and (max-width:991px){
	div.genre:nth-child(2) div.menu_box:nth-child(2) .list p:nth-child(2){
		height:90px;
	}

	div.genre:nth-child(2) div.menu_box:nth-child(3) .list{
		height:90px;
	}

	div.genre:nth-child(2) div.menu_box:nth-child(3) .list:nth-child(1),div.genre:nth-child(2) div.menu_box:nth-child(3) .list:nth-child(2),div.genre:nth-child(2) div.menu_box:nth-child(3) .list:nth-child(7),div.genre:nth-child(2) div.menu_box:nth-child(3) .list:nth-child(8){
		height:70px;
	}
}


@media (max-width:991px){
	.comp_title{
		margin-top:30px;
	}
	
	div.genre div.text_box{
		width:100%;
	}
}

@media (max-width:767px){
	div.genre div.menu_box{
		flex-wrap:unset;
		flex-direction:column;
		align-items:unset;
	}

	div.genre div.menu_box .list,div.genre:nth-child(2) div.menu_box:nth-child(3) .list{
		width:100%;
		margin-right:0;
	}

	div.genre:nth-child(2) div.menu_box:nth-child(2) .list p:nth-child(2){
		height:auto;
	}
}