@charset "UTF-8";

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

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

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

.pageHeader_ttl-column{
	padding: 18px 0;
	background: url(../image/index_bg-column_sp.jpg) center 0 no-repeat;
	background-size: cover;
}
.pageHeader_ttl_icon-column{
	padding-left: 60px;
	padding-right: 13px;
	background-size: 48px auto;
}
.pageHeader_inner{
	padding: 24px 16px 20px 16px;
	width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.pageHeader_cat{
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 21px;
	background-size: 132px 21px;
}
.pageHeader_ttl_sub{
	font-size: 16px;
	line-height: 28px;
}
.pageHeader_ttl_main{
	font-size: 22px;
	line-height: 30px;
}
.pageHeader_ttl_main small{
	padding-right: 12px;
	padding-bottom: 5px;
	font-size: 16px;
	line-height: 30px;
}

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

.pageContent{
	padding-top: 45px;
}
.pageContent_inner{
	padding: 0 16px;
	width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.pageContent_inner-s{
	padding: 0 16px;
	padding-bottom: 45px;
	width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.pageContent_inner-area{
	margin: 0 auto 45px auto;
	padding: 0 16px;
	width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

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

.columnIndex{
	padding-bottom: 15px;
}
.columnIndex_lead{
	margin-bottom: 30px;
}

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

.columnIndex_header{
	margin-bottom: 30px;
}
.columnIndex_header-btm{
	padding-top: 30px;
}
.columnIndex_areaNav{
	width: 50%;
}

/* セレクトボックス */
.selectLayer{
	top: 34px;
	left: 0;
}
.selectBox_option_list{
	width: 100%;
}
.selectBox_option_list_item a{
    padding-left: 13px;
	width: 768px;
	font-size: 12px;
	line-height: 20px;
	height: 36px;
}
.selectBox_option_list_item .unable{
    padding-left: 13px;
	width: 768px;
	font-size: 12px;
	line-height: 20px;
	height: 36px;
}

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

#area_list{
	margin-right: 0;
	width: 100%;
}
.area_list_item{
	float: none;
	margin-right: 0;
	margin-bottom: 14px;
	width: 100%;
}
.area_list_item_link{
	width: 100%;
	height: auto;
}
.area_list_item_link:hover{
	background: #fff;
}
.area_list_item_img{
	height: auto;
}
.area_list_item_link:hover .area_list_item_img{
	opacity: 1;
}
.area_list_item_content{
    padding: 0 14px 14px 14px;
	height: auto;
}
.area_list_item_label{
	top: 24px;
	left: -3px;
	width: 126px;
	height: 21px;
	font-size: 12px;
	line-height: 20px;
	background-size: 126px 21px;
}
.season_list_item_ttl_txt{
	font-size: 14px;
	line-height: 22px;
}
.area_list_item_ttl{
	margin-bottom: 3px;
	padding-top: 63px;
	font-size: 20px;
	line-height: 30px;
}
.area_list_item_txt{
	margin-bottom: 52px;
}
.area_list_item_profile_outer{
	position: static;
}
.area_list_item_profile{
	padding: 15px 0;
	width: 100%;
}
.area_list_item_profile_img{
	float: left;
	margin-right: 0;
	width: 40%;
}
.area_list_item_profile_name{
	padding-left: 15px;
	width: 60%;
	font-size: 14px;
	line-height: 22px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.area_list_item_profile_date{
	font-size: 12px;
	line-height: 20px;
}
#noData{
	padding: 86px 0;
	font-size: 20px;
	line-height: 30px;
}

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

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

.pageMain{
	height: 176px;
}

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

/* プロフィール */

.columnProfile{
	top: -45px;
}
.columnProfile_img{
	top: -54px;
	width: 107px;
}
.columnProfile_txt{
	padding-top: 62px;
	font-size: 14px;
	line-height: 22px;
}
.columnProfile_txt_spec{
	font-size: 14px;
	line-height: 22px;
}
.columnProfile_txt_name{
	font-size: 17;px;
	line-height: 28px;
}

/* コラム */

.column{
	padding-bottom: 0;
}
.column_ttl{
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 30px;
}
.column_clm{
	font-size: 16px;
	line-height: 28px;
}
.column_clm-L{
	float: none;
	margin-right: 0;
	width: 100%;
}
.column_clm-R{
	float: none;
	width: 100%;
}
.column_clm-full{
	float: none;
	width: 100%;
}
.column_commentImg + .column_commentImg{
	padding-top: 20px;
}
.column_commentImg_img{
	margin-bottom: 9px;
}
.column_commentImg_img-longImg{
	margin-left: auto;
	margin-right: auto;
	width: 68%;
}
.column_commentImg_txt{
	font-size: 12px;
	line-height: 20px;
}

/* エリア */

.columnArea{
	padding-top: 72px;
	padding-bottom: 10px;
	width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.columnArea_ttl{
	top: -30px;
	padding-top: 53px;
	font-size: 16px;
	line-height: 28px;
	background-size: 61px auto;
}
.columnArea_ttl_sub{
	margin-bottom: 13px;
	padding-left: 11px;
	font-size: 17px;
	line-height: 17px;
}
.columnArea_img{
	margin: 0 auto;
	width: 68%;
}
.columnArea_txt{
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 28px;
}
.columnArea_attention{
	font-size: 12px;
	line-height: 20px;
}

/* 注釈 */
.pageContent_Att-inner{
	padding: 0 16px;
	padding-bottom: 45px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pageAttention{
	font-size: 12px;
	line-height: 20px;
}

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

.moreInfo{
	padding: 22px 0 24px 0;
}
.moreInfo_inner{
	padding: 0 16px;
	width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.moreInfo_ttl{
	margin-bottom: 13px;
	padding: 5px 0 5px 45px;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	background-size: 36px 26px;
}
.moreInfo_list{
	display: block;
	width: 100%;
}
.moreInfo_list_item{
	width: 33.33%;
	height: 68px;
}
.moreInfo_list_item-img{
	margin-bottom: 18px;
	width: 100%;
}
.moreInfo_list_item-img img{
	width: 102px !important;
	height: auto;
}
.moreInfo_list_item a{
	padding-top: 41px;
	width: 100%;
	height: 68px;
	font-size: 14px;
	line-height: 22px;
}
.moreInfo_list_item:last-child a{
	border-right: 0;
}
.moreInfo_list_item-detail a{
	background: url(../../common/image/pict_books_detail.png) center 12px no-repeat;
	background-size: 34px auto;
}
.moreInfo_list_item-trap a{
	background: url(../../common/image/pict_books_trap.png) center 13px no-repeat;
	background-size: 25px auto;
}
.moreInfo_list_item-clean a{
	background: url(../../common/image/pict_books_clean.png) center 15px no-repeat;
	background-size: 26px auto;
}
.moreInfo_list_item-skillup a{
	padding-top: 32px;
	line-height: 16px;
	background: url(../../common/image/pict_skillup.png) center 4px no-repeat;
	background-size: 34px auto;
}

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

.pageBtm{
	padding: 28px 0;
}
.pageBtm_backLink a{
	padding: 5px 23px 5px 23px;
	font-size: 14px;
	line-height: 22px;
	background-size: 12px auto;
}



}