@charset "utf-8";

h1,h2{font-family: 'Noto Serif JP', serif;font-weight:500;color:#333;}

.container-food{background-color:#f5f4f6;padding-top:50px;padding-bottom:30px;}

.container{color:#666;padding-bottom:0;margin-bottom:0;}
.container-food .container{margin-top:0;}




.contents {margin-bottom:0;}

.contents h1{margin-bottom:0;/*RESET*/}
.contents h1,
.contents h2{color:#5b87c5;}

.caption-en{font-family: 'Miniver', cursive;}

.mainvisual{width:100%;margin:0 auto;}
.mainvisual img{width:100%;height:auto;}

.mainvisual-food{
	background-image: url(img_food/bk_main.svg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	text-align:center;
	padding:50px 0;
}


.main-text{margin-bottom:40px;}

.mainvisual-food > h1{font-family:'Noto Sans JP',serif;vertical-align:middle;margin-bottom:40px;letter-spacing:3px;font-size: 0.8rem;}

.mainvisual-food > h1:before{content:'〔';margin-right:15px;}
.mainvisual-food > h1:after{content:'〕';margin-left:15px;}

.mainvisual-food h3{
	font-weight:400;
	font-family: 'Noto Serif JP', serif;
	color:#5b87c5;
	letter-spacing:10px;
}

.main-text h1{font-size:2.4rem;letter-spacing:10px;line-height:100%;}
.main-text h1 span{
	font-size:1.6rem;
	font-family: 'Miniver', cursive;
	display:block;
	letter-spacing:0;
	margin-top: 15px;
    margin-bottom: 10px;
}

.topcopy-food h1{font-size:1.2rem;letter-spacing:5px;margin-bottom:5px;color:#5b87c5;}
.topcopy-food h2{
	color:#5b87c5;
	font-size:1.8rem;
	margin-bottom:60px;
	letter-spacing:10px;
	line-height:100%;
	position: relative;
	display:inline-block;
}

.topcopy-food h2:before {
  content: '';
  position: absolute;
  bottom: -30px;
  display: inline-block;
  width:4rem;
  height: 1px;
  background-color: #5b87c5;
}
.topcopy-food p{line-height:200%;}

.pickup-food{
	background:#fff;
	border-radius:20px;
	margin:40px auto;
	padding:30px 20px;
	display:flex;
	text-align:center;
	justify-content: space-between;
	/*align-items: flex-end;*/
	align-items: unset;
}
.pickup-food{
	background-image: url(img_food/pickup_text_200417.svg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 360px;
    background-position-y: 15px;
	padding-top:100px;
}


.pickup-food > div{width:460px;}
.pickup-food h1{display: inline-block;}

.pickup-food-1 h1 span,
.pickup-food-4 h1 span{
	border: 1px solid #5b87c5;
	background-color: #fff;
	margin-bottom: 20px;
}
.pickup-food-1 h1 span{/*padding: 0;*/}
.pickup-food-1 h1 span,
.pickup-food-4 h1 span{padding: 3px 15px;}


.pickup-food h1::after{
	content: '';
	display: inline-block;
	height: 65px;
	background-size: cover;
	background-repeat:no-repeat;
	vertical-align: middle;
}

.pickup-food-1 h1::after{background-image: url(img_food/icon_k1.svg);width: 90px;}
.pickup-food-4 h1::after{background-image: url(img_food/icon_cho.svg);width: 110px;margin-left:15px;}

.pickup-food-1 h1 a{
	padding:3px 15px;
	display:inline-block;
	color:#fff;
	background-color:#5b87c5;
	white-space:nowrap;
	border: 1px solid #5b87c5;
	}



.pickup-food p{font-size:0.9rem;text-align:left;line-height:180%;margin-top:10px}
.pickup-food p img{width:100px;height:auto;margin:5px auto;display: inherit;}






.naiyou-food{display:flex;justify-content: space-between;align-items: center;}

.naiyou-food-seibun{width:26%;}
.naiyou-food-pict{width:43%;}
.naiyou-food-howto{width:28%;}

.naiyou-food-seibun{color:#5b87c5;text-align:center;}


.naiyou-food-seibun h1{font-size:2.4rem;letter-spacing:10px;line-height:100%;}
.naiyou-food-seibun h1 span{
	font-size:1.6rem;
	font-family: 'Miniver', cursive;
	display:block;
	letter-spacing:0;
	margin-top: 15px;
    margin-bottom: 10px;
}
.naiyou-food-seibun h2{letter-spacing:5px;}
.naiyou-food-seibun h2,.naiyou-food-seibun h3{margin:20px auto;}
.naiyou-food-seibun h3{font-weight:400;}

.naiyou-food-seibun-top{margin-bottom:40px;}
.naiyou-food-seibun-bottom{color:#666;}
.naiyou-food-seibun-bottom h1,
.naiyou-food-seibun-bottom h2{
	font-family:'Noto Sans JP',serif;
	font-size:1rem;
	color:#333;
	letter-spacing:0;
	text-align:left;
	margin-bottom:10px;
	font-size:0.9rem;
	font-weight:400;
}

.naiyou-food-seibun-bottom h1:before,
.naiyou-food-seibun-bottom h2:before{content:'【';}
.naiyou-food-seibun-bottom h1:after,
.naiyou-food-seibun-bottom h2:after{content:'】';}

.naiyou-food-seibun-bottom ul{text-align:left;margin:10px auto 40px auto;padding:0;font-size:0;}
.naiyou-food-seibun-bottom li{display:inline;font-size:0.8rem;}
.naiyou-food-seibun-bottom li:after{content:'・';}
.naiyou-food-seibun-bottom li:last-child:after{content:'';}

.naiyou-food-seibun-bottom table{margin:0 auto;}
.naiyou-food-seibun-bottom th,
.naiyou-food-seibun-bottom td{
	padding:2px 15px;
	text-align:center;
	font-weight:400;
	font-size:0.85rem;
}
.naiyou-food-seibun-bottom th{border-right:1px solid #999;}
.naiyou-food-seibun-bottom tr{border-top:1px solid #999;}
.naiyou-food-seibun-bottom tr:last-child{border-bottom:1px solid #999;}


.naiyou-food-seibun-bottom caption{caption-side:bottom;font-size:0.8rem;}


.naiyou-food-pict{text-align:center;position:relative;}
.naiyou-food-pict p{
	position:absolute;
	bottom:50px;
	left:30px;
	border:1px solid #5b87c5;
	border-radius:100%;
	width:110px;
	height:110px;
	display:flex;
	align-items: center;
	font-family: 'Noto Serif JP';
	font-size:0.9rem;
	color:#5b87c5;
}
.naiyou-food-pict p span{margin:auto;display:inline-block;}
.naiyou-food-pict img{width:90%;}

.naiyou-food-howto{color:#666;}
.naiyou-food-howto h1{border-bottom:1px solid #5b87c5;}
.naiyou-food-howto h2{font-size:1.2rem;margin-bottom:20px;font-size:1.1rem;}
.naiyou-food-howto h3{font-weight:400;font-size:0.9rem;}
.naiyou-food-howto h3:before{content:'〔';}
.naiyou-food-howto h3:after{content:'〕';}

.naiyou-food-howto > ul{font-size:0.8rem;margin:10px 0 20px 0;padding:0;font-size:0;}
.naiyou-food-howto li{display:inline;font-size:0.8rem;}
.naiyou-food-howto > li:before{content:'・';}


.naiyou-food-howto-circle ul{display:flex;justify-content:space-between;align-items:center;margin:0;padding:0;}
.naiyou-food-howto-circle li{
	font-family: 'Noto Serif JP';
	list-style:none;
	background-color: #b2c1e3;
	color:#fff;
	text-align:center;
	border-radius:100%;
	width:92px;
	height:92px;
	display:flex;
	align-items: center;
}
.naiyou-food-howto-circle li span{margin:auto;}


.bottom-food{color:#5b87c5;text-align:center;margin:40px auto;}
.bottom-food h1{color:#5b87c5;font-size:1.6rem;letter-spacing:3px;}
.bottom-food p{font-family: 'Noto Serif JP';letter-spacing:3px;}

.bottom-food > span{font-size:1.4rem;font-family: 'Miniver', cursive;}
.bottom-food > span{position: relative;display: inline-block;padding: 0 200px;}
.bottom-food > span:before,
.bottom-food > span:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 150px;
  height: 1px;
  background-color: #5b87c5;
}
.bottom-food > span:before{left:0;}
.bottom-food > span:after{right: 0;}
.bottom-food span span{display: inline-block;transform: rotate(-5deg);}


.toku4-food{display:flex;justify-content: space-between;text-align:center;margin-bottom:40px;}
.toku4-food h1{font-family:'Noto Sans JP',serif;font-size:0.9rem;text-align:center;margin:10px auto 20px auto;height:2rem;}
.toku4-food p{font-size:0.8rem;text-align:left;}
.toku4-food span{color:#5b87c5;}

.toku4-food p img{float:left;width:80px;height:auto;margin:0 10px 10px 0;border-radius:100%;}

.toku4-food > div{border-right:1px solid #5b87c5;width:22%;padding:0 1%;}
.toku4-food > div:last-child{border-right:none;}

.toku-part-wrap{display:flex;justify-content:space-between;flex-direction:row-reverse;}

.information{color:#5b87c5;font-family: 'Noto Serif JP',serif;padding:30px 0;}

.information ul{margin:0 auto 60px auto;padding:0;width:700px}
.information li{
	list-style:none;
	border:1px solid #b2c1e3;
	padding:20px;
	text-align:center;
	margin-bottom:10px;
	display:table;
	margin:10px auto;
	background-color:#b2c1e3;
	color:#fff;
}
.information li:nth-child(odd){margin-right:0;}
.information li:nth-child(even){margin-left:0;}


.information h1{text-align:center;margin-bottom:40px;}
.information h1 img{width:400px;height:auto;}

.information h2{letter-spacing:2px;font-size:1.1rem;text-align:center;line-height:150%;margin:20px auto;}
.information h2 a{
	color: #5b87c5;
	text-decoration: underline;
}
.information-sign{display:flex;justify-content:center;padding:40px 0;}
.information-sign h3{
	padding:1px 15px;
	border:1px solid #5b87c5;
	font-weight:300;
	font-size:0.8rem;
	letter-spacing:2px;
	margin-right:15px;
}
.information-sign p span{margin:0 10px;display:inline-block;}




footer{background-color:#b2c1e3;width:100%;margin-top:0;}
footer p{padding-top: 10px;color: #fff;}
.copyright{margin-top:0;}



.fukidashi_right,
.fukidashi_left{
position: relative;
display: inline-block;
border-radius: 30px;
}
.fukidashi_right:before,
.fukidashi_left:before{
	content: '';
	position: absolute;
	display: block;
	z-index: 1;
	border-style: solid;
	border-color: transparent #b2c1e3;
	top: 50%;
	margin-top: -10px;
}
.fukidashi_right:before {
border-width: 0 0 20px 20px;
right: -20px;
}

.fukidashi_left:before {
border-width: 0 20px 20px 0;
left: -20px;
}

.img-logo img{width:230px;}

@media screen and (max-width:959px){
	
	.img-logo img{width:50%;}
	
	.container{width:90%;margin:10px auto;}
	
	.mainvisual-food > h1{letter-spacing:1px;}
	.mainvisual-food > h1:before,
	.mainvisual-food > h1:after{margin:0;content:'';}
	.mainvisual-food h3{letter-spacing:1px;}
	
	.naiyou-food,
	.toku4-food{display:block;}
	
	
	.topcopy-food h1,
	.topcopy-food h2{letter-spacing:1px;text-align:center;}
	
	.topcopy-food h1{font-size:1.1rem;}
	.topcopy-food h2{display:block;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #b2c1e3;font-size:1.4rem;}
	.topcopy-food h2:before {display:none;}
	
	.naiyou-food-seibun,
	.naiyou-food-pict,
	.naiyou-food-howto{width:92%;margin:10px auto 20px auto;}
	
	
	.naiyou-food-seibun-bottom h1{text-align:center;}
	.naiyou-food-pict img{width:98%;}
	
	.naiyou-food-pict p {bottom: 0;}
	
	.naiyou-food-howto-circle ul{justify-content:center;}
	.naiyou-food-howto-circle li{margin:0 5px;border-radius:5px;}
	
	.toku4-food > div{width:100%;border:none;margin-bottom:20px;}
	.bottom-food > span{padding:0 50px;}
	.bottom-food > span:before,
	.bottom-food > span:after {width: 30px;}
	
	.pickup-food{
		margin:40px auto;
		padding:80px 5% 20px 5%;
		display:block;
	}
	.pickup-food{background-size: 60%;background-position-y: 20px;}
	.pickup-food > div{width:100%;margin-bottom:20px;}
	
	.information h1 img{width:80%;}
	.information ul {margin: 0 auto 60px auto;width: 80%;}
	.information-sign{display:block;text-align:center;}
	.information-sign h3 {
		text-align:center;
		font-size: 1rem;
		margin-right: auto;
		margin-bottom:5px;
		padding:5px 0;
	}
	.information-sign p span {margin: 0 auto;}
}