@charset "utf-8";

.mainvisual{position:relative;z-index:-1;}

.contents-food-top-fuko .mainvisual{
	
	position: relative;
    display: flex;
    align-items: center;
}
.contents-food-top-fuko img.mainvisual_on{position:absolute;width:480px;right:20px;}

.contents-food-top{margin:60px auto 0 auto;}
.contents-food-top_contents{
	display:flex;
	justify-content:space-between;
	margin:40px auto;
	width:960px;
}

.contents-food-top_contents_text{width:600px;}
.contents-food-top_contents_text h1{color:#6a85c1;font-size:1.4rem;margin-bottom:20px;letter-spacing:4px;}
.contents-food-top_contents_text p{font-size:0.9rem;line-height:180%;}

.contents-food-top_contents_text p.btn_link{text-align: right;margin-top:20px;}

.contents-food-top_contents_text p.btn_link a{line-height:100%;padding:10px 20px;border-radius:100px;display:inline-block;}
.contents-food-top_contents_text p.btn_link_1 a:link,
.contents-food-top_contents_text p.btn_link_1 a:visited{color:#fff;background-color:#6a85c1;}

.contents-food-top_contents_text p.btn_link_2 a:link,
.contents-food-top_contents_text p.btn_link_2 a:visited{color:#fff;background-color:#0669b0;}


.contents-food-top_contents_img{width:300px;color:#6a85c1;text-align:center;margin-top: -60px;}
.contents-food-top_contents_img img{width:100%;}

.contents-food-top_contents_img h2{font-family: 'Noto Serif JP', serif;color:#6a85c1;}

.contents-food-top_contents_img h2,
.contents-food-top_contents_img p{margin-bottom:20px;letter-spacing:4px;}
.contents-food-top_contents_img p{font-size:0.8rem;}



.contents-food-top-fuko .contents-food-top_contents_img{width:420px;margin-top: -210px;margin-left: -60px;}
.contents-food-top-fuko .contents-food-top_contents_text{width:600px;}

.contents-food-bottom_link{margin:40px 0;}

.contents-food-bottom_link a{display:inline-block;padding:10px 20px;border-left:1px solid #003159;}
.contents-food-bottom_link a:last-child{border-right:1px solid #003159;}
.contents-food-bottom_link a:link,
.contents-food-bottom_link a:visited{color:#003159;}
.contents-food-bottom_link a:hover{}

.page_cosme_top_head_menu{background-color:#003559;padding:30px 0;}
.page_cosme_top_head_menu h1{
	font-family: 'Noto Serif JP', serif;
	font-size:1.3rem;
	font-weight:400;
	text-align:center;
	color:#fff;
}

.page_cosme_top_head_menu ul{font-size:0;padding:0;margin:0;text-align:center;}
.page_cosme_top_head_menu li{
	font-size:0.9rem;
	display:inline-block;
	padding:0 14px;
	border-right:1px solid #fff;
}
.page_cosme_top_head_menu li:last-child{border:none;}

.page_cosme_top_head_menu li a:link,
.page_cosme_top_head_menu li a:visited{color:#FFF;}

footer{background-color:#fff;margin-top:40px;}
footer p{color:#555;}

@media screen and (min-width:960px) and (max-width:1120px) {
	
	.contents-food-top-fuko img.mainvisual_on{width:80%;}
	.contents-food-top_contents{display:block;width:100%;}
	.contents-food-top-fuko .contents-food-top_contents_img{margin:10pxx 0 0 0;}
	.contents-food-top-fuko .contents-food-top_contents_text,
	.contents-food-top-fuko .contents-food-top_contents_img{width:50%;}
	.contents-food-top_contents_img,
	.contents-food-top_contents_text{margin:auto;}
	.contents-food-top-fuko img.mainvisual_on {width: 50%;right: 0;left: 0;margin: auto;top:10px;}
	

	.contents-food-top-fuko .contents-food-top_contents_img{width:100%;margin-top:0;margin-left:0;}
	.contents-food-top-fuko .contents-food-top_contents_img img{width:50%;}
	.contents-food-top_contents{margin-top:20px;}
	.contents-food-top_contents_text h1{text-align:center;}
	.contents-food-bottom_link{text-align:center;}
	
	
}

@media screen and (max-width:959px){

.contents-food-top_contents{display:block;width:100%;}

.contents-food-top_contents_text,
.contents-food-top_contents_img{width:100%;margin-top:0;}
.contents-food-top_contents_img img{width:60%;}
.contents-food-top_contents_text h1{text-align:center;}
.contents-food-bottom_link{text-align:center;}
.contents-food-bottom_link a{font-size:0.8rem;padding:10px;}
.contents-food-top-fuko .contents-food-top_contents_text{width:100%;}

.contents-food-top-fuko img.mainvisual_on{
	position: absolute;
    width: 80%;
    right: 0;
    left: 0;
    margin: auto;
	top: 0;
}
.contents-food-top-fuko .contents-food-top_contents_img{width:100%;}
.contents-food-top-fuko .contents-food-top_contents_img{margin:230px 0 0 0;}

}


@media screen and (max-width:959px){
	.contents-food-top-fuko img.mainvisual_on{top:90px;}
}