@charset "shift_jis";

body div.container_{margin-top:0;}
*{box-sizing: border-box;}
img{vertical-align: bottom;}
html{overflow-x: hidden;}
body{
	background: url(/img/genre/0104/bg_01.jpg);
	color: #666;
	font-family: "游ゴシック", "Yu Gothic", YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;
	overflow-x: hidden;
}
main{
	display: block;
	margin-top: -20px;
	font-size: 18px;
	line-height: 1.6;
}
h2.category_name_,div.GenreStyle_{display: none;}

.flavor_guide a:visited{
	color: #9d9d9d!important;
	text-decoration: none;
}
.flavor_guide a:hover{
	text-decoration: underline!important;
	opacity: 0.8;
}

/**************************************************************** FV */

.flavor_guide .fv .top_im{
	position: relative;
	left: -48%;
	width: 100%;
}

/**************************************************************** .point_contents */

.flavor_guide .contents_wrap{
	max-width: 900px;
	margin: 0 auto;
}

.flavor_guide .contents_wrap h2{
	height: 173px;
	margin-inline: calc(50% - 50vw);
	padding: 4.05% 0;
	background: #efefef url(/img/genre/0104/bg_02.png) top center no-repeat;
	font-size: 2.0em;
	font-weight: bold;
}

.flavor_guide .contents_wrap h2 span{
	font-size: 24px;
}

.flavor_guide .contents_wrap .point_contents{
	font-size: 16px;
}
.flavor_guide .contents_wrap .point_contents .point{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flavor_guide .contents_wrap .point_contents .point li{
	display: flex;
	background-color: #fff;
}
.flavor_guide .contents_wrap .point_contents .point li:nth-child(n + 3){
	margin-top: 60px;
}
.flavor_guide .contents_wrap .point_contents .point li>a{
	display: grid;
	grid-template-rows: 203px 1fr;
}
.flavor_guide .contents_wrap .point_contents .point figure{
	grid-row: 1;
	grid-column: 1;
}
.flavor_guide .contents_wrap .point_contents .point p{
	grid-row: 2;
	grid-column: 1;
	align-self: center;
	padding: 20px;
}