/* basic style */
#wrap .wrap_inner {
    text-align: left;
    width: 950px;
    padding-bottom: 30px;
    background: url(../images/bg_texture.gif);
}
#wrap .wrap_inner * {
	/*max-height: 100%;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#wrap .wrap_inner a:hover {
	border: 0 none;
	outline: 0 none;
}
#wrap .wrap_inner:after {
	content: "";
	display: block;
	clear: both;
}
#wrap li.libr {
    clear: both;
}

#wrap .backnumber_title h2 img {
	width: 100%;
}
#wrap .backnumber_content {padding: 0 20px;}


#wrap .wrap_inner h3 {
	background: #fff;
	margin: 0 auto 10px;
	padding: 0 6px;
	line-height: 30px;
	box-shadow: 0 3px 10px -5px #000;
	font-size: 1.4em;
	border-left: 7px solid #ffa800;
}
#wrap .wrap_inner h3:before {
	display: block;
	float: left;
	margin: 3px 10px 0 0;
}

#wrap .wrap_inner ul:after {
    content: "";
    clear: both;
    display: block;
}


/* common style */
#wrap .backnumber_content > div {
	margin: 20px auto 35px;
}
#wrap .backnumber_content > div ul li {
	padding: 0 .45em;
	margin-bottom: 10px;
}
#wrap .backnumber_content > div ul li a {
    text-decoration: none;
}
#wrap .backnumber_content > div ul li a:before {
	content: url(../../images/index02/arrow_recipe.jpg);
	vertical-align: middle;
	margin-right: 4px;
	display: inline-block;
	margin-bottom: 3px;
}
#wrap .backnumber_content > div ul li a > span {
	background: url(../../images/index02/border_recipe.jpg) repeat-x bottom left;
}


/* unique style */
#wrap .beer_otsumami {}
#wrap .shun_shokuzai {
}
#wrap .shun_shokuzai h3:before {
}
#wrap .teitoshitsu ul li {
	width: 25%;
}
#wrap .teitoshitsu h3 {
}

#wrap .wine_otsumami {
}
#wrap .wine_otsumami h3 {
}
#wrap .wine_washoku {
}
#wrap .wine_washoku h3 {
}

#wrap .kakei_otasuke {
}
#wrap .kakei_otasuke h3 {
}

#wrap .beer_otsumami ul li,
#wrap .shun_shokuzai ul li,
#wrap .teitoshitsu ul li,
#wrap .wine_otsumami ul li,
#wrap .wine_washoku ul li,
#wrap .kakei_otasuke ul li {
	float: left;
}
#wrap .shun_shokuzai ul li {width: 50%;}

#wrap .tokushu_backnumber {}
#wrap .tokushu_backnumber ul li:before {
}
#wrap .tokushu_backnumber h3 {
}
#wrap .backto {
    float: right;
    margin: 0 30px 0 0;
}
#wrap .backto:before {
	content: "";
	margin-right: 2px;
}
#wrap .backto a {
	color: #be6104;
}

@media screen and (max-width:640px){
	#wrap .wrap_inner {
		width: 100%;
		padding-bottom: 15px;
	}
	#wrap .backnumber_content {
		padding: 0 3%;
	}
	#wrap .backnumber_content > div ul li {
		padding: 0 0 0 .45em;
	}
	#wrap .backnumber_content > div ul li a {
		display: block;
	}
	#wrap .shun_shokuzai ul li, #wrap .teitoshitsu ul li, #wrap .wine_otsumami ul li, #wrap .wine_washoku ul li, #wrap .kakei_otasuke ul li {
		margin-bottom: 2%;
	}
	#wrap .beer_otsumami ul li,
	#wrap .wine_otsumami ul li,
	#wrap .shun_shokuzai ul li,
	#wrap .kakei_otasuke ul li {
		width: 100%;
	}
	#wrap .backnumber_content > div {
		margin: 2% auto 5%;
	}
	#wrap .teitoshitsu ul li, #wrap .wine_washoku ul li {
		width: 50%;
	}
	#wrap .backnumber_content > div h3 {
		font-size: 1.3em;
	}
	#wrap .backto {
		margin: 0 5px 0 0;
	}
	#wrap .backto a {
		text-decoration: underline;
	}
}



@media screen and (min-width:641px){
	#wrap .beer_otsumami ul li,
	#wrap .wine_otsumami ul li,
	#wrap .kakei_otasuke ul li,
	#wrap .tokushu_backnumber ul li {
		display: block;
		width: 33.33%;
		float: left;
	}
}