@charset "UTF-8";

/* *******************************************************************************************
*
*	レクチャー動画 SP
*
******************************************************************************************* */
@media screen and (max-width : 768px) {

	/* ----------------------------- ページヘッダー ----------------------------- */
	.pageHeader_ttl-skillup {
		padding: 18px 0;
		background: url(../image/index_bg-skillup_sp.jpg) center 0 no-repeat;
		background-size: cover;
	}

	.pageHeader_ttl_icon-skillup {
		padding-left: 61px;
		padding-right: 0;
		background-size: 45px 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-skillup {
		padding-top: 40px;
	}

	.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: 105px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* -------------------------------------------------------------------------------------------
*
* 一覧
*
* ----------------------------------------------------------------------------------------- */
	.skillupIndex {
		padding-bottom: 30px;
	}

	.skillupIndex_lead {
		margin-bottom: 24px;
		font-size: 16px;
		line-height: 28px;
	}

	/* ----------------------------- 一覧表示 ----------------------------- */
	#skillup_list {
		margin-right: 0;
		width: 100%;
	}

	.skillup_list_item {
		float: none;
		margin-right: 0;
		margin-bottom: 14px;
		width: 100%;
	}

	.skillup_list_item_link {
		width: 100%;
		height: auto;
	}

	.skillup_list_item_link:hover {
		background: #fff;
	}

	.skillup_list_item_img {
		height: auto;
	}

	.skillup_list_item_link:hover .skillup_list_item_img {
		opacity: 1;
	}

	.skillup_list_item_content {
		padding: 0 14px 14px 14px;
		height: auto;
	}

	.skillup_list_item_ttl {
		margin-bottom: 10px;
		padding-top: 19px;
	}

	.skillup_list_item_ttl_sub {
		font-size: 16px;
		line-height: 28px;
	}

	.skillup_list_item_ttl_main {
		font-size: 20px;
		line-height: 30px;
	}

	.skillup_list_item_ttl_txt {
		margin-bottom: 42px;
		font-size: 14px;
		line-height: 22px;
	}

	.skillup_list_item_profile_outer {
		position: static;
	}

	.skillup_list_item_profile {
		padding: 15px 0;
		width: 100%;
	}

	.skillup_list_item_profile_img {
		float: left;
		margin-right: 0;
		width: 40%;
	}

	.skillup_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;
	}

	.skillup_list_item_profile_date {
		font-size: 12px;
		line-height: 20px;
	}

	/* -------------------------------------------------------------------------------------------
*
* 下層共通
*
* ----------------------------------------------------------------------------------------- */
	/* ----------------------------- メインビジュアル ----------------------------- */
	.pageMain {
		height: 176px;
	}

	/* ビジュアルのバリエーション */
	.pageMain-halfbeak {
		background: url(../halfbeak/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-wakasagi {
		background: url(../wakasagi/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-kobuna {
		background: url(../kobuna/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-basket {
		background: url(../basket/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-blackporgy {
		background: url(../blackporgy/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-freshwater-prawn {
		background: url(../freshwater-prawn/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-areafishing {
		background: url(../areafishing/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-bitterling {
		background: url(../bitterling/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-filefish {
		background: url(../filefish/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-lightgame {
		background: url(../lightgame/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-ayu-decoy {
		background: url(../ayu-decoy/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-tenkaraflies {
		background: url(../tenkaraflies/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-surfcasting {
		background: url(../surfcasting/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-carp {
		background: url(../carp/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-embankment-lesson01 {
		background: url(../embankment/lesson01/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-embankment-lesson02 {
		background: url(../embankment/lesson02/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-goby {
		background: url(../goby/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-lure-lesson01 {
		background: url(../lure/lesson01/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-lure-lesson02 {
		background: url(../lure/lesson02/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-flycasting {
		background: url(../flycasting/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-tying {
		background: url(../../tying/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-saltlure {
		background: url(../saltlure/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-troutlure {
		background: url(../trout-lure/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-aji {
		background: url(../aji/image/page_main_bg_sp.jpg) top center no-repeat;
		background-size: cover;
	}

	.pageMain-ropework {
		background: url(../ropework/image/page_main_bg_sp.jpg) center top no-repeat;
		background-size: cover;
	}

	.pageMain-ropework-boat {
		background: url(../ropework-boat/image/page_main_bg_sp.jpg) center top no-repeat;
		background-size: cover;
	}

	.pageMain-tenkara {
		background: url(../tenkara/image/page_main_bg_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	.pageMain-piston {
		background: url(../piston/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;
	}

	/* SPナビゲーション */
	.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;
	}

	/* ----------------------------- コンテンツ ----------------------------- */
	.pageContent_lead {
		margin-bottom: 26px;
		font-size: 14px;
		line-height: 22px;
	}

	/* 動画エリア */
	.skillupMov {
		margin-bottom: 30px;
	}

	.skillupMov:after {
		width: 100px;
		height: 21px;
		background-size: 100px 21px;
	}

	/* CHAPTER紹介 */
	.chapterInfo_item_link:after {
		width: 8px;
		height: 8px;
		background-size: 8px 8px;
	}

	.chapterInfo_item_ttl {
		padding: 44px 15px 8px 0;
		padding-left: 0;
		font-size: 16px;
		line-height: 28px;
	}

	.chapterInfo_item_ttl-chapter1 {
		background: url(../image/pop_chapter1.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter2 {
		background: url(../image/pop_chapter2.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter3 {
		background: url(../image/pop_chapter3.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter4 {
		background: url(../image/pop_chapter4.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter5 {
		background: url(../image/pop_chapter5.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter6 {
		background: url(../image/pop_chapter6.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter7 {
		background: url(../image/pop_chapter7.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter8 {
		background: url(../image/pop_chapter8.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter9 {
		background: url(../image/pop_chapter9.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter10 {
		background: url(../image/pop_chapter10.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter11 {
		background: url(../image/pop_chapter11.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter12 {
		background: url(../image/pop_chapter12.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	.chapterInfo_item_ttl-chapter13 {
		background: url(../image/pop_chapter13.png) 0 12px no-repeat;
		background-size: 90px auto;
	}

	/* 教えてくれたのは！ */
	.guideProfile {
		padding-bottom: 45px;
	}

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

	.guideProfile_img {
		top: -73px;
		width: 127px;
	}

	.guideProfile_txt {
		padding-top: 62px;
		width: 100%;
		font-size: 14px;
		line-height: 22px;
	}

	.guideProfile_txt_name {
		font-size: 17px;
		line-height: 28px;
	}

	.guideProfile_txt_option {
		font-size: 14px;
		line-height: 22px;
	}

/* 注釈 */
.pageContent_Att-inner{
background-color: #fff;
}
.pageAttention{
padding: 0 16px;
padding-bottom: 45px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
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 {
		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;
	}

	/*---- 注釈追加 201702 ----*/
	.explanatory_note {
		width: auto;
		text-align: left;
		font-size: 12px;
		line-height: 1.4;
		padding-top: 30px;
	}
}

@media only screen and (min-width: 737px) and (max-width: 768px) {
	.skillupMov-new {
		height: 414px;
	}
}

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

	/*new */
	.skillupMov-new {
		height: auto !important;
	}

	.skillupMov-new .video-js {
		padding: 0;
		position: relative;
		width: 100%;
	}

	.skillupMov-new video {
		position: absolute;
	}

	.skillupMov-new .video-js .vjs-big-play-button {
		display: block;
		left: 50% !important;
		margin: -48px 0 0 -72px;
		top: 50% !important;
		transform: scale(.7);
	}

	/*---- ヘッダ位置変更201704　----*/
	.pageContent-skillup-newsp {
		padding-top: 20px;
	}

	.pageHeader_ttl_main-new {
		font-size: 22px;
		line-height: 30px;
	}

	.pageHeader_ttl_main-new small {
		padding-bottom: 5px;
		font-size: 16px;
		line-height: 30px;
	}

	.pageContent_lead-new {
		margin-bottom: 26px;
		font-size: 14px;
		line-height: 22px;
	}

	.pageContent_lead-new .br_pc {
		display: none;
	}

	/*---- 動画一時停止 2020.09.10　----*/
	.kari_200910 {
		font-size: 17px;
		padding: 35px 0 80px;
		text-align: center;
		line-height: 2;
	}
}