@charset "utf-8";

/* コンテンツ幅 フル */
.contentsInr { width: auto; padding: 0px; }
@media all and (min-width: 740px){
	.contentsInr { min-height: auto; }
}

.nature-amami-syuyu .ctm_contentsFull { margin-top: 0; }
@media all and (min-width: 740px){
	.nature-amami-syuyu .ctm_contentsFull { margin-top: 0; }
}

/* コンテンツ幅 950px */
.contentsInr .contentsUnit,
.contentsInr .module { padding: 0 10px; margin: 0 auto; }

@media all and (min-width: 740px){
	.contentsInr .contentsUnit,
	.contentsInr .module { width: 950px !important; padding: 0px; margin: 0 auto; }
	.contentsInr .module { float: none !important; }
}

/* font */
.nature-amami-syuyu .fmYL { background: linear-gradient(transparent 50%, #fef58c 50%); }

@media all and (min-width: 740px){
	.nature-amami-syuyu .alC_forPC { text-align: center; }
}
.nature-amami-syuyu .txtIndent_01 { padding-left: 3.0em; text-indent: -3.0em;}
.nature-amami-syuyu .txtIndent_01_padding { padding-left: 3.0em;}
/* icon */
.nature-amami-syuyu .material-symbols-outlined { font-variation-settings: 'wght' 400; vertical-align: middle; }

/* iconTxt */
.nature-amami-syuyu [class^="ctm_iconTxt_br"] { display: inline-block; padding: 3px 1.0rem 1px; color: #fff; border-radius: 4px; letter-spacing: 0.1rem; }

.nature-amami-syuyu .txtLimited { position: absolute; display: inline-block; transform: rotate(-12deg); padding: 0.2em 0.5em 0.1em 0.5em; font-weight: bold; color: #ec8c02; background: #fff; border: 2px solid #ec8c02; }

/* list */
@media all and (min-width: 740px){
	.listSide ul { display: flex; justify-content: center; }
	.listSide ul > li + li { margin: 0 0 0 2.0rem; }
	
	.listC { text-align: center; }
	.listC li { display: inline-block; }
}


/* ctm_pageTtl */
.nature-amami-syuyu .ctm_pageTtl.hc01 .ttlLv1 { position: relative; margin: 30px 0 40px; padding: 0 0 20px; width: 100%; }
.nature-amami-syuyu .ctm_pageTtl.hc01 .ttlLv1:after { content: ''; position: absolute; display: inline-block; 
width: 80%; height: 48%; bottom: -20px; right: 0; left: 0; margin: 0 auto;
background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/heading_bg01.png?v=2) no-repeat; background-size: contain; }
.nature-amami-syuyu .ctm_pageTtl.hc01 .ttlLv1 h2 { position: relative; display: block; font-weight: 500; }
.nature-amami-syuyu .ctm_pageTtl.hc01 .ttlLv1 h2 span { font-size: 2.4rem; }
@media all and (max-width: 739px){
	.yakushima #Feature .ctm_pageTtl.hc01 .ttlLv1:after { bottom: -44px; }
	#Option .ctm_pageTtl.hc01 .ttlLv1:after { bottom: -43px; }
	.nature-amami-syuyu .ctm_pageTtl.hc01 .ttlLv1 h2 { font-size: 3.2rem; }
}
@media all and (min-width: 740px){
	.nature-amami-syuyu .ctm_pageTtl.hc01 .ttlLv1:after { width: 48%; }
	.nature-amami-syuyu .ctm_pageTtl.hc01 .ttlLv1 h2 span { font-size: 3.2rem; }
}

.nature-amami-syuyu .ctm_pageTtl.hc02 { border-radius: 100vh; color: #fff; background: #01886c; }

.nature-amami-syuyu .ttlLv4 h5 { font-size: 1.6rem; line-height: 1.5; }



/* caption */
.nature-amami-syuyu .imgParts figcaption { font-size: 1.4rem; }
@media all and (min-width: 740px){
	.nature-amami-syuyu .imgParts figcaption { font-size: 1.2rem; }
}

/* table */
.nature-amami-syuyu .table_typeA .ttlLv4 { margin-bottom: 0; padding-top: 0; line-height: 2.4rem; }

.nature-amami-syuyu .table_typeA .noteList li { line-height: 1.5; }

.nature-amami-syuyu .table_type_B .table_typeA,
.nature-amami-syuyu .table_type_B table,
.nature-amami-syuyu .table_type_B tr th,
.nature-amami-syuyu .table_type_B tr td { background: transparent; border: none; }
.nature-amami-syuyu .table_type_B tr:first-child th,
.nature-amami-syuyu .table_type_B tr:first-child td { border-top: 1px solid #ec8c02; }
.nature-amami-syuyu .table_type_B tr th:first-child,
.nature-amami-syuyu .table_type_B tr td:first-child { border-left: none; }
.nature-amami-syuyu .table_type_B tr th { color: #ec8c02; border-bottom: 1px solid #ec8c02; }
.nature-amami-syuyu .table_type_B tr td { border-bottom: 1px solid #ec8c02; }

.nature-amami-syuyu .table_type_C table { border: none; }
.nature-amami-syuyu .table_type_C tr th { border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: none; border-top: none; background: #00a89a; color: #fff; }
.nature-amami-syuyu .table_type_C tr th:first-child { border-left: none; } 
.nature-amami-syuyu .table_type_C tr th:last-child { border-right: none; }
.nature-amami-syuyu .table_type_C tr:last-child th { border-bottom: none; }
.nature-amami-syuyu .table_type_C tr td { border: 1px solid #00a89a; border-left: none; border-top: none; background: #fff; }
.nature-amami-syuyu .table_type_C tr:first-child td { border-top: 1px solid #00a89a; }
.nature-amami-syuyu .table_type_C tr td:first-child { border-left: 1px solid #00a89a; }

@media all and (min-width: 740px){

}

/* Column */
.nature-amami-syuyu .ctm_bdrColumn .colWrap .col { background: #fff; }

/* Botton type horizon */
.nature-amami-syuyu .ctm_btnList_horizon .btnBox { display: block; width: 100%; height: 100%; }
.nature-amami-syuyu .ctm_btnList_horizon .col > div { height: 100%; }
.nature-amami-syuyu .ctm_btnList_horizon .col .btn { display: table; width: 100%; height: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 0px; }
.nature-amami-syuyu .ctm_btnList_horizon .col .btnInr { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

/* anchorList */
.nature-amami-syuyu .anchorList .btnBK .btn { background: #a08e12; }
@media all and (max-width: 739px){
	.nature-amami-syuyu .anchorList .btn { margin-top: 0; }
}



/* MV */
#MV .hero_img img { }



/* Lead */
#Lead.ctm_contentsFull { padding: 5px 0 30px; color: #fff; background: #00a8c8; }

#Lead .ctm_pageTtl .ttlLv1 { margin: 10px 0 0; }
#Lead .ctm_pageTtl .ttlLv1 h2 { font-size: 2.2rem; font-weight: normal; }
@media all and (min-width: 740px){
	#Lead .ctm_pageTtl .ttlLv1 h2 { font-size: 2.4rem; }
}



/* Navi */
#Navi.ctm_contentsFull { background: #fff; }



/* Price */
#Price.ctm_contentsFull { padding-bottom: 0; background: #fff; }

#Price .priceBlock { padding: 15px 25px 20px; border: 2px solid #00a89a; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); }
@media all and (min-width: 740px){
	#Price .priceBlock { padding: 15px 30px 20px; }
	#Price .priceBlock .clm_1_2col .col:nth-of-type(1) { width: calc(36% - 15px); }
	#Price .priceBlock .clm_1_2col .col:nth-of-type(2) { width: calc(64% - 15px); }
}

#Price .priceBlock .ctm_pageTtl .ttlLv1 { position: relative; margin-top: 0; }
#Price .priceBlock .ctm_pageTtl .ttlLv1:before { content: ''; position: absolute;
bottom: -5px; left: 0; width: 100%; height: 8px;
background-image: -webkit-repeating-linear-gradient(135deg, #2cc6b3, #2cc6b3 1px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-45deg, #2cc6b3, #2cc6b3 1px, transparent 2px, transparent 5px);
background-size: 7px 7px;
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
#Price .priceBlock .ctm_pageTtl .ttlLv1 h2 { font-size: 2.4rem; }
@media all and (min-width: 740px){
	#Price .priceBlock .ctm_pageTtl .ttlLv1 { margin-top: 10px; }
}





/* Information */
#Information.ctm_contentsFull { background: #fff; }

#Information .ctm_pageTtl .ttlLv1 { margin: 10px 0 20px; }
#Information .ctm_pageTtl .ttlLv1 h2 { font-size: 2.0rem; color: #01886c; }
@media all and (min-width: 740px){
	#Information .ctm_pageTtl .ttlLv1 h2 { font-size: 2.2rem; }
}

@media all and (min-width: 740px){
	#Information .infoBlock .clm_1_2col .col:nth-of-type(1) { width: calc(16% - 15px); }
	#Information .infoBlock .clm_1_2col .col:nth-of-type(2) { width: calc(84% - 15px); }
}

@media all and (max-width: 739px){
	#Information .infoBlock .clm_1_2col .col:nth-of-type(1) img { width: 60%; display: block; margin: 0 auto 10px; }
}




/* Point */
#Point.ctm_contentsFull {  
background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/contents_bg01.jpg?v=0); background-size: 75%; }

#Point .ctm_pageTtl.hc01 .ttlLv1 { margin-bottom: 30px; }
	
#Point .courseBlock .tabs_parent > li > a { background: #fff; }
#Point .courseBlock .tabs_parent > li.current > a { background: #b10000; }
#Point .courseBlock .tbl_col_1 { width: 18%; }

#Point .pointListBlock { position: relative; padding: 20px 25px; background: #fff; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); }
@media all and (min-width: 740px){
	#Point .pointListBlock { padding: 20px 30px 30px; }
}

#Point_01:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/point_heading01.png?v=2); }
#Point_02:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/point_heading02.png?v=2); }
#Point_03:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/point_heading03.png?v=2); }
#Point_04:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/point_heading04.png?v=2); }
.pointListBlock:before { transform: scale(0.26); position: absolute; top: -82px; left: -154px; }
@media all and (min-width: 740px){
	.pointListBlock:before { transform: scale(0.32); top: -60px; left: -152px; }
}

@media all and (min-width: 740px){
	#Point .pointWrap_type_A { padding-left: 80px; }
	#Point .pointWrap_type_A .clm_1_2col .col:nth-of-type(1) { width: calc(65% - 15px); }
	#Point .pointWrap_type_A .clm_1_2col .col:nth-of-type(2) { width: calc(35% - 15px); }
}

#Point .pointListBlock .ctm_pageTtl .ttlLv2 { margin-top: 10px; padding-left: 66px; text-align: left; }
#Point .pointListBlock .ctm_pageTtl .ttlLv2 h3 { display: inline-block; position: relative; font-size: 2.4rem; }
#Point .pointListBlock .ctm_pageTtl .ttlLv2 h3 strong { color: #00a89a; }
#Point .pointListBlock .ctm_pageTtl .ttlLv2 h3 .fs_S01 { font-size: 2.0rem; }
#Point .pointListBlock .ctm_pageTtl .ttlLv2 h3 .fs_S02 { font-size: 1.6rem; }
@media all and (min-width: 740px){
	#Point .pointListBlock .ctm_pageTtl .ttlLv2 { margin-top: 30px; padding-left: 80px; }
	#Point .pointListBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.8rem; }
	#Point .pointListBlock .ctm_pageTtl .ttlLv2 h3 .fs_S01 { font-size: 2.2rem; }
	#Point .pointListBlock .ctm_pageTtl .ttlLv2 h3 .fs_S02 { font-size: 1.8rem; }
}

#Point .pointListBlock .ctm_pageTtl .ttlLv3 { padding-top: 0; border-top: 1px solid #00a89a; }
#Point .pointListBlock .ctm_pageTtl .ttlLv3 h4 { display: inline-block; padding: 3px 20px 1px; font-size: 2.2rem; color: #fff; background: #00a89a !important; border-radius: 0 0 10px 10px; }
@media all and (max-width: 739px){
	#Point .pointListBlock .ctm_pageTtl .ttlLv3 h4 span { padding-right: 0.2rem; font-size: 1.8rem; }
}
@media all and (min-width: 740px){
	#Point .pointListBlock .col .ctm_pageTtl .ttlLv3 { margin-top: 0; }
	#Point .pointListBlock .ctm_pageTtl .ttlLv3 h4 { font-size: 2.4rem; }
}

/** Point_01 **/
#Point #Point_01 .ctm_pageTtl .ttlLv2 { margin-bottom: 0px; }

#Point_01 .pageTtl_box:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/point01_deco01.png?v=0); position: absolute; transform: scale(0.26); top: -100px; right: -60px; }
@media all and (min-width: 740px){
	#Point_01 .pageTtl_box:before { transform: scale(0.3); top: -40px; right: 10px; }
}

.yakushima #Point_01 .colWrap .btnBK .btn { margin-top: 0; }

/** Point_02 **/
#Point_02 .pageTtl_box:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/point02_deco01.png?v=0); position: absolute; }
@media all and (max-width: 739px){
	#Point_02 .pageTtl_box:before { transform: scale(0.34); top: 20px; left: -76px; }
}
@media all and (min-width: 740px){
	#Point_02 .pageTtl_box:before { transform: scale(0.36); bottom: -60px; left: -40px; }
}
/*
@media all and (max-width: 739px){
	#Point #Point_02 .ctm_pageTtl .ttlLv2 { margin-top: 30px; }
}

#Point_02 .txtLimited { top: 5px; right: 15px; }

@media all and (min-width: 740px){
	#Point_02 .txtLimited { top: 36px; right: 475px; }
	#Point_02 .slick-box .slidControl { bottom: 38px; }
}
*/
/** Point_03 **/
#Point_03 .clm_1_2col .col:nth-of-type(2) img { margin: 0 auto; width: 50%; display: block; }
@media all and (min-width: 740px){
	#Point_03 .clm_1_2col .col:nth-of-type(1) { width: calc(80% - 15px); }
	#Point_03 .clm_1_2col .col:nth-of-type(2) { width: calc(20% - 15px); margin-top: -30px; }
	#Point_03 .clm_1_2col .col:nth-of-type(2) img { width: 80%; }
	#Point_03 .clm_1_2col .col:nth-of-type(2) figcaption { text-align: center; }
}

#Point_03 .ttlLv3 { padding-top: 30px; }
#Point_03 .ttlLv3 h4 { border-left: 3px solid #c9a340; }

/** Point_04 **/
@media all and (max-width: 739px){
	#Point_04.pointListBlock .ctm_pageTtl .ttlLv2 { padding-left: 20px; }
	#Point_04.pointListBlock .ctm_pageTtl .ttlLv2 h3 { text-indent: 46px; }
}

#Point_04 .pageTtl_box:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/point04_deco01.png?v=0); position: absolute; transform: scale(0.36); top: -10px; right: -4px; }
@media all and (min-width: 740px){
	#Point_04 .pageTtl_box:before { transform: scale(0.42); top: 20px; right: 50px; }
}



#Point .pointListBlock .btnBK .btn { background: #00a8c8; }
#Point .btnBK .btn strong { color: #fff; }

#Point .pointListBlock strong { color: #01886c; }






/* Feature */
#Feature.ctm_contentsFull { background-color: #fff; }

.yakushima   #Feature .ctm_pageTtl.hc01 .ttlLv1 h2 span { padding-right: 0.2rem; }
.tokunoshima #Feature .ctm_pageTtl.hc01 .ttlLv1 h2 span { padding-left: 0.2rem; }

#Feature .table_type_C th { padding: 14px 15px 10px; text-align: center; font-size: 2.4rem; }
#Feature .table_type_C .fsL { font-size: 1.6rem !important; }

#Feature .photoBlock .colWrap .col { position: relative; }
#Feature .photoBlock .colWrap .col .pageTtl_box { position: absolute; display: table; width: 7.0rem; height: 7.0rem; padding-top: 0.5rem; border-radius: 50%; background: #c9a340; text-align: center; top: -16px; left: 16px; }
#Feature .photoBlock .colWrap .col .ttlLv4 h5 { color: #fff; font-weight: normal; font-size: 1.5rem; }
@media all and (max-width: 739px){
	#Feature .photoBlock .clm_1_2col .col:nth-of-type(n+2) { margin-top: 30px; }
}

#Feature .featureWrap { padding-top: 25px; border-top: 4px dotted #2cc6b3; }



/* Hotel */
#Hotel.ctm_contentsFull { background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/contents_bg02.jpg?v=0); background-size: 75%; }

#Hotel .ctm_pageTtl { position: relative; }
#Hotel .ctm_pageTtl .iconBath { position: absolute; text-align: center; font-size: 1.4rem; top: -3px; right: 10px; }
#Hotel .ctm_pageTtl .iconBath i {display: block; font-size: 1.6rem; color: #fff; font-weight: bold; width: 1.8em; height: 1.8em; line-height: 2.0em; border-radius: 50%; background: #ec8c02; }
@media all and (min-width: 740px){
	#Hotel .ctm_pageTtl .iconBath { font-size: 1.1rem; top: 5px; }
	#Hotel .ctm_pageTtl .iconBath i { font-size: 1.4rem; width: 1.7em; height: 1.7em; line-height: 1.9em; }
}

#Hotel .ctm_bdrColumn .colWrap .col { padding: 20px; }
@media all and (min-width: 740px){
	#Hotel .ctm_bdrColumn .clm_1_3col .col { padding: 10px; }
}

#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv2 { margin: 0; color: #00a8c8; border-top: 1px solid #00a8c8; border-bottom: 1px solid #00a8c8; }
#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv2 h3 { font-size: 1.8rem; }

#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv3 { margin: 12px 0 10px; }
#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv3 h4 { padding: 0; font-size: 2.2rem; font-weight: normal; }

#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv4 { margin-bottom: 0; color: #00a8c8; }
#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv4 h5 { font-size: 1.7rem; }

#Hotel .ctm_bdrColumn .textlinkbox { text-align: center; }

@media all and (max-width: 739px){
	#Hotel .ta-gadget-rg-c { margin-top: 10px; }
}
@media all and (min-width: 740px){
	#Hotel .clm_1_2col .ta-gadget-rg-c .freehtml .tripBox180 { margin: 0 0 0 auto; }
}




/* Option */
#Option.ctm_contentsFull { background-color: #fff; }

#Option .ctm_pageTtl.hc01 .ttlLv1 h2 span { padding-left: 0.2rem; }

#Option .optionBlock .colWrap .col { border: 1px solid #00a8c8; border-radius: 10px; }
@media all and (max-width: 739px){
	#Option .optionBlock .colWrap .col:nth-of-type(n+2) { margin-top: 20px; }
}

#Option .optionBlock .btnBK .btn { background: #00a8c8; }
#Option .optionBlock .colWrap .btnBK .btn { margin-top: 0; border-radius: 0 0 10px 10px; }

#Option .optionBlock .ctm_pageTtl .ttlLv2 { margin: 0; padding: 20px; }
#Option .optionBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.0rem; }

#Option .carBlock .ctm_pageTtl { position: relative; }
#Option .carBlock .ctm_pageTtl:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/option_car_deco01.png?v=2); transform: scale(0.25); position: absolute; top: -108px; left: 0; right: 0; }
#Option .carBlock .ctm_pageTtl .ttlLv3 { margin-top: 90px; padding-top: 8px; }
#Option .carBlock .ctm_pageTtl .ttlLv3 h4 { font-size: 2.0rem; }
#Option .carBlock .ctm_pageTtl .ttlLv3 strong { color: #f8fc98; }
@media all and (max-width: 739px){
	#Option .carBlock .ctm_pageTtl.hc02 { border-radius: 20px; }
}
@media all and (min-width: 740px){
	#Option .carBlock .ctm_pageTtl .ttlLv3 h4 { font-size: 2.2rem; }
}



/* Schedule */
#Schedule.ctm_contentsFull { background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/nature-amami-syuyu/img_sites/contents_bg01.jpg?v=0); background-size: 75%; }

.yakushima   #Schedule .tbl_col_1 { width: 24%; }
.tokunoshima #Schedule .tbl_col_1 { width: 22%; }



/* Apply */
#Apply.ctm_contentsFull { background-color: #fff; }

#Apply .ctm_pageTtl.hc01 .ttlLv1 { margin-bottom: 0; }

#Apply .tbl_col_1 { width: 16%; }

#Apply .box_typeA { padding: 20px; border: 2px solid #ccc; }
#Apply .box_typeA .ctm_pageTtl .ttlLv3 { margin: 0; padding: 0; }
#Apply .box_typeA .ctm_pageTtl .ttlLv3 h4 { padding: 0; font-size: 1.8rem; }
@media all and (min-width: 740px){
	#Apply .box_typeA .ctm_pageTtl .ttlLv3 h4 { padding: 0; font-size: 1.9rem; }
}

#Apply .contactBlock_head .fs3L { font-size: 1.8rem !important; }
@media all and (min-width: 740px){
	#Apply .contactBlock_head .fs3L { font-size: 1.9rem !important; }
}




@media all and (max-width: 739px){
	.nature-amami-syuyu .js-eqHeightCols .js-eqHeightCols-item,
	.nature-amami-syuyu .js-eqHeightCols .js-eqHeightCols-item-2,
	.nature-amami-syuyu .js-eqHeightCols .js-eqHeightCols-item-3,
	.nature-amami-syuyu .js-eqHeightCols .js-eqHeightCols-item-4 { height: auto!important; }
}

@media all and (max-width: 739px){
}
@media all and (min-width: 740px){
}