@charset "utf-8";

/* コンテンツ幅 フル */
.contentsInr { width: auto; padding: 0px; }
@media all and (min-width: 740px){
	.contentsInr { min-height: auto; }
}

.kagoshima-whisky .ctm_contentsFull { margin-top: 0; }
@media all and (min-width: 740px){
	.kagoshima-whisky .ctm_contentsFull { margin-top: 0; }
}

/* コンテンツ幅 950px */
.contentsInr .contentsUnit { padding: 0 10px; margin: 0 auto; }

@media all and (min-width: 740px){
	.contentsInr .contentsUnit { width: 950px !important; padding: 0px; margin: 0 auto; }
}

/* font */
.kagoshima-whisky .ctm_pageTtl .heading,
.kagoshima-whisky .txtLead,
#Point .pointListBlock .numList strong,
#Point .pointListBlock .numList > li:before,
#Point .pointListBlock .numList > li:after { font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }

@media all and (min-width: 740px){
	.alC_forPC { text-align: center; }
}

.kagoshima-whisky .fs_S70 { font-size: 70%; }
.kagoshima-whisky .fs_S80 { font-size: 80%; }
.kagoshima-whisky .fs_S90 { font-size: 90%; }

/* icon */
.kagoshima-whisky .material-symbols-outlined { font-variation-settings: 'wght' 300; vertical-align: middle; }

