@charset "UTF-8";

/* *******************************************************************************************
* 
*	人気の釣魚ランキング SP
*
******************************************************************************************* */

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

/* ----------------------------- ページヘッダー ----------------------------- */

.pageHeader_ttl{
	padding: 18px 0;
	background: url(../image/index_bg-ranking_sp.jpg) center 0 no-repeat;
	background-size: cover;
}
.pageHeader_ttl_icon-ranking{
	padding-left: 56px;
	padding-right: 0;
	background-size: 51px auto;
	letter-spacing: -0.1em;
}

/* ----------------------------- メインコンテンツ ----------------------------- */

.pageContent{
	padding: 40px 0;
}
.pageContent_inner{
	padding: 0 16px;
	width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* -------------------------------------------------------------------------------------------
*
* ランキング一覧
*
* ----------------------------------------------------------------------------------------- */

.ranking{
	padding-bottom: 30px;
}
.ranking_item{
	padding: 16px 0 45px 0;
}
.ranking_item_ttl{
	margin-bottom: 10px;
}
.ranking_item_ttl_rank{
	margin-right: 15px;
	width: 42px;
	height: 42px;
	font-size: 17px;
	line-height: 42px;
}
.ranking_item_ttl_rank.rank1{
	background-size: 42px 42px;
}
.ranking_item_ttl_rank.rank2{
	background-size: 42px 42px;
}
.ranking_item_ttl_rank.rank3{
	background-size: 42px 42px;
}
.ranking_item_ttl_rank.rank4{
	background-size: 42px 42px;
}
.ranking_item_ttl_name{
	width: auto;
	font-size: 20px;
	line-height: 42px;
}
.ranking_item_clm{
	margin-bottom: 11px;
}
.ranking_item_img{
	float: none;
	margin: 0 auto 10px auto;
	width: 50%;
	height: auto;
}
.ranking_item_info{
	float: none;
	width: 100%;
	font-size: 16px;
	line-height: 28px;
}
.ranking_item_detail_link a{
	width: 768px;
	height: 36px;
	font-size: 16px;
	line-height: 28px;
}
.ranking_item_detail_link a:after{
	right: 14px;
	width: 8px;
	height: 36px;
	background-size: 8px 8px;
}
.ranking_item_detail_links{
	margin: 0;
	margin-top: -16px;
	padding-top: 18px;
	width: 100%;
}
.ranking_item_detail_links_item{
	margin-right: 0;
	margin-top: 16px;
	padding: 0 8px;
	width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ranking_item_detail_links_item-odd{
	padding-right: 0;
}
.ranking_item_detail_links_item-even{
	padding-left: 0;
}
.ranking_item_detail_links_item a{
	width: 768px;
	height: 56px;
	font-size: 14px;
	line-height: 22px;
}
.ranking_item_detail_links_item a:after{
	right: 14px;
	width: 8px;
	height: 56px;
	background-size: 8px 8px;
}

/* -------------------------------------------------------------------------------------------
*
* ページ遷移ナビゲーション
*
* ----------------------------------------------------------------------------------------- */

.rankingMenu-top{
	margin-bottom: 30px;
}
.rankingMenu_nav{
	float: left;
	padding-right: 8px;
	width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.month_nav_select{
	position: relative;
	width: 100%;
	height: 36px;
}
.rankingMenu_attention{
	clear: both;
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
}

/* セレクトボックス */
.selectLayer{
	top: 34px;
	left: 0;
	z-index: 60;
}
.selectLayer .selectBox_option{
	display: block;
	border: 2px solid #0f5966;
	border-top: 1px solid #0f5966;
}
.selectBox_option_list{
	width: 100%;
	background: #fff;
}
.selectBox_option_list_item{
	display: block;
	border-bottom: 1px solid #0f5966;
}
.selectBox_option_list_item:last-child{
	border-bottom: 0;
}
.selectBox_option_list_item a,
.selectBox_option_list_item span{
	display: table-cell;
    padding-left: 13px;
	width: 768px;
	font-size: 12px;
	line-height: 20px;
	height: 36px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	background: #e5eded;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.selectBox_option_list_item .selectBox_option-active{
	cursor: default;
	color: #809597;
	background: #cadbdd;
}
.selectBox_option_list_item a.selectBox_option-active:hover{
	opacity: 1 !important;
}




}