@charset "UTF-8";

/* *******************************************************************************************
* 
*	釣魚レシピ SP
*
******************************************************************************************* */

@media screen and (max-width : 768px){
	
/* ----------------------------- ページヘッダー ----------------------------- */

.pageHeader_ttl-recipe{
	padding: 18px 0;
	background: url(../../image/index_bg-recipe_sp.jpg) center 0 no-repeat;
	background-size: cover;
}
.pageHeader_ttl-recipe .pageHeader_ttl_icon-recipe{
	padding-left: 54px;
	background: url(../../../common/image/pict_recipe_wt.png) 0 25px no-repeat;
	background-size: 42px auto;
}

/* ----------------------------- 一覧表示 ----------------------------- */

.books_header{
	margin: 0 auto 30px auto;
}
.books_header-btm{
	padding-top: 30px;
}
.books_recipeNav{
	padding: 0 8px;
	width: 60%;
    box-sizing: border-box;
}
.books_total{
	width: 40%;
}
.container-select:hover{
	opacity: 1;
}
.container-select:after{
	width: 15px;
	height: 36px;
	background-size: 15px 15px;
}
.custom-select{
	padding: 0 0 0 12px;
	height: 36px;
	line-height: 32px;
}
#recipe_list{
	width: 100%;
}
.recipe_list_section{
	padding-bottom: 30px;
}
.recipe_list_section:last-child{
	padding-bottom: 0;
}
.recipe_list_section_ttl{
	margin-bottom: 12px;
	padding: 0 16px;
	font-size: 16px;
	line-height: 24px;
}
.recipe_list_section_body{
	display: block;
	padding: 0 16px;
}
.recipe_list_item{
	margin-right: 0;
	margin-bottom: 0;
	padding: 10px 0;
	width: 100%;
	border-bottom: 1px solid #ccd5d6;
}
.recipe_list_item:first-child{
	border-top: 1px solid #ccd5d6;
}
.recipe_list_item_link{
	display: flex;
	align-items: center;
	border-top: 0;
}
.recipe_list_item_link:hover{
	background: #fff;
}
.recipe_list_item_img{
	width: 48%;
	height: auto;
}
a:hover .recipe_list_item_img{
	opacity: 1;
}
.recipe_list_item_content{
	display: block;
	padding: 0 0 0 15px;
	width: 52%;
	height: auto;
	border: 0;
	box-sizing: border-box;
}
.recipe_list_item_ttl{
	font-size: 14px;
	line-height: 22px;
}








/* ↓ @mediaの閉じ */
}