@charset "UTF-8";

/* *******************************************************************************************
* 
*	おすすめの釣り場 PC
*
******************************************************************************************* */

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

.pageHeader_ttl-column{
	padding: 40px 0;
	background: url(../image/index_bg-column_pc.jpg) center 0 no-repeat;
	background-size: cover;
}
.pageHeader_ttl_icon-column{
	color: #fff;
	padding-left: 80px;
	padding-right: 35px;
	background: url(../../common/image/pict_column_wt.png) 0 center no-repeat;
	background-size: 65px auto;
}
.pageHeader_inner{
	margin: 0 auto;
	padding-top: 32px;
	padding-bottom: 26px;
	width: 980px;
}
.pageHeader_cat{
	margin-bottom: 16px;
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	background: url(../image/column_ttl_label.png) center 0 no-repeat;
	background-size: 176px 28px;
}
.pageHeader_ttl_sub{
	color: #05474d;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
}
.pageHeader_ttl_main{
	color: #05474d;
	font-size: 40px;
	line-height: 52px;
	font-weight: bold;
}
.pageHeader_ttl_main small{
	display: inline-block;
	padding-right: 24px;
	padding-bottom: 8px;
	font-size: 24px;
	line-height: 24px;
	vertical-align: middle;
}

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

.pageContent{
	padding-top: 60px;
	background: #fff;
}
.pageContent_inner{
	margin: 0 auto;
	width: 980px;
	color: #05474d;
}
.pageContent_inner-s{
	margin: 0 auto;
	padding-bottom: 60px;
	width: 690px;
	color: #05474d;
}
.pageContent_inner-area{
	margin: 0 auto 60px auto;
	width: 980px;
	color: #05474d;
	background: #e5eded;
}

/* -------------------------------------------------------------------------------------------
*
* 一覧
*
* ----------------------------------------------------------------------------------------- */

.columnIndex{
	padding-bottom: 20px;
}
.columnIndex_lead{
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 28px;
}

/* ----------------------------- 一覧ナビゲーション ----------------------------- */

.columnIndex_header{
	margin-bottom: 40px;
}
.columnIndex_header-btm{
	padding-top: 40px;
}
.columnIndex_areaNav{
	float: left;
	width: 170px;
}
.columnIndex_areaNav_ttl{
	margin-bottom: 9px;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}
.area_nav_select{
	position: relative;
}

