@charset "utf-8";

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

.op-diving .ctm_contentsFull { margin-top: 0; }
@media all and (min-width: 740px){
	.op-diving .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 */
.op-diving .ctm_pageTtl.hc01 .heading { }

@media all and (min-width: 740px){
	.alC_forPC { text-align: center; }
}

/* icon */
.op-diving .material-symbols-outlined { font-variation-settings: 'wght' 300; vertical-align: middle; }

.op-diving [class^="ctm_iconTxt"],
.op-diving table .fcWT { display: inline-block; padding: 0.3em 0.6em 0.2em; color: #fff; }

.op-diving .txtLabel { position: absolute; display: inline-block; transform: rotate(-12deg); padding: 0.2em 0.5em 0.1em 0.5em; font-weight: bold; color: #f67476; background: #fff; border: 2px solid #f67476; }

/* list */
@media all and (min-width: 740px){
	.op-diving .listSide  ul,
	.op-diving .listSideC ul { display: flex; gap: 0.2em 0.6em; }
	.op-diving .listSide  ul { flex-wrap: wrap; }
	.op-diving .listSideC ul { justify-content: center; }
	.op-diving .listSide  ul > li + li,
	.op-diving .listSideC ul > li + li { margin: 0; }
	
	.op-diving .listC { text-align: center; }
	.op-diving .listC li { display: inline-block; }
}

.op-diving .listF > ul > li { padding: 0!important; }
.op-diving .listF > ul > li:before { display: none; }


/* ctm_pageTtl */
.op-diving .ctm_pageTtl.hc01 .ttlLv1 { margin-top: 40px; }
.op-diving .ctm_pageTtl.hc01 .ttlLv1 .heading { position: relative; color: #0c2363; 
display: flex; justify-content: center; align-items: center; }
.op-diving .ctm_pageTtl.hc01 .ttlLv1 .heading:before,
.op-diving .ctm_pageTtl.hc01 .ttlLv1 .heading:after  { content: ""; width: 4px; height: 50px; background: #8feaf5; }
.op-diving .ctm_pageTtl.hc01.hc01_B .ttlLv1 .heading:before,
.op-diving .ctm_pageTtl.hc01.hc01_B .ttlLv1 .heading:after  { background: #fff; }
.op-diving .ctm_pageTtl.hc01 .ttlLv1 .heading:before { margin-right: 30px; transform: rotate(-35deg); }
.op-diving .ctm_pageTtl.hc01 .ttlLv1 .heading:after  { margin-left: 30px; transform: rotate(35deg); }

@media all and (max-width: 739px){
	.op-diving .ctm_pageTtl.hc01 .ttlLv1 .heading { font-size: 2.8rem; }
}

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

}


/* caption */
.op-diving .imgParts figcaption { font-size: 1.2rem; }

/* table */

.op-diving ol.noteList_star.numSingle { padding-left: 0; }
.op-diving ol.noteList_star.numSingle > li { list-style-type: none; }


.op-diving .table_type_B table { border: none; }
.op-diving .table_type_B th { border-left: 1px solid #fff; background: #0081c2; color: #fff; }
.op-diving .table_type_B td { border: 1px solid #0081c2; border-left: none; border-top: none; background: #fff; }
.op-diving .table_type_B table,
.op-diving .table_type_B th:first-child { border-left: 1px solid #0081c2; }
.op-diving .table_type_B tr:first-child th,
.op-diving .table_type_B tr:first-child td { border-top: 1px solid #0081c2; }
.op-diving .table_type_B tr td:first-child { border-left: none; }

.op-diving .table_type_C table { border: none; }
.op-diving .table_type_C th { border-left: 1px solid #fff; background: #0081c2; color: #fff; }
.op-diving .table_type_C td { border: 1px solid #0081c2; border-left: none; border-top: none; background: #fff; }
.op-diving .table_type_C th:first-child { border-left: 1px solid #0081c2; }
.op-diving .table_type_C tr:first-child th,
.op-diving .table_type_C tr:first-child td { border-top: 1px solid #0081c2; }
.op-diving .table_type_C tr td:first-child { border-left: none; }
.op-diving .table_type_C tr th:last-child,
.op-diving .table_type_C tr td:last-child { border-right: none; }

.op-diving .table_type_D .table_typeA,
.op-diving .table_type_D table,
.op-diving .table_type_D tr th,
.op-diving .table_type_D tr td { background: transparent; border: none; text-align: center; }
.op-diving .table_type_D tr:first-child th,
.op-diving .table_type_D tr:first-child td { border-top: 1px solid #0081c2; }
.op-diving .table_type_D tr th:first-child,
.op-diving .table_type_D tr td:first-child { border-left: none; }
.op-diving .table_type_D tr th { color: #967d05; border-bottom: 1px solid #0081c2; }
.op-diving .table_type_D tr td { border-bottom: 1px solid #0081c2; }
.op-diving .table_type_D tr td li { text-align: left; }

@media all and (min-width: 740px){
	.op-diving .table_typeA table { width: 100%; }
}

/* slide */
.op-diving .slick-list li { position: relative; }
.op-diving .slick-list li:before,
.op-diving .slick-list li:after { content: ""; position: absolute; color: #fff; text-shadow: 1px 1px 8px rgb(0 0 0 / 1.0); }
.op-diving .slick-list li:before { top: 6px; left: 14px; font-weight: bold; }
.op-diving .slick-list li:after  { bottom: 1px; right: 12px; font-size: 1.2rem; }

.op-diving .slick-box .slidControl { bottom: 22px; }
@media all and (min-width: 740px){
	.op-diving .slick-box .slidControl { padding: 8px 20px !important; }
}

/* chatBox */
.op-diving .chatBox { position: absolute; display: inline-block; padding: 10px 24px; color: #fff; background: #0081c2; border-radius: 10px; }
.op-diving .chatBox:after { content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 18px 12px 0 12px; border-color: #0081c2 transparent transparent; translate: -50% 100%; }
.op-diving .chatBox,
.op-diving .chatBox div,
.op-diving .chatBox ul,
.op-diving .chatBox li { display: inline-block; width: auto; }



/* MV */
#MV { background-image: linear-gradient(0deg, #09c5c7, #009c9e 30%); }

#MV .leadBlock { padding-bottom: 30px; /* width: 100%; height: auto; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/flyagain-nagasaki/img_sites/lead_bg01.png?v=0); background-size: 15%; background-repeat: no-repeat; background-position: top 22px left 50%; */ }

#MV .leadBlock .listF li { color: #fff; }
#MV .leadBlock .listF .txtList > li + li { margin-top: 0.4em; }
#MV .leadBlock .listF li strong { font-size: 2.0rem; color: #fff; }
@media all and (min-width: 740px){
	#MV .leadBlock .listF li strong { font-size: 2.2rem; }
}



/* Point */
#Point.ctm_contentsFull { background: #fff; }
@media all and (max-width: 739px){
	#Point.ctm_contentsFull { padding-bottom: 30px; }
}

#Point .pointListBlock { position: relative; background: #d6fcf2; border: 12px solid #d6fcf2; border-radius: 20px;
box-shadow: 8px 8px 16px 0 rgb(0 0 0 / 0.05); transform: skewY(-4deg); }

#Point .pointListBlock#Point_01:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/op-diving-tokushu/img_sites/point01_heading01.png?v=1); }
#Point .pointListBlock#Point_02:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/op-diving-tokushu/img_sites/point02_heading01.png?v=1); }
#Point .pointListBlock:before { position: absolute; transform: scale(0.27); top: -154px; left: -140px; }
@media all and (min-width: 740px){
	#Point .pointListBlock:before { transform: scale(0.35); top: -144px; left: -90px; }	
}

#Point .pointListBlock .ctm_pageTtl .ttlLv2 { margin: 30px 0 10px; position: relative; }
#Point .pointListBlock .ctm_pageTtl .ttlLv2 .heading { border-bottom: 6px solid #fff; }
#Point .pointListBlock .ctm_pageTtl .ttlLv2 .heading sup { position: absolute; font-size: 1.4rem; top: -10px; }
@media all and (max-width: 739px){
	#Point .pointListBlock .ctm_pageTtl .ttlLv2 .heading { padding-left: 60px; text-align: left; font-size: 2.2rem; }
}

#Point .pointListBlock .ctm_pageTtl .ttlLv3 { margin-top: 20px; padding: 0; }
#Point .pointListBlock .ctm_pageTtl .ttlLv3 .heading { display: inline-block; /* border-bottom: 3px solid #333; */}

#Point .pointListBlock .txtLead li { font-size: 1.6rem; }
#Point .pointListBlock .txtLead li .fs_L01 { font-size: 1.8rem; }

#Point .pointListBlock .blockInr_01 { transform: skewY(4deg); position: relative; }

#Point .pointListBlock .blockInr_02 { padding: 16px 10px; }
@media all and (min-width: 740px){
	#Point .pointListBlock .blockInr_02 { padding: 30px; }
}

/** Point_01 **/
#Point_01 { padding-bottom: 34px; }

#Point .pointListBlock .blockInr_03 { padding: 0 16px 16px; background: #fff; position: relative; }
#Point .pointListBlock .blockInr_03 .ttlLv3 .heading { padding: 0 0 0 96px; }
#Point .pointListBlock .blockInr_03 .imgLogo { position: absolute; width: 28%; top: 10px; left: 10px; }
#Point .pointListBlock .blockInr_03 .txtLead { padding-top: 10px; border-top: 3px solid #d6fcf2; }
#Point .pointListBlock .blockInr_03 .txtLead li { text-align: center; font-weight: bold; color: #007bc2; }
#Point .pointListBlock .blockInr_03 figcaption { text-align: center; font-weight: bold; }
@media all and (min-width: 740px){
	#Point .pointListBlock .blockInr_03 { padding: 0 30px 20px; }
	#Point .pointListBlock .blockInr_03 .ttlLv3 .heading { padding: 0; }
	#Point .pointListBlock .blockInr_03 .imgLogo { width: 14%; }
	#Point .pointListBlock .blockInr_03 .clm_2_4col.colWrap .col { width: 193px; }
}

/** Point_02 **/
#Point_02.pointListBlock .blockInr_01:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/op-diving-tokushu/img_sites/mile_01.png?v=1); transform: scale(0.30); position: absolute; bottom: -108px; right: -72px; }
@media all and (min-width: 740px){
	#Point_02.pointListBlock .blockInr_01:before { transform: scale(0.35); bottom: -4px; right: -46px; }
}



/* Plan */
#Plan.ctm_contentsFull { background: linear-gradient(90deg, rgb(219 249 254 / 1) 50%, rgb(129 196 254 / 1) 100%); transform: skewY(-4deg); padding-bottom: 70px; }
@media all and (max-width: 739px){
	#Plan.ctm_contentsFull { padding-bottom: 40px; }
}

#Plan .contentsUnit { transform: skewY(4deg); }

#Plan .ctm_bdrColumn .colWrap .col { padding: 18px; background: #fff; border: none; border-radius: 16px; 
box-shadow: 8px 8px 16px 0 rgb(0 0 0 / 0.05); }
@media all and (max-width: 739px){
	#Plan .ctm_bdrColumn .colWrap .col { padding: 16px; }
	#Plan .ctm_bdrColumn .colWrap .col:nth-of-type(n+2) { margin-top: 30px; }
}

#Plan .ctm_bdrColumn .logoWrap { position: relative; }
#Plan .ctm_bdrColumn .logoWrap .imgParts { position: absolute; width: 24%; top: -10px; right: 0; }
@media all and (min-width: 740px){
	#Plan .ctm_bdrColumn .logoWrap .imgParts { width: 20%; }
}

#Plan .ctm_pageTtl .ttlLv2 { margin: 58px 0 10px; padding: 0; position: relative; }
#Plan .ctm_pageTtl .ttlLv2 .heading { font-size: 2.4rem; color: #0c2363; }
#Plan .ctm_pageTtl .ttlLv2 .heading .fs_S01 { }
#Plan .ctm_pageTtl .ttlLv2 sup { position: absolute; display: table; width: 5.2em; height: 5.2em;
color: #fff; border-radius: 50%; text-align: center; top: -9.0rem; left: 0; font-size: 1.6rem; }
#Plan .ctm_pageTtl .ttlLv2 sup.area_01 { background: #01a0e2; }
#Plan .ctm_pageTtl .ttlLv2 sup.area_02 { background: #00b4a5; }
#Plan .ctm_pageTtl .ttlLv2 sup span { display: table-cell; vertical-align: middle; line-height: 1.1; }
@media all and (min-width: 740px){
	#Plan .ctm_pageTtl .ttlLv2 .heading { font-size: 2.8rem; }
}

#Plan .ctm_bdrColumn .headingWrap .ttlLv3 { padding-top: 20px; }

#Plan .headingWrap { position: relative; }
#Plan .headingWrap .chatBox { padding: 6px 20px; text-align: center; color: #fff; background: #f03232; border-radius: 100vh; top: 4px; right: -6px; }
#Plan .headingWrap .chatBox:after { content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 12px 10px 0 10px; border-color: #f03232 transparent transparent; translate: -50% 100%; }
#Plan .headingWrap .chatBox li { font-size: 1.6rem; font-weight: bold; }
@media all and (min-width: 740px){
	#Plan .headingWrap .chatBox { top: 8px; right: 30px; }
	
}

#Plan .ctm_bdrColumn .tbl_col_1 { width: 70%; }
#Plan .ctm_bdrColumn .table_typeA table tr th,
#Plan .ctm_bdrColumn .table_typeA table tr td { padding: 8px 10px 6px; font-size: 1.4rem; }
@media all and (max-width: 739px){
	#Plan .ctm_bdrColumn .table_typeA table { width: 420px; }
}





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

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