Shareholder Fees - JOHN HANCOCK CALIFORNIA TAX-FREE INCOME FUND	Jun. 23, 2022 USD ($)
Class A
Prospectus [Line Items]
Maximum Cumulative Sales Charge (as a percentage)	4.00%
Maximum Deferred Sales Charge (as a percentage)	1.00%
Shareholder Fee, Other	$ 20
Class C
Prospectus [Line Items]
Maximum Cumulative Sales Charge (as a percentage)	none
Maximum Deferred Sales Charge (as a percentage)	1.00%
Shareholder Fee, Other	$ 20
Class I
Prospectus [Line Items]
Maximum Cumulative Sales Charge (as a percentage)	none
Maximum Deferred Sales Charge (as a percentage)	none
Shareholder Fee, Other	none
Class R6
Prospectus [Line Items]
Maximum Cumulative Sales Charge (as a percentage)	none
Maximum Deferred Sales Charge (as a percentage)	none
Shareholder Fee, Other	none

Maximum Sales Charge (Load) Imposed on Purchases (as a percentage of offering price). If a sales charge (load) is imposed on shares purchased with reinvested capital gains distributions or returns of capital, include the bracketed words in the third caption.

Reference 1: http://www.xbrl.org/2003/role/presentationRef
-Publisher SEC
-Name Form
-Number N-1A
-Chapter A
-Section 3
-Subsection table
-Paragraph 1
-Subparagraph 1

+ Details

Name:	rr_MaximumCumulativeSalesChargeOverOther
Namespace Prefix:	rr_
Data Type:	rr:NonNegativePure4Type
Balance Type:	na
Period Type:	duration

- Definition

Maximum Deferred Sales Charge (Load) (as a percentage of ____) "Maximum Deferred Sales Charge (Load)" includes the maximum total deferred sales charge (load) payable upon redemption, in installments, or both, expressed as a percentage of the amount or amounts stated in response to Item 7(a), except that, for a sales charge (load) based on net asset value at the time of purchase, show the sales charge (load) as a percentage of the offering price at the time of purchase. A Fund may include in a footnote to the table, if applicable, a tabular presentation showing the amount of deferred sales charges (loads) over time or a narrative explanation of the sales charges (loads) (e.g., __% in the first year after purchase, declining to __% in the __ year and eliminated thereafter). If more than one type of sales charge (load) is imposed (e.g., a deferred sales charge (load) and a front-end sales charge (load)), the first caption in the table should read "Maximum Sales Charge (Load)" and show the maximum cumulative percentage. Show the percentage amounts and the terms of each sales charge (load) comprising that figure on separate lines below.

+ References

Reference 1: http://www.xbrl.org/2003/role/presentationRef
-Publisher SEC
-Name Form
-Number N-1A
-Chapter A
-Section 3
-Subsection instructions
-Paragraph 2
-Subparagraph a
-Clause i

+ Details

Name:	rr_MaximumDeferredSalesChargeOverOther
Namespace Prefix:	rr_
Data Type:	rr:NonNegativePure4Type
Balance Type:	na
Period Type:	duration

- References

Reference 1: http://www.xbrl.org/2003/role/presentationRef
-Publisher SEC
-Name Form
-Number N-1A
-Chapter A

+ Details

Name:	rr_ProspectusLineItems
Namespace Prefix:	rr_
Data Type:	xbrli:stringItemType
Balance Type:	na
Period Type:	duration

- Definition

Other Expenses

+ References

Reference 1: http://www.xbrl.org/2003/role/presentationRef
-Publisher SEC
-Name Form
-Number N-1A
-Chapter A
-Section 3
-Subsection table
-Paragraph 1
-Subparagraph 10

+ Details

Name:	rr_ShareholderFeeOther
Namespace Prefix:	rr_
Data Type:	rr:NonNegativeMonetaryType
Balance Type:	na
Period Type:	duration

- Details

Name:	dei_LegalEntityAxis=jhctif_S000000616Member
Namespace Prefix:
Data Type:	na
Balance Type:
Period Type:

- Details

Name:	rr_ProspectusShareClassAxis=jhctif_C000001742Member
Namespace Prefix:
Data Type:	na
Balance Type:
Period Type:

- Details

Name:	rr_ProspectusShareClassAxis=jhctif_C000001744Member
Namespace Prefix:
Data Type:	na
Balance Type:
Period Type:

- Details

Name:	rr_ProspectusShareClassAxis=jhctif_C000178768Member
Namespace Prefix:
Data Type:	na
Balance Type:
Period Type:

- Details

Name:	rr_ProspectusShareClassAxis=jhctif_C000193017Member
Namespace Prefix:
Data Type:	na
Balance Type:
Period Type: