@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: 80px; }
}

/* コンテンツ幅 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"; }

/* font */
.mizukaze .ctm_pageTtl .heading,
#Lead,#Lead h1,
#Navi .tabs_parent > li > a,
#Train .trainListBlock .ttlLv2 sub span { font-family: "Shippori Mincho", serif; font-style: normal; letter-spacing: 0.1em; }
.mizukaze .ctm_pageTtl h3.heading,
.mizukaze .ctm_pageTtl h4.heading { letter-spacing: 0.05em; }

#Point .pointListBlock .numList > li:before,
#Point .pointListBlock .numList > li:after,
#Train .trainListBlock .ttlLv2 sub,
#Schedule .ctm_pageTtl h3.heading { font-family: "Poiret One", sans-serif; font-weight: bold; letter-spacing: 0.05em; }

/* heading */
.mizukaze .ctm_pageTtl .heading { font-weight: 600; }

.mizukaze .ctm_pageTtl.pageTtl_typeA .ttlLv1 { position: relative; margin: 30px auto 40px; padding: 5px 0; color: #e8d072; background: linear-gradient(90deg, rgba(1, 135, 81, 0.7) 0%, rgba(0, 119, 71, 1.0) 50%, rgba(0, 150, 89, 1.0) 50%, rgba(0, 150, 89, 0.7) 100%); }
.mizukaze .ctm_pageTtl.pageTtl_typeA .ttlLv1:before,
.mizukaze .ctm_pageTtl.pageTtl_typeA .ttlLv1:after { content: ""; position: absolute; display: inline-block; }
.mizukaze .ctm_pageTtl.pageTtl_typeA .ttlLv1:before { width: 100%; height: 100%; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/ssy/mizukaze/img_sites/heading_bg01_sp.png?v=3) no-repeat; background-size: contain; top: -3.4rem; left: 0; }
.mizukaze .ctm_pageTtl.pageTtl_typeA .ttlLv1:after  { width: 100%; height: 100%; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/ssy/mizukaze/img_sites/heading_bg02_sp.png?v=3) no-repeat; background-size: contain; bottom: -5.5rem; left: 0; }
@media all and (min-width: 740px){
	.mizukaze .ctm_pageTtl.pageTtl_typeA .ttlLv1 { width: 83.33333333%; }
	.mizukaze .ctm_pageTtl.pageTtl_typeA .ttlLv1:before { background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/ssy/mizukaze/img_sites/heading_bg01.png?v=3) no-repeat; background-size: contain; top: -4.2rem; }
	.mizukaze .ctm_pageTtl.pageTtl_typeA .ttlLv1:after  { background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/ssy/mizukaze/img_sites/heading_bg02.png) no-repeat; background-size: contain; bottom: -7.3rem; }
}

@media all and (max-width: 739px){
	.mizukaze .ctm_pageTtl .ttlLv1 h2 { font-size: 2.8rem; }
	.mizukaze .ctm_pageTtl .ttlLv2 h3 { font-size: 2.2rem; }
}
@media all and (min-width: 740px){
	.mizukaze .ctm_pageTtl .ttlLv2 h3 { font-size: 2.6rem; }
}

