@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; }

@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 */
.hokkaido_love_hitomeguri .material-symbols-outlined,
#modal_sapporo .material-symbols-outlined { font-variation-settings: 'wght' 400; vertical-align: middle; }

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

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

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

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

/* heading */
.hokkaido_love_hitomeguri .ctm_pageTtl .ttlLv1 { margin: 10px 0 20px; padding: 8px 0 6px; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/hok/hokkaido_love_hitomeguri25/img_sites/heading_bg01.png?v=1); background-size: cover; border-radius: 100vh; }
.hokkaido_love_hitomeguri .ctm_pageTtl .ttlLv1 h2 { position: relative; display: inline-block; font-weight: 600; color: #fff; }

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

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

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

@media all and (max-width: 739px){
	.hokkaido_love_hitomeguri .ctm_pageTtl .ttlLv1 h2 { font-size: 2.8rem; }
}
@media all and (min-width: 740px){
	.hokkaido_love_hitomeguri .ctm_pageTtl .ttlLv1 { margin-top: 30px; }
	.hokkaido_love_hitomeguri .ctm_pageTtl .ttlLv1 h2:before { top: -22px; left: -60px; width: 40px; height: 40px; }
	.hokkaido_love_hitomeguri .ctm_pageTtl .ttlLv1 h2 em { font-size: 3.2rem; vertical-align: 0.3rem; }
	.hokkaido_love_hitomeguri .ctm_pageTtl .ttlLv2 h3 { font-size: 2.6rem; }
}

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

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

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

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

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

.hokkaido_love_hitomeguri .commentBlock .chatBoxL,
.hokkaido_love_hitomeguri .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; }
.hokkaido_love_hitomeguri .commentBlock .chatBoxL { }
.hokkaido_love_hitomeguri .commentBlock .chatBoxR { }
.hokkaido_love_hitomeguri .commentBlock .chatBoxL:after,
.hokkaido_love_hitomeguri .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; }
.hokkaido_love_hitomeguri .commentBlock .chatBoxL:after { border-right-color: #d9d3ef; right: 100%; }
.hokkaido_love_hitomeguri .commentBlock .chatBoxR:after { border-left-color: #d9d3ef; left: 100%; }
@media all and (min-width: 740px){
	.hokkaido_love_hitomeguri .commentBlock .chatBoxL,
	.hokkaido_love_hitomeguri .commentBlock .chatBoxR	{ padding: 20px; }
}

/* table */
.hokkaido_love_hitomeguri .table_typeA table tr th,
#modal_sapporo .table_typeA table tr th { background: #9682d8; }
.hokkaido_love_hitomeguri .table_typeA table tr th.th01,
#modal_sapporo .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){
	.hokkaido_love_hitomeguri .table_typeA table tr th { }
}

#modal_sapporo .table_typeA table { width: 920px; }

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

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

/* Button type horizon */
.hokkaido_love_hitomeguri .ctm_btnList_horizon .btnBox { display: block; width: 100%; height: 100%; }
.hokkaido_love_hitomeguri .ctm_btnList_horizon .col > div { height: 100%; }
.hokkaido_love_hitomeguri .ctm_btnList_horizon .col .btn { display: table; width: 100%; height: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 0px; }
.hokkaido_love_hitomeguri .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 rgba(0, 0, 0, 1.0); }

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

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



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

.hokkaido_love_hitomeguri .informationBlock { padding: 15px; 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){
	.hokkaido_love_hitomeguri .informationBlock .clm_1_2col.colWrap .col:nth-child(1) { width: 30%; }
	.hokkaido_love_hitomeguri .informationBlock .clm_1_2col.colWrap .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); }

@media all and (max-width: 739px){
	.hokkaido_love_hitomeguri .informationBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.4rem; }
}
.hokkaido_love_hitomeguri .informationBlock .ctm_pageTtl .ttlLv2 { margin-top: 10px; position: relative; }
.hokkaido_love_hitomeguri .informationBlock .ctm_pageTtl .ttlLv2:after { content: ''; position: absolute;
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; }
.hokkaido_love_hitomeguri .informationBlock .ctm_pageTtl .ttlLv2 h3 { color: #755bc9; }

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

/** Info_01 **/
#Info_01 .ttlLv2: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_hitomeguri24/img_sites/hayakime.jpg) no-repeat; background-size: contain; }
@media all and (min-width: 740px){
	#Info_01 .ttlLv2 { padding-top: 50px; }
	#Info_01 .ttlLv2:before { top: 0; }
}

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

@media all and (min-width: 740px){
	#Info_01 .hayakimeList { display: flex; }
}
#Info_01 .hayakimeList:nth-child(n+2) { padding-top: 10px; }

#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%; }
}

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

