@charset "utf-8";

.fs11 { font-size: 1.1rem !important; }
.fs13 { font-size: 1.3rem !important; }
.fs15 { font-size: 1.5rem !important; }

.fsS ul li { font-size: 1.2rem; }

/* コンテンツ幅 フル */
.contentsInr { width: auto; padding: 0px; }

.ctm_contentsFull { padding-top: 45px; }
@media all and (min-width: 740px){
	.ctm_contentsFull { padding-top: 60px; }
}

/* コンテンツ幅 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; }
}

/* icon */
.material-symbols-outlined { font-variation-settings: 'wght' 200; }

.materialSymbolsOutlined:before { font-family: "Material Symbols Outlined"; }
.materialIcons:before { font-family: "Material Icons"; }

.shikishima [class^="ctm_iconTxt_"] { padding: 0.5rem 1.0rem 0.2rem; }

/* font */
.shikishima .ctm_pageTtl .heading,
#Navi .tabs_parent > li > a,
#Point .pointListBlock .numList > li:before,
#Point .pointListBlock .numList > li:after,
#Schedule .scheduleListBlock em,
.shikishima .txtLead { font-family: "Shippori Mincho", serif; font-style: normal; font-weight: 500; letter-spacing: 0.05em; }

/* heading */
.shikishima .ctm_pageTtl.pageTtl_typeA .ttlLv1 { position: relative; margin: 30px auto 40px; padding: 5px 0 7px; color: #fff; background: linear-gradient(90deg, rgba(129, 109, 0, 0.9) 0%, rgba(129, 109, 0, 0.8) 50%, rgba(129, 109, 0, 1.0) 100%); box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.1); }
.shikishima .ctm_pageTtl.pageTtl_typeA .ttlLv1:before { content: ''; position: absolute; bottom: -4.0rem; left: 50%; transform: translateX(-50%); width: 0.5px; height: 5.0rem; background: #ccb431; }
@media all and (min-width: 740px){
	.shikishima .ctm_pageTtl.pageTtl_typeA .ttlLv1 { width: 83.33333333%; }

}

@media all and (max-width: 739px){
	.shikishima .ctm_pageTtl .ttlLv1 h2 { font-size: 2.8rem; }
	.shikishima .ctm_pageTtl .ttlLv2 h3 { font-size: 2.2rem; }
}
@media all and (min-width: 740px){
	.shikishima .ctm_pageTtl .ttlLv2 h3 { font-size: 2.6rem; }
}

/* list */
.shikishima .txtListBox li { word-break: break-all; }
.shikishima .txtList > li:before { background: #a78d01; }
.shikishima .txtList > li .txtList li:before { background: #333; }

@media all and (min-width: 740px){
	.listSide ul { display: flex; justify-content: center; }
	.listSide ul > li + li { margin: 0 0 0 2.0rem; }
}

.shikishima .listFree .txtList > li { padding: 0!important; }
.shikishima .listFree .txtList > li:before { display: none; }

/* table */
.shikishima .table_typeA th { /*background: #a78d01; */ }

/* column */
@media all and (min-width: 740px){
	.shikishima .colReverse .colWrap.clm_1_2col { flex-direction: row-reverse; }
	.shikishima .colReverse .colWrap.clm_1_2col .col:nth-child(2) { margin: 0 30px 0 0; }
}

/* box */
.endBox { padding: 20px; margin-bottom: 20px; background: #fff; border: 2px solid #c00; }
@media all and (max-width: 739px){
	.endBox .fs3L { font-size: 2.0rem !important; }
}

/* slide */

/* #Train .trainListBlock .slick-list li,
#Hotel .hotelListBlock .slick-list li { position: relative; }
#Train .trainListBlock .slick-list li:after,
#Hotel .hotelListBlock .slick-list li:after { content: ""; position: absolute; bottom: 1px; left: 10px; font-size: 1.1rem; color: #fff; text-shadow: 1px 1px 8px rgba(0, 0, 0, 1.0); }
 */

.shikishima .slick-box .slidControl { padding: 7px 10px !important; }
@media all and (min-width: 740px){
	.shikishima .slick-box .slidControl { padding: 7px 15px 8px 10px !important; }
}

#Schedule .slick-box .slidControl { bottom: 41px; }
@media all and (min-width: 740px){
	#Schedule .slick-box .slidControl { bottom: 43px; }
}

/* caption */
.imgParts figcaption,
.txtCaption { font-size: 1.2rem; }

/* map */
.shikishima .mapBlock { text-align: center; }
@media all and (min-width: 740px){
	.shikishima .mapBlock img { width: /* 50% */ 54%; }
}



/* Point */
#Point.ctm_contentsFull { background: linear-gradient(90deg, rgba(230, 224, 180, 0.25) 0%, rgba(230, 224, 180, 0.25) 50%, rgba(230, 224, 180, 0.5) 50%, rgba(230, 224, 180, 0.5) 100%); position: relative; }

#Point .txtCaption { position: absolute; top: 10px; right: 10px; }

#Point .pointListBlock .numList > li { padding: 0 0 1.5rem 9.5rem !important; font-size: 1.6rem; border-bottom: 1px solid #ccb431; }
#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: #ccb431; }
#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: 4.5rem; }

#Point .pointListBlock .numList strong { color: #a01d1a; }



/* Navi */
#Navi.ctm_contentsFull { background: #fff; }

@media all and (max-width: 739px){
	#Navi .clm_1_2col.colWrap .col:nth-of-type(n+2) { margin-top: 0; }
	#Navi .clm_1_2col.colWrap .col:nth-of-type(n+2) .txtListBox { margin-top: 0.2em ; }
}

#Navi .txtList > li span,
#Navi .txtList > li strong { color: #a78d01; }
#Navi .txtList > li em { color: #222; }

#Navi .tabs_parent > li,
#Navi .tabs_parent > li > a { font-size: 1.8rem; font-weight: 500; color: #fff; background: #ccb431; }
#Navi .tabs_parent > li > a > span:after { background-image: url(/content/dam/sites/global/Y18/img/icon_arrow_btm_white_01.png); }



/* Train */
#Train.ctm_contentsFull { background: linear-gradient(90deg, rgba(235, 235, 235, 0.8) 0%, rgba(235, 235, 235, 0.8) 50%, rgba(235, 235, 235, 0.4) 50%, rgba(235, 235, 235, 0.4) 100%); }

#Train .ctm_pageTtl .ttlLv1 h2 span { font-size: 2.0rem; }
@media all and (min-width: 740px){
	#Train .ctm_pageTtl .ttlLv1 h2 span { font-size: 2.8rem; }
}
@media all and (max-width: 739px){

}

#Train .ctm_pageTtlWrap .ctm_pageTtl h3 { position: relative; display: inline-block; padding: 0 100px; 
color: #a78d01; font-size: 2.8rem; }
#Train .ctm_pageTtlWrap .ctm_pageTtl h3:before,
#Train .ctm_pageTtlWrap .ctm_pageTtl h3:after { content: ''; position: absolute; display: inline-block; top: 50%;
width: 80px; height: 6px; border-top: solid 2px #a78d01; border-bottom: solid 2px #a78d01; }
#Train .ctm_pageTtlWrap .ctm_pageTtl h3:before { left:  0; }
#Train .ctm_pageTtlWrap .ctm_pageTtl h3:after  { right: 0; }

#Train .txtLead { font-size: 2.0rem; text-align: center; }

#Train .trainListBlock { border: 1px solid #a78d01; border-radius: 20px; box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.1); background: #fff; /* background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/ssy/shikishima/img_sites/train_bg01.png?v=1); background-repeat: no-repeat; background-size: 900px; background-position: top center; */ }
@media all and (min-width: 740px){
	#Train .trainListBlock { }
}

#Train .trainListBlock .blockInr { padding: 20px 30px 30px; }

#Train .trainListBlock .ctm_pageTtl .ttlLv2 { position: relative; margin: 40px 0 20px; }
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sup { position: absolute; top: -40px; left: -30px; padding: 0.1rem 1.0rem 0.3rem; color: #fff; background: #a78d01; font-size: 2.4rem; }
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sup span { font-size: 1.6rem; }
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sub { font-size: 1.8rem; position: relative; display: inline-block; padding: 0 60px; }
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sub:before,
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sub:after { content: ''; position: absolute; display: inline-block; top: 50%;
width: 40px; height: 1px; border-top: solid 1px #a78d01; }
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sub:before { left:  0; }
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sub:after  { right: 0; }
@media all and (min-width: 740px){
	#Train .trainListBlock .ctm_pageTtl .ttlLv2 { margin: 20px 0; }
	#Train .trainListBlock .ctm_pageTtl .ttlLv2 sup { top: -20px; }
	#Train .trainListBlock .ctm_pageTtl .ttlLv2 sup span { font-size: 1.7rem; }
	#Train .trainListBlock .ctm_pageTtl .ttlLv2 sub { padding: 0 100px; }
	#Train .trainListBlock .ctm_pageTtl .ttlLv2 sub:before,
	#Train .trainListBlock .ctm_pageTtl .ttlLv2 sub:after { width: 80px; }
}

#Train .trainListBlock .ttlLv3 { position: relative; margin-top: 20px; padding: 50px 0 0; }
#Train .trainListBlock .ttlLv3:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0.5px; height: 40px; background: #a78d01; }
#Train .trainListBlock .ttlLv3 h4 { padding: 0; color: #a78d01; }

#Train .trainListBlock .ctm_pageTtl strong { color: #a78d01; font-weight: 600; }

/** Train_01 **/
@media all and (min-width: 740px){
	#Train_01 .ctm_pageTtl .ttlLv2 { padding-top: 25px; }
}

/** Train_02 **/
#Train_02 .mealWrap .clm_1_2col .col:nth-of-type(1) .imgParts { text-align: center; }
#Train_02 .mealWrap .clm_1_2col .col:nth-of-type(1) .imgParts img { padding: 0 5px; /* width: 80%; */}

#Train_02 .mealWrap .ctm_pageTtl .ttlLv4 { padding: 0; }
#Train_02 .mealWrap .ctm_pageTtl .ttlLv4 h5 { line-height: 1.8; }
#Train_02 .mealWrap .ctm_pageTtl .ttlLv4 h5 span { font-size: 1.3rem; }
#Train_02 .mealWrap .ctm_pageTtl .ttlLv4 h5 strong { font-size: 1.6rem; }

#Train_02 .mealWrap .slick-dotted.slick-slider { margin-top: 0; }

/** room **/
#Train .roomWrap .trainListBlock { background: rgba(230, 224, 180, 0.5); }
#Train .roomWrap .trainListBlock .roomBox { margin: 25px 0 ; padding: 25px 30px; background: #fff; }

#Train .trainListBlock .roomBox .ctm_pageTtl .ttlLv2 { margin-top: 0; }
#Train .trainListBlock .roomBox .ctm_pageTtl .ttlLv2 sup { top: -50px; left: 0; }



@media all and (max-width: 739px){

}




/* Schedule */
#Schedule.ctm_contentsFull { background: #fff; }

#Schedule .material-symbols-outlined { color: #ccb431; font-size: 2.8rem; }

/* 
#Schedule .naviBlock dl { margin-left: 10px; display: flex; }
#Schedule .naviBlock dt { margin-top: -0.4rem; }
#Schedule .naviBlock dd { margin-right: 2.0em; }
#Schedule .naviBlock dd:before { content: ''; display: inline-block; margin: 0 0.5rem 0 0.2rem; width: 1.5em; height: 0.5em; background: radial-gradient(#ccb431 20%, transparent 30%) center/ 0.5em; }
@media all and (max-width: 739px){
	#Schedule .naviBlock dl { flex-wrap: wrap; }
	#Schedule .naviBlock dt { width: 9%; }
	#Schedule .naviBlock dd { width: 91%; margin-right: 0; }
}
*/

#Schedule .scheduleWrap { padding-bottom: 25px; max-height: 550px; overflow-y: scroll; }

#Schedule .scheduleListBlock { position: relative; padding: 20px 30px 30px; border: 1px solid #ccb431; border-radius: 20px; background: linear-gradient(90deg, rgba(255, 255, 255, 1.0) 0%, rgba(255, 255, 255, 1.0) 20%, #f5f5f5 20%, #f5f5f5 80%, rgba(255, 255, 255, 1.0) 80%, rgba(255, 255, 255, 1.0) 100% ); box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.1); }
@media all and (min-width: 740px){
	#Schedule .scheduleListBlock { background: linear-gradient(90deg, rgba(255, 255, 255, 1.0) 0%, rgba(255, 255, 255, 1.0) 15%, #f5f5f5 15%, #f5f5f5 85%, rgba(255, 255, 255, 1.0) 85%, rgba(255, 255, 255, 1.0) 100% ); }
}

#Schedule .scheduleListBlock .ctm_pageTtl .ttlLv2 { margin: 0 0 70px; }
#Schedule .scheduleListBlock .ctm_pageTtl h3 { position: relative; display: inline-block; padding: 0 100px; 
color: #816d00; font-size: 4.2rem; }
#Schedule .scheduleListBlock .ctm_pageTtl h3:before,
#Schedule .scheduleListBlock .ctm_pageTtl h3:after { content: ''; position: absolute; display: inline-block; top: 50%;
width: 80px; height: 14px; border-top: double 6px #ccb431; border-bottom: double 6px #ccb431; }
#Schedule .scheduleListBlock .ctm_pageTtl h3:before { left:  0; }
#Schedule .scheduleListBlock .ctm_pageTtl h3:after  { right: 0; }
#Schedule .scheduleListBlock .ctm_pageTtl h3 sup { padding-right: 0.5rem; font-size: 2.2rem; vertical-align: 0; }
@media all and (min-width: 740px){
	#Schedule .scheduleListBlock .ctm_pageTtl .ttlLv2 { margin: 0 0 20px; }
	#Schedule .scheduleListBlock .ctm_pageTtl h3 { padding: 0 140px; font-size: 4.6rem; }
	#Schedule .scheduleListBlock .ctm_pageTtl h3:before,
	#Schedule .scheduleListBlock .ctm_pageTtl h3:after { width: 120px; }
	#Schedule .scheduleListBlock .ctm_pageTtl h3 sup { font-size: 2.4rem; }
}

#Schedule .scheduleListBlock .ctm_pageTtl .ttlLv3 { margin: 30px auto 40px; padding: 5px 0; color: #fff; background: linear-gradient(90deg, rgba(167, 141, 1, 0.9) 0%, rgba(167, 141, 1, 0.9) 50%, rgba(129, 109, 0, 0.9) 50%, rgba(129, 109, 0, 0.9) 100%); border-radius: 100vh; width: 85.5%; } 

#Schedule .scheduleListBlock .ctm_pageTtl h5 { position: relative; display: block; padding: 0 40px; color: #816d00; font-size: 2.0rem; }
#Schedule .scheduleListBlock .ctm_pageTtl h5:before,
#Schedule .scheduleListBlock .ctm_pageTtl h5:after { content: ''; position: absolute; display: inline-block; top: 50%;
width: 30px; height: 6px; border-top: solid 2px #ccb431; border-bottom: solid 2px #ccb431; }
#Schedule .scheduleListBlock .ctm_pageTtl h5:before { left:  0; }
#Schedule .scheduleListBlock .ctm_pageTtl h5:after  { right: 0; }
@media all and (min-width: 740px){
	#Schedule .scheduleListBlock .ctm_pageTtl h5 { display: inline-block; padding: 0 100px; font-size: 2.2rem; }
	#Schedule .scheduleListBlock .ctm_pageTtl h5:before,
	#Schedule .scheduleListBlock .ctm_pageTtl h5:after { width: 80px; height: 6px; }
}

#Schedule .scheduleListBlock .sightsWrap .ctm_pageTtl .ttlLv3 { margin: 10px auto 30px; background: linear-gradient(90deg, rgba(167, 141, 1, 0.9) 0%, rgba(167, 141, 1, 0.9) 100%); border-radius: 0; width: 100%; } 

#Schedule .ctm_iconTxt_C { position: absolute; top: 106px; left: 0; font-size: 1.7rem; background: #816d00; }
@media all and (min-width: 740px){
	#Schedule .ctm_iconTxt_C { top: 64px; }
}

#Schedule .scheduleBox { margin-left: 0.5rem; padding-left: 2.0rem; border-left: 1px solid #ccb431; }
#Schedule .scheduleBox dl { margin-left: -3.5rem; }
#Schedule .scheduleBox dt { float: left; margin-top: -0.75rem; padding-top: 0.5rem; background: #fff; }
#Schedule .scheduleBox dd { margin-bottom: 2.5rem; padding-left: 4.0rem; }
@media all and (min-width: 740px){
	#Schedule .scheduleBox { margin-left: 2.0rem; }
	#Schedule .clm_1_2col .col:nth-of-type(2) .scheduleBox dt { background: #f5f5f5; }
	#Schedule .colReverse .clm_1_2col .col:nth-of-type(2) .scheduleBox dt { background: #fff; }
}

#Schedule .scheduleListBlock strong { color: #816d00; }
#Schedule .scheduleListBlock em { color: #222; font-size: 1.8rem; }
#Schedule .scheduleListBlock .txtSights { color: #a01d1a; font-weight: bold; }

/** Schedule_01 **/
#Schedule_01.scheduleListBlock .ctm_pageTtl .ttlLv3 { margin-bottom: 0; }
#Schedule_01.scheduleListBlock .ctm_pageTtl h4 { font-size: 2.4rem; }

/** Schedule_03 **/
#Schedule_03.scheduleListBlock .imgParts { padding: 0 5px; }



/* Price */
#Price.ctm_contentsFull { background: #fff; }



/* Information */
#Information.ctm_contentsFull { background: #fff; }

#Information .priorityBlock { background: #f8f6e6; border: 3px double #ccb431; }

#Information .priorityBlock .ctm_pageTtl .ttlLv2 { margin-top: 20px; padding: 14px; color: #fff; background: linear-gradient(90deg, rgb(204 0 0 / 0.9) 0%, rgb(204 0 0 / 0.9) 50%, rgb(160 29 26 / 1.0) 50%, rgb(160 29 26 / 1.0) 100%); }
#Information .priorityBlock .ctm_pageTtl h3 { line-height: 1.2; }

#Information .priorityBlock .blockInr { padding: 0 20px 20px; }
@media all and (min-width: 740px){
	#Information .priorityBlock .blockInr { padding: 0 30px 30px; }
}

#Information .priorityBlock .leadBox .listFree em { font-size: 1.6rem; color: #333; }



/* Apply */
#Apply.ctm_contentsFull { background: #fff; }

#Apply .cmp_contactBlock .contactBlock .data { display: none; }






/* catalogBlock */
.catalogBlock .imgParts { text-align: center; }
.catalogBlock .imgParts img { width: 60%; }
@media all and (min-width: 740px){
	.catalogBlock .imgParts img { width: 25%; }
}



@media all and (max-width: 739px){
	.shikishima .js-eqHeightCols .js-eqHeightCols-item,
	.shikishima .js-eqHeightCols .js-eqHeightCols-item-2,
	.shikishima .js-eqHeightCols .js-eqHeightCols-item-3,
	.shikishima .js-eqHeightCols .js-eqHeightCols-item-4 { height: auto!important; }
}

@media all and (max-width: 739px){
}
@media all and (min-width: 740px){
}