.kagoshima-whisky [class^="ctm_iconTxt"],
.kagoshima-whisky table .fcWT { display: inline-block; padding: 0.3em 0.6em 0.2em; color: #fff; }

/*
.kagoshima-whisky .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){
	.kagoshima-whisky .listSide  ul,
	.kagoshima-whisky .listSideC ul { display: flex; gap: 0.2em 0.6em; }
	.kagoshima-whisky .listSide  ul { flex-wrap: wrap; }
	.kagoshima-whisky .listSideC ul { justify-content: center; }
	.kagoshima-whisky .listSide  ul > li + li,
	.kagoshima-whisky .listSideC ul > li + li { margin: 0; }
	
	.kagoshima-whisky .listC { text-align: center; }
	.kagoshima-whisky .listC li { display: inline-block; }
}
.kagoshima-whisky .listR { text-align: right; }
.kagoshima-whisky .listR li { display: inline-block; }

.kagoshima-whisky .listF > ul > li { padding: 0!important; }
.kagoshima-whisky .listF > ul > li:before { display: none; }


/* ctm_pageTtl */
.kagoshima-whisky .headingWrap_ttlLv1 { }
.kagoshima-whisky .ctm_pageTtl.hc01 { }
.kagoshima-whisky .ctm_pageTtl.hc01 { display: block; position: relative; color: #222; }
.kagoshima-whisky .ctm_pageTtl.hc01:before,
.kagoshima-whisky .ctm_pageTtl.hc01:after { content: ''; display: inline-block; position: absolute; top: 50%; width: 14%; height: 1px; background: #222; }
.kagoshima-whisky .ctm_pageTtl.hc01:before { left: 0; }
.kagoshima-whisky .ctm_pageTtl.hc01:after { right: 0; }

@media all and (min-width: 740px){
	.kagoshima-whisky .ctm_pageTtl.hc01 .ttlLv1 { margin: 0 auto; width: 950px; }
	.kagoshima-whisky .ctm_pageTtl.hc01:before,
	.kagoshima-whisky .ctm_pageTtl.hc01:after { width: 30%; }
}


@media all and (max-width: 739px){
	.kagoshima-whisky .ctm_pageTtl.hc01 .ttlLv1 .heading { font-size: 3.0rem; }
}

@media all and (min-width: 740px){
}

/* caption */

/* table */

/*
.kagoshima-whisky ol.noteList_star.numSingle { padding-left: 0; }
.kagoshima-whisky ol.noteList_star.numSingle > li { list-style-type: none; }
*/
.kagoshima-whisky table ol.numList { }
.kagoshima-whisky table ol.numList > li { list-style-type: none; }

.kagoshima-whisky table .numList > li:before { top: 0.85em; }
.kagoshima-whisky table .noteList > li:before { top: 0.8em; }

.kagoshima-whisky .table_type_B table { border: none; }
.kagoshima-whisky .table_type_B th { border-left: 1px solid #fff; background: #a88103; color: #fff; }
.kagoshima-whisky .table_type_B td { border: 1px solid #bca048; border-left: none; border-top: none; background: #fff; }
.kagoshima-whisky .table_type_B table,
.kagoshima-whisky .table_type_B th:first-child { border-left: none; }
.kagoshima-whisky .table_type_B tr:first-child th,
.kagoshima-whisky .table_type_B tr:first-child td { border-top: 1px solid #bca048; }
.kagoshima-whisky .table_type_B tr td:first-child { border-left: none; }

.kagoshima-whisky .table_type_C table { border: none; }
.kagoshima-whisky .table_type_C th,
.kagoshima-whisky .table_type_C td { border: none; background: #fff; }
.kagoshima-whisky .table_type_C th { color: #a88103; }
.kagoshima-whisky .table_type_C td { border-left: 1px solid #bca048; }
.kagoshima-whisky .table_type_C th:first-child { border-left: none; }

@media all and (min-width: 740px){
	.kagoshima-whisky .table_typeA table { width: 100%; }
}

/* slide */
.kagoshima-whisky .slick-list li { position: relative; }
.kagoshima-whisky .slick-list li:before,
.kagoshima-whisky .slick-list li:after { content: ""; position: absolute; color: #fff; text-shadow: 1px 1px 8px rgb(0 0 0 / 1.0); }
.kagoshima-whisky .slick-list li:before { top: 6px; left: 14px; font-weight: bold; }
.kagoshima-whisky .slick-list li:after  { bottom: 1px; right: 12px; font-size: 1.2rem; }

.kagoshima-whisky .slick-box .slidControl { bottom: 22px; }
@media all and (min-width: 740px){
	.kagoshima-whisky .slick-box .slidControl { padding: 8px 20px !important; }
}

/* Botton type horizon */
.kagoshima-whisky .ctm_btnList_horizon .btnBox { display: block; width: 100%; height: 100%; }
.kagoshima-whisky .ctm_btnList_horizon .col > div { height: 100%; }
.kagoshima-whisky .ctm_btnList_horizon .col .btn { display: table; width: 100%; height: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 0px; }
.kagoshima-whisky .ctm_btnList_horizon .col .btnInr { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

/* anchorList */
.kagoshima-whisky .anchorList .btnBK .btn {  }
@media all and (max-width: 739px){
	.kagoshima-whisky .anchorList .btn { margin-top: 0; }
}

/* box */
.kagoshima-whisky .bdrBox_RD { padding: 14px; border: 2px solid #C00; }
.kagoshima-whisky .bdrBox_GR { padding: 14px; border: 1px solid #d0d0d0; }
@media all and (min-width: 740px){

}



/* Lead */
#Lead.ctm_contentsFull { padding: 16px 0 16px;  color: #fff; background: #a88103; }

#Lead .ctm_pageTtl .ttlLv1 { margin: 0; padding: 0; }
#Lead .ctm_pageTtl .ttlLv1 .heading { display: inline-block;  padding: 0 0 0.1em; font-size: 2.2rem; }
@media all and (min-width: 740px){
	#Lead .ctm_pageTtl .ttlLv1 .heading { padding: 0 1.5em 0.1em; font-size: 2.6rem; border-right: 1px solid #fff; border-left: 1px solid #fff; }
}

#Lead .ctm_pageTtl .heading span { padding: 0 0.1em; font-size: 70%; vertical-align: 0.07em; }



/* Navi */
#Navi.ctm_contentsFull { padding-top: 0; background: #fff; }

#Navi .ctm_btnList_horizon { margin-top: 24px; }
@media all and (min-width: 740px){

}



/* Intro */
#Intro.ctm_contentsFull { padding: 0; background-image: linear-gradient(180deg, rgb(245 231 215 / 1.0), rgb(245 231 215 / 0.5) 50%, rgb(243 221 198 / 0)); background-color: #fff; }

#Intro.ctm_contentsFull > div { padding: 50px 0; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/kagoshima-whisky/img_sites/intro_bg01.png?v=2); background-size: 150%; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 104%; }
@media all and (min-width: 740px){
	#Intro.ctm_contentsFull > div { background-size: 72%; background-position-x: 128%; background-position-y: 140%; }
}

@media all and (max-width: 739px){
	#Intro .contentsUnit { padding: 0 18px; }
}

#Intro .introBlock .txtLead li { font-size: 1.6rem; font-weight: 600; color: #111; }
#Intro .introBlock .txtLead .txtList > li + li { margin-top: 0.8em; }



/* Point */
#Point.ctm_contentsFull { background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/kagoshima-whisky/img_sites/point_bg01.jpg?v=0); background-size: 110%; background-repeat: no-repeat; background-position-x: 50%; background-color: #111; }
@media all and (min-width: 740px){
	#Point.ctm_contentsFull { background-size: 100%; }
}

#Point .ctm_pageTtl.hc01 { color: #ecd0a4; }
#Point .ctm_pageTtl.hc01:before,
#Point .ctm_pageTtl.hc01:after { background-color: #ecd0a4; }

#Point .pointBlock .blockInr_01 { padding: 18px; background: #fff; }
@media all and (min-width: 740px){
	#Point .pointBlock .blockInr_01 { padding: 36px 0 45px; }
}

#Point .pointListBlock .numList > li { padding: 3.5rem 0 1.5rem 1.0rem !important; border-bottom: 1px solid #bca048; }
#Point .pointListBlock .numList > li + li { margin-top: 1.75rem; }
#Point .pointListBlock .numList > li:before,
#Point .pointListBlock .numList > li:after { display: inline-block; position: absolute; white-space: nowrap; color: #a88103; }
#Point .pointListBlock .numList > li:before { content: ""counter(numList)"."; padding-right: 1.5rem; top: 1.0rem; left: 5.0rem; font-size: 3.8rem; width: 4.0rem; }
#Point .pointListBlock .numList > li:after { content: "Point"; top: -0.5rem; left: 0; font-size: 1.6rem; width: 5.0rem; }
@media all and (min-width: 740px){
	#Point .pointListBlock .numList > li { padding: 0 0 1.5rem 10.0rem !important; }
	#Point .pointListBlock .numList > li:before { left: 5.0rem; }
	#Point .pointListBlock .numList > li:after { font-size: 1.6rem; width: 5.0rem; }	
}

#Point .pointListBlock .numList strong { display: inline-block; padding-bottom: 0.2em; font-size: 2.0rem; font-weight: 700; color: #222; }
#Point .pointListBlock .numList em { }

@media all and (max-width: 739px){
	/* #Point .pointListBlock .numList .wrap_forSP { margin: 1.0rem 0 0 -9.0rem; display: block; }
	*/
	#Point .pointListBlock .numList .noteList li,
	#Point .pointListBlock .numList .txtLink { font-size: 1.4rem; }
}

#Point .pointListImg .slick-list li:nth-child(2):after { content: "マルス津貫蒸溜所"; }
#Point .pointListImg .slick-list li:nth-child(3):after { content: "嘉之助蒸溜所"; }
#Point .pointListImg .slick-list li:nth-child(4):after { content: "B.B.13BAR"; }

#Point .pointListImg .slick-list li:after { text-shadow: 0px 0px 4px rgb(0 0 0 / 1.0), 0px 0px 8px rgb(0 0 0 / 1.0); }
#Point .pointListImg .slick-list li:after  { font-size: 1.4rem; }

#Point .table_type_B .tbl_col_1 { width: 20%; }
@media all and (min-width: 740px){
	#Point .table_type_B .tbl_col_1 { width: 25%; }
}



/* Schedule */
#Schedule.ctm_contentsFull { padding-bottom: 0; background: #eee8d6; }

#Schedule .itineraryBlock {  }

#Schedule .itineraryBlock .material-symbols-outlined { padding-right: 0.5rem; vertical-align: -0.24em; font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24; color: #a88103; }

#Schedule .itineraryBlock .dayBox { position: relative; }

#Schedule .itineraryBlock .ttlLv2 { position: relative; margin-bottom: 0; padding: 8px 0 8px; background: #fff; 
border-bottom: 1px solid #bca048; }
#Schedule .itineraryBlock .ttlLv2 .heading { font-size: 2.2rem; }
#Schedule .itineraryBlock .ttlLv2 sub { position: absolute; display: table; width: 4.4em; height: 4.4em;
color: #fff; border-radius: 50%; background: #a88103; text-align: center; top: -2.2rem; left: -14px; font-size: 1.8rem; }
#Schedule .itineraryBlock .ttlLv2 sub span { display: table-cell; vertical-align: middle; line-height: 1.3; padding-bottom: 0.3em; }
#Schedule .itineraryBlock .ttlLv2 sub em { font-size: 3.4rem; vertical-align: -0.05em; }
@media all and (min-width: 740px){
	#Schedule .itineraryBlock .ttlLv2 .heading { font-size: 2.6rem; }
	#Schedule .itineraryBlock .ttlLv2 sub { width: 4.4em; height: 4.4em; top: -3.6rem; left: 20px; }
	#Schedule .itineraryBlock .ttlLv2 sub em { font-size: 3.8rem; }
}

#Schedule .itineraryBlock table .tbl_col_1 { width: 18%; }
#Schedule .itineraryBlock table th,
#Schedule .itineraryBlock table td { padding: 14px 14px; }
#Schedule .itineraryBlock table th { text-align: center; font-weight: normal; }
/* #Schedule .itineraryBlock .table_type_C tr:first-child td { border-top: 1px solid #bca048; } */
@media all and (max-width: 739px){
	#Schedule .itineraryBlock table th { padding: 10px 5px; font-size: 1.4rem; }
	#Schedule .itineraryBlock table td { padding: 10px 10px; }
}

#Schedule .itineraryBlock table em { color: #a88103; }

#Schedule .itineraryBlock table .noteList,
#Schedule .itineraryBlock table .noteList_star { padding-left: 0; list-style-type: none; }
#Schedule .itineraryBlock table ul li { line-height: 1.6 }
#Schedule .itineraryBlock table li .txtList li:before { background: #a88103; }

#Schedule .itineraryBlock table .fcWT { margin: 0 2px; padding: 2px 6px 1px; font-size: 1.2rem; line-height: 1.2; background-color: #A00405; border-radius: 4px; }
#Schedule .itineraryBlock table [class^="ctm_iconTxt_br"] { padding: 2px 6px 0; line-height: 1.6; }

#Schedule .itineraryBlock .pointBox { padding: 10px 10px 6px; color: #fff; background: #a88103; }
#Schedule .itineraryBlock .pointBox .ctm_pageTtl .ttlLv3 { margin: 0 0 10px 0; padding: 0px 0px 6px; border-bottom: 1px solid #fff; }
#Schedule .itineraryBlock .pointBox .ctm_pageTtl .ttlLv3 .heading { font-size: 1.8rem; }

#Schedule .itineraryBlock .mealBox { padding: 10px 10px 6px; border: 1px solid #bca048; }
#Schedule .itineraryBlock .mealBox em { }

@media all and (min-width: 740px){
	#Schedule .itineraryBlock .selectionBox .clm_1_2col.colWrap .col:nth-of-type(1) { width: calc(60% - 15px); }
	#Schedule .itineraryBlock .selectionBox .clm_1_2col.colWrap .col:nth-of-type(2) { width: calc(40% - 15px); }
}

#Schedule .itineraryBlock .table-bottom { padding: 10px 15px; color: #fff; background: #666; border: 1px solid #777; border-left: none; border-top: none; }

#Schedule .itineraryBlock .table-bottom .mealItem { display: flex; justify-content: flex-end; }
#Schedule .itineraryBlock .table-bottom .mealItem .text { padding: 0.3em 0.5em 0.1em; width: auto; }
#Schedule .itineraryBlock .table-bottom .mealItem .text:nth-child(n+2) { border: 1px solid #666; color: #333; background: #fff; }
#Schedule .itineraryBlock .table-bottom .mealItem .text:nth-child(even) { color: #a88103; }
#Schedule .itineraryBlock .table-bottom .mealItem .text:first-child { }
#Schedule .itineraryBlock .table-bottom .mealItem .text p { display: inline-block; }
@media all and (max-width: 739px){
	#Schedule .itineraryBlock .table-bottom .mealItem { font-size: 1.4rem; }
}

#Schedule .ctm_alternatBox.ab01 { color: #fff; background: #a88103; }

@media all and (max-width: 739px){
	#Schedule .ctm_alternatBox .column:nth-of-type(1) .colWrap > .col:nth-child(2) .ctm_alternatBox_inr,
	#Schedule .ctm_alternatBox .column:nth-of-type(2) .colWrap > .col:nth-child(1) .ctm_alternatBox_inr { padding: 10px 18px 22px; }
}

#Schedule .ctm_alternatBox .ctm_pageTtl .ttlLv2 { margin: 0 0 20px; padding-bottom: 10px; border-bottom: 3px solid #fff; }
#Schedule .ctm_alternatBox .ctm_pageTtl .ttlLv2 .heading { padding: 0; font-size: 2.2rem; }
#Schedule .ctm_alternatBox .ctm_pageTtl .ttlLv2 .heading span { font-size: 1.8rem; }
@media all and (min-width: 740px){

}

#Schedule .ctm_alternatBox .slick-dotted.slick-slider { margin: 0; }
#Schedule .ctm_alternatBox .slick-dotted.slick-slider .slick-slide { padding: 0; }



/* Hotel */
#Hotel.ctm_contentsFull { padding-top: 0; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyu/kagoshima-whisky/img_sites/hotel_bg01.jpg?v=0); background-size: 130%; background-repeat: no-repeat; background-color: #111; }
@media all and (min-width: 740px){
	#Hotel.ctm_contentsFull { background-size: 100%; }
}

#Hotel .captionBlock { padding-bottom: 10px; }
@media all and (min-width: 740px){
	#Hotel .captionBlock { padding-bottom: 40px; }
}

#Hotel .ctm_pageTtl.hc01 { color: #fff; }
#Hotel .ctm_pageTtl.hc01:before,
#Hotel .ctm_pageTtl.hc01:after { background-color: #fff; }

#Hotel .hotelListBlock { padding: 22px; background-image: linear-gradient(180deg, rgb(245 231 215 / 0), rgb(245 231 215 / 0.5) 50%, rgb(243 221 198 / 1.0)); background-color: #fff; }
@media all and (min-width: 740px){
	#Hotel .hotelListBlock { padding: 30px; }	
}

#Hotel .hotelBlock .ctm_pageTtl { position: relative; }
#Hotel .hotelBlock .ctm_pageTtl .ttlLv2 { margin: 0px -22px 20px; padding-top: 24px; border-top: 3px solid #a88103; }
#Hotel .hotelBlock .ctm_pageTtl .ttlLv2 sup { position: absolute; padding: 0 1.0em; color: #a88103; background: #fff; font-size: 1.8rem; top: -12px; left: 50%; transform: translateX(-50%); }
@media all and (max-width: 739px){

}
@media all and (min-width: 740px){
	#Hotel .hotelBlock .ctm_pageTtl .ttlLv2 { margin: 0px -30px 20px; }
}

#Hotel .hotelBlock .txtLead li { font-size: 1.6rem; }
@media all and (min-width: 740px){
}

#Hotel .hotelBlock .detailBox .ttlLv3 { margin-bottom: 10px; padding-top: 20px; }
#Hotel .hotelBlock .detailBox .ttlLv3 .heading { color: #a88103; border-left: 3px solid #a88103; }

#Hotel_01 .slick-list li:nth-child(2):after { content: "外観"; }
#Hotel_01 .slick-list li:nth-child(3):after { content: "桜島ルーム1キング（一例）"; }
#Hotel_01 .slick-list li:nth-child(4):after { content: "桜島ルーム2ダブル（一例）"; }
#Hotel_01 .slick-list li:nth-child(5):after { content: "朝食（イメージ）"; }

#Hotel_02 .slick-list li:nth-child(2):after { content: "外観"; right: 20vw; }
#Hotel_02 .slick-list li:nth-child(3):after { content: "シングルルーム（一例）"; }
#Hotel_02 .slick-list li:nth-child(4):after { content: "ハリウッドツイン（一例）"; }
#Hotel_02 .slick-list li:nth-child(5):after { content: "朝食（黒豚グリルの定食・イメージ）"; }
@media all and (min-width: 740px){
	#Hotel_02 .slick-list li:nth-child(2):after { right: 102px; }
}

#Hotel .hotelBlock .slick-list li:after { text-shadow: 0px 0px 4px rgb(0 0 0 / 1.0), 0px 0px 8px rgb(0 0 0 / 1.0); }

/*
#Hotel .hotelBlock .imgBox { margin: 30px -24px 0; display: block; }
#Hotel .hotelBlock .imgBox .clm_1_2col .col:nth-of-type(n+2) { margin-top: 0; }
@media all and (min-width: 740px){
	#Hotel .hotelBlock .imgBox { margin: 30px -30px 0; }
	#Hotel .hotelBlock .imgBox .clm_1_2col .col { width: calc(50% - 0px); margin-left: 0px; }
}
#Hotel .hotelBlock .imgBox .imgParts { position: relative; }
#Hotel .hotelBlock .imgBox .imgParts figcaption { position: absolute; bottom: 6px; left: 12px; color: #fff; font-size: 1.2rem; }

#Hotel .hotelBlock .detailBox .ctm_pageTtl .ttlLv3 { margin: 30px 0 6px; border-top: 3px double #a88103; }
#Hotel .hotelBlock .detailBox .ctm_pageTtl .ttlLv3 .heading { color: #906e02; font-weight: 700; font-size: 1.8rem; }

#Hotel .hotelBlock .pointBox { margin-top: 30px; padding: 16px; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kagoshima-whisky/img_sites/hotel_point_bg01.png?v=1); background-size: 52%; background-repeat: no-repeat; background-position-x: 101%; background-position-y: -24px; background-color: #fff; }
#Hotel .hotelBlock .pointBox .ctm_pageTtl .ttlLv3 { margin-top: 10px; }
#Hotel .hotelBlock .pointBox .ctm_pageTtl .ttlLv3 .heading { color: #a88103; font-weight: 700; }
#Hotel .hotelBlock .pointBox .txtList > li { padding: 0 0 0 14px !important; }
#Hotel .hotelBlock .pointBox .txtList > li:before { width: 0.51em; height: 0.5em; background-color: #c7a431; top: 0.65em; left: 0.25em; }
@media all and (min-width: 740px){
	#Hotel .hotelBlock .pointBox { background-size: 43%; background-position-y: -28px; }
}
*/


/* Price */
#Price.ctm_contentsFull { background: #fff; }



/* Apply */
#Apply.ctm_contentsFull { background: #eee8d6; }

#Apply .contactBlock .data { display: none; }




@media all and (max-width: 739px){
	.kagoshima-whisky .js-eqHeightCols .js-eqHeightCols-item,
	.kagoshima-whisky .js-eqHeightCols .js-eqHeightCols-item-2,
	.kagoshima-whisky .js-eqHeightCols .js-eqHeightCols-item-3,
	.kagoshima-whisky .js-eqHeightCols .js-eqHeightCols-item-4 { height: auto!important; }
}

@media all and (max-width: 739px){
}
@media all and (min-width: 740px){
}