/* セレクトボックス */
.selectLayer{
	top: 46px;
	left: 0;
	z-index: 60;
}
.selectLayer .selectBox_option{
	display: block;
	border: 2px solid #0f5966;
	border-top: 1px solid #0f5966;
}
.selectBox_option_list{
	width: 166px;
	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{
	display: table-cell;
	padding-left: 16px;
	width: 166px;
	font-size: 16px;
	line-height: 28px;
	height: 48px;
	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 a.selectBox_option-active{
	cursor: default;
	color: #809597;
	background: #cadbdd;
}
.selectBox_option_list_item a.selectBox_option-active:hover{
	opacity: 1 !important;
}
.selectBox_option_list_item .unable{
	display: table-cell;
	padding-left: 16px;
	width: 166px;
	font-size: 16px;
	line-height: 28px;
	height: 48px;
	color: #8f8f8f;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	background: #d5d5d5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

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

#area_list{
	margin-right: -24px;
	width: 1004px;
	min-height: 200px;
}
#area_holder{
	display: none;
}
.area_list_item{
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
	width: 478px;
}
.area_list_item_link{
	display: block;
	width: 478px;
	height: 740px;
	background: #fff;
	border-top: 4px solid #0f5966;
}
.area_list_item_link:hover{
	background: #e5eeed;
}
.area_list_item_img{
	height: 318px;
	overflow: hidden;
}
.area_list_item_link:hover .area_list_item_img{
	opacity: .7;
}
.area_list_item_content{
	position: relative;
	padding: 0 15px 0 20px;
	height: 422px;
	text-align: left;
	border: 1px solid #ccd5d6;
	border-top: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.area_list_item_label{
	position: absolute;
	top: 32px;
	left: -4px;
	width: 168px;
	height: 28px;
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	background: url(../../common/image/category_label_column.png) center 0 no-repeat;
	background-size: 168px 28px;
}
.area_list_item_ttl{
	margin-bottom: 5px;
	padding-top: 84px;
	font-size: 28px;
	line-height: 40px;
	font-weight: bold;
}
.area_list_item_txt{
	font-size: 16px;
	line-height: 28px;
}
.area_list_item_profile_outer{
	position: absolute;
	bottom: 32px;
	left: 20px;
	background: url(../../common/image/line_dot_base_x.png) 0 0 repeat-x;
	background-size: 5px 1px;
}
.area_list_item_profile{
	padding: 19px 0;
	width: 438px;
	background: url(../../common/image/line_dot_base_x.png) 0 bottom repeat-x;
	background-size: 5px 1px;
}
.area_list_item_profile_img{
	float: left;
	margin-right: 20px;
	width: 137px;
}
.area_list_item_profile_name{
	float: left;
	width: 279px;
	font-size: 16px;
	line-height: 28px;
}
.area_list_item_profile_date{
	color: #999;
	font-size: 14px;
	line-height: 24px;
}
#noData{
	padding: 126px 0;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
}

/* -------------------------------------------------------------------------------------------
*
* 下層共通
*
* ----------------------------------------------------------------------------------------- */

/* ----------------------------- メインビジュアル ----------------------------- */

.pageMain{
	position: relative;
	height: 536px;
}

/* ----------------------------- コンテンツ ----------------------------- */

/* プロフィール */

.columnProfile{
	position: relative;
	top: -60px;
}
.columnProfile_img{
	position: absolute;
	top: -72px;
	left: 0;
	right: 0;
	margin: auto;
	width: 144px;
}
.columnProfile_txt{
	margin: 0 auto;
	padding-top: 82px;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
}
.columnProfile_txt_spec{
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
}
.columnProfile_txt_name{
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
}

/* コラム */

.column{
	padding-top: 19px;
	padding-bottom: 30px;
	border-top: 4px solid #0f5966;
}
.column_ttl{
	margin-bottom: 28px;
	font-size: 28px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}
.column_clm{
	font-size: 18px;
	line-height: 32px;
}
.column_clm a{
	text-decoration: underline !important;
}
.column_clm-L{
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
	width: 325px;
}
.column_clm-R{
	float: left;
	margin-bottom: 30px;
	width: 325px;
}
.column_clm-full{
	float: left;
	margin-bottom: 30px;
	width: 690px;
}
.column_commentImg + .column_commentImg{
	padding-top: 30px;
}
.column_commentImg_img{
	margin-bottom: 13px;
}
.column_commentImg_txt{
	font-size: 14px;
	line-height: 24px;
}

/* エリア */
.columnArea{
	position: relative;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 30px;
	width: 690px;
}
.columnArea_ttl{
	position: absolute;
	top: -39px;
	left: 0;
	right: 0;
	margin: auto;
	padding-top: 74px;
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	background: url(../../common/image/pict_area.png) center 0 no-repeat;
	background-size: 82px auto;
}
.columnArea_ttl_sub{
	margin-bottom: 20px;
	padding-left: 14px;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	border-left: 4px solid #0f5966;
}
.columnArea_txt{
	margin-bottom: 33px;
	font-size: 18px;
	line-height: 32px;
}
.columnArea_attention{
	font-size: 14px;
	line-height: 24px;
}

/* 注釈 */
.pageContent_Att-inner{
    margin: 0 auto;
    padding-bottom: 60px;
    width: 980px;
    color: #05474d;
}
.pageAttention{
	font-size: 14px;
	line-height: 24px;
}

/* もっと見てみよう！ */

.moreInfo{
	padding: 28px 0 40px 0;
	background: #e5eded;
}
.moreInfo_inner{
	margin: 0 auto;
	width: 980px;
	color: #05474d;
	text-align: center;
}
.moreInfo_ttl{
	display: inline-block;
	margin-bottom: 18px;
	padding: 5px 34px 5px 64px;
	font-size: 20px;
	line-height: 34px;
	font-weight: bold;
	background: url(../../common/image/pict_books.png) 0 center no-repeat;
	background-size: 48px 34px;
}
.moreInfo_list{
	display: inline-block;
	font-size: 0;
	width: 690px;
	text-align: center;
}
.moreInfo_list_item{
	display: inline-block;
	width: 160px;
	height: 92px;
	overflow: hidden;
	vertical-align: top;
}
.moreInfo_list_item-img{
	width: 137px;
}
.moreInfo_list_item a{
	display: block;
	padding-top: 48px;
	width: 160px;
	height: 92px;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-right: 1px solid #cbdada;
}
.moreInfo_list_item-detail a{
	background: url(../../common/image/pict_books_detail.png) center 17px no-repeat;
	background-size: 46px auto;
}
.moreInfo_list_item-trap a{
	background: url(../../common/image/pict_books_trap.png) center 16px no-repeat;
	background-size: 33px auto;
}
.moreInfo_list_item-clean a{
	background: url(../../common/image/pict_books_clean.png) center 20px no-repeat;
	background-size: 36px auto;
}
.moreInfo_list_item-skillup a{
	background: url(../../common/image/pict_skillup.png) center 15px no-repeat;
	background-size: 46px auto;
}

/* ボトムナビゲーション */

.pageBtm{
	padding: 40px 0 40px 0;
	background: #fff;
	text-align: center;
}
.pageBtm_backLink{
	display: inline-block;
}
.pageBtm_backLink a{
	display: inline-block;
	padding: 5px 32px 5px 32px;
	color: #05474d;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	background: url(../../common/image/ic_list.png) 0 center no-repeat;
	background-size: 16px 13px;
}