@charset "utf-8";

/* font */
@media all and (min-width: 740px){
	.furusato .alC_forPC { text-align: center; }
}

.furusato .fsS_80 { font-size: 80%; }
.furusato .fsS_90 { font-size: 90%; }

/* icon */
.furusato .material-symbols-outlined { font-variation-settings: 'wght' 300; vertical-align: middle; }

.furusato [class^="ctm_iconTxt"],
.furusato table .fcWT { display: inline-block; padding: 0.3em 0.6em 0.2em; color: #fff; }

.furusato .txtLabel { position: absolute; display: inline-block; transform: rotate(-10deg); padding: 0.2em 0.5em 0.05em 0.5em; font-weight: bold; line-height: 1.4; color: #fff; background: #a88103; }

/* list */
@media all and (min-width: 740px){
	.furusato .listSide  ul,
	.furusato .listSideC ul { display: flex; gap: 0.2em 0.6em; }
	.furusato .listSide  ul { flex-wrap: wrap; }
	.furusato .listSideC ul { justify-content: center; }
	.furusato .listSide  ul > li + li,
	.furusato .listSideC ul > li + li { margin: 0; }
	
	.furusato .listC { text-align: center; }
	.furusato .listC li { display: inline-block; }
}

.furusato .listF > ul > li { padding: 0!important; }
.furusato .listF > ul > li:before { display: none; }

/* ctm_pageTtl */
.furusato .ctm_pageTtl.hc01 { color: #fff; background: #ec8802; }
@media all and (min-width: 740px){
	.furusato .ctm_pageTtl.hc01 .ttlLv1 .heading { font-size: 3.4rem; }
}

.furusato .ctm_pageTtl.hc02 { color: #fff; }
.furusato .area01 .ctm_pageTtl.hc02 { background: #ca5981; }
.furusato .area02 .ctm_pageTtl.hc02 { background: #21987d; }
.furusato .area03 .ctm_pageTtl.hc02 { background: #6464bc; }
.furusato .ctm_pageTtl.hc02 .ttlLv2 { margin: 40px 0 0; }
@media all and (min-width: 740px){
	.furusato .ctm_pageTtl.hc02 .ttlLv2 .heading { font-size: 2.4rem; }
}

.furusato .listBlock .ctm_bdrColumn .ttlLv2 { margin-top: 20px; padding-top: 10px; position: relative; }
.furusato .listBlock .ctm_bdrColumn .ttlLv2 .heading { font-size: 2.0rem; }

.furusato .listBlock .ctm_bdrColumn .ttlLv2 sub { position: absolute; display: table; width: 3.4em; height: 3.4em;
color: #fff; border-radius: 50%; background: #ca5981; text-align: center; top: -4.8rem; left: -6px; font-size: 1.6rem; }
.furusato .listBlock .ctm_bdrColumn.area02 .ttlLv2 sub { background: #21987d; }
.furusato .listBlock .ctm_bdrColumn.area03 .ttlLv2 sub { background: #6464bc; }
.furusato .listBlock .ctm_bdrColumn .ttlLv2 sub span { display: table-cell; vertical-align: middle; line-height: 1.3; }
@media all and (min-width: 740px){
	.furusato .listBlock .ctm_bdrColumn .ttlLv2 sub { left: 0; }
}

.furusato .listBlock .ctm_bdrColumn .ttlLv3 { margin: 14px 0 10px; padding: 0; }
.furusato .listBlock .ctm_bdrColumn .ttlLv3 .heading { font-size: 1.6rem; }

/* caption */
.furusato .txtCaption { margin-top: 6px; font-size: 1.2rem; }

.furusato .listBlock .ctm_bdrColumn .captionWrap { position: relative; min-height: 24px; }
.furusato .listBlock .ctm_bdrColumn .captionWrap:before { content: ""; position: absolute; display: block; top: 8px; left: 0; width: 14px; height: 14px;
mask-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/furusato/ngs-kmj-oit/img_sites/icon_caption01.svg);
mask-size: contain; mask-repeat: no-repeat; mask-position: center; }
.furusato .listBlock .ctm_bdrColumn .captionWrap.caption_area01:before { background-color: #ca5981; }
.furusato .listBlock .ctm_bdrColumn .captionWrap.caption_area02:before { background-color: #21987d; }
.furusato .listBlock .ctm_bdrColumn .captionWrap.caption_area03:before { background-color: #6464bc; }

@media all and (min-width: 740px){
	.furusato .listCaption ul { gap: 0.2em 2.0em; }
}
.furusato .listCaption .txtList > li { padding-left: 18px !important; }
.furusato .listCaption li:before { content: ""; position: absolute; display: block; top: 10px; left: 8px; width: 14px; height: 14px;
mask-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/furusato/ngs-kmj-oit/img_sites/icon_caption01.svg);
mask-size: contain; mask-repeat: no-repeat; mask-position: center; }
.furusato .listCaption .txtList > li:nth-of-type(1):before { background-color: #ca5981; }
.furusato .listCaption .txtList > li:nth-of-type(2):before { background-color: #21987d; }
.furusato .listCaption .txtList > li:nth-of-type(3):before { background-color: #6464bc; }

/* table */

.furusato .table_type_B .table_typeA,
.furusato .table_type_B table,
.furusato .table_type_B tr th,
.furusato .table_type_B tr td { background: transparent; border: none; text-align: center; }
.furusato .table_type_B tr:first-child th,
.furusato .table_type_B tr:first-child td { border-top: 1px solid #d0d0d0; }
.furusato .table_type_B tr th:first-child,
.furusato .table_type_B tr td:first-child { border-left: none; }
.furusato .table_type_B tr th { color: #a88103; border-bottom: 1px solid #d0d0d0; }
.furusato .table_type_B tr td { border-bottom: 1px solid #d0d0d0; }
.furusato .table_type_B tr td li { text-align: left; }

/* column */
.furusato .ctm_bdrColumn .colWrap .col { background: #fff; }
@media all and (max-width: 739px){
	.furusato .ctm_bdrColumn .clm_1_3col.colWrap .col:nth-of-type(n+2) { margin-top: 24px; }
}



/* Navi */
#Navi {}

@media all and (min-width: 740px){
	#Navi .txtCaption { margin-top: -22px; }
}

@media all and (max-width: 739px){
	#Navi .anchorBlock .ctm_btnList_horizon .col .btn { margin-top: 4px; }
	#Navi .anchorBlock .mgtS { margin-top: 10px !important; }
}

	

/* Coupon */
#Coupon { margin-top: 60px; background: #fdfdeb; }
@media all and (max-width: 739px){
	#Coupon { margin: 40px -10px 0; width: auto; }
}

#Coupon .contentsUnit { padding: 0 14px 14px; }
@media all and (min-width: 740px){
	#Coupon .contentsUnit { padding: 0 20px 20px; }
}

@media all and (min-width: 740px){
	/*
	#Coupon .contentsUnit .clm_1_2col .col { width: calc(50% - 7px); }
	#Coupon .contentsUnit .clm_1_2col .col:nth-of-type(2) { margin-left: 14px; }
	*/
}

#Coupon .contentsUnit .ttlLv1 { position: relative; }
#Coupon .contentsUnit .ttlLv1 em  { display: inline-block; text-indent: 4.6em; }
#Coupon .contentsUnit .ttlLv1 sup { position: absolute; top: 0px; left: 8px; padding: 0.12em 0.2em 0 0.6em; 
font-size: 1.8rem; color: #fff; background: #c00; transform: rotate(-10deg); }
@media all and (min-width: 740px){
	#Coupon .contentsUnit .ttlLv1 em  { text-indent: 4.0em; }
	#Coupon .contentsUnit .ttlLv1 sup { top: 2px; left: 2px; line-height: 1.6; }
}

#Coupon .contentsUnit .ttlLv2 { padding: 10px 0 8px; }
#Coupon .contentsUnit .ttlLv2 .heading { font-size: 1.6rem; line-height: 1.7; }
#Coupon .contentsUnit .ttlLv2 .ctm_iconTxt_RD { vertical-align: 0.4rem; }
@media all and (min-width: 740px){
	#Coupon .contentsUnit .ttlLv2 .heading { font-size: 1.8rem; }
}

#Coupon .contentsUnit .labelTtl_box .ttlLv4 { margin-bottom: 18px; padding: 10px 0 8px; }
#Coupon .contentsUnit .labelTtl_box .ttlLv4 .heading { font-size: 1.6rem; font-weight: normal; line-height: 1.7; }



/* Spot */
#Spot {}

#Spot_area01-02 .txtLabel { top: -32px; left: 35%; font-size: 1.6rem; }
@media all and (min-width: 740px){
	#Spot_area01-02 .txtLabel { top: -6px; font-size: 1.8rem; }
}



/* Plan */
#Plan {}

#Plan .table_type_B .ttlLv2 { position: relative; }
#Plan .table_type_B .ttlLv2 sub { position: absolute; padding: 0.1em 0.5em 0;  color: #a88103; border-radius: 6px; background: #fff; top: 10px; left: 10px; font-size: 1.8rem; }
@media all and (max-width: 739px){
	#Plan .table_type_B .ttlLv2 .heading { padding-left: 7.8rem; text-align: left;  }
	#Plan .table_type_B .ttlLv2 sub { top: 9px; font-size: 1.6rem; }
}
@media all and (min-width: 740px){

}

#Plan .table_type_B .tbl_col_1 { width: 20%; }

#Plan .table_type_B .fs_A01 { margin: 0 0.4em; color: #a88103; font-weight: bold; font-size: 1.6rem; }



/* Gourmet */
#Gourmet {}



/* ticketModule_unit */
.ticketModule_unit #JS_dpOptLink { display: none; }

@media all and (max-width: 739px){
	.furusato .js-eqHeightCols .js-eqHeightCols-item,
	.furusato .js-eqHeightCols .js-eqHeightCols-item-2,
	.furusato .js-eqHeightCols .js-eqHeightCols-item-3,
	.furusato .js-eqHeightCols .js-eqHeightCols-item-4 { height: auto!important; }
}

@media all and (max-width: 739px){
}
@media all and (min-width: 740px){
}