/* list */
.mizukaze .txtList > li:before { background: #c1a01e; }
.mizukaze .txtList > li .txtList li:before { background: #2ea876; }

/* table */
.mizukaze .table_typeA th { background: #093a26; }

/* 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); }

.slick-box .slidControl { bottom: 38px; padding: 7px 10px !important; }
@media all and (min-width: 740px){
	.slick-box .slidControl { bottom: 40px; padding: 7px 15px 8px 10px !important; }
}

/* caption */
.imgParts figcaption,
.txtCaption { font-size: 1.2rem; }



/* Point */
#Point.ctm_contentsFull { background: linear-gradient(90deg, #f4efe3 0%, #f4efe3 50%, #ede6d5 50%, #ede6d5 100%); }

/* #Point .pageTtlBlock { position: relative; }
#Point .pageTtlBlock #logo_JPK60th { position: absolute; width: 108px; top: 0; right: 0; }
@media all and (min-width: 740px){
	#Point .pageTtlBlock #logo_JPK60th { width: 80px; top: 20px; }
} */

#Point .pointListBlock .numList > li { padding: 0 0 1.5rem 9.0rem !important; font-size: 1.6rem; border-bottom: 1px solid #c1a01e; }
#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: #c1a01e; }
#Point .pointListBlock .numList > li:before { content: ""counter(numList)"."; padding-right: 1.5rem; top: 1.0rem; left: 5.0rem; font-size: 3.4rem; width: 4.0rem; }
#Point .pointListBlock .numList > li:after { content: "Point"; top: -0.5rem; left: 0; font-size: 2.0rem; width: 4.5rem; }

#Point .pointListBlock .numList strong { color: #1d6045; }



/* 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 { color: #126845; }

#Navi .tabs_parent > li,
#Navi .tabs_parent > li > a { font-size: 1.8rem; font-weight: 500; color: #fff; background: #c1a01e; }
#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, #d9f2e7 0%, #d9f2e7 50%, #e7f6f0 50%, #e7f6f0 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.6rem; }
}
@media all and (max-width: 739px){
	#Train .ctm_pageTtl .ttlLv1:after  { bottom: -9.75rem; }
}

#Train .txtLead { text-align: center; }
@media all and (max-width: 739px){
	#Train .txtLead p { text-align: justify; }
	#Train .txtLead p:nth-child(n+2) { margin-top: 10px; }
}

#Train .ctm_pageTtlWrap .ctm_pageTtl h3 { position: relative; display: inline-block; padding: 0 100px; 
color: #1d6045; }
#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 #c1a01e; border-bottom: solid 2px #c1a01e; }
#Train .ctm_pageTtlWrap .ctm_pageTtl h3:before { left:  0; }
#Train .ctm_pageTtlWrap .ctm_pageTtl h3:after  { right: 0; }

#Train .trainListBlock { border: 1px solid #c1a01e; 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/mizukaze/img_sites/train_bg01.png?v=1); background-repeat: no-repeat; background-size: 900px; background-position: top center; }
#Train_01.trainListBlock,
#Train_02.trainListBlock { padding-bottom: 15px; }
#Train_04.trainListBlock,
#Train_05.trainListBlock { background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/ssy/mizukaze/img_sites/train_bg02.png); background-repeat: no-repeat; background-size: 900px; background-position: top center; }
@media all and (min-width: 740px){
	#Train .trainListBlock { background-size: 1100px; }
}

#Train .trainListBlock .blockInr { padding: 20px 30px 20px; }

#Train .trainListBlock .ctm_pageTtl .ttlLv2 { position: relative; margin: 10px 0 0; }
#Train .trainListBlock .ctm_pageTtl .ttlLv2 strong { color: #1d6045; font-weight: 900; }
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sup { position: absolute; top: -1.0rem; left: -30px; padding: 0.1rem 1.0rem 0.3rem; color: #fff; background: #c1a01e; font-size: 2.4rem; }
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sup span { font-size: 1.6rem; }
@media all and (min-width: 740px){
	#Train .trainListBlock .ctm_pageTtl .ttlLv2 sup span { font-size: 1.8rem; }
}
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sub { padding: 0.5rem 0; color: #c1a01e; vertical-align: 0.3rem; line-height: 1.2; display: block; }
#Train .trainListBlock .ctm_pageTtl .ttlLv2 sub span { font-size: 1.8rem; }

#Train .trainListBlock .ttlLv3 h4 { border-left: 3px solid #d7b250; }

/*
#Train_01 .slick-list li:nth-child(n+2):after { content: "外観（イメージ）"; }
#Train_02 .slick-list li:nth-child(2):after { content: "外観（イメージ）"; }
#Train_02 .slick-list li:nth-child(3):after { content: "車窓からの景色（イメージ）"; }
*/

#Train .trainListBlock .roomBox { margin: 20px 0 30px; padding: 30px; background: rgba(193, 160, 30, 0.25); }
#Train .trainListBlock .roomBox .ctm_pageTtl .ttlLv2 { padding-bottom: 10px; }
#Train .trainListBlock .roomBox .ctm_pageTtl .ttlLv2 sup { top: -4.0rem; left: 0; }

@media all and (max-width: 739px){
	#Train_01.trainListBlock .ctm_pageTtl .ttlLv2 strong { padding-left: 3.0rem; }
}

#Train_01 figcaption, #Train_02 figcaption { padding-left: 1.0rem; }

@media all and (max-width: 739px){
	#Train_04.trainListBlock .clm_1_2col.colWrap .col:nth-of-type(2) { margin-top: 20px; border-top: 1px solid #c1a01e; }
	#Train_04.trainListBlock .clm_1_2col.colWrap .col:nth-of-type(2) .ctm_pageTtl .ttlLv2 { padding-top: 3.5rem; }
	#Train_04.trainListBlock .clm_1_2col.colWrap .col:nth-of-type(2) .ctm_pageTtl .ttlLv2 sup { top: -1.0rem; }
}




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

#Schedule .material-symbols-outlined { color: #c1a01e; 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(#c1a01e 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: 500px; overflow-y: scroll; }

#Schedule .scheduleListBlock { padding: 20px 30px 30px; border: 1px solid #c1a01e; border-radius: 20px; background: #f4efe3; box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.1); }

#Schedule .scheduleListBlock .ctm_pageTtl .ttlLv2 { margin-top: 0; }
#Schedule .scheduleListBlock .ctm_pageTtl h3 { position: relative; display: inline-block; padding: 0 100px; 
color: #1d6045; 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 #c1a01e; border-bottom: double 6px #c1a01e; }
#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; color: #c1a01e; vertical-align: 0; }
@media all and (min-width: 740px){
	#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: #e8d072; background: linear-gradient(90deg, rgba(1, 135, 81, 0.7) 0%, rgba(0, 119, 71, 1.0) 50%, rgba(0, 150, 89, 1.0) 50%, rgba(0, 150, 89, 0.7) 100%); border-radius: 100vh; width: 85.5%; } 

#Schedule .scheduleListBlock .ctm_pageTtl h5 { position: relative; display: block; padding: 0 50px; color: #1d6045; 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: 40px; height: 6px; border-top: solid 2px #c1a01e; border-bottom: solid 2px #c1a01e; }
#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 .scheduleBox { margin-left: 2.0rem; padding-left: 2.0rem; border-left: 1px solid #c1a01e; }
 
#Schedule .scheduleBox dl { margin-left: -3.5rem; }
#Schedule .scheduleBox dt { float: left; margin-top: -0.75rem; padding-top: 0.5rem; background: #f4efe3; }
#Schedule .scheduleBox dd { margin-bottom: 2.5rem; padding-left: 4.0rem; }

#Schedule .scheduleListBlock strong { color: #1d6045; }
#Schedule .scheduleListBlock em { color: #b79615; }
#Schedule .scheduleListBlock .txtSights { color: #914356; font-weight: bold; }



/* Hotel */
#Hotel.ctm_contentsFull { background: linear-gradient(90deg, #f4efe3 0%, #f4efe3 50%, #ede6d5 50%, #ede6d5 100%); }

@media all and (max-width: 739px){
	#Hotel .ctm_pageTtl .ttlLv1:after  { bottom: -9.75rem; }
}

#Hotel .hotelListBlock { padding: 30px; border: 1px solid #c1a01e; background: #fff; box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.1); }

#Hotel .hotelListBlock .titleBox { text-align: center; }

#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 { margin: 0; padding-bottom: 15px }
#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.0rem; }
#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 strong,
#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 sup,
#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 sub { padding: 0.1rem 1.0rem 0.3rem; }
#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 strong { color: #c1a01e; border: 1px solid #c1a01e; }
#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 sup { color: #fff; background: #c1a01e; vertical-align: 2.0rem; }
#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 sub { color: #fff; background: #c1a01e; vertical-align: -1.5rem; }

#Hotel .hotelListBlock .titleBox .btnSrg { border-top: double 3px #c1a01e; border-bottom: double 3px #c1a01e; 
background: #e8f8f2; }
#Hotel .hotelListBlock .titleBox .btnSrg .btn { background-color: transparent; border: none; }
@media all and (min-width: 740px){
	#Hotel .hotelListBlock .titleBox .btnSrg .btn { font-size: 2.2rem; }
}

#Hotel .hotelListBlock .ttlLv4 { padding: 10px 20px 0 0; }
#Hotel .hotelListBlock .ttlLv4 h5 { color: #c1a01e; text-align: center; border-right: 3px solid #c1a01e; border-bottom: 3px solid #c1a01e; }
@media all and (max-width: 739px){
	#Hotel .hotelListBlock .ttlLv4 h5 { padding: 0 0.4em; }
}

/*
#Hotel_01 .slick-list li:nth-child(2):after { content: "お部屋（一例）"; }
#Hotel_01 .slick-list li:nth-child(3):after { content: "会席料理（一例）"; }
#Hotel_01 .slick-list li:nth-child(4):after { content: "大浴場"; }
*/



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



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

#Apply .cmp_contactBlock .contactBlock .data { display: none; }



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

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

/*終売対応*/
.endText{
	padding: 20px;
	border: solid 2px #cc0000;
	background: #fff;
}