@charset "UTF-8";

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

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

.pageHeader_ttl{
	padding: 40px 0;
	background: url(../image/index_bg-ranking_pc.jpg) center 0 no-repeat;
	background-size: cover;
}
.pageHeader_ttl_icon-ranking{
	color: #fff;
	padding-left: 80px;
	padding-right: 35px;
	background: url(../../common/image/pict_ranking_wt.png) 0 center no-repeat;
	background-size: 68px auto;
}

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

.pageContent{
	padding: 60px 0;
	background: #fff;
}
.pageContent_inner{
	margin: 0 auto;
	width: 980px;
	color: #05474d;
}

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

.ranking{
	padding-bottom: 40px;
	background: url(../../common/image/line_dot_base_x.png) 0 0 repeat-x;
	background-size: 5px 1px;
}
.ranking_item{
	padding: 23px 0 60px 0;
	background: url(../../common/image/line_dot_base_x.png) 0 bottom repeat-x;
	background-size: 5px 1px;
}
.ranking_item_ttl{
	margin-bottom: 16px;
}
.ranking_item_ttl_rank{
	float: left;
	margin-right: 20px;
	width: 56px;
	height: 56px;
	color: #fff;
	font-size: 22px;
	line-height: 56px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}
.ranking_item_ttl_rank.rank1{
	background: url(../../common/image/ic_ranking_1_bg.png) 0 center no-repeat;
	background-size: 56px 56px;
}
.ranking_item_ttl_rank.rank2{
	background: url(../../common/image/ic_ranking_2_bg.png) 0 center no-repeat;
	background-size: 56px 56px;
}
.ranking_item_ttl_rank.rank3{
	background: url(../../common/image/ic_ranking_3_bg.png) 0 center no-repeat;
	background-size: 56px 56px;
}
.ranking_item_ttl_rank.rank4{
	color: #448591;
	letter-spacing: -0.1em;
	background: url(../../common/image/ic_ranking_4_bg.png) 0 center no-repeat;
	background-size: 56px 56px;
}
.ranking_item_ttl_name{
	float: left;
	width: 904px;
	font-size: 28px;
	line-height: 56px;
	font-weight: bold;
}
.ranking_item_clm{
	margin-bottom: 24px;
}
.ranking_item_img{
	float: left;
	margin-right: 20px;
	width: 227px;
	height: 151px;
	overflow: hidden;
}
.ranking_item_info{
	float: left;
	width: 733px;
	font-size: 18px;
	line-height: 32px;
}
.ranking_item_detail_link a{
	position: relative;
	display: table-cell;
	width: 478px;
	height: 48px;
	color: #fff;
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #0f5966;
}
.ranking_item_detail_link a:after{
	position: absolute;
	content: '';
	top: 0;
	right: 20px;
	width: 10px;
	height: 48px;
	background: url(../../common/image/ic_arrow_wt_right.png) right center no-repeat;
	background-size: 10px 10px;
	z-index: 10;
}
.ranking_item_detail_links{
	margin: 0 -24px 0 0;
	padding-top: 24px;
	width: 1004px;
}
.ranking_item_detail_links_item{
	float: left;
	margin-right: 24px;
	width: 227px;
}
.ranking_item_detail_links_item a{
	position: relative;
	display: table-cell;
	width: 227px;
	height: 48px;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: 2px solid #0f5966;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.ranking_item_detail_links_item a:after{
	position: absolute;
	content: '';
	top: 0;
	right: 18px;
	width: 10px;
	height: 44px;
	background: url(../../common/image/ic_arrow_base_right.png) right center no-repeat;
	background-size: 10px 10px;
	z-index: 10;
}

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

.rankingMenu-top{
	margin-bottom: 40px;
}
.rankingMenu_nav_ttl{
	margin-bottom: 9px;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}
.rankingMenu_nav_list_item{
	float: left;
	margin-right: 2px;
	width: 58px;
}
.rankingMenu_nav_list_item a{
	display: table-cell;
	width: 58px;
	height: 48px;
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #0f5966;
}
.rankingMenu_nav_list_item .nav-active{
	cursor: default;
	background: #007f92;
}
.rankingMenu_nav_list_item .nav-active:hover{
	opacity: 1 !important;
}
.rankingMenu_attention{
	padding-top: 20px;
	font-size: 16px;
	line-height: 28px;
}

/*--共通スタイル--*/
/*230411追加*/
.txt_name_en{font-style: italic;}