@charset "UTF-8";

/* *******************************************************************************************
* 
*	つり女子活動記 SP
*
******************************************************************************************* */

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


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

.pageHeader{
	padding-top: 24px;
	padding-bottom: 20px;
}
.pageHeader_inner{
	padding: 0 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: 176px 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;
}

/* -------------------------------------------------------------------------------------------
*
* 下層TOP・下層共通
*
* ----------------------------------------------------------------------------------------- */

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

.pageMain{
	height: 176px;
}

/* ビジュアルのバリエーション */
.pageMain-d007{
	background: url(../diary-007/image/page_main_bg_sp.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-d006{
	background: url(../diary-006/image/page_main_bg_sp.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-e001{
	background: url(../extra-001/image/page_main_bg_sp.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-d004{
	background: url(../diary-004/image/page_main_bg_sp.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-d003{
	background: url(../diary-003/image/page_main_bg_sp.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-d002{
	background: url(../diary-002/image/page_main_bg_sp.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-d001{
	background: url(../diary-001/image/page_main_bg_sp.jpg) center center no-repeat;
	background-size: cover;
}

/* ナビゲーション */

.pageMain_nav{
	position: relative;
	margin: 0;
	width: 100%;
	height: 45px;
	border-top: 3px solid #0f5966;
	overflow: visible;
}
.pageMain_nav_label{
	float: left;
	width: 50%;
	color: #05474d;
	font-size: 16px;
	line-height: 45px;
	font-weight: bold;
	text-align: center;
}
.spNav_step{
	position: relative;
	float: left;
	width: 50%;
	z-index: 50;
}
.spNav_step_ttl{
	position: relative;
	cursor: pointer;
	display: block;
	color: #05474d;
	font-size: 16px;
	line-height: 45px;
	font-weight: bold;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.spNav_step_ttl span{
	position: relative;
	display: block;
}
.spNav_step_ttl span:after{
	position: absolute;
	content: '';
	top: 0;
	right: 15px;
	width: 15px;
	height: 45px;
	background: url(../../../common/image/ic_select_arrow_base_bottom.png) 0 center no-repeat;
	background-size: 15px 15px;
	z-index: 10;
}
.spNav_step_data{
    display: none;
	position: absolute;
	top: 45px;
	right: 0px;
	width: 100%;
	background: #0f5966;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index: 50;
}
.spNav_step_data_item{
	display: block;
	border-top: 1px solid #c4d4d5;
}
.spNav_step_data_item a{
	display: block;
	padding: 11px 11px;
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
}
.spNav_step_data_item span{
	display: block;
	padding: 11px 11px;
	color: #809597;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
}

/* SPナビゲーション アクティブ-ナビ */

.spNav_step_ttl.nav-active span:after{
	background: url(../../../common/image/ic_select_arrow_wt_top.png) 0 center no-repeat;
	background-size: 12px 12px;
}

/* SPナビゲーション アクティブ-カレント */

.spNav_step_ttl-active{
	color: #fff;
}
.spNav_step_ttl-active span{
	background: #0f5966;
}
.spNav_step_ttl-active span:after{
	background: url(../../../common/image/ic_select_arrow_wt_bottom.png) 0 center no-repeat;
	background-size: 12px 12px;
}

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

.pageMain_nav-btm{
	border-top: 0;
	border-bottom: 3px solid #0f5966;
}
.pageMain_nav-btm .spNav_step_data_item{
	border-top: 0;
	border-bottom: 1px solid #c4d4d5;
}
.pageMain_nav-btm .spNav_step_ttl-active span:after{
	background: url(../../../common/image/ic_select_arrow_wt_top.png) 0 center no-repeat;
	background-size: 12px 12px;
}
.pageMain_nav-btm .spNav_step_ttl-active.nav-active span:after{
	background: url(../../../common/image/ic_select_arrow_wt_bottom.png) 0 center no-repeat;
	background-size: 12px 12px;
}

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

/* プロフィール */

.girlsProfile{
	margin-bottom: 0;
	padding: 45px 0 30px 0;
}
.girlsProfile_inner{
	padding: 0 16px;
	width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.girlsProfile_clm-L{
	float: none;
	margin-bottom: 26px;
	margin-right: 0;
	width: 100%;
}
.girlsProfile_clm-R{
	float: none;
	margin-bottom: 26px;
	width: 100%;
}
.girlsProfile_img{
	width: 108px;
}
.girlsProfile_txt{
	font-size: 14px;
	line-height: 22px;
}
.girlsProfile_txt_name{
	font-size: 17px;
	line-height: 28px;
}

/* フィールド */

.field{
	padding: 25px 0;
	width: 100%;
	border: 0;
	border-top: 1px solid #0f5966;
	border-bottom: 1px solid #0f5966;
}
.field_icon{
	top: -30px;
	width: 62px;
}
.field_ttl{
	margin-bottom: 17px;
	font-size: 17px;
	line-height: 28px;
}
.field_content{
	padding: 0 16px;
	width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.field_content_theme{
	margin-bottom: 25px;
	font-size: 20px;
	line-height: 30px;
}
.field_content_clm-L{
	float: none;
	margin-right: 0;
	margin-bottom: 30px;
	width: 100%;
}
.field_content_clm-R{
	float: none;
	margin-bottom: 30px;
	width: 100%;
	font-size: 16px;
	line-height: 28px;
}
.field_content_clm-full{
	float: none;
	width: 100%;
	font-size: 16px;
	line-height: 28px;
}

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

.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{
	height: auto;
}
.pageBtm_backLink{
	padding: 28px 0;
}
.pageBtm_backLink a{
	padding: 5px 23px 5px 23px;
	font-size: 14px;
	line-height: 22px;
	background-size: 12px auto;
}

/* 次ページへの導線 */

.nextNav{
	padding: 33px 0 23px 0;
	background-size: 78px auto;
}
.nextNav_link{
	padding: 0 25px;
	background-size: 14px 14px;
}
.nextNav_link_sub{
	font-size: 14px;
	line-height: 22px;
}
.nextNav_link_main{
	font-size: 17px;
	line-height: 22px;
}
.endNav{
	padding-bottom: 23px;
	font-size: 20px;
	line-height: 30px;
}
.pageAttention{
	font-size: 12px;
	line-height: 20px;
}

/* -------------------------------------------------------------------------------------------
*
* SCENE
*
* ----------------------------------------------------------------------------------------- */

.sceneTop{
	margin-bottom: 45px;
}
.scene_ttl{
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 30px;
}
.scene_subTtl{
	margin-bottom: 30px;
	padding-bottom: 14px;
	font-size: 18px;
	line-height: 30px;
}
.scene_subTtl:after{
	width: 48px;
	height: 4px;
}
.scene_clm{
	font-size: 16px;
	line-height: 28px;
}
.scene_clm-L{
	float: none;
	margin-right: 0;
	width: 100%;
}
.scene_clm-R{
	float: none;
	width: 100%;
}
.scene_clm-full{
	float: none;
	width: 100%;
}
.scene_captionImg + .scene_captionImg{
	padding-top: 20px;
}
.scene_captionImg_pop{
	padding: 13px;
	font-size: 12px;
	line-height: 20px;
}
.scene_captionImg_pop:after{
	bottom: -25px;
	width: 50px;
	height: 25px;
}
.scene_captionImg_pop-L:after{
	background-size: 50px 25px;
}
.scene_captionImg_pop-R:after{
	background: url(../image/pop_arrow_left.png) center bottom no-repeat;
	background-size: 50px 25px;
}
.scene_captionImg_img{
	top: 12px;
	padding-bottom: 12px;
}
.scene_captionImg_img_number{
	width: 32px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
}
.scene_captionImg_img-longImg{
	margin: 0 auto;
	width: 68%;
}
.scene_videoImg{
	padding: 6px;
}
.scene_videoImg_ttl{
	margin-bottom: 12px;
	padding: 4px 0 4px 60px;
	font-size: 17px;
	line-height: 28px;
	background-size: 45px auto;
}
.scene_videoImg_img{
	margin-bottom: 10px;
}
.scene_videoImg_caption{
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 22px;
}
.scene_commentImg_img{
	margin-bottom: 9px;
}
.scene_commentImg_img_number{
	width: 32px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
}
.scene_commentImg_txt{
	font-size: 12px;
	line-height: 20px;
}




}