@charset "utf-8";
/*******************************************
 	wrap
*******************************************/
#wrap-inner{
	margin:20px 20px 40px 20px;
	background:#fff;
	padding:80px 10px 10px 10px;
	min-width:1180px;
}
@media screen and (max-width: 640px) {
	#wrap-inner{
		padding:20px 20px 0;
		min-width:0;
		margin:10px;
	}
}
.category-list02 .category-nav ul{
	padding-left:80px;
	width: 1100px;
}
.category-list02 .category-nav ul,
.category-list02 .category-btn .arw02{
	background-image:url(/images/syunsetsu/nav_tit.png);
	background-repeat:no-repeat;
	background-position:10px center;
}
.category-list02 .category-nav li.active a,
.category-list02 .category-nav li a:hover{
	background:#191836;
}
@media screen and (max-width: 640px) {
	.category-list02 .category-nav ul{
		background-image:none;
		padding-left:0;
		width:100%;
	}
}
/*******************************************
 	syunsetsu-blog
*******************************************/
#syunsetsu-blog .title02{
	margin:0 0 20px;
}
#syunsetsu-blog #about,
#syunsetsu-blog #detail{
	padding:0 0 20px;
}
#syunsetsu-blog #about p,
#syunsetsu-blog #about ul,
#syunsetsu-blog #about ol,
#syunsetsu-blog #about li,
#syunsetsu-blog #detail p,
#syunsetsu-blog #detail ol,
#syunsetsu-blog #detail ul,
#syunsetsu-blog #detail li{
	font-size:1.4rem;
	margin:0 0 10px;
}
#syunsetsu-blog #about ul,
#syunsetsu-blog #detail ul{
	list-style:disc;
	padding:0 0 0 20px;
}
#syunsetsu-blog #about ol,
#syunsetsu-blog #detail ol{
	list-style:decimal;
	padding:0 0 0 20px;
}
#syunsetsu-blog #about li:last-child,
#syunsetsu-blog #detail li:last-child{
	margin:0;
}
#syunsetsu-blog #visual{
	border:1px solid #E0E0E0;
	margin:0 0 30px;
}
#syunsetsu-blog #visual p{
	padding:20px;
	text-align:center;
}
#syunsetsu-blog #visual p img{
	width:75%;
}
#syunsetsu-blog #allergen{
	border-bottom:1px solid #212121;
	margin:0 0 40px;
	padding:0 0 20px;
}
#syunsetsu-blog #allergen p{
	text-align:right;
	font-size:1.4rem;
}
#syunsetsu-blog #allergen p:before{
	content:"アレルゲン：";
	font-weight:bold;
}
#menu{
	border-top:1px solid #212121;
	padding:0 0 30px;
}
#menu h3{
	padding:20px 0 0;
	font-size:1.8rem;
}
.page-nav{
	padding:30px 0 100px;
	border-top:1px solid #212121;
}
.page-nav ul li{
	display:inline-block;
	top:0;
	bottom:auto;
}
.page-nav li a{
	position:relative;
	background:none;
}
.page-nav li a:hover{
	background:none;
	color:#212121;
}
.page-nav li.prev,
.page-nav li.next{
	width:auto;
}
.page-nav li.prev a:before,
.page-nav li.next a:after{
	font-family:"ico";
	font-size:5rem;
	display:inline-block;
	vertical-align:top;
	line-height:1;
	width:5rem;
}
.page-nav li.prev a:before{
	content:"\e90d";
}
.page-nav li.next a:after{
	content:"\e90c";
}
.page-nav li span{
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.page-nav li.prev span{
	text-align:left;
	width:300px;
}
.page-nav li.next span{
	text-align:right;
	width:300px;
}
.page-nav li span img{
	margin:0 0 5px;
}
@media screen and (max-width: 640px) {
	.page-nav{
		padding:20px 0;
	}
	.page-nav ul li,
	.page-nav ul li.prev,
	.page-nav ul li.next{
		position:static;
		display:block;
		padding:10px 0;
	}
	.page-nav ul li.prev,
	.page-nav ul li.next{
		border-bottom:1px solid #E0E0E0;
	}
	.page-nav li.next span,
	.page-nav li.prev span{
		display:inline-block;
		vertical-align:middle;
		width:85%;
	}
	.page-nav li.prev a:before,
	.page-nav li.next a:after{
		font-family:"ico";
		font-size:3rem;
		display:inline-block;
		vertical-align:middle;
		width:10%;
	}
	#menu h3{
		margin:0 0 30px;
	}
	#menu li{
		width:48%;
		margin:0 4% 40px 0;
		float:left;
	}
	#menu li:nth-child(2n){
		margin:0;
	}
	#menu li:nth-child(2n+1){
		clear:both;
	}
	#syunsetsu-blog #visual p img{
		width:100%;
	}
}