/** Info_03 **/
#Info_03 .ctm_pageTtl .ttlLv3 { margin: 10px 0; padding: 0; }
#Info_03 .ctm_pageTtl .ttlLv3 h4 { padding: 0; font-size: 1.6rem; }
#Info_03 .ctm_pageTtl .ttlLv3 h4 em { font-size: 2.2rem; }
#Info_03 .ctm_pageTtl .ttlLv3 h4 strong { font-size: 2.4rem; }
@media all and (min-width: 740px){
	#Info_03 .ctm_pageTtl .ttlLv3 h4 { font-size: 1.8rem; }
	#Info_03 .ctm_pageTtl .ttlLv3 h4 em { font-size: 2.8rem; }
	#Info_03 .ctm_pageTtl .ttlLv3 h4 strong { font-size: 2.8rem; }
}



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



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

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

#Point .pointListBlock { padding: 20px 25px; background: #fff; border: 2px solid #beadf5; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); }
@media all and (min-width: 740px){
	#Point .pointListBlock { padding: 20px 30px; }
}

#Point .pointListBlock .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 .pointListBlock .ctm_pageTtl h3 { display: inline-block; position: relative; height: 2.4em; line-height: 2.4em; padding: 0 40px 0 30px; margin-left: -25px; background: #db6481 !important; color: #fff; box-sizing: border-box; }
#Point .pointListBlock .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 .pointListBlock .ctm_pageTtl h3 strong { color: #fff; }
@media all and (min-width: 740px){
	#Point .pointListBlock .ctm_pageTtl h3 { line-height: 2.4em; margin-left: -31px; }
}

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

#Point .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 .ttlLv4:before,
#Point .ttlLv4:after { content: ''; position: absolute; width: 0px; height: 0px; top: 0; z-index: 1; }
#Point .ttlLv4:before { left: 0; border-width: 1.0em 0 1.0em 0.5em;
border-color: transparent transparent transparent #fff; border-style: solid; }
#Point .ttlLv4:after { right: 0; border-width: 1.0em 0.5em 1.0em 0;
border-color: transparent #fff transparent transparent; border-style: solid; }

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

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

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

#Point_04 .colWrap > .col:nth-child(1) .slidControl { bottom: 63px; }

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

@media all and (max-width:739px){
	#Point_01 .slidControl,
	#Point_02 .slidControl { bottom: 65px; }
}

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

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



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

#Schedule table th strong,
.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,
.Schedule table td .ctm_iconTxt_br_GY { font-size: 1.4rem!important; white-space: nowrap; }

#Schedule .txtTrain, .Schedule .txtTrain { color: #333; font-weight: bold; }
#Schedule .txtSights, .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 .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.2rem; }
#Hotel .ttlLv2 .heading strong { color: #9682d8; }

#Hotel .hotelListBlock .ctm_bdrColumn .col { padding-bottom: 15px; 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: 15px 20px; }
@media all and (min-width: 740px){
	#Hotel .hotelListBlock .ctm_bdrColumn .clm_1_3col.colWrap .col { padding: 15px 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; }
}

#modal_hotelBath .ctm_pageTtl .ttlLv3 h4 { padding: 0 0 0 38px; font-size: 1.6rem; font-weight: normal; text-align: left; }
@media all and (min-width: 740px){
	#modal_hotelBath .ctm_pageTtl .ttlLv3 h4 { padding-left: 30px; }
}

#Hotel .ctm_pageTtl .iconBath,
#modal_hotelBath .ctm_pageTtl .iconBath { position: absolute; }
#Hotel .ctm_pageTtl .iconBath { top: -45px; right: 0; background: #fff; }
#modal_hotelBath .ctm_pageTtl .iconBath { top: -14px; left: 10px; }
#Hotel .ctm_pageTtl .iconBath i,
#modal_hotelBath .ctm_pageTtl .iconBath i { display: block; }
@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 15px;
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_510150 .slick-list li:nth-child(3):after { content: "和ツイン"; }
#Hotel_510066 .slick-list li:nth-child(3):after { content: "オホーツク倶楽部デラックス露天の一例"; }
#Hotel_510168 .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 { left: -30px; }
	#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: 15px; }

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

#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 .ctm_pageTtl .ttlLv3 { margin-top: 20px; }
#Option .ctm_pageTtl .ttlLv3 h4 { padding: 0; color: #db6481; font-size: 2.2rem; }
@media all and (min-width: 740px){
	#Option .ctm_pageTtl .ttlLv3 h4 { font-size: 2.0rem; }
}

#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; }
}

#Option .commentBlock .chatBlock .img img { width: 240px; }
#Option .commentBlock .chatBlock .img .imgParts { text-align: center; }
@media all and (max-width: 739px){
	#Option .commentBlock .chatBlock { display: block; }
	#Option .commentBlock .chatBoxWrapL { padding: 20px; }
	#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; }
}



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

#modal_sapporo .ctm_pageTtl .ttlLv2 { margin-top: 60px; padding-bottom: 8px; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/hok/hokkaido_love_hitomeguri25/img_sites/heading_bg01.png?v=1); background-size: cover; border-radius: 100vh; }
#modal_sapporo .ctm_pageTtl .ttlLv2 h3 { position: relative; color: #fff; font-weight: 600; }


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

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

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



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

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

/*終了対応*/
.ctm_msgBarRD{
	background: #fff;
}