@charset "utf-8";

/* コンテンツ幅 フル */
.contentsInr { width: auto; padding: 0px; }

@media all and (max-width: 739px){
	.ctm_contentsFull { padding: 30px 0; }
}
#Information.ctm_contentsFull, #Point.ctm_contentsFull,
#Hotel.ctm_contentsFull, #Option.ctm_contentsFull { padding-bottom: 20px; }

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

/* pageTtl */
@media all and (min-width: 740px){
    .pageTtl .heading { font-size: 2.3rem; }
}

/* icon */
.hitomegurigo .material-symbols-outlined { font-variation-settings: 'wght' 300; vertical-align: -0.28em; }

.hitomegurigo [class^="ctm_iconTxt_br"] { display: inline-block; border-radius: 4px; color: #fff;
font-size: 1.2rem; padding: 3px 6px 1px; }
.hitomegurigo .ctm_iconTxt_br_BK { background: #9682d8; }
.hitomegurigo .ctm_iconTxt_br_GY { background: #db6481; }

/* font */
.hitomegurigo .fs11 { font-size: 1.1rem !important; }
.hitomegurigo .fs13 { font-size: 1.3rem !important; }
.hitomegurigo .fs15 { font-size: 1.5rem !important; }

.hitomegurigo .fcPK_01 { color: #dd5173; }

.hitomegurigo .ctm_pageTtl h2,
.hitomegurigo .ctm_pageTtl h3,
#Navi .btnBK .btn { font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; font-style: normal; }

.hitomegurigo .txtMarker { background: linear-gradient(transparent 60%, rgba(255, 250, 125, 0.9) 0%); }

@media all and (min-width: 740px){
	.hitomegurigo .alC_forPC { text-align: center; }
	.hitomegurigo .alC_forPC .noteList > li { display: inline-block; }
}

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

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

.hitomegurigo .fsS ul li { font-size: 1.2rem; }

/* heading */
.hitomegurigo .ctm_pageTtl.hc01 .ttlLv1 { margin: 10px 0 20px; padding: 8px 0 6px; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/hok/hokkaido_love_hitomegurigo/img_sites/heading_bg01_sp.png?v=1); background-size: contain; background-position-y: bottom; background-repeat: no-repeat; background-color: #6145bc; border-radius: 100vh; }
.hitomegurigo .ctm_pageTtl.hc01 .ttlLv1 h2 { position: relative; display: inline-block; font-weight: 600; color: #fff; }

.hitomegurigo .ctm_pageTtl.hc01 .ttlLv1 h2:before { content: ""; position: absolute; display: inline-block;
background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/hok/hokkaido_love_hitomegurigo/img_sites/heading_bg02.png?v=0) no-repeat; background-size: contain; top: -20px; left: -68px; width: 60px; height: 60px; }

.hitomegurigo .ctm_pageTtl.hc01 .ttlLv1 h2 em { font-size: 1.8rem; }

.hitomegurigo .ctm_pageTtl .ttlLv4 h5 { font-size: 1.7rem; } 

@media all and (max-width: 739px){
	.hitomegurigo .ctm_pageTtl.hc01 .ttlLv1 h2 { font-size: 2.8rem; }
}
@media all and (min-width: 740px){
	.hitomegurigo .ctm_pageTtl.hc01 .ttlLv1 { margin-top: 30px; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/hok/hokkaido_love_hitomegurigo/img_sites/heading_bg01_pc.png?v=1); background-size: cover; }
	.hitomegurigo .ctm_pageTtl.hc01 .ttlLv1 h2:before { top: -20px; left: -80px; width: 68px; height: 68px; }
	.hitomegurigo .ctm_pageTtl.hc01 .ttlLv1 h2 em { font-size: 3.0rem; vertical-align: 0.3rem; }
	.hitomegurigo .ctm_pageTtl .ttlLv2 h3 { font-size: 2.6rem; }
}

/* column */
@media all and (min-width: 740px){
	.hitomegurigo .columnSB .clm_1_3col.colWrap,
	.hitomegurigo .columnSB .clm_1_4col.colWrap,
	.hitomegurigo .columnSB .clm_2_4col.colWrap { justify-content: space-between; }
    .hitomegurigo .columnSB .clm_1_3col.colWrap .col { width: 32%; margin-left: 0; }
	.hitomegurigo .columnSB .clm_1_4col.colWrap .col,
	.hitomegurigo .columnSB .clm_2_4col.colWrap .col { width: 23%; margin-left: 0; }
}

/* box */
.attentionBox { padding: 10px; background: #fff5b2; }
.redBox { padding: 10px; background: #fff; border: 2px solid #c00; }

/* comment */
.hitomegurigo .commentBlock { margin-top: 30px; padding-top: 30px; border-top: 2px dashed #b2525d; }
.hitomegurigo .commentBlock .ctm_pageTtl { text-align: center; }
.hitomegurigo .commentBlock .ctm_pageTtl h4 { color: #b2525d; }

.hitomegurigo .commentBlock .chatBlock { display: flex; }
.hitomegurigo .commentBlock .chatBlock .img img { width: 100px; }

@media all and (min-width: 740px){
	.hitomegurigo .commentBlock .chatBlock .img img { width: 130px; }	
}

.hitomegurigo .commentBlock .chatBoxWrapL { padding: 0 0 20px 20px; }
.hitomegurigo .commentBlock .chatBoxWrapR { padding: 0 20px 0 0; }
@media all and (min-width: 740px){
	.hitomegurigo .commentBlock .chatBoxWrapL { padding: 20px 40px 0 20px; }
	.hitomegurigo .commentBlock .chatBoxWrapR { padding: 20px 20px 0 40px; }
}

.hitomegurigo .commentBlock .chatBoxL,
.hitomegurigo .commentBlock .chatBoxR { position: relative; display: inline-block; width:100%; min-height: 5.0em; background: #d9d3ef; padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.hitomegurigo .commentBlock .chatBoxL { }
.hitomegurigo .commentBlock .chatBoxR { }
.hitomegurigo .commentBlock .chatBoxL:after,
.hitomegurigo .commentBlock .chatBoxR:after { content: ''; position: absolute; top: 50%; height: 0; width: 0;
pointer-events: none; border: solid transparent;
border-top-width:10px;
border-bottom-width:10px; 
border-left-width:10px;
border-right-width:10px;
margin-top: -10px; }
.hitomegurigo .commentBlock .chatBoxL:after { border-right-color: #d9d3ef; right: 100%; }
.hitomegurigo .commentBlock .chatBoxR:after { border-left-color: #d9d3ef; left: 100%; }
@media all and (min-width: 740px){
	.hitomegurigo .commentBlock .chatBoxL,
	.hitomegurigo .commentBlock .chatBoxR	{ padding: 20px; }
}

/* table */
.hitomegurigo .table_typeA table tr th,
.hitomegurigo .table_typeA thead tr td:nth-child(1) { background: #9682d8; }
.hitomegurigo .table_typeA table tr th.th01 { background-color: #9682d8; 
background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #fff 50%, #fff calc(50% + 0.5px), transparent calc(50% + 1px)); }
@media all and (max-width: 739px){
	.hitomegurigo .table_typeA table tr th { }
}

.hitomegurigo .alC table th, .hitomegurigo .alC table td { text-align: center; }

.hitomegurigo .table_typeA table tr th li { font-size: 1.6rem; }

/* caption */
.hitomegurigo figcaption span { font-size: 1.2rem; }
.hitomegurigo figcaption strong { color: #755bc9; }
@media all and (max-width: 739px){
	.hitomegurigo figcaption { font-size: 1.4rem; }
}

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

/* fixedBtnBlock */
.fixedBtnBlock { position: fixed; width: 100%; top: auto; bottom: 90px; left: 0; right: 0; margin: auto; z-index: 999; }
.fixedBtnBlock a { width: 110px; height: 110px; margin-left: auto; display: block; }
.fixedBtnBlock a:hover { opacity: 0.9; }
@media all and (min-width: 740px){
	.fixedBtnBlock { width: 1000px; bottom: 30px; }
}

/* slide */
#Hotel .hotelListBlock .slick-list li { position: relative; }
#Hotel .hotelListBlock .slick-list li:after { content: ""; position: absolute; bottom: 0; left: 5px; font-size: 1.1rem; color: #fff; text-shadow: 1px 1px 8px rgb(0 0 0 / 1.0); }

.hitomegurigo .slick-list li figcaption { margin-top: 10px; }

.hitomegurigo .slidControl { bottom: 42px; padding: 10px 10px !important; }
@media all and (min-width: 740px){
    #Point .pointBlock .slidControl { }
}



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

.hitomegurigo .informationBlock { padding: 16px; background: #fff; border: 2px solid #beadf5; border-radius: 10px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); }
@media all and (min-width: 740px){
	.hitomegurigo .informationBlock .clm_1_2col .col:nth-child(1) { width: 30%; }
	.hitomegurigo .informationBlock .clm_1_2col .col:nth-child(2) { width: calc(70% - 30px); }
}

#Information .ctm_bdrColumn .col { background: #fff; border: 1px solid #fff; border-radius: 10px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); }

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

#Information .txtcmpSubTitle { background: linear-gradient(transparent 60%, rgba(255, 250, 125, 0.9) 0%); }

/** Info_01 **/
#Info_01 .ttlLv1:before { content: ""; position: absolute; display: inline-block; 
top: -10px; left: 0; width: 80px; height: 80px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/hok/hokkaido_love_hitomegurigo/img_sites/logo_hayakime.jpg) no-repeat; background-size: contain; }
@media all and (min-width: 740px){
	#Info_01 .ttlLv1 { padding-top: 40px; }
	#Info_01 .ttlLv1:before { top: -8px; }
}

#Info_01 .table_typeA table tr th { background: #e67590; }

@media all and (min-width: 740px){
	#Info_01 .listHayakime { margin-top: 18px; }
}

/*
#Info_01 .hayakimeList dt { display: grid; place-content: center; margin-right: 10px; font-size: 1.8rem; font-weight: bold; text-align: center; color: #fff; background: #e67590; border-radius: 100vh; width: 25%; }
@media all and (max-width: 739px){
	#Info_01 .hayakimeList dt { padding: 1.0rem 2.0rem 0.5rem; width: 50%; }
}
#Info_01 .hayakimeList dd { margin-top: 10px; }
*/

/** Info_02 **/
#Info_02 .table_typeA table { border: none; }
#Info_02 .table_typeA table tr th, #Info_02 .table_typeA table tr td { border: 1px solid #fff; }
@media all and (max-width: 739px){
	#Info_02 .table_typeA table { width: 100%; }
	#Info_02 .table_typeA table th,
	#Info_02 .table_typeA table td { display: block; width: 100%; }
}
@media all and (min-width: 740px){
	#Info_02 .table_typeA .tbl_col_1 { width: 25%; }
}

#Info_01 .fs3L, #Info_02 .fs3L { font-size: 2.4rem !important; }

/** Info_03 **/
#Info_03 .txtLead li { font-size: 1.6rem; font-weight: bold; text-align: center; }
#Info_03 .txtLead li em { color: #333; font-size: 2.2rem; }
#Info_03 .txtLead li strong { font-size: 2.4rem; }
@media all and (min-width: 740px){
	#Info_03 .txtLead li { font-size: 1.8rem; }
	#Info_03 .txtLead li em { font-size: 2.8rem; }
	#Info_03 .txtLead li strong { font-size: 2.8rem; }
}



/* Navi */
#Navi .btnBK .btn { background: #db6481; }



/* Point */
#Point.ctm_contentsFull { background: #fcf7da; }

#Point .ctm_pageTtl .ttlLv1 h2:before { top: -20px; left: 0px; }
@media all and (min-width: 740px){
	#Point .ctm_pageTtl .ttlLv1 h2:before { top: -30px; left: -56px; }
}

#Point .pointListBlock,
#Point .pointListColumn .col { padding: 20px 22px; background: #fff; border: 2px solid #beadf5; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); }
@media all and (max-width:739px){
	#Point .pointListColumn .col:nth-of-type(n+2) { margin-top: 24px; }
}
@media all and (min-width: 740px){
	#Point .pointListBlock,
	#Point .pointListColumn .col { padding: 20px 30px; }
}

#Point .pointBlock .ctm_pageTtl { text-align: left; }

#Point .ctm_pageTtl .ttlLv2 { margin-top: 0; }
#Point .ctm_pageTtl .ttlLv2 h3 strong { font-size: 4.2rem; padding-left: 0.1em; }
@media all and (max-width:739px){
	#Point .ctm_pageTtl .ttlLv2 { padding-top: 0; }
}

#Point .pointBlock .ctm_pageTtl h3 { display: inline-block; position: relative; height: 2.4em; line-height: 2.4em; padding: 0 40px 0 30px; margin-left: -23px; background: #db6481 !important; color: #fff; box-sizing: border-box; }
#Point .pointBlock .ctm_pageTtl h3:after { content: ''; position: absolute; width: 0px; height: 0px; 
z-index: 1; top: 0; right: 0; border-width: 1.2em 0.6em 1.2em 0; border-color: transparent #fff transparent transparent; border-style: solid; }
#Point .pointBlock .ctm_pageTtl h3 strong { color: #fff; }
@media all and (min-width: 740px){
	#Point .pointBlock .ctm_pageTtl h3 { line-height: 2.4em; margin-left: -31px; }
}

#Point .pointBlock .ctm_pageTtl .ttlLv3 { margin-top: 0; padding: 0; }
@media all and (min-width: 740px){
	#Point .pointBlock .ctm_pageTtl .ttlLv3 {}
}
#Point .pointBlock .ctm_pageTtl h4 { padding: 0; }
#Point .pointBlock .ctm_pageTtl h4 strong { /* color: #755bc9; */ }
#Point .pointBlock .txtUpgrade  h4 strong { color: #b2525d; }

#Point .pointBlock .ctm_pageTtl.hc02 .ttlLv4 { position: relative; display: inline-block; padding: 0 20px;
height: 2.0em; line-height: 2.1em; background: #b2525d; color: #fff; box-sizing: border-box; }
#Point .pointBlock .ctm_pageTtl.hc02 .ttlLv4:before,
#Point .pointBlock .ctm_pageTtl.hc02 .ttlLv4:after { content: ''; position: absolute; width: 0px; height: 0px; top: 0; z-index: 1; }
#Point .pointBlock .ctm_pageTtl.hc02 .ttlLv4:before { left: 0; border-width: 1.0em 0 1.0em 0.5em;
border-color: transparent transparent transparent #fff; border-style: solid; }
#Point .pointBlock .ctm_pageTtl.hc02 .ttlLv4:after { right: 0; border-width: 1.0em 0.5em 1.0em 0;
border-color: transparent #fff transparent transparent; border-style: solid; }

#Point .pointBlock .imgParts { padding: 10px 5px 0; }

@media all and (max-width:739px){
	#Point .txtPoint .fsL { font-size: 1.6rem !important; }
}

#Point .txtLead { color: #6145bc; font-weight: bold; }

#Point_02 .slidControl { bottom: 63px; }
#Point_05 .clm_1_3col .col:nth-of-type(2) .slidControl { bottom: 84px; }
@media all and (max-width:739px){
	#Point_02 .slidControl { bottom: 65px; }
}

/** Point_01 **/
#Point #Point_01 .ctm_pageTtl.hc02 .ttlLv4 { background: #db6481; }
@media all and (max-width:739px){
	#Point #Point_01 .ctm_pageTtl.hc02 .ttlLv4 { height: 3.2em; line-height: 1.6em; padding: 0 30px; }
	#Point #Point_01 .ctm_pageTtl.hc02 .ttlLv4:before { left: 0; border-width: 1.6em 0 1.6em 0.8em; }
	#Point #Point_01 .ctm_pageTtl.hc02 .ttlLv4:after { right: 0; border-width: 1.6em 0.8em 1.6em 0; }
}

#Point .recommendBlock { margin-top: 30px; padding-top: 30px; border-top: 2px dashed #b2525d; position: relative; }
#Point .recommendBlock .ctm_pageTtl .ttlLv3 .heading { color: #b2525d; }
#Point .recommendBlock .imgIcon { position: absolute; width: 40%; transform: rotate(-12deg); top: -30px; left: -24px; }
@media all and (min-width: 740px){
	#Point .recommendBlock .imgIcon { width: 18%; top: -38px; left: -32px; }
}

#Point .recommendBlock .recommendBox { position: relative; }
#Point .recommendBlock .recommendBox:before { content: ""; position: absolute; display: inline-block; 
width: 48px; height: 48px; top: 5px; left: 0px; }
#Point .recommendBlock .recommendBox.box_01:before { background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/hok/hokkaido_love_hitomegurigo/img_sites/point_recommend_heading_icon01.png?v=0) no-repeat; background-size: contain; background-position-y: bottom; }
#Point .recommendBlock .recommendBox.box_02:before { background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/hok/hokkaido_love_hitomegurigo/img_sites/point_recommend_heading_icon02.png?v=0) no-repeat; background-size: contain; background-position-y: bottom; }

#Point .recommendBlock .ctm_pageTtl .ttlLv4 { margin-top: 20px; padding-top: 5px; border-bottom: 2px solid #81bcf0; }

#Point_01 .commentBlock { margin-top: 0; }

/** Point_04 **/
@media all and (min-width: 740px){
	#Point_04 .clm_1_2col .col:nth-child(1) { width: calc(60% - 15px); }
	#Point_04 .clm_1_2col .col:nth-child(2) { width: calc(40% - 15px); }
}

/** Point_05 **/
#Point_05 .ttlLv4 { margin-top: 4px; }
/*
@media all and (min-width: 740px){
	#Point_05.pointBlock .clm_1_3col.colWrap { justify-content: space-between; }
	#Point_05.pointBlock .clm_1_3col.colWrap .col { margin: 0; width: 32%; }
}
*/

#Point_05 .txtListBox.fcRD { margin-top: 0.2em; }





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

.Schedule .table_type_B { position: relative; }
.Schedule .td_title { font-weight: bold; color: #fff; position: relative; }
.Schedule .td_title:before { content: ""; /* position: absolute; top: 26px; left: 15px; */ }
#Schedule .td_title:before { content: "5日間／6日間"; }

.Schedule table .tbl_col_1 { width: 19%; }
.Schedule table .tbl_col_3,
.Schedule table .tbl_col_4,
.Schedule table .tbl_col_5 { width: 5%; }

.Schedule table th strong { display: inline-block; border-radius: 4px; color: #9682d8; background: #fff; padding: 3px 6px 0; }
.Schedule table td .ctm_iconTxt_br_GY { font-size: 1.4rem!important; white-space: nowrap; }

.Schedule .txtTrain { color: #333; font-weight: bold; }
.Schedule .txtSights { color: #329800; font-weight: bold; }



/* Hotel */
#Hotel.ctm_contentsFull { background: #ebe6f8; }

/*
#Hotel .txtPoint { margin-top: 10px; }
#Hotel .txtPoint em { font-size: 1.8rem; color: #6145bc; background: linear-gradient(transparent 60%, #fff 0%); }
@media all and (max-width:739px){
}
@media all and (min-width: 740px){
	#Hotel .txtPoint { margin-top: -24px; text-align: center; }
}
*/
#Hotel .pointBlock { margin: 20px auto 0; padding: 16px 20px 14px; background: #fff; border: 2px solid #beadf5; border-radius: 10px; /* box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); */ }
#Hotel .pointBlock .txtPoint li { font-size: 1.6rem; text-align: center; }
#Hotel .pointBlock .txtPoint em { color: #6145bc; font-size: 1.8rem; }
#Hotel .pointBlock .txtPoint strong { color: #a07616; }
@media all and (min-width: 740px){
	#Hotel .pointBlock { margin-top: -20px; width: 60%; }
}

#Hotel .iconBath,
#modal_hotelBath .iconBath { text-align: center; font-size: 1.4rem; font-weight: bold; }
#Hotel .iconBath i,
#modal_hotelBath .iconBath i { display: inline-block; font-size: 1.6rem; color: #fff; width: 1.8em; height: 1.8em; line-height: 2.0em; border-radius: 50%; background: #db6481; }
@media all and (min-width: 740px){
	#Hotel .iconBath,
	#modal_hotelBath .iconBath { font-size: 1.2rem; }
	#Hotel .iconBath i,
	#modal_hotelBath .iconBath i { font-size: 1.4rem; width: 1.7em; height: 1.7em; line-height: 1.9em; }
}

#Hotel .ttlLv2 { border-bottom: 3px solid #fff; }
#Hotel .ttlLv2 .heading { border-left: 5px solid #9682d8; font-size: 2.0rem; }
#Hotel .ttlLv2 .heading strong { }
@media all and (min-width: 740px){
	#Hotel .ttlLv2 .heading { font-size: 2.2rem; }
}

#Hotel .hotelListBlock .ctm_bdrColumn .col { padding-bottom: 16px; background: #fff; border: 1px solid #fff; border-radius: 10px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); }
#Hotel .hotelListBlock .ctm_bdrColumn.bc01 > .colWrap > .col:nth-child(n+2),
#Hotel .hotelListBlock .ctm_bdrColumn.bc02 > .colWrap > .col:nth-child(n+3) { background: transparent; border: none; box-shadow: none; }

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

.hotelListBlock #HotelList_d1-01 .colWrap > .col:nth-child(3),
.hotelListBlock #HotelList_d2-01 .colWrap > .col:nth-child(n+2),
.hotelListBlock #HotelList_d3-01 .colWrap > .col:nth-child(n+2),
.hotelListBlock #HotelList_d4-01 .colWrap > .col:nth-child(n+2) { background: #fdf6cb; border: 1px solid #fdf6cb; }

#Hotel .hotelListBlock .ctm_pageTtl,
#modal_hotelBath .ctm_pageTtl { position: relative; }

#Hotel .hotelListBlock .ctm_pageTtl .ttlLv3 { margin-top: 20px; padding: 0; }
#Hotel .hotelListBlock .ctm_pageTtl .ttlLv3 h4 { padding: 0; font-size: 2.2rem; }
@media all and (min-width: 740px){
	#Hotel .hotelListBlock .ctm_pageTtl .ttlLv3 {  }
	#Hotel .hotelListBlock .ctm_pageTtl .ttlLv3 h4 { font-size: 2.0rem; padding: 0; }
}

@media all and (max-width:739px){
	#modal_hotelBath .clm_1_2col.colWrap .col:nth-of-type(n+2) { margin-top: 24px; }
}

#modal_hotelBath .listBath li { padding: 0 0 0 2.4em !important; font-size: 1.6rem; }
@media all and (min-width: 740px){
	#modal_hotelBath .listBath li { padding-left: 2.0em !important; }
}

#Hotel .ctm_pageTtl .iconBath,
#modal_hotelBath .listBath .iconBath { position: absolute; }
#Hotel .ctm_pageTtl .iconBath { top: -46px; right: 0; background: #fff; }
#modal_hotelBath .listBath .iconBath { top: -1.6em; left: 0.6em; }
#Hotel .ctm_pageTtl .iconBath i,
#modal_hotelBath .listBath .iconBath i { display: block; }
@media all and (max-width:739px){
	#Hotel .ctm_pageTtl .iconBath { top: -50px; }
	#Hotel .upgradeWrap .ctm_pageTtl .iconBath { top: -56px; }
}
@media all and (min-width: 740px){
	#Hotel .ctm_pageTtl .iconBath { }
	#Hotel .ctm_pageTtl .iconBath i { }
}

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

#Hotel .hotelListBlock .col .txtLead { text-align: left; border-bottom: 1px solid #cec5ed; }

#Hotel .hotelListBlock .imgParts { padding: 0 1px; }

#Hotel .hotelListBlock .slick-slide { padding: 0 1px; }
#Hotel .hotelListBlock .slidControl { bottom: 18px; padding: 5px 5px !important; }
#Hotel .hotelListBlock .slick-dotted.slick-slider { margin: 0; }

#Hotel .txtStandard { position: relative; display: inline-block; padding: 0 40px; font-size: 1.5rem; font-weight: bold; }

#Hotel .txtStandard:before,
#Hotel .txtStandard:after { content: ''; position: absolute; display: inline-block; top: 40%;
width: 30px; height: 3px; background: #d9d3ef; }
#Hotel .txtStandard:before { left: 0; }
#Hotel .txtStandard:after { right: 0; }

#Hotel .txtUpgrade { position: relative; display: inline-block; padding: 0 16px;
height: 2.0em; line-height: 2.2em; font-weight: bold; background: #c49426; color: #fff; box-sizing: border-box; }
#Hotel .txtUpgrade:before,
#Hotel .txtUpgrade:after { content: ''; position: absolute; width: 0px; height: 0px; top: 0; z-index: 1; }
#Hotel .txtUpgrade:before { left: 0; border-width: 1.0em 0 1.0em 0.5em;
border-color: transparent transparent transparent #fdf6cb; border-style: solid; }
#Hotel .txtUpgrade:after { right: 0; border-width: 1.0em 0.5em 1.0em 0;
border-color: transparent #fdf6cb transparent transparent; border-style: solid; }

#Hotel .upgradeWrap .heading,
#Hotel .upgradeWrap ul li { /* color: #fff!important; */ }

#Hotel .hotelListBlock .col .upgradeWrap .txtLead { color: #a07616; border-bottom: 1px solid #c49426; }
@media all and (min-width: 740px){
	/*
	#HotelList_d2-01 #Hotel_510150 .txtLead p { white-space: nowrap; }
	*/
}

#Hotel .upgradeWrap .iconBath { color: #a07616; background: #fdf6cb; }
#Hotel .upgradeWrap .iconBath i { color: #fff; background: #c49426; }

#Hotel_510172 .slick-list li:nth-child(3):after { content: "西館和洋室"; }
#Hotel_510206 .slick-list li:nth-child(3):after { content: "客室露天風呂"; }
#Hotel_510247 .slick-list li:nth-child(3):after { content: "和室"; }
#Hotel_510326 .slick-list li:nth-child(3):after { content: "和室"; }



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

#Option .ctm_pageTtl .ttlLv1 [class^="ctm_iconTxt_br"] { padding: 1px 6px 1px; font-size: 1.8rem; border: 1px solid #fff; vertical-align: 0.6rem; }
@media all and (max-width:739px){
	#Option .ctm_pageTtl .ttlLv1 h2:before { top: -18px; left: -46px; }
	#Option .ctm_pageTtl .ttlLv1 [class^="ctm_iconTxt_br"] { vertical-align: 0.4rem; }
}
@media all and (min-width: 740px){
	#Option .ctm_pageTtl .ttlLv1 h2 { font-size: 3.6rem; }
}

#Option .optionBlock,
#Option .optionListBlock .ctm_bdrColumn .col { background: #fff; border: 2px solid #beadf5; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); }

#Option .optionBlock { padding: 20px 20px 10px; }
#Option .optionListBlock .ctm_bdrColumn .col { padding-bottom: 16px; }

@media all and (max-width: 739px){
	#Option .optionBlock .clm_1_2col.colWrap .col:nth-of-type(n+2) { margin-top: 20px; }
}

#Option .ctm_pageTtl .ttlLv2 { margin-top: 20px; padding: 0; }
#Option .ctm_pageTtl .ttlLv2 h3 { font-size: 2.2rem; }
@media all and (min-width: 740px){
	#Option .ctm_pageTtl .ttlLv2 h3 { font-size: 2.2rem; }
}

#Option .ctm_pageTtl .ttlLv2 sup { display: flex; justify-content: center; align-items: center; font-size: 1.7rem; }
@media all and (min-width: 740px){
	#Option .ctm_pageTtl .ttlLv2 sup {  }
}
#Option .ctm_pageTtl .ttlLv2 sup:before,
#Option .ctm_pageTtl .ttlLv2 sup:after  { content: ''; width: 3px; height: 1.8em; background: #e67590; }
#Option .ctm_pageTtl .ttlLv2 sup:before { margin-right: 1.5em; transform: rotate(-35deg); }
#Option .ctm_pageTtl .ttlLv2 sup:after  { margin-left:  1.5em; transform: rotate(35deg); }

#Option .ctm_pageTtl .ttlLv2 .txtTitle { margin-top: 10px; padding: 10px 0 8px; display: block; border: 2px solid #beadf5; border-right: none; border-left: none; }

/*
#Option .ttlLv2 { margin: 5px 0; }
#Option .ttlLv2 h3 { display: flex; justify-content: center; align-items: center; font-size: 1.9rem; }
@media all and (min-width: 740px){
	#Option .ttlLv2 h3 { font-size: 1.7rem; }
}
#Option .ttlLv2 h3:before,
#Option .ttlLv2 h3:after  { content: ''; width: 3px; height: 1.8em; background: #e67590; }
#Option .ttlLv2 h3:before { margin-right: 1.5em; transform: rotate(-35deg); }
#Option .ttlLv2 h3:after  { margin-left:  1.5em; transform: rotate(35deg); }
*/

#Option [class^="ctm_iconTxt_br"] { font-size: 1.6rem; font-weight: bold; }
@media all and (min-width: 740px){
	#Option [class^="ctm_iconTxt_br"] { font-size: 1.4rem; }
}

@media all and (min-width: 740px){
	#Option .commentBlock .clm_1_2col .col:nth-child(1) { width: calc(32% - 15px); }
	#Option .commentBlock .clm_1_2col .col:nth-child(2) { width: calc(68% - 15px); }
}
@media all and (max-width: 739px){
	#Option .commentBlock { padding-bottom: 20px; }
	#Option .commentBlock .clm_1_2col .col:nth-child(1) { margin: 0 auto; width: 70%; }
	#Option .commentBlock .chatBoxWrapL { padding: 12px 20px 0px; }
	#Option .commentBlock .chatBoxL:before { content: ""; position: absolute; top: -24px; left: 50%; margin-left: -10px; border: 12px solid transparent; border-bottom: 12px solid #d9d3ef; z-index: 2; }
	#Option .commentBlock .chatBoxL:after { border: none; }
}

#Option .commentBlock .txtListBox li em { color: #333;}



/* modal_sapporo */
#modal_sapporo .ctm_pageTtl.hc02 { color: #fff; background: #db6481; }

#modal_sapporo .ctm_pageTtl.hc01 .ttlLv2 { margin: 30px 0 20px; padding: 8px 0 6px; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/hok/hokkaido_love_hitomegurigo/img_sites/heading_bg01_sp.png?v=1); background-size: contain; background-position-y: bottom; background-repeat: no-repeat; background-color: #6145bc; border-radius: 100vh; }
#modal_sapporo .ctm_pageTtl.hc01 .ttlLv2 h3 { position: relative; color: #fff; font-weight: 600; }
@media all and (min-width: 740px){
	#modal_sapporo .ctm_pageTtl.hc01 .ttlLv2 { margin-top: 60px; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/hok/hokkaido_love_hitomegurigo/img_sites/heading_bg01_pc.png?v=1); background-size: cover; }
}

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

#modal_sapporo .td_title:before { content: "4日間"; }

#modal_sapporo table .tbl_col_1 { width: 14%; }
#modal_sapporo table .tbl_col_3,
#modal_sapporo table .tbl_col_4,
#modal_sapporo table .tbl_col_5 { width: 6%; }

@media all and (max-width: 739px){
	#modal_sapporo .ctm_pageTtl.hc01 .ttlLv2 h3 { font-size: 2.2rem; }
	#modal_sapporo .ctm_pageTtl.hc01 .ttlLv2 h3 span { font-size: 1.8rem; }

	#modal_sapporo .Price .table_typeA table .th01 { font-size: 1.2rem; }
}

@media all and (min-width: 740px){
	#modal_sapporo .txtList > li { padding: 0 0 0 12px !important; }
}

#modal_sapporo .listF > ul > li { padding: 0!important; }




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

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